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