[{"data":1,"prerenderedAt":3943},["ShallowReactive",2],{"navigation_en":3,"-docs-theme-elements-preset":543,"-docs-theme-elements-preset-surround":3938},{"gettingStarted":4,"api":76,"theme":167},[5],{"title":6,"icon":7,"path":8,"stem":9,"children":10,"page":7},"Getting Started",false,"/docs/getting-started","docs/getting-started",[11,16,21,26,34,40,66,71],{"title":12,"path":13,"stem":14,"icon":15},"Introduction","/docs/getting-started/introduction","docs/getting-started/01.introduction","i-lucide-house",{"title":17,"path":18,"stem":19,"icon":20},"Installation","/docs/getting-started/installation","docs/getting-started/02.installation","i-lucide-download",{"title":22,"path":23,"stem":24,"icon":25},"Guides","/docs/getting-started/guides","docs/getting-started/03.guides","i-lucide-book-open",{"title":27,"path":28,"stem":29,"to":30,"target":31,"external":32,"icon":33},"Storybook","/docs/getting-started/storybook","docs/getting-started/04.storybook","https://storybook.styleframe.dev","_blank",true,"i-simple-icons-storybook",{"title":35,"path":36,"stem":37,"to":38,"target":31,"external":32,"icon":39},"Playground","/docs/getting-started/playground","docs/getting-started/05.playground","https://play.styleframe.dev","i-simple-icons-playwright",{"title":41,"icon":42,"path":43,"stem":44,"children":45,"page":7},"Tooling","i-lucide-hammer","/docs/getting-started/tooling","docs/getting-started/06.tooling",[46,51,56,61],{"title":47,"path":48,"stem":49,"icon":50},"CLI Reference","/docs/getting-started/tooling/cli","docs/getting-started/06.tooling/01.cli","i-lucide-square-terminal",{"title":52,"path":53,"stem":54,"icon":55},"Utility Scanner","/docs/getting-started/tooling/scanner","docs/getting-started/06.tooling/02.scanner","i-lucide-view",{"title":57,"path":58,"stem":59,"icon":60},"Figma Plugin","/docs/getting-started/tooling/figma-plugin","docs/getting-started/06.tooling/03.figma-plugin","i-simple-icons-figma",{"title":62,"path":63,"stem":64,"icon":65},"DTCG","/docs/getting-started/tooling/dtcg","docs/getting-started/06.tooling/04.dtcg","i-lucide-square-code",{"title":67,"path":68,"stem":69,"icon":70},"Comparisons","/docs/getting-started/comparisons","docs/getting-started/07.comparisons","i-lucide-file-diff",{"title":72,"path":73,"stem":74,"icon":75},"Licensing","/docs/getting-started/licensing","docs/getting-started/08.licensing","i-lucide-scale",[77],{"title":78,"path":79,"stem":80,"children":81,"icon":7},"API Reference","/docs/api","docs/api/00.index",[82,85,90,95,100,105,110,115,120,125,130,135,150,155,160,165],{"title":83,"path":79,"stem":80,"icon":84},"Overview","i-lucide-book-text",{"title":86,"path":87,"stem":88,"icon":89},"Instance","/docs/api/instance","docs/api/01.instance","i-lucide-cloud-lightning",{"title":91,"path":92,"stem":93,"icon":94},"Variables","/docs/api/variables","docs/api/02.variables","i-lucide-variable",{"title":96,"path":97,"stem":98,"icon":99},"Selectors","/docs/api/selectors","docs/api/03.selectors","i-lucide-scan-text",{"title":101,"path":102,"stem":103,"icon":104},"At-Rules","/docs/api/at-rules","docs/api/04.at-rules","i-lucide-at-sign",{"title":106,"path":107,"stem":108,"icon":109},"Media Queries","/docs/api/media-queries","docs/api/05.media-queries","i-lucide-image-upscale",{"title":111,"path":112,"stem":113,"icon":114},"Keyframes","/docs/api/keyframes","docs/api/06.keyframes","i-lucide-square-play",{"title":116,"path":117,"stem":118,"icon":119},"Interpolation","/docs/api/interpolation","docs/api/07.interpolation","i-lucide-wrap-text",{"title":121,"path":122,"stem":123,"icon":124},"Utilities","/docs/api/utilities","docs/api/08.utilities","i-lucide-sparkles",{"title":126,"path":127,"stem":128,"icon":129},"Utility Modifiers","/docs/api/utility-modifiers","docs/api/09.utility-modifiers","i-lucide-align-horizontal-justify-center",{"title":131,"path":132,"stem":133,"icon":134},"Themes","/docs/api/themes","docs/api/10.themes","i-lucide-paintbrush",{"title":136,"path":137,"stem":138,"children":139,"icon":149},"Recipes","/docs/api/recipes","docs/api/11.recipes/00.index",[140,141,145],{"title":83,"path":137,"stem":138},{"title":142,"path":143,"stem":144},"Runtime","/docs/api/recipes/runtime","docs/api/11.recipes/01.runtime",{"title":146,"path":147,"stem":148},"Output Format","/docs/api/recipes/output-format","docs/api/11.recipes/02.output-format","i-lucide-chef-hat",{"title":151,"path":152,"stem":153,"icon":154},"Composables","/docs/api/composables","docs/api/12.composables","i-lucide-component",{"title":156,"path":157,"stem":158,"icon":159},"Imports","/docs/api/imports","docs/api/13.imports","i-lucide-file-input",{"title":161,"path":162,"stem":163,"icon":164},"Merging","/docs/api/merging","docs/api/13.merging","i-lucide-squares-intersect",{"title":156,"path":157,"stem":166,"icon":159},"docs/api/14.imports",[168,241,335,425,498],{"title":169,"path":170,"stem":171,"children":172,"icon":7},"Design Tokens","/docs/theme/design-tokens","docs/theme/design-tokens/00.index",[173,174,179],{"title":83,"path":170,"stem":171,"icon":84},{"title":175,"path":176,"stem":177,"icon":178},"Presets","/docs/theme/design-tokens/presets","docs/theme/design-tokens/01.presets","i-lucide-package",{"title":151,"icon":154,"defaultOpen":7,"path":180,"stem":181,"children":182,"page":7},"/docs/theme/design-tokens/composables","docs/theme/design-tokens/02.composables",[183,187,191,195,199,203,207,211,225,229,233,237],{"title":184,"path":185,"stem":186,"icon":7},"Border Radiuses","/docs/theme/design-tokens/composables/border-radiuses","docs/theme/design-tokens/02.composables/00.border-radiuses",{"title":188,"path":189,"stem":190,"icon":7},"Borders","/docs/theme/design-tokens/composables/borders","docs/theme/design-tokens/02.composables/01.borders",{"title":192,"path":193,"stem":194,"icon":7},"Box Shadows","/docs/theme/design-tokens/composables/box-shadows","docs/theme/design-tokens/02.composables/02.box-shadows",{"title":196,"path":197,"stem":198,"icon":7},"Breakpoints","/docs/theme/design-tokens/composables/breakpoints","docs/theme/design-tokens/02.composables/03.breakpoints",{"title":200,"path":201,"stem":202,"icon":7},"Colors","/docs/theme/design-tokens/composables/colors","docs/theme/design-tokens/02.composables/04.colors",{"title":204,"path":205,"stem":206,"icon":7},"Duration","/docs/theme/design-tokens/composables/duration","docs/theme/design-tokens/02.composables/05.duration",{"title":208,"path":209,"stem":210,"icon":7},"Easing","/docs/theme/design-tokens/composables/easing","docs/theme/design-tokens/02.composables/06.easing",{"title":212,"path":213,"stem":214,"children":215,"icon":7,"defaultOpen":7},"Fluid Design","/docs/theme/design-tokens/composables/fluid-design","docs/theme/design-tokens/02.composables/07.fluid-design/01.index",[216,217,221],{"title":83,"path":213,"stem":214},{"title":218,"path":219,"stem":220},"Fluid Viewport","/docs/theme/design-tokens/composables/fluid-design/viewport","docs/theme/design-tokens/02.composables/07.fluid-design/02.viewport",{"title":222,"path":223,"stem":224},"Fluid Typography","/docs/theme/design-tokens/composables/fluid-design/typography","docs/theme/design-tokens/02.composables/07.fluid-design/03.typography",{"title":226,"path":227,"stem":228,"icon":7},"Scales","/docs/theme/design-tokens/composables/scales","docs/theme/design-tokens/02.composables/08.scales",{"title":230,"path":231,"stem":232,"icon":7},"Spacing","/docs/theme/design-tokens/composables/spacing","docs/theme/design-tokens/02.composables/09.spacing",{"title":234,"path":235,"stem":236,"icon":7},"Typography","/docs/theme/design-tokens/composables/typography","docs/theme/design-tokens/02.composables/10.typography",{"title":238,"path":239,"stem":240,"icon":7},"Z-Index","/docs/theme/design-tokens/composables/z-index","docs/theme/design-tokens/02.composables/11.z-index",{"title":242,"path":243,"stem":244,"children":245,"icon":7},"Elements","/docs/theme/elements","docs/theme/elements/00.index",[246,247,251],{"title":83,"path":243,"stem":244,"icon":84},{"title":248,"path":249,"stem":250,"icon":178},"Preset","/docs/theme/elements/preset","docs/theme/elements/01.preset",{"title":151,"icon":154,"defaultOpen":7,"path":252,"stem":253,"children":254,"page":7},"/docs/theme/elements/composables","docs/theme/elements/02.composables",[255,259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331],{"title":256,"path":257,"stem":258,"icon":7},"Abbreviation","/docs/theme/elements/composables/abbreviation","docs/theme/elements/02.composables/00.abbreviation",{"title":260,"path":261,"stem":262,"icon":7},"Address","/docs/theme/elements/composables/address","docs/theme/elements/02.composables/01.address",{"title":264,"path":265,"stem":266,"icon":7},"Body","/docs/theme/elements/composables/body","docs/theme/elements/02.composables/02.body",{"title":268,"path":269,"stem":270,"icon":7},"Caption","/docs/theme/elements/composables/caption","docs/theme/elements/02.composables/03.caption",{"title":272,"path":273,"stem":274,"icon":7},"Code","/docs/theme/elements/composables/code","docs/theme/elements/02.composables/04.code",{"title":276,"path":277,"stem":278,"icon":7},"Definition Lists","/docs/theme/elements/composables/definition-lists","docs/theme/elements/02.composables/05.definition-lists",{"title":280,"path":281,"stem":282,"icon":7},"Focus","/docs/theme/elements/composables/focus","docs/theme/elements/02.composables/06.focus",{"title":284,"path":285,"stem":286,"icon":7},"Headings","/docs/theme/elements/composables/headings","docs/theme/elements/02.composables/07.headings",{"title":288,"path":289,"stem":290,"icon":7},"Horizontal Rule","/docs/theme/elements/composables/horizontal-rule","docs/theme/elements/02.composables/08.horizontal-rule",{"title":292,"path":293,"stem":294,"icon":7},"Iframe","/docs/theme/elements/composables/iframe","docs/theme/elements/02.composables/09.iframe",{"title":296,"path":297,"stem":298,"icon":7},"Image","/docs/theme/elements/composables/image","docs/theme/elements/02.composables/10.image",{"title":300,"path":301,"stem":302,"icon":7},"Kbd","/docs/theme/elements/composables/kbd","docs/theme/elements/02.composables/11.kbd",{"title":304,"path":305,"stem":306,"icon":7},"Legend","/docs/theme/elements/composables/legend","docs/theme/elements/02.composables/12.legend",{"title":308,"path":309,"stem":310,"icon":7},"Links","/docs/theme/elements/composables/links","docs/theme/elements/02.composables/13.links",{"title":312,"path":313,"stem":314,"icon":7},"Lists","/docs/theme/elements/composables/lists","docs/theme/elements/02.composables/14.lists",{"title":316,"path":317,"stem":318,"icon":7},"Mark","/docs/theme/elements/composables/mark","docs/theme/elements/02.composables/15.mark",{"title":320,"path":321,"stem":322,"icon":7},"Output","/docs/theme/elements/composables/output","docs/theme/elements/02.composables/16.output",{"title":324,"path":325,"stem":326,"icon":7},"Paragraphs","/docs/theme/elements/composables/paragraphs","docs/theme/elements/02.composables/17.paragraphs",{"title":328,"path":329,"stem":330,"icon":7},"Selection","/docs/theme/elements/composables/selection","docs/theme/elements/02.composables/18.selection",{"title":332,"path":333,"stem":334,"icon":7},"Summary","/docs/theme/elements/composables/summary","docs/theme/elements/02.composables/19.summary",{"title":336,"path":337,"stem":338,"children":339,"icon":7},"Components","/docs/theme/components","docs/theme/components/00.index",[340,341],{"title":83,"path":337,"stem":338,"icon":84},{"title":151,"icon":154,"defaultOpen":32,"path":342,"stem":343,"children":344,"page":7},"/docs/theme/components/composables","docs/theme/components/02.composables",[345,349,353,357,361,365,369,373,377,381,385,389,393,397,401,405,409,413,417,421],{"title":346,"path":347,"stem":348},"Badge","/docs/theme/components/composables/badge","docs/theme/components/02.composables/01.badge",{"title":350,"path":351,"stem":352},"Button","/docs/theme/components/composables/button","docs/theme/components/02.composables/02.button",{"title":354,"path":355,"stem":356},"Button Group","/docs/theme/components/composables/button-group","docs/theme/components/02.composables/03.button-group",{"title":358,"path":359,"stem":360},"Callout","/docs/theme/components/composables/callout","docs/theme/components/02.composables/04.callout",{"title":362,"path":363,"stem":364},"Card","/docs/theme/components/composables/card","docs/theme/components/02.composables/05.card",{"title":366,"path":367,"stem":368},"Nav","/docs/theme/components/composables/nav","docs/theme/components/02.composables/06.nav",{"title":370,"path":371,"stem":372},"Modal","/docs/theme/components/composables/modal","docs/theme/components/02.composables/07.modal",{"title":374,"path":375,"stem":376},"Skeleton","/docs/theme/components/composables/skeleton","docs/theme/components/02.composables/08.skeleton",{"title":378,"path":379,"stem":380},"Tooltip","/docs/theme/components/composables/tooltip","docs/theme/components/02.composables/08.tooltip",{"title":382,"path":383,"stem":384},"Placeholder","/docs/theme/components/composables/placeholder","docs/theme/components/02.composables/09.placeholder",{"title":386,"path":387,"stem":388},"Progress","/docs/theme/components/composables/progress","docs/theme/components/02.composables/10.progress",{"title":390,"path":391,"stem":392},"Popover","/docs/theme/components/composables/popover","docs/theme/components/02.composables/11.popover",{"title":394,"path":395,"stem":396},"Chip","/docs/theme/components/composables/chip","docs/theme/components/02.composables/12.chip",{"title":398,"path":399,"stem":400},"Spinner","/docs/theme/components/composables/spinner","docs/theme/components/02.composables/13.spinner",{"title":402,"path":403,"stem":404},"Dropdown","/docs/theme/components/composables/dropdown","docs/theme/components/02.composables/14.dropdown",{"title":406,"path":407,"stem":408},"Hamburger Menu","/docs/theme/components/composables/hamburger-menu","docs/theme/components/02.composables/14.hamburger-menu",{"title":410,"path":411,"stem":412},"Breadcrumb","/docs/theme/components/composables/breadcrumb","docs/theme/components/02.composables/15.breadcrumb",{"title":414,"path":415,"stem":416},"Media","/docs/theme/components/composables/media","docs/theme/components/02.composables/15.media",{"title":418,"path":419,"stem":420},"PageHero","/docs/theme/components/composables/page-hero","docs/theme/components/02.composables/15.page-hero",{"title":422,"path":423,"stem":424},"Pagination","/docs/theme/components/composables/pagination","docs/theme/components/02.composables/15.pagination",{"title":121,"path":426,"stem":427,"children":428,"icon":7},"/docs/theme/utilities","docs/theme/utilities/00.index",[429,430,433],{"title":83,"path":426,"stem":427,"icon":84},{"title":175,"path":431,"stem":432,"icon":178},"/docs/theme/utilities/presets","docs/theme/utilities/01.presets",{"title":151,"icon":154,"defaultOpen":7,"path":434,"stem":435,"children":436,"page":7},"/docs/theme/utilities/composables","docs/theme/utilities/02.composables",[437,441,445,449,452,456,460,464,468,472,476,479,483,487,491,495],{"title":438,"path":439,"stem":440,"icon":7},"Accessibility","/docs/theme/utilities/composables/accessibility","docs/theme/utilities/02.composables/00.accessibility",{"title":442,"path":443,"stem":444,"icon":7},"Animations","/docs/theme/utilities/composables/animations","docs/theme/utilities/02.composables/01.animations",{"title":446,"path":447,"stem":448,"icon":7},"Backgrounds","/docs/theme/utilities/composables/backgrounds","docs/theme/utilities/02.composables/02.backgrounds",{"title":188,"path":450,"stem":451,"icon":7},"/docs/theme/utilities/composables/borders","docs/theme/utilities/02.composables/03.borders",{"title":453,"path":454,"stem":455,"icon":7},"Effects","/docs/theme/utilities/composables/effects","docs/theme/utilities/02.composables/04.effects",{"title":457,"path":458,"stem":459,"icon":7},"Filters","/docs/theme/utilities/composables/filters","docs/theme/utilities/02.composables/05.filters",{"title":461,"path":462,"stem":463,"icon":7},"Flexbox & Grid","/docs/theme/utilities/composables/flexbox-grid","docs/theme/utilities/02.composables/06.flexbox-grid",{"title":465,"path":466,"stem":467,"icon":7},"Interactivity","/docs/theme/utilities/composables/interactivity","docs/theme/utilities/02.composables/07.interactivity",{"title":469,"path":470,"stem":471,"icon":7},"Layout","/docs/theme/utilities/composables/layout","docs/theme/utilities/02.composables/08.layout",{"title":473,"path":474,"stem":475,"icon":7},"Sizing","/docs/theme/utilities/composables/sizing","docs/theme/utilities/02.composables/09.sizing",{"title":230,"path":477,"stem":478,"icon":7},"/docs/theme/utilities/composables/spacing","docs/theme/utilities/02.composables/10.spacing",{"title":480,"path":481,"stem":482,"icon":7},"SVG","/docs/theme/utilities/composables/svg","docs/theme/utilities/02.composables/11.svg",{"title":484,"path":485,"stem":486,"icon":7},"Tables","/docs/theme/utilities/composables/tables","docs/theme/utilities/02.composables/12.tables",{"title":488,"path":489,"stem":490,"icon":7},"Transforms","/docs/theme/utilities/composables/transforms","docs/theme/utilities/02.composables/13.transforms",{"title":492,"path":493,"stem":494,"icon":7},"Transitions","/docs/theme/utilities/composables/transitions","docs/theme/utilities/02.composables/14.transitions",{"title":234,"path":496,"stem":497,"icon":7},"/docs/theme/utilities/composables/typography","docs/theme/utilities/02.composables/15.typography",{"title":499,"path":500,"stem":501,"children":502,"icon":7},"Modifiers","/docs/theme/modifiers","docs/theme/modifiers/00.index",[503,504,507],{"title":83,"path":500,"stem":501,"icon":84},{"title":175,"path":505,"stem":506,"icon":178},"/docs/theme/modifiers/presets","docs/theme/modifiers/01.presets",{"title":151,"icon":154,"defaultOpen":7,"path":508,"stem":509,"children":510,"page":7},"/docs/theme/modifiers/composables","docs/theme/modifiers/02.composables",[511,515,519,523,527,531,535,539],{"title":512,"path":513,"stem":514,"icon":7},"ARIA State","/docs/theme/modifiers/composables/aria-state","docs/theme/modifiers/02.composables/00.aria-state",{"title":516,"path":517,"stem":518,"icon":7},"Directional","/docs/theme/modifiers/composables/directional","docs/theme/modifiers/02.composables/01.directional",{"title":520,"path":521,"stem":522,"icon":7},"Form State","/docs/theme/modifiers/composables/form-state","docs/theme/modifiers/02.composables/02.form-state",{"title":524,"path":525,"stem":526,"icon":7},"Media & Preferences","/docs/theme/modifiers/composables/media-preferences","docs/theme/modifiers/02.composables/03.media-preferences",{"title":528,"path":529,"stem":530,"icon":7},"Other State","/docs/theme/modifiers/composables/other-state","docs/theme/modifiers/02.composables/04.other-state",{"title":532,"path":533,"stem":534,"icon":7},"Pseudo-Elements","/docs/theme/modifiers/composables/pseudo-elements","docs/theme/modifiers/02.composables/05.pseudo-elements",{"title":536,"path":537,"stem":538,"icon":7},"Pseudo-State","/docs/theme/modifiers/composables/pseudo-state","docs/theme/modifiers/02.composables/06.pseudo-state",{"title":540,"path":541,"stem":542,"icon":7},"Structural","/docs/theme/modifiers/composables/structural","docs/theme/modifiers/02.composables/07.structural",{"id":544,"title":545,"body":546,"description":3930,"extension":3931,"links":3932,"meta":3933,"navigation":3934,"path":249,"seo":3935,"sitemap":3936,"stem":250,"__hash__":3937},"docs_theme/docs/theme/elements/01.preset.md","Elements Preset",{"type":547,"value":548,"toc":3911},"minimark",[549,553,562,566,616,620,1242,1247,1252,1300,1304,1307,1327,1800,1804,1813,1911,1926,1930,1934,2402,2406,2772,2776,2781,3262,3266,3272,3502,3506,3509,3681,3685,3739,3743,3907],[550,551,83],"h2",{"id":552},"overview",[554,555,556,557,561],"p",{},"The ",[558,559,560],"code",{},"useGlobalPreset"," composable applies base styles to all common HTML elements in a single function call. It registers CSS custom properties for body, headings, links, paragraphs, lists, code blocks, and more — with sensible defaults that reference your design token system.",[550,563,565],{"id":564},"why-use-the-preset","Why use the preset?",[567,568,569,577,594,600,606],"ul",{},[570,571,572,576],"li",{},[573,574,575],"strong",{},"Quick start",": Style every HTML element with one function call",[570,578,579,582,583,586,587,586,590,593],{},[573,580,581],{},"Sensible defaults",": All values reference standard design tokens (",[558,584,585],{},"@color.primary",", ",[558,588,589],{},"@spacing",[558,591,592],{},"@font-family",", etc.)",[570,595,596,599],{},[573,597,598],{},"Fully customizable",": Override any element's config or disable elements entirely",[570,601,602,605],{},[573,603,604],{},"Theme-aware",": Supports centralized per-theme overrides for dark mode or brand themes",[570,607,608,611,612,615],{},[573,609,610],{},"Incremental adoption",": Disable individual elements with ",[558,613,614],{},"false"," and replace them with custom composable calls",[550,617,619],{"id":618},"quick-start","Quick Start",[621,622,623,781],"tabs",{},[624,625,627],"tabs-item",{"icon":626,"label":272},"i-lucide-code",[628,629,635],"pre",{"className":630,"code":631,"filename":632,"language":633,"meta":634,"style":634},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { styleframe } from 'styleframe';\nimport { useGlobalPreset } from '@styleframe/theme';\n\nconst s = styleframe();\n\nconst { body, heading, link } = useGlobalPreset(s);\n\nexport default s;\n","styleframe.config.ts","ts","",[558,636,637,673,696,702,723,728,762,767],{"__ignoreMap":634},[638,639,642,646,650,654,657,660,663,667,670],"span",{"class":640,"line":641},"line",1,[638,643,645],{"class":644},"s7zQu","import",[638,647,649],{"class":648},"sMK4o"," {",[638,651,653],{"class":652},"sTEyZ"," styleframe",[638,655,656],{"class":648}," }",[638,658,659],{"class":644}," from",[638,661,662],{"class":648}," '",[638,664,666],{"class":665},"sfazB","styleframe",[638,668,669],{"class":648},"'",[638,671,672],{"class":648},";\n",[638,674,676,678,680,683,685,687,689,692,694],{"class":640,"line":675},2,[638,677,645],{"class":644},[638,679,649],{"class":648},[638,681,682],{"class":652}," useGlobalPreset",[638,684,656],{"class":648},[638,686,659],{"class":644},[638,688,662],{"class":648},[638,690,691],{"class":665},"@styleframe/theme",[638,693,669],{"class":648},[638,695,672],{"class":648},[638,697,699],{"class":640,"line":698},3,[638,700,701],{"emptyLinePlaceholder":32},"\n",[638,703,705,709,712,715,718,721],{"class":640,"line":704},4,[638,706,708],{"class":707},"spNyl","const",[638,710,711],{"class":652}," s ",[638,713,714],{"class":648},"=",[638,716,653],{"class":717},"s2Zo4",[638,719,720],{"class":652},"()",[638,722,672],{"class":648},[638,724,726],{"class":640,"line":725},5,[638,727,701],{"emptyLinePlaceholder":32},[638,729,731,733,735,738,741,744,746,749,752,755,757,760],{"class":640,"line":730},6,[638,732,708],{"class":707},[638,734,649],{"class":648},[638,736,737],{"class":652}," body",[638,739,740],{"class":648},",",[638,742,743],{"class":652}," heading",[638,745,740],{"class":648},[638,747,748],{"class":652}," link ",[638,750,751],{"class":648},"}",[638,753,754],{"class":648}," =",[638,756,682],{"class":717},[638,758,759],{"class":652},"(s)",[638,761,672],{"class":648},[638,763,765],{"class":640,"line":764},7,[638,766,701],{"emptyLinePlaceholder":32},[638,768,770,773,776,779],{"class":640,"line":769},8,[638,771,772],{"class":644},"export",[638,774,775],{"class":644}," default",[638,777,778],{"class":652}," s",[638,780,672],{"class":648},[624,782,783],{"icon":159,"label":320},[628,784,789],{"className":785,"code":786,"filename":787,"language":788,"meta":634,"style":634},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",":root {\n    --body--color: var(--color--text);\n    --body--background: var(--color--background);\n    --body--font-family: var(--font-family);\n    --body--font-size: var(--font-size);\n    --body--line-height: var(--line-height);\n    --heading--color: inherit;\n    --heading--font-family: inherit;\n    --heading--font-weight: var(--font-weight--bold);\n    --heading--line-height: var(--line-height--tight);\n    --heading--h1--font-size: var(--font-size--4xl);\n    /* ... heading h2-h6 sizes ... */\n    --link--color: var(--color--primary);\n    --link--text-decoration: none;\n    --link--hover--color: var(--color--primary-700);\n    --link--hover--text-decoration: underline;\n    /* ... all other element variables ... */\n}\n\nbody {\n    font-family: var(--body--font-family);\n    font-size: var(--body--font-size);\n    line-height: var(--body--line-height);\n    color: var(--body--color);\n    background: var(--body--background);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\nh1, h2, h3, h4, h5, h6 { /* ... */ }\na { /* ... */ }\np { /* ... */ }\n/* ... all other element selectors ... */\n","styleframe/index.css","css",[558,790,791,802,821,837,853,869,885,897,908,925,942,959,966,983,996,1013,1026,1032,1038,1043,1052,1070,1087,1104,1121,1138,1151,1164,1169,1174,1213,1225,1236],{"__ignoreMap":634},[638,792,793,796,799],{"class":640,"line":641},[638,794,795],{"class":648},":",[638,797,798],{"class":707},"root",[638,800,801],{"class":648}," {\n",[638,803,804,807,809,812,815,818],{"class":640,"line":675},[638,805,806],{"class":652},"    --body--color",[638,808,795],{"class":648},[638,810,811],{"class":717}," var",[638,813,814],{"class":648},"(",[638,816,817],{"class":652},"--color--text",[638,819,820],{"class":648},");\n",[638,822,823,826,828,830,832,835],{"class":640,"line":698},[638,824,825],{"class":652},"    --body--background",[638,827,795],{"class":648},[638,829,811],{"class":717},[638,831,814],{"class":648},[638,833,834],{"class":652},"--color--background",[638,836,820],{"class":648},[638,838,839,842,844,846,848,851],{"class":640,"line":704},[638,840,841],{"class":652},"    --body--font-family",[638,843,795],{"class":648},[638,845,811],{"class":717},[638,847,814],{"class":648},[638,849,850],{"class":652},"--font-family",[638,852,820],{"class":648},[638,854,855,858,860,862,864,867],{"class":640,"line":725},[638,856,857],{"class":652},"    --body--font-size",[638,859,795],{"class":648},[638,861,811],{"class":717},[638,863,814],{"class":648},[638,865,866],{"class":652},"--font-size",[638,868,820],{"class":648},[638,870,871,874,876,878,880,883],{"class":640,"line":730},[638,872,873],{"class":652},"    --body--line-height",[638,875,795],{"class":648},[638,877,811],{"class":717},[638,879,814],{"class":648},[638,881,882],{"class":652},"--line-height",[638,884,820],{"class":648},[638,886,887,890,892,895],{"class":640,"line":764},[638,888,889],{"class":652},"    --heading--color",[638,891,795],{"class":648},[638,893,894],{"class":652}," inherit",[638,896,672],{"class":648},[638,898,899,902,904,906],{"class":640,"line":769},[638,900,901],{"class":652},"    --heading--font-family",[638,903,795],{"class":648},[638,905,894],{"class":652},[638,907,672],{"class":648},[638,909,911,914,916,918,920,923],{"class":640,"line":910},9,[638,912,913],{"class":652},"    --heading--font-weight",[638,915,795],{"class":648},[638,917,811],{"class":717},[638,919,814],{"class":648},[638,921,922],{"class":652},"--font-weight--bold",[638,924,820],{"class":648},[638,926,928,931,933,935,937,940],{"class":640,"line":927},10,[638,929,930],{"class":652},"    --heading--line-height",[638,932,795],{"class":648},[638,934,811],{"class":717},[638,936,814],{"class":648},[638,938,939],{"class":652},"--line-height--tight",[638,941,820],{"class":648},[638,943,945,948,950,952,954,957],{"class":640,"line":944},11,[638,946,947],{"class":652},"    --heading--h1--font-size",[638,949,795],{"class":648},[638,951,811],{"class":717},[638,953,814],{"class":648},[638,955,956],{"class":652},"--font-size--4xl",[638,958,820],{"class":648},[638,960,962],{"class":640,"line":961},12,[638,963,965],{"class":964},"sHwdD","    /* ... heading h2-h6 sizes ... */\n",[638,967,969,972,974,976,978,981],{"class":640,"line":968},13,[638,970,971],{"class":652},"    --link--color",[638,973,795],{"class":648},[638,975,811],{"class":717},[638,977,814],{"class":648},[638,979,980],{"class":652},"--color--primary",[638,982,820],{"class":648},[638,984,986,989,991,994],{"class":640,"line":985},14,[638,987,988],{"class":652},"    --link--text-decoration",[638,990,795],{"class":648},[638,992,993],{"class":652}," none",[638,995,672],{"class":648},[638,997,999,1002,1004,1006,1008,1011],{"class":640,"line":998},15,[638,1000,1001],{"class":652},"    --link--hover--color",[638,1003,795],{"class":648},[638,1005,811],{"class":717},[638,1007,814],{"class":648},[638,1009,1010],{"class":652},"--color--primary-700",[638,1012,820],{"class":648},[638,1014,1016,1019,1021,1024],{"class":640,"line":1015},16,[638,1017,1018],{"class":652},"    --link--hover--text-decoration",[638,1020,795],{"class":648},[638,1022,1023],{"class":652}," underline",[638,1025,672],{"class":648},[638,1027,1029],{"class":640,"line":1028},17,[638,1030,1031],{"class":964},"    /* ... all other element variables ... */\n",[638,1033,1035],{"class":640,"line":1034},18,[638,1036,1037],{"class":648},"}\n",[638,1039,1041],{"class":640,"line":1040},19,[638,1042,701],{"emptyLinePlaceholder":32},[638,1044,1046,1050],{"class":640,"line":1045},20,[638,1047,1049],{"class":1048},"sBMFI","body",[638,1051,801],{"class":648},[638,1053,1055,1059,1061,1063,1065,1068],{"class":640,"line":1054},21,[638,1056,1058],{"class":1057},"sqsOY","    font-family",[638,1060,795],{"class":648},[638,1062,811],{"class":717},[638,1064,814],{"class":648},[638,1066,1067],{"class":652},"--body--font-family",[638,1069,820],{"class":648},[638,1071,1073,1076,1078,1080,1082,1085],{"class":640,"line":1072},22,[638,1074,1075],{"class":1057},"    font-size",[638,1077,795],{"class":648},[638,1079,811],{"class":717},[638,1081,814],{"class":648},[638,1083,1084],{"class":652},"--body--font-size",[638,1086,820],{"class":648},[638,1088,1090,1093,1095,1097,1099,1102],{"class":640,"line":1089},23,[638,1091,1092],{"class":1057},"    line-height",[638,1094,795],{"class":648},[638,1096,811],{"class":717},[638,1098,814],{"class":648},[638,1100,1101],{"class":652},"--body--line-height",[638,1103,820],{"class":648},[638,1105,1107,1110,1112,1114,1116,1119],{"class":640,"line":1106},24,[638,1108,1109],{"class":1057},"    color",[638,1111,795],{"class":648},[638,1113,811],{"class":717},[638,1115,814],{"class":648},[638,1117,1118],{"class":652},"--body--color",[638,1120,820],{"class":648},[638,1122,1124,1127,1129,1131,1133,1136],{"class":640,"line":1123},25,[638,1125,1126],{"class":1057},"    background",[638,1128,795],{"class":648},[638,1130,811],{"class":717},[638,1132,814],{"class":648},[638,1134,1135],{"class":652},"--body--background",[638,1137,820],{"class":648},[638,1139,1141,1144,1146,1149],{"class":640,"line":1140},26,[638,1142,1143],{"class":1048},"    -webkit-font-smoothing",[638,1145,795],{"class":648},[638,1147,1148],{"class":652}," antialiased",[638,1150,672],{"class":648},[638,1152,1154,1157,1159,1162],{"class":640,"line":1153},27,[638,1155,1156],{"class":1048},"    -moz-osx-font-smoothing",[638,1158,795],{"class":648},[638,1160,1161],{"class":652}," grayscale",[638,1163,672],{"class":648},[638,1165,1167],{"class":640,"line":1166},28,[638,1168,1037],{"class":648},[638,1170,1172],{"class":640,"line":1171},29,[638,1173,701],{"emptyLinePlaceholder":32},[638,1175,1177,1180,1182,1185,1187,1190,1192,1195,1197,1200,1202,1205,1207,1210],{"class":640,"line":1176},30,[638,1178,1179],{"class":1048},"h1",[638,1181,740],{"class":648},[638,1183,1184],{"class":1048}," h2",[638,1186,740],{"class":648},[638,1188,1189],{"class":1048}," h3",[638,1191,740],{"class":648},[638,1193,1194],{"class":1048}," h4",[638,1196,740],{"class":648},[638,1198,1199],{"class":1048}," h5",[638,1201,740],{"class":648},[638,1203,1204],{"class":1048}," h6",[638,1206,649],{"class":648},[638,1208,1209],{"class":964}," /* ... */",[638,1211,1212],{"class":648}," }\n",[638,1214,1216,1219,1221,1223],{"class":640,"line":1215},31,[638,1217,1218],{"class":1048},"a",[638,1220,649],{"class":648},[638,1222,1209],{"class":964},[638,1224,1212],{"class":648},[638,1226,1228,1230,1232,1234],{"class":640,"line":1227},32,[638,1229,554],{"class":1048},[638,1231,649],{"class":648},[638,1233,1209],{"class":964},[638,1235,1212],{"class":648},[638,1237,1239],{"class":640,"line":1238},33,[638,1240,1241],{"class":964},"/* ... all other element selectors ... */\n",[550,1243,1245],{"id":1244},"useglobalpreset",[558,1246,560],{},[1248,1249,1251],"h3",{"id":1250},"signature","Signature",[628,1253,1255],{"className":630,"code":1254,"language":633,"meta":634,"style":634},"function useGlobalPreset(\n    s: Styleframe,\n    config?: GlobalPresetConfig\n): GlobalPresetResult\n",[558,1256,1257,1267,1281,1292],{"__ignoreMap":634},[638,1258,1259,1262,1264],{"class":640,"line":641},[638,1260,1261],{"class":707},"function",[638,1263,682],{"class":717},[638,1265,1266],{"class":648},"(\n",[638,1268,1269,1273,1275,1278],{"class":640,"line":675},[638,1270,1272],{"class":1271},"sHdIc","    s",[638,1274,795],{"class":648},[638,1276,1277],{"class":1048}," Styleframe",[638,1279,1280],{"class":648},",\n",[638,1282,1283,1286,1289],{"class":640,"line":698},[638,1284,1285],{"class":1271},"    config",[638,1287,1288],{"class":648},"?:",[638,1290,1291],{"class":1048}," GlobalPresetConfig\n",[638,1293,1294,1297],{"class":640,"line":704},[638,1295,1296],{"class":648},"):",[638,1298,1299],{"class":1048}," GlobalPresetResult\n",[1248,1301,1303],{"id":1302},"configuration-options","Configuration Options",[554,1305,1306],{},"Each element can be configured as:",[567,1308,1309,1316,1321],{},[570,1310,1311,1312,1315],{},"Omitted/",[558,1313,1314],{},"undefined"," (default): Use the element's default values",[570,1317,1318,1320],{},[558,1319,614],{},": Skip this element entirely (no variables or selectors registered)",[570,1322,1323,1326],{},[558,1324,1325],{},"WithThemes\u003CConfig>",": Use custom values with optional per-theme overrides",[1328,1329,1330,1349],"table",{},[1331,1332,1333],"thead",{},[1334,1335,1336,1340,1343,1346],"tr",{},[1337,1338,1339],"th",{},"Option",[1337,1341,1342],{},"Type",[1337,1344,1345],{},"Default",[1337,1347,1348],{},"Description",[1350,1351,1352,1370,1387,1404,1421,1438,1454,1471,1488,1505,1521,1537,1554,1571,1588,1605,1622,1639,1656,1673,1690,1710,1728,1746,1764,1782],"tbody",{},[1334,1353,1354,1359,1364,1367],{},[1355,1356,1357],"td",{},[558,1358,1049],{},[1355,1360,1361],{},[558,1362,1363],{},"WithThemes\u003CBodyElementConfig> | false",[1355,1365,1366],{},"Enabled",[1355,1368,1369],{},"Body color, background, font family, size, line height",[1334,1371,1372,1377,1382,1384],{},[1355,1373,1374],{},[558,1375,1376],{},"heading",[1355,1378,1379],{},[558,1380,1381],{},"WithThemes\u003CHeadingElementConfig> | false",[1355,1383,1366],{},[1355,1385,1386],{},"Heading font family, weight, line height, per-level sizes",[1334,1388,1389,1394,1399,1401],{},[1355,1390,1391],{},[558,1392,1393],{},"paragraph",[1355,1395,1396],{},[558,1397,1398],{},"WithThemes\u003CParagraphElementConfig> | false",[1355,1400,1366],{},[1355,1402,1403],{},"Paragraph top/bottom margins",[1334,1405,1406,1411,1416,1418],{},[1355,1407,1408],{},[558,1409,1410],{},"link",[1355,1412,1413],{},[558,1414,1415],{},"WithThemes\u003CLinkElementConfig> | false",[1355,1417,1366],{},[1355,1419,1420],{},"Link color, decoration, hover states",[1334,1422,1423,1428,1433,1435],{},[1355,1424,1425],{},[558,1426,1427],{},"ol",[1355,1429,1430],{},[558,1431,1432],{},"WithThemes\u003COlElementConfig> | false",[1355,1434,1366],{},[1355,1436,1437],{},"Ordered list margin and padding",[1334,1439,1440,1444,1449,1451],{},[1355,1441,1442],{},[558,1443,567],{},[1355,1445,1446],{},[558,1447,1448],{},"WithThemes\u003CUlElementConfig> | false",[1355,1450,1366],{},[1355,1452,1453],{},"Unordered list margin and padding",[1334,1455,1456,1461,1466,1468],{},[1355,1457,1458],{},[558,1459,1460],{},"dl",[1355,1462,1463],{},[558,1464,1465],{},"WithThemes\u003CDlElementConfig> | false",[1355,1467,1366],{},[1355,1469,1470],{},"Definition list bottom margin",[1334,1472,1473,1478,1483,1485],{},[1355,1474,1475],{},[558,1476,1477],{},"dt",[1355,1479,1480],{},[558,1481,1482],{},"WithThemes\u003CDtElementConfig> | false",[1355,1484,1366],{},[1355,1486,1487],{},"Definition term font weight",[1334,1489,1490,1495,1500,1502],{},[1355,1491,1492],{},[558,1493,1494],{},"dd",[1355,1496,1497],{},[558,1498,1499],{},"WithThemes\u003CDdElementConfig> | false",[1355,1501,1366],{},[1355,1503,1504],{},"Definition description margins",[1334,1506,1507,1511,1516,1518],{},[1355,1508,1509],{},[558,1510,558],{},[1355,1512,1513],{},[558,1514,1515],{},"WithThemes\u003CCodeElementConfig> | false",[1355,1517,1366],{},[1355,1519,1520],{},"Code font family and size",[1334,1522,1523,1527,1532,1534],{},[1355,1524,1525],{},[558,1526,628],{},[1355,1528,1529],{},[558,1530,1531],{},"WithThemes\u003CPreElementConfig> | false",[1355,1533,1366],{},[1355,1535,1536],{},"Pre font family, size, bottom margin",[1334,1538,1539,1544,1549,1551],{},[1355,1540,1541],{},[558,1542,1543],{},"kbd",[1355,1545,1546],{},[558,1547,1548],{},"WithThemes\u003CKbdElementConfig> | false",[1355,1550,1366],{},[1355,1552,1553],{},"Keyboard input background, color, font, padding",[1334,1555,1556,1561,1566,1568],{},[1355,1557,1558],{},[558,1559,1560],{},"samp",[1355,1562,1563],{},[558,1564,1565],{},"WithThemes\u003CSampElementConfig> | false",[1355,1567,1366],{},[1355,1569,1570],{},"Sample output font family",[1334,1572,1573,1578,1583,1585],{},[1355,1574,1575],{},[558,1576,1577],{},"abbr",[1355,1579,1580],{},[558,1581,1582],{},"WithThemes\u003CAbbrElementConfig> | false",[1355,1584,1366],{},[1355,1586,1587],{},"Abbreviation cursor and text decoration",[1334,1589,1590,1595,1600,1602],{},[1355,1591,1592],{},[558,1593,1594],{},"mark",[1355,1596,1597],{},[558,1598,1599],{},"WithThemes\u003CMarkElementConfig> | false",[1355,1601,1366],{},[1355,1603,1604],{},"Mark background, color, padding",[1334,1606,1607,1612,1617,1619],{},[1355,1608,1609],{},[558,1610,1611],{},"hr",[1355,1613,1614],{},[558,1615,1616],{},"WithThemes\u003CHrElementConfig> | false",[1355,1618,1366],{},[1355,1620,1621],{},"Horizontal rule border and margin",[1334,1623,1624,1629,1634,1636],{},[1355,1625,1626],{},[558,1627,1628],{},"caption",[1355,1630,1631],{},[558,1632,1633],{},"WithThemes\u003CCaptionElementConfig> | false",[1355,1635,1366],{},[1355,1637,1638],{},"Table caption color, padding, text alignment",[1334,1640,1641,1646,1651,1653],{},[1355,1642,1643],{},[558,1644,1645],{},"address",[1355,1647,1648],{},[558,1649,1650],{},"WithThemes\u003CAddressElementConfig> | false",[1355,1652,1366],{},[1355,1654,1655],{},"Address bottom margin",[1334,1657,1658,1663,1668,1670],{},[1355,1659,1660],{},[558,1661,1662],{},"selection",[1355,1664,1665],{},[558,1666,1667],{},"WithThemes\u003CSelectionStateConfig> | false",[1355,1669,1366],{},[1355,1671,1672],{},"Text selection background and color",[1334,1674,1675,1680,1685,1687],{},[1355,1676,1677],{},[558,1678,1679],{},"focus",[1355,1681,1682],{},[558,1683,1684],{},"WithThemes\u003CFocusStateConfig> | false",[1355,1686,1366],{},[1355,1688,1689],{},"Focus-visible outline styles",[1334,1691,1692,1697,1702,1707],{},[1355,1693,1694],{},[558,1695,1696],{},"img",[1355,1698,1699],{},[558,1700,1701],{},"boolean",[1355,1703,1704],{},[558,1705,1706],{},"true",[1355,1708,1709],{},"Image and SVG vertical alignment",[1334,1711,1712,1717,1721,1725],{},[1355,1713,1714],{},[558,1715,1716],{},"iframe",[1355,1718,1719],{},[558,1720,1701],{},[1355,1722,1723],{},[558,1724,1706],{},[1355,1726,1727],{},"Iframe border removal",[1334,1729,1730,1735,1739,1743],{},[1355,1731,1732],{},[558,1733,1734],{},"output",[1355,1736,1737],{},[558,1738,1701],{},[1355,1740,1741],{},[558,1742,1706],{},[1355,1744,1745],{},"Output display mode",[1334,1747,1748,1753,1757,1761],{},[1355,1749,1750],{},[558,1751,1752],{},"legend",[1355,1754,1755],{},[558,1756,1701],{},[1355,1758,1759],{},[558,1760,1706],{},[1355,1762,1763],{},"Legend form layout",[1334,1765,1766,1771,1775,1779],{},[1355,1767,1768],{},[558,1769,1770],{},"summary",[1355,1772,1773],{},[558,1774,1701],{},[1355,1776,1777],{},[558,1778,1706],{},[1355,1780,1781],{},"Summary cursor style",[1334,1783,1784,1789,1794,1797],{},[1355,1785,1786],{},[558,1787,1788],{},"themes",[1355,1790,1791],{},[558,1792,1793],{},"Record\u003Cstring, GlobalThemeOverrides>",[1355,1795,1796],{},"—",[1355,1798,1799],{},"Centralized per-theme overrides for all elements",[1248,1801,1803],{"id":1802},"return-value","Return Value",[554,1805,556,1806,1808,1809,1812],{},[558,1807,560],{}," function returns a ",[558,1810,1811],{},"GlobalPresetResult"," object containing the result of each enabled element composable:",[628,1814,1816],{"className":630,"code":1815,"language":633,"meta":634,"style":634},"const {\n    body,       // BodyElementResult\n    heading,    // HeadingElementResult\n    link,       // LinkElementResult\n    paragraph,  // ParagraphElementResult\n    code,       // CodeElementResult\n    selection,  // SelectionStateResult\n    focus,      // FocusStateResult\n    // ... all other element results\n} = useGlobalPreset(s);\n",[558,1817,1818,1824,1834,1844,1854,1864,1874,1884,1894,1899],{"__ignoreMap":634},[638,1819,1820,1822],{"class":640,"line":641},[638,1821,708],{"class":707},[638,1823,801],{"class":648},[638,1825,1826,1829,1831],{"class":640,"line":675},[638,1827,1828],{"class":652},"    body",[638,1830,740],{"class":648},[638,1832,1833],{"class":964},"       // BodyElementResult\n",[638,1835,1836,1839,1841],{"class":640,"line":698},[638,1837,1838],{"class":652},"    heading",[638,1840,740],{"class":648},[638,1842,1843],{"class":964},"    // HeadingElementResult\n",[638,1845,1846,1849,1851],{"class":640,"line":704},[638,1847,1848],{"class":652},"    link",[638,1850,740],{"class":648},[638,1852,1853],{"class":964},"       // LinkElementResult\n",[638,1855,1856,1859,1861],{"class":640,"line":725},[638,1857,1858],{"class":652},"    paragraph",[638,1860,740],{"class":648},[638,1862,1863],{"class":964},"  // ParagraphElementResult\n",[638,1865,1866,1869,1871],{"class":640,"line":730},[638,1867,1868],{"class":652},"    code",[638,1870,740],{"class":648},[638,1872,1873],{"class":964},"       // CodeElementResult\n",[638,1875,1876,1879,1881],{"class":640,"line":764},[638,1877,1878],{"class":652},"    selection",[638,1880,740],{"class":648},[638,1882,1883],{"class":964},"  // SelectionStateResult\n",[638,1885,1886,1889,1891],{"class":640,"line":769},[638,1887,1888],{"class":652},"    focus",[638,1890,740],{"class":648},[638,1892,1893],{"class":964},"      // FocusStateResult\n",[638,1895,1896],{"class":640,"line":910},[638,1897,1898],{"class":964},"    // ... all other element results\n",[638,1900,1901,1903,1905,1907,1909],{"class":640,"line":927},[638,1902,751],{"class":648},[638,1904,754],{"class":648},[638,1906,682],{"class":717},[638,1908,759],{"class":652},[638,1910,672],{"class":648},[554,1912,1913,1914,1917,1918,1921,1922,1925],{},"Each result contains the CSS variable tokens for that element. For example, ",[558,1915,1916],{},"body.bodyColor"," is a ",[558,1919,1920],{},"Variable\u003C\"body.color\">"," that you can use with ",[558,1923,1924],{},"ref()",".",[550,1927,1929],{"id":1928},"examples","Examples",[1248,1931,1933],{"id":1932},"customizing-individual-elements","Customizing Individual Elements",[621,1935,1936,2236],{},[624,1937,1938],{"icon":626,"label":272},[628,1939,1941],{"className":630,"code":1940,"filename":632,"language":633,"meta":634,"style":634},"import { styleframe } from 'styleframe';\nimport { useGlobalPreset } from '@styleframe/theme';\n\nconst s = styleframe();\n\nconst { body, heading, link } = useGlobalPreset(s, {\n    body: {\n        color: '#333333',\n        background: '#ffffff',\n        fontFamily: '\"Inter\", sans-serif',\n    },\n    heading: {\n        fontWeight: '600',\n        sizes: {\n            h1: '2.5rem',\n            h2: '2rem',\n        },\n    },\n    link: {\n        color: '@color.info',\n        hoverColor: '@color.info-700',\n    },\n});\n\nexport default s;\n",[558,1942,1943,1963,1983,1987,2001,2005,2034,2043,2059,2075,2091,2096,2104,2120,2129,2145,2161,2166,2170,2178,2193,2209,2213,2222,2226],{"__ignoreMap":634},[638,1944,1945,1947,1949,1951,1953,1955,1957,1959,1961],{"class":640,"line":641},[638,1946,645],{"class":644},[638,1948,649],{"class":648},[638,1950,653],{"class":652},[638,1952,656],{"class":648},[638,1954,659],{"class":644},[638,1956,662],{"class":648},[638,1958,666],{"class":665},[638,1960,669],{"class":648},[638,1962,672],{"class":648},[638,1964,1965,1967,1969,1971,1973,1975,1977,1979,1981],{"class":640,"line":675},[638,1966,645],{"class":644},[638,1968,649],{"class":648},[638,1970,682],{"class":652},[638,1972,656],{"class":648},[638,1974,659],{"class":644},[638,1976,662],{"class":648},[638,1978,691],{"class":665},[638,1980,669],{"class":648},[638,1982,672],{"class":648},[638,1984,1985],{"class":640,"line":698},[638,1986,701],{"emptyLinePlaceholder":32},[638,1988,1989,1991,1993,1995,1997,1999],{"class":640,"line":704},[638,1990,708],{"class":707},[638,1992,711],{"class":652},[638,1994,714],{"class":648},[638,1996,653],{"class":717},[638,1998,720],{"class":652},[638,2000,672],{"class":648},[638,2002,2003],{"class":640,"line":725},[638,2004,701],{"emptyLinePlaceholder":32},[638,2006,2007,2009,2011,2013,2015,2017,2019,2021,2023,2025,2027,2030,2032],{"class":640,"line":730},[638,2008,708],{"class":707},[638,2010,649],{"class":648},[638,2012,737],{"class":652},[638,2014,740],{"class":648},[638,2016,743],{"class":652},[638,2018,740],{"class":648},[638,2020,748],{"class":652},[638,2022,751],{"class":648},[638,2024,754],{"class":648},[638,2026,682],{"class":717},[638,2028,2029],{"class":652},"(s",[638,2031,740],{"class":648},[638,2033,801],{"class":648},[638,2035,2036,2039,2041],{"class":640,"line":764},[638,2037,1828],{"class":2038},"swJcz",[638,2040,795],{"class":648},[638,2042,801],{"class":648},[638,2044,2045,2048,2050,2052,2055,2057],{"class":640,"line":769},[638,2046,2047],{"class":2038},"        color",[638,2049,795],{"class":648},[638,2051,662],{"class":648},[638,2053,2054],{"class":665},"#333333",[638,2056,669],{"class":648},[638,2058,1280],{"class":648},[638,2060,2061,2064,2066,2068,2071,2073],{"class":640,"line":910},[638,2062,2063],{"class":2038},"        background",[638,2065,795],{"class":648},[638,2067,662],{"class":648},[638,2069,2070],{"class":665},"#ffffff",[638,2072,669],{"class":648},[638,2074,1280],{"class":648},[638,2076,2077,2080,2082,2084,2087,2089],{"class":640,"line":927},[638,2078,2079],{"class":2038},"        fontFamily",[638,2081,795],{"class":648},[638,2083,662],{"class":648},[638,2085,2086],{"class":665},"\"Inter\", sans-serif",[638,2088,669],{"class":648},[638,2090,1280],{"class":648},[638,2092,2093],{"class":640,"line":944},[638,2094,2095],{"class":648},"    },\n",[638,2097,2098,2100,2102],{"class":640,"line":961},[638,2099,1838],{"class":2038},[638,2101,795],{"class":648},[638,2103,801],{"class":648},[638,2105,2106,2109,2111,2113,2116,2118],{"class":640,"line":968},[638,2107,2108],{"class":2038},"        fontWeight",[638,2110,795],{"class":648},[638,2112,662],{"class":648},[638,2114,2115],{"class":665},"600",[638,2117,669],{"class":648},[638,2119,1280],{"class":648},[638,2121,2122,2125,2127],{"class":640,"line":985},[638,2123,2124],{"class":2038},"        sizes",[638,2126,795],{"class":648},[638,2128,801],{"class":648},[638,2130,2131,2134,2136,2138,2141,2143],{"class":640,"line":998},[638,2132,2133],{"class":2038},"            h1",[638,2135,795],{"class":648},[638,2137,662],{"class":648},[638,2139,2140],{"class":665},"2.5rem",[638,2142,669],{"class":648},[638,2144,1280],{"class":648},[638,2146,2147,2150,2152,2154,2157,2159],{"class":640,"line":1015},[638,2148,2149],{"class":2038},"            h2",[638,2151,795],{"class":648},[638,2153,662],{"class":648},[638,2155,2156],{"class":665},"2rem",[638,2158,669],{"class":648},[638,2160,1280],{"class":648},[638,2162,2163],{"class":640,"line":1028},[638,2164,2165],{"class":648},"        },\n",[638,2167,2168],{"class":640,"line":1034},[638,2169,2095],{"class":648},[638,2171,2172,2174,2176],{"class":640,"line":1040},[638,2173,1848],{"class":2038},[638,2175,795],{"class":648},[638,2177,801],{"class":648},[638,2179,2180,2182,2184,2186,2189,2191],{"class":640,"line":1045},[638,2181,2047],{"class":2038},[638,2183,795],{"class":648},[638,2185,662],{"class":648},[638,2187,2188],{"class":665},"@color.info",[638,2190,669],{"class":648},[638,2192,1280],{"class":648},[638,2194,2195,2198,2200,2202,2205,2207],{"class":640,"line":1054},[638,2196,2197],{"class":2038},"        hoverColor",[638,2199,795],{"class":648},[638,2201,662],{"class":648},[638,2203,2204],{"class":665},"@color.info-700",[638,2206,669],{"class":648},[638,2208,1280],{"class":648},[638,2210,2211],{"class":640,"line":1072},[638,2212,2095],{"class":648},[638,2214,2215,2217,2220],{"class":640,"line":1089},[638,2216,751],{"class":648},[638,2218,2219],{"class":652},")",[638,2221,672],{"class":648},[638,2223,2224],{"class":640,"line":1106},[638,2225,701],{"emptyLinePlaceholder":32},[638,2227,2228,2230,2232,2234],{"class":640,"line":1123},[638,2229,772],{"class":644},[638,2231,775],{"class":644},[638,2233,778],{"class":652},[638,2235,672],{"class":648},[624,2237,2238],{"icon":159,"label":320},[628,2239,2241],{"className":785,"code":2240,"filename":787,"language":788,"meta":634,"style":634},":root {\n    --body--color: #333333;\n    --body--background: #ffffff;\n    --body--font-family: \"Inter\", sans-serif;\n    --body--font-size: var(--font-size);\n    --body--line-height: var(--line-height);\n    --heading--font-weight: 600;\n    --heading--h1--font-size: 2.5rem;\n    --heading--h2--font-size: 2rem;\n    --link--color: var(--color--info);\n    --link--hover--color: var(--color--info-700);\n    /* ... */\n}\n",[558,2242,2243,2251,2265,2278,2300,2314,2328,2340,2351,2363,2378,2393,2398],{"__ignoreMap":634},[638,2244,2245,2247,2249],{"class":640,"line":641},[638,2246,795],{"class":648},[638,2248,798],{"class":707},[638,2250,801],{"class":648},[638,2252,2253,2255,2257,2260,2263],{"class":640,"line":675},[638,2254,806],{"class":652},[638,2256,795],{"class":648},[638,2258,2259],{"class":648}," #",[638,2261,2262],{"class":652},"333333",[638,2264,672],{"class":648},[638,2266,2267,2269,2271,2273,2276],{"class":640,"line":698},[638,2268,825],{"class":652},[638,2270,795],{"class":648},[638,2272,2259],{"class":648},[638,2274,2275],{"class":652},"ffffff",[638,2277,672],{"class":648},[638,2279,2280,2282,2284,2287,2290,2293,2295,2298],{"class":640,"line":704},[638,2281,841],{"class":652},[638,2283,795],{"class":648},[638,2285,2286],{"class":648}," \"",[638,2288,2289],{"class":665},"Inter",[638,2291,2292],{"class":648},"\"",[638,2294,740],{"class":648},[638,2296,2297],{"class":652}," sans-serif",[638,2299,672],{"class":648},[638,2301,2302,2304,2306,2308,2310,2312],{"class":640,"line":725},[638,2303,857],{"class":652},[638,2305,795],{"class":648},[638,2307,811],{"class":717},[638,2309,814],{"class":648},[638,2311,866],{"class":652},[638,2313,820],{"class":648},[638,2315,2316,2318,2320,2322,2324,2326],{"class":640,"line":730},[638,2317,873],{"class":652},[638,2319,795],{"class":648},[638,2321,811],{"class":717},[638,2323,814],{"class":648},[638,2325,882],{"class":652},[638,2327,820],{"class":648},[638,2329,2330,2332,2334,2338],{"class":640,"line":764},[638,2331,913],{"class":652},[638,2333,795],{"class":648},[638,2335,2337],{"class":2336},"sbssI"," 600",[638,2339,672],{"class":648},[638,2341,2342,2344,2346,2349],{"class":640,"line":769},[638,2343,947],{"class":652},[638,2345,795],{"class":648},[638,2347,2348],{"class":2336}," 2.5rem",[638,2350,672],{"class":648},[638,2352,2353,2356,2358,2361],{"class":640,"line":910},[638,2354,2355],{"class":652},"    --heading--h2--font-size",[638,2357,795],{"class":648},[638,2359,2360],{"class":2336}," 2rem",[638,2362,672],{"class":648},[638,2364,2365,2367,2369,2371,2373,2376],{"class":640,"line":927},[638,2366,971],{"class":652},[638,2368,795],{"class":648},[638,2370,811],{"class":717},[638,2372,814],{"class":648},[638,2374,2375],{"class":652},"--color--info",[638,2377,820],{"class":648},[638,2379,2380,2382,2384,2386,2388,2391],{"class":640,"line":944},[638,2381,1001],{"class":652},[638,2383,795],{"class":648},[638,2385,811],{"class":717},[638,2387,814],{"class":648},[638,2389,2390],{"class":652},"--color--info-700",[638,2392,820],{"class":648},[638,2394,2395],{"class":640,"line":961},[638,2396,2397],{"class":964},"    /* ... */\n",[638,2399,2400],{"class":640,"line":968},[638,2401,1037],{"class":648},[1248,2403,2405],{"id":2404},"disabling-specific-elements","Disabling Specific Elements",[621,2407,2408],{},[624,2409,2410],{"icon":626,"label":272},[628,2411,2413],{"className":630,"code":2412,"filename":632,"language":633,"meta":634,"style":634},"import { styleframe } from 'styleframe';\nimport { useGlobalPreset } from '@styleframe/theme';\n\nconst s = styleframe();\n\n// Only apply body, headings, and links — skip everything else\nconst { body, heading, link } = useGlobalPreset(s, {\n    paragraph: false,\n    ol: false,\n    ul: false,\n    dl: false,\n    dt: false,\n    dd: false,\n    code: false,\n    pre: false,\n    kbd: false,\n    samp: false,\n    abbr: false,\n    mark: false,\n    hr: false,\n    caption: false,\n    address: false,\n    focus: false,\n    selection: false,\n    img: false,\n    iframe: false,\n    output: false,\n    legend: false,\n    summary: false,\n});\n\nexport default s;\n",[558,2414,2415,2435,2455,2459,2473,2477,2482,2510,2522,2533,2544,2555,2566,2577,2587,2598,2609,2620,2631,2642,2653,2664,2675,2685,2695,2706,2717,2728,2739,2750,2758,2762],{"__ignoreMap":634},[638,2416,2417,2419,2421,2423,2425,2427,2429,2431,2433],{"class":640,"line":641},[638,2418,645],{"class":644},[638,2420,649],{"class":648},[638,2422,653],{"class":652},[638,2424,656],{"class":648},[638,2426,659],{"class":644},[638,2428,662],{"class":648},[638,2430,666],{"class":665},[638,2432,669],{"class":648},[638,2434,672],{"class":648},[638,2436,2437,2439,2441,2443,2445,2447,2449,2451,2453],{"class":640,"line":675},[638,2438,645],{"class":644},[638,2440,649],{"class":648},[638,2442,682],{"class":652},[638,2444,656],{"class":648},[638,2446,659],{"class":644},[638,2448,662],{"class":648},[638,2450,691],{"class":665},[638,2452,669],{"class":648},[638,2454,672],{"class":648},[638,2456,2457],{"class":640,"line":698},[638,2458,701],{"emptyLinePlaceholder":32},[638,2460,2461,2463,2465,2467,2469,2471],{"class":640,"line":704},[638,2462,708],{"class":707},[638,2464,711],{"class":652},[638,2466,714],{"class":648},[638,2468,653],{"class":717},[638,2470,720],{"class":652},[638,2472,672],{"class":648},[638,2474,2475],{"class":640,"line":725},[638,2476,701],{"emptyLinePlaceholder":32},[638,2478,2479],{"class":640,"line":730},[638,2480,2481],{"class":964},"// Only apply body, headings, and links — skip everything else\n",[638,2483,2484,2486,2488,2490,2492,2494,2496,2498,2500,2502,2504,2506,2508],{"class":640,"line":764},[638,2485,708],{"class":707},[638,2487,649],{"class":648},[638,2489,737],{"class":652},[638,2491,740],{"class":648},[638,2493,743],{"class":652},[638,2495,740],{"class":648},[638,2497,748],{"class":652},[638,2499,751],{"class":648},[638,2501,754],{"class":648},[638,2503,682],{"class":717},[638,2505,2029],{"class":652},[638,2507,740],{"class":648},[638,2509,801],{"class":648},[638,2511,2512,2514,2516,2520],{"class":640,"line":769},[638,2513,1858],{"class":2038},[638,2515,795],{"class":648},[638,2517,2519],{"class":2518},"sfNiH"," false",[638,2521,1280],{"class":648},[638,2523,2524,2527,2529,2531],{"class":640,"line":910},[638,2525,2526],{"class":2038},"    ol",[638,2528,795],{"class":648},[638,2530,2519],{"class":2518},[638,2532,1280],{"class":648},[638,2534,2535,2538,2540,2542],{"class":640,"line":927},[638,2536,2537],{"class":2038},"    ul",[638,2539,795],{"class":648},[638,2541,2519],{"class":2518},[638,2543,1280],{"class":648},[638,2545,2546,2549,2551,2553],{"class":640,"line":944},[638,2547,2548],{"class":2038},"    dl",[638,2550,795],{"class":648},[638,2552,2519],{"class":2518},[638,2554,1280],{"class":648},[638,2556,2557,2560,2562,2564],{"class":640,"line":961},[638,2558,2559],{"class":2038},"    dt",[638,2561,795],{"class":648},[638,2563,2519],{"class":2518},[638,2565,1280],{"class":648},[638,2567,2568,2571,2573,2575],{"class":640,"line":968},[638,2569,2570],{"class":2038},"    dd",[638,2572,795],{"class":648},[638,2574,2519],{"class":2518},[638,2576,1280],{"class":648},[638,2578,2579,2581,2583,2585],{"class":640,"line":985},[638,2580,1868],{"class":2038},[638,2582,795],{"class":648},[638,2584,2519],{"class":2518},[638,2586,1280],{"class":648},[638,2588,2589,2592,2594,2596],{"class":640,"line":998},[638,2590,2591],{"class":2038},"    pre",[638,2593,795],{"class":648},[638,2595,2519],{"class":2518},[638,2597,1280],{"class":648},[638,2599,2600,2603,2605,2607],{"class":640,"line":1015},[638,2601,2602],{"class":2038},"    kbd",[638,2604,795],{"class":648},[638,2606,2519],{"class":2518},[638,2608,1280],{"class":648},[638,2610,2611,2614,2616,2618],{"class":640,"line":1028},[638,2612,2613],{"class":2038},"    samp",[638,2615,795],{"class":648},[638,2617,2519],{"class":2518},[638,2619,1280],{"class":648},[638,2621,2622,2625,2627,2629],{"class":640,"line":1034},[638,2623,2624],{"class":2038},"    abbr",[638,2626,795],{"class":648},[638,2628,2519],{"class":2518},[638,2630,1280],{"class":648},[638,2632,2633,2636,2638,2640],{"class":640,"line":1040},[638,2634,2635],{"class":2038},"    mark",[638,2637,795],{"class":648},[638,2639,2519],{"class":2518},[638,2641,1280],{"class":648},[638,2643,2644,2647,2649,2651],{"class":640,"line":1045},[638,2645,2646],{"class":2038},"    hr",[638,2648,795],{"class":648},[638,2650,2519],{"class":2518},[638,2652,1280],{"class":648},[638,2654,2655,2658,2660,2662],{"class":640,"line":1054},[638,2656,2657],{"class":2038},"    caption",[638,2659,795],{"class":648},[638,2661,2519],{"class":2518},[638,2663,1280],{"class":648},[638,2665,2666,2669,2671,2673],{"class":640,"line":1072},[638,2667,2668],{"class":2038},"    address",[638,2670,795],{"class":648},[638,2672,2519],{"class":2518},[638,2674,1280],{"class":648},[638,2676,2677,2679,2681,2683],{"class":640,"line":1089},[638,2678,1888],{"class":2038},[638,2680,795],{"class":648},[638,2682,2519],{"class":2518},[638,2684,1280],{"class":648},[638,2686,2687,2689,2691,2693],{"class":640,"line":1106},[638,2688,1878],{"class":2038},[638,2690,795],{"class":648},[638,2692,2519],{"class":2518},[638,2694,1280],{"class":648},[638,2696,2697,2700,2702,2704],{"class":640,"line":1123},[638,2698,2699],{"class":2038},"    img",[638,2701,795],{"class":648},[638,2703,2519],{"class":2518},[638,2705,1280],{"class":648},[638,2707,2708,2711,2713,2715],{"class":640,"line":1140},[638,2709,2710],{"class":2038},"    iframe",[638,2712,795],{"class":648},[638,2714,2519],{"class":2518},[638,2716,1280],{"class":648},[638,2718,2719,2722,2724,2726],{"class":640,"line":1153},[638,2720,2721],{"class":2038},"    output",[638,2723,795],{"class":648},[638,2725,2519],{"class":2518},[638,2727,1280],{"class":648},[638,2729,2730,2733,2735,2737],{"class":640,"line":1166},[638,2731,2732],{"class":2038},"    legend",[638,2734,795],{"class":648},[638,2736,2519],{"class":2518},[638,2738,1280],{"class":648},[638,2740,2741,2744,2746,2748],{"class":640,"line":1171},[638,2742,2743],{"class":2038},"    summary",[638,2745,795],{"class":648},[638,2747,2519],{"class":2518},[638,2749,1280],{"class":648},[638,2751,2752,2754,2756],{"class":640,"line":1176},[638,2753,751],{"class":648},[638,2755,2219],{"class":652},[638,2757,672],{"class":648},[638,2759,2760],{"class":640,"line":1215},[638,2761,701],{"emptyLinePlaceholder":32},[638,2763,2764,2766,2768,2770],{"class":640,"line":1227},[638,2765,772],{"class":644},[638,2767,775],{"class":644},[638,2769,778],{"class":652},[638,2771,672],{"class":648},[1248,2773,2775],{"id":2774},"centralized-theme-overrides","Centralized Theme Overrides",[554,2777,556,2778,2780],{},[558,2779,1788],{}," option lets you define per-theme overrides for multiple elements in one place:",[621,2782,2783,3057],{},[624,2784,2785],{"icon":626,"label":272},[628,2786,2788],{"className":630,"code":2787,"filename":632,"language":633,"meta":634,"style":634},"import { styleframe } from 'styleframe';\nimport { useGlobalPreset } from '@styleframe/theme';\n\nconst s = styleframe();\n\nuseGlobalPreset(s, {\n    themes: {\n        dark: {\n            body: {\n                color: '#e2e8f0',\n                background: '#0f172a',\n            },\n            heading: {\n                color: '#f1f5f9',\n            },\n            link: {\n                color: '@color.primary-300',\n                hoverColor: '@color.primary-200',\n            },\n            hr: {\n                borderColor: '@color.gray-700',\n            },\n        },\n    },\n});\n\nexport default s;\n",[558,2789,2790,2810,2830,2834,2848,2852,2862,2871,2880,2889,2905,2921,2926,2935,2950,2954,2963,2978,2994,2998,3007,3023,3027,3031,3035,3043,3047],{"__ignoreMap":634},[638,2791,2792,2794,2796,2798,2800,2802,2804,2806,2808],{"class":640,"line":641},[638,2793,645],{"class":644},[638,2795,649],{"class":648},[638,2797,653],{"class":652},[638,2799,656],{"class":648},[638,2801,659],{"class":644},[638,2803,662],{"class":648},[638,2805,666],{"class":665},[638,2807,669],{"class":648},[638,2809,672],{"class":648},[638,2811,2812,2814,2816,2818,2820,2822,2824,2826,2828],{"class":640,"line":675},[638,2813,645],{"class":644},[638,2815,649],{"class":648},[638,2817,682],{"class":652},[638,2819,656],{"class":648},[638,2821,659],{"class":644},[638,2823,662],{"class":648},[638,2825,691],{"class":665},[638,2827,669],{"class":648},[638,2829,672],{"class":648},[638,2831,2832],{"class":640,"line":698},[638,2833,701],{"emptyLinePlaceholder":32},[638,2835,2836,2838,2840,2842,2844,2846],{"class":640,"line":704},[638,2837,708],{"class":707},[638,2839,711],{"class":652},[638,2841,714],{"class":648},[638,2843,653],{"class":717},[638,2845,720],{"class":652},[638,2847,672],{"class":648},[638,2849,2850],{"class":640,"line":725},[638,2851,701],{"emptyLinePlaceholder":32},[638,2853,2854,2856,2858,2860],{"class":640,"line":730},[638,2855,560],{"class":717},[638,2857,2029],{"class":652},[638,2859,740],{"class":648},[638,2861,801],{"class":648},[638,2863,2864,2867,2869],{"class":640,"line":764},[638,2865,2866],{"class":2038},"    themes",[638,2868,795],{"class":648},[638,2870,801],{"class":648},[638,2872,2873,2876,2878],{"class":640,"line":769},[638,2874,2875],{"class":2038},"        dark",[638,2877,795],{"class":648},[638,2879,801],{"class":648},[638,2881,2882,2885,2887],{"class":640,"line":910},[638,2883,2884],{"class":2038},"            body",[638,2886,795],{"class":648},[638,2888,801],{"class":648},[638,2890,2891,2894,2896,2898,2901,2903],{"class":640,"line":927},[638,2892,2893],{"class":2038},"                color",[638,2895,795],{"class":648},[638,2897,662],{"class":648},[638,2899,2900],{"class":665},"#e2e8f0",[638,2902,669],{"class":648},[638,2904,1280],{"class":648},[638,2906,2907,2910,2912,2914,2917,2919],{"class":640,"line":944},[638,2908,2909],{"class":2038},"                background",[638,2911,795],{"class":648},[638,2913,662],{"class":648},[638,2915,2916],{"class":665},"#0f172a",[638,2918,669],{"class":648},[638,2920,1280],{"class":648},[638,2922,2923],{"class":640,"line":961},[638,2924,2925],{"class":648},"            },\n",[638,2927,2928,2931,2933],{"class":640,"line":968},[638,2929,2930],{"class":2038},"            heading",[638,2932,795],{"class":648},[638,2934,801],{"class":648},[638,2936,2937,2939,2941,2943,2946,2948],{"class":640,"line":985},[638,2938,2893],{"class":2038},[638,2940,795],{"class":648},[638,2942,662],{"class":648},[638,2944,2945],{"class":665},"#f1f5f9",[638,2947,669],{"class":648},[638,2949,1280],{"class":648},[638,2951,2952],{"class":640,"line":998},[638,2953,2925],{"class":648},[638,2955,2956,2959,2961],{"class":640,"line":1015},[638,2957,2958],{"class":2038},"            link",[638,2960,795],{"class":648},[638,2962,801],{"class":648},[638,2964,2965,2967,2969,2971,2974,2976],{"class":640,"line":1028},[638,2966,2893],{"class":2038},[638,2968,795],{"class":648},[638,2970,662],{"class":648},[638,2972,2973],{"class":665},"@color.primary-300",[638,2975,669],{"class":648},[638,2977,1280],{"class":648},[638,2979,2980,2983,2985,2987,2990,2992],{"class":640,"line":1034},[638,2981,2982],{"class":2038},"                hoverColor",[638,2984,795],{"class":648},[638,2986,662],{"class":648},[638,2988,2989],{"class":665},"@color.primary-200",[638,2991,669],{"class":648},[638,2993,1280],{"class":648},[638,2995,2996],{"class":640,"line":1040},[638,2997,2925],{"class":648},[638,2999,3000,3003,3005],{"class":640,"line":1045},[638,3001,3002],{"class":2038},"            hr",[638,3004,795],{"class":648},[638,3006,801],{"class":648},[638,3008,3009,3012,3014,3016,3019,3021],{"class":640,"line":1054},[638,3010,3011],{"class":2038},"                borderColor",[638,3013,795],{"class":648},[638,3015,662],{"class":648},[638,3017,3018],{"class":665},"@color.gray-700",[638,3020,669],{"class":648},[638,3022,1280],{"class":648},[638,3024,3025],{"class":640,"line":1072},[638,3026,2925],{"class":648},[638,3028,3029],{"class":640,"line":1089},[638,3030,2165],{"class":648},[638,3032,3033],{"class":640,"line":1106},[638,3034,2095],{"class":648},[638,3036,3037,3039,3041],{"class":640,"line":1123},[638,3038,751],{"class":648},[638,3040,2219],{"class":652},[638,3042,672],{"class":648},[638,3044,3045],{"class":640,"line":1140},[638,3046,701],{"emptyLinePlaceholder":32},[638,3048,3049,3051,3053,3055],{"class":640,"line":1153},[638,3050,772],{"class":644},[638,3052,775],{"class":644},[638,3054,778],{"class":652},[638,3056,672],{"class":648},[624,3058,3059],{"icon":159,"label":320},[628,3060,3062],{"className":785,"code":3061,"filename":787,"language":788,"meta":634,"style":634},":root {\n    --body--color: var(--color--text);\n    --body--background: var(--color--background);\n    --heading--color: inherit;\n    --link--color: var(--color--primary);\n    --hr--border-color: var(--color--gray-200);\n    /* ... */\n}\n\n[data-theme=\"dark\"] {\n    --body--color: #e2e8f0;\n    --body--background: #0f172a;\n    --heading--color: #f1f5f9;\n    --link--color: var(--color--primary-300);\n    --link--hover--color: var(--color--primary-200);\n    --hr--border-color: var(--color--gray-700);\n}\n",[558,3063,3064,3072,3086,3100,3110,3124,3140,3144,3148,3152,3174,3187,3200,3213,3228,3243,3258],{"__ignoreMap":634},[638,3065,3066,3068,3070],{"class":640,"line":641},[638,3067,795],{"class":648},[638,3069,798],{"class":707},[638,3071,801],{"class":648},[638,3073,3074,3076,3078,3080,3082,3084],{"class":640,"line":675},[638,3075,806],{"class":652},[638,3077,795],{"class":648},[638,3079,811],{"class":717},[638,3081,814],{"class":648},[638,3083,817],{"class":652},[638,3085,820],{"class":648},[638,3087,3088,3090,3092,3094,3096,3098],{"class":640,"line":698},[638,3089,825],{"class":652},[638,3091,795],{"class":648},[638,3093,811],{"class":717},[638,3095,814],{"class":648},[638,3097,834],{"class":652},[638,3099,820],{"class":648},[638,3101,3102,3104,3106,3108],{"class":640,"line":704},[638,3103,889],{"class":652},[638,3105,795],{"class":648},[638,3107,894],{"class":652},[638,3109,672],{"class":648},[638,3111,3112,3114,3116,3118,3120,3122],{"class":640,"line":725},[638,3113,971],{"class":652},[638,3115,795],{"class":648},[638,3117,811],{"class":717},[638,3119,814],{"class":648},[638,3121,980],{"class":652},[638,3123,820],{"class":648},[638,3125,3126,3129,3131,3133,3135,3138],{"class":640,"line":730},[638,3127,3128],{"class":652},"    --hr--border-color",[638,3130,795],{"class":648},[638,3132,811],{"class":717},[638,3134,814],{"class":648},[638,3136,3137],{"class":652},"--color--gray-200",[638,3139,820],{"class":648},[638,3141,3142],{"class":640,"line":764},[638,3143,2397],{"class":964},[638,3145,3146],{"class":640,"line":769},[638,3147,1037],{"class":648},[638,3149,3150],{"class":640,"line":910},[638,3151,701],{"emptyLinePlaceholder":32},[638,3153,3154,3157,3160,3162,3164,3167,3169,3172],{"class":640,"line":927},[638,3155,3156],{"class":648},"[",[638,3158,3159],{"class":707},"data-theme",[638,3161,714],{"class":648},[638,3163,2292],{"class":648},[638,3165,3166],{"class":665},"dark",[638,3168,2292],{"class":648},[638,3170,3171],{"class":648},"]",[638,3173,801],{"class":648},[638,3175,3176,3178,3180,3182,3185],{"class":640,"line":944},[638,3177,806],{"class":652},[638,3179,795],{"class":648},[638,3181,2259],{"class":648},[638,3183,3184],{"class":652},"e2e8f0",[638,3186,672],{"class":648},[638,3188,3189,3191,3193,3195,3198],{"class":640,"line":961},[638,3190,825],{"class":652},[638,3192,795],{"class":648},[638,3194,2259],{"class":648},[638,3196,3197],{"class":652},"0f172a",[638,3199,672],{"class":648},[638,3201,3202,3204,3206,3208,3211],{"class":640,"line":968},[638,3203,889],{"class":652},[638,3205,795],{"class":648},[638,3207,2259],{"class":648},[638,3209,3210],{"class":652},"f1f5f9",[638,3212,672],{"class":648},[638,3214,3215,3217,3219,3221,3223,3226],{"class":640,"line":985},[638,3216,971],{"class":652},[638,3218,795],{"class":648},[638,3220,811],{"class":717},[638,3222,814],{"class":648},[638,3224,3225],{"class":652},"--color--primary-300",[638,3227,820],{"class":648},[638,3229,3230,3232,3234,3236,3238,3241],{"class":640,"line":998},[638,3231,1001],{"class":652},[638,3233,795],{"class":648},[638,3235,811],{"class":717},[638,3237,814],{"class":648},[638,3239,3240],{"class":652},"--color--primary-200",[638,3242,820],{"class":648},[638,3244,3245,3247,3249,3251,3253,3256],{"class":640,"line":1015},[638,3246,3128],{"class":652},[638,3248,795],{"class":648},[638,3250,811],{"class":717},[638,3252,814],{"class":648},[638,3254,3255],{"class":652},"--color--gray-700",[638,3257,820],{"class":648},[638,3259,3260],{"class":640,"line":1028},[638,3261,1037],{"class":648},[1248,3263,3265],{"id":3264},"per-element-vs-centralized-themes","Per-Element vs. Centralized Themes",[554,3267,3268,3269,3271],{},"You can define theme overrides both on individual elements and in the centralized ",[558,3270,1788],{}," map. When both exist, they are merged — centralized themes take precedence:",[628,3273,3275],{"className":630,"code":3274,"filename":632,"language":633,"meta":634,"style":634},"import { styleframe } from 'styleframe';\nimport { useGlobalPreset } from '@styleframe/theme';\n\nconst s = styleframe();\n\nuseGlobalPreset(s, {\n    // Per-element theme override\n    body: {\n        color: '@color.text',\n        themes: {\n            dark: {\n                color: '#cccccc',\n            },\n        },\n    },\n    // Centralized theme override — takes precedence\n    themes: {\n        dark: {\n            body: {\n                color: '#e2e8f0',  // This value wins\n            },\n        },\n    },\n});\n\nexport default s;\n",[558,3276,3277,3297,3317,3321,3335,3339,3349,3354,3362,3377,3386,3395,3410,3414,3418,3422,3427,3435,3443,3451,3468,3472,3476,3480,3488,3492],{"__ignoreMap":634},[638,3278,3279,3281,3283,3285,3287,3289,3291,3293,3295],{"class":640,"line":641},[638,3280,645],{"class":644},[638,3282,649],{"class":648},[638,3284,653],{"class":652},[638,3286,656],{"class":648},[638,3288,659],{"class":644},[638,3290,662],{"class":648},[638,3292,666],{"class":665},[638,3294,669],{"class":648},[638,3296,672],{"class":648},[638,3298,3299,3301,3303,3305,3307,3309,3311,3313,3315],{"class":640,"line":675},[638,3300,645],{"class":644},[638,3302,649],{"class":648},[638,3304,682],{"class":652},[638,3306,656],{"class":648},[638,3308,659],{"class":644},[638,3310,662],{"class":648},[638,3312,691],{"class":665},[638,3314,669],{"class":648},[638,3316,672],{"class":648},[638,3318,3319],{"class":640,"line":698},[638,3320,701],{"emptyLinePlaceholder":32},[638,3322,3323,3325,3327,3329,3331,3333],{"class":640,"line":704},[638,3324,708],{"class":707},[638,3326,711],{"class":652},[638,3328,714],{"class":648},[638,3330,653],{"class":717},[638,3332,720],{"class":652},[638,3334,672],{"class":648},[638,3336,3337],{"class":640,"line":725},[638,3338,701],{"emptyLinePlaceholder":32},[638,3340,3341,3343,3345,3347],{"class":640,"line":730},[638,3342,560],{"class":717},[638,3344,2029],{"class":652},[638,3346,740],{"class":648},[638,3348,801],{"class":648},[638,3350,3351],{"class":640,"line":764},[638,3352,3353],{"class":964},"    // Per-element theme override\n",[638,3355,3356,3358,3360],{"class":640,"line":769},[638,3357,1828],{"class":2038},[638,3359,795],{"class":648},[638,3361,801],{"class":648},[638,3363,3364,3366,3368,3370,3373,3375],{"class":640,"line":910},[638,3365,2047],{"class":2038},[638,3367,795],{"class":648},[638,3369,662],{"class":648},[638,3371,3372],{"class":665},"@color.text",[638,3374,669],{"class":648},[638,3376,1280],{"class":648},[638,3378,3379,3382,3384],{"class":640,"line":927},[638,3380,3381],{"class":2038},"        themes",[638,3383,795],{"class":648},[638,3385,801],{"class":648},[638,3387,3388,3391,3393],{"class":640,"line":944},[638,3389,3390],{"class":2038},"            dark",[638,3392,795],{"class":648},[638,3394,801],{"class":648},[638,3396,3397,3399,3401,3403,3406,3408],{"class":640,"line":961},[638,3398,2893],{"class":2038},[638,3400,795],{"class":648},[638,3402,662],{"class":648},[638,3404,3405],{"class":665},"#cccccc",[638,3407,669],{"class":648},[638,3409,1280],{"class":648},[638,3411,3412],{"class":640,"line":968},[638,3413,2925],{"class":648},[638,3415,3416],{"class":640,"line":985},[638,3417,2165],{"class":648},[638,3419,3420],{"class":640,"line":998},[638,3421,2095],{"class":648},[638,3423,3424],{"class":640,"line":1015},[638,3425,3426],{"class":964},"    // Centralized theme override — takes precedence\n",[638,3428,3429,3431,3433],{"class":640,"line":1028},[638,3430,2866],{"class":2038},[638,3432,795],{"class":648},[638,3434,801],{"class":648},[638,3436,3437,3439,3441],{"class":640,"line":1034},[638,3438,2875],{"class":2038},[638,3440,795],{"class":648},[638,3442,801],{"class":648},[638,3444,3445,3447,3449],{"class":640,"line":1040},[638,3446,2884],{"class":2038},[638,3448,795],{"class":648},[638,3450,801],{"class":648},[638,3452,3453,3455,3457,3459,3461,3463,3465],{"class":640,"line":1045},[638,3454,2893],{"class":2038},[638,3456,795],{"class":648},[638,3458,662],{"class":648},[638,3460,2900],{"class":665},[638,3462,669],{"class":648},[638,3464,740],{"class":648},[638,3466,3467],{"class":964},"  // This value wins\n",[638,3469,3470],{"class":640,"line":1054},[638,3471,2925],{"class":648},[638,3473,3474],{"class":640,"line":1072},[638,3475,2165],{"class":648},[638,3477,3478],{"class":640,"line":1089},[638,3479,2095],{"class":648},[638,3481,3482,3484,3486],{"class":640,"line":1106},[638,3483,751],{"class":648},[638,3485,2219],{"class":652},[638,3487,672],{"class":648},[638,3489,3490],{"class":640,"line":1123},[638,3491,701],{"emptyLinePlaceholder":32},[638,3493,3494,3496,3498,3500],{"class":640,"line":1140},[638,3495,772],{"class":644},[638,3497,775],{"class":644},[638,3499,778],{"class":652},[638,3501,672],{"class":648},[550,3503,3505],{"id":3504},"importing-default-values","Importing Default Values",[554,3507,3508],{},"You can import the default options for any element to reference or extend them:",[628,3510,3512],{"className":630,"code":3511,"language":633,"meta":634,"style":634},"import {\n    defaultBodyOptions,\n    defaultHeadingOptions,\n    defaultHeadingSizeConfig,\n    defaultLinkOptions,\n    defaultCodeOptions,\n    defaultPreOptions,\n    defaultHrOptions,\n    defaultKbdOptions,\n    defaultMarkOptions,\n    defaultCaptionOptions,\n    defaultAbbrOptions,\n    defaultAddressOptions,\n    defaultDlOptions,\n    defaultDtOptions,\n    defaultDdOptions,\n    defaultOlOptions,\n    defaultUlOptions,\n    defaultParagraphOptions,\n    defaultSampOptions,\n    defaultFocusOptions,\n    defaultSelectionOptions,\n} from '@styleframe/theme';\n",[558,3513,3514,3520,3527,3534,3541,3548,3555,3562,3569,3576,3583,3590,3597,3604,3611,3618,3625,3632,3639,3646,3653,3660,3667],{"__ignoreMap":634},[638,3515,3516,3518],{"class":640,"line":641},[638,3517,645],{"class":644},[638,3519,801],{"class":648},[638,3521,3522,3525],{"class":640,"line":675},[638,3523,3524],{"class":652},"    defaultBodyOptions",[638,3526,1280],{"class":648},[638,3528,3529,3532],{"class":640,"line":698},[638,3530,3531],{"class":652},"    defaultHeadingOptions",[638,3533,1280],{"class":648},[638,3535,3536,3539],{"class":640,"line":704},[638,3537,3538],{"class":652},"    defaultHeadingSizeConfig",[638,3540,1280],{"class":648},[638,3542,3543,3546],{"class":640,"line":725},[638,3544,3545],{"class":652},"    defaultLinkOptions",[638,3547,1280],{"class":648},[638,3549,3550,3553],{"class":640,"line":730},[638,3551,3552],{"class":652},"    defaultCodeOptions",[638,3554,1280],{"class":648},[638,3556,3557,3560],{"class":640,"line":764},[638,3558,3559],{"class":652},"    defaultPreOptions",[638,3561,1280],{"class":648},[638,3563,3564,3567],{"class":640,"line":769},[638,3565,3566],{"class":652},"    defaultHrOptions",[638,3568,1280],{"class":648},[638,3570,3571,3574],{"class":640,"line":910},[638,3572,3573],{"class":652},"    defaultKbdOptions",[638,3575,1280],{"class":648},[638,3577,3578,3581],{"class":640,"line":927},[638,3579,3580],{"class":652},"    defaultMarkOptions",[638,3582,1280],{"class":648},[638,3584,3585,3588],{"class":640,"line":944},[638,3586,3587],{"class":652},"    defaultCaptionOptions",[638,3589,1280],{"class":648},[638,3591,3592,3595],{"class":640,"line":961},[638,3593,3594],{"class":652},"    defaultAbbrOptions",[638,3596,1280],{"class":648},[638,3598,3599,3602],{"class":640,"line":968},[638,3600,3601],{"class":652},"    defaultAddressOptions",[638,3603,1280],{"class":648},[638,3605,3606,3609],{"class":640,"line":985},[638,3607,3608],{"class":652},"    defaultDlOptions",[638,3610,1280],{"class":648},[638,3612,3613,3616],{"class":640,"line":998},[638,3614,3615],{"class":652},"    defaultDtOptions",[638,3617,1280],{"class":648},[638,3619,3620,3623],{"class":640,"line":1015},[638,3621,3622],{"class":652},"    defaultDdOptions",[638,3624,1280],{"class":648},[638,3626,3627,3630],{"class":640,"line":1028},[638,3628,3629],{"class":652},"    defaultOlOptions",[638,3631,1280],{"class":648},[638,3633,3634,3637],{"class":640,"line":1034},[638,3635,3636],{"class":652},"    defaultUlOptions",[638,3638,1280],{"class":648},[638,3640,3641,3644],{"class":640,"line":1040},[638,3642,3643],{"class":652},"    defaultParagraphOptions",[638,3645,1280],{"class":648},[638,3647,3648,3651],{"class":640,"line":1045},[638,3649,3650],{"class":652},"    defaultSampOptions",[638,3652,1280],{"class":648},[638,3654,3655,3658],{"class":640,"line":1054},[638,3656,3657],{"class":652},"    defaultFocusOptions",[638,3659,1280],{"class":648},[638,3661,3662,3665],{"class":640,"line":1072},[638,3663,3664],{"class":652},"    defaultSelectionOptions",[638,3666,1280],{"class":648},[638,3668,3669,3671,3673,3675,3677,3679],{"class":640,"line":1089},[638,3670,751],{"class":648},[638,3672,659],{"class":644},[638,3674,662],{"class":648},[638,3676,691],{"class":665},[638,3678,669],{"class":648},[638,3680,672],{"class":648},[550,3682,3684],{"id":3683},"best-practices","Best Practices",[567,3686,3687,3697,3707,3716,3731],{},[570,3688,3689,3692,3693,3696],{},[573,3690,3691],{},"Start with defaults",": Call ",[558,3694,3695],{},"useGlobalPreset(s)"," with no config to get a complete set of element styles",[570,3698,3699,3702,3703,3706],{},[573,3700,3701],{},"Disable rather than override",": Use ",[558,3704,3705],{},"element: false"," to skip elements you don't need, instead of overriding everything to empty values",[570,3708,3709,3712,3713,3715],{},[573,3710,3711],{},"Prefer centralized themes",": Use the ",[558,3714,1788],{}," option to define dark mode overrides in one place rather than spreading them across individual element configs",[570,3717,3718,3702,3721,3724,3725,586,3727,3730],{},[573,3719,3720],{},"Reference design tokens",[558,3722,3723],{},"@"," references (e.g., ",[558,3726,585],{},[558,3728,3729],{},"@spacing.lg",") to keep element styles in sync with your token system",[570,3732,3733,3736,3737],{},[573,3734,3735],{},"Use the return value",": Destructure the returned variables to reference them elsewhere with ",[558,3738,1924],{},[550,3740,3742],{"id":3741},"faq","FAQ",[3744,3745,3746,3828,3856,3878],"accordion",{},[3747,3748,3751,3754],"accordion-item",{"icon":3749,"label":3750},"i-lucide-circle-help","Can I use individual element composables alongside the preset?",[554,3752,3753],{},"Yes. You can disable specific elements in the preset and use individual composables instead:",[628,3755,3757],{"className":630,"code":3756,"language":633,"meta":634,"style":634},"const preset = useGlobalPreset(s, { link: false });\nconst { linkColor } = useLinkElement(s, { color: '@color.info' });\n",[558,3758,3759,3789],{"__ignoreMap":634},[638,3760,3761,3763,3766,3768,3770,3772,3774,3776,3779,3781,3783,3785,3787],{"class":640,"line":641},[638,3762,708],{"class":707},[638,3764,3765],{"class":652}," preset ",[638,3767,714],{"class":648},[638,3769,682],{"class":717},[638,3771,2029],{"class":652},[638,3773,740],{"class":648},[638,3775,649],{"class":648},[638,3777,3778],{"class":2038}," link",[638,3780,795],{"class":648},[638,3782,2519],{"class":2518},[638,3784,656],{"class":648},[638,3786,2219],{"class":652},[638,3788,672],{"class":648},[638,3790,3791,3793,3795,3798,3800,3802,3805,3807,3809,3811,3814,3816,3818,3820,3822,3824,3826],{"class":640,"line":675},[638,3792,708],{"class":707},[638,3794,649],{"class":648},[638,3796,3797],{"class":652}," linkColor ",[638,3799,751],{"class":648},[638,3801,754],{"class":648},[638,3803,3804],{"class":717}," useLinkElement",[638,3806,2029],{"class":652},[638,3808,740],{"class":648},[638,3810,649],{"class":648},[638,3812,3813],{"class":2038}," color",[638,3815,795],{"class":648},[638,3817,662],{"class":648},[638,3819,2188],{"class":665},[638,3821,669],{"class":648},[638,3823,656],{"class":648},[638,3825,2219],{"class":652},[638,3827,672],{"class":648},[3747,3829,3831,3832,586,3834,586,3837,586,3839,586,3841,586,3844,586,3847,586,3849,3852,3853,1925],{"icon":3749,"label":3830},"What design tokens do the defaults reference?","The preset defaults reference standard design token names like ",[558,3833,3372],{},[558,3835,3836],{},"@color.background",[558,3838,585],{},[558,3840,592],{},[558,3842,3843],{},"@font-size",[558,3845,3846],{},"@line-height",[558,3848,589],{},[558,3850,3851],{},"@font-weight.bold",", and others. These are typically created by ",[558,3854,3855],{},"useDesignTokensPreset",[3747,3857,3859,3860,586,3862,586,3864,586,3866,3868,3869,3871,3872,3874,3875,3877],{"icon":3749,"label":3858},"Do simple elements (img, iframe, etc.) return variables?","No. Simple elements like ",[558,3861,1696],{},[558,3863,1716],{},[558,3865,1734],{},[558,3867,1752],{},", and ",[558,3870,1770],{}," apply fixed styles and are controlled by a boolean flag (",[558,3873,1706],{},"/",[558,3876,614],{},"). They do not create CSS custom properties or appear in the return value.",[3747,3879,3881,3884,3904],{"icon":3749,"label":3880},"How does theme merging work?",[554,3882,3883],{},"The preset supports two levels of theme configuration:",[1427,3885,3886,3895],{},[570,3887,3888,3891,3892,2219],{},[573,3889,3890],{},"Per-element themes",": Defined directly on each element's config (e.g., ",[558,3893,3894],{},"body: { themes: { dark: { ... } } }",[570,3896,3897,3900,3901,2219],{},[573,3898,3899],{},"Centralized themes",": Defined on the preset config (e.g., ",[558,3902,3903],{},"themes: { dark: { body: { ... } } }",[554,3905,3906],{},"When both exist for the same element and theme, they are merged with centralized themes taking precedence. This lets you keep per-element defaults while overriding specific properties centrally.",[3908,3909,3910],"style",{},"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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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 .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 .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 .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}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 .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":634,"searchDepth":675,"depth":675,"links":3912},[3913,3914,3915,3916,3921,3927,3928,3929],{"id":552,"depth":675,"text":83},{"id":564,"depth":675,"text":565},{"id":618,"depth":675,"text":619},{"id":1244,"depth":675,"text":560,"children":3917},[3918,3919,3920],{"id":1250,"depth":698,"text":1251},{"id":1302,"depth":698,"text":1303},{"id":1802,"depth":698,"text":1803},{"id":1928,"depth":675,"text":1929,"children":3922},[3923,3924,3925,3926],{"id":1932,"depth":698,"text":1933},{"id":2404,"depth":698,"text":2405},{"id":2774,"depth":698,"text":2775},{"id":3264,"depth":698,"text":3265},{"id":3504,"depth":675,"text":3505},{"id":3683,"depth":675,"text":3684},{"id":3741,"depth":675,"text":3742},"Apply all HTML element base styles in a single call with useGlobalPreset, including body, headings, links, lists, code, focus, and selection.","md",null,{},{"title":248,"icon":178},{"title":545,"description":3930},{"loc":249},"WNjDnzhAOOuEX9pqVGu_GDSIAHCUBwePYkEUZILNizI",[3939,3941],{"title":83,"path":243,"stem":244,"description":3940,"icon":84,"children":-1},"Apply consistent, theme-aware base styles to HTML elements using Styleframe's element composables for body, headings, links, lists, and more.",{"title":256,"path":257,"stem":258,"description":3942,"icon":7,"children":-1},"Style abbreviation elements with configurable cursor and text decoration using the useAbbrElement composable.",1778412258271]