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