[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-tanstack-docs-features":3,"mdc--ivxgik-key":36,"related-org-tanstack-docs-features":4211,"related-repo-tanstack-docs-features":4354},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":29,"topics":30,"repo":31,"sourceUrl":34,"mdContent":35},"docs-features","build documentation features for Markdown","Build documentation metadata with docsMarkdownExtensions, GitHub-style callouts, heading collection, comment components, heading\u002Ffile\u002Fpackage- manager\u002Fbundler tabs, framework panels, and code-fence metadata. Load when authoring or consuming TanStack-style docs syntax and custom-element data contracts.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},"tanstack","TanStack","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Ftanstack.png",[12,16,19,22],{"name":13,"slug":14,"type":15},"Markdown","markdown","tag",{"name":17,"slug":18,"type":15},"GitHub","github",{"name":20,"slug":21,"type":15},"Documentation","documentation",{"name":23,"slug":24,"type":15},"Technical Writing","technical-writing",9,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Fmarkdown","2026-07-26T06:08:49.826112",null,0,[],{"repoUrl":26,"stars":25,"forks":29,"topics":32,"description":33},[],"Tiny, fast Markdown parsing and rendering for blogs and documentation","https:\u002F\u002Fgithub.com\u002FTanStack\u002Fmarkdown\u002Ftree\u002FHEAD\u002Fskills\u002Fdocs-features","---\nname: 'docs-features'\ndescription: >\n  Build documentation metadata with docsMarkdownExtensions, GitHub-style\n  callouts, heading collection, comment components, heading\u002Ffile\u002Fpackage-\n  manager\u002Fbundler tabs, framework panels, and code-fence metadata. Load when\n  authoring or consuming TanStack-style docs syntax and custom-element data\n  contracts.\nmetadata:\n  type: core\n  library: '@tanstack\u002Fmarkdown'\n  library_version: '0.0.12'\nrequires:\n  - 'render-markdown'\nsources:\n  - 'TanStack\u002Fmarkdown:docs\u002Fguides\u002Fdocs-preset.md'\n  - 'TanStack\u002Fmarkdown:docs\u002Freference\u002Fextensions.md'\n  - 'TanStack\u002Fmarkdown:src\u002Fextensions\u002Fdocs.ts'\n  - 'TanStack\u002Fmarkdown:src\u002Fextensions\u002Ftabs.ts'\n  - 'TanStack\u002Fmarkdown:src\u002Fextensions\u002Fframework.ts'\n  - 'TanStack\u002Fmarkdown:src\u002Fextensions\u002Fheadings.ts'\n  - 'TanStack\u002Fmarkdown:src\u002Fextensions\u002Fcomment-components.ts'\n---\n\nThis skill builds on [render-markdown](..\u002Frender-markdown\u002FSKILL.md). Read it first for parser options, AST reuse, rendering, and core trust boundaries.\n\n# Docs Features\n\n## Setup\n\nCreate one extension array and use it for parsing and rendering:\n\n```ts\nimport { renderHtml } from '@tanstack\u002Fmarkdown\u002Fhtml'\nimport { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\nconst source = `# Deployment\n\n> [!TIP] Parse once\n> Reuse the document for every renderer.\n\n## Install\n\nRun the package-manager command for your application.`\n\nconst extensions = docsMarkdownExtensions()\nconst document = parseMarkdown(source, { extensions })\n\nexport const headings = document.headings\nexport const html = renderHtml(document, {\n  extensions,\n  headingAnchors: true,\n})\n```\n\nThe preset composes callouts, transformed comment components, and heading collection. It emits metadata and custom elements; it does not install documentation UI behavior.\n\n## Core Patterns\n\n### Collect headings without selector headings\n\n```ts\nimport { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\nconst source = `# Guide\n\n\u003C!-- ::start:tabs -->\n\n## React\n\nReact setup\n\n## Solid\n\nSolid setup\n\n\u003C!-- ::end:tabs -->\n\n## API`\n\nconst extensions = docsMarkdownExtensions()\n\nexport const document = parseMarkdown(source, { extensions })\nexport const headings = document.headings\n```\n\nHeading collection defaults to skipping every heading inside a component named `tabs`. Pass `docsMarkdownExtensions({ collectHeadings: false })` to disable collection or an options object with `skipComponentNames` to replace the default skip set.\n\n### Author each tab input shape\n\nHeading tabs split at the shallowest heading:\n\n```md\n\u003C!-- ::start:tabs -->\n\n## React\n\nReact setup\n\n## Solid\n\nSolid setup\n\n\u003C!-- ::end:tabs -->\n```\n\nFile tabs select fenced code blocks and use `title=` or `file=` as labels:\n\n````md\n\u003C!-- ::start:tabs variant=\"files\" -->\n\n```tsx file=\"app.tsx\"\nexport function App() {\n  return \u003Cmain>Docs\u003C\u002Fmain>\n}\n```\n\n```css file=\"app.css\"\nmain {\n  display: block;\n}\n```\n\n\u003C!-- ::end:tabs -->\n````\n\nPackage-manager tabs consume `framework: package...` lines and remove their source children after creating metadata:\n\n```md\n\u003C!-- ::start:tabs variant=\"package-manager\" mode=\"dev-install\" -->\n\nreact: @tanstack\u002Freact-query @tanstack\u002Freact-router\nsolid: @tanstack\u002Fsolid-query @tanstack\u002Fsolid-router\n\n\u003C!-- ::end:tabs -->\n```\n\nBundler tabs accept only Vite and Rsbuild heading sections:\n\n````md\n\u003C!-- ::start:tabs variant=\"bundler\" -->\n\n## Vite\n\n```ts\nexport default { plugins: [] }\n```\n\n## Rsbuild\n\n```ts\nexport default { plugins: [] }\n```\n\n\u003C!-- ::end:tabs -->\n````\n\nEvery transform returns the original component unchanged when its required structure is absent. See [docs metadata contracts](references\u002Fdocs-metadata.md) for exact properties and fallback rules.\n\n### Build framework-specific panels\n\n```md\n\u003C!-- ::start:framework -->\n\n# React\n\n## Install\n\n```tsx title=\"react.tsx\"\nexport const framework = 'react'\n```\n\n# Solid\n\n## Install\n\n```tsx title=\"solid.tsx\"\nexport const framework = 'solid'\n```\n\n\u003C!-- ::end:framework -->\n```\n\nFramework blocks require level-one selector headings. They emit `md-framework-panel` children, lowercase framework names, label nested headings, and expose code-block metadata by framework.\n\n### Read component metadata before rendering\n\n```ts\nimport type { ComponentNode } from '@tanstack\u002Fmarkdown'\nimport { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\ninterface TabDescriptor {\n  slug: string\n  name: string\n}\n\nfunction isTabsNode(node: unknown): node is ComponentNode {\n  return (\n    typeof node === 'object' &&\n    node !== null &&\n    'type' in node &&\n    node.type === 'component' &&\n    'name' in node &&\n    node.name === 'tabs'\n  )\n}\n\nconst source = `\u003C!-- ::start:tabs -->\n\n## React\n\nReact content\n\n## Solid\n\nSolid content\n\n\u003C!-- ::end:tabs -->`\n\nconst document = parseMarkdown(source, {\n  extensions: docsMarkdownExtensions(),\n})\nconst tabsNode = document.children.find(isTabsNode)\nconst metadata = tabsNode?.properties?.['data-attributes']\n\nexport const tabs: TabDescriptor[] = metadata\n  ? (JSON.parse(metadata) as { tabs: TabDescriptor[] }).tabs\n  : []\n```\n\n`ComponentNode.properties` holds strings. JSON-bearing values are serialized into escaped HTML attributes by the HTML renderer and must be parsed by the consuming application.\n\n## Common Mistakes\n\n### HIGH Assuming transformed tabs are interactive\n\nWrong:\n\n```ts\nimport { renderHtml } from '@tanstack\u002Fmarkdown\u002Fhtml'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\nconst source = `\u003C!-- ::start:tabs -->\n\n## React\n\nReact content\n\n\u003C!-- ::end:tabs -->`\n\nexport const interactiveTabs = renderHtml(source, {\n  extensions: docsMarkdownExtensions(),\n})\n```\n\nCorrect:\n\n```ts\nimport type { ComponentNode } from '@tanstack\u002Fmarkdown'\nimport { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\nconst source = `\u003C!-- ::start:tabs -->\n\n## React\n\nReact content\n\n\u003C!-- ::end:tabs -->`\n\nconst document = parseMarkdown(source, {\n  extensions: docsMarkdownExtensions(),\n})\nconst tabsNode = document.children.find(\n  (node): node is ComponentNode =>\n    node.type === 'component' && node.name === 'tabs',\n)\n\nexport const tabPanels =\n  tabsNode?.children.filter(\n    (node): node is ComponentNode =>\n      node.type === 'component' && node.tagName === 'md-tab-panel',\n  ) ?? []\n```\n\nThe transform supplies a model and custom-element names; the site must bind those values to its own state, controls, and renderer components.\n\nSource: `docs\u002Fguides\u002Fdocs-preset.md`\n\n### HIGH Leaving a component block unmatched\n\nWrong:\n\n```ts\nimport { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\nconst source = `\u003C!-- ::start:tabs -->\n\n## React\n\nReact content`\n\nexport const document = parseMarkdown(source, {\n  extensions: docsMarkdownExtensions(),\n})\n```\n\nCorrect:\n\n```ts\nimport { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\nconst source = `\u003C!-- ::start:tabs -->\n\n## React\n\nReact content\n\n\u003C!-- ::end:tabs -->`\n\nexport const document = parseMarkdown(source, {\n  extensions: docsMarkdownExtensions(),\n})\n```\n\nAn unmatched start is consumed as an empty component, while the following body remains ordinary Markdown.\n\nSource: `src\u002Fextensions\u002Fcomment-components.ts:41-63`\n\n### MEDIUM Passing the wrong tab content shape\n\nWrong:\n\n```ts\nimport { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\nconst source = `\u003C!-- ::start:tabs variant=\"files\" -->\n\nThis variant does not turn prose into a file.\n\n\u003C!-- ::end:tabs -->`\n\nexport const document = parseMarkdown(source, {\n  extensions: docsMarkdownExtensions(),\n})\n```\n\nCorrect:\n\n````ts\nimport { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\nconst source = `\u003C!-- ::start:tabs variant=\"files\" -->\n\n\\`\\`\\`ts file=\"app.ts\"\nexport const app = true\n\\`\\`\\`\n\n\u003C!-- ::end:tabs -->`\n\nexport const document = parseMarkdown(source, {\n  extensions: docsMarkdownExtensions(),\n})\n````\n\nThe file transform silently returns the original component when it finds no direct code-block children; the other variants have similarly specific input contracts.\n\nSource: `src\u002Fextensions\u002Ftabs.ts:16-18`\n\n### MEDIUM Expecting fence metadata to highlight code\n\nWrong:\n\n````ts\nimport { renderHtml } from '@tanstack\u002Fmarkdown\u002Fhtml'\n\nconst source = `\\`\\`\\`ts file=\"app.ts\" {2}\nconst one = 1\nconst two = 2\n\\`\\`\\``\n\nexport const html = renderHtml(source)\n````\n\nCorrect:\n\n````ts\nimport { createHighlighter } from '@tanstack\u002Fhighlight\u002Fcore'\nimport { plaintext } from '@tanstack\u002Fhighlight\u002Flanguages\u002Fplaintext'\nimport { ts } from '@tanstack\u002Fhighlight\u002Flanguages\u002Fts'\nimport { createTanStackMarkdownHighlighter } from '@tanstack\u002Fhighlight\u002Fmarkdown'\nimport { renderHtml } from '@tanstack\u002Fmarkdown\u002Fhtml'\n\nconst source = `\\`\\`\\`ts file=\"app.ts\" {2}\nconst one = 1\nconst two = 2\n\\`\\`\\``\n\nconst highlighter = createHighlighter({\n  languages: [plaintext, ts],\n})\n\nexport const html = renderHtml(source, {\n  highlighter: createTanStackMarkdownHighlighter(highlighter),\n})\n````\n\nFence metadata populates the AST and highlighter options, but tokenization, themes, and CSS stay outside this package.\n\nSource: `docs\u002Fcore-concepts\u002Fsyntax-profile.md`\n\n## Boundaries\n\n- Docs transforms enrich trusted repository-authored content but do not execute MDX, JSX, or JavaScript expressions.\n- Highlighter output is trusted HTML. Keep highlighting at build time or on the server and apply the checks in [production-pipelines](..\u002Fproduction-pipelines\u002FSKILL.md).\n- Import individual extension entry points when the complete preset adds unused behavior or bundle cost.\n- Use [custom-extensions](..\u002Fcustom-extensions\u002FSKILL.md) when built-in comment components or transforms do not express the required deterministic syntax.\n- Use the React or Octane renderer skill to map emitted tags such as `md-tab-panel` and `md-framework-panel` to framework components.\n\n## References\n\n- [Docs metadata contracts](references\u002Fdocs-metadata.md)\n",{"data":37,"body":52},{"name":4,"description":6,"metadata":38,"requires":42,"sources":44},{"type":39,"library":40,"library_version":41},"core","@tanstack\u002Fmarkdown","0.0.12",[43],"render-markdown",[45,46,47,48,49,50,51],"TanStack\u002Fmarkdown:docs\u002Fguides\u002Fdocs-preset.md","TanStack\u002Fmarkdown:docs\u002Freference\u002Fextensions.md","TanStack\u002Fmarkdown:src\u002Fextensions\u002Fdocs.ts","TanStack\u002Fmarkdown:src\u002Fextensions\u002Ftabs.ts","TanStack\u002Fmarkdown:src\u002Fextensions\u002Fframework.ts","TanStack\u002Fmarkdown:src\u002Fextensions\u002Fheadings.ts","TanStack\u002Fmarkdown:src\u002Fextensions\u002Fcomment-components.ts",{"type":53,"children":54},"root",[55,71,77,84,89,551,556,562,569,903,932,938,943,1042,1063,1264,1277,1329,1334,1517,1530,1536,1641,1647,1653,1694,1704,1715,1721,1727,1732,1964,1969,2577,2582,2593,2599,2603,2819,2823,3052,3057,3067,3073,3077,3293,3297,3534,3539,3549,3555,3559,3698,3702,4107,4112,4122,4128,4188,4194,4205],{"type":56,"tag":57,"props":58,"children":59},"element","p",{},[60,63,69],{"type":61,"value":62},"text","This skill builds on ",{"type":56,"tag":64,"props":65,"children":67},"a",{"href":66},"..\u002Frender-markdown\u002FSKILL.md",[68],{"type":61,"value":43},{"type":61,"value":70},". Read it first for parser options, AST reuse, rendering, and core trust boundaries.",{"type":56,"tag":72,"props":73,"children":74},"h1",{"id":4},[75],{"type":61,"value":76},"Docs Features",{"type":56,"tag":78,"props":79,"children":81},"h2",{"id":80},"setup",[82],{"type":61,"value":83},"Setup",{"type":56,"tag":57,"props":85,"children":86},{},[87],{"type":61,"value":88},"Create one extension array and use it for parsing and rendering:",{"type":56,"tag":90,"props":91,"children":96},"pre",{"className":92,"code":93,"language":94,"meta":95,"style":95},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { renderHtml } from '@tanstack\u002Fmarkdown\u002Fhtml'\nimport { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\nconst source = `# Deployment\n\n> [!TIP] Parse once\n> Reuse the document for every renderer.\n\n## Install\n\nRun the package-manager command for your application.`\n\nconst extensions = docsMarkdownExtensions()\nconst document = parseMarkdown(source, { extensions })\n\nexport const headings = document.headings\nexport const html = renderHtml(document, {\n  extensions,\n  headingAnchors: true,\n})\n","ts","",[97],{"type":56,"tag":98,"props":99,"children":100},"code",{"__ignoreMap":95},[101,151,189,227,237,267,275,284,293,300,309,317,331,339,366,415,423,461,500,514,539],{"type":56,"tag":102,"props":103,"children":106},"span",{"class":104,"line":105},"line",1,[107,113,119,125,130,135,140,146],{"type":56,"tag":102,"props":108,"children":110},{"style":109},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[111],{"type":61,"value":112},"import",{"type":56,"tag":102,"props":114,"children":116},{"style":115},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[117],{"type":61,"value":118}," {",{"type":56,"tag":102,"props":120,"children":122},{"style":121},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[123],{"type":61,"value":124}," renderHtml",{"type":56,"tag":102,"props":126,"children":127},{"style":115},[128],{"type":61,"value":129}," }",{"type":56,"tag":102,"props":131,"children":132},{"style":109},[133],{"type":61,"value":134}," from",{"type":56,"tag":102,"props":136,"children":137},{"style":115},[138],{"type":61,"value":139}," '",{"type":56,"tag":102,"props":141,"children":143},{"style":142},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[144],{"type":61,"value":145},"@tanstack\u002Fmarkdown\u002Fhtml",{"type":56,"tag":102,"props":147,"children":148},{"style":115},[149],{"type":61,"value":150},"'\n",{"type":56,"tag":102,"props":152,"children":154},{"class":104,"line":153},2,[155,159,163,168,172,176,180,185],{"type":56,"tag":102,"props":156,"children":157},{"style":109},[158],{"type":61,"value":112},{"type":56,"tag":102,"props":160,"children":161},{"style":115},[162],{"type":61,"value":118},{"type":56,"tag":102,"props":164,"children":165},{"style":121},[166],{"type":61,"value":167}," parseMarkdown",{"type":56,"tag":102,"props":169,"children":170},{"style":115},[171],{"type":61,"value":129},{"type":56,"tag":102,"props":173,"children":174},{"style":109},[175],{"type":61,"value":134},{"type":56,"tag":102,"props":177,"children":178},{"style":115},[179],{"type":61,"value":139},{"type":56,"tag":102,"props":181,"children":182},{"style":142},[183],{"type":61,"value":184},"@tanstack\u002Fmarkdown\u002Fparser",{"type":56,"tag":102,"props":186,"children":187},{"style":115},[188],{"type":61,"value":150},{"type":56,"tag":102,"props":190,"children":192},{"class":104,"line":191},3,[193,197,201,206,210,214,218,223],{"type":56,"tag":102,"props":194,"children":195},{"style":109},[196],{"type":61,"value":112},{"type":56,"tag":102,"props":198,"children":199},{"style":115},[200],{"type":61,"value":118},{"type":56,"tag":102,"props":202,"children":203},{"style":121},[204],{"type":61,"value":205}," docsMarkdownExtensions",{"type":56,"tag":102,"props":207,"children":208},{"style":115},[209],{"type":61,"value":129},{"type":56,"tag":102,"props":211,"children":212},{"style":109},[213],{"type":61,"value":134},{"type":56,"tag":102,"props":215,"children":216},{"style":115},[217],{"type":61,"value":139},{"type":56,"tag":102,"props":219,"children":220},{"style":142},[221],{"type":61,"value":222},"@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs",{"type":56,"tag":102,"props":224,"children":225},{"style":115},[226],{"type":61,"value":150},{"type":56,"tag":102,"props":228,"children":230},{"class":104,"line":229},4,[231],{"type":56,"tag":102,"props":232,"children":234},{"emptyLinePlaceholder":233},true,[235],{"type":61,"value":236},"\n",{"type":56,"tag":102,"props":238,"children":240},{"class":104,"line":239},5,[241,247,252,257,262],{"type":56,"tag":102,"props":242,"children":244},{"style":243},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[245],{"type":61,"value":246},"const",{"type":56,"tag":102,"props":248,"children":249},{"style":121},[250],{"type":61,"value":251}," source ",{"type":56,"tag":102,"props":253,"children":254},{"style":115},[255],{"type":61,"value":256},"=",{"type":56,"tag":102,"props":258,"children":259},{"style":115},[260],{"type":61,"value":261}," `",{"type":56,"tag":102,"props":263,"children":264},{"style":142},[265],{"type":61,"value":266},"# Deployment\n",{"type":56,"tag":102,"props":268,"children":270},{"class":104,"line":269},6,[271],{"type":56,"tag":102,"props":272,"children":273},{"emptyLinePlaceholder":233},[274],{"type":61,"value":236},{"type":56,"tag":102,"props":276,"children":278},{"class":104,"line":277},7,[279],{"type":56,"tag":102,"props":280,"children":281},{"style":142},[282],{"type":61,"value":283},"> [!TIP] Parse once\n",{"type":56,"tag":102,"props":285,"children":287},{"class":104,"line":286},8,[288],{"type":56,"tag":102,"props":289,"children":290},{"style":142},[291],{"type":61,"value":292},"> Reuse the document for every renderer.\n",{"type":56,"tag":102,"props":294,"children":295},{"class":104,"line":25},[296],{"type":56,"tag":102,"props":297,"children":298},{"emptyLinePlaceholder":233},[299],{"type":61,"value":236},{"type":56,"tag":102,"props":301,"children":303},{"class":104,"line":302},10,[304],{"type":56,"tag":102,"props":305,"children":306},{"style":142},[307],{"type":61,"value":308},"## Install\n",{"type":56,"tag":102,"props":310,"children":312},{"class":104,"line":311},11,[313],{"type":56,"tag":102,"props":314,"children":315},{"emptyLinePlaceholder":233},[316],{"type":61,"value":236},{"type":56,"tag":102,"props":318,"children":320},{"class":104,"line":319},12,[321,326],{"type":56,"tag":102,"props":322,"children":323},{"style":142},[324],{"type":61,"value":325},"Run the package-manager command for your application.",{"type":56,"tag":102,"props":327,"children":328},{"style":115},[329],{"type":61,"value":330},"`\n",{"type":56,"tag":102,"props":332,"children":334},{"class":104,"line":333},13,[335],{"type":56,"tag":102,"props":336,"children":337},{"emptyLinePlaceholder":233},[338],{"type":61,"value":236},{"type":56,"tag":102,"props":340,"children":342},{"class":104,"line":341},14,[343,347,352,356,361],{"type":56,"tag":102,"props":344,"children":345},{"style":243},[346],{"type":61,"value":246},{"type":56,"tag":102,"props":348,"children":349},{"style":121},[350],{"type":61,"value":351}," extensions ",{"type":56,"tag":102,"props":353,"children":354},{"style":115},[355],{"type":61,"value":256},{"type":56,"tag":102,"props":357,"children":359},{"style":358},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[360],{"type":61,"value":205},{"type":56,"tag":102,"props":362,"children":363},{"style":121},[364],{"type":61,"value":365},"()\n",{"type":56,"tag":102,"props":367,"children":369},{"class":104,"line":368},15,[370,374,379,383,387,392,397,401,405,410],{"type":56,"tag":102,"props":371,"children":372},{"style":243},[373],{"type":61,"value":246},{"type":56,"tag":102,"props":375,"children":376},{"style":121},[377],{"type":61,"value":378}," document ",{"type":56,"tag":102,"props":380,"children":381},{"style":115},[382],{"type":61,"value":256},{"type":56,"tag":102,"props":384,"children":385},{"style":358},[386],{"type":61,"value":167},{"type":56,"tag":102,"props":388,"children":389},{"style":121},[390],{"type":61,"value":391},"(source",{"type":56,"tag":102,"props":393,"children":394},{"style":115},[395],{"type":61,"value":396},",",{"type":56,"tag":102,"props":398,"children":399},{"style":115},[400],{"type":61,"value":118},{"type":56,"tag":102,"props":402,"children":403},{"style":121},[404],{"type":61,"value":351},{"type":56,"tag":102,"props":406,"children":407},{"style":115},[408],{"type":61,"value":409},"}",{"type":56,"tag":102,"props":411,"children":412},{"style":121},[413],{"type":61,"value":414},")\n",{"type":56,"tag":102,"props":416,"children":418},{"class":104,"line":417},16,[419],{"type":56,"tag":102,"props":420,"children":421},{"emptyLinePlaceholder":233},[422],{"type":61,"value":236},{"type":56,"tag":102,"props":424,"children":426},{"class":104,"line":425},17,[427,432,437,442,446,451,456],{"type":56,"tag":102,"props":428,"children":429},{"style":109},[430],{"type":61,"value":431},"export",{"type":56,"tag":102,"props":433,"children":434},{"style":243},[435],{"type":61,"value":436}," const",{"type":56,"tag":102,"props":438,"children":439},{"style":121},[440],{"type":61,"value":441}," headings ",{"type":56,"tag":102,"props":443,"children":444},{"style":115},[445],{"type":61,"value":256},{"type":56,"tag":102,"props":447,"children":448},{"style":121},[449],{"type":61,"value":450}," document",{"type":56,"tag":102,"props":452,"children":453},{"style":115},[454],{"type":61,"value":455},".",{"type":56,"tag":102,"props":457,"children":458},{"style":121},[459],{"type":61,"value":460},"headings\n",{"type":56,"tag":102,"props":462,"children":464},{"class":104,"line":463},18,[465,469,473,478,482,486,491,495],{"type":56,"tag":102,"props":466,"children":467},{"style":109},[468],{"type":61,"value":431},{"type":56,"tag":102,"props":470,"children":471},{"style":243},[472],{"type":61,"value":436},{"type":56,"tag":102,"props":474,"children":475},{"style":121},[476],{"type":61,"value":477}," html ",{"type":56,"tag":102,"props":479,"children":480},{"style":115},[481],{"type":61,"value":256},{"type":56,"tag":102,"props":483,"children":484},{"style":358},[485],{"type":61,"value":124},{"type":56,"tag":102,"props":487,"children":488},{"style":121},[489],{"type":61,"value":490},"(document",{"type":56,"tag":102,"props":492,"children":493},{"style":115},[494],{"type":61,"value":396},{"type":56,"tag":102,"props":496,"children":497},{"style":115},[498],{"type":61,"value":499}," {\n",{"type":56,"tag":102,"props":501,"children":503},{"class":104,"line":502},19,[504,509],{"type":56,"tag":102,"props":505,"children":506},{"style":121},[507],{"type":61,"value":508},"  extensions",{"type":56,"tag":102,"props":510,"children":511},{"style":115},[512],{"type":61,"value":513},",\n",{"type":56,"tag":102,"props":515,"children":517},{"class":104,"line":516},20,[518,524,529,535],{"type":56,"tag":102,"props":519,"children":521},{"style":520},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[522],{"type":61,"value":523},"  headingAnchors",{"type":56,"tag":102,"props":525,"children":526},{"style":115},[527],{"type":61,"value":528},":",{"type":56,"tag":102,"props":530,"children":532},{"style":531},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[533],{"type":61,"value":534}," true",{"type":56,"tag":102,"props":536,"children":537},{"style":115},[538],{"type":61,"value":513},{"type":56,"tag":102,"props":540,"children":542},{"class":104,"line":541},21,[543,547],{"type":56,"tag":102,"props":544,"children":545},{"style":115},[546],{"type":61,"value":409},{"type":56,"tag":102,"props":548,"children":549},{"style":121},[550],{"type":61,"value":414},{"type":56,"tag":57,"props":552,"children":553},{},[554],{"type":61,"value":555},"The preset composes callouts, transformed comment components, and heading collection. It emits metadata and custom elements; it does not install documentation UI behavior.",{"type":56,"tag":78,"props":557,"children":559},{"id":558},"core-patterns",[560],{"type":61,"value":561},"Core Patterns",{"type":56,"tag":563,"props":564,"children":566},"h3",{"id":565},"collect-headings-without-selector-headings",[567],{"type":61,"value":568},"Collect headings without selector headings",{"type":56,"tag":90,"props":570,"children":572},{"className":92,"code":571,"language":94,"meta":95,"style":95},"import { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\nconst source = `# Guide\n\n\u003C!-- ::start:tabs -->\n\n## React\n\nReact setup\n\n## Solid\n\nSolid setup\n\n\u003C!-- ::end:tabs -->\n\n## API`\n\nconst extensions = docsMarkdownExtensions()\n\nexport const document = parseMarkdown(source, { extensions })\nexport const headings = document.headings\n",[573],{"type":56,"tag":98,"props":574,"children":575},{"__ignoreMap":95},[576,611,646,653,677,684,692,699,707,714,722,729,737,744,752,759,767,774,786,793,816,823,871],{"type":56,"tag":102,"props":577,"children":578},{"class":104,"line":105},[579,583,587,591,595,599,603,607],{"type":56,"tag":102,"props":580,"children":581},{"style":109},[582],{"type":61,"value":112},{"type":56,"tag":102,"props":584,"children":585},{"style":115},[586],{"type":61,"value":118},{"type":56,"tag":102,"props":588,"children":589},{"style":121},[590],{"type":61,"value":167},{"type":56,"tag":102,"props":592,"children":593},{"style":115},[594],{"type":61,"value":129},{"type":56,"tag":102,"props":596,"children":597},{"style":109},[598],{"type":61,"value":134},{"type":56,"tag":102,"props":600,"children":601},{"style":115},[602],{"type":61,"value":139},{"type":56,"tag":102,"props":604,"children":605},{"style":142},[606],{"type":61,"value":184},{"type":56,"tag":102,"props":608,"children":609},{"style":115},[610],{"type":61,"value":150},{"type":56,"tag":102,"props":612,"children":613},{"class":104,"line":153},[614,618,622,626,630,634,638,642],{"type":56,"tag":102,"props":615,"children":616},{"style":109},[617],{"type":61,"value":112},{"type":56,"tag":102,"props":619,"children":620},{"style":115},[621],{"type":61,"value":118},{"type":56,"tag":102,"props":623,"children":624},{"style":121},[625],{"type":61,"value":205},{"type":56,"tag":102,"props":627,"children":628},{"style":115},[629],{"type":61,"value":129},{"type":56,"tag":102,"props":631,"children":632},{"style":109},[633],{"type":61,"value":134},{"type":56,"tag":102,"props":635,"children":636},{"style":115},[637],{"type":61,"value":139},{"type":56,"tag":102,"props":639,"children":640},{"style":142},[641],{"type":61,"value":222},{"type":56,"tag":102,"props":643,"children":644},{"style":115},[645],{"type":61,"value":150},{"type":56,"tag":102,"props":647,"children":648},{"class":104,"line":191},[649],{"type":56,"tag":102,"props":650,"children":651},{"emptyLinePlaceholder":233},[652],{"type":61,"value":236},{"type":56,"tag":102,"props":654,"children":655},{"class":104,"line":229},[656,660,664,668,672],{"type":56,"tag":102,"props":657,"children":658},{"style":243},[659],{"type":61,"value":246},{"type":56,"tag":102,"props":661,"children":662},{"style":121},[663],{"type":61,"value":251},{"type":56,"tag":102,"props":665,"children":666},{"style":115},[667],{"type":61,"value":256},{"type":56,"tag":102,"props":669,"children":670},{"style":115},[671],{"type":61,"value":261},{"type":56,"tag":102,"props":673,"children":674},{"style":142},[675],{"type":61,"value":676},"# Guide\n",{"type":56,"tag":102,"props":678,"children":679},{"class":104,"line":239},[680],{"type":56,"tag":102,"props":681,"children":682},{"emptyLinePlaceholder":233},[683],{"type":61,"value":236},{"type":56,"tag":102,"props":685,"children":686},{"class":104,"line":269},[687],{"type":56,"tag":102,"props":688,"children":689},{"style":142},[690],{"type":61,"value":691},"\u003C!-- ::start:tabs -->\n",{"type":56,"tag":102,"props":693,"children":694},{"class":104,"line":277},[695],{"type":56,"tag":102,"props":696,"children":697},{"emptyLinePlaceholder":233},[698],{"type":61,"value":236},{"type":56,"tag":102,"props":700,"children":701},{"class":104,"line":286},[702],{"type":56,"tag":102,"props":703,"children":704},{"style":142},[705],{"type":61,"value":706},"## React\n",{"type":56,"tag":102,"props":708,"children":709},{"class":104,"line":25},[710],{"type":56,"tag":102,"props":711,"children":712},{"emptyLinePlaceholder":233},[713],{"type":61,"value":236},{"type":56,"tag":102,"props":715,"children":716},{"class":104,"line":302},[717],{"type":56,"tag":102,"props":718,"children":719},{"style":142},[720],{"type":61,"value":721},"React setup\n",{"type":56,"tag":102,"props":723,"children":724},{"class":104,"line":311},[725],{"type":56,"tag":102,"props":726,"children":727},{"emptyLinePlaceholder":233},[728],{"type":61,"value":236},{"type":56,"tag":102,"props":730,"children":731},{"class":104,"line":319},[732],{"type":56,"tag":102,"props":733,"children":734},{"style":142},[735],{"type":61,"value":736},"## Solid\n",{"type":56,"tag":102,"props":738,"children":739},{"class":104,"line":333},[740],{"type":56,"tag":102,"props":741,"children":742},{"emptyLinePlaceholder":233},[743],{"type":61,"value":236},{"type":56,"tag":102,"props":745,"children":746},{"class":104,"line":341},[747],{"type":56,"tag":102,"props":748,"children":749},{"style":142},[750],{"type":61,"value":751},"Solid setup\n",{"type":56,"tag":102,"props":753,"children":754},{"class":104,"line":368},[755],{"type":56,"tag":102,"props":756,"children":757},{"emptyLinePlaceholder":233},[758],{"type":61,"value":236},{"type":56,"tag":102,"props":760,"children":761},{"class":104,"line":417},[762],{"type":56,"tag":102,"props":763,"children":764},{"style":142},[765],{"type":61,"value":766},"\u003C!-- ::end:tabs -->\n",{"type":56,"tag":102,"props":768,"children":769},{"class":104,"line":425},[770],{"type":56,"tag":102,"props":771,"children":772},{"emptyLinePlaceholder":233},[773],{"type":61,"value":236},{"type":56,"tag":102,"props":775,"children":776},{"class":104,"line":463},[777,782],{"type":56,"tag":102,"props":778,"children":779},{"style":142},[780],{"type":61,"value":781},"## API",{"type":56,"tag":102,"props":783,"children":784},{"style":115},[785],{"type":61,"value":330},{"type":56,"tag":102,"props":787,"children":788},{"class":104,"line":502},[789],{"type":56,"tag":102,"props":790,"children":791},{"emptyLinePlaceholder":233},[792],{"type":61,"value":236},{"type":56,"tag":102,"props":794,"children":795},{"class":104,"line":516},[796,800,804,808,812],{"type":56,"tag":102,"props":797,"children":798},{"style":243},[799],{"type":61,"value":246},{"type":56,"tag":102,"props":801,"children":802},{"style":121},[803],{"type":61,"value":351},{"type":56,"tag":102,"props":805,"children":806},{"style":115},[807],{"type":61,"value":256},{"type":56,"tag":102,"props":809,"children":810},{"style":358},[811],{"type":61,"value":205},{"type":56,"tag":102,"props":813,"children":814},{"style":121},[815],{"type":61,"value":365},{"type":56,"tag":102,"props":817,"children":818},{"class":104,"line":541},[819],{"type":56,"tag":102,"props":820,"children":821},{"emptyLinePlaceholder":233},[822],{"type":61,"value":236},{"type":56,"tag":102,"props":824,"children":826},{"class":104,"line":825},22,[827,831,835,839,843,847,851,855,859,863,867],{"type":56,"tag":102,"props":828,"children":829},{"style":109},[830],{"type":61,"value":431},{"type":56,"tag":102,"props":832,"children":833},{"style":243},[834],{"type":61,"value":436},{"type":56,"tag":102,"props":836,"children":837},{"style":121},[838],{"type":61,"value":378},{"type":56,"tag":102,"props":840,"children":841},{"style":115},[842],{"type":61,"value":256},{"type":56,"tag":102,"props":844,"children":845},{"style":358},[846],{"type":61,"value":167},{"type":56,"tag":102,"props":848,"children":849},{"style":121},[850],{"type":61,"value":391},{"type":56,"tag":102,"props":852,"children":853},{"style":115},[854],{"type":61,"value":396},{"type":56,"tag":102,"props":856,"children":857},{"style":115},[858],{"type":61,"value":118},{"type":56,"tag":102,"props":860,"children":861},{"style":121},[862],{"type":61,"value":351},{"type":56,"tag":102,"props":864,"children":865},{"style":115},[866],{"type":61,"value":409},{"type":56,"tag":102,"props":868,"children":869},{"style":121},[870],{"type":61,"value":414},{"type":56,"tag":102,"props":872,"children":874},{"class":104,"line":873},23,[875,879,883,887,891,895,899],{"type":56,"tag":102,"props":876,"children":877},{"style":109},[878],{"type":61,"value":431},{"type":56,"tag":102,"props":880,"children":881},{"style":243},[882],{"type":61,"value":436},{"type":56,"tag":102,"props":884,"children":885},{"style":121},[886],{"type":61,"value":441},{"type":56,"tag":102,"props":888,"children":889},{"style":115},[890],{"type":61,"value":256},{"type":56,"tag":102,"props":892,"children":893},{"style":121},[894],{"type":61,"value":450},{"type":56,"tag":102,"props":896,"children":897},{"style":115},[898],{"type":61,"value":455},{"type":56,"tag":102,"props":900,"children":901},{"style":121},[902],{"type":61,"value":460},{"type":56,"tag":57,"props":904,"children":905},{},[906,908,914,916,922,924,930],{"type":61,"value":907},"Heading collection defaults to skipping every heading inside a component named ",{"type":56,"tag":98,"props":909,"children":911},{"className":910},[],[912],{"type":61,"value":913},"tabs",{"type":61,"value":915},". Pass ",{"type":56,"tag":98,"props":917,"children":919},{"className":918},[],[920],{"type":61,"value":921},"docsMarkdownExtensions({ collectHeadings: false })",{"type":61,"value":923}," to disable collection or an options object with ",{"type":56,"tag":98,"props":925,"children":927},{"className":926},[],[928],{"type":61,"value":929},"skipComponentNames",{"type":61,"value":931}," to replace the default skip set.",{"type":56,"tag":563,"props":933,"children":935},{"id":934},"author-each-tab-input-shape",[936],{"type":61,"value":937},"Author each tab input shape",{"type":56,"tag":57,"props":939,"children":940},{},[941],{"type":61,"value":942},"Heading tabs split at the shallowest heading:",{"type":56,"tag":90,"props":944,"children":948},{"className":945,"code":946,"language":947,"meta":95,"style":95},"language-md shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!-- ::start:tabs -->\n\n## React\n\nReact setup\n\n## Solid\n\nSolid setup\n\n\u003C!-- ::end:tabs -->\n","md",[949],{"type":56,"tag":98,"props":950,"children":951},{"__ignoreMap":95},[952,960,967,981,988,995,1002,1014,1021,1028,1035],{"type":56,"tag":102,"props":953,"children":954},{"class":104,"line":105},[955],{"type":56,"tag":102,"props":956,"children":958},{"style":957},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[959],{"type":61,"value":691},{"type":56,"tag":102,"props":961,"children":962},{"class":104,"line":153},[963],{"type":56,"tag":102,"props":964,"children":965},{"emptyLinePlaceholder":233},[966],{"type":61,"value":236},{"type":56,"tag":102,"props":968,"children":969},{"class":104,"line":191},[970,975],{"type":56,"tag":102,"props":971,"children":972},{"style":115},[973],{"type":61,"value":974},"## ",{"type":56,"tag":102,"props":976,"children":978},{"style":977},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[979],{"type":61,"value":980},"React\n",{"type":56,"tag":102,"props":982,"children":983},{"class":104,"line":229},[984],{"type":56,"tag":102,"props":985,"children":986},{"emptyLinePlaceholder":233},[987],{"type":61,"value":236},{"type":56,"tag":102,"props":989,"children":990},{"class":104,"line":239},[991],{"type":56,"tag":102,"props":992,"children":993},{"style":121},[994],{"type":61,"value":721},{"type":56,"tag":102,"props":996,"children":997},{"class":104,"line":269},[998],{"type":56,"tag":102,"props":999,"children":1000},{"emptyLinePlaceholder":233},[1001],{"type":61,"value":236},{"type":56,"tag":102,"props":1003,"children":1004},{"class":104,"line":277},[1005,1009],{"type":56,"tag":102,"props":1006,"children":1007},{"style":115},[1008],{"type":61,"value":974},{"type":56,"tag":102,"props":1010,"children":1011},{"style":977},[1012],{"type":61,"value":1013},"Solid\n",{"type":56,"tag":102,"props":1015,"children":1016},{"class":104,"line":286},[1017],{"type":56,"tag":102,"props":1018,"children":1019},{"emptyLinePlaceholder":233},[1020],{"type":61,"value":236},{"type":56,"tag":102,"props":1022,"children":1023},{"class":104,"line":25},[1024],{"type":56,"tag":102,"props":1025,"children":1026},{"style":121},[1027],{"type":61,"value":751},{"type":56,"tag":102,"props":1029,"children":1030},{"class":104,"line":302},[1031],{"type":56,"tag":102,"props":1032,"children":1033},{"emptyLinePlaceholder":233},[1034],{"type":61,"value":236},{"type":56,"tag":102,"props":1036,"children":1037},{"class":104,"line":311},[1038],{"type":56,"tag":102,"props":1039,"children":1040},{"style":957},[1041],{"type":61,"value":766},{"type":56,"tag":57,"props":1043,"children":1044},{},[1045,1047,1053,1055,1061],{"type":61,"value":1046},"File tabs select fenced code blocks and use ",{"type":56,"tag":98,"props":1048,"children":1050},{"className":1049},[],[1051],{"type":61,"value":1052},"title=",{"type":61,"value":1054}," or ",{"type":56,"tag":98,"props":1056,"children":1058},{"className":1057},[],[1059],{"type":61,"value":1060},"file=",{"type":61,"value":1062}," as labels:",{"type":56,"tag":90,"props":1064,"children":1066},{"className":945,"code":1065,"language":947,"meta":95,"style":95},"\u003C!-- ::start:tabs variant=\"files\" -->\n\n```tsx file=\"app.tsx\"\nexport function App() {\n  return \u003Cmain>Docs\u003C\u002Fmain>\n}\n```\n\n```css file=\"app.css\"\nmain {\n  display: block;\n}\n```\n\n\u003C!-- ::end:tabs -->\n",[1067],{"type":56,"tag":98,"props":1068,"children":1069},{"__ignoreMap":95},[1070,1078,1085,1099,1125,1167,1175,1183,1190,1202,1213,1236,1243,1250,1257],{"type":56,"tag":102,"props":1071,"children":1072},{"class":104,"line":105},[1073],{"type":56,"tag":102,"props":1074,"children":1075},{"style":957},[1076],{"type":61,"value":1077},"\u003C!-- ::start:tabs variant=\"files\" -->\n",{"type":56,"tag":102,"props":1079,"children":1080},{"class":104,"line":153},[1081],{"type":56,"tag":102,"props":1082,"children":1083},{"emptyLinePlaceholder":233},[1084],{"type":61,"value":236},{"type":56,"tag":102,"props":1086,"children":1087},{"class":104,"line":191},[1088,1093],{"type":56,"tag":102,"props":1089,"children":1090},{"style":142},[1091],{"type":61,"value":1092},"```",{"type":56,"tag":102,"props":1094,"children":1096},{"style":1095},"--shiki-light:#90A4AE90;--shiki-default:#EEFFFF90;--shiki-dark:#BABED890",[1097],{"type":61,"value":1098},"tsx file=\"app.tsx\"\n",{"type":56,"tag":102,"props":1100,"children":1101},{"class":104,"line":229},[1102,1106,1111,1116,1121],{"type":56,"tag":102,"props":1103,"children":1104},{"style":109},[1105],{"type":61,"value":431},{"type":56,"tag":102,"props":1107,"children":1108},{"style":243},[1109],{"type":61,"value":1110}," function",{"type":56,"tag":102,"props":1112,"children":1113},{"style":358},[1114],{"type":61,"value":1115}," App",{"type":56,"tag":102,"props":1117,"children":1118},{"style":115},[1119],{"type":61,"value":1120},"()",{"type":56,"tag":102,"props":1122,"children":1123},{"style":115},[1124],{"type":61,"value":499},{"type":56,"tag":102,"props":1126,"children":1127},{"class":104,"line":239},[1128,1133,1138,1143,1148,1153,1158,1162],{"type":56,"tag":102,"props":1129,"children":1130},{"style":109},[1131],{"type":61,"value":1132},"  return",{"type":56,"tag":102,"props":1134,"children":1135},{"style":115},[1136],{"type":61,"value":1137}," \u003C",{"type":56,"tag":102,"props":1139,"children":1140},{"style":520},[1141],{"type":61,"value":1142},"main",{"type":56,"tag":102,"props":1144,"children":1145},{"style":115},[1146],{"type":61,"value":1147},">",{"type":56,"tag":102,"props":1149,"children":1150},{"style":121},[1151],{"type":61,"value":1152},"Docs",{"type":56,"tag":102,"props":1154,"children":1155},{"style":115},[1156],{"type":61,"value":1157},"\u003C\u002F",{"type":56,"tag":102,"props":1159,"children":1160},{"style":520},[1161],{"type":61,"value":1142},{"type":56,"tag":102,"props":1163,"children":1164},{"style":115},[1165],{"type":61,"value":1166},">\n",{"type":56,"tag":102,"props":1168,"children":1169},{"class":104,"line":269},[1170],{"type":56,"tag":102,"props":1171,"children":1172},{"style":115},[1173],{"type":61,"value":1174},"}\n",{"type":56,"tag":102,"props":1176,"children":1177},{"class":104,"line":277},[1178],{"type":56,"tag":102,"props":1179,"children":1180},{"style":142},[1181],{"type":61,"value":1182},"```\n",{"type":56,"tag":102,"props":1184,"children":1185},{"class":104,"line":286},[1186],{"type":56,"tag":102,"props":1187,"children":1188},{"emptyLinePlaceholder":233},[1189],{"type":61,"value":236},{"type":56,"tag":102,"props":1191,"children":1192},{"class":104,"line":25},[1193,1197],{"type":56,"tag":102,"props":1194,"children":1195},{"style":142},[1196],{"type":61,"value":1092},{"type":56,"tag":102,"props":1198,"children":1199},{"style":1095},[1200],{"type":61,"value":1201},"css file=\"app.css\"\n",{"type":56,"tag":102,"props":1203,"children":1204},{"class":104,"line":302},[1205,1209],{"type":56,"tag":102,"props":1206,"children":1207},{"style":520},[1208],{"type":61,"value":1142},{"type":56,"tag":102,"props":1210,"children":1211},{"style":115},[1212],{"type":61,"value":499},{"type":56,"tag":102,"props":1214,"children":1215},{"class":104,"line":311},[1216,1222,1226,1231],{"type":56,"tag":102,"props":1217,"children":1219},{"style":1218},"--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6",[1220],{"type":61,"value":1221},"  display",{"type":56,"tag":102,"props":1223,"children":1224},{"style":115},[1225],{"type":61,"value":528},{"type":56,"tag":102,"props":1227,"children":1228},{"style":121},[1229],{"type":61,"value":1230}," block",{"type":56,"tag":102,"props":1232,"children":1233},{"style":115},[1234],{"type":61,"value":1235},";\n",{"type":56,"tag":102,"props":1237,"children":1238},{"class":104,"line":319},[1239],{"type":56,"tag":102,"props":1240,"children":1241},{"style":115},[1242],{"type":61,"value":1174},{"type":56,"tag":102,"props":1244,"children":1245},{"class":104,"line":333},[1246],{"type":56,"tag":102,"props":1247,"children":1248},{"style":142},[1249],{"type":61,"value":1182},{"type":56,"tag":102,"props":1251,"children":1252},{"class":104,"line":341},[1253],{"type":56,"tag":102,"props":1254,"children":1255},{"emptyLinePlaceholder":233},[1256],{"type":61,"value":236},{"type":56,"tag":102,"props":1258,"children":1259},{"class":104,"line":368},[1260],{"type":56,"tag":102,"props":1261,"children":1262},{"style":957},[1263],{"type":61,"value":766},{"type":56,"tag":57,"props":1265,"children":1266},{},[1267,1269,1275],{"type":61,"value":1268},"Package-manager tabs consume ",{"type":56,"tag":98,"props":1270,"children":1272},{"className":1271},[],[1273],{"type":61,"value":1274},"framework: package...",{"type":61,"value":1276}," lines and remove their source children after creating metadata:",{"type":56,"tag":90,"props":1278,"children":1280},{"className":945,"code":1279,"language":947,"meta":95,"style":95},"\u003C!-- ::start:tabs variant=\"package-manager\" mode=\"dev-install\" -->\n\nreact: @tanstack\u002Freact-query @tanstack\u002Freact-router\nsolid: @tanstack\u002Fsolid-query @tanstack\u002Fsolid-router\n\n\u003C!-- ::end:tabs -->\n",[1281],{"type":56,"tag":98,"props":1282,"children":1283},{"__ignoreMap":95},[1284,1292,1299,1307,1315,1322],{"type":56,"tag":102,"props":1285,"children":1286},{"class":104,"line":105},[1287],{"type":56,"tag":102,"props":1288,"children":1289},{"style":957},[1290],{"type":61,"value":1291},"\u003C!-- ::start:tabs variant=\"package-manager\" mode=\"dev-install\" -->\n",{"type":56,"tag":102,"props":1293,"children":1294},{"class":104,"line":153},[1295],{"type":56,"tag":102,"props":1296,"children":1297},{"emptyLinePlaceholder":233},[1298],{"type":61,"value":236},{"type":56,"tag":102,"props":1300,"children":1301},{"class":104,"line":191},[1302],{"type":56,"tag":102,"props":1303,"children":1304},{"style":121},[1305],{"type":61,"value":1306},"react: @tanstack\u002Freact-query @tanstack\u002Freact-router\n",{"type":56,"tag":102,"props":1308,"children":1309},{"class":104,"line":229},[1310],{"type":56,"tag":102,"props":1311,"children":1312},{"style":121},[1313],{"type":61,"value":1314},"solid: @tanstack\u002Fsolid-query @tanstack\u002Fsolid-router\n",{"type":56,"tag":102,"props":1316,"children":1317},{"class":104,"line":239},[1318],{"type":56,"tag":102,"props":1319,"children":1320},{"emptyLinePlaceholder":233},[1321],{"type":61,"value":236},{"type":56,"tag":102,"props":1323,"children":1324},{"class":104,"line":269},[1325],{"type":56,"tag":102,"props":1326,"children":1327},{"style":957},[1328],{"type":61,"value":766},{"type":56,"tag":57,"props":1330,"children":1331},{},[1332],{"type":61,"value":1333},"Bundler tabs accept only Vite and Rsbuild heading sections:",{"type":56,"tag":90,"props":1335,"children":1337},{"className":945,"code":1336,"language":947,"meta":95,"style":95},"\u003C!-- ::start:tabs variant=\"bundler\" -->\n\n## Vite\n\n```ts\nexport default { plugins: [] }\n```\n\n## Rsbuild\n\n```ts\nexport default { plugins: [] }\n```\n\n\u003C!-- ::end:tabs -->\n",[1338],{"type":56,"tag":98,"props":1339,"children":1340},{"__ignoreMap":95},[1341,1349,1356,1368,1375,1387,1421,1428,1435,1447,1454,1465,1496,1503,1510],{"type":56,"tag":102,"props":1342,"children":1343},{"class":104,"line":105},[1344],{"type":56,"tag":102,"props":1345,"children":1346},{"style":957},[1347],{"type":61,"value":1348},"\u003C!-- ::start:tabs variant=\"bundler\" -->\n",{"type":56,"tag":102,"props":1350,"children":1351},{"class":104,"line":153},[1352],{"type":56,"tag":102,"props":1353,"children":1354},{"emptyLinePlaceholder":233},[1355],{"type":61,"value":236},{"type":56,"tag":102,"props":1357,"children":1358},{"class":104,"line":191},[1359,1363],{"type":56,"tag":102,"props":1360,"children":1361},{"style":115},[1362],{"type":61,"value":974},{"type":56,"tag":102,"props":1364,"children":1365},{"style":977},[1366],{"type":61,"value":1367},"Vite\n",{"type":56,"tag":102,"props":1369,"children":1370},{"class":104,"line":229},[1371],{"type":56,"tag":102,"props":1372,"children":1373},{"emptyLinePlaceholder":233},[1374],{"type":61,"value":236},{"type":56,"tag":102,"props":1376,"children":1377},{"class":104,"line":239},[1378,1382],{"type":56,"tag":102,"props":1379,"children":1380},{"style":142},[1381],{"type":61,"value":1092},{"type":56,"tag":102,"props":1383,"children":1384},{"style":1095},[1385],{"type":61,"value":1386},"ts\n",{"type":56,"tag":102,"props":1388,"children":1389},{"class":104,"line":269},[1390,1394,1399,1403,1408,1412,1417],{"type":56,"tag":102,"props":1391,"children":1392},{"style":109},[1393],{"type":61,"value":431},{"type":56,"tag":102,"props":1395,"children":1396},{"style":109},[1397],{"type":61,"value":1398}," default",{"type":56,"tag":102,"props":1400,"children":1401},{"style":115},[1402],{"type":61,"value":118},{"type":56,"tag":102,"props":1404,"children":1405},{"style":520},[1406],{"type":61,"value":1407}," plugins",{"type":56,"tag":102,"props":1409,"children":1410},{"style":115},[1411],{"type":61,"value":528},{"type":56,"tag":102,"props":1413,"children":1414},{"style":121},[1415],{"type":61,"value":1416}," [] ",{"type":56,"tag":102,"props":1418,"children":1419},{"style":115},[1420],{"type":61,"value":1174},{"type":56,"tag":102,"props":1422,"children":1423},{"class":104,"line":277},[1424],{"type":56,"tag":102,"props":1425,"children":1426},{"style":142},[1427],{"type":61,"value":1182},{"type":56,"tag":102,"props":1429,"children":1430},{"class":104,"line":286},[1431],{"type":56,"tag":102,"props":1432,"children":1433},{"emptyLinePlaceholder":233},[1434],{"type":61,"value":236},{"type":56,"tag":102,"props":1436,"children":1437},{"class":104,"line":25},[1438,1442],{"type":56,"tag":102,"props":1439,"children":1440},{"style":115},[1441],{"type":61,"value":974},{"type":56,"tag":102,"props":1443,"children":1444},{"style":977},[1445],{"type":61,"value":1446},"Rsbuild\n",{"type":56,"tag":102,"props":1448,"children":1449},{"class":104,"line":302},[1450],{"type":56,"tag":102,"props":1451,"children":1452},{"emptyLinePlaceholder":233},[1453],{"type":61,"value":236},{"type":56,"tag":102,"props":1455,"children":1456},{"class":104,"line":311},[1457,1461],{"type":56,"tag":102,"props":1458,"children":1459},{"style":142},[1460],{"type":61,"value":1092},{"type":56,"tag":102,"props":1462,"children":1463},{"style":1095},[1464],{"type":61,"value":1386},{"type":56,"tag":102,"props":1466,"children":1467},{"class":104,"line":319},[1468,1472,1476,1480,1484,1488,1492],{"type":56,"tag":102,"props":1469,"children":1470},{"style":109},[1471],{"type":61,"value":431},{"type":56,"tag":102,"props":1473,"children":1474},{"style":109},[1475],{"type":61,"value":1398},{"type":56,"tag":102,"props":1477,"children":1478},{"style":115},[1479],{"type":61,"value":118},{"type":56,"tag":102,"props":1481,"children":1482},{"style":520},[1483],{"type":61,"value":1407},{"type":56,"tag":102,"props":1485,"children":1486},{"style":115},[1487],{"type":61,"value":528},{"type":56,"tag":102,"props":1489,"children":1490},{"style":121},[1491],{"type":61,"value":1416},{"type":56,"tag":102,"props":1493,"children":1494},{"style":115},[1495],{"type":61,"value":1174},{"type":56,"tag":102,"props":1497,"children":1498},{"class":104,"line":333},[1499],{"type":56,"tag":102,"props":1500,"children":1501},{"style":142},[1502],{"type":61,"value":1182},{"type":56,"tag":102,"props":1504,"children":1505},{"class":104,"line":341},[1506],{"type":56,"tag":102,"props":1507,"children":1508},{"emptyLinePlaceholder":233},[1509],{"type":61,"value":236},{"type":56,"tag":102,"props":1511,"children":1512},{"class":104,"line":368},[1513],{"type":56,"tag":102,"props":1514,"children":1515},{"style":957},[1516],{"type":61,"value":766},{"type":56,"tag":57,"props":1518,"children":1519},{},[1520,1522,1528],{"type":61,"value":1521},"Every transform returns the original component unchanged when its required structure is absent. See ",{"type":56,"tag":64,"props":1523,"children":1525},{"href":1524},"references\u002Fdocs-metadata.md",[1526],{"type":61,"value":1527},"docs metadata contracts",{"type":61,"value":1529}," for exact properties and fallback rules.",{"type":56,"tag":563,"props":1531,"children":1533},{"id":1532},"build-framework-specific-panels",[1534],{"type":61,"value":1535},"Build framework-specific panels",{"type":56,"tag":90,"props":1537,"children":1539},{"className":945,"code":1538,"language":947,"meta":95,"style":95},"\u003C!-- ::start:framework -->\n\n# React\n\n## Install\n\n```tsx title=\"react.tsx\"\nexport const framework = 'react'\n",[1540],{"type":56,"tag":98,"props":1541,"children":1542},{"__ignoreMap":95},[1543,1551,1558,1570,1577,1589,1596,1608],{"type":56,"tag":102,"props":1544,"children":1545},{"class":104,"line":105},[1546],{"type":56,"tag":102,"props":1547,"children":1548},{"style":957},[1549],{"type":61,"value":1550},"\u003C!-- ::start:framework -->\n",{"type":56,"tag":102,"props":1552,"children":1553},{"class":104,"line":153},[1554],{"type":56,"tag":102,"props":1555,"children":1556},{"emptyLinePlaceholder":233},[1557],{"type":61,"value":236},{"type":56,"tag":102,"props":1559,"children":1560},{"class":104,"line":191},[1561,1566],{"type":56,"tag":102,"props":1562,"children":1563},{"style":115},[1564],{"type":61,"value":1565},"# ",{"type":56,"tag":102,"props":1567,"children":1568},{"style":977},[1569],{"type":61,"value":980},{"type":56,"tag":102,"props":1571,"children":1572},{"class":104,"line":229},[1573],{"type":56,"tag":102,"props":1574,"children":1575},{"emptyLinePlaceholder":233},[1576],{"type":61,"value":236},{"type":56,"tag":102,"props":1578,"children":1579},{"class":104,"line":239},[1580,1584],{"type":56,"tag":102,"props":1581,"children":1582},{"style":115},[1583],{"type":61,"value":974},{"type":56,"tag":102,"props":1585,"children":1586},{"style":977},[1587],{"type":61,"value":1588},"Install\n",{"type":56,"tag":102,"props":1590,"children":1591},{"class":104,"line":269},[1592],{"type":56,"tag":102,"props":1593,"children":1594},{"emptyLinePlaceholder":233},[1595],{"type":61,"value":236},{"type":56,"tag":102,"props":1597,"children":1598},{"class":104,"line":277},[1599,1603],{"type":56,"tag":102,"props":1600,"children":1601},{"style":142},[1602],{"type":61,"value":1092},{"type":56,"tag":102,"props":1604,"children":1605},{"style":1095},[1606],{"type":61,"value":1607},"tsx title=\"react.tsx\"\n",{"type":56,"tag":102,"props":1609,"children":1610},{"class":104,"line":286},[1611,1615,1619,1624,1628,1632,1637],{"type":56,"tag":102,"props":1612,"children":1613},{"style":109},[1614],{"type":61,"value":431},{"type":56,"tag":102,"props":1616,"children":1617},{"style":243},[1618],{"type":61,"value":436},{"type":56,"tag":102,"props":1620,"children":1621},{"style":121},[1622],{"type":61,"value":1623}," framework ",{"type":56,"tag":102,"props":1625,"children":1626},{"style":115},[1627],{"type":61,"value":256},{"type":56,"tag":102,"props":1629,"children":1630},{"style":115},[1631],{"type":61,"value":139},{"type":56,"tag":102,"props":1633,"children":1634},{"style":142},[1635],{"type":61,"value":1636},"react",{"type":56,"tag":102,"props":1638,"children":1639},{"style":115},[1640],{"type":61,"value":150},{"type":56,"tag":72,"props":1642,"children":1644},{"id":1643},"solid",[1645],{"type":61,"value":1646},"Solid",{"type":56,"tag":78,"props":1648,"children":1650},{"id":1649},"install",[1651],{"type":61,"value":1652},"Install",{"type":56,"tag":90,"props":1654,"children":1659},{"className":1655,"code":1656,"language":1657,"meta":1658,"style":95},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export const framework = 'solid'\n","tsx","title=\"solid.tsx\"",[1660],{"type":56,"tag":98,"props":1661,"children":1662},{"__ignoreMap":95},[1663],{"type":56,"tag":102,"props":1664,"children":1665},{"class":104,"line":105},[1666,1670,1674,1678,1682,1686,1690],{"type":56,"tag":102,"props":1667,"children":1668},{"style":109},[1669],{"type":61,"value":431},{"type":56,"tag":102,"props":1671,"children":1672},{"style":243},[1673],{"type":61,"value":436},{"type":56,"tag":102,"props":1675,"children":1676},{"style":121},[1677],{"type":61,"value":1623},{"type":56,"tag":102,"props":1679,"children":1680},{"style":115},[1681],{"type":61,"value":256},{"type":56,"tag":102,"props":1683,"children":1684},{"style":115},[1685],{"type":61,"value":139},{"type":56,"tag":102,"props":1687,"children":1688},{"style":142},[1689],{"type":61,"value":1643},{"type":56,"tag":102,"props":1691,"children":1692},{"style":115},[1693],{"type":61,"value":150},{"type":56,"tag":90,"props":1695,"children":1699},{"className":1696,"code":1698,"language":61},[1697],"language-text","\nFramework blocks require level-one selector headings. They emit `md-framework-panel` children, lowercase framework names, label nested headings, and expose code-block metadata by framework.\n\n### Read component metadata before rendering\n\n```ts\nimport type { ComponentNode } from '@tanstack\u002Fmarkdown'\nimport { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\ninterface TabDescriptor {\n  slug: string\n  name: string\n}\n\nfunction isTabsNode(node: unknown): node is ComponentNode {\n  return (\n    typeof node === 'object' &&\n    node !== null &&\n    'type' in node &&\n    node.type === 'component' &&\n    'name' in node &&\n    node.name === 'tabs'\n  )\n}\n\nconst source = `\u003C!-- ::start:tabs -->\n\n## React\n\nReact content\n\n## Solid\n\nSolid content\n\n\u003C!-- ::end:tabs -->`\n\nconst document = parseMarkdown(source, {\n  extensions: docsMarkdownExtensions(),\n})\nconst tabsNode = document.children.find(isTabsNode)\nconst metadata = tabsNode?.properties?.['data-attributes']\n\nexport const tabs: TabDescriptor[] = metadata\n  ? (JSON.parse(metadata) as { tabs: TabDescriptor[] }).tabs\n  : []\n",[1700],{"type":56,"tag":98,"props":1701,"children":1702},{"__ignoreMap":95},[1703],{"type":61,"value":1698},{"type":56,"tag":57,"props":1705,"children":1706},{},[1707,1713],{"type":56,"tag":98,"props":1708,"children":1710},{"className":1709},[],[1711],{"type":61,"value":1712},"ComponentNode.properties",{"type":61,"value":1714}," holds strings. JSON-bearing values are serialized into escaped HTML attributes by the HTML renderer and must be parsed by the consuming application.",{"type":56,"tag":78,"props":1716,"children":1718},{"id":1717},"common-mistakes",[1719],{"type":61,"value":1720},"Common Mistakes",{"type":56,"tag":563,"props":1722,"children":1724},{"id":1723},"high-assuming-transformed-tabs-are-interactive",[1725],{"type":61,"value":1726},"HIGH Assuming transformed tabs are interactive",{"type":56,"tag":57,"props":1728,"children":1729},{},[1730],{"type":61,"value":1731},"Wrong:",{"type":56,"tag":90,"props":1733,"children":1735},{"className":92,"code":1734,"language":94,"meta":95,"style":95},"import { renderHtml } from '@tanstack\u002Fmarkdown\u002Fhtml'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\nconst source = `\u003C!-- ::start:tabs -->\n\n## React\n\nReact content\n\n\u003C!-- ::end:tabs -->`\n\nexport const interactiveTabs = renderHtml(source, {\n  extensions: docsMarkdownExtensions(),\n})\n",[1736],{"type":56,"tag":98,"props":1737,"children":1738},{"__ignoreMap":95},[1739,1774,1809,1816,1839,1846,1853,1860,1868,1875,1887,1894,1930,1953],{"type":56,"tag":102,"props":1740,"children":1741},{"class":104,"line":105},[1742,1746,1750,1754,1758,1762,1766,1770],{"type":56,"tag":102,"props":1743,"children":1744},{"style":109},[1745],{"type":61,"value":112},{"type":56,"tag":102,"props":1747,"children":1748},{"style":115},[1749],{"type":61,"value":118},{"type":56,"tag":102,"props":1751,"children":1752},{"style":121},[1753],{"type":61,"value":124},{"type":56,"tag":102,"props":1755,"children":1756},{"style":115},[1757],{"type":61,"value":129},{"type":56,"tag":102,"props":1759,"children":1760},{"style":109},[1761],{"type":61,"value":134},{"type":56,"tag":102,"props":1763,"children":1764},{"style":115},[1765],{"type":61,"value":139},{"type":56,"tag":102,"props":1767,"children":1768},{"style":142},[1769],{"type":61,"value":145},{"type":56,"tag":102,"props":1771,"children":1772},{"style":115},[1773],{"type":61,"value":150},{"type":56,"tag":102,"props":1775,"children":1776},{"class":104,"line":153},[1777,1781,1785,1789,1793,1797,1801,1805],{"type":56,"tag":102,"props":1778,"children":1779},{"style":109},[1780],{"type":61,"value":112},{"type":56,"tag":102,"props":1782,"children":1783},{"style":115},[1784],{"type":61,"value":118},{"type":56,"tag":102,"props":1786,"children":1787},{"style":121},[1788],{"type":61,"value":205},{"type":56,"tag":102,"props":1790,"children":1791},{"style":115},[1792],{"type":61,"value":129},{"type":56,"tag":102,"props":1794,"children":1795},{"style":109},[1796],{"type":61,"value":134},{"type":56,"tag":102,"props":1798,"children":1799},{"style":115},[1800],{"type":61,"value":139},{"type":56,"tag":102,"props":1802,"children":1803},{"style":142},[1804],{"type":61,"value":222},{"type":56,"tag":102,"props":1806,"children":1807},{"style":115},[1808],{"type":61,"value":150},{"type":56,"tag":102,"props":1810,"children":1811},{"class":104,"line":191},[1812],{"type":56,"tag":102,"props":1813,"children":1814},{"emptyLinePlaceholder":233},[1815],{"type":61,"value":236},{"type":56,"tag":102,"props":1817,"children":1818},{"class":104,"line":229},[1819,1823,1827,1831,1835],{"type":56,"tag":102,"props":1820,"children":1821},{"style":243},[1822],{"type":61,"value":246},{"type":56,"tag":102,"props":1824,"children":1825},{"style":121},[1826],{"type":61,"value":251},{"type":56,"tag":102,"props":1828,"children":1829},{"style":115},[1830],{"type":61,"value":256},{"type":56,"tag":102,"props":1832,"children":1833},{"style":115},[1834],{"type":61,"value":261},{"type":56,"tag":102,"props":1836,"children":1837},{"style":142},[1838],{"type":61,"value":691},{"type":56,"tag":102,"props":1840,"children":1841},{"class":104,"line":239},[1842],{"type":56,"tag":102,"props":1843,"children":1844},{"emptyLinePlaceholder":233},[1845],{"type":61,"value":236},{"type":56,"tag":102,"props":1847,"children":1848},{"class":104,"line":269},[1849],{"type":56,"tag":102,"props":1850,"children":1851},{"style":142},[1852],{"type":61,"value":706},{"type":56,"tag":102,"props":1854,"children":1855},{"class":104,"line":277},[1856],{"type":56,"tag":102,"props":1857,"children":1858},{"emptyLinePlaceholder":233},[1859],{"type":61,"value":236},{"type":56,"tag":102,"props":1861,"children":1862},{"class":104,"line":286},[1863],{"type":56,"tag":102,"props":1864,"children":1865},{"style":142},[1866],{"type":61,"value":1867},"React content\n",{"type":56,"tag":102,"props":1869,"children":1870},{"class":104,"line":25},[1871],{"type":56,"tag":102,"props":1872,"children":1873},{"emptyLinePlaceholder":233},[1874],{"type":61,"value":236},{"type":56,"tag":102,"props":1876,"children":1877},{"class":104,"line":302},[1878,1883],{"type":56,"tag":102,"props":1879,"children":1880},{"style":142},[1881],{"type":61,"value":1882},"\u003C!-- ::end:tabs -->",{"type":56,"tag":102,"props":1884,"children":1885},{"style":115},[1886],{"type":61,"value":330},{"type":56,"tag":102,"props":1888,"children":1889},{"class":104,"line":311},[1890],{"type":56,"tag":102,"props":1891,"children":1892},{"emptyLinePlaceholder":233},[1893],{"type":61,"value":236},{"type":56,"tag":102,"props":1895,"children":1896},{"class":104,"line":319},[1897,1901,1905,1910,1914,1918,1922,1926],{"type":56,"tag":102,"props":1898,"children":1899},{"style":109},[1900],{"type":61,"value":431},{"type":56,"tag":102,"props":1902,"children":1903},{"style":243},[1904],{"type":61,"value":436},{"type":56,"tag":102,"props":1906,"children":1907},{"style":121},[1908],{"type":61,"value":1909}," interactiveTabs ",{"type":56,"tag":102,"props":1911,"children":1912},{"style":115},[1913],{"type":61,"value":256},{"type":56,"tag":102,"props":1915,"children":1916},{"style":358},[1917],{"type":61,"value":124},{"type":56,"tag":102,"props":1919,"children":1920},{"style":121},[1921],{"type":61,"value":391},{"type":56,"tag":102,"props":1923,"children":1924},{"style":115},[1925],{"type":61,"value":396},{"type":56,"tag":102,"props":1927,"children":1928},{"style":115},[1929],{"type":61,"value":499},{"type":56,"tag":102,"props":1931,"children":1932},{"class":104,"line":333},[1933,1937,1941,1945,1949],{"type":56,"tag":102,"props":1934,"children":1935},{"style":520},[1936],{"type":61,"value":508},{"type":56,"tag":102,"props":1938,"children":1939},{"style":115},[1940],{"type":61,"value":528},{"type":56,"tag":102,"props":1942,"children":1943},{"style":358},[1944],{"type":61,"value":205},{"type":56,"tag":102,"props":1946,"children":1947},{"style":121},[1948],{"type":61,"value":1120},{"type":56,"tag":102,"props":1950,"children":1951},{"style":115},[1952],{"type":61,"value":513},{"type":56,"tag":102,"props":1954,"children":1955},{"class":104,"line":341},[1956,1960],{"type":56,"tag":102,"props":1957,"children":1958},{"style":115},[1959],{"type":61,"value":409},{"type":56,"tag":102,"props":1961,"children":1962},{"style":121},[1963],{"type":61,"value":414},{"type":56,"tag":57,"props":1965,"children":1966},{},[1967],{"type":61,"value":1968},"Correct:",{"type":56,"tag":90,"props":1970,"children":1972},{"className":92,"code":1971,"language":94,"meta":95,"style":95},"import type { ComponentNode } from '@tanstack\u002Fmarkdown'\nimport { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\nconst source = `\u003C!-- ::start:tabs -->\n\n## React\n\nReact content\n\n\u003C!-- ::end:tabs -->`\n\nconst document = parseMarkdown(source, {\n  extensions: docsMarkdownExtensions(),\n})\nconst tabsNode = document.children.find(\n  (node): node is ComponentNode =>\n    node.type === 'component' && node.name === 'tabs',\n)\n\nexport const tabPanels =\n  tabsNode?.children.filter(\n    (node): node is ComponentNode =>\n      node.type === 'component' && node.tagName === 'md-tab-panel',\n  ) ?? []\n",[1973],{"type":56,"tag":98,"props":1974,"children":1975},{"__ignoreMap":95},[1976,2017,2052,2087,2094,2117,2124,2131,2138,2145,2152,2163,2170,2201,2224,2235,2278,2316,2390,2397,2404,2425,2455,2487,2558],{"type":56,"tag":102,"props":1977,"children":1978},{"class":104,"line":105},[1979,1983,1988,1992,1997,2001,2005,2009,2013],{"type":56,"tag":102,"props":1980,"children":1981},{"style":109},[1982],{"type":61,"value":112},{"type":56,"tag":102,"props":1984,"children":1985},{"style":109},[1986],{"type":61,"value":1987}," type",{"type":56,"tag":102,"props":1989,"children":1990},{"style":115},[1991],{"type":61,"value":118},{"type":56,"tag":102,"props":1993,"children":1994},{"style":121},[1995],{"type":61,"value":1996}," ComponentNode",{"type":56,"tag":102,"props":1998,"children":1999},{"style":115},[2000],{"type":61,"value":129},{"type":56,"tag":102,"props":2002,"children":2003},{"style":109},[2004],{"type":61,"value":134},{"type":56,"tag":102,"props":2006,"children":2007},{"style":115},[2008],{"type":61,"value":139},{"type":56,"tag":102,"props":2010,"children":2011},{"style":142},[2012],{"type":61,"value":40},{"type":56,"tag":102,"props":2014,"children":2015},{"style":115},[2016],{"type":61,"value":150},{"type":56,"tag":102,"props":2018,"children":2019},{"class":104,"line":153},[2020,2024,2028,2032,2036,2040,2044,2048],{"type":56,"tag":102,"props":2021,"children":2022},{"style":109},[2023],{"type":61,"value":112},{"type":56,"tag":102,"props":2025,"children":2026},{"style":115},[2027],{"type":61,"value":118},{"type":56,"tag":102,"props":2029,"children":2030},{"style":121},[2031],{"type":61,"value":167},{"type":56,"tag":102,"props":2033,"children":2034},{"style":115},[2035],{"type":61,"value":129},{"type":56,"tag":102,"props":2037,"children":2038},{"style":109},[2039],{"type":61,"value":134},{"type":56,"tag":102,"props":2041,"children":2042},{"style":115},[2043],{"type":61,"value":139},{"type":56,"tag":102,"props":2045,"children":2046},{"style":142},[2047],{"type":61,"value":184},{"type":56,"tag":102,"props":2049,"children":2050},{"style":115},[2051],{"type":61,"value":150},{"type":56,"tag":102,"props":2053,"children":2054},{"class":104,"line":191},[2055,2059,2063,2067,2071,2075,2079,2083],{"type":56,"tag":102,"props":2056,"children":2057},{"style":109},[2058],{"type":61,"value":112},{"type":56,"tag":102,"props":2060,"children":2061},{"style":115},[2062],{"type":61,"value":118},{"type":56,"tag":102,"props":2064,"children":2065},{"style":121},[2066],{"type":61,"value":205},{"type":56,"tag":102,"props":2068,"children":2069},{"style":115},[2070],{"type":61,"value":129},{"type":56,"tag":102,"props":2072,"children":2073},{"style":109},[2074],{"type":61,"value":134},{"type":56,"tag":102,"props":2076,"children":2077},{"style":115},[2078],{"type":61,"value":139},{"type":56,"tag":102,"props":2080,"children":2081},{"style":142},[2082],{"type":61,"value":222},{"type":56,"tag":102,"props":2084,"children":2085},{"style":115},[2086],{"type":61,"value":150},{"type":56,"tag":102,"props":2088,"children":2089},{"class":104,"line":229},[2090],{"type":56,"tag":102,"props":2091,"children":2092},{"emptyLinePlaceholder":233},[2093],{"type":61,"value":236},{"type":56,"tag":102,"props":2095,"children":2096},{"class":104,"line":239},[2097,2101,2105,2109,2113],{"type":56,"tag":102,"props":2098,"children":2099},{"style":243},[2100],{"type":61,"value":246},{"type":56,"tag":102,"props":2102,"children":2103},{"style":121},[2104],{"type":61,"value":251},{"type":56,"tag":102,"props":2106,"children":2107},{"style":115},[2108],{"type":61,"value":256},{"type":56,"tag":102,"props":2110,"children":2111},{"style":115},[2112],{"type":61,"value":261},{"type":56,"tag":102,"props":2114,"children":2115},{"style":142},[2116],{"type":61,"value":691},{"type":56,"tag":102,"props":2118,"children":2119},{"class":104,"line":269},[2120],{"type":56,"tag":102,"props":2121,"children":2122},{"emptyLinePlaceholder":233},[2123],{"type":61,"value":236},{"type":56,"tag":102,"props":2125,"children":2126},{"class":104,"line":277},[2127],{"type":56,"tag":102,"props":2128,"children":2129},{"style":142},[2130],{"type":61,"value":706},{"type":56,"tag":102,"props":2132,"children":2133},{"class":104,"line":286},[2134],{"type":56,"tag":102,"props":2135,"children":2136},{"emptyLinePlaceholder":233},[2137],{"type":61,"value":236},{"type":56,"tag":102,"props":2139,"children":2140},{"class":104,"line":25},[2141],{"type":56,"tag":102,"props":2142,"children":2143},{"style":142},[2144],{"type":61,"value":1867},{"type":56,"tag":102,"props":2146,"children":2147},{"class":104,"line":302},[2148],{"type":56,"tag":102,"props":2149,"children":2150},{"emptyLinePlaceholder":233},[2151],{"type":61,"value":236},{"type":56,"tag":102,"props":2153,"children":2154},{"class":104,"line":311},[2155,2159],{"type":56,"tag":102,"props":2156,"children":2157},{"style":142},[2158],{"type":61,"value":1882},{"type":56,"tag":102,"props":2160,"children":2161},{"style":115},[2162],{"type":61,"value":330},{"type":56,"tag":102,"props":2164,"children":2165},{"class":104,"line":319},[2166],{"type":56,"tag":102,"props":2167,"children":2168},{"emptyLinePlaceholder":233},[2169],{"type":61,"value":236},{"type":56,"tag":102,"props":2171,"children":2172},{"class":104,"line":333},[2173,2177,2181,2185,2189,2193,2197],{"type":56,"tag":102,"props":2174,"children":2175},{"style":243},[2176],{"type":61,"value":246},{"type":56,"tag":102,"props":2178,"children":2179},{"style":121},[2180],{"type":61,"value":378},{"type":56,"tag":102,"props":2182,"children":2183},{"style":115},[2184],{"type":61,"value":256},{"type":56,"tag":102,"props":2186,"children":2187},{"style":358},[2188],{"type":61,"value":167},{"type":56,"tag":102,"props":2190,"children":2191},{"style":121},[2192],{"type":61,"value":391},{"type":56,"tag":102,"props":2194,"children":2195},{"style":115},[2196],{"type":61,"value":396},{"type":56,"tag":102,"props":2198,"children":2199},{"style":115},[2200],{"type":61,"value":499},{"type":56,"tag":102,"props":2202,"children":2203},{"class":104,"line":341},[2204,2208,2212,2216,2220],{"type":56,"tag":102,"props":2205,"children":2206},{"style":520},[2207],{"type":61,"value":508},{"type":56,"tag":102,"props":2209,"children":2210},{"style":115},[2211],{"type":61,"value":528},{"type":56,"tag":102,"props":2213,"children":2214},{"style":358},[2215],{"type":61,"value":205},{"type":56,"tag":102,"props":2217,"children":2218},{"style":121},[2219],{"type":61,"value":1120},{"type":56,"tag":102,"props":2221,"children":2222},{"style":115},[2223],{"type":61,"value":513},{"type":56,"tag":102,"props":2225,"children":2226},{"class":104,"line":368},[2227,2231],{"type":56,"tag":102,"props":2228,"children":2229},{"style":115},[2230],{"type":61,"value":409},{"type":56,"tag":102,"props":2232,"children":2233},{"style":121},[2234],{"type":61,"value":414},{"type":56,"tag":102,"props":2236,"children":2237},{"class":104,"line":417},[2238,2242,2247,2251,2255,2259,2264,2268,2273],{"type":56,"tag":102,"props":2239,"children":2240},{"style":243},[2241],{"type":61,"value":246},{"type":56,"tag":102,"props":2243,"children":2244},{"style":121},[2245],{"type":61,"value":2246}," tabsNode ",{"type":56,"tag":102,"props":2248,"children":2249},{"style":115},[2250],{"type":61,"value":256},{"type":56,"tag":102,"props":2252,"children":2253},{"style":121},[2254],{"type":61,"value":450},{"type":56,"tag":102,"props":2256,"children":2257},{"style":115},[2258],{"type":61,"value":455},{"type":56,"tag":102,"props":2260,"children":2261},{"style":121},[2262],{"type":61,"value":2263},"children",{"type":56,"tag":102,"props":2265,"children":2266},{"style":115},[2267],{"type":61,"value":455},{"type":56,"tag":102,"props":2269,"children":2270},{"style":358},[2271],{"type":61,"value":2272},"find",{"type":56,"tag":102,"props":2274,"children":2275},{"style":121},[2276],{"type":61,"value":2277},"(\n",{"type":56,"tag":102,"props":2279,"children":2280},{"class":104,"line":425},[2281,2286,2292,2297,2302,2307,2311],{"type":56,"tag":102,"props":2282,"children":2283},{"style":115},[2284],{"type":61,"value":2285},"  (",{"type":56,"tag":102,"props":2287,"children":2289},{"style":2288},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[2290],{"type":61,"value":2291},"node",{"type":56,"tag":102,"props":2293,"children":2294},{"style":115},[2295],{"type":61,"value":2296},"):",{"type":56,"tag":102,"props":2298,"children":2299},{"style":2288},[2300],{"type":61,"value":2301}," node",{"type":56,"tag":102,"props":2303,"children":2304},{"style":115},[2305],{"type":61,"value":2306}," is",{"type":56,"tag":102,"props":2308,"children":2309},{"style":977},[2310],{"type":61,"value":1996},{"type":56,"tag":102,"props":2312,"children":2313},{"style":243},[2314],{"type":61,"value":2315}," =>\n",{"type":56,"tag":102,"props":2317,"children":2318},{"class":104,"line":463},[2319,2324,2328,2333,2338,2342,2347,2352,2357,2361,2365,2370,2374,2378,2382,2386],{"type":56,"tag":102,"props":2320,"children":2321},{"style":121},[2322],{"type":61,"value":2323},"    node",{"type":56,"tag":102,"props":2325,"children":2326},{"style":115},[2327],{"type":61,"value":455},{"type":56,"tag":102,"props":2329,"children":2330},{"style":121},[2331],{"type":61,"value":2332},"type ",{"type":56,"tag":102,"props":2334,"children":2335},{"style":115},[2336],{"type":61,"value":2337},"===",{"type":56,"tag":102,"props":2339,"children":2340},{"style":115},[2341],{"type":61,"value":139},{"type":56,"tag":102,"props":2343,"children":2344},{"style":142},[2345],{"type":61,"value":2346},"component",{"type":56,"tag":102,"props":2348,"children":2349},{"style":115},[2350],{"type":61,"value":2351},"'",{"type":56,"tag":102,"props":2353,"children":2354},{"style":115},[2355],{"type":61,"value":2356}," &&",{"type":56,"tag":102,"props":2358,"children":2359},{"style":121},[2360],{"type":61,"value":2301},{"type":56,"tag":102,"props":2362,"children":2363},{"style":115},[2364],{"type":61,"value":455},{"type":56,"tag":102,"props":2366,"children":2367},{"style":121},[2368],{"type":61,"value":2369},"name ",{"type":56,"tag":102,"props":2371,"children":2372},{"style":115},[2373],{"type":61,"value":2337},{"type":56,"tag":102,"props":2375,"children":2376},{"style":115},[2377],{"type":61,"value":139},{"type":56,"tag":102,"props":2379,"children":2380},{"style":142},[2381],{"type":61,"value":913},{"type":56,"tag":102,"props":2383,"children":2384},{"style":115},[2385],{"type":61,"value":2351},{"type":56,"tag":102,"props":2387,"children":2388},{"style":115},[2389],{"type":61,"value":513},{"type":56,"tag":102,"props":2391,"children":2392},{"class":104,"line":502},[2393],{"type":56,"tag":102,"props":2394,"children":2395},{"style":121},[2396],{"type":61,"value":414},{"type":56,"tag":102,"props":2398,"children":2399},{"class":104,"line":516},[2400],{"type":56,"tag":102,"props":2401,"children":2402},{"emptyLinePlaceholder":233},[2403],{"type":61,"value":236},{"type":56,"tag":102,"props":2405,"children":2406},{"class":104,"line":541},[2407,2411,2415,2420],{"type":56,"tag":102,"props":2408,"children":2409},{"style":109},[2410],{"type":61,"value":431},{"type":56,"tag":102,"props":2412,"children":2413},{"style":243},[2414],{"type":61,"value":436},{"type":56,"tag":102,"props":2416,"children":2417},{"style":121},[2418],{"type":61,"value":2419}," tabPanels ",{"type":56,"tag":102,"props":2421,"children":2422},{"style":115},[2423],{"type":61,"value":2424},"=\n",{"type":56,"tag":102,"props":2426,"children":2427},{"class":104,"line":825},[2428,2433,2438,2442,2446,2451],{"type":56,"tag":102,"props":2429,"children":2430},{"style":121},[2431],{"type":61,"value":2432},"  tabsNode",{"type":56,"tag":102,"props":2434,"children":2435},{"style":115},[2436],{"type":61,"value":2437},"?.",{"type":56,"tag":102,"props":2439,"children":2440},{"style":121},[2441],{"type":61,"value":2263},{"type":56,"tag":102,"props":2443,"children":2444},{"style":115},[2445],{"type":61,"value":455},{"type":56,"tag":102,"props":2447,"children":2448},{"style":358},[2449],{"type":61,"value":2450},"filter",{"type":56,"tag":102,"props":2452,"children":2453},{"style":121},[2454],{"type":61,"value":2277},{"type":56,"tag":102,"props":2456,"children":2457},{"class":104,"line":873},[2458,2463,2467,2471,2475,2479,2483],{"type":56,"tag":102,"props":2459,"children":2460},{"style":115},[2461],{"type":61,"value":2462},"    (",{"type":56,"tag":102,"props":2464,"children":2465},{"style":2288},[2466],{"type":61,"value":2291},{"type":56,"tag":102,"props":2468,"children":2469},{"style":115},[2470],{"type":61,"value":2296},{"type":56,"tag":102,"props":2472,"children":2473},{"style":2288},[2474],{"type":61,"value":2301},{"type":56,"tag":102,"props":2476,"children":2477},{"style":115},[2478],{"type":61,"value":2306},{"type":56,"tag":102,"props":2480,"children":2481},{"style":977},[2482],{"type":61,"value":1996},{"type":56,"tag":102,"props":2484,"children":2485},{"style":243},[2486],{"type":61,"value":2315},{"type":56,"tag":102,"props":2488,"children":2490},{"class":104,"line":2489},24,[2491,2496,2500,2504,2508,2512,2516,2520,2524,2528,2532,2537,2541,2545,2550,2554],{"type":56,"tag":102,"props":2492,"children":2493},{"style":121},[2494],{"type":61,"value":2495},"      node",{"type":56,"tag":102,"props":2497,"children":2498},{"style":115},[2499],{"type":61,"value":455},{"type":56,"tag":102,"props":2501,"children":2502},{"style":121},[2503],{"type":61,"value":2332},{"type":56,"tag":102,"props":2505,"children":2506},{"style":115},[2507],{"type":61,"value":2337},{"type":56,"tag":102,"props":2509,"children":2510},{"style":115},[2511],{"type":61,"value":139},{"type":56,"tag":102,"props":2513,"children":2514},{"style":142},[2515],{"type":61,"value":2346},{"type":56,"tag":102,"props":2517,"children":2518},{"style":115},[2519],{"type":61,"value":2351},{"type":56,"tag":102,"props":2521,"children":2522},{"style":115},[2523],{"type":61,"value":2356},{"type":56,"tag":102,"props":2525,"children":2526},{"style":121},[2527],{"type":61,"value":2301},{"type":56,"tag":102,"props":2529,"children":2530},{"style":115},[2531],{"type":61,"value":455},{"type":56,"tag":102,"props":2533,"children":2534},{"style":121},[2535],{"type":61,"value":2536},"tagName ",{"type":56,"tag":102,"props":2538,"children":2539},{"style":115},[2540],{"type":61,"value":2337},{"type":56,"tag":102,"props":2542,"children":2543},{"style":115},[2544],{"type":61,"value":139},{"type":56,"tag":102,"props":2546,"children":2547},{"style":142},[2548],{"type":61,"value":2549},"md-tab-panel",{"type":56,"tag":102,"props":2551,"children":2552},{"style":115},[2553],{"type":61,"value":2351},{"type":56,"tag":102,"props":2555,"children":2556},{"style":115},[2557],{"type":61,"value":513},{"type":56,"tag":102,"props":2559,"children":2561},{"class":104,"line":2560},25,[2562,2567,2572],{"type":56,"tag":102,"props":2563,"children":2564},{"style":121},[2565],{"type":61,"value":2566},"  ) ",{"type":56,"tag":102,"props":2568,"children":2569},{"style":115},[2570],{"type":61,"value":2571},"??",{"type":56,"tag":102,"props":2573,"children":2574},{"style":121},[2575],{"type":61,"value":2576}," []\n",{"type":56,"tag":57,"props":2578,"children":2579},{},[2580],{"type":61,"value":2581},"The transform supplies a model and custom-element names; the site must bind those values to its own state, controls, and renderer components.",{"type":56,"tag":57,"props":2583,"children":2584},{},[2585,2587],{"type":61,"value":2586},"Source: ",{"type":56,"tag":98,"props":2588,"children":2590},{"className":2589},[],[2591],{"type":61,"value":2592},"docs\u002Fguides\u002Fdocs-preset.md",{"type":56,"tag":563,"props":2594,"children":2596},{"id":2595},"high-leaving-a-component-block-unmatched",[2597],{"type":61,"value":2598},"HIGH Leaving a component block unmatched",{"type":56,"tag":57,"props":2600,"children":2601},{},[2602],{"type":61,"value":1731},{"type":56,"tag":90,"props":2604,"children":2606},{"className":92,"code":2605,"language":94,"meta":95,"style":95},"import { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\nconst source = `\u003C!-- ::start:tabs -->\n\n## React\n\nReact content`\n\nexport const document = parseMarkdown(source, {\n  extensions: docsMarkdownExtensions(),\n})\n",[2607],{"type":56,"tag":98,"props":2608,"children":2609},{"__ignoreMap":95},[2610,2645,2680,2687,2710,2717,2724,2731,2743,2750,2785,2808],{"type":56,"tag":102,"props":2611,"children":2612},{"class":104,"line":105},[2613,2617,2621,2625,2629,2633,2637,2641],{"type":56,"tag":102,"props":2614,"children":2615},{"style":109},[2616],{"type":61,"value":112},{"type":56,"tag":102,"props":2618,"children":2619},{"style":115},[2620],{"type":61,"value":118},{"type":56,"tag":102,"props":2622,"children":2623},{"style":121},[2624],{"type":61,"value":167},{"type":56,"tag":102,"props":2626,"children":2627},{"style":115},[2628],{"type":61,"value":129},{"type":56,"tag":102,"props":2630,"children":2631},{"style":109},[2632],{"type":61,"value":134},{"type":56,"tag":102,"props":2634,"children":2635},{"style":115},[2636],{"type":61,"value":139},{"type":56,"tag":102,"props":2638,"children":2639},{"style":142},[2640],{"type":61,"value":184},{"type":56,"tag":102,"props":2642,"children":2643},{"style":115},[2644],{"type":61,"value":150},{"type":56,"tag":102,"props":2646,"children":2647},{"class":104,"line":153},[2648,2652,2656,2660,2664,2668,2672,2676],{"type":56,"tag":102,"props":2649,"children":2650},{"style":109},[2651],{"type":61,"value":112},{"type":56,"tag":102,"props":2653,"children":2654},{"style":115},[2655],{"type":61,"value":118},{"type":56,"tag":102,"props":2657,"children":2658},{"style":121},[2659],{"type":61,"value":205},{"type":56,"tag":102,"props":2661,"children":2662},{"style":115},[2663],{"type":61,"value":129},{"type":56,"tag":102,"props":2665,"children":2666},{"style":109},[2667],{"type":61,"value":134},{"type":56,"tag":102,"props":2669,"children":2670},{"style":115},[2671],{"type":61,"value":139},{"type":56,"tag":102,"props":2673,"children":2674},{"style":142},[2675],{"type":61,"value":222},{"type":56,"tag":102,"props":2677,"children":2678},{"style":115},[2679],{"type":61,"value":150},{"type":56,"tag":102,"props":2681,"children":2682},{"class":104,"line":191},[2683],{"type":56,"tag":102,"props":2684,"children":2685},{"emptyLinePlaceholder":233},[2686],{"type":61,"value":236},{"type":56,"tag":102,"props":2688,"children":2689},{"class":104,"line":229},[2690,2694,2698,2702,2706],{"type":56,"tag":102,"props":2691,"children":2692},{"style":243},[2693],{"type":61,"value":246},{"type":56,"tag":102,"props":2695,"children":2696},{"style":121},[2697],{"type":61,"value":251},{"type":56,"tag":102,"props":2699,"children":2700},{"style":115},[2701],{"type":61,"value":256},{"type":56,"tag":102,"props":2703,"children":2704},{"style":115},[2705],{"type":61,"value":261},{"type":56,"tag":102,"props":2707,"children":2708},{"style":142},[2709],{"type":61,"value":691},{"type":56,"tag":102,"props":2711,"children":2712},{"class":104,"line":239},[2713],{"type":56,"tag":102,"props":2714,"children":2715},{"emptyLinePlaceholder":233},[2716],{"type":61,"value":236},{"type":56,"tag":102,"props":2718,"children":2719},{"class":104,"line":269},[2720],{"type":56,"tag":102,"props":2721,"children":2722},{"style":142},[2723],{"type":61,"value":706},{"type":56,"tag":102,"props":2725,"children":2726},{"class":104,"line":277},[2727],{"type":56,"tag":102,"props":2728,"children":2729},{"emptyLinePlaceholder":233},[2730],{"type":61,"value":236},{"type":56,"tag":102,"props":2732,"children":2733},{"class":104,"line":286},[2734,2739],{"type":56,"tag":102,"props":2735,"children":2736},{"style":142},[2737],{"type":61,"value":2738},"React content",{"type":56,"tag":102,"props":2740,"children":2741},{"style":115},[2742],{"type":61,"value":330},{"type":56,"tag":102,"props":2744,"children":2745},{"class":104,"line":25},[2746],{"type":56,"tag":102,"props":2747,"children":2748},{"emptyLinePlaceholder":233},[2749],{"type":61,"value":236},{"type":56,"tag":102,"props":2751,"children":2752},{"class":104,"line":302},[2753,2757,2761,2765,2769,2773,2777,2781],{"type":56,"tag":102,"props":2754,"children":2755},{"style":109},[2756],{"type":61,"value":431},{"type":56,"tag":102,"props":2758,"children":2759},{"style":243},[2760],{"type":61,"value":436},{"type":56,"tag":102,"props":2762,"children":2763},{"style":121},[2764],{"type":61,"value":378},{"type":56,"tag":102,"props":2766,"children":2767},{"style":115},[2768],{"type":61,"value":256},{"type":56,"tag":102,"props":2770,"children":2771},{"style":358},[2772],{"type":61,"value":167},{"type":56,"tag":102,"props":2774,"children":2775},{"style":121},[2776],{"type":61,"value":391},{"type":56,"tag":102,"props":2778,"children":2779},{"style":115},[2780],{"type":61,"value":396},{"type":56,"tag":102,"props":2782,"children":2783},{"style":115},[2784],{"type":61,"value":499},{"type":56,"tag":102,"props":2786,"children":2787},{"class":104,"line":311},[2788,2792,2796,2800,2804],{"type":56,"tag":102,"props":2789,"children":2790},{"style":520},[2791],{"type":61,"value":508},{"type":56,"tag":102,"props":2793,"children":2794},{"style":115},[2795],{"type":61,"value":528},{"type":56,"tag":102,"props":2797,"children":2798},{"style":358},[2799],{"type":61,"value":205},{"type":56,"tag":102,"props":2801,"children":2802},{"style":121},[2803],{"type":61,"value":1120},{"type":56,"tag":102,"props":2805,"children":2806},{"style":115},[2807],{"type":61,"value":513},{"type":56,"tag":102,"props":2809,"children":2810},{"class":104,"line":319},[2811,2815],{"type":56,"tag":102,"props":2812,"children":2813},{"style":115},[2814],{"type":61,"value":409},{"type":56,"tag":102,"props":2816,"children":2817},{"style":121},[2818],{"type":61,"value":414},{"type":56,"tag":57,"props":2820,"children":2821},{},[2822],{"type":61,"value":1968},{"type":56,"tag":90,"props":2824,"children":2826},{"className":92,"code":2825,"language":94,"meta":95,"style":95},"import { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\nconst source = `\u003C!-- ::start:tabs -->\n\n## React\n\nReact content\n\n\u003C!-- ::end:tabs -->`\n\nexport const document = parseMarkdown(source, {\n  extensions: docsMarkdownExtensions(),\n})\n",[2827],{"type":56,"tag":98,"props":2828,"children":2829},{"__ignoreMap":95},[2830,2865,2900,2907,2930,2937,2944,2951,2958,2965,2976,2983,3018,3041],{"type":56,"tag":102,"props":2831,"children":2832},{"class":104,"line":105},[2833,2837,2841,2845,2849,2853,2857,2861],{"type":56,"tag":102,"props":2834,"children":2835},{"style":109},[2836],{"type":61,"value":112},{"type":56,"tag":102,"props":2838,"children":2839},{"style":115},[2840],{"type":61,"value":118},{"type":56,"tag":102,"props":2842,"children":2843},{"style":121},[2844],{"type":61,"value":167},{"type":56,"tag":102,"props":2846,"children":2847},{"style":115},[2848],{"type":61,"value":129},{"type":56,"tag":102,"props":2850,"children":2851},{"style":109},[2852],{"type":61,"value":134},{"type":56,"tag":102,"props":2854,"children":2855},{"style":115},[2856],{"type":61,"value":139},{"type":56,"tag":102,"props":2858,"children":2859},{"style":142},[2860],{"type":61,"value":184},{"type":56,"tag":102,"props":2862,"children":2863},{"style":115},[2864],{"type":61,"value":150},{"type":56,"tag":102,"props":2866,"children":2867},{"class":104,"line":153},[2868,2872,2876,2880,2884,2888,2892,2896],{"type":56,"tag":102,"props":2869,"children":2870},{"style":109},[2871],{"type":61,"value":112},{"type":56,"tag":102,"props":2873,"children":2874},{"style":115},[2875],{"type":61,"value":118},{"type":56,"tag":102,"props":2877,"children":2878},{"style":121},[2879],{"type":61,"value":205},{"type":56,"tag":102,"props":2881,"children":2882},{"style":115},[2883],{"type":61,"value":129},{"type":56,"tag":102,"props":2885,"children":2886},{"style":109},[2887],{"type":61,"value":134},{"type":56,"tag":102,"props":2889,"children":2890},{"style":115},[2891],{"type":61,"value":139},{"type":56,"tag":102,"props":2893,"children":2894},{"style":142},[2895],{"type":61,"value":222},{"type":56,"tag":102,"props":2897,"children":2898},{"style":115},[2899],{"type":61,"value":150},{"type":56,"tag":102,"props":2901,"children":2902},{"class":104,"line":191},[2903],{"type":56,"tag":102,"props":2904,"children":2905},{"emptyLinePlaceholder":233},[2906],{"type":61,"value":236},{"type":56,"tag":102,"props":2908,"children":2909},{"class":104,"line":229},[2910,2914,2918,2922,2926],{"type":56,"tag":102,"props":2911,"children":2912},{"style":243},[2913],{"type":61,"value":246},{"type":56,"tag":102,"props":2915,"children":2916},{"style":121},[2917],{"type":61,"value":251},{"type":56,"tag":102,"props":2919,"children":2920},{"style":115},[2921],{"type":61,"value":256},{"type":56,"tag":102,"props":2923,"children":2924},{"style":115},[2925],{"type":61,"value":261},{"type":56,"tag":102,"props":2927,"children":2928},{"style":142},[2929],{"type":61,"value":691},{"type":56,"tag":102,"props":2931,"children":2932},{"class":104,"line":239},[2933],{"type":56,"tag":102,"props":2934,"children":2935},{"emptyLinePlaceholder":233},[2936],{"type":61,"value":236},{"type":56,"tag":102,"props":2938,"children":2939},{"class":104,"line":269},[2940],{"type":56,"tag":102,"props":2941,"children":2942},{"style":142},[2943],{"type":61,"value":706},{"type":56,"tag":102,"props":2945,"children":2946},{"class":104,"line":277},[2947],{"type":56,"tag":102,"props":2948,"children":2949},{"emptyLinePlaceholder":233},[2950],{"type":61,"value":236},{"type":56,"tag":102,"props":2952,"children":2953},{"class":104,"line":286},[2954],{"type":56,"tag":102,"props":2955,"children":2956},{"style":142},[2957],{"type":61,"value":1867},{"type":56,"tag":102,"props":2959,"children":2960},{"class":104,"line":25},[2961],{"type":56,"tag":102,"props":2962,"children":2963},{"emptyLinePlaceholder":233},[2964],{"type":61,"value":236},{"type":56,"tag":102,"props":2966,"children":2967},{"class":104,"line":302},[2968,2972],{"type":56,"tag":102,"props":2969,"children":2970},{"style":142},[2971],{"type":61,"value":1882},{"type":56,"tag":102,"props":2973,"children":2974},{"style":115},[2975],{"type":61,"value":330},{"type":56,"tag":102,"props":2977,"children":2978},{"class":104,"line":311},[2979],{"type":56,"tag":102,"props":2980,"children":2981},{"emptyLinePlaceholder":233},[2982],{"type":61,"value":236},{"type":56,"tag":102,"props":2984,"children":2985},{"class":104,"line":319},[2986,2990,2994,2998,3002,3006,3010,3014],{"type":56,"tag":102,"props":2987,"children":2988},{"style":109},[2989],{"type":61,"value":431},{"type":56,"tag":102,"props":2991,"children":2992},{"style":243},[2993],{"type":61,"value":436},{"type":56,"tag":102,"props":2995,"children":2996},{"style":121},[2997],{"type":61,"value":378},{"type":56,"tag":102,"props":2999,"children":3000},{"style":115},[3001],{"type":61,"value":256},{"type":56,"tag":102,"props":3003,"children":3004},{"style":358},[3005],{"type":61,"value":167},{"type":56,"tag":102,"props":3007,"children":3008},{"style":121},[3009],{"type":61,"value":391},{"type":56,"tag":102,"props":3011,"children":3012},{"style":115},[3013],{"type":61,"value":396},{"type":56,"tag":102,"props":3015,"children":3016},{"style":115},[3017],{"type":61,"value":499},{"type":56,"tag":102,"props":3019,"children":3020},{"class":104,"line":333},[3021,3025,3029,3033,3037],{"type":56,"tag":102,"props":3022,"children":3023},{"style":520},[3024],{"type":61,"value":508},{"type":56,"tag":102,"props":3026,"children":3027},{"style":115},[3028],{"type":61,"value":528},{"type":56,"tag":102,"props":3030,"children":3031},{"style":358},[3032],{"type":61,"value":205},{"type":56,"tag":102,"props":3034,"children":3035},{"style":121},[3036],{"type":61,"value":1120},{"type":56,"tag":102,"props":3038,"children":3039},{"style":115},[3040],{"type":61,"value":513},{"type":56,"tag":102,"props":3042,"children":3043},{"class":104,"line":341},[3044,3048],{"type":56,"tag":102,"props":3045,"children":3046},{"style":115},[3047],{"type":61,"value":409},{"type":56,"tag":102,"props":3049,"children":3050},{"style":121},[3051],{"type":61,"value":414},{"type":56,"tag":57,"props":3053,"children":3054},{},[3055],{"type":61,"value":3056},"An unmatched start is consumed as an empty component, while the following body remains ordinary Markdown.",{"type":56,"tag":57,"props":3058,"children":3059},{},[3060,3061],{"type":61,"value":2586},{"type":56,"tag":98,"props":3062,"children":3064},{"className":3063},[],[3065],{"type":61,"value":3066},"src\u002Fextensions\u002Fcomment-components.ts:41-63",{"type":56,"tag":563,"props":3068,"children":3070},{"id":3069},"medium-passing-the-wrong-tab-content-shape",[3071],{"type":61,"value":3072},"MEDIUM Passing the wrong tab content shape",{"type":56,"tag":57,"props":3074,"children":3075},{},[3076],{"type":61,"value":1731},{"type":56,"tag":90,"props":3078,"children":3080},{"className":92,"code":3079,"language":94,"meta":95,"style":95},"import { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\nconst source = `\u003C!-- ::start:tabs variant=\"files\" -->\n\nThis variant does not turn prose into a file.\n\n\u003C!-- ::end:tabs -->`\n\nexport const document = parseMarkdown(source, {\n  extensions: docsMarkdownExtensions(),\n})\n",[3081],{"type":56,"tag":98,"props":3082,"children":3083},{"__ignoreMap":95},[3084,3119,3154,3161,3184,3191,3199,3206,3217,3224,3259,3282],{"type":56,"tag":102,"props":3085,"children":3086},{"class":104,"line":105},[3087,3091,3095,3099,3103,3107,3111,3115],{"type":56,"tag":102,"props":3088,"children":3089},{"style":109},[3090],{"type":61,"value":112},{"type":56,"tag":102,"props":3092,"children":3093},{"style":115},[3094],{"type":61,"value":118},{"type":56,"tag":102,"props":3096,"children":3097},{"style":121},[3098],{"type":61,"value":167},{"type":56,"tag":102,"props":3100,"children":3101},{"style":115},[3102],{"type":61,"value":129},{"type":56,"tag":102,"props":3104,"children":3105},{"style":109},[3106],{"type":61,"value":134},{"type":56,"tag":102,"props":3108,"children":3109},{"style":115},[3110],{"type":61,"value":139},{"type":56,"tag":102,"props":3112,"children":3113},{"style":142},[3114],{"type":61,"value":184},{"type":56,"tag":102,"props":3116,"children":3117},{"style":115},[3118],{"type":61,"value":150},{"type":56,"tag":102,"props":3120,"children":3121},{"class":104,"line":153},[3122,3126,3130,3134,3138,3142,3146,3150],{"type":56,"tag":102,"props":3123,"children":3124},{"style":109},[3125],{"type":61,"value":112},{"type":56,"tag":102,"props":3127,"children":3128},{"style":115},[3129],{"type":61,"value":118},{"type":56,"tag":102,"props":3131,"children":3132},{"style":121},[3133],{"type":61,"value":205},{"type":56,"tag":102,"props":3135,"children":3136},{"style":115},[3137],{"type":61,"value":129},{"type":56,"tag":102,"props":3139,"children":3140},{"style":109},[3141],{"type":61,"value":134},{"type":56,"tag":102,"props":3143,"children":3144},{"style":115},[3145],{"type":61,"value":139},{"type":56,"tag":102,"props":3147,"children":3148},{"style":142},[3149],{"type":61,"value":222},{"type":56,"tag":102,"props":3151,"children":3152},{"style":115},[3153],{"type":61,"value":150},{"type":56,"tag":102,"props":3155,"children":3156},{"class":104,"line":191},[3157],{"type":56,"tag":102,"props":3158,"children":3159},{"emptyLinePlaceholder":233},[3160],{"type":61,"value":236},{"type":56,"tag":102,"props":3162,"children":3163},{"class":104,"line":229},[3164,3168,3172,3176,3180],{"type":56,"tag":102,"props":3165,"children":3166},{"style":243},[3167],{"type":61,"value":246},{"type":56,"tag":102,"props":3169,"children":3170},{"style":121},[3171],{"type":61,"value":251},{"type":56,"tag":102,"props":3173,"children":3174},{"style":115},[3175],{"type":61,"value":256},{"type":56,"tag":102,"props":3177,"children":3178},{"style":115},[3179],{"type":61,"value":261},{"type":56,"tag":102,"props":3181,"children":3182},{"style":142},[3183],{"type":61,"value":1077},{"type":56,"tag":102,"props":3185,"children":3186},{"class":104,"line":239},[3187],{"type":56,"tag":102,"props":3188,"children":3189},{"emptyLinePlaceholder":233},[3190],{"type":61,"value":236},{"type":56,"tag":102,"props":3192,"children":3193},{"class":104,"line":269},[3194],{"type":56,"tag":102,"props":3195,"children":3196},{"style":142},[3197],{"type":61,"value":3198},"This variant does not turn prose into a file.\n",{"type":56,"tag":102,"props":3200,"children":3201},{"class":104,"line":277},[3202],{"type":56,"tag":102,"props":3203,"children":3204},{"emptyLinePlaceholder":233},[3205],{"type":61,"value":236},{"type":56,"tag":102,"props":3207,"children":3208},{"class":104,"line":286},[3209,3213],{"type":56,"tag":102,"props":3210,"children":3211},{"style":142},[3212],{"type":61,"value":1882},{"type":56,"tag":102,"props":3214,"children":3215},{"style":115},[3216],{"type":61,"value":330},{"type":56,"tag":102,"props":3218,"children":3219},{"class":104,"line":25},[3220],{"type":56,"tag":102,"props":3221,"children":3222},{"emptyLinePlaceholder":233},[3223],{"type":61,"value":236},{"type":56,"tag":102,"props":3225,"children":3226},{"class":104,"line":302},[3227,3231,3235,3239,3243,3247,3251,3255],{"type":56,"tag":102,"props":3228,"children":3229},{"style":109},[3230],{"type":61,"value":431},{"type":56,"tag":102,"props":3232,"children":3233},{"style":243},[3234],{"type":61,"value":436},{"type":56,"tag":102,"props":3236,"children":3237},{"style":121},[3238],{"type":61,"value":378},{"type":56,"tag":102,"props":3240,"children":3241},{"style":115},[3242],{"type":61,"value":256},{"type":56,"tag":102,"props":3244,"children":3245},{"style":358},[3246],{"type":61,"value":167},{"type":56,"tag":102,"props":3248,"children":3249},{"style":121},[3250],{"type":61,"value":391},{"type":56,"tag":102,"props":3252,"children":3253},{"style":115},[3254],{"type":61,"value":396},{"type":56,"tag":102,"props":3256,"children":3257},{"style":115},[3258],{"type":61,"value":499},{"type":56,"tag":102,"props":3260,"children":3261},{"class":104,"line":311},[3262,3266,3270,3274,3278],{"type":56,"tag":102,"props":3263,"children":3264},{"style":520},[3265],{"type":61,"value":508},{"type":56,"tag":102,"props":3267,"children":3268},{"style":115},[3269],{"type":61,"value":528},{"type":56,"tag":102,"props":3271,"children":3272},{"style":358},[3273],{"type":61,"value":205},{"type":56,"tag":102,"props":3275,"children":3276},{"style":121},[3277],{"type":61,"value":1120},{"type":56,"tag":102,"props":3279,"children":3280},{"style":115},[3281],{"type":61,"value":513},{"type":56,"tag":102,"props":3283,"children":3284},{"class":104,"line":319},[3285,3289],{"type":56,"tag":102,"props":3286,"children":3287},{"style":115},[3288],{"type":61,"value":409},{"type":56,"tag":102,"props":3290,"children":3291},{"style":121},[3292],{"type":61,"value":414},{"type":56,"tag":57,"props":3294,"children":3295},{},[3296],{"type":61,"value":1968},{"type":56,"tag":90,"props":3298,"children":3300},{"className":92,"code":3299,"language":94,"meta":95,"style":95},"import { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { docsMarkdownExtensions } from '@tanstack\u002Fmarkdown\u002Fextensions\u002Fdocs'\n\nconst source = `\u003C!-- ::start:tabs variant=\"files\" -->\n\n\\`\\`\\`ts file=\"app.ts\"\nexport const app = true\n\\`\\`\\`\n\n\u003C!-- ::end:tabs -->`\n\nexport const document = parseMarkdown(source, {\n  extensions: docsMarkdownExtensions(),\n})\n",[3301],{"type":56,"tag":98,"props":3302,"children":3303},{"__ignoreMap":95},[3304,3339,3374,3381,3404,3411,3424,3432,3440,3447,3458,3465,3500,3523],{"type":56,"tag":102,"props":3305,"children":3306},{"class":104,"line":105},[3307,3311,3315,3319,3323,3327,3331,3335],{"type":56,"tag":102,"props":3308,"children":3309},{"style":109},[3310],{"type":61,"value":112},{"type":56,"tag":102,"props":3312,"children":3313},{"style":115},[3314],{"type":61,"value":118},{"type":56,"tag":102,"props":3316,"children":3317},{"style":121},[3318],{"type":61,"value":167},{"type":56,"tag":102,"props":3320,"children":3321},{"style":115},[3322],{"type":61,"value":129},{"type":56,"tag":102,"props":3324,"children":3325},{"style":109},[3326],{"type":61,"value":134},{"type":56,"tag":102,"props":3328,"children":3329},{"style":115},[3330],{"type":61,"value":139},{"type":56,"tag":102,"props":3332,"children":3333},{"style":142},[3334],{"type":61,"value":184},{"type":56,"tag":102,"props":3336,"children":3337},{"style":115},[3338],{"type":61,"value":150},{"type":56,"tag":102,"props":3340,"children":3341},{"class":104,"line":153},[3342,3346,3350,3354,3358,3362,3366,3370],{"type":56,"tag":102,"props":3343,"children":3344},{"style":109},[3345],{"type":61,"value":112},{"type":56,"tag":102,"props":3347,"children":3348},{"style":115},[3349],{"type":61,"value":118},{"type":56,"tag":102,"props":3351,"children":3352},{"style":121},[3353],{"type":61,"value":205},{"type":56,"tag":102,"props":3355,"children":3356},{"style":115},[3357],{"type":61,"value":129},{"type":56,"tag":102,"props":3359,"children":3360},{"style":109},[3361],{"type":61,"value":134},{"type":56,"tag":102,"props":3363,"children":3364},{"style":115},[3365],{"type":61,"value":139},{"type":56,"tag":102,"props":3367,"children":3368},{"style":142},[3369],{"type":61,"value":222},{"type":56,"tag":102,"props":3371,"children":3372},{"style":115},[3373],{"type":61,"value":150},{"type":56,"tag":102,"props":3375,"children":3376},{"class":104,"line":191},[3377],{"type":56,"tag":102,"props":3378,"children":3379},{"emptyLinePlaceholder":233},[3380],{"type":61,"value":236},{"type":56,"tag":102,"props":3382,"children":3383},{"class":104,"line":229},[3384,3388,3392,3396,3400],{"type":56,"tag":102,"props":3385,"children":3386},{"style":243},[3387],{"type":61,"value":246},{"type":56,"tag":102,"props":3389,"children":3390},{"style":121},[3391],{"type":61,"value":251},{"type":56,"tag":102,"props":3393,"children":3394},{"style":115},[3395],{"type":61,"value":256},{"type":56,"tag":102,"props":3397,"children":3398},{"style":115},[3399],{"type":61,"value":261},{"type":56,"tag":102,"props":3401,"children":3402},{"style":142},[3403],{"type":61,"value":1077},{"type":56,"tag":102,"props":3405,"children":3406},{"class":104,"line":239},[3407],{"type":56,"tag":102,"props":3408,"children":3409},{"emptyLinePlaceholder":233},[3410],{"type":61,"value":236},{"type":56,"tag":102,"props":3412,"children":3413},{"class":104,"line":269},[3414,3419],{"type":56,"tag":102,"props":3415,"children":3416},{"style":121},[3417],{"type":61,"value":3418},"\\`\\`\\`",{"type":56,"tag":102,"props":3420,"children":3421},{"style":142},[3422],{"type":61,"value":3423},"ts file=\"app.ts\"\n",{"type":56,"tag":102,"props":3425,"children":3426},{"class":104,"line":277},[3427],{"type":56,"tag":102,"props":3428,"children":3429},{"style":142},[3430],{"type":61,"value":3431},"export const app = true\n",{"type":56,"tag":102,"props":3433,"children":3434},{"class":104,"line":286},[3435],{"type":56,"tag":102,"props":3436,"children":3437},{"style":121},[3438],{"type":61,"value":3439},"\\`\\`\\`\n",{"type":56,"tag":102,"props":3441,"children":3442},{"class":104,"line":25},[3443],{"type":56,"tag":102,"props":3444,"children":3445},{"emptyLinePlaceholder":233},[3446],{"type":61,"value":236},{"type":56,"tag":102,"props":3448,"children":3449},{"class":104,"line":302},[3450,3454],{"type":56,"tag":102,"props":3451,"children":3452},{"style":142},[3453],{"type":61,"value":1882},{"type":56,"tag":102,"props":3455,"children":3456},{"style":115},[3457],{"type":61,"value":330},{"type":56,"tag":102,"props":3459,"children":3460},{"class":104,"line":311},[3461],{"type":56,"tag":102,"props":3462,"children":3463},{"emptyLinePlaceholder":233},[3464],{"type":61,"value":236},{"type":56,"tag":102,"props":3466,"children":3467},{"class":104,"line":319},[3468,3472,3476,3480,3484,3488,3492,3496],{"type":56,"tag":102,"props":3469,"children":3470},{"style":109},[3471],{"type":61,"value":431},{"type":56,"tag":102,"props":3473,"children":3474},{"style":243},[3475],{"type":61,"value":436},{"type":56,"tag":102,"props":3477,"children":3478},{"style":121},[3479],{"type":61,"value":378},{"type":56,"tag":102,"props":3481,"children":3482},{"style":115},[3483],{"type":61,"value":256},{"type":56,"tag":102,"props":3485,"children":3486},{"style":358},[3487],{"type":61,"value":167},{"type":56,"tag":102,"props":3489,"children":3490},{"style":121},[3491],{"type":61,"value":391},{"type":56,"tag":102,"props":3493,"children":3494},{"style":115},[3495],{"type":61,"value":396},{"type":56,"tag":102,"props":3497,"children":3498},{"style":115},[3499],{"type":61,"value":499},{"type":56,"tag":102,"props":3501,"children":3502},{"class":104,"line":333},[3503,3507,3511,3515,3519],{"type":56,"tag":102,"props":3504,"children":3505},{"style":520},[3506],{"type":61,"value":508},{"type":56,"tag":102,"props":3508,"children":3509},{"style":115},[3510],{"type":61,"value":528},{"type":56,"tag":102,"props":3512,"children":3513},{"style":358},[3514],{"type":61,"value":205},{"type":56,"tag":102,"props":3516,"children":3517},{"style":121},[3518],{"type":61,"value":1120},{"type":56,"tag":102,"props":3520,"children":3521},{"style":115},[3522],{"type":61,"value":513},{"type":56,"tag":102,"props":3524,"children":3525},{"class":104,"line":341},[3526,3530],{"type":56,"tag":102,"props":3527,"children":3528},{"style":115},[3529],{"type":61,"value":409},{"type":56,"tag":102,"props":3531,"children":3532},{"style":121},[3533],{"type":61,"value":414},{"type":56,"tag":57,"props":3535,"children":3536},{},[3537],{"type":61,"value":3538},"The file transform silently returns the original component when it finds no direct code-block children; the other variants have similarly specific input contracts.",{"type":56,"tag":57,"props":3540,"children":3541},{},[3542,3543],{"type":61,"value":2586},{"type":56,"tag":98,"props":3544,"children":3546},{"className":3545},[],[3547],{"type":61,"value":3548},"src\u002Fextensions\u002Ftabs.ts:16-18",{"type":56,"tag":563,"props":3550,"children":3552},{"id":3551},"medium-expecting-fence-metadata-to-highlight-code",[3553],{"type":61,"value":3554},"MEDIUM Expecting fence metadata to highlight code",{"type":56,"tag":57,"props":3556,"children":3557},{},[3558],{"type":61,"value":1731},{"type":56,"tag":90,"props":3560,"children":3562},{"className":92,"code":3561,"language":94,"meta":95,"style":95},"import { renderHtml } from '@tanstack\u002Fmarkdown\u002Fhtml'\n\nconst source = `\\`\\`\\`ts file=\"app.ts\" {2}\nconst one = 1\nconst two = 2\n\\`\\`\\``\n\nexport const html = renderHtml(source)\n",[3563],{"type":56,"tag":98,"props":3564,"children":3565},{"__ignoreMap":95},[3566,3601,3608,3636,3644,3652,3663,3670],{"type":56,"tag":102,"props":3567,"children":3568},{"class":104,"line":105},[3569,3573,3577,3581,3585,3589,3593,3597],{"type":56,"tag":102,"props":3570,"children":3571},{"style":109},[3572],{"type":61,"value":112},{"type":56,"tag":102,"props":3574,"children":3575},{"style":115},[3576],{"type":61,"value":118},{"type":56,"tag":102,"props":3578,"children":3579},{"style":121},[3580],{"type":61,"value":124},{"type":56,"tag":102,"props":3582,"children":3583},{"style":115},[3584],{"type":61,"value":129},{"type":56,"tag":102,"props":3586,"children":3587},{"style":109},[3588],{"type":61,"value":134},{"type":56,"tag":102,"props":3590,"children":3591},{"style":115},[3592],{"type":61,"value":139},{"type":56,"tag":102,"props":3594,"children":3595},{"style":142},[3596],{"type":61,"value":145},{"type":56,"tag":102,"props":3598,"children":3599},{"style":115},[3600],{"type":61,"value":150},{"type":56,"tag":102,"props":3602,"children":3603},{"class":104,"line":153},[3604],{"type":56,"tag":102,"props":3605,"children":3606},{"emptyLinePlaceholder":233},[3607],{"type":61,"value":236},{"type":56,"tag":102,"props":3609,"children":3610},{"class":104,"line":191},[3611,3615,3619,3623,3627,3631],{"type":56,"tag":102,"props":3612,"children":3613},{"style":243},[3614],{"type":61,"value":246},{"type":56,"tag":102,"props":3616,"children":3617},{"style":121},[3618],{"type":61,"value":251},{"type":56,"tag":102,"props":3620,"children":3621},{"style":115},[3622],{"type":61,"value":256},{"type":56,"tag":102,"props":3624,"children":3625},{"style":115},[3626],{"type":61,"value":261},{"type":56,"tag":102,"props":3628,"children":3629},{"style":121},[3630],{"type":61,"value":3418},{"type":56,"tag":102,"props":3632,"children":3633},{"style":142},[3634],{"type":61,"value":3635},"ts file=\"app.ts\" {2}\n",{"type":56,"tag":102,"props":3637,"children":3638},{"class":104,"line":229},[3639],{"type":56,"tag":102,"props":3640,"children":3641},{"style":142},[3642],{"type":61,"value":3643},"const one = 1\n",{"type":56,"tag":102,"props":3645,"children":3646},{"class":104,"line":239},[3647],{"type":56,"tag":102,"props":3648,"children":3649},{"style":142},[3650],{"type":61,"value":3651},"const two = 2\n",{"type":56,"tag":102,"props":3653,"children":3654},{"class":104,"line":269},[3655,3659],{"type":56,"tag":102,"props":3656,"children":3657},{"style":121},[3658],{"type":61,"value":3418},{"type":56,"tag":102,"props":3660,"children":3661},{"style":115},[3662],{"type":61,"value":330},{"type":56,"tag":102,"props":3664,"children":3665},{"class":104,"line":277},[3666],{"type":56,"tag":102,"props":3667,"children":3668},{"emptyLinePlaceholder":233},[3669],{"type":61,"value":236},{"type":56,"tag":102,"props":3671,"children":3672},{"class":104,"line":286},[3673,3677,3681,3685,3689,3693],{"type":56,"tag":102,"props":3674,"children":3675},{"style":109},[3676],{"type":61,"value":431},{"type":56,"tag":102,"props":3678,"children":3679},{"style":243},[3680],{"type":61,"value":436},{"type":56,"tag":102,"props":3682,"children":3683},{"style":121},[3684],{"type":61,"value":477},{"type":56,"tag":102,"props":3686,"children":3687},{"style":115},[3688],{"type":61,"value":256},{"type":56,"tag":102,"props":3690,"children":3691},{"style":358},[3692],{"type":61,"value":124},{"type":56,"tag":102,"props":3694,"children":3695},{"style":121},[3696],{"type":61,"value":3697},"(source)\n",{"type":56,"tag":57,"props":3699,"children":3700},{},[3701],{"type":61,"value":1968},{"type":56,"tag":90,"props":3703,"children":3705},{"className":92,"code":3704,"language":94,"meta":95,"style":95},"import { createHighlighter } from '@tanstack\u002Fhighlight\u002Fcore'\nimport { plaintext } from '@tanstack\u002Fhighlight\u002Flanguages\u002Fplaintext'\nimport { ts } from '@tanstack\u002Fhighlight\u002Flanguages\u002Fts'\nimport { createTanStackMarkdownHighlighter } from '@tanstack\u002Fhighlight\u002Fmarkdown'\nimport { renderHtml } from '@tanstack\u002Fmarkdown\u002Fhtml'\n\nconst source = `\\`\\`\\`ts file=\"app.ts\" {2}\nconst one = 1\nconst two = 2\n\\`\\`\\``\n\nconst highlighter = createHighlighter({\n  languages: [plaintext, ts],\n})\n\nexport const html = renderHtml(source, {\n  highlighter: createTanStackMarkdownHighlighter(highlighter),\n})\n",[3706],{"type":56,"tag":98,"props":3707,"children":3708},{"__ignoreMap":95},[3709,3746,3783,3820,3857,3892,3899,3926,3933,3940,3951,3958,3988,4018,4029,4036,4071,4096],{"type":56,"tag":102,"props":3710,"children":3711},{"class":104,"line":105},[3712,3716,3720,3725,3729,3733,3737,3742],{"type":56,"tag":102,"props":3713,"children":3714},{"style":109},[3715],{"type":61,"value":112},{"type":56,"tag":102,"props":3717,"children":3718},{"style":115},[3719],{"type":61,"value":118},{"type":56,"tag":102,"props":3721,"children":3722},{"style":121},[3723],{"type":61,"value":3724}," createHighlighter",{"type":56,"tag":102,"props":3726,"children":3727},{"style":115},[3728],{"type":61,"value":129},{"type":56,"tag":102,"props":3730,"children":3731},{"style":109},[3732],{"type":61,"value":134},{"type":56,"tag":102,"props":3734,"children":3735},{"style":115},[3736],{"type":61,"value":139},{"type":56,"tag":102,"props":3738,"children":3739},{"style":142},[3740],{"type":61,"value":3741},"@tanstack\u002Fhighlight\u002Fcore",{"type":56,"tag":102,"props":3743,"children":3744},{"style":115},[3745],{"type":61,"value":150},{"type":56,"tag":102,"props":3747,"children":3748},{"class":104,"line":153},[3749,3753,3757,3762,3766,3770,3774,3779],{"type":56,"tag":102,"props":3750,"children":3751},{"style":109},[3752],{"type":61,"value":112},{"type":56,"tag":102,"props":3754,"children":3755},{"style":115},[3756],{"type":61,"value":118},{"type":56,"tag":102,"props":3758,"children":3759},{"style":121},[3760],{"type":61,"value":3761}," plaintext",{"type":56,"tag":102,"props":3763,"children":3764},{"style":115},[3765],{"type":61,"value":129},{"type":56,"tag":102,"props":3767,"children":3768},{"style":109},[3769],{"type":61,"value":134},{"type":56,"tag":102,"props":3771,"children":3772},{"style":115},[3773],{"type":61,"value":139},{"type":56,"tag":102,"props":3775,"children":3776},{"style":142},[3777],{"type":61,"value":3778},"@tanstack\u002Fhighlight\u002Flanguages\u002Fplaintext",{"type":56,"tag":102,"props":3780,"children":3781},{"style":115},[3782],{"type":61,"value":150},{"type":56,"tag":102,"props":3784,"children":3785},{"class":104,"line":191},[3786,3790,3794,3799,3803,3807,3811,3816],{"type":56,"tag":102,"props":3787,"children":3788},{"style":109},[3789],{"type":61,"value":112},{"type":56,"tag":102,"props":3791,"children":3792},{"style":115},[3793],{"type":61,"value":118},{"type":56,"tag":102,"props":3795,"children":3796},{"style":121},[3797],{"type":61,"value":3798}," ts",{"type":56,"tag":102,"props":3800,"children":3801},{"style":115},[3802],{"type":61,"value":129},{"type":56,"tag":102,"props":3804,"children":3805},{"style":109},[3806],{"type":61,"value":134},{"type":56,"tag":102,"props":3808,"children":3809},{"style":115},[3810],{"type":61,"value":139},{"type":56,"tag":102,"props":3812,"children":3813},{"style":142},[3814],{"type":61,"value":3815},"@tanstack\u002Fhighlight\u002Flanguages\u002Fts",{"type":56,"tag":102,"props":3817,"children":3818},{"style":115},[3819],{"type":61,"value":150},{"type":56,"tag":102,"props":3821,"children":3822},{"class":104,"line":229},[3823,3827,3831,3836,3840,3844,3848,3853],{"type":56,"tag":102,"props":3824,"children":3825},{"style":109},[3826],{"type":61,"value":112},{"type":56,"tag":102,"props":3828,"children":3829},{"style":115},[3830],{"type":61,"value":118},{"type":56,"tag":102,"props":3832,"children":3833},{"style":121},[3834],{"type":61,"value":3835}," createTanStackMarkdownHighlighter",{"type":56,"tag":102,"props":3837,"children":3838},{"style":115},[3839],{"type":61,"value":129},{"type":56,"tag":102,"props":3841,"children":3842},{"style":109},[3843],{"type":61,"value":134},{"type":56,"tag":102,"props":3845,"children":3846},{"style":115},[3847],{"type":61,"value":139},{"type":56,"tag":102,"props":3849,"children":3850},{"style":142},[3851],{"type":61,"value":3852},"@tanstack\u002Fhighlight\u002Fmarkdown",{"type":56,"tag":102,"props":3854,"children":3855},{"style":115},[3856],{"type":61,"value":150},{"type":56,"tag":102,"props":3858,"children":3859},{"class":104,"line":239},[3860,3864,3868,3872,3876,3880,3884,3888],{"type":56,"tag":102,"props":3861,"children":3862},{"style":109},[3863],{"type":61,"value":112},{"type":56,"tag":102,"props":3865,"children":3866},{"style":115},[3867],{"type":61,"value":118},{"type":56,"tag":102,"props":3869,"children":3870},{"style":121},[3871],{"type":61,"value":124},{"type":56,"tag":102,"props":3873,"children":3874},{"style":115},[3875],{"type":61,"value":129},{"type":56,"tag":102,"props":3877,"children":3878},{"style":109},[3879],{"type":61,"value":134},{"type":56,"tag":102,"props":3881,"children":3882},{"style":115},[3883],{"type":61,"value":139},{"type":56,"tag":102,"props":3885,"children":3886},{"style":142},[3887],{"type":61,"value":145},{"type":56,"tag":102,"props":3889,"children":3890},{"style":115},[3891],{"type":61,"value":150},{"type":56,"tag":102,"props":3893,"children":3894},{"class":104,"line":269},[3895],{"type":56,"tag":102,"props":3896,"children":3897},{"emptyLinePlaceholder":233},[3898],{"type":61,"value":236},{"type":56,"tag":102,"props":3900,"children":3901},{"class":104,"line":277},[3902,3906,3910,3914,3918,3922],{"type":56,"tag":102,"props":3903,"children":3904},{"style":243},[3905],{"type":61,"value":246},{"type":56,"tag":102,"props":3907,"children":3908},{"style":121},[3909],{"type":61,"value":251},{"type":56,"tag":102,"props":3911,"children":3912},{"style":115},[3913],{"type":61,"value":256},{"type":56,"tag":102,"props":3915,"children":3916},{"style":115},[3917],{"type":61,"value":261},{"type":56,"tag":102,"props":3919,"children":3920},{"style":121},[3921],{"type":61,"value":3418},{"type":56,"tag":102,"props":3923,"children":3924},{"style":142},[3925],{"type":61,"value":3635},{"type":56,"tag":102,"props":3927,"children":3928},{"class":104,"line":286},[3929],{"type":56,"tag":102,"props":3930,"children":3931},{"style":142},[3932],{"type":61,"value":3643},{"type":56,"tag":102,"props":3934,"children":3935},{"class":104,"line":25},[3936],{"type":56,"tag":102,"props":3937,"children":3938},{"style":142},[3939],{"type":61,"value":3651},{"type":56,"tag":102,"props":3941,"children":3942},{"class":104,"line":302},[3943,3947],{"type":56,"tag":102,"props":3944,"children":3945},{"style":121},[3946],{"type":61,"value":3418},{"type":56,"tag":102,"props":3948,"children":3949},{"style":115},[3950],{"type":61,"value":330},{"type":56,"tag":102,"props":3952,"children":3953},{"class":104,"line":311},[3954],{"type":56,"tag":102,"props":3955,"children":3956},{"emptyLinePlaceholder":233},[3957],{"type":61,"value":236},{"type":56,"tag":102,"props":3959,"children":3960},{"class":104,"line":319},[3961,3965,3970,3974,3978,3983],{"type":56,"tag":102,"props":3962,"children":3963},{"style":243},[3964],{"type":61,"value":246},{"type":56,"tag":102,"props":3966,"children":3967},{"style":121},[3968],{"type":61,"value":3969}," highlighter ",{"type":56,"tag":102,"props":3971,"children":3972},{"style":115},[3973],{"type":61,"value":256},{"type":56,"tag":102,"props":3975,"children":3976},{"style":358},[3977],{"type":61,"value":3724},{"type":56,"tag":102,"props":3979,"children":3980},{"style":121},[3981],{"type":61,"value":3982},"(",{"type":56,"tag":102,"props":3984,"children":3985},{"style":115},[3986],{"type":61,"value":3987},"{\n",{"type":56,"tag":102,"props":3989,"children":3990},{"class":104,"line":333},[3991,3996,4000,4005,4009,4014],{"type":56,"tag":102,"props":3992,"children":3993},{"style":520},[3994],{"type":61,"value":3995},"  languages",{"type":56,"tag":102,"props":3997,"children":3998},{"style":115},[3999],{"type":61,"value":528},{"type":56,"tag":102,"props":4001,"children":4002},{"style":121},[4003],{"type":61,"value":4004}," [plaintext",{"type":56,"tag":102,"props":4006,"children":4007},{"style":115},[4008],{"type":61,"value":396},{"type":56,"tag":102,"props":4010,"children":4011},{"style":121},[4012],{"type":61,"value":4013}," ts]",{"type":56,"tag":102,"props":4015,"children":4016},{"style":115},[4017],{"type":61,"value":513},{"type":56,"tag":102,"props":4019,"children":4020},{"class":104,"line":341},[4021,4025],{"type":56,"tag":102,"props":4022,"children":4023},{"style":115},[4024],{"type":61,"value":409},{"type":56,"tag":102,"props":4026,"children":4027},{"style":121},[4028],{"type":61,"value":414},{"type":56,"tag":102,"props":4030,"children":4031},{"class":104,"line":368},[4032],{"type":56,"tag":102,"props":4033,"children":4034},{"emptyLinePlaceholder":233},[4035],{"type":61,"value":236},{"type":56,"tag":102,"props":4037,"children":4038},{"class":104,"line":417},[4039,4043,4047,4051,4055,4059,4063,4067],{"type":56,"tag":102,"props":4040,"children":4041},{"style":109},[4042],{"type":61,"value":431},{"type":56,"tag":102,"props":4044,"children":4045},{"style":243},[4046],{"type":61,"value":436},{"type":56,"tag":102,"props":4048,"children":4049},{"style":121},[4050],{"type":61,"value":477},{"type":56,"tag":102,"props":4052,"children":4053},{"style":115},[4054],{"type":61,"value":256},{"type":56,"tag":102,"props":4056,"children":4057},{"style":358},[4058],{"type":61,"value":124},{"type":56,"tag":102,"props":4060,"children":4061},{"style":121},[4062],{"type":61,"value":391},{"type":56,"tag":102,"props":4064,"children":4065},{"style":115},[4066],{"type":61,"value":396},{"type":56,"tag":102,"props":4068,"children":4069},{"style":115},[4070],{"type":61,"value":499},{"type":56,"tag":102,"props":4072,"children":4073},{"class":104,"line":425},[4074,4079,4083,4087,4092],{"type":56,"tag":102,"props":4075,"children":4076},{"style":520},[4077],{"type":61,"value":4078},"  highlighter",{"type":56,"tag":102,"props":4080,"children":4081},{"style":115},[4082],{"type":61,"value":528},{"type":56,"tag":102,"props":4084,"children":4085},{"style":358},[4086],{"type":61,"value":3835},{"type":56,"tag":102,"props":4088,"children":4089},{"style":121},[4090],{"type":61,"value":4091},"(highlighter)",{"type":56,"tag":102,"props":4093,"children":4094},{"style":115},[4095],{"type":61,"value":513},{"type":56,"tag":102,"props":4097,"children":4098},{"class":104,"line":463},[4099,4103],{"type":56,"tag":102,"props":4100,"children":4101},{"style":115},[4102],{"type":61,"value":409},{"type":56,"tag":102,"props":4104,"children":4105},{"style":121},[4106],{"type":61,"value":414},{"type":56,"tag":57,"props":4108,"children":4109},{},[4110],{"type":61,"value":4111},"Fence metadata populates the AST and highlighter options, but tokenization, themes, and CSS stay outside this package.",{"type":56,"tag":57,"props":4113,"children":4114},{},[4115,4116],{"type":61,"value":2586},{"type":56,"tag":98,"props":4117,"children":4119},{"className":4118},[],[4120],{"type":61,"value":4121},"docs\u002Fcore-concepts\u002Fsyntax-profile.md",{"type":56,"tag":78,"props":4123,"children":4125},{"id":4124},"boundaries",[4126],{"type":61,"value":4127},"Boundaries",{"type":56,"tag":4129,"props":4130,"children":4131},"ul",{},[4132,4138,4150,4155,4168],{"type":56,"tag":4133,"props":4134,"children":4135},"li",{},[4136],{"type":61,"value":4137},"Docs transforms enrich trusted repository-authored content but do not execute MDX, JSX, or JavaScript expressions.",{"type":56,"tag":4133,"props":4139,"children":4140},{},[4141,4143,4149],{"type":61,"value":4142},"Highlighter output is trusted HTML. Keep highlighting at build time or on the server and apply the checks in ",{"type":56,"tag":64,"props":4144,"children":4146},{"href":4145},"..\u002Fproduction-pipelines\u002FSKILL.md",[4147],{"type":61,"value":4148},"production-pipelines",{"type":61,"value":455},{"type":56,"tag":4133,"props":4151,"children":4152},{},[4153],{"type":61,"value":4154},"Import individual extension entry points when the complete preset adds unused behavior or bundle cost.",{"type":56,"tag":4133,"props":4156,"children":4157},{},[4158,4160,4166],{"type":61,"value":4159},"Use ",{"type":56,"tag":64,"props":4161,"children":4163},{"href":4162},"..\u002Fcustom-extensions\u002FSKILL.md",[4164],{"type":61,"value":4165},"custom-extensions",{"type":61,"value":4167}," when built-in comment components or transforms do not express the required deterministic syntax.",{"type":56,"tag":4133,"props":4169,"children":4170},{},[4171,4173,4178,4180,4186],{"type":61,"value":4172},"Use the React or Octane renderer skill to map emitted tags such as ",{"type":56,"tag":98,"props":4174,"children":4176},{"className":4175},[],[4177],{"type":61,"value":2549},{"type":61,"value":4179}," and ",{"type":56,"tag":98,"props":4181,"children":4183},{"className":4182},[],[4184],{"type":61,"value":4185},"md-framework-panel",{"type":61,"value":4187}," to framework components.",{"type":56,"tag":78,"props":4189,"children":4191},{"id":4190},"references",[4192],{"type":61,"value":4193},"References",{"type":56,"tag":4129,"props":4195,"children":4196},{},[4197],{"type":56,"tag":4133,"props":4198,"children":4199},{},[4200],{"type":56,"tag":64,"props":4201,"children":4202},{"href":1524},[4203],{"type":61,"value":4204},"Docs metadata contracts",{"type":56,"tag":4206,"props":4207,"children":4208},"style",{},[4209],{"type":61,"value":4210},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":4212,"total":4353},[4213,4229,4241,4253,4268,4280,4290,4300,4313,4323,4334,4344],{"slug":4214,"name":4214,"fn":4215,"description":4216,"org":4217,"tags":4218,"stars":4226,"repoUrl":4227,"updatedAt":4228},"aggregation","perform data aggregation in TanStack Table","Aggregate TanStack Table columns independently of grouping, including grand totals, caller-selected row totals, multiple keyed aggregations, custom context-based definitions, grouped merges, manual values, and worker constraints.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4219,4222,4225],{"name":4220,"slug":4221,"type":15},"Data Analysis","data-analysis",{"name":4223,"slug":4224,"type":15},"Frontend","frontend",{"name":9,"slug":8,"type":15},28175,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Ftable","2026-07-30T05:25:59.429787",{"slug":4230,"name":4230,"fn":4231,"description":4232,"org":4233,"tags":4234,"stars":4226,"repoUrl":4227,"updatedAt":4240},"api-not-found","diagnose TanStack Table API errors","Diagnose missing TanStack Table v9 exports, options, state slices, and instance methods. Load before inventing an API when code sees a type error, undefined feature method, absent object key, adapter mismatch, or v8-shaped example.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4235,4238,4239],{"name":4236,"slug":4237,"type":15},"Debugging","debugging",{"name":4223,"slug":4224,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:26:05.418735",{"slug":4242,"name":4242,"fn":4243,"description":4244,"org":4245,"tags":4246,"stars":4226,"repoUrl":4227,"updatedAt":4252},"cell-selection","select rectangular cell ranges in tables","Select rectangular cell ranges with cellSelectionFeature: two-corner range state keyed by row and column id, mousedown\u002Fmouseenter handlers, selection edges, render-order resolution under pinning, and autoResetCellSelection. Load when ranges widen unexpectedly after sorting or column reordering, when a drag re-renders the whole table, or when building copy-to-clipboard from a selection.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4247,4248,4249],{"name":4220,"slug":4221,"type":15},{"name":9,"slug":8,"type":15},{"name":4250,"slug":4251,"type":15},"UI Components","ui-components","2026-07-30T05:25:38.403427",{"slug":4254,"name":4254,"fn":4255,"description":4256,"org":4257,"tags":4258,"stars":4226,"repoUrl":4227,"updatedAt":4267},"client-vs-server","manage TanStack Table data pipelines","Choose client or server ownership for filtering, grouping, sorting, expanding, and pagination in TanStack Table v9. Load for manual* flags, mixed pipelines, server counts, or deciding which dataset each row-model stage receives.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4259,4262,4263,4266],{"name":4260,"slug":4261,"type":15},"Data Pipeline","data-pipeline",{"name":4223,"slug":4224,"type":15},{"name":4264,"slug":4265,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},"2026-07-30T05:25:45.400104",{"slug":4269,"name":4269,"fn":4270,"description":4271,"org":4272,"tags":4273,"stars":4226,"repoUrl":4227,"updatedAt":4279},"column-faceting","build faceted filter UIs","Build faceted filter UIs with columnFacetingFeature, facetedRowModel, facetedUniqueValues, and facetedMinMaxValues. Load for facet counts, numeric ranges, own-filter exclusion, or server-page facet completeness.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4274,4277,4278],{"name":4275,"slug":4276,"type":15},"Data Visualization","data-visualization",{"name":4223,"slug":4224,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:41.397257",{"slug":4281,"name":4281,"fn":4282,"description":4283,"org":4284,"tags":4285,"stars":4226,"repoUrl":4227,"updatedAt":4289},"column-filtering","implement column filtering in TanStack Table","Filter columns with columnFilteringFeature, filteredRowModel, filterFns, filterMeta, nested-row direction, and manualFiltering. Load for accessor compatibility, controlled filter updaters, fuzzy metadata, or client\u002Fserver ownership.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4286,4287,4288],{"name":4220,"slug":4221,"type":15},{"name":4223,"slug":4224,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:53.391632",{"slug":4291,"name":4291,"fn":4292,"description":4293,"org":4294,"tags":4295,"stars":4226,"repoUrl":4227,"updatedAt":4299},"column-ordering","manage TanStack Table column ordering","Control TanStack Table v9 leaf columnOrder with stable IDs while accounting for pinning regions, visibility, and groupedColumnMode precedence. Load for drag-and-drop columns or rendered order that differs from state.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4296,4297,4298],{"name":4223,"slug":4224,"type":15},{"name":9,"slug":8,"type":15},{"name":4250,"slug":4251,"type":15},"2026-07-30T05:26:03.37801",{"slug":4301,"name":4301,"fn":4302,"description":4303,"org":4304,"tags":4305,"stars":4226,"repoUrl":4227,"updatedAt":4312},"column-pinning","configure column pinning in TanStack Table","Pin columns into logical start, center, and end regions with columnPinningFeature and renderer-owned sticky CSS. Load for RTL offsets, z-index, backgrounds, overflow, widths, gaps, or overlaps.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4306,4309,4310,4311],{"name":4307,"slug":4308,"type":15},"CSS","css",{"name":4223,"slug":4224,"type":15},{"name":9,"slug":8,"type":15},{"name":4250,"slug":4251,"type":15},"2026-07-30T05:25:55.377366",{"slug":4314,"name":4314,"fn":4315,"description":4316,"org":4317,"tags":4318,"stars":4226,"repoUrl":4227,"updatedAt":4322},"column-resizing","implement column resizing in TanStack Table","Wire columnResizingFeature, header.getResizeHandler, resize mode and direction, pointer or touch events, and performant CSS-variable updates. Load when resize state changes but widths do not, or large tables resize slowly.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4319,4320,4321],{"name":4223,"slug":4224,"type":15},{"name":9,"slug":8,"type":15},{"name":4250,"slug":4251,"type":15},"2026-07-30T05:25:51.400011",{"slug":4324,"name":4324,"fn":4325,"description":4326,"org":4327,"tags":4328,"stars":4226,"repoUrl":4227,"updatedAt":4333},"column-sizing","configure column sizing in TanStack Table","Use columnSizingFeature numeric size, minSize, maxSize, getSize, getStart, getAfter, and total-size APIs in table, grid, or flex CSS. Load for auto or percentage misconceptions and sizing\u002Fpinning layout mismatch.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4329,4330,4331,4332],{"name":4307,"slug":4308,"type":15},{"name":4223,"slug":4224,"type":15},{"name":9,"slug":8,"type":15},{"name":4250,"slug":4251,"type":15},"2026-07-30T05:25:48.703799",{"slug":4335,"name":4335,"fn":4336,"description":4337,"org":4338,"tags":4339,"stars":4226,"repoUrl":4227,"updatedAt":4343},"column-visibility","manage column visibility in TanStack Table","Hide columns with columnVisibilityFeature while rendering visibility-aware header, column, and cell collections. Load when hidden columns remain in the DOM, false-versus-absent state is confused, or enableHiding is misunderstood.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4340,4341,4342],{"name":4223,"slug":4224,"type":15},{"name":9,"slug":8,"type":15},{"name":4250,"slug":4251,"type":15},"2026-07-30T05:25:47.367943",{"slug":39,"name":39,"fn":4345,"description":4346,"org":4347,"tags":4348,"stars":4226,"repoUrl":4227,"updatedAt":4352},"build data grids with TanStack Table","Use TanStack Table v9 as a headless data-grid state and row-processing engine. Load for first-table architecture, stable data and columns, row numbering with getDisplayIndex, semantic rendering, framework adapter choice, or deciding what Table owns versus the renderer.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4349,4350,4351],{"name":4220,"slug":4221,"type":15},{"name":4223,"slug":4224,"type":15},{"name":4250,"slug":4251,"type":15},"2026-07-30T05:25:52.366295",125,{"items":4355,"total":269},[4356,4369,4376,4389,4400,4412],{"slug":4165,"name":4165,"fn":4357,"description":4358,"org":4359,"tags":4360,"stars":25,"repoUrl":26,"updatedAt":4368},"implement custom Markdown rendering extensions","Implement MarkdownExtension block parsers, inline and document transforms, HTML hooks, and portable ComponentNode output. Load when adding deterministic custom syntax or rendering behavior across HTML, React, and Octane.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4361,4364,4365],{"name":4362,"slug":4363,"type":15},"HTML","html",{"name":13,"slug":14,"type":15},{"name":4366,"slug":4367,"type":15},"Plugin Development","plugin-development","2026-07-26T06:08:50.353215",{"slug":4,"name":4,"fn":5,"description":6,"org":4370,"tags":4371,"stars":25,"repoUrl":26,"updatedAt":27},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4372,4373,4374,4375],{"name":20,"slug":21,"type":15},{"name":17,"slug":18,"type":15},{"name":13,"slug":14,"type":15},{"name":23,"slug":24,"type":15},{"slug":4377,"name":4377,"fn":4378,"description":4379,"org":4380,"tags":4381,"stars":25,"repoUrl":26,"updatedAt":4388},"octane-rendering","render Markdown with Octane","Render Markdown source or a MarkdownDocument with @tanstack\u002Fmarkdown\u002Foctane using Markdown, renderMarkdownOctane, ComponentBody replacements, TSRX, and octane\u002Fserver static SSR. Load for Octane descriptors, custom emitted tags, pre-parsed documents, SSR return values, or renderer parity.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4382,4383,4384,4387],{"name":4223,"slug":4224,"type":15},{"name":13,"slug":14,"type":15},{"name":4385,"slug":4386,"type":15},"SSR","ssr",{"name":9,"slug":8,"type":15},"2026-07-26T06:08:48.84431",{"slug":4148,"name":4148,"fn":4390,"description":4391,"org":4392,"tags":4393,"stars":25,"repoUrl":26,"updatedAt":4399},"audit and ship production Markdown pipelines","Audit and ship a production Markdown pipeline with explicit trust boundaries, external syntax highlighting, parse-ahead caching, compatibility checks, deterministic output, and bundle budgets. Load before deploying blogs, docs, or untrusted-content rendering.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4394,4397,4398],{"name":4395,"slug":4396,"type":15},"Deployment","deployment",{"name":13,"slug":14,"type":15},{"name":9,"slug":8,"type":15},"2026-07-26T06:08:48.34553",{"slug":4401,"name":4401,"fn":4402,"description":4403,"org":4404,"tags":4405,"stars":25,"repoUrl":26,"updatedAt":4411},"react-rendering","render Markdown in React applications","Render Markdown source or a MarkdownDocument with @tanstack\u002Fmarkdown\u002Freact using Markdown, renderMarkdownReact, component replacements, and React static SSR. Load for React article components, emitted-tag mappings, pre-parsed documents, custom elements, or renderer parity.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4406,4407,4408,4410],{"name":4223,"slug":4224,"type":15},{"name":13,"slug":14,"type":15},{"name":4409,"slug":1636,"type":15},"React",{"name":4385,"slug":4386,"type":15},"2026-07-26T06:08:52.566102",{"slug":43,"name":43,"fn":4413,"description":4414,"org":4415,"tags":4416,"stars":25,"repoUrl":26,"updatedAt":4423},"parse and render Markdown documents","Parse Markdown with parseMarkdown or parseInline, render HTML with renderHtml, renderDocument, renderBlock, or renderInline, configure frontmatter and heading IDs, and reuse the serializable MarkdownDocument AST. Load for @tanstack\u002Fmarkdown core syntax, parser options, HTML output, references, footnotes, lists, tables, or AST work.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4417,4418,4421,4422],{"name":20,"slug":21,"type":15},{"name":4419,"slug":4420,"type":15},"Documents","documents",{"name":4362,"slug":4363,"type":15},{"name":13,"slug":14,"type":15},"2026-07-26T06:08:49.328715"]