[{"data":1,"prerenderedAt":2015},["ShallowReactive",2],{"navigation_en":3,"-docs-theme-elements-composables-definition-lists":543,"-docs-theme-elements-composables-definition-lists-surround":2010},{"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":2002,"extension":2003,"links":2004,"meta":2005,"navigation":2006,"path":277,"seo":2007,"sitemap":2008,"stem":278,"__hash__":2009},"docs_theme/docs/theme/elements/02.composables/05.definition-lists.md","Definition Lists Element",{"type":547,"value":548,"toc":1988},"minimark",[549,553,570,575,581,654,865,870,917,923,969,1138,1141,1178,1184,1230,1434,1437,1494,1498,1940,1944,1984],[550,551,83],"h2",{"id":552},"overview",[554,555,556,557,561,562,565,566,569],"p",{},"The definition list composables style the ",[558,559,560],"code",{},"dl",", ",[558,563,564],{},"dt",", and ",[558,567,568],{},"dd"," elements for displaying term-description pairs. They control margin, font weight, and spacing to create readable, well-structured definition lists.",[571,572],"story-preview",{":panel":573,"story":574},"true","theme-elements-dl--default",[550,576,578],{"id":577},"usedlelement",[558,579,580],{},"useDlElement",[582,583,588],"pre",{"className":584,"code":585,"language":586,"meta":587,"style":587},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useDlElement(\n    s: Styleframe,\n    options?: WithThemes\u003CDlElementConfig>\n): DlElementResult\n","ts","",[558,589,590,607,624,645],{"__ignoreMap":587},[591,592,595,599,603],"span",{"class":593,"line":594},"line",1,[591,596,598],{"class":597},"spNyl","function",[591,600,602],{"class":601},"s2Zo4"," useDlElement",[591,604,606],{"class":605},"sMK4o","(\n",[591,608,610,614,617,621],{"class":593,"line":609},2,[591,611,613],{"class":612},"sHdIc","    s",[591,615,616],{"class":605},":",[591,618,620],{"class":619},"sBMFI"," Styleframe",[591,622,623],{"class":605},",\n",[591,625,627,630,633,636,639,642],{"class":593,"line":626},3,[591,628,629],{"class":612},"    options",[591,631,632],{"class":605},"?:",[591,634,635],{"class":619}," WithThemes",[591,637,638],{"class":605},"\u003C",[591,640,641],{"class":619},"DlElementConfig",[591,643,644],{"class":605},">\n",[591,646,648,651],{"class":593,"line":647},4,[591,649,650],{"class":605},"):",[591,652,653],{"class":619}," DlElementResult\n",[655,656,657,790],"tabs",{},[658,659,661],"tabs-item",{"icon":660,"label":272},"i-lucide-code",[582,662,665],{"className":584,"code":663,"filename":664,"language":586,"meta":587,"style":587},"import { styleframe } from 'styleframe';\nimport { useDlElement } from '@styleframe/theme';\n\nconst s = styleframe();\n\nconst { dlMarginBottom } = useDlElement(s);\n\nexport default s;\n","styleframe.config.ts",[558,666,667,699,720,725,743,748,771,776],{"__ignoreMap":587},[591,668,669,673,676,680,683,686,689,693,696],{"class":593,"line":594},[591,670,672],{"class":671},"s7zQu","import",[591,674,675],{"class":605}," {",[591,677,679],{"class":678},"sTEyZ"," styleframe",[591,681,682],{"class":605}," }",[591,684,685],{"class":671}," from",[591,687,688],{"class":605}," '",[591,690,692],{"class":691},"sfazB","styleframe",[591,694,695],{"class":605},"'",[591,697,698],{"class":605},";\n",[591,700,701,703,705,707,709,711,713,716,718],{"class":593,"line":609},[591,702,672],{"class":671},[591,704,675],{"class":605},[591,706,602],{"class":678},[591,708,682],{"class":605},[591,710,685],{"class":671},[591,712,688],{"class":605},[591,714,715],{"class":691},"@styleframe/theme",[591,717,695],{"class":605},[591,719,698],{"class":605},[591,721,722],{"class":593,"line":626},[591,723,724],{"emptyLinePlaceholder":32},"\n",[591,726,727,730,733,736,738,741],{"class":593,"line":647},[591,728,729],{"class":597},"const",[591,731,732],{"class":678}," s ",[591,734,735],{"class":605},"=",[591,737,679],{"class":601},[591,739,740],{"class":678},"()",[591,742,698],{"class":605},[591,744,746],{"class":593,"line":745},5,[591,747,724],{"emptyLinePlaceholder":32},[591,749,751,753,755,758,761,764,766,769],{"class":593,"line":750},6,[591,752,729],{"class":597},[591,754,675],{"class":605},[591,756,757],{"class":678}," dlMarginBottom ",[591,759,760],{"class":605},"}",[591,762,763],{"class":605}," =",[591,765,602],{"class":601},[591,767,768],{"class":678},"(s)",[591,770,698],{"class":605},[591,772,774],{"class":593,"line":773},7,[591,775,724],{"emptyLinePlaceholder":32},[591,777,779,782,785,788],{"class":593,"line":778},8,[591,780,781],{"class":671},"export",[591,783,784],{"class":671}," default",[591,786,787],{"class":678}," s",[591,789,698],{"class":605},[658,791,792],{"icon":159,"label":320},[582,793,798],{"className":794,"code":795,"filename":796,"language":797,"meta":587,"style":587},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",":root {\n    --dl--margin-bottom: var(--spacing);\n}\n\ndl {\n    margin-bottom: var(--dl--margin-bottom);\n}\n","styleframe/index.css","css",[558,799,800,810,829,834,838,844,861],{"__ignoreMap":587},[591,801,802,804,807],{"class":593,"line":594},[591,803,616],{"class":605},[591,805,806],{"class":597},"root",[591,808,809],{"class":605}," {\n",[591,811,812,815,817,820,823,826],{"class":593,"line":609},[591,813,814],{"class":678},"    --dl--margin-bottom",[591,816,616],{"class":605},[591,818,819],{"class":601}," var",[591,821,822],{"class":605},"(",[591,824,825],{"class":678},"--spacing",[591,827,828],{"class":605},");\n",[591,830,831],{"class":593,"line":626},[591,832,833],{"class":605},"}\n",[591,835,836],{"class":593,"line":647},[591,837,724],{"emptyLinePlaceholder":32},[591,839,840,842],{"class":593,"line":745},[591,841,560],{"class":619},[591,843,809],{"class":605},[591,845,846,850,852,854,856,859],{"class":593,"line":750},[591,847,849],{"class":848},"sqsOY","    margin-bottom",[591,851,616],{"class":605},[591,853,819],{"class":601},[591,855,822],{"class":605},[591,857,858],{"class":678},"--dl--margin-bottom",[591,860,828],{"class":605},[591,862,863],{"class":593,"line":773},[591,864,833],{"class":605},[866,867,869],"h3",{"id":868},"default-values","Default Values",[871,872,873,892],"table",{},[874,875,876],"thead",{},[877,878,879,883,886,889],"tr",{},[880,881,882],"th",{},"Option",[880,884,885],{},"Default",[880,887,888],{},"Variable",[880,890,891],{},"Export",[893,894,895],"tbody",{},[877,896,897,903,908,912],{},[898,899,900],"td",{},[558,901,902],{},"marginBottom",[898,904,905],{},[558,906,907],{},"\"@spacing\"",[898,909,910],{},[558,911,858],{},[898,913,914],{},[558,915,916],{},"dlMarginBottom",[550,918,920],{"id":919},"usedtelement",[558,921,922],{},"useDtElement",[582,924,926],{"className":584,"code":925,"language":586,"meta":587,"style":587},"function useDtElement(\n    s: Styleframe,\n    options?: WithThemes\u003CDtElementConfig>\n): DtElementResult\n",[558,927,928,937,947,962],{"__ignoreMap":587},[591,929,930,932,935],{"class":593,"line":594},[591,931,598],{"class":597},[591,933,934],{"class":601}," useDtElement",[591,936,606],{"class":605},[591,938,939,941,943,945],{"class":593,"line":609},[591,940,613],{"class":612},[591,942,616],{"class":605},[591,944,620],{"class":619},[591,946,623],{"class":605},[591,948,949,951,953,955,957,960],{"class":593,"line":626},[591,950,629],{"class":612},[591,952,632],{"class":605},[591,954,635],{"class":619},[591,956,638],{"class":605},[591,958,959],{"class":619},"DtElementConfig",[591,961,644],{"class":605},[591,963,964,966],{"class":593,"line":647},[591,965,650],{"class":605},[591,967,968],{"class":619}," DtElementResult\n",[655,970,971,1073],{},[658,972,973],{"icon":660,"label":272},[582,974,976],{"className":584,"code":975,"filename":664,"language":586,"meta":587,"style":587},"import { styleframe } from 'styleframe';\nimport { useDtElement } from '@styleframe/theme';\n\nconst s = styleframe();\n\nconst { dtFontWeight } = useDtElement(s);\n\nexport default s;\n",[558,977,978,998,1018,1022,1036,1040,1059,1063],{"__ignoreMap":587},[591,979,980,982,984,986,988,990,992,994,996],{"class":593,"line":594},[591,981,672],{"class":671},[591,983,675],{"class":605},[591,985,679],{"class":678},[591,987,682],{"class":605},[591,989,685],{"class":671},[591,991,688],{"class":605},[591,993,692],{"class":691},[591,995,695],{"class":605},[591,997,698],{"class":605},[591,999,1000,1002,1004,1006,1008,1010,1012,1014,1016],{"class":593,"line":609},[591,1001,672],{"class":671},[591,1003,675],{"class":605},[591,1005,934],{"class":678},[591,1007,682],{"class":605},[591,1009,685],{"class":671},[591,1011,688],{"class":605},[591,1013,715],{"class":691},[591,1015,695],{"class":605},[591,1017,698],{"class":605},[591,1019,1020],{"class":593,"line":626},[591,1021,724],{"emptyLinePlaceholder":32},[591,1023,1024,1026,1028,1030,1032,1034],{"class":593,"line":647},[591,1025,729],{"class":597},[591,1027,732],{"class":678},[591,1029,735],{"class":605},[591,1031,679],{"class":601},[591,1033,740],{"class":678},[591,1035,698],{"class":605},[591,1037,1038],{"class":593,"line":745},[591,1039,724],{"emptyLinePlaceholder":32},[591,1041,1042,1044,1046,1049,1051,1053,1055,1057],{"class":593,"line":750},[591,1043,729],{"class":597},[591,1045,675],{"class":605},[591,1047,1048],{"class":678}," dtFontWeight ",[591,1050,760],{"class":605},[591,1052,763],{"class":605},[591,1054,934],{"class":601},[591,1056,768],{"class":678},[591,1058,698],{"class":605},[591,1060,1061],{"class":593,"line":773},[591,1062,724],{"emptyLinePlaceholder":32},[591,1064,1065,1067,1069,1071],{"class":593,"line":778},[591,1066,781],{"class":671},[591,1068,784],{"class":671},[591,1070,787],{"class":678},[591,1072,698],{"class":605},[658,1074,1075],{"icon":159,"label":320},[582,1076,1078],{"className":794,"code":1077,"filename":796,"language":797,"meta":587,"style":587},":root {\n    --dt--font-weight: var(--font-weight--bold);\n}\n\ndt {\n    font-weight: var(--dt--font-weight);\n}\n",[558,1079,1080,1088,1104,1108,1112,1118,1134],{"__ignoreMap":587},[591,1081,1082,1084,1086],{"class":593,"line":594},[591,1083,616],{"class":605},[591,1085,806],{"class":597},[591,1087,809],{"class":605},[591,1089,1090,1093,1095,1097,1099,1102],{"class":593,"line":609},[591,1091,1092],{"class":678},"    --dt--font-weight",[591,1094,616],{"class":605},[591,1096,819],{"class":601},[591,1098,822],{"class":605},[591,1100,1101],{"class":678},"--font-weight--bold",[591,1103,828],{"class":605},[591,1105,1106],{"class":593,"line":626},[591,1107,833],{"class":605},[591,1109,1110],{"class":593,"line":647},[591,1111,724],{"emptyLinePlaceholder":32},[591,1113,1114,1116],{"class":593,"line":745},[591,1115,564],{"class":619},[591,1117,809],{"class":605},[591,1119,1120,1123,1125,1127,1129,1132],{"class":593,"line":750},[591,1121,1122],{"class":848},"    font-weight",[591,1124,616],{"class":605},[591,1126,819],{"class":601},[591,1128,822],{"class":605},[591,1130,1131],{"class":678},"--dt--font-weight",[591,1133,828],{"class":605},[591,1135,1136],{"class":593,"line":773},[591,1137,833],{"class":605},[866,1139,869],{"id":1140},"default-values-1",[871,1142,1143,1155],{},[874,1144,1145],{},[877,1146,1147,1149,1151,1153],{},[880,1148,882],{},[880,1150,885],{},[880,1152,888],{},[880,1154,891],{},[893,1156,1157],{},[877,1158,1159,1164,1169,1173],{},[898,1160,1161],{},[558,1162,1163],{},"fontWeight",[898,1165,1166],{},[558,1167,1168],{},"\"@font-weight.bold\"",[898,1170,1171],{},[558,1172,1131],{},[898,1174,1175],{},[558,1176,1177],{},"dtFontWeight",[550,1179,1181],{"id":1180},"useddelement",[558,1182,1183],{},"useDdElement",[582,1185,1187],{"className":584,"code":1186,"language":586,"meta":587,"style":587},"function useDdElement(\n    s: Styleframe,\n    options?: WithThemes\u003CDdElementConfig>\n): DdElementResult\n",[558,1188,1189,1198,1208,1223],{"__ignoreMap":587},[591,1190,1191,1193,1196],{"class":593,"line":594},[591,1192,598],{"class":597},[591,1194,1195],{"class":601}," useDdElement",[591,1197,606],{"class":605},[591,1199,1200,1202,1204,1206],{"class":593,"line":609},[591,1201,613],{"class":612},[591,1203,616],{"class":605},[591,1205,620],{"class":619},[591,1207,623],{"class":605},[591,1209,1210,1212,1214,1216,1218,1221],{"class":593,"line":626},[591,1211,629],{"class":612},[591,1213,632],{"class":605},[591,1215,635],{"class":619},[591,1217,638],{"class":605},[591,1219,1220],{"class":619},"DdElementConfig",[591,1222,644],{"class":605},[591,1224,1225,1227],{"class":593,"line":647},[591,1226,650],{"class":605},[591,1228,1229],{"class":619}," DdElementResult\n",[655,1231,1232,1340],{},[658,1233,1234],{"icon":660,"label":272},[582,1235,1237],{"className":584,"code":1236,"filename":664,"language":586,"meta":587,"style":587},"import { styleframe } from 'styleframe';\nimport { useDdElement } from '@styleframe/theme';\n\nconst s = styleframe();\n\nconst { ddMarginBottom, ddMarginLeft } = useDdElement(s);\n\nexport default s;\n",[558,1238,1239,1259,1279,1283,1297,1301,1326,1330],{"__ignoreMap":587},[591,1240,1241,1243,1245,1247,1249,1251,1253,1255,1257],{"class":593,"line":594},[591,1242,672],{"class":671},[591,1244,675],{"class":605},[591,1246,679],{"class":678},[591,1248,682],{"class":605},[591,1250,685],{"class":671},[591,1252,688],{"class":605},[591,1254,692],{"class":691},[591,1256,695],{"class":605},[591,1258,698],{"class":605},[591,1260,1261,1263,1265,1267,1269,1271,1273,1275,1277],{"class":593,"line":609},[591,1262,672],{"class":671},[591,1264,675],{"class":605},[591,1266,1195],{"class":678},[591,1268,682],{"class":605},[591,1270,685],{"class":671},[591,1272,688],{"class":605},[591,1274,715],{"class":691},[591,1276,695],{"class":605},[591,1278,698],{"class":605},[591,1280,1281],{"class":593,"line":626},[591,1282,724],{"emptyLinePlaceholder":32},[591,1284,1285,1287,1289,1291,1293,1295],{"class":593,"line":647},[591,1286,729],{"class":597},[591,1288,732],{"class":678},[591,1290,735],{"class":605},[591,1292,679],{"class":601},[591,1294,740],{"class":678},[591,1296,698],{"class":605},[591,1298,1299],{"class":593,"line":745},[591,1300,724],{"emptyLinePlaceholder":32},[591,1302,1303,1305,1307,1310,1313,1316,1318,1320,1322,1324],{"class":593,"line":750},[591,1304,729],{"class":597},[591,1306,675],{"class":605},[591,1308,1309],{"class":678}," ddMarginBottom",[591,1311,1312],{"class":605},",",[591,1314,1315],{"class":678}," ddMarginLeft ",[591,1317,760],{"class":605},[591,1319,763],{"class":605},[591,1321,1195],{"class":601},[591,1323,768],{"class":678},[591,1325,698],{"class":605},[591,1327,1328],{"class":593,"line":773},[591,1329,724],{"emptyLinePlaceholder":32},[591,1331,1332,1334,1336,1338],{"class":593,"line":778},[591,1333,781],{"class":671},[591,1335,784],{"class":671},[591,1337,787],{"class":678},[591,1339,698],{"class":605},[658,1341,1342],{"icon":159,"label":320},[582,1343,1345],{"className":794,"code":1344,"filename":796,"language":797,"meta":587,"style":587},":root {\n    --dd--margin-bottom: var(--spacing--xs);\n    --dd--margin-left: 0;\n}\n\ndd {\n    margin-bottom: var(--dd--margin-bottom);\n    margin-left: var(--dd--margin-left);\n}\n",[558,1346,1347,1355,1371,1384,1388,1392,1398,1413,1429],{"__ignoreMap":587},[591,1348,1349,1351,1353],{"class":593,"line":594},[591,1350,616],{"class":605},[591,1352,806],{"class":597},[591,1354,809],{"class":605},[591,1356,1357,1360,1362,1364,1366,1369],{"class":593,"line":609},[591,1358,1359],{"class":678},"    --dd--margin-bottom",[591,1361,616],{"class":605},[591,1363,819],{"class":601},[591,1365,822],{"class":605},[591,1367,1368],{"class":678},"--spacing--xs",[591,1370,828],{"class":605},[591,1372,1373,1376,1378,1382],{"class":593,"line":626},[591,1374,1375],{"class":678},"    --dd--margin-left",[591,1377,616],{"class":605},[591,1379,1381],{"class":1380},"sbssI"," 0",[591,1383,698],{"class":605},[591,1385,1386],{"class":593,"line":647},[591,1387,833],{"class":605},[591,1389,1390],{"class":593,"line":745},[591,1391,724],{"emptyLinePlaceholder":32},[591,1393,1394,1396],{"class":593,"line":750},[591,1395,568],{"class":619},[591,1397,809],{"class":605},[591,1399,1400,1402,1404,1406,1408,1411],{"class":593,"line":773},[591,1401,849],{"class":848},[591,1403,616],{"class":605},[591,1405,819],{"class":601},[591,1407,822],{"class":605},[591,1409,1410],{"class":678},"--dd--margin-bottom",[591,1412,828],{"class":605},[591,1414,1415,1418,1420,1422,1424,1427],{"class":593,"line":778},[591,1416,1417],{"class":848},"    margin-left",[591,1419,616],{"class":605},[591,1421,819],{"class":601},[591,1423,822],{"class":605},[591,1425,1426],{"class":678},"--dd--margin-left",[591,1428,828],{"class":605},[591,1430,1432],{"class":593,"line":1431},9,[591,1433,833],{"class":605},[866,1435,869],{"id":1436},"default-values-2",[871,1438,1439,1451],{},[874,1440,1441],{},[877,1442,1443,1445,1447,1449],{},[880,1444,882],{},[880,1446,885],{},[880,1448,888],{},[880,1450,891],{},[893,1452,1453,1473],{},[877,1454,1455,1459,1464,1468],{},[898,1456,1457],{},[558,1458,902],{},[898,1460,1461],{},[558,1462,1463],{},"\"@spacing.xs\"",[898,1465,1466],{},[558,1467,1410],{},[898,1469,1470],{},[558,1471,1472],{},"ddMarginBottom",[877,1474,1475,1480,1485,1489],{},[898,1476,1477],{},[558,1478,1479],{},"marginLeft",[898,1481,1482],{},[558,1483,1484],{},"\"0\"",[898,1486,1487],{},[558,1488,1426],{},[898,1490,1491],{},[558,1492,1493],{},"ddMarginLeft",[550,1495,1497],{"id":1496},"custom-values","Custom Values",[655,1499,1500,1763],{},[658,1501,1502],{"icon":660,"label":272},[582,1503,1505],{"className":584,"code":1504,"filename":664,"language":586,"meta":587,"style":587},"import { styleframe } from 'styleframe';\nimport { useDlElement, useDtElement, useDdElement } from '@styleframe/theme';\n\nconst s = styleframe();\n\nconst { dlMarginBottom } = useDlElement(s, {\n    marginBottom: '@spacing.lg',\n});\n\nconst { dtFontWeight } = useDtElement(s, {\n    fontWeight: '@font-weight.semibold',\n});\n\nconst { ddMarginBottom, ddMarginLeft } = useDdElement(s, {\n    marginBottom: '@spacing.sm',\n    marginLeft: '@spacing.md',\n});\n\nexport default s;\n",[558,1506,1507,1527,1555,1559,1573,1577,1598,1615,1624,1628,1649,1666,1675,1680,1705,1721,1738,1747,1752],{"__ignoreMap":587},[591,1508,1509,1511,1513,1515,1517,1519,1521,1523,1525],{"class":593,"line":594},[591,1510,672],{"class":671},[591,1512,675],{"class":605},[591,1514,679],{"class":678},[591,1516,682],{"class":605},[591,1518,685],{"class":671},[591,1520,688],{"class":605},[591,1522,692],{"class":691},[591,1524,695],{"class":605},[591,1526,698],{"class":605},[591,1528,1529,1531,1533,1535,1537,1539,1541,1543,1545,1547,1549,1551,1553],{"class":593,"line":609},[591,1530,672],{"class":671},[591,1532,675],{"class":605},[591,1534,602],{"class":678},[591,1536,1312],{"class":605},[591,1538,934],{"class":678},[591,1540,1312],{"class":605},[591,1542,1195],{"class":678},[591,1544,682],{"class":605},[591,1546,685],{"class":671},[591,1548,688],{"class":605},[591,1550,715],{"class":691},[591,1552,695],{"class":605},[591,1554,698],{"class":605},[591,1556,1557],{"class":593,"line":626},[591,1558,724],{"emptyLinePlaceholder":32},[591,1560,1561,1563,1565,1567,1569,1571],{"class":593,"line":647},[591,1562,729],{"class":597},[591,1564,732],{"class":678},[591,1566,735],{"class":605},[591,1568,679],{"class":601},[591,1570,740],{"class":678},[591,1572,698],{"class":605},[591,1574,1575],{"class":593,"line":745},[591,1576,724],{"emptyLinePlaceholder":32},[591,1578,1579,1581,1583,1585,1587,1589,1591,1594,1596],{"class":593,"line":750},[591,1580,729],{"class":597},[591,1582,675],{"class":605},[591,1584,757],{"class":678},[591,1586,760],{"class":605},[591,1588,763],{"class":605},[591,1590,602],{"class":601},[591,1592,1593],{"class":678},"(s",[591,1595,1312],{"class":605},[591,1597,809],{"class":605},[591,1599,1600,1604,1606,1608,1611,1613],{"class":593,"line":773},[591,1601,1603],{"class":1602},"swJcz","    marginBottom",[591,1605,616],{"class":605},[591,1607,688],{"class":605},[591,1609,1610],{"class":691},"@spacing.lg",[591,1612,695],{"class":605},[591,1614,623],{"class":605},[591,1616,1617,1619,1622],{"class":593,"line":778},[591,1618,760],{"class":605},[591,1620,1621],{"class":678},")",[591,1623,698],{"class":605},[591,1625,1626],{"class":593,"line":1431},[591,1627,724],{"emptyLinePlaceholder":32},[591,1629,1631,1633,1635,1637,1639,1641,1643,1645,1647],{"class":593,"line":1630},10,[591,1632,729],{"class":597},[591,1634,675],{"class":605},[591,1636,1048],{"class":678},[591,1638,760],{"class":605},[591,1640,763],{"class":605},[591,1642,934],{"class":601},[591,1644,1593],{"class":678},[591,1646,1312],{"class":605},[591,1648,809],{"class":605},[591,1650,1652,1655,1657,1659,1662,1664],{"class":593,"line":1651},11,[591,1653,1654],{"class":1602},"    fontWeight",[591,1656,616],{"class":605},[591,1658,688],{"class":605},[591,1660,1661],{"class":691},"@font-weight.semibold",[591,1663,695],{"class":605},[591,1665,623],{"class":605},[591,1667,1669,1671,1673],{"class":593,"line":1668},12,[591,1670,760],{"class":605},[591,1672,1621],{"class":678},[591,1674,698],{"class":605},[591,1676,1678],{"class":593,"line":1677},13,[591,1679,724],{"emptyLinePlaceholder":32},[591,1681,1683,1685,1687,1689,1691,1693,1695,1697,1699,1701,1703],{"class":593,"line":1682},14,[591,1684,729],{"class":597},[591,1686,675],{"class":605},[591,1688,1309],{"class":678},[591,1690,1312],{"class":605},[591,1692,1315],{"class":678},[591,1694,760],{"class":605},[591,1696,763],{"class":605},[591,1698,1195],{"class":601},[591,1700,1593],{"class":678},[591,1702,1312],{"class":605},[591,1704,809],{"class":605},[591,1706,1708,1710,1712,1714,1717,1719],{"class":593,"line":1707},15,[591,1709,1603],{"class":1602},[591,1711,616],{"class":605},[591,1713,688],{"class":605},[591,1715,1716],{"class":691},"@spacing.sm",[591,1718,695],{"class":605},[591,1720,623],{"class":605},[591,1722,1724,1727,1729,1731,1734,1736],{"class":593,"line":1723},16,[591,1725,1726],{"class":1602},"    marginLeft",[591,1728,616],{"class":605},[591,1730,688],{"class":605},[591,1732,1733],{"class":691},"@spacing.md",[591,1735,695],{"class":605},[591,1737,623],{"class":605},[591,1739,1741,1743,1745],{"class":593,"line":1740},17,[591,1742,760],{"class":605},[591,1744,1621],{"class":678},[591,1746,698],{"class":605},[591,1748,1750],{"class":593,"line":1749},18,[591,1751,724],{"emptyLinePlaceholder":32},[591,1753,1755,1757,1759,1761],{"class":593,"line":1754},19,[591,1756,781],{"class":671},[591,1758,784],{"class":671},[591,1760,787],{"class":678},[591,1762,698],{"class":605},[658,1764,1765],{"icon":159,"label":320},[582,1766,1768],{"className":794,"code":1767,"filename":796,"language":797,"meta":587,"style":587},":root {\n    --dl--margin-bottom: var(--spacing--lg);\n    --dt--font-weight: var(--font-weight--semibold);\n    --dd--margin-bottom: var(--spacing--sm);\n    --dd--margin-left: var(--spacing--md);\n}\n\ndl {\n    margin-bottom: var(--dl--margin-bottom);\n}\n\ndt {\n    font-weight: var(--dt--font-weight);\n}\n\ndd {\n    margin-bottom: var(--dd--margin-bottom);\n    margin-left: var(--dd--margin-left);\n}\n",[558,1769,1770,1778,1793,1808,1823,1838,1842,1846,1852,1866,1870,1874,1880,1894,1898,1902,1908,1922,1936],{"__ignoreMap":587},[591,1771,1772,1774,1776],{"class":593,"line":594},[591,1773,616],{"class":605},[591,1775,806],{"class":597},[591,1777,809],{"class":605},[591,1779,1780,1782,1784,1786,1788,1791],{"class":593,"line":609},[591,1781,814],{"class":678},[591,1783,616],{"class":605},[591,1785,819],{"class":601},[591,1787,822],{"class":605},[591,1789,1790],{"class":678},"--spacing--lg",[591,1792,828],{"class":605},[591,1794,1795,1797,1799,1801,1803,1806],{"class":593,"line":626},[591,1796,1092],{"class":678},[591,1798,616],{"class":605},[591,1800,819],{"class":601},[591,1802,822],{"class":605},[591,1804,1805],{"class":678},"--font-weight--semibold",[591,1807,828],{"class":605},[591,1809,1810,1812,1814,1816,1818,1821],{"class":593,"line":647},[591,1811,1359],{"class":678},[591,1813,616],{"class":605},[591,1815,819],{"class":601},[591,1817,822],{"class":605},[591,1819,1820],{"class":678},"--spacing--sm",[591,1822,828],{"class":605},[591,1824,1825,1827,1829,1831,1833,1836],{"class":593,"line":745},[591,1826,1375],{"class":678},[591,1828,616],{"class":605},[591,1830,819],{"class":601},[591,1832,822],{"class":605},[591,1834,1835],{"class":678},"--spacing--md",[591,1837,828],{"class":605},[591,1839,1840],{"class":593,"line":750},[591,1841,833],{"class":605},[591,1843,1844],{"class":593,"line":773},[591,1845,724],{"emptyLinePlaceholder":32},[591,1847,1848,1850],{"class":593,"line":778},[591,1849,560],{"class":619},[591,1851,809],{"class":605},[591,1853,1854,1856,1858,1860,1862,1864],{"class":593,"line":1431},[591,1855,849],{"class":848},[591,1857,616],{"class":605},[591,1859,819],{"class":601},[591,1861,822],{"class":605},[591,1863,858],{"class":678},[591,1865,828],{"class":605},[591,1867,1868],{"class":593,"line":1630},[591,1869,833],{"class":605},[591,1871,1872],{"class":593,"line":1651},[591,1873,724],{"emptyLinePlaceholder":32},[591,1875,1876,1878],{"class":593,"line":1668},[591,1877,564],{"class":619},[591,1879,809],{"class":605},[591,1881,1882,1884,1886,1888,1890,1892],{"class":593,"line":1677},[591,1883,1122],{"class":848},[591,1885,616],{"class":605},[591,1887,819],{"class":601},[591,1889,822],{"class":605},[591,1891,1131],{"class":678},[591,1893,828],{"class":605},[591,1895,1896],{"class":593,"line":1682},[591,1897,833],{"class":605},[591,1899,1900],{"class":593,"line":1707},[591,1901,724],{"emptyLinePlaceholder":32},[591,1903,1904,1906],{"class":593,"line":1723},[591,1905,568],{"class":619},[591,1907,809],{"class":605},[591,1909,1910,1912,1914,1916,1918,1920],{"class":593,"line":1740},[591,1911,849],{"class":848},[591,1913,616],{"class":605},[591,1915,819],{"class":601},[591,1917,822],{"class":605},[591,1919,1410],{"class":678},[591,1921,828],{"class":605},[591,1923,1924,1926,1928,1930,1932,1934],{"class":593,"line":1749},[591,1925,1417],{"class":848},[591,1927,616],{"class":605},[591,1929,819],{"class":601},[591,1931,822],{"class":605},[591,1933,1426],{"class":678},[591,1935,828],{"class":605},[591,1937,1938],{"class":593,"line":1754},[591,1939,833],{"class":605},[550,1941,1943],{"id":1942},"best-practices","Best Practices",[1945,1946,1947,1962,1971],"ul",{},[1948,1949,1950,1954,1955,561,1957,565,1959,1961],"li",{},[1951,1952,1953],"strong",{},"Use all three together",": The ",[558,1956,560],{},[558,1958,564],{},[558,1960,568],{}," composables are designed to work as a set for consistent definition list styling.",[1948,1963,1964,1967,1968,1970],{},[1951,1965,1966],{},"Keep terms bold",": The default bold font weight for ",[558,1969,564],{}," elements establishes clear visual hierarchy between terms and descriptions.",[1948,1972,1973,1976,1977,1980,1981,1983],{},[1951,1974,1975],{},"Reset the left margin",": The default ",[558,1978,1979],{},"marginLeft: \"0\""," removes the browser default indentation on ",[558,1982,568],{}," elements for a cleaner layout.",[1985,1986,1987],"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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}",{"title":587,"searchDepth":609,"depth":609,"links":1989},[1990,1991,1994,1997,2000,2001],{"id":552,"depth":609,"text":83},{"id":577,"depth":609,"text":580,"children":1992},[1993],{"id":868,"depth":626,"text":869},{"id":919,"depth":609,"text":922,"children":1995},[1996],{"id":1140,"depth":626,"text":869},{"id":1180,"depth":609,"text":1183,"children":1998},[1999],{"id":1436,"depth":626,"text":869},{"id":1496,"depth":609,"text":1497},{"id":1942,"depth":609,"text":1943},"Style definition list elements (dl, dt, dd) with configurable margin, font weight, and spacing using the useDlElement, useDtElement, and useDdElement composables.","md",null,{},{"title":276,"icon":7},{"title":545,"description":2002},{"loc":277},"A1Tua_j8Q_htRBEfSbuEgddPFPufcuDGIXE-IlN10YE",[2011,2013],{"title":272,"path":273,"stem":274,"description":2012,"icon":7,"children":-1},"Style inline code and preformatted text blocks with configurable font family, font size, and spacing using the useCodeElement and usePreElement composables.",{"title":280,"path":281,"stem":282,"description":2014,"icon":7,"children":-1},"Apply consistent focus-visible outline styles across all elements with configurable color, width, style, and offset using the useFocusState composable.",1778412269402]