[{"data":1,"prerenderedAt":2236},["ShallowReactive",2],{"navigation_en":3,"-docs-theme-elements-composables-headings":543,"-docs-theme-elements-composables-headings-surround":2231},{"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":2223,"extension":2224,"links":2225,"meta":2226,"navigation":2227,"path":285,"seo":2228,"sitemap":2229,"stem":286,"__hash__":2230},"docs_theme/docs/theme/elements/02.composables/07.headings.md","Headings Element",{"type":547,"value":548,"toc":2213},"minimark",[549,553,570,575,580,653,1296,1300,1304,1413,1417,1554,1561,1565,2147,2155,2159,2209],[550,551,83],"h2",{"id":552},"overview",[554,555,556,557,561,562,565,566,569],"p",{},"The ",[558,559,560],"code",{},"useHeadingElement"," composable styles all heading levels (",[558,563,564],{},"h1"," through ",[558,567,568],{},"h6",") with shared typography properties and individual font sizes per level. It creates CSS variables for the font family, weight, line height, color, and each heading level's size.",[571,572],"story-preview",{":panel":573,"story":574},"true","theme-elements-heading--default",[550,576,578],{"id":577},"useheadingelement",[558,579,560],{},[581,582,587],"pre",{"className":583,"code":584,"language":585,"meta":586,"style":586},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useHeadingElement(\n    s: Styleframe,\n    options?: WithThemes\u003CHeadingElementConfig>\n): HeadingElementResult\n","ts","",[558,588,589,606,623,644],{"__ignoreMap":586},[590,591,594,598,602],"span",{"class":592,"line":593},"line",1,[590,595,597],{"class":596},"spNyl","function",[590,599,601],{"class":600},"s2Zo4"," useHeadingElement",[590,603,605],{"class":604},"sMK4o","(\n",[590,607,609,613,616,620],{"class":592,"line":608},2,[590,610,612],{"class":611},"sHdIc","    s",[590,614,615],{"class":604},":",[590,617,619],{"class":618},"sBMFI"," Styleframe",[590,621,622],{"class":604},",\n",[590,624,626,629,632,635,638,641],{"class":592,"line":625},3,[590,627,628],{"class":611},"    options",[590,630,631],{"class":604},"?:",[590,633,634],{"class":618}," WithThemes",[590,636,637],{"class":604},"\u003C",[590,639,640],{"class":618},"HeadingElementConfig",[590,642,643],{"class":604},">\n",[590,645,647,650],{"class":592,"line":646},4,[590,648,649],{"class":604},"):",[590,651,652],{"class":618}," HeadingElementResult\n",[654,655,656,870],"tabs",{},[657,658,660],"tabs-item",{"icon":659,"label":272},"i-lucide-code",[581,661,664],{"className":583,"code":662,"filename":663,"language":585,"meta":586,"style":586},"import { styleframe } from 'styleframe';\nimport { useHeadingElement } from '@styleframe/theme';\n\nconst s = styleframe();\n\nconst {\n    headingColor,\n    headingFontFamily,\n    headingFontWeight,\n    headingLineHeight,\n    headingH1FontSize,\n    headingH2FontSize,\n    headingH3FontSize,\n    headingH4FontSize,\n    headingH5FontSize,\n    headingH6FontSize,\n} = useHeadingElement(s);\n\nexport default s;\n","styleframe.config.ts",[558,665,666,698,719,724,742,747,755,763,771,779,787,795,803,811,819,827,835,851,856],{"__ignoreMap":586},[590,667,668,672,675,679,682,685,688,692,695],{"class":592,"line":593},[590,669,671],{"class":670},"s7zQu","import",[590,673,674],{"class":604}," {",[590,676,678],{"class":677},"sTEyZ"," styleframe",[590,680,681],{"class":604}," }",[590,683,684],{"class":670}," from",[590,686,687],{"class":604}," '",[590,689,691],{"class":690},"sfazB","styleframe",[590,693,694],{"class":604},"'",[590,696,697],{"class":604},";\n",[590,699,700,702,704,706,708,710,712,715,717],{"class":592,"line":608},[590,701,671],{"class":670},[590,703,674],{"class":604},[590,705,601],{"class":677},[590,707,681],{"class":604},[590,709,684],{"class":670},[590,711,687],{"class":604},[590,713,714],{"class":690},"@styleframe/theme",[590,716,694],{"class":604},[590,718,697],{"class":604},[590,720,721],{"class":592,"line":625},[590,722,723],{"emptyLinePlaceholder":32},"\n",[590,725,726,729,732,735,737,740],{"class":592,"line":646},[590,727,728],{"class":596},"const",[590,730,731],{"class":677}," s ",[590,733,734],{"class":604},"=",[590,736,678],{"class":600},[590,738,739],{"class":677},"()",[590,741,697],{"class":604},[590,743,745],{"class":592,"line":744},5,[590,746,723],{"emptyLinePlaceholder":32},[590,748,750,752],{"class":592,"line":749},6,[590,751,728],{"class":596},[590,753,754],{"class":604}," {\n",[590,756,758,761],{"class":592,"line":757},7,[590,759,760],{"class":677},"    headingColor",[590,762,622],{"class":604},[590,764,766,769],{"class":592,"line":765},8,[590,767,768],{"class":677},"    headingFontFamily",[590,770,622],{"class":604},[590,772,774,777],{"class":592,"line":773},9,[590,775,776],{"class":677},"    headingFontWeight",[590,778,622],{"class":604},[590,780,782,785],{"class":592,"line":781},10,[590,783,784],{"class":677},"    headingLineHeight",[590,786,622],{"class":604},[590,788,790,793],{"class":592,"line":789},11,[590,791,792],{"class":677},"    headingH1FontSize",[590,794,622],{"class":604},[590,796,798,801],{"class":592,"line":797},12,[590,799,800],{"class":677},"    headingH2FontSize",[590,802,622],{"class":604},[590,804,806,809],{"class":592,"line":805},13,[590,807,808],{"class":677},"    headingH3FontSize",[590,810,622],{"class":604},[590,812,814,817],{"class":592,"line":813},14,[590,815,816],{"class":677},"    headingH4FontSize",[590,818,622],{"class":604},[590,820,822,825],{"class":592,"line":821},15,[590,823,824],{"class":677},"    headingH5FontSize",[590,826,622],{"class":604},[590,828,830,833],{"class":592,"line":829},16,[590,831,832],{"class":677},"    headingH6FontSize",[590,834,622],{"class":604},[590,836,838,841,844,846,849],{"class":592,"line":837},17,[590,839,840],{"class":604},"}",[590,842,843],{"class":604}," =",[590,845,601],{"class":600},[590,847,848],{"class":677},"(s)",[590,850,697],{"class":604},[590,852,854],{"class":592,"line":853},18,[590,855,723],{"emptyLinePlaceholder":32},[590,857,859,862,865,868],{"class":592,"line":858},19,[590,860,861],{"class":670},"export",[590,863,864],{"class":670}," default",[590,866,867],{"class":677}," s",[590,869,697],{"class":604},[657,871,872],{"icon":159,"label":320},[581,873,878],{"className":874,"code":875,"filename":876,"language":877,"meta":586,"style":586},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",":root {\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--font-size: var(--font-size--3xl);\n    --heading--h3--font-size: var(--font-size--2xl);\n    --heading--h4--font-size: var(--font-size--xl);\n    --heading--h5--font-size: var(--font-size--lg);\n    --heading--h6--font-size: var(--font-size--md);\n}\n\nh1, h2, h3, h4, h5, h6 {\n    font-family: var(--heading--font-family);\n    font-weight: var(--heading--font-weight);\n    line-height: var(--heading--line-height);\n    color: var(--heading--color);\n}\n\nh1 { font-size: var(--heading--h1--font-size); }\nh2 { font-size: var(--heading--h2--font-size); }\nh3 { font-size: var(--heading--h3--font-size); }\nh4 { font-size: var(--heading--h4--font-size); }\nh5 { font-size: var(--heading--h5--font-size); }\nh6 { font-size: var(--heading--h6--font-size); }\n","styleframe/index.css","css",[558,879,880,889,901,912,931,947,963,979,995,1011,1027,1043,1048,1052,1084,1101,1117,1133,1149,1153,1158,1183,1205,1228,1251,1274],{"__ignoreMap":586},[590,881,882,884,887],{"class":592,"line":593},[590,883,615],{"class":604},[590,885,886],{"class":596},"root",[590,888,754],{"class":604},[590,890,891,894,896,899],{"class":592,"line":608},[590,892,893],{"class":677},"    --heading--color",[590,895,615],{"class":604},[590,897,898],{"class":677}," inherit",[590,900,697],{"class":604},[590,902,903,906,908,910],{"class":592,"line":625},[590,904,905],{"class":677},"    --heading--font-family",[590,907,615],{"class":604},[590,909,898],{"class":677},[590,911,697],{"class":604},[590,913,914,917,919,922,925,928],{"class":592,"line":646},[590,915,916],{"class":677},"    --heading--font-weight",[590,918,615],{"class":604},[590,920,921],{"class":600}," var",[590,923,924],{"class":604},"(",[590,926,927],{"class":677},"--font-weight--bold",[590,929,930],{"class":604},");\n",[590,932,933,936,938,940,942,945],{"class":592,"line":744},[590,934,935],{"class":677},"    --heading--line-height",[590,937,615],{"class":604},[590,939,921],{"class":600},[590,941,924],{"class":604},[590,943,944],{"class":677},"--line-height--tight",[590,946,930],{"class":604},[590,948,949,952,954,956,958,961],{"class":592,"line":749},[590,950,951],{"class":677},"    --heading--h1--font-size",[590,953,615],{"class":604},[590,955,921],{"class":600},[590,957,924],{"class":604},[590,959,960],{"class":677},"--font-size--4xl",[590,962,930],{"class":604},[590,964,965,968,970,972,974,977],{"class":592,"line":757},[590,966,967],{"class":677},"    --heading--h2--font-size",[590,969,615],{"class":604},[590,971,921],{"class":600},[590,973,924],{"class":604},[590,975,976],{"class":677},"--font-size--3xl",[590,978,930],{"class":604},[590,980,981,984,986,988,990,993],{"class":592,"line":765},[590,982,983],{"class":677},"    --heading--h3--font-size",[590,985,615],{"class":604},[590,987,921],{"class":600},[590,989,924],{"class":604},[590,991,992],{"class":677},"--font-size--2xl",[590,994,930],{"class":604},[590,996,997,1000,1002,1004,1006,1009],{"class":592,"line":773},[590,998,999],{"class":677},"    --heading--h4--font-size",[590,1001,615],{"class":604},[590,1003,921],{"class":600},[590,1005,924],{"class":604},[590,1007,1008],{"class":677},"--font-size--xl",[590,1010,930],{"class":604},[590,1012,1013,1016,1018,1020,1022,1025],{"class":592,"line":781},[590,1014,1015],{"class":677},"    --heading--h5--font-size",[590,1017,615],{"class":604},[590,1019,921],{"class":600},[590,1021,924],{"class":604},[590,1023,1024],{"class":677},"--font-size--lg",[590,1026,930],{"class":604},[590,1028,1029,1032,1034,1036,1038,1041],{"class":592,"line":789},[590,1030,1031],{"class":677},"    --heading--h6--font-size",[590,1033,615],{"class":604},[590,1035,921],{"class":600},[590,1037,924],{"class":604},[590,1039,1040],{"class":677},"--font-size--md",[590,1042,930],{"class":604},[590,1044,1045],{"class":592,"line":797},[590,1046,1047],{"class":604},"}\n",[590,1049,1050],{"class":592,"line":805},[590,1051,723],{"emptyLinePlaceholder":32},[590,1053,1054,1056,1059,1062,1064,1067,1069,1072,1074,1077,1079,1082],{"class":592,"line":813},[590,1055,564],{"class":618},[590,1057,1058],{"class":604},",",[590,1060,1061],{"class":618}," h2",[590,1063,1058],{"class":604},[590,1065,1066],{"class":618}," h3",[590,1068,1058],{"class":604},[590,1070,1071],{"class":618}," h4",[590,1073,1058],{"class":604},[590,1075,1076],{"class":618}," h5",[590,1078,1058],{"class":604},[590,1080,1081],{"class":618}," h6",[590,1083,754],{"class":604},[590,1085,1086,1090,1092,1094,1096,1099],{"class":592,"line":821},[590,1087,1089],{"class":1088},"sqsOY","    font-family",[590,1091,615],{"class":604},[590,1093,921],{"class":600},[590,1095,924],{"class":604},[590,1097,1098],{"class":677},"--heading--font-family",[590,1100,930],{"class":604},[590,1102,1103,1106,1108,1110,1112,1115],{"class":592,"line":829},[590,1104,1105],{"class":1088},"    font-weight",[590,1107,615],{"class":604},[590,1109,921],{"class":600},[590,1111,924],{"class":604},[590,1113,1114],{"class":677},"--heading--font-weight",[590,1116,930],{"class":604},[590,1118,1119,1122,1124,1126,1128,1131],{"class":592,"line":837},[590,1120,1121],{"class":1088},"    line-height",[590,1123,615],{"class":604},[590,1125,921],{"class":600},[590,1127,924],{"class":604},[590,1129,1130],{"class":677},"--heading--line-height",[590,1132,930],{"class":604},[590,1134,1135,1138,1140,1142,1144,1147],{"class":592,"line":853},[590,1136,1137],{"class":1088},"    color",[590,1139,615],{"class":604},[590,1141,921],{"class":600},[590,1143,924],{"class":604},[590,1145,1146],{"class":677},"--heading--color",[590,1148,930],{"class":604},[590,1150,1151],{"class":592,"line":858},[590,1152,1047],{"class":604},[590,1154,1156],{"class":592,"line":1155},20,[590,1157,723],{"emptyLinePlaceholder":32},[590,1159,1161,1163,1165,1168,1170,1172,1174,1177,1180],{"class":592,"line":1160},21,[590,1162,564],{"class":618},[590,1164,674],{"class":604},[590,1166,1167],{"class":1088}," font-size",[590,1169,615],{"class":604},[590,1171,921],{"class":600},[590,1173,924],{"class":604},[590,1175,1176],{"class":677},"--heading--h1--font-size",[590,1178,1179],{"class":604},");",[590,1181,1182],{"class":604}," }\n",[590,1184,1186,1188,1190,1192,1194,1196,1198,1201,1203],{"class":592,"line":1185},22,[590,1187,550],{"class":618},[590,1189,674],{"class":604},[590,1191,1167],{"class":1088},[590,1193,615],{"class":604},[590,1195,921],{"class":600},[590,1197,924],{"class":604},[590,1199,1200],{"class":677},"--heading--h2--font-size",[590,1202,1179],{"class":604},[590,1204,1182],{"class":604},[590,1206,1208,1211,1213,1215,1217,1219,1221,1224,1226],{"class":592,"line":1207},23,[590,1209,1210],{"class":618},"h3",[590,1212,674],{"class":604},[590,1214,1167],{"class":1088},[590,1216,615],{"class":604},[590,1218,921],{"class":600},[590,1220,924],{"class":604},[590,1222,1223],{"class":677},"--heading--h3--font-size",[590,1225,1179],{"class":604},[590,1227,1182],{"class":604},[590,1229,1231,1234,1236,1238,1240,1242,1244,1247,1249],{"class":592,"line":1230},24,[590,1232,1233],{"class":618},"h4",[590,1235,674],{"class":604},[590,1237,1167],{"class":1088},[590,1239,615],{"class":604},[590,1241,921],{"class":600},[590,1243,924],{"class":604},[590,1245,1246],{"class":677},"--heading--h4--font-size",[590,1248,1179],{"class":604},[590,1250,1182],{"class":604},[590,1252,1254,1257,1259,1261,1263,1265,1267,1270,1272],{"class":592,"line":1253},25,[590,1255,1256],{"class":618},"h5",[590,1258,674],{"class":604},[590,1260,1167],{"class":1088},[590,1262,615],{"class":604},[590,1264,921],{"class":600},[590,1266,924],{"class":604},[590,1268,1269],{"class":677},"--heading--h5--font-size",[590,1271,1179],{"class":604},[590,1273,1182],{"class":604},[590,1275,1277,1279,1281,1283,1285,1287,1289,1292,1294],{"class":592,"line":1276},26,[590,1278,568],{"class":618},[590,1280,674],{"class":604},[590,1282,1167],{"class":1088},[590,1284,615],{"class":604},[590,1286,921],{"class":600},[590,1288,924],{"class":604},[590,1290,1291],{"class":677},"--heading--h6--font-size",[590,1293,1179],{"class":604},[590,1295,1182],{"class":604},[550,1297,1299],{"id":1298},"default-values","Default Values",[1210,1301,1303],{"id":1302},"shared-properties","Shared Properties",[1305,1306,1307,1326],"table",{},[1308,1309,1310],"thead",{},[1311,1312,1313,1317,1320,1323],"tr",{},[1314,1315,1316],"th",{},"Option",[1314,1318,1319],{},"Default",[1314,1321,1322],{},"Variable",[1314,1324,1325],{},"Export",[1327,1328,1329,1351,1371,1392],"tbody",{},[1311,1330,1331,1337,1342,1346],{},[1332,1333,1334],"td",{},[558,1335,1336],{},"color",[1332,1338,1339],{},[558,1340,1341],{},"\"inherit\"",[1332,1343,1344],{},[558,1345,1146],{},[1332,1347,1348],{},[558,1349,1350],{},"headingColor",[1311,1352,1353,1358,1362,1366],{},[1332,1354,1355],{},[558,1356,1357],{},"fontFamily",[1332,1359,1360],{},[558,1361,1341],{},[1332,1363,1364],{},[558,1365,1098],{},[1332,1367,1368],{},[558,1369,1370],{},"headingFontFamily",[1311,1372,1373,1378,1383,1387],{},[1332,1374,1375],{},[558,1376,1377],{},"fontWeight",[1332,1379,1380],{},[558,1381,1382],{},"\"@font-weight.bold\"",[1332,1384,1385],{},[558,1386,1114],{},[1332,1388,1389],{},[558,1390,1391],{},"headingFontWeight",[1311,1393,1394,1399,1404,1408],{},[1332,1395,1396],{},[558,1397,1398],{},"lineHeight",[1332,1400,1401],{},[558,1402,1403],{},"\"@line-height.tight\"",[1332,1405,1406],{},[558,1407,1130],{},[1332,1409,1410],{},[558,1411,1412],{},"headingLineHeight",[1210,1414,1416],{"id":1415},"heading-sizes","Heading Sizes",[1305,1418,1419,1432],{},[1308,1420,1421],{},[1311,1422,1423,1426,1428,1430],{},[1314,1424,1425],{},"Level",[1314,1427,1319],{},[1314,1429,1322],{},[1314,1431,1325],{},[1327,1433,1434,1454,1474,1494,1514,1534],{},[1311,1435,1436,1440,1445,1449],{},[1332,1437,1438],{},[558,1439,564],{},[1332,1441,1442],{},[558,1443,1444],{},"\"@font-size.4xl\"",[1332,1446,1447],{},[558,1448,1176],{},[1332,1450,1451],{},[558,1452,1453],{},"headingH1FontSize",[1311,1455,1456,1460,1465,1469],{},[1332,1457,1458],{},[558,1459,550],{},[1332,1461,1462],{},[558,1463,1464],{},"\"@font-size.3xl\"",[1332,1466,1467],{},[558,1468,1200],{},[1332,1470,1471],{},[558,1472,1473],{},"headingH2FontSize",[1311,1475,1476,1480,1485,1489],{},[1332,1477,1478],{},[558,1479,1210],{},[1332,1481,1482],{},[558,1483,1484],{},"\"@font-size.2xl\"",[1332,1486,1487],{},[558,1488,1223],{},[1332,1490,1491],{},[558,1492,1493],{},"headingH3FontSize",[1311,1495,1496,1500,1505,1509],{},[1332,1497,1498],{},[558,1499,1233],{},[1332,1501,1502],{},[558,1503,1504],{},"\"@font-size.xl\"",[1332,1506,1507],{},[558,1508,1246],{},[1332,1510,1511],{},[558,1512,1513],{},"headingH4FontSize",[1311,1515,1516,1520,1525,1529],{},[1332,1517,1518],{},[558,1519,1256],{},[1332,1521,1522],{},[558,1523,1524],{},"\"@font-size.lg\"",[1332,1526,1527],{},[558,1528,1269],{},[1332,1530,1531],{},[558,1532,1533],{},"headingH5FontSize",[1311,1535,1536,1540,1545,1549],{},[1332,1537,1538],{},[558,1539,568],{},[1332,1541,1542],{},[558,1543,1544],{},"\"@font-size.md\"",[1332,1546,1547],{},[558,1548,1291],{},[1332,1550,1551],{},[558,1552,1553],{},"headingH6FontSize",[554,1555,1556,1557,1560],{},"The default size configuration is also available as a standalone export: ",[558,1558,1559],{},"defaultHeadingSizeConfig",".",[550,1562,1564],{"id":1563},"custom-values","Custom Values",[654,1566,1567,1781],{},[657,1568,1569],{"icon":659,"label":272},[581,1570,1572],{"className":583,"code":1571,"filename":663,"language":585,"meta":586,"style":586},"import { styleframe } from 'styleframe';\nimport { useHeadingElement } from '@styleframe/theme';\n\nconst s = styleframe();\n\nconst { headingH1FontSize, headingH2FontSize } = useHeadingElement(s, {\n    fontFamily: '\"Playfair Display\", serif',\n    fontWeight: '700',\n    lineHeight: '1.3',\n    sizes: {\n        h1: '3rem',\n        h2: '2.25rem',\n    },\n});\n\nexport default s;\n",[558,1573,1574,1594,1614,1618,1632,1636,1663,1680,1696,1712,1721,1737,1753,1758,1767,1771],{"__ignoreMap":586},[590,1575,1576,1578,1580,1582,1584,1586,1588,1590,1592],{"class":592,"line":593},[590,1577,671],{"class":670},[590,1579,674],{"class":604},[590,1581,678],{"class":677},[590,1583,681],{"class":604},[590,1585,684],{"class":670},[590,1587,687],{"class":604},[590,1589,691],{"class":690},[590,1591,694],{"class":604},[590,1593,697],{"class":604},[590,1595,1596,1598,1600,1602,1604,1606,1608,1610,1612],{"class":592,"line":608},[590,1597,671],{"class":670},[590,1599,674],{"class":604},[590,1601,601],{"class":677},[590,1603,681],{"class":604},[590,1605,684],{"class":670},[590,1607,687],{"class":604},[590,1609,714],{"class":690},[590,1611,694],{"class":604},[590,1613,697],{"class":604},[590,1615,1616],{"class":592,"line":625},[590,1617,723],{"emptyLinePlaceholder":32},[590,1619,1620,1622,1624,1626,1628,1630],{"class":592,"line":646},[590,1621,728],{"class":596},[590,1623,731],{"class":677},[590,1625,734],{"class":604},[590,1627,678],{"class":600},[590,1629,739],{"class":677},[590,1631,697],{"class":604},[590,1633,1634],{"class":592,"line":744},[590,1635,723],{"emptyLinePlaceholder":32},[590,1637,1638,1640,1642,1645,1647,1650,1652,1654,1656,1659,1661],{"class":592,"line":749},[590,1639,728],{"class":596},[590,1641,674],{"class":604},[590,1643,1644],{"class":677}," headingH1FontSize",[590,1646,1058],{"class":604},[590,1648,1649],{"class":677}," headingH2FontSize ",[590,1651,840],{"class":604},[590,1653,843],{"class":604},[590,1655,601],{"class":600},[590,1657,1658],{"class":677},"(s",[590,1660,1058],{"class":604},[590,1662,754],{"class":604},[590,1664,1665,1669,1671,1673,1676,1678],{"class":592,"line":757},[590,1666,1668],{"class":1667},"swJcz","    fontFamily",[590,1670,615],{"class":604},[590,1672,687],{"class":604},[590,1674,1675],{"class":690},"\"Playfair Display\", serif",[590,1677,694],{"class":604},[590,1679,622],{"class":604},[590,1681,1682,1685,1687,1689,1692,1694],{"class":592,"line":765},[590,1683,1684],{"class":1667},"    fontWeight",[590,1686,615],{"class":604},[590,1688,687],{"class":604},[590,1690,1691],{"class":690},"700",[590,1693,694],{"class":604},[590,1695,622],{"class":604},[590,1697,1698,1701,1703,1705,1708,1710],{"class":592,"line":773},[590,1699,1700],{"class":1667},"    lineHeight",[590,1702,615],{"class":604},[590,1704,687],{"class":604},[590,1706,1707],{"class":690},"1.3",[590,1709,694],{"class":604},[590,1711,622],{"class":604},[590,1713,1714,1717,1719],{"class":592,"line":781},[590,1715,1716],{"class":1667},"    sizes",[590,1718,615],{"class":604},[590,1720,754],{"class":604},[590,1722,1723,1726,1728,1730,1733,1735],{"class":592,"line":789},[590,1724,1725],{"class":1667},"        h1",[590,1727,615],{"class":604},[590,1729,687],{"class":604},[590,1731,1732],{"class":690},"3rem",[590,1734,694],{"class":604},[590,1736,622],{"class":604},[590,1738,1739,1742,1744,1746,1749,1751],{"class":592,"line":797},[590,1740,1741],{"class":1667},"        h2",[590,1743,615],{"class":604},[590,1745,687],{"class":604},[590,1747,1748],{"class":690},"2.25rem",[590,1750,694],{"class":604},[590,1752,622],{"class":604},[590,1754,1755],{"class":592,"line":805},[590,1756,1757],{"class":604},"    },\n",[590,1759,1760,1762,1765],{"class":592,"line":813},[590,1761,840],{"class":604},[590,1763,1764],{"class":677},")",[590,1766,697],{"class":604},[590,1768,1769],{"class":592,"line":821},[590,1770,723],{"emptyLinePlaceholder":32},[590,1772,1773,1775,1777,1779],{"class":592,"line":829},[590,1774,861],{"class":670},[590,1776,864],{"class":670},[590,1778,867],{"class":677},[590,1780,697],{"class":604},[657,1782,1783],{"icon":159,"label":320},[581,1784,1786],{"className":874,"code":1785,"filename":876,"language":877,"meta":586,"style":586},":root {\n    --heading--color: inherit;\n    --heading--font-family: \"Playfair Display\", serif;\n    --heading--font-weight: 700;\n    --heading--line-height: 1.3;\n    --heading--h1--font-size: 3rem;\n    --heading--h2--font-size: 2.25rem;\n    --heading--h3--font-size: var(--font-size--2xl);\n    --heading--h4--font-size: var(--font-size--xl);\n    --heading--h5--font-size: var(--font-size--lg);\n    --heading--h6--font-size: var(--font-size--md);\n}\n\nh1, h2, h3, h4, h5, h6 {\n    font-family: var(--heading--font-family);\n    font-weight: var(--heading--font-weight);\n    line-height: var(--heading--line-height);\n    color: var(--heading--color);\n}\n\nh1 { font-size: var(--heading--h1--font-size); }\nh2 { font-size: var(--heading--h2--font-size); }\nh3 { font-size: var(--heading--h3--font-size); }\nh4 { font-size: var(--heading--h4--font-size); }\nh5 { font-size: var(--heading--h5--font-size); }\nh6 { font-size: var(--heading--h6--font-size); }\n",[558,1787,1788,1796,1806,1828,1840,1851,1862,1873,1887,1901,1915,1929,1933,1937,1963,1977,1991,2005,2019,2023,2027,2047,2067,2087,2107,2127],{"__ignoreMap":586},[590,1789,1790,1792,1794],{"class":592,"line":593},[590,1791,615],{"class":604},[590,1793,886],{"class":596},[590,1795,754],{"class":604},[590,1797,1798,1800,1802,1804],{"class":592,"line":608},[590,1799,893],{"class":677},[590,1801,615],{"class":604},[590,1803,898],{"class":677},[590,1805,697],{"class":604},[590,1807,1808,1810,1812,1815,1818,1821,1823,1826],{"class":592,"line":625},[590,1809,905],{"class":677},[590,1811,615],{"class":604},[590,1813,1814],{"class":604}," \"",[590,1816,1817],{"class":690},"Playfair Display",[590,1819,1820],{"class":604},"\"",[590,1822,1058],{"class":604},[590,1824,1825],{"class":677}," serif",[590,1827,697],{"class":604},[590,1829,1830,1832,1834,1838],{"class":592,"line":646},[590,1831,916],{"class":677},[590,1833,615],{"class":604},[590,1835,1837],{"class":1836},"sbssI"," 700",[590,1839,697],{"class":604},[590,1841,1842,1844,1846,1849],{"class":592,"line":744},[590,1843,935],{"class":677},[590,1845,615],{"class":604},[590,1847,1848],{"class":1836}," 1.3",[590,1850,697],{"class":604},[590,1852,1853,1855,1857,1860],{"class":592,"line":749},[590,1854,951],{"class":677},[590,1856,615],{"class":604},[590,1858,1859],{"class":1836}," 3rem",[590,1861,697],{"class":604},[590,1863,1864,1866,1868,1871],{"class":592,"line":757},[590,1865,967],{"class":677},[590,1867,615],{"class":604},[590,1869,1870],{"class":1836}," 2.25rem",[590,1872,697],{"class":604},[590,1874,1875,1877,1879,1881,1883,1885],{"class":592,"line":765},[590,1876,983],{"class":677},[590,1878,615],{"class":604},[590,1880,921],{"class":600},[590,1882,924],{"class":604},[590,1884,992],{"class":677},[590,1886,930],{"class":604},[590,1888,1889,1891,1893,1895,1897,1899],{"class":592,"line":773},[590,1890,999],{"class":677},[590,1892,615],{"class":604},[590,1894,921],{"class":600},[590,1896,924],{"class":604},[590,1898,1008],{"class":677},[590,1900,930],{"class":604},[590,1902,1903,1905,1907,1909,1911,1913],{"class":592,"line":781},[590,1904,1015],{"class":677},[590,1906,615],{"class":604},[590,1908,921],{"class":600},[590,1910,924],{"class":604},[590,1912,1024],{"class":677},[590,1914,930],{"class":604},[590,1916,1917,1919,1921,1923,1925,1927],{"class":592,"line":789},[590,1918,1031],{"class":677},[590,1920,615],{"class":604},[590,1922,921],{"class":600},[590,1924,924],{"class":604},[590,1926,1040],{"class":677},[590,1928,930],{"class":604},[590,1930,1931],{"class":592,"line":797},[590,1932,1047],{"class":604},[590,1934,1935],{"class":592,"line":805},[590,1936,723],{"emptyLinePlaceholder":32},[590,1938,1939,1941,1943,1945,1947,1949,1951,1953,1955,1957,1959,1961],{"class":592,"line":813},[590,1940,564],{"class":618},[590,1942,1058],{"class":604},[590,1944,1061],{"class":618},[590,1946,1058],{"class":604},[590,1948,1066],{"class":618},[590,1950,1058],{"class":604},[590,1952,1071],{"class":618},[590,1954,1058],{"class":604},[590,1956,1076],{"class":618},[590,1958,1058],{"class":604},[590,1960,1081],{"class":618},[590,1962,754],{"class":604},[590,1964,1965,1967,1969,1971,1973,1975],{"class":592,"line":821},[590,1966,1089],{"class":1088},[590,1968,615],{"class":604},[590,1970,921],{"class":600},[590,1972,924],{"class":604},[590,1974,1098],{"class":677},[590,1976,930],{"class":604},[590,1978,1979,1981,1983,1985,1987,1989],{"class":592,"line":829},[590,1980,1105],{"class":1088},[590,1982,615],{"class":604},[590,1984,921],{"class":600},[590,1986,924],{"class":604},[590,1988,1114],{"class":677},[590,1990,930],{"class":604},[590,1992,1993,1995,1997,1999,2001,2003],{"class":592,"line":837},[590,1994,1121],{"class":1088},[590,1996,615],{"class":604},[590,1998,921],{"class":600},[590,2000,924],{"class":604},[590,2002,1130],{"class":677},[590,2004,930],{"class":604},[590,2006,2007,2009,2011,2013,2015,2017],{"class":592,"line":853},[590,2008,1137],{"class":1088},[590,2010,615],{"class":604},[590,2012,921],{"class":600},[590,2014,924],{"class":604},[590,2016,1146],{"class":677},[590,2018,930],{"class":604},[590,2020,2021],{"class":592,"line":858},[590,2022,1047],{"class":604},[590,2024,2025],{"class":592,"line":1155},[590,2026,723],{"emptyLinePlaceholder":32},[590,2028,2029,2031,2033,2035,2037,2039,2041,2043,2045],{"class":592,"line":1160},[590,2030,564],{"class":618},[590,2032,674],{"class":604},[590,2034,1167],{"class":1088},[590,2036,615],{"class":604},[590,2038,921],{"class":600},[590,2040,924],{"class":604},[590,2042,1176],{"class":677},[590,2044,1179],{"class":604},[590,2046,1182],{"class":604},[590,2048,2049,2051,2053,2055,2057,2059,2061,2063,2065],{"class":592,"line":1185},[590,2050,550],{"class":618},[590,2052,674],{"class":604},[590,2054,1167],{"class":1088},[590,2056,615],{"class":604},[590,2058,921],{"class":600},[590,2060,924],{"class":604},[590,2062,1200],{"class":677},[590,2064,1179],{"class":604},[590,2066,1182],{"class":604},[590,2068,2069,2071,2073,2075,2077,2079,2081,2083,2085],{"class":592,"line":1207},[590,2070,1210],{"class":618},[590,2072,674],{"class":604},[590,2074,1167],{"class":1088},[590,2076,615],{"class":604},[590,2078,921],{"class":600},[590,2080,924],{"class":604},[590,2082,1223],{"class":677},[590,2084,1179],{"class":604},[590,2086,1182],{"class":604},[590,2088,2089,2091,2093,2095,2097,2099,2101,2103,2105],{"class":592,"line":1230},[590,2090,1233],{"class":618},[590,2092,674],{"class":604},[590,2094,1167],{"class":1088},[590,2096,615],{"class":604},[590,2098,921],{"class":600},[590,2100,924],{"class":604},[590,2102,1246],{"class":677},[590,2104,1179],{"class":604},[590,2106,1182],{"class":604},[590,2108,2109,2111,2113,2115,2117,2119,2121,2123,2125],{"class":592,"line":1253},[590,2110,1256],{"class":618},[590,2112,674],{"class":604},[590,2114,1167],{"class":1088},[590,2116,615],{"class":604},[590,2118,921],{"class":600},[590,2120,924],{"class":604},[590,2122,1269],{"class":677},[590,2124,1179],{"class":604},[590,2126,1182],{"class":604},[590,2128,2129,2131,2133,2135,2137,2139,2141,2143,2145],{"class":592,"line":1276},[590,2130,568],{"class":618},[590,2132,674],{"class":604},[590,2134,1167],{"class":1088},[590,2136,615],{"class":604},[590,2138,921],{"class":600},[590,2140,924],{"class":604},[590,2142,1291],{"class":677},[590,2144,1179],{"class":604},[590,2146,1182],{"class":604},[554,2148,556,2149,2152,2153,1560],{},[558,2150,2151],{},"sizes"," option is partially applied — only the levels you specify are overridden. Unspecified levels keep their defaults from ",[558,2154,1559],{},[550,2156,2158],{"id":2157},"best-practices","Best Practices",[2160,2161,2162,2177,2191,2200],"ul",{},[2163,2164,2165,2169,2170,565,2173,2176],"li",{},[2166,2167,2168],"strong",{},"Reference font-size tokens",": Use ",[558,2171,2172],{},"@font-size.4xl",[558,2174,2175],{},"@font-size.md"," to keep heading sizes consistent with your type scale.",[2163,2178,2179,2182,2183,2186,2187,2190],{},[2166,2180,2181],{},"Use a tight line height",": The default ",[558,2184,2185],{},"@line-height.tight"," (",[558,2188,2189],{},"1.2",") keeps headings compact. Increase it for long, multi-line headings.",[2163,2192,2193,2196,2197,2199],{},[2166,2194,2195],{},"Override only the sizes you need",": The ",[558,2198,2151],{}," option merges with defaults, so you only need to specify the levels you want to change.",[2163,2201,2202,2205,2206,2208],{},[2166,2203,2204],{},"Inherit color by default",": Using ",[558,2207,1341],{}," for color lets headings match their parent context without additional overrides.",[2210,2211,2212],"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 .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}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":586,"searchDepth":608,"depth":608,"links":2214},[2215,2216,2217,2221,2222],{"id":552,"depth":608,"text":83},{"id":577,"depth":608,"text":560},{"id":1298,"depth":608,"text":1299,"children":2218},[2219,2220],{"id":1302,"depth":625,"text":1303},{"id":1415,"depth":625,"text":1416},{"id":1563,"depth":608,"text":1564},{"id":2157,"depth":608,"text":2158},"Style heading elements h1 through h6 with configurable font family, weight, line height, color, and per-level sizes using the useHeadingElement composable.","md",null,{},{"title":284,"icon":7},{"title":545,"description":2223},{"loc":285},"nsH0tajUYKnJPAdEB2eWy100MF_BrAKVNzMhGJdMwv4",[2232,2234],{"title":280,"path":281,"stem":282,"description":2233,"icon":7,"children":-1},"Apply consistent focus-visible outline styles across all elements with configurable color, width, style, and offset using the useFocusState composable.",{"title":288,"path":289,"stem":290,"description":2235,"icon":7,"children":-1},"Style horizontal rule elements with configurable border color, width, style, and margin using the useHrElement composable.",1778412269309]