[{"data":1,"prerenderedAt":1999},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Felements\u002Fbutton":649},[4,11,124,509,568,593],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,66,103],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",90,{"title":67,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":68,"stem":69,"children":70,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[71,74,78,82,86,90,95,99],{"title":67,"path":72,"stem":73,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":75,"path":76,"stem":77,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":79,"path":80,"stem":81,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":83,"path":84,"stem":85,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":87,"path":88,"stem":89,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":91,"path":92,"stem":93,"order":94,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":96,"path":97,"stem":98,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":100,"path":101,"stem":102,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":104,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":105,"stem":106,"children":107,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[108,112,116,120],{"title":109,"path":110,"stem":111,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":113,"path":114,"stem":115,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":117,"path":118,"stem":119,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":121,"path":122,"stem":123,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":125,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":126,"stem":127,"children":128,"page":10},"Components","\u002Fcomponents","components",[129,202,301,320,364,417,470],{"title":130,"path":131,"stem":132,"children":133,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[134,138,143,148,153,158,162,167,172,177,182,187,192,197],{"title":135,"path":136,"stem":137,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":139,"path":140,"stem":141,"order":142,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":144,"path":145,"stem":146,"order":147,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":149,"path":150,"stem":151,"order":152,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":154,"path":155,"stem":156,"order":157,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":159,"path":160,"stem":161,"order":157,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":163,"path":164,"stem":165,"order":166,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":168,"path":169,"stem":170,"order":171,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":173,"path":174,"stem":175,"order":176,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":178,"path":179,"stem":180,"order":181,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":183,"path":184,"stem":185,"order":186,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":188,"path":189,"stem":190,"order":191,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":193,"path":194,"stem":195,"order":196,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":198,"path":199,"stem":200,"order":201,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":203,"path":204,"stem":205,"children":206,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[207,211,216,221,226,231,236,241,246,251,256,261,266,271,276,281,286,291,296],{"title":208,"path":209,"stem":210,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":212,"path":213,"stem":214,"order":215,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":217,"path":218,"stem":219,"order":220,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",20.5,{"title":222,"path":223,"stem":224,"order":225,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":227,"path":228,"stem":229,"order":230,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":232,"path":233,"stem":234,"order":235,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":237,"path":238,"stem":239,"order":240,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":242,"path":243,"stem":244,"order":245,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":247,"path":248,"stem":249,"order":250,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":252,"path":253,"stem":254,"order":255,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":257,"path":258,"stem":259,"order":260,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":262,"path":263,"stem":264,"order":265,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":267,"path":268,"stem":269,"order":270,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":272,"path":273,"stem":274,"order":275,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":277,"path":278,"stem":279,"order":280,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":282,"path":283,"stem":284,"order":285,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":287,"path":288,"stem":289,"order":290,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":292,"path":293,"stem":294,"order":295,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":297,"path":298,"stem":299,"order":300,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":302,"path":303,"stem":304,"children":305,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[306,311,315],{"title":307,"path":308,"stem":309,"order":310,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":312,"path":313,"stem":314,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":316,"path":317,"stem":318,"order":319,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":321,"path":322,"stem":323,"children":324,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[325,330,334,339,344,349,354,359],{"title":326,"path":327,"stem":328,"order":329,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":331,"path":332,"stem":333,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":335,"path":336,"stem":337,"order":338,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":340,"path":341,"stem":342,"order":343,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":345,"path":346,"stem":347,"order":348,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":350,"path":351,"stem":352,"order":353,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":355,"path":356,"stem":357,"order":358,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":360,"path":361,"stem":362,"order":363,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":365,"path":366,"stem":367,"children":368,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[369,373,378,383,388,393,398,403,408,412],{"title":370,"path":371,"stem":372,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":374,"path":375,"stem":376,"order":377,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":379,"path":380,"stem":381,"order":382,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":384,"path":385,"stem":386,"order":387,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":389,"path":390,"stem":391,"order":392,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":394,"path":395,"stem":396,"order":397,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":399,"path":400,"stem":401,"order":402,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":404,"path":405,"stem":406,"order":407,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":409,"path":410,"stem":411,"order":94,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":413,"path":414,"stem":415,"order":416,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":418,"path":419,"stem":420,"children":421,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[422,427,431,436,441,446,450,455,460,465],{"title":423,"path":424,"stem":425,"order":426,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":428,"path":429,"stem":430,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":432,"path":433,"stem":434,"order":435,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":437,"path":438,"stem":439,"order":440,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":442,"path":443,"stem":444,"order":445,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":447,"path":448,"stem":449,"order":445,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":451,"path":452,"stem":453,"order":454,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":456,"path":457,"stem":458,"order":459,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":461,"path":462,"stem":463,"order":464,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":466,"path":467,"stem":468,"order":469,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":471,"path":472,"stem":473,"children":474,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[475,479,484,489,494,499,504],{"title":476,"path":477,"stem":478,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":480,"path":481,"stem":482,"order":483,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":485,"path":486,"stem":487,"order":488,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":490,"path":491,"stem":492,"order":493,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":495,"path":496,"stem":497,"order":498,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":500,"path":501,"stem":502,"order":503,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":505,"path":506,"stem":507,"order":508,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":510,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":511,"stem":512,"children":513,"page":10},"Composites","\u002Fcomposites","composites",[514,543],{"title":515,"path":516,"stem":517,"children":518,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[519,523,527,531,535,539],{"title":520,"path":521,"stem":522,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":524,"path":525,"stem":526,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":528,"path":529,"stem":530,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":532,"path":533,"stem":534,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":536,"path":537,"stem":538,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":540,"path":541,"stem":542,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":544,"path":545,"stem":546,"children":547,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[548,552,556,560,564],{"title":549,"path":550,"stem":551,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":553,"path":554,"stem":555,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":557,"path":558,"stem":559,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":561,"path":562,"stem":563,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":565,"path":566,"stem":567,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":569,"order":570,"icon":9,"collapse":10,"navBadges":9,"path":571,"stem":572,"children":573,"page":10},"Blocks",35,"\u002Fblocks","blocks",[574,577,581,585,589],{"title":569,"path":575,"stem":576,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":578,"path":579,"stem":580,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":582,"path":583,"stem":584,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":586,"path":587,"stem":588,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":590,"path":591,"stem":592,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":594,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":595,"stem":596,"children":597,"page":10},"Utilities","\u002Futilities","utilities",[598,632],{"title":599,"path":600,"stem":601,"children":602,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[603,607,611,616,620,624,628],{"title":604,"path":605,"stem":606,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":608,"path":609,"stem":610,"order":166,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":612,"path":613,"stem":614,"order":615,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":617,"path":618,"stem":619,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":621,"path":622,"stem":623,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":625,"path":626,"stem":627,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":629,"path":630,"stem":631,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":633,"path":634,"stem":635,"children":636,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[637,641,645],{"title":638,"path":639,"stem":640,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":642,"path":643,"stem":644,"order":615,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":646,"path":647,"stem":648,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"id":650,"title":135,"aside":651,"body":652,"collapse":10,"description":1995,"editLink":651,"extension":1603,"icon":9,"meta":1996,"navBadges":9,"navigation":9,"order":13,"path":136,"prevNext":651,"seo":1997,"stem":137,"toc":651,"__hash__":1998},"docs\u002Fcomponents\u002Felements\u002Fbutton.md",true,{"type":653,"value":654,"toc":1974},"minimark",[655,660,664,669,689,692,696,699,702,705,719,722,784,788,812,815,852,856,862,865,901,904,913,916,919,995,1003,1007,1027,1030,1105,1109,1131,1134,1248,1265,1393,1397,1418,1421,1464,1467,1480,1483,1579,1583,1588,1592,1616,1623,1626,1664,1670,1674,1677,1710,1713,1922,1926,1970],[656,657,659],"h2",{"id":658},"usage","Usage",[661,662],"component-example",{"name":663},"button-basic",[665,666,668],"h3",{"id":667},"variants","Variants",[670,671,672,676,677,680,681,684,685,688],"p",{},[673,674,675],"code",{},"subtle"," combines the tinted background of ",[673,678,679],{},"soft"," with a border. ",[673,682,683],{},"link"," uses\nthe same text color transitions as ",[673,686,687],{},"text"," and adds an underline on hover.",[661,690],{"name":691},"button-variants",[665,693,695],{"id":694},"colors","Colors",[670,697,698],{},"Every color across every variant, so it's easy to compare both within a\ncolor (is soft\u002Foutline\u002Fghost legible?) and across colors (do they stay\ndistinguishable at a glance?).",[661,700],{"name":701},"button-colors",[665,703,42],{"id":704},"icons",[670,706,707,710,711,714,715,718],{},[673,708,709],{},"icon"," and ",[673,712,713],{},"trailingIcon"," add an icon before or after the label - any\nregistered icon name works, not just ",[673,716,717],{},"hugeicons:*",".",[661,720],{"name":721},"button-icons",[723,724,729],"pre",{"className":725,"code":726,"language":727,"meta":728,"style":728},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSButton icon=\"hugeicons:download-01\">Download\u003C\u002FSButton>\n\u003CSButton trailing-icon=\"hugeicons:arrow-right-01\">Continue\u003C\u002FSButton>\n","vue-html","",[673,730,731,762],{"__ignoreMap":728},[732,733,735,739,743,747,750,754,757,759],"span",{"class":734,"line":8},"line",[732,736,738],{"class":737},"sVt8B","\u003C",[732,740,742],{"class":741},"s9eBZ","SButton",[732,744,746],{"class":745},"sScJk"," icon",[732,748,749],{"class":737},"=",[732,751,753],{"class":752},"sZZnC","\"hugeicons:download-01\"",[732,755,756],{"class":737},">Download\u003C\u002F",[732,758,742],{"class":741},[732,760,761],{"class":737},">\n",[732,763,765,767,769,772,774,777,780,782],{"class":734,"line":764},2,[732,766,738],{"class":737},[732,768,742],{"class":741},[732,770,771],{"class":745}," trailing-icon",[732,773,749],{"class":737},[732,775,776],{"class":752},"\"hugeicons:arrow-right-01\"",[732,778,779],{"class":737},">Continue\u003C\u002F",[732,781,742],{"class":741},[732,783,761],{"class":737},[665,785,787],{"id":786},"icon-only","Icon only",[670,789,790,791,794,795,797,798,801,802,805,806,811],{},"There's no separate ",[673,792,793],{},"iconOnly"," prop - pass ",[673,796,709],{}," with no default slot\ncontent and it shapes itself to a square automatically (matching its own\n",[673,799,800],{},"size","), rather than requiring an explicit flag you could forget to set.\nAlways add ",[673,803,804],{},"aria-label"," yourself when there's no visible text - it falls\nthrough to the root element like any other attr (see\n",[807,808,810],"a",{"href":809},"#accessibility","Accessibility"," below).",[661,813],{"name":814},"button-icon-only",[723,816,818],{"className":725,"code":817,"language":727,"meta":728,"style":728},"\u003CSButton icon=\"hugeicons:settings-01\" variant=\"outline\" aria-label=\"Settings\" \u002F>\n",[673,819,820],{"__ignoreMap":728},[732,821,822,824,826,828,830,833,836,838,841,844,846,849],{"class":734,"line":8},[732,823,738],{"class":737},[732,825,742],{"class":741},[732,827,746],{"class":745},[732,829,749],{"class":737},[732,831,832],{"class":752},"\"hugeicons:settings-01\"",[732,834,835],{"class":745}," variant",[732,837,749],{"class":737},[732,839,840],{"class":752},"\"outline\"",[732,842,843],{"class":745}," aria-label",[732,845,749],{"class":737},[732,847,848],{"class":752},"\"Settings\"",[732,850,851],{"class":737}," \u002F>\n",[665,853,855],{"id":854},"square","Square",[670,857,858,859,861],{},"Icon-only buttons already shape themselves to a square automatically (see\nabove) - ",[673,860,854],{}," is for when the content isn't an icon but should still get\nthat same equal-width\u002Fheight treatment, like a page number or a calendar day.\nWithout it, each button sizes to its own text width and a row of them (a\npagination bar, a calendar grid) won't line up:",[661,863],{"name":864},"button-square",[723,866,868],{"className":725,"code":867,"language":727,"meta":728,"style":728},"\u003CSButton square>1\u003C\u002FSButton>\n\u003CSButton square>31\u003C\u002FSButton>\n",[673,869,870,886],{"__ignoreMap":728},[732,871,872,874,876,879,882,884],{"class":734,"line":8},[732,873,738],{"class":737},[732,875,742],{"class":741},[732,877,878],{"class":745}," square",[732,880,881],{"class":737},">1\u003C\u002F",[732,883,742],{"class":741},[732,885,761],{"class":737},[732,887,888,890,892,894,897,899],{"class":734,"line":764},[732,889,738],{"class":737},[732,891,742],{"class":741},[732,893,878],{"class":745},[732,895,896],{"class":737},">31\u003C\u002F",[732,898,742],{"class":741},[732,900,761],{"class":737},[665,902,903],{"id":687},"Text",[670,905,906,908,909,912],{},[673,907,687],{}," never paints a background, at any state - only the label\u002Ficon color\nshifts on hover. Meant for an action button that sits tight against another\ncontrol's own border, like a field's clear button - ",[673,910,911],{},"ghost","'s hover-fill\nwould otherwise visually compete with that border right at the seam:",[670,914,915],{},"The border in this comparison belongs to the illustrative field, not either\nbutton.",[661,917],{"name":918},"button-text",[723,920,922],{"className":725,"code":921,"language":727,"meta":728,"style":728},"\u003Cdiv class=\"flex items-center rounded-[var(--selaras-resolved-radius-md)] ring-1 ring-inset ring-[var(--selaras-resolved-border-default)]\">\n  \u003Cspan>Example field\u003C\u002Fspan>\n  \u003CSButton icon=\"hugeicons:cancel-01\" variant=\"text\" aria-label=\"Clear\" \u002F>\n\u003C\u002Fdiv>\n",[673,923,924,941,955,985],{"__ignoreMap":728},[732,925,926,928,931,934,936,939],{"class":734,"line":8},[732,927,738],{"class":737},[732,929,930],{"class":741},"div",[732,932,933],{"class":745}," class",[732,935,749],{"class":737},[732,937,938],{"class":752},"\"flex items-center rounded-[var(--selaras-resolved-radius-md)] ring-1 ring-inset ring-[var(--selaras-resolved-border-default)]\"",[732,940,761],{"class":737},[732,942,943,946,948,951,953],{"class":734,"line":764},[732,944,945],{"class":737},"  \u003C",[732,947,732],{"class":741},[732,949,950],{"class":737},">Example field\u003C\u002F",[732,952,732],{"class":741},[732,954,761],{"class":737},[732,956,958,960,962,964,966,969,971,973,976,978,980,983],{"class":734,"line":957},3,[732,959,945],{"class":737},[732,961,742],{"class":741},[732,963,746],{"class":745},[732,965,749],{"class":737},[732,967,968],{"class":752},"\"hugeicons:cancel-01\"",[732,970,835],{"class":745},[732,972,749],{"class":737},[732,974,975],{"class":752},"\"text\"",[732,977,843],{"class":745},[732,979,749],{"class":737},[732,981,982],{"class":752},"\"Clear\"",[732,984,851],{"class":737},[732,986,988,991,993],{"class":734,"line":987},4,[732,989,990],{"class":737},"\u003C\u002F",[732,992,930],{"class":741},[732,994,761],{"class":737},[670,996,997,999,1000,1002],{},[673,998,683],{}," is the underlined text-action variant. Use it for an action that\nnavigates; ",[673,1001,687],{}," is the unadorned text action.",[665,1004,1006],{"id":1005},"loading","Loading",[670,1008,1009,1011,1012,1015,1016,1019,1020,1023,1024,1026],{},[673,1010,1005],{}," swaps the leading icon for a spinner. It doesn't imply ",[673,1013,1014],{},"disabled"," -\ncombine both if a busy button shouldn't be clickable, the same split\n",[807,1017,242],{"href":1018},"\u002Fcomponents\u002Fforms\u002Fselect#states"," and\n",[807,1021,257],{"href":1022},"\u002Fcomponents\u002Fforms\u002Fautocomplete#sizes-and-states"," already use\nfor their own ",[673,1025,1005],{}," prop.",[661,1028],{"name":1029},"button-loading",[723,1031,1033],{"className":725,"code":1032,"language":727,"meta":728,"style":728},"\u003CSButton icon=\"hugeicons:floppy-disk\" :loading=\"saving\" :disabled=\"saving\" @click=\"save\">\n  {{ saving ? 'Saving...' : 'Save' }}\n\u003C\u002FSButton>\n",[673,1034,1035,1092,1097],{"__ignoreMap":728},[732,1036,1037,1039,1041,1043,1045,1048,1051,1053,1055,1058,1061,1063,1065,1067,1069,1071,1073,1075,1078,1081,1083,1085,1088,1090],{"class":734,"line":8},[732,1038,738],{"class":737},[732,1040,742],{"class":741},[732,1042,746],{"class":745},[732,1044,749],{"class":737},[732,1046,1047],{"class":752},"\"hugeicons:floppy-disk\"",[732,1049,1050],{"class":737}," :",[732,1052,1005],{"class":745},[732,1054,749],{"class":737},[732,1056,1057],{"class":752},"\"",[732,1059,1060],{"class":737},"saving",[732,1062,1057],{"class":752},[732,1064,1050],{"class":737},[732,1066,1014],{"class":745},[732,1068,749],{"class":737},[732,1070,1057],{"class":752},[732,1072,1060],{"class":737},[732,1074,1057],{"class":752},[732,1076,1077],{"class":737}," @",[732,1079,1080],{"class":745},"click",[732,1082,749],{"class":737},[732,1084,1057],{"class":752},[732,1086,1087],{"class":737},"save",[732,1089,1057],{"class":752},[732,1091,761],{"class":737},[732,1093,1094],{"class":734,"line":764},[732,1095,1096],{"class":737},"  {{ saving ? 'Saving...' : 'Save' }}\n",[732,1098,1099,1101,1103],{"class":734,"line":957},[732,1100,990],{"class":737},[732,1102,742],{"class":741},[732,1104,761],{"class":737},[665,1106,1108],{"id":1107},"as-a-link","As a link",[670,1110,1111,1114,1115,1118,1119,1122,1123,1126,1127,1130],{},[673,1112,1113],{},"to"," renders a NuxtLink for client-side navigation. Use ",[673,1116,1117],{},"as=\"a\""," with\n",[673,1120,1121],{},"href"," for external links, or set ",[673,1124,1125],{},"as"," explicitly to override automatic\nrouting. Disabled routed buttons expose ",[673,1128,1129],{},"aria-disabled",", leave the tab order,\nand ignore clicks.",[661,1132],{"name":1133},"button-link",[723,1135,1137],{"className":725,"code":1136,"language":727,"meta":728,"style":728},"\u003CSButton as=\"a\" href=\"https:\u002F\u002Fgithub.com\" target=\"_blank\" rel=\"noopener\" trailing-icon=\"hugeicons:square-arrow-up-right\">\n  Open a link\n\u003C\u002FSButton>\n\u003CSButton to=\"\u002Faccount\">Account\u003C\u002FSButton>\n\u003CSButton variant=\"link\" to=\"\u002Fforgot-password\">Forgot password?\u003C\u002FSButton>\n",[673,1138,1139,1186,1191,1199,1220],{"__ignoreMap":728},[732,1140,1141,1143,1145,1148,1150,1153,1156,1158,1161,1164,1166,1169,1172,1174,1177,1179,1181,1184],{"class":734,"line":8},[732,1142,738],{"class":737},[732,1144,742],{"class":741},[732,1146,1147],{"class":745}," as",[732,1149,749],{"class":737},[732,1151,1152],{"class":752},"\"a\"",[732,1154,1155],{"class":745}," href",[732,1157,749],{"class":737},[732,1159,1160],{"class":752},"\"https:\u002F\u002Fgithub.com\"",[732,1162,1163],{"class":745}," target",[732,1165,749],{"class":737},[732,1167,1168],{"class":752},"\"_blank\"",[732,1170,1171],{"class":745}," rel",[732,1173,749],{"class":737},[732,1175,1176],{"class":752},"\"noopener\"",[732,1178,771],{"class":745},[732,1180,749],{"class":737},[732,1182,1183],{"class":752},"\"hugeicons:square-arrow-up-right\"",[732,1185,761],{"class":737},[732,1187,1188],{"class":734,"line":764},[732,1189,1190],{"class":737},"  Open a link\n",[732,1192,1193,1195,1197],{"class":734,"line":957},[732,1194,990],{"class":737},[732,1196,742],{"class":741},[732,1198,761],{"class":737},[732,1200,1201,1203,1205,1208,1210,1213,1216,1218],{"class":734,"line":987},[732,1202,738],{"class":737},[732,1204,742],{"class":741},[732,1206,1207],{"class":745}," to",[732,1209,749],{"class":737},[732,1211,1212],{"class":752},"\"\u002Faccount\"",[732,1214,1215],{"class":737},">Account\u003C\u002F",[732,1217,742],{"class":741},[732,1219,761],{"class":737},[732,1221,1223,1225,1227,1229,1231,1234,1236,1238,1241,1244,1246],{"class":734,"line":1222},5,[732,1224,738],{"class":737},[732,1226,742],{"class":741},[732,1228,835],{"class":745},[732,1230,749],{"class":737},[732,1232,1233],{"class":752},"\"link\"",[732,1235,1207],{"class":745},[732,1237,749],{"class":737},[732,1239,1240],{"class":752},"\"\u002Fforgot-password\"",[732,1242,1243],{"class":737},">Forgot password?\u003C\u002F",[732,1245,742],{"class":741},[732,1247,761],{"class":737},[670,1249,1250,1251,1253,1254,1256,1257,1260,1261,1264],{},"For the common internal-route case, ",[673,1252,1113],{}," handles NuxtLink automatically. If\nyou need another routing component, pass its resolved component reference in\n",[673,1255,1125],{}," - ",[673,1258,1259],{},"Primitive"," renders the explicit component via ",[673,1262,1263],{},"h()",":",[723,1266,1270],{"className":1267,"code":1268,"language":1269,"meta":728,"style":728},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst NuxtLinkComponent = resolveComponent('NuxtLink')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSButton :as=\"NuxtLinkComponent\" to=\"\u002Fcomponents\u002Felements\u002Fbutton\">\n    Browse components\n  \u003C\u002FSButton>\n\u003C\u002Ftemplate>\n","vue",[673,1271,1272,1292,1317,1325,1330,1339,1368,1374,1384],{"__ignoreMap":728},[732,1273,1274,1276,1279,1282,1285,1287,1290],{"class":734,"line":8},[732,1275,738],{"class":737},[732,1277,1278],{"class":741},"script",[732,1280,1281],{"class":745}," setup",[732,1283,1284],{"class":745}," lang",[732,1286,749],{"class":737},[732,1288,1289],{"class":752},"\"ts\"",[732,1291,761],{"class":737},[732,1293,1294,1298,1302,1305,1308,1311,1314],{"class":734,"line":764},[732,1295,1297],{"class":1296},"szBVR","const",[732,1299,1301],{"class":1300},"sj4cs"," NuxtLinkComponent",[732,1303,1304],{"class":1296}," =",[732,1306,1307],{"class":745}," resolveComponent",[732,1309,1310],{"class":737},"(",[732,1312,1313],{"class":752},"'NuxtLink'",[732,1315,1316],{"class":737},")\n",[732,1318,1319,1321,1323],{"class":734,"line":957},[732,1320,990],{"class":737},[732,1322,1278],{"class":741},[732,1324,761],{"class":737},[732,1326,1327],{"class":734,"line":987},[732,1328,1329],{"emptyLinePlaceholder":651},"\n",[732,1331,1332,1334,1337],{"class":734,"line":1222},[732,1333,738],{"class":737},[732,1335,1336],{"class":741},"template",[732,1338,761],{"class":737},[732,1340,1342,1344,1346,1348,1350,1352,1354,1357,1359,1361,1363,1366],{"class":734,"line":1341},6,[732,1343,945],{"class":737},[732,1345,742],{"class":741},[732,1347,1050],{"class":737},[732,1349,1125],{"class":745},[732,1351,749],{"class":737},[732,1353,1057],{"class":752},[732,1355,1356],{"class":737},"NuxtLinkComponent",[732,1358,1057],{"class":752},[732,1360,1207],{"class":745},[732,1362,749],{"class":737},[732,1364,1365],{"class":752},"\"\u002Fcomponents\u002Felements\u002Fbutton\"",[732,1367,761],{"class":737},[732,1369,1371],{"class":734,"line":1370},7,[732,1372,1373],{"class":737},"    Browse components\n",[732,1375,1377,1380,1382],{"class":734,"line":1376},8,[732,1378,1379],{"class":737},"  \u003C\u002F",[732,1381,742],{"class":741},[732,1383,761],{"class":737},[732,1385,1387,1389,1391],{"class":734,"line":1386},9,[732,1388,990],{"class":737},[732,1390,1336],{"class":741},[732,1392,761],{"class":737},[665,1394,1396],{"id":1395},"raised","Raised",[670,1398,1399,1401,1402,1405,1406,1409,1410,6,1412,1414,1415,718],{},[673,1400,1395],{}," adds ",[673,1403,1404],{},"--selaras-resolved-shadow-md",", independent of ",[673,1407,1408],{},"variant"," - useful for a solid\nbutton that needs to lift off a busy background, or even a ",[673,1411,679],{},[673,1413,911],{},"\none that wants some elevation without switching to ",[673,1416,1417],{},"solid",[661,1419],{"name":1420},"button-raised",[723,1422,1424],{"className":725,"code":1423,"language":727,"meta":728,"style":728},"\u003CSButton raised>Raised solid\u003C\u002FSButton>\n\u003CSButton raised variant=\"soft\">Raised soft\u003C\u002FSButton>\n",[673,1425,1426,1442],{"__ignoreMap":728},[732,1427,1428,1430,1432,1435,1438,1440],{"class":734,"line":8},[732,1429,738],{"class":737},[732,1431,742],{"class":741},[732,1433,1434],{"class":745}," raised",[732,1436,1437],{"class":737},">Raised solid\u003C\u002F",[732,1439,742],{"class":741},[732,1441,761],{"class":737},[732,1443,1444,1446,1448,1450,1452,1454,1457,1460,1462],{"class":734,"line":764},[732,1445,738],{"class":737},[732,1447,742],{"class":741},[732,1449,1434],{"class":745},[732,1451,835],{"class":745},[732,1453,749],{"class":737},[732,1455,1456],{"class":752},"\"soft\"",[732,1458,1459],{"class":737},">Raised soft\u003C\u002F",[732,1461,742],{"class":741},[732,1463,761],{"class":737},[665,1465,144],{"id":1466},"badge",[670,1468,1469,1470,1472,1473,6,1476,1479],{},"There's no built-in badge slot - overlay a real ",[807,1471,144],{"href":145},"\non an icon-only button with a ",[673,1474,1475],{},"relative",[673,1477,1478],{},"absolute"," pair:",[661,1481],{"name":1482},"button-badge",[723,1484,1486],{"className":725,"code":1485,"language":727,"meta":728,"style":728},"\u003Cdiv class=\"relative inline-flex\">\n  \u003CSButton variant=\"outline\" icon=\"hugeicons:notification-01\" aria-label=\"Notifications\" \u002F>\n  \u003CSBadge label=\"3\" color=\"danger\" size=\"sm\" class=\"absolute -top-1.5 -right-1.5\" \u002F>\n\u003C\u002Fdiv>\n",[673,1487,1488,1503,1531,1571],{"__ignoreMap":728},[732,1489,1490,1492,1494,1496,1498,1501],{"class":734,"line":8},[732,1491,738],{"class":737},[732,1493,930],{"class":741},[732,1495,933],{"class":745},[732,1497,749],{"class":737},[732,1499,1500],{"class":752},"\"relative inline-flex\"",[732,1502,761],{"class":737},[732,1504,1505,1507,1509,1511,1513,1515,1517,1519,1522,1524,1526,1529],{"class":734,"line":764},[732,1506,945],{"class":737},[732,1508,742],{"class":741},[732,1510,835],{"class":745},[732,1512,749],{"class":737},[732,1514,840],{"class":752},[732,1516,746],{"class":745},[732,1518,749],{"class":737},[732,1520,1521],{"class":752},"\"hugeicons:notification-01\"",[732,1523,843],{"class":745},[732,1525,749],{"class":737},[732,1527,1528],{"class":752},"\"Notifications\"",[732,1530,851],{"class":737},[732,1532,1533,1535,1538,1541,1543,1546,1549,1551,1554,1557,1559,1562,1564,1566,1569],{"class":734,"line":957},[732,1534,945],{"class":737},[732,1536,1537],{"class":741},"SBadge",[732,1539,1540],{"class":745}," label",[732,1542,749],{"class":737},[732,1544,1545],{"class":752},"\"3\"",[732,1547,1548],{"class":745}," color",[732,1550,749],{"class":737},[732,1552,1553],{"class":752},"\"danger\"",[732,1555,1556],{"class":745}," size",[732,1558,749],{"class":737},[732,1560,1561],{"class":752},"\"sm\"",[732,1563,933],{"class":745},[732,1565,749],{"class":737},[732,1567,1568],{"class":752},"\"absolute -top-1.5 -right-1.5\"",[732,1570,851],{"class":737},[732,1572,1573,1575,1577],{"class":734,"line":987},[732,1574,990],{"class":737},[732,1576,930],{"class":741},[732,1578,761],{"class":737},[665,1580,1582],{"id":1581},"button-group","Button group",[670,1584,1585,1586,718],{},"Adjacent buttons visually joined into one unit are their own component -\nsee ",[807,1587,139],{"href":140},[665,1589,1591],{"id":1590},"sizes-and-states","Sizes and states",[670,1593,1594,1596,1597,1600,1601,1600,1604,1607,1608,1610,1611,1615],{},[673,1595,800],{}," takes ",[673,1598,1599],{},"sm"," \u002F ",[673,1602,1603],{},"md",[673,1605,1606],{},"lg",", ",[673,1609,1014],{}," prevents interaction and dims the\nbutton - see the ",[807,1612,1614],{"href":1613},"#props","Props"," table below.",[665,1617,1619,1620],{"id":1618},"custom-ui","Custom ",[673,1621,1622],{},":ui",[670,1624,1625],{},"Every slot can be overridden without fighting the defaults — the override is\ntailwind-merge'd, so conflicting utilities resolve instead of both applying.",[723,1627,1629],{"className":725,"code":1628,"language":727,"meta":728,"style":728},"\u003CSButton :ui=\"{ base: 'rounded-full' }\">Pill button\u003C\u002FSButton>\n",[673,1630,1631],{"__ignoreMap":728},[732,1632,1633,1635,1637,1639,1642,1644,1646,1649,1652,1655,1657,1660,1662],{"class":734,"line":8},[732,1634,738],{"class":737},[732,1636,742],{"class":741},[732,1638,1050],{"class":737},[732,1640,1641],{"class":745},"ui",[732,1643,749],{"class":737},[732,1645,1057],{"class":752},[732,1647,1648],{"class":737},"{ base: ",[732,1650,1651],{"class":752},"'rounded-full'",[732,1653,1654],{"class":737}," }",[732,1656,1057],{"class":752},[732,1658,1659],{"class":737},">Pill button\u003C\u002F",[732,1661,742],{"class":741},[732,1663,761],{"class":737},[670,1665,1666,1667,1669],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's ",[673,1668,135],{},"'s own theme file:",[1671,1672],"theme-source",{"name":1673},"button",[665,1675,810],{"id":1676},"accessibility",[670,1678,1679,1680,1683,1684,6,1688,1691,1692,1695,1696,1698,1699,1702,1703,1706,1707,1709],{},"A default ",[673,1681,1682],{},"as=\"button\""," gets native button semantics (keyboard-activatable\nwith ",[1685,1686,1687],"kbd",{},"Enter",[1685,1689,1690],{},"Space",", exposed as ",[673,1693,1694],{},"role=\"button\"",") for free -\nnothing to configure. Rendering ",[673,1697,1117],{}," instead exposes link semantics and\nkeyboard behavior instead, which is exactly why ",[807,1700,1108],{"href":1701},"#as-a-link"," exists\nrather than styling an ",[673,1704,1705],{},"\u003Ca>"," to merely look like a button. An icon-only button\nhas no accessible name of its own - always pass ",[673,1708,804],{}," in that case, as\nshown above.",[656,1711,1614],{"id":1712},"props",[1714,1715,1716,1732],"table",{},[1717,1718,1719],"thead",{},[1720,1721,1722,1726,1729],"tr",{},[1723,1724,1725],"th",{},"Prop",[1723,1727,1728],{},"Type",[1723,1730,1731],{},"Default",[1733,1734,1735,1752,1770,1784,1799,1814,1831,1845,1859,1873,1885,1897,1909],"tbody",{},[1720,1736,1737,1742,1747],{},[1738,1739,1740],"td",{},[673,1741,1125],{},[1738,1743,1744],{},[673,1745,1746],{},"string | Component",[1738,1748,1749],{},[673,1750,1751],{},"'button'",[1720,1753,1754,1759,1765],{},[1738,1755,1756],{},[673,1757,1758],{},"color",[1738,1760,1761,1764],{},[673,1762,1763],{},"ColorRole"," (built-in and registered roles)",[1738,1766,1767],{},[673,1768,1769],{},"primary",[1720,1771,1772,1776,1781],{},[1738,1773,1774],{},[673,1775,1113],{},[1738,1777,1778],{},[673,1779,1780],{},"string",[1738,1782,1783],{},"-",[1720,1785,1786,1790,1795],{},[1738,1787,1788],{},[673,1789,1408],{},[1738,1791,1792],{},[673,1793,1794],{},"'solid' | 'soft' | 'subtle' | 'outline' | 'ghost' | 'text' | 'link'",[1738,1796,1797],{},[673,1798,1417],{},[1720,1800,1801,1805,1810],{},[1738,1802,1803],{},[673,1804,800],{},[1738,1806,1807],{},[673,1808,1809],{},"'sm' | 'md' | 'lg'",[1738,1811,1812],{},[673,1813,1603],{},[1720,1815,1816,1821,1826],{},[1738,1817,1818],{},[673,1819,1820],{},"block",[1738,1822,1823],{},[673,1824,1825],{},"boolean",[1738,1827,1828],{},[673,1829,1830],{},"false",[1720,1832,1833,1837,1841],{},[1738,1834,1835],{},[673,1836,1395],{},[1738,1838,1839],{},[673,1840,1825],{},[1738,1842,1843],{},[673,1844,1830],{},[1720,1846,1847,1851,1855],{},[1738,1848,1849],{},[673,1850,1014],{},[1738,1852,1853],{},[673,1854,1825],{},[1738,1856,1857],{},[673,1858,1830],{},[1720,1860,1861,1865,1869],{},[1738,1862,1863],{},[673,1864,1005],{},[1738,1866,1867],{},[673,1868,1825],{},[1738,1870,1871],{},[673,1872,1830],{},[1720,1874,1875,1879,1883],{},[1738,1876,1877],{},[673,1878,709],{},[1738,1880,1881],{},[673,1882,1780],{},[1738,1884,1783],{},[1720,1886,1887,1891,1895],{},[1738,1888,1889],{},[673,1890,713],{},[1738,1892,1893],{},[673,1894,1780],{},[1738,1896,1783],{},[1720,1898,1899,1903,1907],{},[1738,1900,1901],{},[673,1902,854],{},[1738,1904,1905],{},[673,1906,1825],{},[1738,1908,1783],{},[1720,1910,1911,1915,1920],{},[1738,1912,1913],{},[673,1914,1641],{},[1738,1916,1917],{},[673,1918,1919],{},"Partial\u003CRecord\u003C'base' | 'leadingIcon' | 'trailingIcon', string | object>>",[1738,1921,1783],{},[656,1923,1925],{"id":1924},"slots","Slots",[1714,1927,1928,1940],{},[1717,1929,1930],{},[1720,1931,1932,1935,1937],{},[1723,1933,1934],{},"Slot",[1723,1936,1614],{},[1723,1938,1939],{},"Description",[1733,1941,1942,1956],{},[1720,1943,1944,1948,1953],{},[1738,1945,1946],{},[673,1947,709],{},[1738,1949,1950],{},[673,1951,1952],{},"{ class }",[1738,1954,1955],{},"Replaces the leading icon entirely; the scoped class carries the icon's resolved size classes",[1720,1957,1958,1963,1967],{},[1738,1959,1960],{},[673,1961,1962],{},"trailing-icon",[1738,1964,1965],{},[673,1966,1952],{},[1738,1968,1969],{},"Replaces the trailing icon entirely; the scoped class carries the icon's resolved size classes",[1971,1972,1973],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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 .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":728,"searchDepth":957,"depth":957,"links":1975},[1976,1993,1994],{"id":658,"depth":764,"text":659,"children":1977},[1978,1979,1980,1981,1982,1983,1984,1985,1986,1987,1988,1989,1990,1992],{"id":667,"depth":957,"text":668},{"id":694,"depth":957,"text":695},{"id":704,"depth":957,"text":42},{"id":786,"depth":957,"text":787},{"id":854,"depth":957,"text":855},{"id":687,"depth":957,"text":903},{"id":1005,"depth":957,"text":1006},{"id":1107,"depth":957,"text":1108},{"id":1395,"depth":957,"text":1396},{"id":1466,"depth":957,"text":144},{"id":1581,"depth":957,"text":1582},{"id":1590,"depth":957,"text":1591},{"id":1618,"depth":957,"text":1991},"Custom :ui",{"id":1676,"depth":957,"text":810},{"id":1712,"depth":764,"text":1614},{"id":1924,"depth":764,"text":1925},"A clickable action element with color, variant and size options.",{},{"title":135,"description":1995},"0ebZYwEu1B6lgJkN3hZHdBP4D_-HAfh0BttsebKN9Fk",1792056123939]