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