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