[{"data":1,"prerenderedAt":2421},["ShallowReactive",2],{"navigation_en":3,"-docs-theme-elements-code":682,"-docs-theme-elements-code-surround":2416},{"gettingStarted":4,"api":71,"theme":162},[5,36,51],{"title":6,"icon":7,"path":8,"stem":9,"children":10,"page":7},"Getting Started",false,"\u002Fdocs\u002Fgetting-started","docs\u002Fgetting-started",[11,16,21,26,31],{"title":12,"path":13,"stem":14,"icon":15},"Introduction","\u002Fdocs\u002Fgetting-started\u002Fintroduction","docs\u002Fgetting-started\u002F01.introduction","i-lucide-house",{"title":17,"path":18,"stem":19,"icon":20},"Installation","\u002Fdocs\u002Fgetting-started\u002Finstallation","docs\u002Fgetting-started\u002F02.installation","i-lucide-download",{"title":22,"path":23,"stem":24,"icon":25},"Guides","\u002Fdocs\u002Fgetting-started\u002Fguides","docs\u002Fgetting-started\u002F03.guides","i-lucide-book-open",{"title":27,"path":28,"stem":29,"icon":30},"Comparisons","\u002Fdocs\u002Fgetting-started\u002Fcomparisons","docs\u002Fgetting-started\u002F06.comparisons","i-lucide-file-diff",{"title":32,"path":33,"stem":34,"icon":35},"Licensing","\u002Fdocs\u002Fgetting-started\u002Flicensing","docs\u002Fgetting-started\u002F07.licensing","i-lucide-scale",{"title":37,"icon":7,"path":38,"stem":39,"children":40,"page":7},"Tooling","\u002Fdocs\u002Fgetting-started\u002Ftooling","docs\u002Fgetting-started\u002Ftooling",[41,46],{"title":42,"path":43,"stem":44,"icon":45},"CLI Reference","\u002Fdocs\u002Fgetting-started\u002Ftooling\u002Fcli","docs\u002Fgetting-started\u002Ftooling\u002F01.cli","i-lucide-square-terminal",{"title":47,"path":48,"stem":49,"icon":50},"Utility Scanner","\u002Fdocs\u002Fgetting-started\u002Ftooling\u002Fscanner","docs\u002Fgetting-started\u002Ftooling\u002F02.scanner","i-lucide-view",{"title":52,"icon":7,"path":53,"stem":54,"children":55,"page":7},"Integrations","\u002Fdocs\u002Fgetting-started\u002Fintegrations","docs\u002Fgetting-started\u002Fintegrations",[56,61,66],{"title":57,"path":58,"stem":59,"icon":60},"DTCG","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Fdtcg","docs\u002Fgetting-started\u002Fintegrations\u002F01.dtcg","i-lucide-square-code",{"title":62,"path":63,"stem":64,"icon":65},"Figma Plugin","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Ffigma-plugin","docs\u002Fgetting-started\u002Fintegrations\u002F02.figma-plugin","i-simple-icons-figma",{"title":67,"path":68,"stem":69,"icon":70},"Storybook","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Fstorybook","docs\u002Fgetting-started\u002Fintegrations\u002F03.storybook","i-simple-icons-storybook",[72],{"title":73,"path":74,"stem":75,"children":76,"icon":7},"API Reference","\u002Fdocs\u002Fapi","docs\u002Fapi\u002F00.index",[77,80,85,90,95,100,105,110,115,120,125,130,145,150,155,160],{"title":78,"path":74,"stem":75,"icon":79},"Overview","i-lucide-book-text",{"title":81,"path":82,"stem":83,"icon":84},"Instance","\u002Fdocs\u002Fapi\u002Finstance","docs\u002Fapi\u002F01.instance","i-lucide-cloud-lightning",{"title":86,"path":87,"stem":88,"icon":89},"Variables","\u002Fdocs\u002Fapi\u002Fvariables","docs\u002Fapi\u002F02.variables","i-lucide-variable",{"title":91,"path":92,"stem":93,"icon":94},"Selectors","\u002Fdocs\u002Fapi\u002Fselectors","docs\u002Fapi\u002F03.selectors","i-lucide-scan-text",{"title":96,"path":97,"stem":98,"icon":99},"At-Rules","\u002Fdocs\u002Fapi\u002Fat-rules","docs\u002Fapi\u002F04.at-rules","i-lucide-at-sign",{"title":101,"path":102,"stem":103,"icon":104},"Media Queries","\u002Fdocs\u002Fapi\u002Fmedia-queries","docs\u002Fapi\u002F05.media-queries","i-lucide-image-upscale",{"title":106,"path":107,"stem":108,"icon":109},"Keyframes","\u002Fdocs\u002Fapi\u002Fkeyframes","docs\u002Fapi\u002F06.keyframes","i-lucide-square-play",{"title":111,"path":112,"stem":113,"icon":114},"Interpolation","\u002Fdocs\u002Fapi\u002Finterpolation","docs\u002Fapi\u002F07.interpolation","i-lucide-wrap-text",{"title":116,"path":117,"stem":118,"icon":119},"Utilities","\u002Fdocs\u002Fapi\u002Futilities","docs\u002Fapi\u002F08.utilities","i-lucide-sparkles",{"title":121,"path":122,"stem":123,"icon":124},"Utility Modifiers","\u002Fdocs\u002Fapi\u002Futility-modifiers","docs\u002Fapi\u002F09.utility-modifiers","i-lucide-align-horizontal-justify-center",{"title":126,"path":127,"stem":128,"icon":129},"Themes","\u002Fdocs\u002Fapi\u002Fthemes","docs\u002Fapi\u002F10.themes","i-lucide-paintbrush",{"title":131,"path":132,"stem":133,"children":134,"icon":144},"Recipes","\u002Fdocs\u002Fapi\u002Frecipes","docs\u002Fapi\u002F11.recipes\u002F00.index",[135,136,140],{"title":78,"path":132,"stem":133},{"title":137,"path":138,"stem":139},"Runtime","\u002Fdocs\u002Fapi\u002Frecipes\u002Fruntime","docs\u002Fapi\u002F11.recipes\u002F01.runtime",{"title":141,"path":142,"stem":143},"Output Format","\u002Fdocs\u002Fapi\u002Frecipes\u002Foutput-format","docs\u002Fapi\u002F11.recipes\u002F02.output-format","i-lucide-chef-hat",{"title":146,"path":147,"stem":148,"icon":149},"Composables","\u002Fdocs\u002Fapi\u002Fcomposables","docs\u002Fapi\u002F12.composables","i-lucide-component",{"title":151,"path":152,"stem":153,"icon":154},"Imports","\u002Fdocs\u002Fapi\u002Fimports","docs\u002Fapi\u002F13.imports","i-lucide-file-input",{"title":156,"path":157,"stem":158,"icon":159},"Merging","\u002Fdocs\u002Fapi\u002Fmerging","docs\u002Fapi\u002F13.merging","i-lucide-squares-intersect",{"title":151,"path":152,"stem":161,"icon":154},"docs\u002Fapi\u002F14.imports",[163,243,357,558,635],{"title":164,"path":165,"stem":166,"children":167,"icon":7},"Design Tokens","\u002Fdocs\u002Ftheme\u002Fdesign-tokens","docs\u002Ftheme\u002Fdesign-tokens\u002F00.index",[168,169,174,179,184,189,194,199,204,209,224,228,233,238],{"title":78,"path":165,"stem":166,"icon":79},{"title":170,"path":171,"stem":172,"icon":173},"Preset","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fpreset","docs\u002Ftheme\u002Fdesign-tokens\u002F01.preset","i-lucide-package",{"title":175,"path":176,"stem":177,"icon":178},"Border Radiuses","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fborder-radiuses","docs\u002Ftheme\u002Fdesign-tokens\u002F02.border-radiuses","i-lucide-square-round-corner",{"title":180,"path":181,"stem":182,"icon":183},"Borders","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fborders","docs\u002Ftheme\u002Fdesign-tokens\u002F03.borders","i-lucide-square-dashed-top-solid",{"title":185,"path":186,"stem":187,"icon":188},"Box Shadows","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fbox-shadows","docs\u002Ftheme\u002Fdesign-tokens\u002F04.box-shadows","i-lucide-layers-2",{"title":190,"path":191,"stem":192,"icon":193},"Breakpoints","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fbreakpoints","docs\u002Ftheme\u002Fdesign-tokens\u002F05.breakpoints","i-lucide-monitor-smartphone",{"title":195,"path":196,"stem":197,"icon":198},"Colors","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fcolors","docs\u002Ftheme\u002Fdesign-tokens\u002F06.colors","i-lucide-palette",{"title":200,"path":201,"stem":202,"icon":203},"Duration","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fduration","docs\u002Ftheme\u002Fdesign-tokens\u002F07.duration","i-lucide-timer",{"title":205,"path":206,"stem":207,"icon":208},"Easing","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Feasing","docs\u002Ftheme\u002Fdesign-tokens\u002F08.easing","i-lucide-spline",{"title":210,"path":211,"stem":212,"children":213,"icon":104,"defaultOpen":223},"Fluid Design","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Ffluid-design","docs\u002Ftheme\u002Fdesign-tokens\u002F09.fluid-design\u002F01.index",[214,215,219],{"title":78,"path":211,"stem":212},{"title":216,"path":217,"stem":218},"Fluid Viewport","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Ffluid-design\u002Fviewport","docs\u002Ftheme\u002Fdesign-tokens\u002F09.fluid-design\u002F02.viewport",{"title":220,"path":221,"stem":222},"Fluid Typography","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Ffluid-design\u002Ftypography","docs\u002Ftheme\u002Fdesign-tokens\u002F09.fluid-design\u002F03.typography",true,{"title":225,"path":226,"stem":227,"icon":35},"Scales","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fscales","docs\u002Ftheme\u002Fdesign-tokens\u002F10.scales",{"title":229,"path":230,"stem":231,"icon":232},"Spacing","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fspacing","docs\u002Ftheme\u002Fdesign-tokens\u002F11.spacing","i-lucide-move-horizontal",{"title":234,"path":235,"stem":236,"icon":237},"Typography","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Ftypography","docs\u002Ftheme\u002Fdesign-tokens\u002F12.typography","i-lucide-type",{"title":239,"path":240,"stem":241,"icon":242},"Z-Index","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fz-index","docs\u002Ftheme\u002Fdesign-tokens\u002F13.z-index","i-lucide-layers",{"title":244,"path":245,"stem":246,"children":247,"icon":7},"Elements","\u002Fdocs\u002Ftheme\u002Felements","docs\u002Ftheme\u002Felements\u002F00.index",[248,249,252,259,281,301,313,329,341],{"title":78,"path":245,"stem":246,"icon":79},{"title":170,"path":250,"stem":251,"icon":173},"\u002Fdocs\u002Ftheme\u002Felements\u002Fpreset","docs\u002Ftheme\u002Felements\u002F01.preset",{"title":253,"icon":242,"defaultOpen":223,"page":7,"children":254},"Base",[255],{"title":256,"path":257,"stem":258,"icon":7},"Body","\u002Fdocs\u002Ftheme\u002Felements\u002Fbody","docs\u002Ftheme\u002Felements\u002F02.base\u002F00.body",{"title":234,"icon":237,"defaultOpen":223,"page":7,"children":260},[261,265,269,273,277],{"title":262,"path":263,"stem":264,"icon":7},"Headings","\u002Fdocs\u002Ftheme\u002Felements\u002Fheadings","docs\u002Ftheme\u002Felements\u002F03.typography\u002F01.headings",{"title":266,"path":267,"stem":268,"icon":7},"Paragraphs","\u002Fdocs\u002Ftheme\u002Felements\u002Fparagraphs","docs\u002Ftheme\u002Felements\u002F03.typography\u002F02.paragraphs",{"title":270,"path":271,"stem":272,"icon":7},"Links","\u002Fdocs\u002Ftheme\u002Felements\u002Flinks","docs\u002Ftheme\u002Felements\u002F03.typography\u002F03.links",{"title":274,"path":275,"stem":276,"icon":7},"Lists","\u002Fdocs\u002Ftheme\u002Felements\u002Flists","docs\u002Ftheme\u002Felements\u002F03.typography\u002F04.lists",{"title":278,"path":279,"stem":280,"icon":7},"Definition Lists","\u002Fdocs\u002Ftheme\u002Felements\u002Fdefinition-lists","docs\u002Ftheme\u002Felements\u002F03.typography\u002F05.definition-lists",{"title":282,"icon":283,"defaultOpen":223,"page":7,"children":284},"Inline Text","i-lucide-whole-word",[285,289,293,297],{"title":286,"path":287,"stem":288,"icon":7},"Abbreviation","\u002Fdocs\u002Ftheme\u002Felements\u002Fabbreviation","docs\u002Ftheme\u002Felements\u002F04.inline-text\u002F00.abbreviation",{"title":290,"path":291,"stem":292,"icon":7},"Code","\u002Fdocs\u002Ftheme\u002Felements\u002Fcode","docs\u002Ftheme\u002Felements\u002F04.inline-text\u002F01.code",{"title":294,"path":295,"stem":296,"icon":7},"Kbd","\u002Fdocs\u002Ftheme\u002Felements\u002Fkbd","docs\u002Ftheme\u002Felements\u002F04.inline-text\u002F02.kbd",{"title":298,"path":299,"stem":300,"icon":7},"Mark","\u002Fdocs\u002Ftheme\u002Felements\u002Fmark","docs\u002Ftheme\u002Felements\u002F04.inline-text\u002F03.mark",{"title":302,"icon":303,"defaultOpen":223,"page":7,"children":304},"Media & Embeds","i-lucide-image",[305,309],{"title":306,"path":307,"stem":308,"icon":7},"Image","\u002Fdocs\u002Ftheme\u002Felements\u002Fimage","docs\u002Ftheme\u002Felements\u002F05.media\u002F00.image",{"title":310,"path":311,"stem":312,"icon":7},"Iframe","\u002Fdocs\u002Ftheme\u002Felements\u002Fiframe","docs\u002Ftheme\u002Felements\u002F05.media\u002F01.iframe",{"title":314,"icon":315,"defaultOpen":223,"page":7,"children":316},"Forms & Tables","i-lucide-table",[317,321,325],{"title":318,"path":319,"stem":320,"icon":7},"Caption","\u002Fdocs\u002Ftheme\u002Felements\u002Fcaption","docs\u002Ftheme\u002Felements\u002F06.forms-tables\u002F00.caption",{"title":322,"path":323,"stem":324,"icon":7},"Legend","\u002Fdocs\u002Ftheme\u002Felements\u002Flegend","docs\u002Ftheme\u002Felements\u002F06.forms-tables\u002F01.legend",{"title":326,"path":327,"stem":328,"icon":7},"Output","\u002Fdocs\u002Ftheme\u002Felements\u002Foutput","docs\u002Ftheme\u002Felements\u002F06.forms-tables\u002F02.output",{"title":330,"icon":331,"defaultOpen":223,"page":7,"children":332},"Structure","i-lucide-separator-horizontal",[333,337],{"title":334,"path":335,"stem":336,"icon":7},"Address","\u002Fdocs\u002Ftheme\u002Felements\u002Faddress","docs\u002Ftheme\u002Felements\u002F07.structure\u002F00.address",{"title":338,"path":339,"stem":340,"icon":7},"Horizontal Rule","\u002Fdocs\u002Ftheme\u002Felements\u002Fhorizontal-rule","docs\u002Ftheme\u002Felements\u002F07.structure\u002F01.horizontal-rule",{"title":342,"icon":343,"defaultOpen":223,"page":7,"children":344},"States","i-lucide-mouse-pointer-click",[345,349,353],{"title":346,"path":347,"stem":348,"icon":7},"Focus","\u002Fdocs\u002Ftheme\u002Felements\u002Ffocus","docs\u002Ftheme\u002Felements\u002F08.states\u002F00.focus",{"title":350,"path":351,"stem":352,"icon":7},"Selection","\u002Fdocs\u002Ftheme\u002Felements\u002Fselection","docs\u002Ftheme\u002Felements\u002F08.states\u002F01.selection",{"title":354,"path":355,"stem":356,"icon":7},"Summary","\u002Fdocs\u002Ftheme\u002Felements\u002Fsummary","docs\u002Ftheme\u002Felements\u002F08.states\u002F02.summary",{"title":358,"path":359,"stem":360,"children":361,"icon":7},"Components","\u002Fdocs\u002Ftheme\u002Fcomponents","docs\u002Ftheme\u002Fcomponents\u002F00.index",[362,363,375,399,427,491,518,550],{"title":78,"path":359,"stem":360,"icon":79},{"title":364,"icon":365,"defaultOpen":223,"page":7,"children":366},"Actions","i-lucide-square-mouse-pointer",[367,371],{"title":368,"path":369,"stem":370,"icon":7},"Button","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fbutton","docs\u002Ftheme\u002Fcomponents\u002F02.actions\u002F00.button",{"title":372,"path":373,"stem":374,"icon":7},"Hamburger Menu","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fhamburger-menu","docs\u002Ftheme\u002Fcomponents\u002F02.actions\u002F01.hamburger-menu",{"title":376,"icon":377,"defaultOpen":223,"page":7,"children":378},"Navigation","i-lucide-navigation",[379,383,387,391,395],{"title":380,"path":381,"stem":382,"icon":7},"Breadcrumb","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fbreadcrumb","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F00.breadcrumb",{"title":384,"path":385,"stem":386,"icon":7},"Nav","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fnav","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F01.nav",{"title":388,"path":389,"stem":390,"icon":7},"Pagination","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fpagination","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F02.pagination",{"title":392,"path":393,"stem":394,"icon":7},"Sidebar","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fsidebar","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F03.sidebar",{"title":396,"path":397,"stem":398,"icon":7},"Tabs","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftabs","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F04.tabs",{"title":400,"icon":401,"defaultOpen":223,"page":7,"children":402},"Feedback","i-lucide-megaphone",[403,407,411,415,419,423],{"title":404,"path":405,"stem":406,"icon":7},"Badge","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fbadge","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F00.badge",{"title":408,"path":409,"stem":410,"icon":7},"Callout","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcallout","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F01.callout",{"title":412,"path":413,"stem":414,"icon":7},"Chip","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fchip","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F02.chip",{"title":416,"path":417,"stem":418,"icon":7},"Progress","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fprogress","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F03.progress",{"title":420,"path":421,"stem":422,"icon":7},"Skeleton","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fskeleton","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F04.skeleton",{"title":424,"path":425,"stem":426,"icon":7},"Spinner","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fspinner","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F05.spinner",{"title":428,"icon":429,"defaultOpen":223,"page":7,"children":430},"Forms","i-lucide-text-cursor-input",[431,435,439,443,447,451,455,459,463,467,471,475,479,483,487],{"title":432,"path":433,"stem":434,"icon":7},"Calendar","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcalendar","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F00.calendar",{"title":436,"path":437,"stem":438,"icon":7},"Checkbox","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcheckbox","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F01.checkbox",{"title":440,"path":441,"stem":442,"icon":7},"Checkbox Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcheckbox-group","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F02.checkbox-group",{"title":444,"path":445,"stem":446,"icon":7},"Color Picker","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcolor-picker","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F03.color-picker",{"title":448,"path":449,"stem":450,"icon":7},"Field Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ffield-group","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F04.field-group",{"title":452,"path":453,"stem":454,"icon":7},"Input","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Finput","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F05.input",{"title":456,"path":457,"stem":458,"icon":7},"OTP","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fotp","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F06.otp",{"title":460,"path":461,"stem":462,"icon":7},"Radio","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fradio","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F07.radio",{"title":464,"path":465,"stem":466,"icon":7},"Radio Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fradio-group","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F08.radio-group",{"title":468,"path":469,"stem":470,"icon":7},"Select","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fselect","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F09.select",{"title":472,"path":473,"stem":474,"icon":7},"Slider","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fslider","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F10.slider",{"title":476,"path":477,"stem":478,"icon":7},"Switch","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fswitch","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F11.switch",{"title":480,"path":481,"stem":482,"icon":7},"Textarea","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftextarea","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F12.textarea",{"title":484,"path":485,"stem":486,"icon":7},"Toggle","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftoggle","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F13.toggle",{"title":488,"path":489,"stem":490,"icon":7},"Toggle Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftoggle-group","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F14.toggle-group",{"title":492,"icon":242,"defaultOpen":223,"page":7,"children":493},"Overlays",[494,498,502,506,510,514],{"title":495,"path":496,"stem":497,"icon":7},"ContextMenu","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcontext-menu","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F00.context-menu",{"title":499,"path":500,"stem":501,"icon":7},"Drawer","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fdrawer","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F01.drawer",{"title":503,"path":504,"stem":505,"icon":7},"Dropdown","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fdropdown","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F02.dropdown",{"title":507,"path":508,"stem":509,"icon":7},"Modal","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fmodal","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F03.modal",{"title":511,"path":512,"stem":513,"icon":7},"Popover","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fpopover","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F04.popover",{"title":515,"path":516,"stem":517,"icon":7},"Tooltip","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftooltip","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F05.tooltip",{"title":519,"icon":520,"defaultOpen":223,"page":7,"children":521},"Layout","i-lucide-layout",[522,526,530,534,538,542,546],{"title":523,"path":524,"stem":525,"icon":7},"Accordion","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Faccordion","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F00.accordion",{"title":527,"path":528,"stem":529,"icon":7},"Avatar","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Favatar","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F01.avatar",{"title":531,"path":532,"stem":533,"icon":7},"Avatar Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Favatar-group","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F02.avatar-group",{"title":535,"path":536,"stem":537,"icon":7},"Card","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcard","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F03.card",{"title":539,"path":540,"stem":541,"icon":7},"Media","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fmedia","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F04.media",{"title":543,"path":544,"stem":545,"icon":7},"PageHero","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fpage-hero","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F05.page-hero",{"title":547,"path":548,"stem":549,"icon":7},"Placeholder","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fplaceholder","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F06.placeholder",{"title":551,"icon":552,"defaultOpen":223,"page":7,"children":553},"AI Chat","i-lucide-message-circle",[554],{"title":555,"path":556,"stem":557,"icon":7},"ChatMessage","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fchat-message","docs\u002Ftheme\u002Fcomponents\u002F08.ai-chat\u002F00.chat-message",{"title":116,"path":559,"stem":560,"children":561,"icon":7},"\u002Fdocs\u002Ftheme\u002Futilities","docs\u002Ftheme\u002Futilities\u002F00.index",[562,563,567,572,577,581,584,588,593,598,602,605,610,613,618,622,627,632],{"title":78,"path":559,"stem":560,"icon":79},{"title":564,"path":565,"stem":566,"icon":173},"Presets","\u002Fdocs\u002Ftheme\u002Futilities\u002Fpreset","docs\u002Ftheme\u002Futilities\u002F01.preset",{"title":568,"path":569,"stem":570,"icon":571},"Accessibility","\u002Fdocs\u002Ftheme\u002Futilities\u002Faccessibility","docs\u002Ftheme\u002Futilities\u002F02.accessibility","i-lucide-accessibility",{"title":573,"path":574,"stem":575,"icon":576},"Animations","\u002Fdocs\u002Ftheme\u002Futilities\u002Fanimations","docs\u002Ftheme\u002Futilities\u002F03.animations","i-lucide-loader-circle",{"title":578,"path":579,"stem":580,"icon":303},"Backgrounds","\u002Fdocs\u002Ftheme\u002Futilities\u002Fbackgrounds","docs\u002Ftheme\u002Futilities\u002F04.backgrounds",{"title":180,"path":582,"stem":583,"icon":183},"\u002Fdocs\u002Ftheme\u002Futilities\u002Fborders","docs\u002Ftheme\u002Futilities\u002F05.borders",{"title":585,"path":586,"stem":587,"icon":119},"Effects","\u002Fdocs\u002Ftheme\u002Futilities\u002Feffects","docs\u002Ftheme\u002Futilities\u002F06.effects",{"title":589,"path":590,"stem":591,"icon":592},"Filters","\u002Fdocs\u002Ftheme\u002Futilities\u002Ffilters","docs\u002Ftheme\u002Futilities\u002F07.filters","i-lucide-aperture",{"title":594,"path":595,"stem":596,"icon":597},"Flexbox & Grid","\u002Fdocs\u002Ftheme\u002Futilities\u002Fflexbox-grid","docs\u002Ftheme\u002Futilities\u002F08.flexbox-grid","i-lucide-layout-grid",{"title":599,"path":600,"stem":601,"icon":343},"Interactivity","\u002Fdocs\u002Ftheme\u002Futilities\u002Finteractivity","docs\u002Ftheme\u002Futilities\u002F09.interactivity",{"title":519,"path":603,"stem":604,"icon":520},"\u002Fdocs\u002Ftheme\u002Futilities\u002Flayout","docs\u002Ftheme\u002Futilities\u002F10.layout",{"title":606,"path":607,"stem":608,"icon":609},"Sizing","\u002Fdocs\u002Ftheme\u002Futilities\u002Fsizing","docs\u002Ftheme\u002Futilities\u002F11.sizing","i-lucide-scaling",{"title":229,"path":611,"stem":612,"icon":232},"\u002Fdocs\u002Ftheme\u002Futilities\u002Fspacing","docs\u002Ftheme\u002Futilities\u002F12.spacing",{"title":614,"path":615,"stem":616,"icon":617},"SVG","\u002Fdocs\u002Ftheme\u002Futilities\u002Fsvg","docs\u002Ftheme\u002Futilities\u002F13.svg","i-lucide-pen-tool",{"title":619,"path":620,"stem":621,"icon":315},"Tables","\u002Fdocs\u002Ftheme\u002Futilities\u002Ftables","docs\u002Ftheme\u002Futilities\u002F14.tables",{"title":623,"path":624,"stem":625,"icon":626},"Transforms","\u002Fdocs\u002Ftheme\u002Futilities\u002Ftransforms","docs\u002Ftheme\u002Futilities\u002F15.transforms","i-lucide-rotate-3d",{"title":628,"path":629,"stem":630,"icon":631},"Transitions","\u002Fdocs\u002Ftheme\u002Futilities\u002Ftransitions","docs\u002Ftheme\u002Futilities\u002F16.transitions","i-lucide-arrow-left-right",{"title":234,"path":633,"stem":634,"icon":237},"\u002Fdocs\u002Ftheme\u002Futilities\u002Ftypography","docs\u002Ftheme\u002Futilities\u002F17.typography",{"title":636,"path":637,"stem":638,"children":639,"icon":7},"Modifiers","\u002Fdocs\u002Ftheme\u002Fmodifiers","docs\u002Ftheme\u002Fmodifiers\u002F00.index",[640,641,644,648,653,657,662,667,672,677],{"title":78,"path":637,"stem":638,"icon":79},{"title":564,"path":642,"stem":643,"icon":173},"\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fpreset","docs\u002Ftheme\u002Fmodifiers\u002F01.preset",{"title":645,"path":646,"stem":647,"icon":571},"ARIA State","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Faria-state","docs\u002Ftheme\u002Fmodifiers\u002F02.aria-state",{"title":649,"path":650,"stem":651,"icon":652},"Directional","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fdirectional","docs\u002Ftheme\u002Fmodifiers\u002F03.directional","i-lucide-flip-horizontal",{"title":654,"path":655,"stem":656,"icon":429},"Form State","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fform-state","docs\u002Ftheme\u002Fmodifiers\u002F04.form-state",{"title":658,"path":659,"stem":660,"icon":661},"Media & Preferences","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fmedia-preferences","docs\u002Ftheme\u002Fmodifiers\u002F05.media-preferences","i-lucide-sun-moon",{"title":663,"path":664,"stem":665,"icon":666},"Other State","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fother-state","docs\u002Ftheme\u002Fmodifiers\u002F06.other-state","i-lucide-toggle-left",{"title":668,"path":669,"stem":670,"icon":671},"Pseudo-Elements","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fpseudo-elements","docs\u002Ftheme\u002Fmodifiers\u002F07.pseudo-elements","i-lucide-box-select",{"title":673,"path":674,"stem":675,"icon":676},"Pseudo-State","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fpseudo-state","docs\u002Ftheme\u002Fmodifiers\u002F08.pseudo-state","i-lucide-pointer",{"title":678,"path":679,"stem":680,"icon":681},"Structural","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fstructural","docs\u002Ftheme\u002Fmodifiers\u002F09.structural","i-lucide-list-ordered",{"id":683,"title":684,"body":685,"description":2409,"extension":2410,"links":2411,"meta":2412,"navigation":2413,"path":291,"seo":2414,"stem":292,"__hash__":2415},"docs_theme\u002Fdocs\u002Ftheme\u002Felements\u002F04.inline-text\u002F01.code.md","Code Element",{"type":686,"value":687,"toc":2398},"minimark",[688,720,724,743,748,753,825,1077,1082,1150,1155,1201,1537,1540,1615,1636,1640,2341,2345,2394],[689,690,691,695,696,700,701,704,705,709,710,713,714,700,716,719],"note",{"icon":173},[692,693,694],"strong",{},"Part of the Global Preset:"," ",[697,698,699],"code",{},"useCodeElement"," and ",[697,702,703],{},"usePreElement"," are included in the ",[706,707,708],"a",{"href":250},"Global Preset"," (",[697,711,712],{},"useGlobalPreset",") and you can configure them through the preset's ",[697,715,697],{},[697,717,718],{},"pre"," options. For most projects, applying them via the preset is the recommended approach.",[721,722,78],"h2",{"id":723},"overview",[725,726,727,728,730,731,700,733,736,737,739,740,742],"p",{},"The code composables style inline code snippets and preformatted text blocks. The ",[697,729,699],{}," composable targets ",[697,732,697],{},[697,734,735],{},"samp"," elements, while ",[697,738,703],{}," configures ",[697,741,718],{}," blocks with scroll overflow and nested code resets.",[744,745],"story-preview",{":panel":746,"story":747},"true","theme-elements-code--default",[721,749,751],{"id":750},"usecodeelement",[697,752,699],{},[718,754,759],{"className":755,"code":756,"language":757,"meta":758,"style":758},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useCodeElement(\n    s: Styleframe,\n    options?: WithThemes\u003CCodeElementConfig>\n): CodeElementResult\n","ts","",[697,760,761,778,795,816],{"__ignoreMap":758},[762,763,766,770,774],"span",{"class":764,"line":765},"line",1,[762,767,769],{"class":768},"spNyl","function",[762,771,773],{"class":772},"s2Zo4"," useCodeElement",[762,775,777],{"class":776},"sMK4o","(\n",[762,779,781,785,788,792],{"class":764,"line":780},2,[762,782,784],{"class":783},"sHdIc","    s",[762,786,787],{"class":776},":",[762,789,791],{"class":790},"sBMFI"," Styleframe",[762,793,794],{"class":776},",\n",[762,796,798,801,804,807,810,813],{"class":764,"line":797},3,[762,799,800],{"class":783},"    options",[762,802,803],{"class":776},"?:",[762,805,806],{"class":790}," WithThemes",[762,808,809],{"class":776},"\u003C",[762,811,812],{"class":790},"CodeElementConfig",[762,814,815],{"class":776},">\n",[762,817,819,822],{"class":764,"line":818},4,[762,820,821],{"class":776},"):",[762,823,824],{"class":790}," CodeElementResult\n",[826,827,828,967],"tabs",{},[829,830,832],"tabs-item",{"icon":831,"label":290},"i-lucide-code",[718,833,836],{"className":755,"code":834,"filename":835,"language":757,"meta":758,"style":758},"import { styleframe } from 'styleframe';\nimport { useCodeElement } from '@styleframe\u002Ftheme';\n\nconst s = styleframe();\n\nconst { codeFontFamily, codeFontSize } = useCodeElement(s);\n\nexport default s;\n","styleframe.config.ts",[697,837,838,870,891,896,914,919,948,953],{"__ignoreMap":758},[762,839,840,844,847,851,854,857,860,864,867],{"class":764,"line":765},[762,841,843],{"class":842},"s7zQu","import",[762,845,846],{"class":776}," {",[762,848,850],{"class":849},"sTEyZ"," styleframe",[762,852,853],{"class":776}," }",[762,855,856],{"class":842}," from",[762,858,859],{"class":776}," '",[762,861,863],{"class":862},"sfazB","styleframe",[762,865,866],{"class":776},"'",[762,868,869],{"class":776},";\n",[762,871,872,874,876,878,880,882,884,887,889],{"class":764,"line":780},[762,873,843],{"class":842},[762,875,846],{"class":776},[762,877,773],{"class":849},[762,879,853],{"class":776},[762,881,856],{"class":842},[762,883,859],{"class":776},[762,885,886],{"class":862},"@styleframe\u002Ftheme",[762,888,866],{"class":776},[762,890,869],{"class":776},[762,892,893],{"class":764,"line":797},[762,894,895],{"emptyLinePlaceholder":223},"\n",[762,897,898,901,904,907,909,912],{"class":764,"line":818},[762,899,900],{"class":768},"const",[762,902,903],{"class":849}," s ",[762,905,906],{"class":776},"=",[762,908,850],{"class":772},[762,910,911],{"class":849},"()",[762,913,869],{"class":776},[762,915,917],{"class":764,"line":916},5,[762,918,895],{"emptyLinePlaceholder":223},[762,920,922,924,926,929,932,935,938,941,943,946],{"class":764,"line":921},6,[762,923,900],{"class":768},[762,925,846],{"class":776},[762,927,928],{"class":849}," codeFontFamily",[762,930,931],{"class":776},",",[762,933,934],{"class":849}," codeFontSize ",[762,936,937],{"class":776},"}",[762,939,940],{"class":776}," =",[762,942,773],{"class":772},[762,944,945],{"class":849},"(s)",[762,947,869],{"class":776},[762,949,951],{"class":764,"line":950},7,[762,952,895],{"emptyLinePlaceholder":223},[762,954,956,959,962,965],{"class":764,"line":955},8,[762,957,958],{"class":842},"export",[762,960,961],{"class":842}," default",[762,963,964],{"class":849}," s",[762,966,869],{"class":776},[829,968,969],{"icon":154,"label":326},[718,970,975],{"className":971,"code":972,"filename":973,"language":974,"meta":758,"style":758},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",":root {\n    --code--font-family: var(--font-family--mono);\n    --code--font-size: 0.875em;\n}\n\ncode, samp {\n    font-family: var(--code--font-family);\n    font-size: var(--code--font-size);\n}\n","styleframe\u002Findex.css","css",[697,976,977,987,1006,1019,1024,1028,1039,1056,1072],{"__ignoreMap":758},[762,978,979,981,984],{"class":764,"line":765},[762,980,787],{"class":776},[762,982,983],{"class":768},"root",[762,985,986],{"class":776}," {\n",[762,988,989,992,994,997,1000,1003],{"class":764,"line":780},[762,990,991],{"class":849},"    --code--font-family",[762,993,787],{"class":776},[762,995,996],{"class":772}," var",[762,998,999],{"class":776},"(",[762,1001,1002],{"class":849},"--font-family--mono",[762,1004,1005],{"class":776},");\n",[762,1007,1008,1011,1013,1017],{"class":764,"line":797},[762,1009,1010],{"class":849},"    --code--font-size",[762,1012,787],{"class":776},[762,1014,1016],{"class":1015},"sbssI"," 0.875em",[762,1018,869],{"class":776},[762,1020,1021],{"class":764,"line":818},[762,1022,1023],{"class":776},"}\n",[762,1025,1026],{"class":764,"line":916},[762,1027,895],{"emptyLinePlaceholder":223},[762,1029,1030,1032,1034,1037],{"class":764,"line":921},[762,1031,697],{"class":790},[762,1033,931],{"class":776},[762,1035,1036],{"class":790}," samp",[762,1038,986],{"class":776},[762,1040,1041,1045,1047,1049,1051,1054],{"class":764,"line":950},[762,1042,1044],{"class":1043},"sqsOY","    font-family",[762,1046,787],{"class":776},[762,1048,996],{"class":772},[762,1050,999],{"class":776},[762,1052,1053],{"class":849},"--code--font-family",[762,1055,1005],{"class":776},[762,1057,1058,1061,1063,1065,1067,1070],{"class":764,"line":955},[762,1059,1060],{"class":1043},"    font-size",[762,1062,787],{"class":776},[762,1064,996],{"class":772},[762,1066,999],{"class":776},[762,1068,1069],{"class":849},"--code--font-size",[762,1071,1005],{"class":776},[762,1073,1075],{"class":764,"line":1074},9,[762,1076,1023],{"class":776},[1078,1079,1081],"h3",{"id":1080},"default-values","Default Values",[1083,1084,1085,1104],"table",{},[1086,1087,1088],"thead",{},[1089,1090,1091,1095,1098,1101],"tr",{},[1092,1093,1094],"th",{},"Option",[1092,1096,1097],{},"Default",[1092,1099,1100],{},"Variable",[1092,1102,1103],{},"Export",[1105,1106,1107,1129],"tbody",{},[1089,1108,1109,1115,1120,1124],{},[1110,1111,1112],"td",{},[697,1113,1114],{},"fontFamily",[1110,1116,1117],{},[697,1118,1119],{},"\"@font-family.mono\"",[1110,1121,1122],{},[697,1123,1053],{},[1110,1125,1126],{},[697,1127,1128],{},"codeFontFamily",[1089,1130,1131,1136,1141,1145],{},[1110,1132,1133],{},[697,1134,1135],{},"fontSize",[1110,1137,1138],{},[697,1139,1140],{},"\"0.875em\"",[1110,1142,1143],{},[697,1144,1069],{},[1110,1146,1147],{},[697,1148,1149],{},"codeFontSize",[721,1151,1153],{"id":1152},"usepreelement",[697,1154,703],{},[718,1156,1158],{"className":755,"code":1157,"language":757,"meta":758,"style":758},"function usePreElement(\n    s: Styleframe,\n    options?: WithThemes\u003CPreElementConfig>\n): PreElementResult\n",[697,1159,1160,1169,1179,1194],{"__ignoreMap":758},[762,1161,1162,1164,1167],{"class":764,"line":765},[762,1163,769],{"class":768},[762,1165,1166],{"class":772}," usePreElement",[762,1168,777],{"class":776},[762,1170,1171,1173,1175,1177],{"class":764,"line":780},[762,1172,784],{"class":783},[762,1174,787],{"class":776},[762,1176,791],{"class":790},[762,1178,794],{"class":776},[762,1180,1181,1183,1185,1187,1189,1192],{"class":764,"line":797},[762,1182,800],{"class":783},[762,1184,803],{"class":776},[762,1186,806],{"class":790},[762,1188,809],{"class":776},[762,1190,1191],{"class":790},"PreElementConfig",[762,1193,815],{"class":776},[762,1195,1196,1198],{"class":764,"line":818},[762,1197,821],{"class":776},[762,1199,1200],{"class":790}," PreElementResult\n",[826,1202,1203,1315],{},[829,1204,1205],{"icon":831,"label":290},[718,1206,1208],{"className":755,"code":1207,"filename":835,"language":757,"meta":758,"style":758},"import { styleframe } from 'styleframe';\nimport { usePreElement } from '@styleframe\u002Ftheme';\n\nconst s = styleframe();\n\nconst { preFontFamily, preFontSize, preMarginBottom } = usePreElement(s);\n\nexport default s;\n",[697,1209,1210,1230,1250,1254,1268,1272,1301,1305],{"__ignoreMap":758},[762,1211,1212,1214,1216,1218,1220,1222,1224,1226,1228],{"class":764,"line":765},[762,1213,843],{"class":842},[762,1215,846],{"class":776},[762,1217,850],{"class":849},[762,1219,853],{"class":776},[762,1221,856],{"class":842},[762,1223,859],{"class":776},[762,1225,863],{"class":862},[762,1227,866],{"class":776},[762,1229,869],{"class":776},[762,1231,1232,1234,1236,1238,1240,1242,1244,1246,1248],{"class":764,"line":780},[762,1233,843],{"class":842},[762,1235,846],{"class":776},[762,1237,1166],{"class":849},[762,1239,853],{"class":776},[762,1241,856],{"class":842},[762,1243,859],{"class":776},[762,1245,886],{"class":862},[762,1247,866],{"class":776},[762,1249,869],{"class":776},[762,1251,1252],{"class":764,"line":797},[762,1253,895],{"emptyLinePlaceholder":223},[762,1255,1256,1258,1260,1262,1264,1266],{"class":764,"line":818},[762,1257,900],{"class":768},[762,1259,903],{"class":849},[762,1261,906],{"class":776},[762,1263,850],{"class":772},[762,1265,911],{"class":849},[762,1267,869],{"class":776},[762,1269,1270],{"class":764,"line":916},[762,1271,895],{"emptyLinePlaceholder":223},[762,1273,1274,1276,1278,1281,1283,1286,1288,1291,1293,1295,1297,1299],{"class":764,"line":921},[762,1275,900],{"class":768},[762,1277,846],{"class":776},[762,1279,1280],{"class":849}," preFontFamily",[762,1282,931],{"class":776},[762,1284,1285],{"class":849}," preFontSize",[762,1287,931],{"class":776},[762,1289,1290],{"class":849}," preMarginBottom ",[762,1292,937],{"class":776},[762,1294,940],{"class":776},[762,1296,1166],{"class":772},[762,1298,945],{"class":849},[762,1300,869],{"class":776},[762,1302,1303],{"class":764,"line":950},[762,1304,895],{"emptyLinePlaceholder":223},[762,1306,1307,1309,1311,1313],{"class":764,"line":955},[762,1308,958],{"class":842},[762,1310,961],{"class":842},[762,1312,964],{"class":849},[762,1314,869],{"class":776},[829,1316,1317],{"icon":154,"label":326},[718,1318,1320],{"className":971,"code":1319,"filename":973,"language":974,"meta":758,"style":758},":root {\n    --pre--font-family: var(--font-family--mono);\n    --pre--font-size: 0.875em;\n    --pre--margin-bottom: var(--spacing);\n}\n\npre {\n    font-family: var(--pre--font-family);\n    font-size: var(--pre--font-size);\n    display: block;\n    overflow-x: auto;\n    margin-top: 0;\n    margin-bottom: var(--pre--margin-bottom);\n}\n\npre > code {\n    background: transparent;\n    color: inherit;\n    font-size: inherit;\n}\n",[697,1321,1322,1330,1345,1356,1372,1376,1380,1386,1401,1416,1429,1442,1455,1472,1477,1482,1495,1508,1521,1532],{"__ignoreMap":758},[762,1323,1324,1326,1328],{"class":764,"line":765},[762,1325,787],{"class":776},[762,1327,983],{"class":768},[762,1329,986],{"class":776},[762,1331,1332,1335,1337,1339,1341,1343],{"class":764,"line":780},[762,1333,1334],{"class":849},"    --pre--font-family",[762,1336,787],{"class":776},[762,1338,996],{"class":772},[762,1340,999],{"class":776},[762,1342,1002],{"class":849},[762,1344,1005],{"class":776},[762,1346,1347,1350,1352,1354],{"class":764,"line":797},[762,1348,1349],{"class":849},"    --pre--font-size",[762,1351,787],{"class":776},[762,1353,1016],{"class":1015},[762,1355,869],{"class":776},[762,1357,1358,1361,1363,1365,1367,1370],{"class":764,"line":818},[762,1359,1360],{"class":849},"    --pre--margin-bottom",[762,1362,787],{"class":776},[762,1364,996],{"class":772},[762,1366,999],{"class":776},[762,1368,1369],{"class":849},"--spacing",[762,1371,1005],{"class":776},[762,1373,1374],{"class":764,"line":916},[762,1375,1023],{"class":776},[762,1377,1378],{"class":764,"line":921},[762,1379,895],{"emptyLinePlaceholder":223},[762,1381,1382,1384],{"class":764,"line":950},[762,1383,718],{"class":790},[762,1385,986],{"class":776},[762,1387,1388,1390,1392,1394,1396,1399],{"class":764,"line":955},[762,1389,1044],{"class":1043},[762,1391,787],{"class":776},[762,1393,996],{"class":772},[762,1395,999],{"class":776},[762,1397,1398],{"class":849},"--pre--font-family",[762,1400,1005],{"class":776},[762,1402,1403,1405,1407,1409,1411,1414],{"class":764,"line":1074},[762,1404,1060],{"class":1043},[762,1406,787],{"class":776},[762,1408,996],{"class":772},[762,1410,999],{"class":776},[762,1412,1413],{"class":849},"--pre--font-size",[762,1415,1005],{"class":776},[762,1417,1419,1422,1424,1427],{"class":764,"line":1418},10,[762,1420,1421],{"class":1043},"    display",[762,1423,787],{"class":776},[762,1425,1426],{"class":849}," block",[762,1428,869],{"class":776},[762,1430,1432,1435,1437,1440],{"class":764,"line":1431},11,[762,1433,1434],{"class":1043},"    overflow-x",[762,1436,787],{"class":776},[762,1438,1439],{"class":849}," auto",[762,1441,869],{"class":776},[762,1443,1445,1448,1450,1453],{"class":764,"line":1444},12,[762,1446,1447],{"class":1043},"    margin-top",[762,1449,787],{"class":776},[762,1451,1452],{"class":1015}," 0",[762,1454,869],{"class":776},[762,1456,1458,1461,1463,1465,1467,1470],{"class":764,"line":1457},13,[762,1459,1460],{"class":1043},"    margin-bottom",[762,1462,787],{"class":776},[762,1464,996],{"class":772},[762,1466,999],{"class":776},[762,1468,1469],{"class":849},"--pre--margin-bottom",[762,1471,1005],{"class":776},[762,1473,1475],{"class":764,"line":1474},14,[762,1476,1023],{"class":776},[762,1478,1480],{"class":764,"line":1479},15,[762,1481,895],{"emptyLinePlaceholder":223},[762,1483,1485,1487,1490,1493],{"class":764,"line":1484},16,[762,1486,718],{"class":790},[762,1488,1489],{"class":776}," >",[762,1491,1492],{"class":790}," code",[762,1494,986],{"class":776},[762,1496,1498,1501,1503,1506],{"class":764,"line":1497},17,[762,1499,1500],{"class":1043},"    background",[762,1502,787],{"class":776},[762,1504,1505],{"class":849}," transparent",[762,1507,869],{"class":776},[762,1509,1511,1514,1516,1519],{"class":764,"line":1510},18,[762,1512,1513],{"class":1043},"    color",[762,1515,787],{"class":776},[762,1517,1518],{"class":849}," inherit",[762,1520,869],{"class":776},[762,1522,1524,1526,1528,1530],{"class":764,"line":1523},19,[762,1525,1060],{"class":1043},[762,1527,787],{"class":776},[762,1529,1518],{"class":849},[762,1531,869],{"class":776},[762,1533,1535],{"class":764,"line":1534},20,[762,1536,1023],{"class":776},[1078,1538,1081],{"id":1539},"default-values-1",[1083,1541,1542,1554],{},[1086,1543,1544],{},[1089,1545,1546,1548,1550,1552],{},[1092,1547,1094],{},[1092,1549,1097],{},[1092,1551,1100],{},[1092,1553,1103],{},[1105,1555,1556,1575,1594],{},[1089,1557,1558,1562,1566,1570],{},[1110,1559,1560],{},[697,1561,1114],{},[1110,1563,1564],{},[697,1565,1119],{},[1110,1567,1568],{},[697,1569,1398],{},[1110,1571,1572],{},[697,1573,1574],{},"preFontFamily",[1089,1576,1577,1581,1585,1589],{},[1110,1578,1579],{},[697,1580,1135],{},[1110,1582,1583],{},[697,1584,1140],{},[1110,1586,1587],{},[697,1588,1413],{},[1110,1590,1591],{},[697,1592,1593],{},"preFontSize",[1089,1595,1596,1601,1606,1610],{},[1110,1597,1598],{},[697,1599,1600],{},"marginBottom",[1110,1602,1603],{},[697,1604,1605],{},"\"@spacing\"",[1110,1607,1608],{},[697,1609,1469],{},[1110,1611,1612],{},[697,1613,1614],{},"preMarginBottom",[725,1616,1617,1618,1621,1622,1625,1626,1629,1630,1632,1633,1635],{},"The composable also applies fixed styles: ",[697,1619,1620],{},"display: block",", ",[697,1623,1624],{},"overflow-x: auto",", and ",[697,1627,1628],{},"margin-top: 0",". Nested ",[697,1631,697],{}," elements inside ",[697,1634,718],{}," have their background, color, and font size reset to inherit from the parent.",[721,1637,1639],{"id":1638},"custom-values","Custom Values",[826,1641,1642,1855,2059],{},[829,1643,1644],{"icon":831,"label":290},[718,1645,1647],{"className":755,"code":1646,"filename":835,"language":757,"meta":758,"style":758},"import { styleframe } from 'styleframe';\nimport { useCodeElement, usePreElement } from '@styleframe\u002Ftheme';\n\nconst s = styleframe();\n\nconst { codeFontFamily } = useCodeElement(s, {\n    fontFamily: '\"Fira Code\", monospace',\n    fontSize: '0.8em',\n});\n\nconst { preMarginBottom } = usePreElement(s, {\n    fontFamily: '\"Fira Code\", monospace',\n    marginBottom: '@spacing.lg',\n});\n\nexport default s;\n",[697,1648,1649,1669,1693,1697,1711,1715,1737,1754,1770,1779,1783,1803,1817,1833,1841,1845],{"__ignoreMap":758},[762,1650,1651,1653,1655,1657,1659,1661,1663,1665,1667],{"class":764,"line":765},[762,1652,843],{"class":842},[762,1654,846],{"class":776},[762,1656,850],{"class":849},[762,1658,853],{"class":776},[762,1660,856],{"class":842},[762,1662,859],{"class":776},[762,1664,863],{"class":862},[762,1666,866],{"class":776},[762,1668,869],{"class":776},[762,1670,1671,1673,1675,1677,1679,1681,1683,1685,1687,1689,1691],{"class":764,"line":780},[762,1672,843],{"class":842},[762,1674,846],{"class":776},[762,1676,773],{"class":849},[762,1678,931],{"class":776},[762,1680,1166],{"class":849},[762,1682,853],{"class":776},[762,1684,856],{"class":842},[762,1686,859],{"class":776},[762,1688,886],{"class":862},[762,1690,866],{"class":776},[762,1692,869],{"class":776},[762,1694,1695],{"class":764,"line":797},[762,1696,895],{"emptyLinePlaceholder":223},[762,1698,1699,1701,1703,1705,1707,1709],{"class":764,"line":818},[762,1700,900],{"class":768},[762,1702,903],{"class":849},[762,1704,906],{"class":776},[762,1706,850],{"class":772},[762,1708,911],{"class":849},[762,1710,869],{"class":776},[762,1712,1713],{"class":764,"line":916},[762,1714,895],{"emptyLinePlaceholder":223},[762,1716,1717,1719,1721,1724,1726,1728,1730,1733,1735],{"class":764,"line":921},[762,1718,900],{"class":768},[762,1720,846],{"class":776},[762,1722,1723],{"class":849}," codeFontFamily ",[762,1725,937],{"class":776},[762,1727,940],{"class":776},[762,1729,773],{"class":772},[762,1731,1732],{"class":849},"(s",[762,1734,931],{"class":776},[762,1736,986],{"class":776},[762,1738,1739,1743,1745,1747,1750,1752],{"class":764,"line":950},[762,1740,1742],{"class":1741},"swJcz","    fontFamily",[762,1744,787],{"class":776},[762,1746,859],{"class":776},[762,1748,1749],{"class":862},"\"Fira Code\", monospace",[762,1751,866],{"class":776},[762,1753,794],{"class":776},[762,1755,1756,1759,1761,1763,1766,1768],{"class":764,"line":955},[762,1757,1758],{"class":1741},"    fontSize",[762,1760,787],{"class":776},[762,1762,859],{"class":776},[762,1764,1765],{"class":862},"0.8em",[762,1767,866],{"class":776},[762,1769,794],{"class":776},[762,1771,1772,1774,1777],{"class":764,"line":1074},[762,1773,937],{"class":776},[762,1775,1776],{"class":849},")",[762,1778,869],{"class":776},[762,1780,1781],{"class":764,"line":1418},[762,1782,895],{"emptyLinePlaceholder":223},[762,1784,1785,1787,1789,1791,1793,1795,1797,1799,1801],{"class":764,"line":1431},[762,1786,900],{"class":768},[762,1788,846],{"class":776},[762,1790,1290],{"class":849},[762,1792,937],{"class":776},[762,1794,940],{"class":776},[762,1796,1166],{"class":772},[762,1798,1732],{"class":849},[762,1800,931],{"class":776},[762,1802,986],{"class":776},[762,1804,1805,1807,1809,1811,1813,1815],{"class":764,"line":1444},[762,1806,1742],{"class":1741},[762,1808,787],{"class":776},[762,1810,859],{"class":776},[762,1812,1749],{"class":862},[762,1814,866],{"class":776},[762,1816,794],{"class":776},[762,1818,1819,1822,1824,1826,1829,1831],{"class":764,"line":1457},[762,1820,1821],{"class":1741},"    marginBottom",[762,1823,787],{"class":776},[762,1825,859],{"class":776},[762,1827,1828],{"class":862},"@spacing.lg",[762,1830,866],{"class":776},[762,1832,794],{"class":776},[762,1834,1835,1837,1839],{"class":764,"line":1474},[762,1836,937],{"class":776},[762,1838,1776],{"class":849},[762,1840,869],{"class":776},[762,1842,1843],{"class":764,"line":1479},[762,1844,895],{"emptyLinePlaceholder":223},[762,1846,1847,1849,1851,1853],{"class":764,"line":1484},[762,1848,958],{"class":842},[762,1850,961],{"class":842},[762,1852,964],{"class":849},[762,1854,869],{"class":776},[829,1856,1858],{"icon":173,"label":1857},"Via the preset",[718,1859,1861],{"className":755,"code":1860,"filename":835,"language":757,"meta":758,"style":758},"import { styleframe } from 'styleframe';\nimport { useGlobalPreset } from '@styleframe\u002Ftheme';\n\nconst s = styleframe();\n\nconst { code, pre } = useGlobalPreset(s, {\n    code: {\n        fontFamily: '\"Fira Code\", monospace',\n        fontSize: '0.8em',\n    },\n    pre: {\n        fontFamily: '\"Fira Code\", monospace',\n        marginBottom: '@spacing.lg',\n    },\n});\n\nexport default s;\n",[697,1862,1863,1883,1904,1908,1922,1926,1951,1960,1975,1990,1995,2004,2018,2033,2037,2045,2049],{"__ignoreMap":758},[762,1864,1865,1867,1869,1871,1873,1875,1877,1879,1881],{"class":764,"line":765},[762,1866,843],{"class":842},[762,1868,846],{"class":776},[762,1870,850],{"class":849},[762,1872,853],{"class":776},[762,1874,856],{"class":842},[762,1876,859],{"class":776},[762,1878,863],{"class":862},[762,1880,866],{"class":776},[762,1882,869],{"class":776},[762,1884,1885,1887,1889,1892,1894,1896,1898,1900,1902],{"class":764,"line":780},[762,1886,843],{"class":842},[762,1888,846],{"class":776},[762,1890,1891],{"class":849}," useGlobalPreset",[762,1893,853],{"class":776},[762,1895,856],{"class":842},[762,1897,859],{"class":776},[762,1899,886],{"class":862},[762,1901,866],{"class":776},[762,1903,869],{"class":776},[762,1905,1906],{"class":764,"line":797},[762,1907,895],{"emptyLinePlaceholder":223},[762,1909,1910,1912,1914,1916,1918,1920],{"class":764,"line":818},[762,1911,900],{"class":768},[762,1913,903],{"class":849},[762,1915,906],{"class":776},[762,1917,850],{"class":772},[762,1919,911],{"class":849},[762,1921,869],{"class":776},[762,1923,1924],{"class":764,"line":916},[762,1925,895],{"emptyLinePlaceholder":223},[762,1927,1928,1930,1932,1934,1936,1939,1941,1943,1945,1947,1949],{"class":764,"line":921},[762,1929,900],{"class":768},[762,1931,846],{"class":776},[762,1933,1492],{"class":849},[762,1935,931],{"class":776},[762,1937,1938],{"class":849}," pre ",[762,1940,937],{"class":776},[762,1942,940],{"class":776},[762,1944,1891],{"class":772},[762,1946,1732],{"class":849},[762,1948,931],{"class":776},[762,1950,986],{"class":776},[762,1952,1953,1956,1958],{"class":764,"line":950},[762,1954,1955],{"class":1741},"    code",[762,1957,787],{"class":776},[762,1959,986],{"class":776},[762,1961,1962,1965,1967,1969,1971,1973],{"class":764,"line":955},[762,1963,1964],{"class":1741},"        fontFamily",[762,1966,787],{"class":776},[762,1968,859],{"class":776},[762,1970,1749],{"class":862},[762,1972,866],{"class":776},[762,1974,794],{"class":776},[762,1976,1977,1980,1982,1984,1986,1988],{"class":764,"line":1074},[762,1978,1979],{"class":1741},"        fontSize",[762,1981,787],{"class":776},[762,1983,859],{"class":776},[762,1985,1765],{"class":862},[762,1987,866],{"class":776},[762,1989,794],{"class":776},[762,1991,1992],{"class":764,"line":1418},[762,1993,1994],{"class":776},"    },\n",[762,1996,1997,2000,2002],{"class":764,"line":1431},[762,1998,1999],{"class":1741},"    pre",[762,2001,787],{"class":776},[762,2003,986],{"class":776},[762,2005,2006,2008,2010,2012,2014,2016],{"class":764,"line":1444},[762,2007,1964],{"class":1741},[762,2009,787],{"class":776},[762,2011,859],{"class":776},[762,2013,1749],{"class":862},[762,2015,866],{"class":776},[762,2017,794],{"class":776},[762,2019,2020,2023,2025,2027,2029,2031],{"class":764,"line":1457},[762,2021,2022],{"class":1741},"        marginBottom",[762,2024,787],{"class":776},[762,2026,859],{"class":776},[762,2028,1828],{"class":862},[762,2030,866],{"class":776},[762,2032,794],{"class":776},[762,2034,2035],{"class":764,"line":1474},[762,2036,1994],{"class":776},[762,2038,2039,2041,2043],{"class":764,"line":1479},[762,2040,937],{"class":776},[762,2042,1776],{"class":849},[762,2044,869],{"class":776},[762,2046,2047],{"class":764,"line":1484},[762,2048,895],{"emptyLinePlaceholder":223},[762,2050,2051,2053,2055,2057],{"class":764,"line":1497},[762,2052,958],{"class":842},[762,2054,961],{"class":842},[762,2056,964],{"class":849},[762,2058,869],{"class":776},[829,2060,2061],{"icon":154,"label":326},[718,2062,2064],{"className":971,"code":2063,"filename":973,"language":974,"meta":758,"style":758},":root {\n    --code--font-family: \"Fira Code\", monospace;\n    --code--font-size: 0.8em;\n    --pre--font-family: \"Fira Code\", monospace;\n    --pre--font-size: 0.875em;\n    --pre--margin-bottom: var(--spacing--lg);\n}\n\ncode, samp {\n    font-family: var(--code--font-family);\n    font-size: var(--code--font-size);\n}\n\npre {\n    font-family: var(--pre--font-family);\n    font-size: var(--pre--font-size);\n    display: block;\n    overflow-x: auto;\n    margin-top: 0;\n    margin-bottom: var(--pre--margin-bottom);\n}\n\npre > code {\n    background: transparent;\n    color: inherit;\n    font-size: inherit;\n}\n",[697,2065,2066,2074,2096,2107,2125,2135,2150,2154,2158,2168,2182,2196,2200,2204,2210,2224,2238,2248,2258,2268,2282,2287,2292,2303,2314,2325,2336],{"__ignoreMap":758},[762,2067,2068,2070,2072],{"class":764,"line":765},[762,2069,787],{"class":776},[762,2071,983],{"class":768},[762,2073,986],{"class":776},[762,2075,2076,2078,2080,2083,2086,2089,2091,2094],{"class":764,"line":780},[762,2077,991],{"class":849},[762,2079,787],{"class":776},[762,2081,2082],{"class":776}," \"",[762,2084,2085],{"class":862},"Fira Code",[762,2087,2088],{"class":776},"\"",[762,2090,931],{"class":776},[762,2092,2093],{"class":849}," monospace",[762,2095,869],{"class":776},[762,2097,2098,2100,2102,2105],{"class":764,"line":797},[762,2099,1010],{"class":849},[762,2101,787],{"class":776},[762,2103,2104],{"class":1015}," 0.8em",[762,2106,869],{"class":776},[762,2108,2109,2111,2113,2115,2117,2119,2121,2123],{"class":764,"line":818},[762,2110,1334],{"class":849},[762,2112,787],{"class":776},[762,2114,2082],{"class":776},[762,2116,2085],{"class":862},[762,2118,2088],{"class":776},[762,2120,931],{"class":776},[762,2122,2093],{"class":849},[762,2124,869],{"class":776},[762,2126,2127,2129,2131,2133],{"class":764,"line":916},[762,2128,1349],{"class":849},[762,2130,787],{"class":776},[762,2132,1016],{"class":1015},[762,2134,869],{"class":776},[762,2136,2137,2139,2141,2143,2145,2148],{"class":764,"line":921},[762,2138,1360],{"class":849},[762,2140,787],{"class":776},[762,2142,996],{"class":772},[762,2144,999],{"class":776},[762,2146,2147],{"class":849},"--spacing--lg",[762,2149,1005],{"class":776},[762,2151,2152],{"class":764,"line":950},[762,2153,1023],{"class":776},[762,2155,2156],{"class":764,"line":955},[762,2157,895],{"emptyLinePlaceholder":223},[762,2159,2160,2162,2164,2166],{"class":764,"line":1074},[762,2161,697],{"class":790},[762,2163,931],{"class":776},[762,2165,1036],{"class":790},[762,2167,986],{"class":776},[762,2169,2170,2172,2174,2176,2178,2180],{"class":764,"line":1418},[762,2171,1044],{"class":1043},[762,2173,787],{"class":776},[762,2175,996],{"class":772},[762,2177,999],{"class":776},[762,2179,1053],{"class":849},[762,2181,1005],{"class":776},[762,2183,2184,2186,2188,2190,2192,2194],{"class":764,"line":1431},[762,2185,1060],{"class":1043},[762,2187,787],{"class":776},[762,2189,996],{"class":772},[762,2191,999],{"class":776},[762,2193,1069],{"class":849},[762,2195,1005],{"class":776},[762,2197,2198],{"class":764,"line":1444},[762,2199,1023],{"class":776},[762,2201,2202],{"class":764,"line":1457},[762,2203,895],{"emptyLinePlaceholder":223},[762,2205,2206,2208],{"class":764,"line":1474},[762,2207,718],{"class":790},[762,2209,986],{"class":776},[762,2211,2212,2214,2216,2218,2220,2222],{"class":764,"line":1479},[762,2213,1044],{"class":1043},[762,2215,787],{"class":776},[762,2217,996],{"class":772},[762,2219,999],{"class":776},[762,2221,1398],{"class":849},[762,2223,1005],{"class":776},[762,2225,2226,2228,2230,2232,2234,2236],{"class":764,"line":1484},[762,2227,1060],{"class":1043},[762,2229,787],{"class":776},[762,2231,996],{"class":772},[762,2233,999],{"class":776},[762,2235,1413],{"class":849},[762,2237,1005],{"class":776},[762,2239,2240,2242,2244,2246],{"class":764,"line":1497},[762,2241,1421],{"class":1043},[762,2243,787],{"class":776},[762,2245,1426],{"class":849},[762,2247,869],{"class":776},[762,2249,2250,2252,2254,2256],{"class":764,"line":1510},[762,2251,1434],{"class":1043},[762,2253,787],{"class":776},[762,2255,1439],{"class":849},[762,2257,869],{"class":776},[762,2259,2260,2262,2264,2266],{"class":764,"line":1523},[762,2261,1447],{"class":1043},[762,2263,787],{"class":776},[762,2265,1452],{"class":1015},[762,2267,869],{"class":776},[762,2269,2270,2272,2274,2276,2278,2280],{"class":764,"line":1534},[762,2271,1460],{"class":1043},[762,2273,787],{"class":776},[762,2275,996],{"class":772},[762,2277,999],{"class":776},[762,2279,1469],{"class":849},[762,2281,1005],{"class":776},[762,2283,2285],{"class":764,"line":2284},21,[762,2286,1023],{"class":776},[762,2288,2290],{"class":764,"line":2289},22,[762,2291,895],{"emptyLinePlaceholder":223},[762,2293,2295,2297,2299,2301],{"class":764,"line":2294},23,[762,2296,718],{"class":790},[762,2298,1489],{"class":776},[762,2300,1492],{"class":790},[762,2302,986],{"class":776},[762,2304,2306,2308,2310,2312],{"class":764,"line":2305},24,[762,2307,1500],{"class":1043},[762,2309,787],{"class":776},[762,2311,1505],{"class":849},[762,2313,869],{"class":776},[762,2315,2317,2319,2321,2323],{"class":764,"line":2316},25,[762,2318,1513],{"class":1043},[762,2320,787],{"class":776},[762,2322,1518],{"class":849},[762,2324,869],{"class":776},[762,2326,2328,2330,2332,2334],{"class":764,"line":2327},26,[762,2329,1060],{"class":1043},[762,2331,787],{"class":776},[762,2333,1518],{"class":849},[762,2335,869],{"class":776},[762,2337,2339],{"class":764,"line":2338},27,[762,2340,1023],{"class":776},[721,2342,2344],{"id":2343},"best-practices","Best Practices",[2346,2347,2348,2359,2373,2384],"ul",{},[2349,2350,2351,2354,2355,2358],"li",{},[692,2352,2353],{},"Use a monospace font",": Both composables default to ",[697,2356,2357],{},"@font-family.mono"," for consistent code rendering.",[2349,2360,2361,2368,2369,2372],{},[692,2362,2363,2364,2367],{},"Use ",[697,2365,2366],{},"em"," units for font size",": The default ",[697,2370,2371],{},"0.875em"," scales relative to the parent, keeping inline code proportional to surrounding text.",[2349,2374,2375,2378,2379,700,2381,2383],{},[692,2376,2377],{},"Keep both in sync",": When customizing the font family, apply the same value to both ",[697,2380,699],{},[697,2382,703],{}," for visual consistency.",[2349,2385,2386,2389,2390,2393],{},[692,2387,2388],{},"Rely on the nested code reset",": The ",[697,2391,2392],{},"pre > code"," reset ensures inline code styles do not leak into code blocks.",[2395,2396,2397],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}",{"title":758,"searchDepth":780,"depth":780,"links":2399},[2400,2401,2404,2407,2408],{"id":723,"depth":780,"text":78},{"id":750,"depth":780,"text":699,"children":2402},[2403],{"id":1080,"depth":797,"text":1081},{"id":1152,"depth":780,"text":703,"children":2405},[2406],{"id":1539,"depth":797,"text":1081},{"id":1638,"depth":780,"text":1639},{"id":2343,"depth":780,"text":2344},"Style inline code and preformatted text blocks with configurable font family, font size, and spacing using the useCodeElement and usePreElement composables.","md",null,{},{"title":290,"icon":7},{"title":684,"description":2409},"LMSYahvVgSAJ6fKshiDEfVjuLN-AQwT-nujawf6iuds",[2417,2419],{"title":286,"path":287,"stem":288,"description":2418,"icon":7,"children":-1},"Style abbreviation elements with configurable cursor and text decoration using the useAbbrElement composable.",{"title":294,"path":295,"stem":296,"description":2420,"icon":7,"children":-1},"Style keyboard input elements with configurable background, color, font, border radius, and padding using the useKbdElement composable.",1781596347595]