[{"data":1,"prerenderedAt":4319},["ShallowReactive",2],{"navigation_en":3,"-docs-theme-modifiers-pseudo-elements":682,"-docs-theme-modifiers-pseudo-elements-surround":4314},{"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":4307,"extension":4308,"links":4309,"meta":4310,"navigation":4311,"path":669,"seo":4312,"stem":670,"__hash__":4313},"docs_theme\u002Fdocs\u002Ftheme\u002Fmodifiers\u002F07.pseudo-elements.md","Pseudo-Elements Modifiers",{"type":686,"value":687,"toc":4285},"minimark",[688,714,718,734,738,741,781,787,801,1368,1373,1411,1427,1433,1442,1763,1766,1795,1801,1809,2182,2185,2209,2215,2221,2553,2556,2580,2586,2592,2595,2619,2625,2631,2634,2658,2664,2670,2953,2956,2980,2986,2999,3002,3026,3032,3042,3045,3069,3074,3080,3399,3404,3573,3577,3581,3871,3875,4136,4140,4195,4199,4281],[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",{},"usePseudoElementModifiers"," 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],{},"pseudoElements"," 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",{},"Pseudo-element modifiers let you apply utility styles to specific sub-parts of an element. They wrap utility declarations in CSS pseudo-element selectors like ",[697,723,724],{},"::before",", ",[697,727,728],{},"::after",", and ",[697,731,732],{},"::placeholder",", generating variant utility classes that target these element fragments.",[715,735,737],{"id":736},"why-use-pseudo-element-modifiers","Why Use Pseudo-Element Modifiers?",[719,739,740],{},"Pseudo-element modifiers help you:",[742,743,744,757,763,769,775],"ul",{},[745,746,747,750,751,753,754,756],"li",{},[692,748,749],{},"Style generated content",": Control the appearance of ",[697,752,724],{}," and ",[697,755,728],{}," pseudo-elements",[745,758,759,762],{},[692,760,761],{},"Customize form placeholders",": Style placeholder text without custom CSS",[745,764,765,768],{},[692,766,767],{},"Enhance text selection",": Change the appearance of selected text",[745,770,771,774],{},[692,772,773],{},"Style list markers",": Customize bullet points and list numbers",[745,776,777,780],{},[692,778,779],{},"Target file inputs",": Style the file upload button in file input elements",[715,782,784],{"id":783},"usebeforemodifier",[697,785,786],{},"useBeforeModifier",[719,788,789,790,793,794,796,797,800],{},"The ",[697,791,792],{},"useBeforeModifier()"," function creates a modifier that applies styles to the ",[697,795,724],{}," pseudo-element. It automatically injects ",[697,798,799],{},"content: ''"," to ensure the pseudo-element is rendered.",[802,803,804,1116,1316],"tabs",{},[805,806,808],"tabs-item",{"icon":807,"label":290},"i-lucide-code",[809,810,816],"pre",{"className":811,"code":812,"filename":813,"language":814,"meta":815,"style":815},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { styleframe } from \"styleframe\";\nimport { useBackgroundColorUtility, useWidthUtility, useHeightUtility } from \"@styleframe\u002Ftheme\";\nimport { useBeforeModifier } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nconst before = useBeforeModifier(s);\n\nuseBackgroundColorUtility(s, {\n    primary: '#006cff',\n}, [before]);\n\nuseWidthUtility(s, {\n    full: '100%',\n}, [before]);\n\nuseHeightUtility(s, {\n    px: '1px',\n}, [before]);\n\nexport default s;\n","styleframe.config.ts","ts","",[697,817,818,854,888,910,916,937,942,959,964,978,1000,1011,1016,1028,1045,1054,1059,1071,1088,1097,1102],{"__ignoreMap":815},[819,820,823,827,831,835,838,841,844,848,851],"span",{"class":821,"line":822},"line",1,[819,824,826],{"class":825},"s7zQu","import",[819,828,830],{"class":829},"sMK4o"," {",[819,832,834],{"class":833},"sTEyZ"," styleframe",[819,836,837],{"class":829}," }",[819,839,840],{"class":825}," from",[819,842,843],{"class":829}," \"",[819,845,847],{"class":846},"sfazB","styleframe",[819,849,850],{"class":829},"\"",[819,852,853],{"class":829},";\n",[819,855,857,859,861,864,867,870,872,875,877,879,881,884,886],{"class":821,"line":856},2,[819,858,826],{"class":825},[819,860,830],{"class":829},[819,862,863],{"class":833}," useBackgroundColorUtility",[819,865,866],{"class":829},",",[819,868,869],{"class":833}," useWidthUtility",[819,871,866],{"class":829},[819,873,874],{"class":833}," useHeightUtility",[819,876,837],{"class":829},[819,878,840],{"class":825},[819,880,843],{"class":829},[819,882,883],{"class":846},"@styleframe\u002Ftheme",[819,885,850],{"class":829},[819,887,853],{"class":829},[819,889,891,893,895,898,900,902,904,906,908],{"class":821,"line":890},3,[819,892,826],{"class":825},[819,894,830],{"class":829},[819,896,897],{"class":833}," useBeforeModifier",[819,899,837],{"class":829},[819,901,840],{"class":825},[819,903,843],{"class":829},[819,905,883],{"class":846},[819,907,850],{"class":829},[819,909,853],{"class":829},[819,911,913],{"class":821,"line":912},4,[819,914,915],{"emptyLinePlaceholder":223},"\n",[819,917,919,923,926,929,932,935],{"class":821,"line":918},5,[819,920,922],{"class":921},"spNyl","const",[819,924,925],{"class":833}," s ",[819,927,928],{"class":829},"=",[819,930,834],{"class":931},"s2Zo4",[819,933,934],{"class":833},"()",[819,936,853],{"class":829},[819,938,940],{"class":821,"line":939},6,[819,941,915],{"emptyLinePlaceholder":223},[819,943,945,947,950,952,954,957],{"class":821,"line":944},7,[819,946,922],{"class":921},[819,948,949],{"class":833}," before ",[819,951,928],{"class":829},[819,953,897],{"class":931},[819,955,956],{"class":833},"(s)",[819,958,853],{"class":829},[819,960,962],{"class":821,"line":961},8,[819,963,915],{"emptyLinePlaceholder":223},[819,965,967,970,973,975],{"class":821,"line":966},9,[819,968,969],{"class":931},"useBackgroundColorUtility",[819,971,972],{"class":833},"(s",[819,974,866],{"class":829},[819,976,977],{"class":829}," {\n",[819,979,981,985,988,991,994,997],{"class":821,"line":980},10,[819,982,984],{"class":983},"swJcz","    primary",[819,986,987],{"class":829},":",[819,989,990],{"class":829}," '",[819,992,993],{"class":846},"#006cff",[819,995,996],{"class":829},"'",[819,998,999],{"class":829},",\n",[819,1001,1003,1006,1009],{"class":821,"line":1002},11,[819,1004,1005],{"class":829},"},",[819,1007,1008],{"class":833}," [before])",[819,1010,853],{"class":829},[819,1012,1014],{"class":821,"line":1013},12,[819,1015,915],{"emptyLinePlaceholder":223},[819,1017,1019,1022,1024,1026],{"class":821,"line":1018},13,[819,1020,1021],{"class":931},"useWidthUtility",[819,1023,972],{"class":833},[819,1025,866],{"class":829},[819,1027,977],{"class":829},[819,1029,1031,1034,1036,1038,1041,1043],{"class":821,"line":1030},14,[819,1032,1033],{"class":983},"    full",[819,1035,987],{"class":829},[819,1037,990],{"class":829},[819,1039,1040],{"class":846},"100%",[819,1042,996],{"class":829},[819,1044,999],{"class":829},[819,1046,1048,1050,1052],{"class":821,"line":1047},15,[819,1049,1005],{"class":829},[819,1051,1008],{"class":833},[819,1053,853],{"class":829},[819,1055,1057],{"class":821,"line":1056},16,[819,1058,915],{"emptyLinePlaceholder":223},[819,1060,1062,1065,1067,1069],{"class":821,"line":1061},17,[819,1063,1064],{"class":931},"useHeightUtility",[819,1066,972],{"class":833},[819,1068,866],{"class":829},[819,1070,977],{"class":829},[819,1072,1074,1077,1079,1081,1084,1086],{"class":821,"line":1073},18,[819,1075,1076],{"class":983},"    px",[819,1078,987],{"class":829},[819,1080,990],{"class":829},[819,1082,1083],{"class":846},"1px",[819,1085,996],{"class":829},[819,1087,999],{"class":829},[819,1089,1091,1093,1095],{"class":821,"line":1090},19,[819,1092,1005],{"class":829},[819,1094,1008],{"class":833},[819,1096,853],{"class":829},[819,1098,1100],{"class":821,"line":1099},20,[819,1101,915],{"emptyLinePlaceholder":223},[819,1103,1105,1108,1111,1114],{"class":821,"line":1104},21,[819,1106,1107],{"class":825},"export",[819,1109,1110],{"class":825}," default",[819,1112,1113],{"class":833}," s",[819,1115,853],{"class":829},[805,1117,1118],{"icon":154,"label":326},[809,1119,1124],{"className":1120,"code":1121,"filename":1122,"language":1123,"meta":815,"style":815},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","._background-color\\:primary { background-color: #006cff; }\n\n._before\\:background-color\\:primary {\n    &::before { content: ''; background-color: #006cff; }\n}\n\n._before\\:width\\:full {\n    &::before { content: ''; width: 100%; }\n}\n\n._before\\:height\\:px {\n    &::before { content: ''; height: 1px; }\n}\n","styleframe\u002Findex.css","css",[697,1125,1126,1161,1165,1183,1210,1215,1219,1237,1262,1266,1270,1288,1312],{"__ignoreMap":815},[819,1127,1128,1131,1135,1138,1141,1143,1147,1149,1152,1155,1158],{"class":821,"line":822},[819,1129,1130],{"class":829},".",[819,1132,1134],{"class":1133},"sBMFI","_background-color",[819,1136,1137],{"class":833},"\\:",[819,1139,1140],{"class":1133},"primary",[819,1142,830],{"class":829},[819,1144,1146],{"class":1145},"sqsOY"," background-color",[819,1148,987],{"class":829},[819,1150,1151],{"class":829}," #",[819,1153,1154],{"class":833},"006cff",[819,1156,1157],{"class":829},";",[819,1159,1160],{"class":829}," }\n",[819,1162,1163],{"class":821,"line":856},[819,1164,915],{"emptyLinePlaceholder":223},[819,1166,1167,1169,1172,1174,1177,1179,1181],{"class":821,"line":890},[819,1168,1130],{"class":829},[819,1170,1171],{"class":1133},"_before",[819,1173,1137],{"class":833},[819,1175,1176],{"class":1133},"background-color",[819,1178,1137],{"class":833},[819,1180,1140],{"class":1133},[819,1182,977],{"class":829},[819,1184,1185,1188,1190,1193,1196,1198,1200,1202,1204,1206,1208],{"class":821,"line":912},[819,1186,1187],{"class":833},"    &",[819,1189,987],{"class":829},[819,1191,1192],{"class":833},":before { content: ",[819,1194,1195],{"class":829},"''",[819,1197,1157],{"class":829},[819,1199,1146],{"class":1145},[819,1201,987],{"class":829},[819,1203,1151],{"class":829},[819,1205,1154],{"class":833},[819,1207,1157],{"class":829},[819,1209,1160],{"class":829},[819,1211,1212],{"class":821,"line":918},[819,1213,1214],{"class":833},"}\n",[819,1216,1217],{"class":821,"line":939},[819,1218,915],{"emptyLinePlaceholder":223},[819,1220,1221,1223,1225,1227,1230,1232,1235],{"class":821,"line":944},[819,1222,1130],{"class":829},[819,1224,1171],{"class":1133},[819,1226,1137],{"class":833},[819,1228,1229],{"class":1133},"width",[819,1231,1137],{"class":833},[819,1233,1234],{"class":1133},"full",[819,1236,977],{"class":829},[819,1238,1239,1241,1243,1245,1247,1249,1252,1254,1258,1260],{"class":821,"line":961},[819,1240,1187],{"class":833},[819,1242,987],{"class":829},[819,1244,1192],{"class":833},[819,1246,1195],{"class":829},[819,1248,1157],{"class":829},[819,1250,1251],{"class":1145}," width",[819,1253,987],{"class":829},[819,1255,1257],{"class":1256},"sbssI"," 100%",[819,1259,1157],{"class":829},[819,1261,1160],{"class":829},[819,1263,1264],{"class":821,"line":966},[819,1265,1214],{"class":833},[819,1267,1268],{"class":821,"line":980},[819,1269,915],{"emptyLinePlaceholder":223},[819,1271,1272,1274,1276,1278,1281,1283,1286],{"class":821,"line":1002},[819,1273,1130],{"class":829},[819,1275,1171],{"class":1133},[819,1277,1137],{"class":833},[819,1279,1280],{"class":1133},"height",[819,1282,1137],{"class":833},[819,1284,1285],{"class":1133},"px",[819,1287,977],{"class":829},[819,1289,1290,1292,1294,1296,1298,1300,1303,1305,1308,1310],{"class":821,"line":1013},[819,1291,1187],{"class":833},[819,1293,987],{"class":829},[819,1295,1192],{"class":833},[819,1297,1195],{"class":829},[819,1299,1157],{"class":829},[819,1301,1302],{"class":1145}," height",[819,1304,987],{"class":829},[819,1306,1307],{"class":1256}," 1px",[819,1309,1157],{"class":829},[819,1311,1160],{"class":829},[819,1313,1314],{"class":821,"line":1018},[819,1315,1214],{"class":833},[805,1317,1319],{"icon":520,"label":1318},"Usage",[809,1320,1324],{"className":1321,"code":1322,"language":1323,"meta":815,"style":815},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!-- Add a decorative line before an element -->\n\u003Ch2 class=\"_before:background-color:primary _before:width:full _before:height:px\">\n    Section Title\n\u003C\u002Fh2>\n","html",[697,1325,1326,1332,1354,1359],{"__ignoreMap":815},[819,1327,1328],{"class":821,"line":822},[819,1329,1331],{"class":1330},"sHwdD","\u003C!-- Add a decorative line before an element -->\n",[819,1333,1334,1337,1339,1342,1344,1346,1349,1351],{"class":821,"line":856},[819,1335,1336],{"class":829},"\u003C",[819,1338,715],{"class":983},[819,1340,1341],{"class":921}," class",[819,1343,928],{"class":829},[819,1345,850],{"class":829},[819,1347,1348],{"class":846},"_before:background-color:primary _before:width:full _before:height:px",[819,1350,850],{"class":829},[819,1352,1353],{"class":829},">\n",[819,1355,1356],{"class":821,"line":890},[819,1357,1358],{"class":833},"    Section Title\n",[819,1360,1361,1364,1366],{"class":821,"line":912},[819,1362,1363],{"class":829},"\u003C\u002F",[819,1365,715],{"class":983},[819,1367,1353],{"class":829},[1369,1370,1372],"h4",{"id":1371},"css-selector","CSS Selector",[1374,1375,1376,1391],"table",{},[1377,1378,1379],"thead",{},[1380,1381,1382,1386,1388],"tr",{},[1383,1384,1385],"th",{},"Modifier Name",[1383,1387,1372],{},[1383,1389,1390],{},"Auto-injected",[1392,1393,1394],"tbody",{},[1380,1395,1396,1402,1407],{},[1397,1398,1399],"td",{},[697,1400,1401],{},"before",[1397,1403,1404],{},[697,1405,1406],{},"&::before",[1397,1408,1409],{},[697,1410,799],{},[1412,1413,1414,1417,1418,753,1420,1423,1424,1426],"tip",{},[692,1415,1416],{},"Pro tip",": The ",[697,1419,1401],{},[697,1421,1422],{},"after"," modifiers automatically inject ",[697,1425,799],{}," into the declarations. This ensures the pseudo-element is rendered without requiring a separate content utility.",[715,1428,1430],{"id":1429},"useaftermodifier",[697,1431,1432],{},"useAfterModifier",[719,1434,789,1435,793,1438,796,1440,1130],{},[697,1436,1437],{},"useAfterModifier()",[697,1439,728],{},[697,1441,799],{},[802,1443,1444,1602,1718],{},[805,1445,1446],{"icon":807,"label":290},[809,1447,1449],{"className":811,"code":1448,"filename":813,"language":814,"meta":815,"style":815},"import { styleframe } from \"styleframe\";\nimport { useBackgroundColorUtility } from \"@styleframe\u002Ftheme\";\nimport { useAfterModifier } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nconst after = useAfterModifier(s);\n\nuseBackgroundColorUtility(s, {\n    overlay: 'rgba(0, 0, 0, 0.5)',\n}, [after]);\n\nexport default s;\n",[697,1450,1451,1471,1491,1512,1516,1530,1534,1549,1553,1563,1579,1588,1592],{"__ignoreMap":815},[819,1452,1453,1455,1457,1459,1461,1463,1465,1467,1469],{"class":821,"line":822},[819,1454,826],{"class":825},[819,1456,830],{"class":829},[819,1458,834],{"class":833},[819,1460,837],{"class":829},[819,1462,840],{"class":825},[819,1464,843],{"class":829},[819,1466,847],{"class":846},[819,1468,850],{"class":829},[819,1470,853],{"class":829},[819,1472,1473,1475,1477,1479,1481,1483,1485,1487,1489],{"class":821,"line":856},[819,1474,826],{"class":825},[819,1476,830],{"class":829},[819,1478,863],{"class":833},[819,1480,837],{"class":829},[819,1482,840],{"class":825},[819,1484,843],{"class":829},[819,1486,883],{"class":846},[819,1488,850],{"class":829},[819,1490,853],{"class":829},[819,1492,1493,1495,1497,1500,1502,1504,1506,1508,1510],{"class":821,"line":890},[819,1494,826],{"class":825},[819,1496,830],{"class":829},[819,1498,1499],{"class":833}," useAfterModifier",[819,1501,837],{"class":829},[819,1503,840],{"class":825},[819,1505,843],{"class":829},[819,1507,883],{"class":846},[819,1509,850],{"class":829},[819,1511,853],{"class":829},[819,1513,1514],{"class":821,"line":912},[819,1515,915],{"emptyLinePlaceholder":223},[819,1517,1518,1520,1522,1524,1526,1528],{"class":821,"line":918},[819,1519,922],{"class":921},[819,1521,925],{"class":833},[819,1523,928],{"class":829},[819,1525,834],{"class":931},[819,1527,934],{"class":833},[819,1529,853],{"class":829},[819,1531,1532],{"class":821,"line":939},[819,1533,915],{"emptyLinePlaceholder":223},[819,1535,1536,1538,1541,1543,1545,1547],{"class":821,"line":944},[819,1537,922],{"class":921},[819,1539,1540],{"class":833}," after ",[819,1542,928],{"class":829},[819,1544,1499],{"class":931},[819,1546,956],{"class":833},[819,1548,853],{"class":829},[819,1550,1551],{"class":821,"line":961},[819,1552,915],{"emptyLinePlaceholder":223},[819,1554,1555,1557,1559,1561],{"class":821,"line":966},[819,1556,969],{"class":931},[819,1558,972],{"class":833},[819,1560,866],{"class":829},[819,1562,977],{"class":829},[819,1564,1565,1568,1570,1572,1575,1577],{"class":821,"line":980},[819,1566,1567],{"class":983},"    overlay",[819,1569,987],{"class":829},[819,1571,990],{"class":829},[819,1573,1574],{"class":846},"rgba(0, 0, 0, 0.5)",[819,1576,996],{"class":829},[819,1578,999],{"class":829},[819,1580,1581,1583,1586],{"class":821,"line":1002},[819,1582,1005],{"class":829},[819,1584,1585],{"class":833}," [after])",[819,1587,853],{"class":829},[819,1589,1590],{"class":821,"line":1013},[819,1591,915],{"emptyLinePlaceholder":223},[819,1593,1594,1596,1598,1600],{"class":821,"line":1018},[819,1595,1107],{"class":825},[819,1597,1110],{"class":825},[819,1599,1113],{"class":833},[819,1601,853],{"class":829},[805,1603,1604],{"icon":154,"label":326},[809,1605,1607],{"className":1120,"code":1606,"filename":1122,"language":1123,"meta":815,"style":815},"._background-color\\:overlay { background-color: rgba(0, 0, 0, 0.5); }\n\n._after\\:background-color\\:overlay {\n    &::after { content: ''; background-color: rgba(0, 0, 0, 0.5); }\n}\n",[697,1608,1609,1654,1658,1675,1714],{"__ignoreMap":815},[819,1610,1611,1613,1615,1617,1620,1622,1624,1626,1629,1632,1635,1637,1640,1642,1644,1646,1649,1652],{"class":821,"line":822},[819,1612,1130],{"class":829},[819,1614,1134],{"class":1133},[819,1616,1137],{"class":833},[819,1618,1619],{"class":1133},"overlay",[819,1621,830],{"class":829},[819,1623,1146],{"class":1145},[819,1625,987],{"class":829},[819,1627,1628],{"class":931}," rgba",[819,1630,1631],{"class":829},"(",[819,1633,1634],{"class":1256},"0",[819,1636,866],{"class":829},[819,1638,1639],{"class":1256}," 0",[819,1641,866],{"class":829},[819,1643,1639],{"class":1256},[819,1645,866],{"class":829},[819,1647,1648],{"class":1256}," 0.5",[819,1650,1651],{"class":829},");",[819,1653,1160],{"class":829},[819,1655,1656],{"class":821,"line":856},[819,1657,915],{"emptyLinePlaceholder":223},[819,1659,1660,1662,1665,1667,1669,1671,1673],{"class":821,"line":890},[819,1661,1130],{"class":829},[819,1663,1664],{"class":1133},"_after",[819,1666,1137],{"class":833},[819,1668,1176],{"class":1133},[819,1670,1137],{"class":833},[819,1672,1619],{"class":1133},[819,1674,977],{"class":829},[819,1676,1677,1679,1681,1684,1686,1688,1690,1692,1694,1696,1698,1700,1702,1704,1706,1708,1710,1712],{"class":821,"line":912},[819,1678,1187],{"class":833},[819,1680,987],{"class":829},[819,1682,1683],{"class":833},":after { content: ",[819,1685,1195],{"class":829},[819,1687,1157],{"class":829},[819,1689,1146],{"class":1145},[819,1691,987],{"class":829},[819,1693,1628],{"class":931},[819,1695,1631],{"class":829},[819,1697,1634],{"class":1256},[819,1699,866],{"class":829},[819,1701,1639],{"class":1256},[819,1703,866],{"class":829},[819,1705,1639],{"class":1256},[819,1707,866],{"class":829},[819,1709,1648],{"class":1256},[819,1711,1651],{"class":829},[819,1713,1160],{"class":829},[819,1715,1716],{"class":821,"line":918},[819,1717,1214],{"class":833},[805,1719,1720],{"icon":520,"label":1318},[809,1721,1723],{"className":1321,"code":1722,"language":1323,"meta":815,"style":815},"\u003C!-- Add an overlay after an element -->\n\u003Cdiv class=\"_after:background-color:overlay\">\n    Content with overlay\n\u003C\u002Fdiv>\n",[697,1724,1725,1730,1750,1755],{"__ignoreMap":815},[819,1726,1727],{"class":821,"line":822},[819,1728,1729],{"class":1330},"\u003C!-- Add an overlay after an element -->\n",[819,1731,1732,1734,1737,1739,1741,1743,1746,1748],{"class":821,"line":856},[819,1733,1336],{"class":829},[819,1735,1736],{"class":983},"div",[819,1738,1341],{"class":921},[819,1740,928],{"class":829},[819,1742,850],{"class":829},[819,1744,1745],{"class":846},"_after:background-color:overlay",[819,1747,850],{"class":829},[819,1749,1353],{"class":829},[819,1751,1752],{"class":821,"line":890},[819,1753,1754],{"class":833},"    Content with overlay\n",[819,1756,1757,1759,1761],{"class":821,"line":912},[819,1758,1363],{"class":829},[819,1760,1736],{"class":983},[819,1762,1353],{"class":829},[1369,1764,1372],{"id":1765},"css-selector-1",[1374,1767,1768,1778],{},[1377,1769,1770],{},[1380,1771,1772,1774,1776],{},[1383,1773,1385],{},[1383,1775,1372],{},[1383,1777,1390],{},[1392,1779,1780],{},[1380,1781,1782,1786,1791],{},[1397,1783,1784],{},[697,1785,1422],{},[1397,1787,1788],{},[697,1789,1790],{},"&::after",[1397,1792,1793],{},[697,1794,799],{},[715,1796,1798],{"id":1797},"useplaceholdermodifier",[697,1799,1800],{},"usePlaceholderModifier",[719,1802,789,1803,793,1806,1808],{},[697,1804,1805],{},"usePlaceholderModifier()",[697,1807,732],{}," pseudo-element of form inputs.",[802,1810,1811,2015,2135],{},[805,1812,1813],{"icon":807,"label":290},[809,1814,1816],{"className":811,"code":1815,"filename":813,"language":814,"meta":815,"style":815},"import { styleframe } from \"styleframe\";\nimport { useTextColorUtility, useOpacityUtility } from \"@styleframe\u002Ftheme\";\nimport { usePlaceholderModifier } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nconst placeholder = usePlaceholderModifier(s);\n\nuseTextColorUtility(s, {\n    muted: '#6c757d',\n}, [placeholder]);\n\nuseOpacityUtility(s, {\n    75: '0.75',\n}, [placeholder]);\n\nexport default s;\n",[697,1817,1818,1838,1864,1885,1889,1903,1907,1922,1926,1937,1953,1962,1966,1977,1993,2001,2005],{"__ignoreMap":815},[819,1819,1820,1822,1824,1826,1828,1830,1832,1834,1836],{"class":821,"line":822},[819,1821,826],{"class":825},[819,1823,830],{"class":829},[819,1825,834],{"class":833},[819,1827,837],{"class":829},[819,1829,840],{"class":825},[819,1831,843],{"class":829},[819,1833,847],{"class":846},[819,1835,850],{"class":829},[819,1837,853],{"class":829},[819,1839,1840,1842,1844,1847,1849,1852,1854,1856,1858,1860,1862],{"class":821,"line":856},[819,1841,826],{"class":825},[819,1843,830],{"class":829},[819,1845,1846],{"class":833}," useTextColorUtility",[819,1848,866],{"class":829},[819,1850,1851],{"class":833}," useOpacityUtility",[819,1853,837],{"class":829},[819,1855,840],{"class":825},[819,1857,843],{"class":829},[819,1859,883],{"class":846},[819,1861,850],{"class":829},[819,1863,853],{"class":829},[819,1865,1866,1868,1870,1873,1875,1877,1879,1881,1883],{"class":821,"line":890},[819,1867,826],{"class":825},[819,1869,830],{"class":829},[819,1871,1872],{"class":833}," usePlaceholderModifier",[819,1874,837],{"class":829},[819,1876,840],{"class":825},[819,1878,843],{"class":829},[819,1880,883],{"class":846},[819,1882,850],{"class":829},[819,1884,853],{"class":829},[819,1886,1887],{"class":821,"line":912},[819,1888,915],{"emptyLinePlaceholder":223},[819,1890,1891,1893,1895,1897,1899,1901],{"class":821,"line":918},[819,1892,922],{"class":921},[819,1894,925],{"class":833},[819,1896,928],{"class":829},[819,1898,834],{"class":931},[819,1900,934],{"class":833},[819,1902,853],{"class":829},[819,1904,1905],{"class":821,"line":939},[819,1906,915],{"emptyLinePlaceholder":223},[819,1908,1909,1911,1914,1916,1918,1920],{"class":821,"line":944},[819,1910,922],{"class":921},[819,1912,1913],{"class":833}," placeholder ",[819,1915,928],{"class":829},[819,1917,1872],{"class":931},[819,1919,956],{"class":833},[819,1921,853],{"class":829},[819,1923,1924],{"class":821,"line":961},[819,1925,915],{"emptyLinePlaceholder":223},[819,1927,1928,1931,1933,1935],{"class":821,"line":966},[819,1929,1930],{"class":931},"useTextColorUtility",[819,1932,972],{"class":833},[819,1934,866],{"class":829},[819,1936,977],{"class":829},[819,1938,1939,1942,1944,1946,1949,1951],{"class":821,"line":980},[819,1940,1941],{"class":983},"    muted",[819,1943,987],{"class":829},[819,1945,990],{"class":829},[819,1947,1948],{"class":846},"#6c757d",[819,1950,996],{"class":829},[819,1952,999],{"class":829},[819,1954,1955,1957,1960],{"class":821,"line":1002},[819,1956,1005],{"class":829},[819,1958,1959],{"class":833}," [placeholder])",[819,1961,853],{"class":829},[819,1963,1964],{"class":821,"line":1013},[819,1965,915],{"emptyLinePlaceholder":223},[819,1967,1968,1971,1973,1975],{"class":821,"line":1018},[819,1969,1970],{"class":931},"useOpacityUtility",[819,1972,972],{"class":833},[819,1974,866],{"class":829},[819,1976,977],{"class":829},[819,1978,1979,1982,1984,1986,1989,1991],{"class":821,"line":1030},[819,1980,1981],{"class":1256},"    75",[819,1983,987],{"class":829},[819,1985,990],{"class":829},[819,1987,1988],{"class":846},"0.75",[819,1990,996],{"class":829},[819,1992,999],{"class":829},[819,1994,1995,1997,1999],{"class":821,"line":1047},[819,1996,1005],{"class":829},[819,1998,1959],{"class":833},[819,2000,853],{"class":829},[819,2002,2003],{"class":821,"line":1056},[819,2004,915],{"emptyLinePlaceholder":223},[819,2006,2007,2009,2011,2013],{"class":821,"line":1061},[819,2008,1107],{"class":825},[819,2010,1110],{"class":825},[819,2012,1113],{"class":833},[819,2014,853],{"class":829},[805,2016,2017],{"icon":154,"label":326},[809,2018,2020],{"className":1120,"code":2019,"filename":1122,"language":1123,"meta":815,"style":815},"._text-color\\:muted { color: #6c757d; }\n\n._placeholder\\:text-color\\:muted {\n    &::placeholder { color: #6c757d; }\n}\n\n._placeholder\\:opacity\\:75 {\n    &::placeholder { opacity: 0.75; }\n}\n",[697,2021,2022,2050,2054,2072,2090,2094,2098,2116,2131],{"__ignoreMap":815},[819,2023,2024,2026,2029,2031,2034,2036,2039,2041,2043,2046,2048],{"class":821,"line":822},[819,2025,1130],{"class":829},[819,2027,2028],{"class":1133},"_text-color",[819,2030,1137],{"class":833},[819,2032,2033],{"class":1133},"muted",[819,2035,830],{"class":829},[819,2037,2038],{"class":1145}," color",[819,2040,987],{"class":829},[819,2042,1151],{"class":829},[819,2044,2045],{"class":833},"6c757d",[819,2047,1157],{"class":829},[819,2049,1160],{"class":829},[819,2051,2052],{"class":821,"line":856},[819,2053,915],{"emptyLinePlaceholder":223},[819,2055,2056,2058,2061,2063,2066,2068,2070],{"class":821,"line":890},[819,2057,1130],{"class":829},[819,2059,2060],{"class":1133},"_placeholder",[819,2062,1137],{"class":833},[819,2064,2065],{"class":1133},"text-color",[819,2067,1137],{"class":833},[819,2069,2033],{"class":1133},[819,2071,977],{"class":829},[819,2073,2074,2076,2078,2081,2084,2086,2088],{"class":821,"line":912},[819,2075,1187],{"class":833},[819,2077,987],{"class":829},[819,2079,2080],{"class":833},":placeholder { color: ",[819,2082,2083],{"class":829},"#",[819,2085,2045],{"class":833},[819,2087,1157],{"class":829},[819,2089,1160],{"class":829},[819,2091,2092],{"class":821,"line":918},[819,2093,1214],{"class":833},[819,2095,2096],{"class":821,"line":939},[819,2097,915],{"emptyLinePlaceholder":223},[819,2099,2100,2102,2104,2106,2109,2111,2114],{"class":821,"line":944},[819,2101,1130],{"class":829},[819,2103,2060],{"class":1133},[819,2105,1137],{"class":833},[819,2107,2108],{"class":1133},"opacity",[819,2110,1137],{"class":833},[819,2112,2113],{"class":1133},"75",[819,2115,977],{"class":829},[819,2117,2118,2120,2122,2125,2127,2129],{"class":821,"line":961},[819,2119,1187],{"class":833},[819,2121,987],{"class":829},[819,2123,2124],{"class":833},":placeholder { opacity: ",[819,2126,1988],{"class":1256},[819,2128,1157],{"class":829},[819,2130,1160],{"class":829},[819,2132,2133],{"class":821,"line":966},[819,2134,1214],{"class":833},[805,2136,2137],{"icon":520,"label":1318},[809,2138,2140],{"className":1321,"code":2139,"language":1323,"meta":815,"style":815},"\u003Cinput\n    class=\"_placeholder:text-color:muted _placeholder:opacity:75\"\n    placeholder=\"Enter your name...\"\n>\n",[697,2141,2142,2149,2164,2178],{"__ignoreMap":815},[819,2143,2144,2146],{"class":821,"line":822},[819,2145,1336],{"class":829},[819,2147,2148],{"class":983},"input\n",[819,2150,2151,2154,2156,2158,2161],{"class":821,"line":856},[819,2152,2153],{"class":921},"    class",[819,2155,928],{"class":829},[819,2157,850],{"class":829},[819,2159,2160],{"class":846},"_placeholder:text-color:muted _placeholder:opacity:75",[819,2162,2163],{"class":829},"\"\n",[819,2165,2166,2169,2171,2173,2176],{"class":821,"line":890},[819,2167,2168],{"class":921},"    placeholder",[819,2170,928],{"class":829},[819,2172,850],{"class":829},[819,2174,2175],{"class":846},"Enter your name...",[819,2177,2163],{"class":829},[819,2179,2180],{"class":821,"line":912},[819,2181,1353],{"class":829},[1369,2183,1372],{"id":2184},"css-selector-2",[1374,2186,2187,2195],{},[1377,2188,2189],{},[1380,2190,2191,2193],{},[1383,2192,1385],{},[1383,2194,1372],{},[1392,2196,2197],{},[1380,2198,2199,2204],{},[1397,2200,2201],{},[697,2202,2203],{},"placeholder",[1397,2205,2206],{},[697,2207,2208],{},"&::placeholder",[715,2210,2212],{"id":2211},"useselectionmodifier",[697,2213,2214],{},"useSelectionModifier",[719,2216,789,2217,2220],{},[697,2218,2219],{},"useSelectionModifier()"," function creates a modifier that applies styles to the text selection highlight.",[802,2222,2223,2421,2509],{},[805,2224,2225],{"icon":807,"label":290},[809,2226,2228],{"className":811,"code":2227,"filename":813,"language":814,"meta":815,"style":815},"import { styleframe } from \"styleframe\";\nimport { useBackgroundColorUtility, useTextColorUtility } from \"@styleframe\u002Ftheme\";\nimport { useSelectionModifier } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nconst selection = useSelectionModifier(s);\n\nuseBackgroundColorUtility(s, {\n    primary: '#006cff',\n}, [selection]);\n\nuseTextColorUtility(s, {\n    white: '#ffffff',\n}, [selection]);\n\nexport default s;\n",[697,2229,2230,2250,2274,2295,2299,2313,2317,2332,2336,2346,2360,2369,2373,2383,2399,2407,2411],{"__ignoreMap":815},[819,2231,2232,2234,2236,2238,2240,2242,2244,2246,2248],{"class":821,"line":822},[819,2233,826],{"class":825},[819,2235,830],{"class":829},[819,2237,834],{"class":833},[819,2239,837],{"class":829},[819,2241,840],{"class":825},[819,2243,843],{"class":829},[819,2245,847],{"class":846},[819,2247,850],{"class":829},[819,2249,853],{"class":829},[819,2251,2252,2254,2256,2258,2260,2262,2264,2266,2268,2270,2272],{"class":821,"line":856},[819,2253,826],{"class":825},[819,2255,830],{"class":829},[819,2257,863],{"class":833},[819,2259,866],{"class":829},[819,2261,1846],{"class":833},[819,2263,837],{"class":829},[819,2265,840],{"class":825},[819,2267,843],{"class":829},[819,2269,883],{"class":846},[819,2271,850],{"class":829},[819,2273,853],{"class":829},[819,2275,2276,2278,2280,2283,2285,2287,2289,2291,2293],{"class":821,"line":890},[819,2277,826],{"class":825},[819,2279,830],{"class":829},[819,2281,2282],{"class":833}," useSelectionModifier",[819,2284,837],{"class":829},[819,2286,840],{"class":825},[819,2288,843],{"class":829},[819,2290,883],{"class":846},[819,2292,850],{"class":829},[819,2294,853],{"class":829},[819,2296,2297],{"class":821,"line":912},[819,2298,915],{"emptyLinePlaceholder":223},[819,2300,2301,2303,2305,2307,2309,2311],{"class":821,"line":918},[819,2302,922],{"class":921},[819,2304,925],{"class":833},[819,2306,928],{"class":829},[819,2308,834],{"class":931},[819,2310,934],{"class":833},[819,2312,853],{"class":829},[819,2314,2315],{"class":821,"line":939},[819,2316,915],{"emptyLinePlaceholder":223},[819,2318,2319,2321,2324,2326,2328,2330],{"class":821,"line":944},[819,2320,922],{"class":921},[819,2322,2323],{"class":833}," selection ",[819,2325,928],{"class":829},[819,2327,2282],{"class":931},[819,2329,956],{"class":833},[819,2331,853],{"class":829},[819,2333,2334],{"class":821,"line":961},[819,2335,915],{"emptyLinePlaceholder":223},[819,2337,2338,2340,2342,2344],{"class":821,"line":966},[819,2339,969],{"class":931},[819,2341,972],{"class":833},[819,2343,866],{"class":829},[819,2345,977],{"class":829},[819,2347,2348,2350,2352,2354,2356,2358],{"class":821,"line":980},[819,2349,984],{"class":983},[819,2351,987],{"class":829},[819,2353,990],{"class":829},[819,2355,993],{"class":846},[819,2357,996],{"class":829},[819,2359,999],{"class":829},[819,2361,2362,2364,2367],{"class":821,"line":1002},[819,2363,1005],{"class":829},[819,2365,2366],{"class":833}," [selection])",[819,2368,853],{"class":829},[819,2370,2371],{"class":821,"line":1013},[819,2372,915],{"emptyLinePlaceholder":223},[819,2374,2375,2377,2379,2381],{"class":821,"line":1018},[819,2376,1930],{"class":931},[819,2378,972],{"class":833},[819,2380,866],{"class":829},[819,2382,977],{"class":829},[819,2384,2385,2388,2390,2392,2395,2397],{"class":821,"line":1030},[819,2386,2387],{"class":983},"    white",[819,2389,987],{"class":829},[819,2391,990],{"class":829},[819,2393,2394],{"class":846},"#ffffff",[819,2396,996],{"class":829},[819,2398,999],{"class":829},[819,2400,2401,2403,2405],{"class":821,"line":1047},[819,2402,1005],{"class":829},[819,2404,2366],{"class":833},[819,2406,853],{"class":829},[819,2408,2409],{"class":821,"line":1056},[819,2410,915],{"emptyLinePlaceholder":223},[819,2412,2413,2415,2417,2419],{"class":821,"line":1061},[819,2414,1107],{"class":825},[819,2416,1110],{"class":825},[819,2418,1113],{"class":833},[819,2420,853],{"class":829},[805,2422,2423],{"icon":154,"label":326},[809,2424,2426],{"className":1120,"code":2425,"filename":1122,"language":1123,"meta":815,"style":815},"._selection\\:background-color\\:primary {\n    &::selection { background-color: #006cff; }\n}\n\n._selection\\:text-color\\:white {\n    &::selection { color: #ffffff; }\n}\n",[697,2427,2428,2445,2462,2466,2470,2487,2505],{"__ignoreMap":815},[819,2429,2430,2432,2435,2437,2439,2441,2443],{"class":821,"line":822},[819,2431,1130],{"class":829},[819,2433,2434],{"class":1133},"_selection",[819,2436,1137],{"class":833},[819,2438,1176],{"class":1133},[819,2440,1137],{"class":833},[819,2442,1140],{"class":1133},[819,2444,977],{"class":829},[819,2446,2447,2449,2451,2454,2456,2458,2460],{"class":821,"line":856},[819,2448,1187],{"class":833},[819,2450,987],{"class":829},[819,2452,2453],{"class":833},":selection { background-color: ",[819,2455,2083],{"class":829},[819,2457,1154],{"class":833},[819,2459,1157],{"class":829},[819,2461,1160],{"class":829},[819,2463,2464],{"class":821,"line":890},[819,2465,1214],{"class":833},[819,2467,2468],{"class":821,"line":912},[819,2469,915],{"emptyLinePlaceholder":223},[819,2471,2472,2474,2476,2478,2480,2482,2485],{"class":821,"line":918},[819,2473,1130],{"class":829},[819,2475,2434],{"class":1133},[819,2477,1137],{"class":833},[819,2479,2065],{"class":1133},[819,2481,1137],{"class":833},[819,2483,2484],{"class":1133},"white",[819,2486,977],{"class":829},[819,2488,2489,2491,2493,2496,2498,2501,2503],{"class":821,"line":939},[819,2490,1187],{"class":833},[819,2492,987],{"class":829},[819,2494,2495],{"class":833},":selection { color: ",[819,2497,2083],{"class":829},[819,2499,2500],{"class":833},"ffffff",[819,2502,1157],{"class":829},[819,2504,1160],{"class":829},[819,2506,2507],{"class":821,"line":944},[819,2508,1214],{"class":833},[805,2510,2511],{"icon":520,"label":1318},[809,2512,2514],{"className":1321,"code":2513,"language":1323,"meta":815,"style":815},"\u003C!-- Custom text selection colors -->\n\u003Cp class=\"_selection:background-color:primary _selection:text-color:white\">\n    Select this text to see custom highlight colors.\n\u003C\u002Fp>\n",[697,2515,2516,2521,2540,2545],{"__ignoreMap":815},[819,2517,2518],{"class":821,"line":822},[819,2519,2520],{"class":1330},"\u003C!-- Custom text selection colors -->\n",[819,2522,2523,2525,2527,2529,2531,2533,2536,2538],{"class":821,"line":856},[819,2524,1336],{"class":829},[819,2526,719],{"class":983},[819,2528,1341],{"class":921},[819,2530,928],{"class":829},[819,2532,850],{"class":829},[819,2534,2535],{"class":846},"_selection:background-color:primary _selection:text-color:white",[819,2537,850],{"class":829},[819,2539,1353],{"class":829},[819,2541,2542],{"class":821,"line":890},[819,2543,2544],{"class":833},"    Select this text to see custom highlight colors.\n",[819,2546,2547,2549,2551],{"class":821,"line":912},[819,2548,1363],{"class":829},[819,2550,719],{"class":983},[819,2552,1353],{"class":829},[1369,2554,1372],{"id":2555},"css-selector-3",[1374,2557,2558,2566],{},[1377,2559,2560],{},[1380,2561,2562,2564],{},[1383,2563,1385],{},[1383,2565,1372],{},[1392,2567,2568],{},[1380,2569,2570,2575],{},[1397,2571,2572],{},[697,2573,2574],{},"selection",[1397,2576,2577],{},[697,2578,2579],{},"&::selection",[715,2581,2583],{"id":2582},"usefirstlettermodifier",[697,2584,2585],{},"useFirstLetterModifier",[719,2587,789,2588,2591],{},[697,2589,2590],{},"useFirstLetterModifier()"," function creates a modifier that applies styles to the first letter of a text block.",[1369,2593,1372],{"id":2594},"css-selector-4",[1374,2596,2597,2605],{},[1377,2598,2599],{},[1380,2600,2601,2603],{},[1383,2602,1385],{},[1383,2604,1372],{},[1392,2606,2607],{},[1380,2608,2609,2614],{},[1397,2610,2611],{},[697,2612,2613],{},"first-letter",[1397,2615,2616],{},[697,2617,2618],{},"&::first-letter",[715,2620,2622],{"id":2621},"usefirstlinemodifier",[697,2623,2624],{},"useFirstLineModifier",[719,2626,789,2627,2630],{},[697,2628,2629],{},"useFirstLineModifier()"," function creates a modifier that applies styles to the first line of a text block.",[1369,2632,1372],{"id":2633},"css-selector-5",[1374,2635,2636,2644],{},[1377,2637,2638],{},[1380,2639,2640,2642],{},[1383,2641,1385],{},[1383,2643,1372],{},[1392,2645,2646],{},[1380,2647,2648,2653],{},[1397,2649,2650],{},[697,2651,2652],{},"first-line",[1397,2654,2655],{},[697,2656,2657],{},"&::first-line",[715,2659,2661],{"id":2660},"usemarkermodifier",[697,2662,2663],{},"useMarkerModifier",[719,2665,789,2666,2669],{},[697,2667,2668],{},"useMarkerModifier()"," function creates a modifier that applies styles to list item markers (bullets, numbers).",[802,2671,2672,2828,2873],{},[805,2673,2674],{"icon":807,"label":290},[809,2675,2677],{"className":811,"code":2676,"filename":813,"language":814,"meta":815,"style":815},"import { styleframe } from \"styleframe\";\nimport { useTextColorUtility } from \"@styleframe\u002Ftheme\";\nimport { useMarkerModifier } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nconst marker = useMarkerModifier(s);\n\nuseTextColorUtility(s, {\n    primary: '#006cff',\n}, [marker]);\n\nexport default s;\n",[697,2678,2679,2699,2719,2740,2744,2758,2762,2777,2781,2791,2805,2814,2818],{"__ignoreMap":815},[819,2680,2681,2683,2685,2687,2689,2691,2693,2695,2697],{"class":821,"line":822},[819,2682,826],{"class":825},[819,2684,830],{"class":829},[819,2686,834],{"class":833},[819,2688,837],{"class":829},[819,2690,840],{"class":825},[819,2692,843],{"class":829},[819,2694,847],{"class":846},[819,2696,850],{"class":829},[819,2698,853],{"class":829},[819,2700,2701,2703,2705,2707,2709,2711,2713,2715,2717],{"class":821,"line":856},[819,2702,826],{"class":825},[819,2704,830],{"class":829},[819,2706,1846],{"class":833},[819,2708,837],{"class":829},[819,2710,840],{"class":825},[819,2712,843],{"class":829},[819,2714,883],{"class":846},[819,2716,850],{"class":829},[819,2718,853],{"class":829},[819,2720,2721,2723,2725,2728,2730,2732,2734,2736,2738],{"class":821,"line":890},[819,2722,826],{"class":825},[819,2724,830],{"class":829},[819,2726,2727],{"class":833}," useMarkerModifier",[819,2729,837],{"class":829},[819,2731,840],{"class":825},[819,2733,843],{"class":829},[819,2735,883],{"class":846},[819,2737,850],{"class":829},[819,2739,853],{"class":829},[819,2741,2742],{"class":821,"line":912},[819,2743,915],{"emptyLinePlaceholder":223},[819,2745,2746,2748,2750,2752,2754,2756],{"class":821,"line":918},[819,2747,922],{"class":921},[819,2749,925],{"class":833},[819,2751,928],{"class":829},[819,2753,834],{"class":931},[819,2755,934],{"class":833},[819,2757,853],{"class":829},[819,2759,2760],{"class":821,"line":939},[819,2761,915],{"emptyLinePlaceholder":223},[819,2763,2764,2766,2769,2771,2773,2775],{"class":821,"line":944},[819,2765,922],{"class":921},[819,2767,2768],{"class":833}," marker ",[819,2770,928],{"class":829},[819,2772,2727],{"class":931},[819,2774,956],{"class":833},[819,2776,853],{"class":829},[819,2778,2779],{"class":821,"line":961},[819,2780,915],{"emptyLinePlaceholder":223},[819,2782,2783,2785,2787,2789],{"class":821,"line":966},[819,2784,1930],{"class":931},[819,2786,972],{"class":833},[819,2788,866],{"class":829},[819,2790,977],{"class":829},[819,2792,2793,2795,2797,2799,2801,2803],{"class":821,"line":980},[819,2794,984],{"class":983},[819,2796,987],{"class":829},[819,2798,990],{"class":829},[819,2800,993],{"class":846},[819,2802,996],{"class":829},[819,2804,999],{"class":829},[819,2806,2807,2809,2812],{"class":821,"line":1002},[819,2808,1005],{"class":829},[819,2810,2811],{"class":833}," [marker])",[819,2813,853],{"class":829},[819,2815,2816],{"class":821,"line":1013},[819,2817,915],{"emptyLinePlaceholder":223},[819,2819,2820,2822,2824,2826],{"class":821,"line":1018},[819,2821,1107],{"class":825},[819,2823,1110],{"class":825},[819,2825,1113],{"class":833},[819,2827,853],{"class":829},[805,2829,2830],{"icon":154,"label":326},[809,2831,2833],{"className":1120,"code":2832,"filename":1122,"language":1123,"meta":815,"style":815},"._marker\\:text-color\\:primary {\n    &::marker { color: #006cff; }\n}\n",[697,2834,2835,2852,2869],{"__ignoreMap":815},[819,2836,2837,2839,2842,2844,2846,2848,2850],{"class":821,"line":822},[819,2838,1130],{"class":829},[819,2840,2841],{"class":1133},"_marker",[819,2843,1137],{"class":833},[819,2845,2065],{"class":1133},[819,2847,1137],{"class":833},[819,2849,1140],{"class":1133},[819,2851,977],{"class":829},[819,2853,2854,2856,2858,2861,2863,2865,2867],{"class":821,"line":856},[819,2855,1187],{"class":833},[819,2857,987],{"class":829},[819,2859,2860],{"class":833},":marker { color: ",[819,2862,2083],{"class":829},[819,2864,1154],{"class":833},[819,2866,1157],{"class":829},[819,2868,1160],{"class":829},[819,2870,2871],{"class":821,"line":890},[819,2872,1214],{"class":833},[805,2874,2875],{"icon":520,"label":1318},[809,2876,2878],{"className":1321,"code":2877,"language":1323,"meta":815,"style":815},"\u003Cul>\n    \u003Cli class=\"_marker:text-color:primary\">Colored bullet item\u003C\u002Fli>\n    \u003Cli class=\"_marker:text-color:primary\">Another item\u003C\u002Fli>\n\u003C\u002Ful>\n",[697,2879,2880,2888,2918,2945],{"__ignoreMap":815},[819,2881,2882,2884,2886],{"class":821,"line":822},[819,2883,1336],{"class":829},[819,2885,742],{"class":983},[819,2887,1353],{"class":829},[819,2889,2890,2893,2895,2897,2899,2901,2904,2906,2909,2912,2914,2916],{"class":821,"line":856},[819,2891,2892],{"class":829},"    \u003C",[819,2894,745],{"class":983},[819,2896,1341],{"class":921},[819,2898,928],{"class":829},[819,2900,850],{"class":829},[819,2902,2903],{"class":846},"_marker:text-color:primary",[819,2905,850],{"class":829},[819,2907,2908],{"class":829},">",[819,2910,2911],{"class":833},"Colored bullet item",[819,2913,1363],{"class":829},[819,2915,745],{"class":983},[819,2917,1353],{"class":829},[819,2919,2920,2922,2924,2926,2928,2930,2932,2934,2936,2939,2941,2943],{"class":821,"line":890},[819,2921,2892],{"class":829},[819,2923,745],{"class":983},[819,2925,1341],{"class":921},[819,2927,928],{"class":829},[819,2929,850],{"class":829},[819,2931,2903],{"class":846},[819,2933,850],{"class":829},[819,2935,2908],{"class":829},[819,2937,2938],{"class":833},"Another item",[819,2940,1363],{"class":829},[819,2942,745],{"class":983},[819,2944,1353],{"class":829},[819,2946,2947,2949,2951],{"class":821,"line":912},[819,2948,1363],{"class":829},[819,2950,742],{"class":983},[819,2952,1353],{"class":829},[1369,2954,1372],{"id":2955},"css-selector-6",[1374,2957,2958,2966],{},[1377,2959,2960],{},[1380,2961,2962,2964],{},[1383,2963,1385],{},[1383,2965,1372],{},[1392,2967,2968],{},[1380,2969,2970,2975],{},[1397,2971,2972],{},[697,2973,2974],{},"marker",[1397,2976,2977],{},[697,2978,2979],{},"&::marker",[715,2981,2983],{"id":2982},"usebackdropmodifier",[697,2984,2985],{},"useBackdropModifier",[719,2987,789,2988,793,2991,2994,2995,2998],{},[697,2989,2990],{},"useBackdropModifier()",[697,2992,2993],{},"::backdrop"," pseudo-element, used with ",[697,2996,2997],{},"\u003Cdialog>"," elements and fullscreen API.",[1369,3000,1372],{"id":3001},"css-selector-7",[1374,3003,3004,3012],{},[1377,3005,3006],{},[1380,3007,3008,3010],{},[1383,3009,1385],{},[1383,3011,1372],{},[1392,3013,3014],{},[1380,3015,3016,3021],{},[1397,3017,3018],{},[697,3019,3020],{},"backdrop",[1397,3022,3023],{},[697,3024,3025],{},"&::backdrop",[715,3027,3029],{"id":3028},"usefilemodifier",[697,3030,3031],{},"useFileModifier",[719,3033,789,3034,3037,3038,3041],{},[697,3035,3036],{},"useFileModifier()"," function creates a modifier that applies styles to the file upload button in ",[697,3039,3040],{},"\u003Cinput type=\"file\">"," elements.",[1369,3043,1372],{"id":3044},"css-selector-8",[1374,3046,3047,3055],{},[1377,3048,3049],{},[1380,3050,3051,3053],{},[1383,3052,1385],{},[1383,3054,1372],{},[1392,3056,3057],{},[1380,3058,3059,3064],{},[1397,3060,3061],{},[697,3062,3063],{},"file",[1397,3065,3066],{},[697,3067,3068],{},"&::file-selector-button",[715,3070,3072],{"id":3071},"usepseudoelementmodifiers",[697,3073,699],{},[719,3075,789,3076,3079],{},[697,3077,3078],{},"usePseudoElementModifiers()"," function registers all pseudo-element modifiers at once and returns them as a destructurable object.",[802,3081,3082,3326],{},[805,3083,3084],{"icon":807,"label":290},[809,3085,3087],{"className":811,"code":3086,"filename":813,"language":814,"meta":815,"style":815},"import { styleframe } from \"styleframe\";\nimport { useTextColorUtility, useBackgroundColorUtility } from \"@styleframe\u002Ftheme\";\nimport { usePseudoElementModifiers } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nconst { before, after, placeholder, selection } = usePseudoElementModifiers(s);\n\nuseTextColorUtility(s, {\n    muted: '#6c757d',\n    white: '#ffffff',\n}, [placeholder, selection]);\n\nuseBackgroundColorUtility(s, {\n    primary: '#006cff',\n}, [before, after, selection]);\n\nexport default s;\n",[697,3088,3089,3109,3133,3154,3158,3172,3176,3211,3215,3225,3239,3253,3267,3271,3281,3295,3312,3316],{"__ignoreMap":815},[819,3090,3091,3093,3095,3097,3099,3101,3103,3105,3107],{"class":821,"line":822},[819,3092,826],{"class":825},[819,3094,830],{"class":829},[819,3096,834],{"class":833},[819,3098,837],{"class":829},[819,3100,840],{"class":825},[819,3102,843],{"class":829},[819,3104,847],{"class":846},[819,3106,850],{"class":829},[819,3108,853],{"class":829},[819,3110,3111,3113,3115,3117,3119,3121,3123,3125,3127,3129,3131],{"class":821,"line":856},[819,3112,826],{"class":825},[819,3114,830],{"class":829},[819,3116,1846],{"class":833},[819,3118,866],{"class":829},[819,3120,863],{"class":833},[819,3122,837],{"class":829},[819,3124,840],{"class":825},[819,3126,843],{"class":829},[819,3128,883],{"class":846},[819,3130,850],{"class":829},[819,3132,853],{"class":829},[819,3134,3135,3137,3139,3142,3144,3146,3148,3150,3152],{"class":821,"line":890},[819,3136,826],{"class":825},[819,3138,830],{"class":829},[819,3140,3141],{"class":833}," usePseudoElementModifiers",[819,3143,837],{"class":829},[819,3145,840],{"class":825},[819,3147,843],{"class":829},[819,3149,883],{"class":846},[819,3151,850],{"class":829},[819,3153,853],{"class":829},[819,3155,3156],{"class":821,"line":912},[819,3157,915],{"emptyLinePlaceholder":223},[819,3159,3160,3162,3164,3166,3168,3170],{"class":821,"line":918},[819,3161,922],{"class":921},[819,3163,925],{"class":833},[819,3165,928],{"class":829},[819,3167,834],{"class":931},[819,3169,934],{"class":833},[819,3171,853],{"class":829},[819,3173,3174],{"class":821,"line":939},[819,3175,915],{"emptyLinePlaceholder":223},[819,3177,3178,3180,3182,3185,3187,3190,3192,3195,3197,3199,3202,3205,3207,3209],{"class":821,"line":944},[819,3179,922],{"class":921},[819,3181,830],{"class":829},[819,3183,3184],{"class":833}," before",[819,3186,866],{"class":829},[819,3188,3189],{"class":833}," after",[819,3191,866],{"class":829},[819,3193,3194],{"class":833}," placeholder",[819,3196,866],{"class":829},[819,3198,2323],{"class":833},[819,3200,3201],{"class":829},"}",[819,3203,3204],{"class":829}," =",[819,3206,3141],{"class":931},[819,3208,956],{"class":833},[819,3210,853],{"class":829},[819,3212,3213],{"class":821,"line":961},[819,3214,915],{"emptyLinePlaceholder":223},[819,3216,3217,3219,3221,3223],{"class":821,"line":966},[819,3218,1930],{"class":931},[819,3220,972],{"class":833},[819,3222,866],{"class":829},[819,3224,977],{"class":829},[819,3226,3227,3229,3231,3233,3235,3237],{"class":821,"line":980},[819,3228,1941],{"class":983},[819,3230,987],{"class":829},[819,3232,990],{"class":829},[819,3234,1948],{"class":846},[819,3236,996],{"class":829},[819,3238,999],{"class":829},[819,3240,3241,3243,3245,3247,3249,3251],{"class":821,"line":1002},[819,3242,2387],{"class":983},[819,3244,987],{"class":829},[819,3246,990],{"class":829},[819,3248,2394],{"class":846},[819,3250,996],{"class":829},[819,3252,999],{"class":829},[819,3254,3255,3257,3260,3262,3265],{"class":821,"line":1013},[819,3256,1005],{"class":829},[819,3258,3259],{"class":833}," [placeholder",[819,3261,866],{"class":829},[819,3263,3264],{"class":833}," selection])",[819,3266,853],{"class":829},[819,3268,3269],{"class":821,"line":1018},[819,3270,915],{"emptyLinePlaceholder":223},[819,3272,3273,3275,3277,3279],{"class":821,"line":1030},[819,3274,969],{"class":931},[819,3276,972],{"class":833},[819,3278,866],{"class":829},[819,3280,977],{"class":829},[819,3282,3283,3285,3287,3289,3291,3293],{"class":821,"line":1047},[819,3284,984],{"class":983},[819,3286,987],{"class":829},[819,3288,990],{"class":829},[819,3290,993],{"class":846},[819,3292,996],{"class":829},[819,3294,999],{"class":829},[819,3296,3297,3299,3302,3304,3306,3308,3310],{"class":821,"line":1056},[819,3298,1005],{"class":829},[819,3300,3301],{"class":833}," [before",[819,3303,866],{"class":829},[819,3305,3189],{"class":833},[819,3307,866],{"class":829},[819,3309,3264],{"class":833},[819,3311,853],{"class":829},[819,3313,3314],{"class":821,"line":1061},[819,3315,915],{"emptyLinePlaceholder":223},[819,3317,3318,3320,3322,3324],{"class":821,"line":1073},[819,3319,1107],{"class":825},[819,3321,1110],{"class":825},[819,3323,1113],{"class":833},[819,3325,853],{"class":829},[805,3327,3328],{"icon":520,"label":1318},[809,3329,3331],{"className":1321,"code":3330,"language":1323,"meta":815,"style":815},"\u003Cinput class=\"_placeholder:text-color:muted\" placeholder=\"Styled placeholder\">\n\n\u003Cp class=\"_selection:background-color:primary _selection:text-color:white\">\n    Custom selection highlight\n\u003C\u002Fp>\n",[697,3332,3333,3364,3368,3386,3391],{"__ignoreMap":815},[819,3334,3335,3337,3340,3342,3344,3346,3349,3351,3353,3355,3357,3360,3362],{"class":821,"line":822},[819,3336,1336],{"class":829},[819,3338,3339],{"class":983},"input",[819,3341,1341],{"class":921},[819,3343,928],{"class":829},[819,3345,850],{"class":829},[819,3347,3348],{"class":846},"_placeholder:text-color:muted",[819,3350,850],{"class":829},[819,3352,3194],{"class":921},[819,3354,928],{"class":829},[819,3356,850],{"class":829},[819,3358,3359],{"class":846},"Styled placeholder",[819,3361,850],{"class":829},[819,3363,1353],{"class":829},[819,3365,3366],{"class":821,"line":856},[819,3367,915],{"emptyLinePlaceholder":223},[819,3369,3370,3372,3374,3376,3378,3380,3382,3384],{"class":821,"line":890},[819,3371,1336],{"class":829},[819,3373,719],{"class":983},[819,3375,1341],{"class":921},[819,3377,928],{"class":829},[819,3379,850],{"class":829},[819,3381,2535],{"class":846},[819,3383,850],{"class":829},[819,3385,1353],{"class":829},[819,3387,3388],{"class":821,"line":912},[819,3389,3390],{"class":833},"    Custom selection highlight\n",[819,3392,3393,3395,3397],{"class":821,"line":918},[819,3394,1363],{"class":829},[819,3396,719],{"class":983},[819,3398,1353],{"class":829},[3400,3401,3403],"h3",{"id":3402},"returned-modifiers","Returned Modifiers",[1374,3405,3406,3420],{},[1377,3407,3408],{},[1380,3409,3410,3413,3415,3417],{},[1383,3411,3412],{},"Key",[1383,3414,1385],{},[1383,3416,1372],{},[1383,3418,3419],{},"Notes",[1392,3421,3422,3441,3459,3475,3491,3508,3525,3541,3557],{},[1380,3423,3424,3428,3432,3436],{},[1397,3425,3426],{},[697,3427,1401],{},[1397,3429,3430],{},[697,3431,1401],{},[1397,3433,3434],{},[697,3435,1406],{},[1397,3437,3438,3439],{},"Auto-injects ",[697,3440,799],{},[1380,3442,3443,3447,3451,3455],{},[1397,3444,3445],{},[697,3446,1422],{},[1397,3448,3449],{},[697,3450,1422],{},[1397,3452,3453],{},[697,3454,1790],{},[1397,3456,3438,3457],{},[697,3458,799],{},[1380,3460,3461,3465,3469,3473],{},[1397,3462,3463],{},[697,3464,2203],{},[1397,3466,3467],{},[697,3468,2203],{},[1397,3470,3471],{},[697,3472,2208],{},[1397,3474],{},[1380,3476,3477,3481,3485,3489],{},[1397,3478,3479],{},[697,3480,2574],{},[1397,3482,3483],{},[697,3484,2574],{},[1397,3486,3487],{},[697,3488,2579],{},[1397,3490],{},[1380,3492,3493,3498,3502,3506],{},[1397,3494,3495],{},[697,3496,3497],{},"firstLetter",[1397,3499,3500],{},[697,3501,2613],{},[1397,3503,3504],{},[697,3505,2618],{},[1397,3507],{},[1380,3509,3510,3515,3519,3523],{},[1397,3511,3512],{},[697,3513,3514],{},"firstLine",[1397,3516,3517],{},[697,3518,2652],{},[1397,3520,3521],{},[697,3522,2657],{},[1397,3524],{},[1380,3526,3527,3531,3535,3539],{},[1397,3528,3529],{},[697,3530,2974],{},[1397,3532,3533],{},[697,3534,2974],{},[1397,3536,3537],{},[697,3538,2979],{},[1397,3540],{},[1380,3542,3543,3547,3551,3555],{},[1397,3544,3545],{},[697,3546,3020],{},[1397,3548,3549],{},[697,3550,3020],{},[1397,3552,3553],{},[697,3554,3025],{},[1397,3556],{},[1380,3558,3559,3563,3567,3571],{},[1397,3560,3561],{},[697,3562,3063],{},[1397,3564,3565],{},[697,3566,3063],{},[1397,3568,3569],{},[697,3570,3068],{},[1397,3572],{},[715,3574,3576],{"id":3575},"examples","Examples",[3400,3578,3580],{"id":3579},"drop-cap-typography","Drop Cap Typography",[802,3582,3583,3832],{},[805,3584,3585],{"icon":807,"label":290},[809,3586,3588],{"className":811,"code":3587,"filename":813,"language":814,"meta":815,"style":815},"import { styleframe } from \"styleframe\";\nimport { useFontSizeUtility, useFontWeightUtility, useTextColorUtility } from \"@styleframe\u002Ftheme\";\nimport { useFirstLetterModifier } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nconst firstLetter = useFirstLetterModifier(s);\n\nuseFontSizeUtility(s, {\n    '3xl': '3rem',\n}, [firstLetter]);\n\nuseFontWeightUtility(s, {\n    bold: '700',\n}, [firstLetter]);\n\nuseTextColorUtility(s, {\n    primary: '#006cff',\n}, [firstLetter]);\n\nexport default s;\n",[697,3589,3590,3610,3640,3661,3665,3679,3683,3698,3702,3713,3734,3743,3747,3758,3774,3782,3786,3796,3810,3818,3822],{"__ignoreMap":815},[819,3591,3592,3594,3596,3598,3600,3602,3604,3606,3608],{"class":821,"line":822},[819,3593,826],{"class":825},[819,3595,830],{"class":829},[819,3597,834],{"class":833},[819,3599,837],{"class":829},[819,3601,840],{"class":825},[819,3603,843],{"class":829},[819,3605,847],{"class":846},[819,3607,850],{"class":829},[819,3609,853],{"class":829},[819,3611,3612,3614,3616,3619,3621,3624,3626,3628,3630,3632,3634,3636,3638],{"class":821,"line":856},[819,3613,826],{"class":825},[819,3615,830],{"class":829},[819,3617,3618],{"class":833}," useFontSizeUtility",[819,3620,866],{"class":829},[819,3622,3623],{"class":833}," useFontWeightUtility",[819,3625,866],{"class":829},[819,3627,1846],{"class":833},[819,3629,837],{"class":829},[819,3631,840],{"class":825},[819,3633,843],{"class":829},[819,3635,883],{"class":846},[819,3637,850],{"class":829},[819,3639,853],{"class":829},[819,3641,3642,3644,3646,3649,3651,3653,3655,3657,3659],{"class":821,"line":890},[819,3643,826],{"class":825},[819,3645,830],{"class":829},[819,3647,3648],{"class":833}," useFirstLetterModifier",[819,3650,837],{"class":829},[819,3652,840],{"class":825},[819,3654,843],{"class":829},[819,3656,883],{"class":846},[819,3658,850],{"class":829},[819,3660,853],{"class":829},[819,3662,3663],{"class":821,"line":912},[819,3664,915],{"emptyLinePlaceholder":223},[819,3666,3667,3669,3671,3673,3675,3677],{"class":821,"line":918},[819,3668,922],{"class":921},[819,3670,925],{"class":833},[819,3672,928],{"class":829},[819,3674,834],{"class":931},[819,3676,934],{"class":833},[819,3678,853],{"class":829},[819,3680,3681],{"class":821,"line":939},[819,3682,915],{"emptyLinePlaceholder":223},[819,3684,3685,3687,3690,3692,3694,3696],{"class":821,"line":944},[819,3686,922],{"class":921},[819,3688,3689],{"class":833}," firstLetter ",[819,3691,928],{"class":829},[819,3693,3648],{"class":931},[819,3695,956],{"class":833},[819,3697,853],{"class":829},[819,3699,3700],{"class":821,"line":961},[819,3701,915],{"emptyLinePlaceholder":223},[819,3703,3704,3707,3709,3711],{"class":821,"line":966},[819,3705,3706],{"class":931},"useFontSizeUtility",[819,3708,972],{"class":833},[819,3710,866],{"class":829},[819,3712,977],{"class":829},[819,3714,3715,3718,3721,3723,3725,3727,3730,3732],{"class":821,"line":980},[819,3716,3717],{"class":829},"    '",[819,3719,3720],{"class":983},"3xl",[819,3722,996],{"class":829},[819,3724,987],{"class":829},[819,3726,990],{"class":829},[819,3728,3729],{"class":846},"3rem",[819,3731,996],{"class":829},[819,3733,999],{"class":829},[819,3735,3736,3738,3741],{"class":821,"line":1002},[819,3737,1005],{"class":829},[819,3739,3740],{"class":833}," [firstLetter])",[819,3742,853],{"class":829},[819,3744,3745],{"class":821,"line":1013},[819,3746,915],{"emptyLinePlaceholder":223},[819,3748,3749,3752,3754,3756],{"class":821,"line":1018},[819,3750,3751],{"class":931},"useFontWeightUtility",[819,3753,972],{"class":833},[819,3755,866],{"class":829},[819,3757,977],{"class":829},[819,3759,3760,3763,3765,3767,3770,3772],{"class":821,"line":1030},[819,3761,3762],{"class":983},"    bold",[819,3764,987],{"class":829},[819,3766,990],{"class":829},[819,3768,3769],{"class":846},"700",[819,3771,996],{"class":829},[819,3773,999],{"class":829},[819,3775,3776,3778,3780],{"class":821,"line":1047},[819,3777,1005],{"class":829},[819,3779,3740],{"class":833},[819,3781,853],{"class":829},[819,3783,3784],{"class":821,"line":1056},[819,3785,915],{"emptyLinePlaceholder":223},[819,3787,3788,3790,3792,3794],{"class":821,"line":1061},[819,3789,1930],{"class":931},[819,3791,972],{"class":833},[819,3793,866],{"class":829},[819,3795,977],{"class":829},[819,3797,3798,3800,3802,3804,3806,3808],{"class":821,"line":1073},[819,3799,984],{"class":983},[819,3801,987],{"class":829},[819,3803,990],{"class":829},[819,3805,993],{"class":846},[819,3807,996],{"class":829},[819,3809,999],{"class":829},[819,3811,3812,3814,3816],{"class":821,"line":1090},[819,3813,1005],{"class":829},[819,3815,3740],{"class":833},[819,3817,853],{"class":829},[819,3819,3820],{"class":821,"line":1099},[819,3821,915],{"emptyLinePlaceholder":223},[819,3823,3824,3826,3828,3830],{"class":821,"line":1104},[819,3825,1107],{"class":825},[819,3827,1110],{"class":825},[819,3829,1113],{"class":833},[819,3831,853],{"class":829},[805,3833,3834],{"icon":520,"label":1318},[809,3835,3837],{"className":1321,"code":3836,"language":1323,"meta":815,"style":815},"\u003Cp class=\"_first-letter:font-size:3xl _first-letter:font-weight:bold _first-letter:text-color:primary\">\n    Once upon a time, there was a beautiful drop cap that started a paragraph.\n\u003C\u002Fp>\n",[697,3838,3839,3858,3863],{"__ignoreMap":815},[819,3840,3841,3843,3845,3847,3849,3851,3854,3856],{"class":821,"line":822},[819,3842,1336],{"class":829},[819,3844,719],{"class":983},[819,3846,1341],{"class":921},[819,3848,928],{"class":829},[819,3850,850],{"class":829},[819,3852,3853],{"class":846},"_first-letter:font-size:3xl _first-letter:font-weight:bold _first-letter:text-color:primary",[819,3855,850],{"class":829},[819,3857,1353],{"class":829},[819,3859,3860],{"class":821,"line":856},[819,3861,3862],{"class":833},"    Once upon a time, there was a beautiful drop cap that started a paragraph.\n",[819,3864,3865,3867,3869],{"class":821,"line":890},[819,3866,1363],{"class":829},[819,3868,719],{"class":983},[819,3870,1353],{"class":829},[3400,3872,3874],{"id":3873},"styled-file-input","Styled File Input",[802,3876,3877,4093],{},[805,3878,3879],{"icon":807,"label":290},[809,3880,3882],{"className":811,"code":3881,"filename":813,"language":814,"meta":815,"style":815},"import { styleframe } from \"styleframe\";\nimport { useBackgroundColorUtility, useTextColorUtility } from \"@styleframe\u002Ftheme\";\nimport { useFileModifier, useHoverModifier } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nconst file = useFileModifier(s);\nconst hover = useHoverModifier(s);\n\nuseBackgroundColorUtility(s, {\n    primary: '#006cff',\n}, [file]);\n\nuseTextColorUtility(s, {\n    white: '#ffffff',\n}, [file]);\n\nexport default s;\n",[697,3883,3884,3904,3928,3954,3958,3972,3976,3991,4006,4010,4020,4034,4043,4047,4057,4071,4079,4083],{"__ignoreMap":815},[819,3885,3886,3888,3890,3892,3894,3896,3898,3900,3902],{"class":821,"line":822},[819,3887,826],{"class":825},[819,3889,830],{"class":829},[819,3891,834],{"class":833},[819,3893,837],{"class":829},[819,3895,840],{"class":825},[819,3897,843],{"class":829},[819,3899,847],{"class":846},[819,3901,850],{"class":829},[819,3903,853],{"class":829},[819,3905,3906,3908,3910,3912,3914,3916,3918,3920,3922,3924,3926],{"class":821,"line":856},[819,3907,826],{"class":825},[819,3909,830],{"class":829},[819,3911,863],{"class":833},[819,3913,866],{"class":829},[819,3915,1846],{"class":833},[819,3917,837],{"class":829},[819,3919,840],{"class":825},[819,3921,843],{"class":829},[819,3923,883],{"class":846},[819,3925,850],{"class":829},[819,3927,853],{"class":829},[819,3929,3930,3932,3934,3937,3939,3942,3944,3946,3948,3950,3952],{"class":821,"line":890},[819,3931,826],{"class":825},[819,3933,830],{"class":829},[819,3935,3936],{"class":833}," useFileModifier",[819,3938,866],{"class":829},[819,3940,3941],{"class":833}," useHoverModifier",[819,3943,837],{"class":829},[819,3945,840],{"class":825},[819,3947,843],{"class":829},[819,3949,883],{"class":846},[819,3951,850],{"class":829},[819,3953,853],{"class":829},[819,3955,3956],{"class":821,"line":912},[819,3957,915],{"emptyLinePlaceholder":223},[819,3959,3960,3962,3964,3966,3968,3970],{"class":821,"line":918},[819,3961,922],{"class":921},[819,3963,925],{"class":833},[819,3965,928],{"class":829},[819,3967,834],{"class":931},[819,3969,934],{"class":833},[819,3971,853],{"class":829},[819,3973,3974],{"class":821,"line":939},[819,3975,915],{"emptyLinePlaceholder":223},[819,3977,3978,3980,3983,3985,3987,3989],{"class":821,"line":944},[819,3979,922],{"class":921},[819,3981,3982],{"class":833}," file ",[819,3984,928],{"class":829},[819,3986,3936],{"class":931},[819,3988,956],{"class":833},[819,3990,853],{"class":829},[819,3992,3993,3995,3998,4000,4002,4004],{"class":821,"line":961},[819,3994,922],{"class":921},[819,3996,3997],{"class":833}," hover ",[819,3999,928],{"class":829},[819,4001,3941],{"class":931},[819,4003,956],{"class":833},[819,4005,853],{"class":829},[819,4007,4008],{"class":821,"line":966},[819,4009,915],{"emptyLinePlaceholder":223},[819,4011,4012,4014,4016,4018],{"class":821,"line":980},[819,4013,969],{"class":931},[819,4015,972],{"class":833},[819,4017,866],{"class":829},[819,4019,977],{"class":829},[819,4021,4022,4024,4026,4028,4030,4032],{"class":821,"line":1002},[819,4023,984],{"class":983},[819,4025,987],{"class":829},[819,4027,990],{"class":829},[819,4029,993],{"class":846},[819,4031,996],{"class":829},[819,4033,999],{"class":829},[819,4035,4036,4038,4041],{"class":821,"line":1013},[819,4037,1005],{"class":829},[819,4039,4040],{"class":833}," [file])",[819,4042,853],{"class":829},[819,4044,4045],{"class":821,"line":1018},[819,4046,915],{"emptyLinePlaceholder":223},[819,4048,4049,4051,4053,4055],{"class":821,"line":1030},[819,4050,1930],{"class":931},[819,4052,972],{"class":833},[819,4054,866],{"class":829},[819,4056,977],{"class":829},[819,4058,4059,4061,4063,4065,4067,4069],{"class":821,"line":1047},[819,4060,2387],{"class":983},[819,4062,987],{"class":829},[819,4064,990],{"class":829},[819,4066,2394],{"class":846},[819,4068,996],{"class":829},[819,4070,999],{"class":829},[819,4072,4073,4075,4077],{"class":821,"line":1056},[819,4074,1005],{"class":829},[819,4076,4040],{"class":833},[819,4078,853],{"class":829},[819,4080,4081],{"class":821,"line":1061},[819,4082,915],{"emptyLinePlaceholder":223},[819,4084,4085,4087,4089,4091],{"class":821,"line":1073},[819,4086,1107],{"class":825},[819,4088,1110],{"class":825},[819,4090,1113],{"class":833},[819,4092,853],{"class":829},[805,4094,4095],{"icon":520,"label":1318},[809,4096,4098],{"className":1321,"code":4097,"language":1323,"meta":815,"style":815},"\u003Cinput\n    type=\"file\"\n    class=\"_file:background-color:primary _file:text-color:white\"\n>\n",[697,4099,4100,4106,4119,4132],{"__ignoreMap":815},[819,4101,4102,4104],{"class":821,"line":822},[819,4103,1336],{"class":829},[819,4105,2148],{"class":983},[819,4107,4108,4111,4113,4115,4117],{"class":821,"line":856},[819,4109,4110],{"class":921},"    type",[819,4112,928],{"class":829},[819,4114,850],{"class":829},[819,4116,3063],{"class":846},[819,4118,2163],{"class":829},[819,4120,4121,4123,4125,4127,4130],{"class":821,"line":890},[819,4122,2153],{"class":921},[819,4124,928],{"class":829},[819,4126,850],{"class":829},[819,4128,4129],{"class":846},"_file:background-color:primary _file:text-color:white",[819,4131,2163],{"class":829},[819,4133,4134],{"class":821,"line":912},[819,4135,1353],{"class":829},[715,4137,4139],{"id":4138},"best-practices","Best Practices",[742,4141,4142,4148,4154,4163,4176],{},[745,4143,4144,4147],{},[692,4145,4146],{},"Use before\u002Fafter for decorative content",": Pseudo-elements are ideal for decorative elements that don't need to be in the DOM",[745,4149,4150,4153],{},[692,4151,4152],{},"Style placeholders subtly",": Use muted colors for placeholder text to distinguish it from actual input values",[745,4155,4156,4159,4160,4162],{},[692,4157,4158],{},"Customize selection colors to match your brand",": Use the ",[697,4161,2574],{}," modifier for on-brand text highlighting",[745,4164,4165,1417,4168,753,4170,4172,4173,4175],{},[692,4166,4167],{},"Remember content injection",[697,4169,1401],{},[697,4171,1422],{}," modifiers auto-inject ",[697,4174,799],{},"; override this if you need specific content",[745,4177,4178,4181,4182,4185,4186,725,4189,729,4192],{},[692,4179,4180],{},"Test marker styles",": Not all CSS properties work with ",[697,4183,4184],{},"::marker","; it supports a limited set including ",[697,4187,4188],{},"color",[697,4190,4191],{},"font-size",[697,4193,4194],{},"content",[715,4196,4198],{"id":4197},"faq","FAQ",[4200,4201,4202,4219,4231,4271],"accordion",{},[4203,4204,4207,4208,753,4210,4212,4213,4215,4216,4218],"accordion-item",{"icon":4205,"label":4206},"i-lucide-circle-help","Why do before and after auto-inject content?","Pseudo-elements ",[697,4209,724],{},[697,4211,728],{}," require the ",[697,4214,4194],{}," property to render. Without it, the pseudo-element won't appear. The auto-injection of ",[697,4217,799],{}," ensures the pseudo-element is always rendered, saving you from a common gotcha.",[4203,4220,789,4222,4224,4225,4227,4228,4230],{"icon":4205,"label":4221},"Can I override the auto-injected content?",[697,4223,799],{}," is injected as a default. If you need different content, you can create a custom content utility and apply it with the ",[697,4226,1401],{}," or ",[697,4229,1422],{}," modifier, which will override the default empty string.",[4203,4232,789,4234,4236,4237,725,4239,725,4242,4245,4246,725,4248,725,4251,753,4254,4257,4258,4261,4262,725,4265,729,4267,4270],{"icon":4205,"label":4233},"What CSS properties work with ::marker?",[697,4235,4184],{}," pseudo-element supports a limited set of properties: ",[697,4238,4188],{},[697,4240,4241],{},"direction",[697,4243,4244],{},"font"," properties, ",[697,4247,4194],{},[697,4249,4250],{},"unicode-bidi",[697,4252,4253],{},"animation",[697,4255,4256],{},"transition"," properties, and ",[697,4259,4260],{},"white-space",". Most layout properties like ",[697,4263,4264],{},"display",[697,4266,1229],{},[697,4268,4269],{},"margin"," are not supported.",[4203,4272,4274,4275,4277,4278,4280],{"icon":4205,"label":4273},"When should I use ::backdrop?","Use ",[697,4276,2993],{}," to style the area behind ",[697,4279,2997],{}," elements and fullscreen elements. This is useful for creating modal overlays and customizing the fullscreen background.",[4282,4283,4284],"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 .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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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":815,"searchDepth":856,"depth":856,"links":4286},[4287,4288,4289,4290,4291,4292,4293,4294,4295,4296,4297,4298,4301,4305,4306],{"id":717,"depth":856,"text":78},{"id":736,"depth":856,"text":737},{"id":783,"depth":856,"text":786},{"id":1429,"depth":856,"text":1432},{"id":1797,"depth":856,"text":1800},{"id":2211,"depth":856,"text":2214},{"id":2582,"depth":856,"text":2585},{"id":2621,"depth":856,"text":2624},{"id":2660,"depth":856,"text":2663},{"id":2982,"depth":856,"text":2985},{"id":3028,"depth":856,"text":3031},{"id":3071,"depth":856,"text":699,"children":4299},[4300],{"id":3402,"depth":890,"text":3403},{"id":3575,"depth":856,"text":3576,"children":4302},[4303,4304],{"id":3579,"depth":890,"text":3580},{"id":3873,"depth":890,"text":3874},{"id":4138,"depth":856,"text":4139},{"id":4197,"depth":856,"text":4198},"Create pseudo-element modifiers for targeting element sub-parts like before, after, placeholder, and selection with full type safety.","md",null,{},{"title":668,"icon":671},{"title":684,"description":4307},"3RICKVEmZyRAJWddkoCQiqJXDzLC2NwN__CUr_BGe0o",[4315,4317],{"title":663,"path":664,"stem":665,"description":4316,"icon":666,"children":-1},"Create other state modifiers for targeting open and inert elements with full type safety.",{"title":673,"path":674,"stem":675,"description":4318,"icon":676,"children":-1},"Create pseudo-state modifiers for interactive states like hover, focus, active, and more with full type safety.",1781596356386]