[{"data":1,"prerenderedAt":582},["ShallowReactive",2],{"navigation":3,"docs-/docs/components/code-collapsible":139,"surround-/docs/components/code-collapsible":579},[4],{"title":5,"path":6,"stem":7,"children":8,"page":32,"type":33},"Docs","/docs","docs",[9,34,58,83],{"title":10,"icon":11,"path":12,"stem":13,"children":14,"page":32,"type":33},"Getting Started","i-lucide-rocket","/docs/getting-started","docs/1.getting-started",[15,20,24,28],{"title":16,"path":17,"stem":18,"type":19,"children":-1},"Introduction","/docs/getting-started/introduction","docs/1.getting-started/2.introduction","page",{"title":21,"path":22,"stem":23,"type":19,"children":-1},"Installation","/docs/getting-started/installation","docs/1.getting-started/3.installation",{"title":25,"path":26,"stem":27,"type":19,"children":-1},"Configuration","/docs/getting-started/configuration","docs/1.getting-started/4.configuration",{"title":29,"path":30,"stem":31,"type":19,"children":-1},"Writing Content","/docs/getting-started/writing-content","docs/1.getting-started/5.writing-content",false,"group",{"title":35,"path":36,"stem":37,"children":38,"page":32,"type":33},"Core Concepts","/docs/concepts","docs/2.concepts",[39,44,48,53],{"title":40,"path":41,"stem":42,"icon":43,"type":19,"children":-1},"Edition","/docs/concepts/edition","docs/2.concepts/2.edition","i-lucide-pencil",{"title":25,"path":45,"stem":46,"icon":47,"type":19,"children":-1},"/docs/concepts/configuration","docs/2.concepts/3.configuration","i-lucide-settings",{"title":49,"path":50,"stem":51,"icon":52,"type":19,"children":-1},"LLMs Integration","/docs/concepts/llms","docs/2.concepts/7.llms","i-lucide-message-circle-code",{"title":54,"path":55,"stem":56,"icon":57,"type":19,"children":-1},"Nuxt","/docs/concepts/nuxt","docs/2.concepts/8.nuxt","i-simple-icons-nuxt",{"title":59,"path":60,"stem":61,"children":62,"page":32,"type":33},"Essentials","/docs/essentials","docs/3.essentials",[63,68,73,78],{"title":64,"path":65,"stem":66,"icon":67,"type":19,"children":-1},"Markdown Syntax","/docs/essentials/markdown-syntax","docs/3.essentials/1.markdown-syntax","i-lucide-heading-1",{"title":69,"path":70,"stem":71,"icon":72,"type":19,"children":-1},"Code Blocks","/docs/essentials/code-blocks","docs/3.essentials/2.code-blocks","i-lucide-code-xml",{"title":74,"path":75,"stem":76,"icon":77,"type":19,"children":-1},"Components","/docs/essentials/components","docs/3.essentials/3.components","i-lucide-component",{"title":79,"path":80,"stem":81,"icon":82,"type":19,"children":-1},"Images and Embeds","/docs/essentials/images-embeds","docs/3.essentials/4.images-embeds","i-lucide-image",{"title":74,"icon":77,"path":84,"stem":85,"children":86,"page":32,"type":33},"/docs/components","docs/4.components",[87,91,95,99,103,107,111,115,119,123,127,131,135],{"title":88,"path":89,"stem":90,"type":19,"children":-1},"Components Overview","/docs/components/overview","docs/4.components/1.overview",{"title":92,"path":93,"stem":94,"type":19,"children":-1},"CodeCollapsibleWrapper","/docs/components/code-collapsible","docs/4.components/10.code-collapsible",{"title":96,"path":97,"stem":98,"type":19,"children":-1},"CopyButton","/docs/components/copy-button","docs/4.components/11.copy-button",{"title":100,"path":101,"stem":102,"type":19,"children":-1},"ButtonA","/docs/components/button-a","docs/4.components/12.button-a",{"title":104,"path":105,"stem":106,"type":19,"children":-1},"Prose","/docs/components/prose","docs/4.components/13.prose",{"title":108,"path":109,"stem":110,"type":19,"children":-1},"Button","/docs/components/button","docs/4.components/2.button",{"title":112,"path":113,"stem":114,"type":19,"children":-1},"Separator","/docs/components/separator","docs/4.components/3.separator",{"title":116,"path":117,"stem":118,"type":19,"children":-1},"Callout","/docs/components/callout","docs/4.components/4.callout",{"title":120,"path":121,"stem":122,"type":19,"children":-1},"Steps","/docs/components/steps","docs/4.components/5.steps",{"title":124,"path":125,"stem":126,"type":19,"children":-1},"Tabs","/docs/components/tabs","docs/4.components/6.tabs",{"title":128,"path":129,"stem":130,"type":19,"children":-1},"CodeTabs","/docs/components/code-tabs","docs/4.components/7.code-tabs",{"title":132,"path":133,"stem":134,"type":19,"children":-1},"ComponentPreview","/docs/components/component-preview","docs/4.components/8.component-preview",{"title":136,"path":137,"stem":138,"type":19,"children":-1},"LinkedCard","/docs/components/linked-card","docs/4.components/9.linked-card",{"id":140,"title":92,"body":141,"description":573,"extension":574,"links":575,"meta":576,"navigation":268,"path":93,"seo":577,"sitemap":32,"stem":94,"__hash__":578},"docs/docs/4.components/10.code-collapsible.md",{"type":142,"value":143,"toc":566},"minimark",[144,148,152,157,165,435,439,442,455,458,466,470,514,518,541,545,548,562],[145,146,92],"h1",{"id":147},"codecollapsiblewrapper",[149,150,151],"p",{},"A component that wraps long code blocks with expand/collapse functionality, preventing very long code from overwhelming the page.",[153,154,156],"h2",{"id":155},"usage","Usage",[149,158,159,160,164],{},"Wrap a code block with ",[161,162,163],"code",{},"::code-collapsible-wrapper",":",[166,167,172],"pre",{"className":168,"code":169,"language":170,"meta":171,"style":171},"language-mdc shiki shiki-themes github-light-default github-dark","::code-collapsible-wrapper\n\\`\\`\\`ts\n// This is a long code example that will be collapsible\nexport function createConfiguration(options: ConfigOptions): Config {\n  const defaults = {\n    theme: 'light',\n    language: 'en',\n    features: {\n      darkMode: true,\n      animations: true,\n      accessibility: true,\n    },\n  }\n\n  return {\n    ...defaults,\n    ...options,\n    features: {\n      ...defaults.features,\n      ...options.features,\n    },\n  }\n}\n\nexport function validateConfiguration(config: Config): boolean {\n  if (!config.theme) {\n    throw new Error('Theme is required')\n  }\n  if (!config.language) {\n    throw new Error('Language is required')\n  }\n  return true\n}\n\nexport function applyConfiguration(config: Config): void {\n  validateConfiguration(config)\n  // Apply theme\n  document.documentElement.setAttribute('data-theme', config.theme)\n  // Apply language\n  document.documentElement.setAttribute('lang', config.language)\n}\n\\`\\`\\`\n::\n","mdc","",[161,173,174,187,197,203,209,215,221,227,233,239,245,251,257,263,270,276,282,288,293,299,305,310,315,321,326,332,338,344,349,355,361,366,372,377,382,388,394,400,406,412,418,423,429],{"__ignoreMap":171},[175,176,179,183],"span",{"class":177,"line":178},"line",1,[175,180,182],{"class":181},"s80WL","::",[175,184,186],{"class":185},"s5xbh","code-collapsible-wrapper\n",[175,188,190,194],{"class":177,"line":189},2,[175,191,193],{"class":192},"s1tTm","\\`\\`\\`",[175,195,196],{"class":181},"ts\n",[175,198,200],{"class":177,"line":199},3,[175,201,202],{"class":181},"// This is a long code example that will be collapsible\n",[175,204,206],{"class":177,"line":205},4,[175,207,208],{"class":181},"export function createConfiguration(options: ConfigOptions): Config {\n",[175,210,212],{"class":177,"line":211},5,[175,213,214],{"class":181},"  const defaults = {\n",[175,216,218],{"class":177,"line":217},6,[175,219,220],{"class":181},"    theme: 'light',\n",[175,222,224],{"class":177,"line":223},7,[175,225,226],{"class":181},"    language: 'en',\n",[175,228,230],{"class":177,"line":229},8,[175,231,232],{"class":181},"    features: {\n",[175,234,236],{"class":177,"line":235},9,[175,237,238],{"class":181},"      darkMode: true,\n",[175,240,242],{"class":177,"line":241},10,[175,243,244],{"class":181},"      animations: true,\n",[175,246,248],{"class":177,"line":247},11,[175,249,250],{"class":181},"      accessibility: true,\n",[175,252,254],{"class":177,"line":253},12,[175,255,256],{"class":181},"    },\n",[175,258,260],{"class":177,"line":259},13,[175,261,262],{"class":181},"  }\n",[175,264,266],{"class":177,"line":265},14,[175,267,269],{"emptyLinePlaceholder":268},true,"\n",[175,271,273],{"class":177,"line":272},15,[175,274,275],{"class":181},"  return {\n",[175,277,279],{"class":177,"line":278},16,[175,280,281],{"class":181},"    ...defaults,\n",[175,283,285],{"class":177,"line":284},17,[175,286,287],{"class":181},"    ...options,\n",[175,289,291],{"class":177,"line":290},18,[175,292,232],{"class":181},[175,294,296],{"class":177,"line":295},19,[175,297,298],{"class":181},"      ...defaults.features,\n",[175,300,302],{"class":177,"line":301},20,[175,303,304],{"class":181},"      ...options.features,\n",[175,306,308],{"class":177,"line":307},21,[175,309,256],{"class":181},[175,311,313],{"class":177,"line":312},22,[175,314,262],{"class":181},[175,316,318],{"class":177,"line":317},23,[175,319,320],{"class":181},"}\n",[175,322,324],{"class":177,"line":323},24,[175,325,269],{"emptyLinePlaceholder":268},[175,327,329],{"class":177,"line":328},25,[175,330,331],{"class":181},"export function validateConfiguration(config: Config): boolean {\n",[175,333,335],{"class":177,"line":334},26,[175,336,337],{"class":181},"  if (!config.theme) {\n",[175,339,341],{"class":177,"line":340},27,[175,342,343],{"class":181},"    throw new Error('Theme is required')\n",[175,345,347],{"class":177,"line":346},28,[175,348,262],{"class":181},[175,350,352],{"class":177,"line":351},29,[175,353,354],{"class":181},"  if (!config.language) {\n",[175,356,358],{"class":177,"line":357},30,[175,359,360],{"class":181},"    throw new Error('Language is required')\n",[175,362,364],{"class":177,"line":363},31,[175,365,262],{"class":181},[175,367,369],{"class":177,"line":368},32,[175,370,371],{"class":181},"  return true\n",[175,373,375],{"class":177,"line":374},33,[175,376,320],{"class":181},[175,378,380],{"class":177,"line":379},34,[175,381,269],{"emptyLinePlaceholder":268},[175,383,385],{"class":177,"line":384},35,[175,386,387],{"class":181},"export function applyConfiguration(config: Config): void {\n",[175,389,391],{"class":177,"line":390},36,[175,392,393],{"class":181},"  validateConfiguration(config)\n",[175,395,397],{"class":177,"line":396},37,[175,398,399],{"class":181},"  // Apply theme\n",[175,401,403],{"class":177,"line":402},38,[175,404,405],{"class":181},"  document.documentElement.setAttribute('data-theme', config.theme)\n",[175,407,409],{"class":177,"line":408},39,[175,410,411],{"class":181},"  // Apply language\n",[175,413,415],{"class":177,"line":414},40,[175,416,417],{"class":181},"  document.documentElement.setAttribute('lang', config.language)\n",[175,419,421],{"class":177,"line":420},41,[175,422,320],{"class":181},[175,424,426],{"class":177,"line":425},42,[175,427,428],{"class":192},"\\`\\`\\`\n",[175,430,432],{"class":177,"line":431},43,[175,433,434],{"class":181},"::\n",[153,436,438],{"id":437},"behavior","Behavior",[149,440,441],{},"When collapsed:",[443,444,445,449,452],"ul",{},[446,447,448],"li",{},"Shows only the first portion of the code (approximately 16rem height)",[446,450,451],{},"Displays a gradient fade at the bottom",[446,453,454],{},"Shows an \"Expand\" button",[149,456,457],{},"When expanded:",[443,459,460,463],{},[446,461,462],{},"Shows the full code block",[446,464,465],{},"Shows a \"Collapse\" button",[153,467,469],{"id":468},"props","Props",[471,472,473,492],"table",{},[474,475,476],"thead",{},[477,478,479,483,486,489],"tr",{},[480,481,482],"th",{},"Prop",[480,484,485],{},"Type",[480,487,488],{},"Default",[480,490,491],{},"Description",[493,494,495],"tbody",{},[477,496,497,503,508,511],{},[498,499,500],"td",{},[161,501,502],{},"class",[498,504,505],{},[161,506,507],{},"string",[498,509,510],{},"-",[498,512,513],{},"Additional CSS classes",[153,515,517],{"id":516},"slots","Slots",[471,519,520,529],{},[474,521,522],{},[477,523,524,527],{},[480,525,526],{},"Slot",[480,528,491],{},[493,530,531],{},[477,532,533,538],{},[498,534,535],{},[161,536,537],{},"default",[498,539,540],{},"Code block content (typically a fenced code block)",[153,542,544],{"id":543},"styling","Styling",[149,546,547],{},"The component includes:",[443,549,550,553,556,559],{},[446,551,552],{},"Smooth expand/collapse animation",[446,554,555],{},"Gradient fade effect when collapsed",[446,557,558],{},"Button positioned in the overlay",[446,560,561],{},"Separator between trigger and content",[563,564,565],"style",{},"html pre.shiki code .s80WL, html code.shiki .s80WL{--shiki-light:#1F2328;--shiki-dark:#E1E4E8}html pre.shiki code .s5xbh, html code.shiki .s5xbh{--shiki-light:#116329;--shiki-dark:#85E89D}html pre.shiki code .s1tTm, html code.shiki .s1tTm{--shiki-light:#CF222E;--shiki-dark:#79B8FF}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 .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);}",{"title":171,"searchDepth":189,"depth":189,"links":567},[568,569,570,571,572],{"id":155,"depth":189,"text":156},{"id":437,"depth":189,"text":438},{"id":468,"depth":189,"text":469},{"id":516,"depth":189,"text":517},{"id":543,"depth":189,"text":544},"Collapsible wrapper for long code blocks","md",null,{},{"title":92,"description":573},"U7qVhBYIJItqHMYA_awlP6HdTgAWuqCMSRIius_dyPE",[580,581],{"title":88,"path":89,"stem":90,"children":-1},{"title":96,"path":97,"stem":98,"children":-1},1779983427099]