[{"data":1,"prerenderedAt":2202},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Foverlays\u002Fdropdown":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":379,"aside":651,"body":652,"collapse":10,"description":2197,"editLink":651,"extension":2198,"icon":9,"issueLink":651,"meta":2199,"navBadges":9,"navigation":9,"order":382,"path":380,"prevNext":651,"seo":2200,"stem":381,"toc":651,"__hash__":2201},"docs\u002Fcomponents\u002Foverlays\u002Fdropdown.md",true,{"type":653,"value":654,"toc":2181},"minimark",[655,660,664,830,857,862,875,878,1159,1166,1234,1238,1256,1259,1492,1506,1510,1523,1526,1615,1619,1625,1628,1713,1717,1726,1729,1821,1825,1832,1835,1839,1879,1886,1889,1893,1897,1919,1980,1984,2006,2118,2132,2136,2177],[656,657,659],"h2",{"id":658},"usage","Usage",[661,662],"component-example",{"name":663},"dropdown-basic",[665,666,671],"pre",{"className":667,"code":668,"language":669,"meta":670,"style":670},"language-vue shiki shiki-themes github-light github-dark","\u003Ctemplate>\n  \u003CSDropdown\n    :items=\"[\n      [{ label: 'Edit', icon: 'hugeicons:pencil' }, { label: 'Duplicate', icon: 'hugeicons:copy' }],\n      [{ label: 'Delete', icon: 'hugeicons:delete-02' }],\n    ]\"\n  >\n    \u003CSButton variant=\"outline\">\n      Open dropdown\n    \u003C\u002FSButton>\n  \u003C\u002FSDropdown>\n\u003C\u002Ftemplate>\n","vue","",[672,673,674,689,698,718,747,762,771,777,796,802,811,821],"code",{"__ignoreMap":670},[675,676,678,682,686],"span",{"class":677,"line":8},"line",[675,679,681],{"class":680},"sVt8B","\u003C",[675,683,685],{"class":684},"s9eBZ","template",[675,687,688],{"class":680},">\n",[675,690,692,695],{"class":677,"line":691},2,[675,693,694],{"class":680},"  \u003C",[675,696,697],{"class":684},"SDropdown\n",[675,699,701,704,708,711,715],{"class":677,"line":700},3,[675,702,703],{"class":680},"    :",[675,705,707],{"class":706},"sScJk","items",[675,709,710],{"class":680},"=",[675,712,714],{"class":713},"sZZnC","\"",[675,716,717],{"class":680},"[\n",[675,719,721,724,727,730,733,736,739,741,744],{"class":677,"line":720},4,[675,722,723],{"class":680},"      [{ label: ",[675,725,726],{"class":713},"'Edit'",[675,728,729],{"class":680},", icon: ",[675,731,732],{"class":713},"'hugeicons:pencil'",[675,734,735],{"class":680}," }, { label: ",[675,737,738],{"class":713},"'Duplicate'",[675,740,729],{"class":680},[675,742,743],{"class":713},"'hugeicons:copy'",[675,745,746],{"class":680}," }],\n",[675,748,750,752,755,757,760],{"class":677,"line":749},5,[675,751,723],{"class":680},[675,753,754],{"class":713},"'Delete'",[675,756,729],{"class":680},[675,758,759],{"class":713},"'hugeicons:delete-02'",[675,761,746],{"class":680},[675,763,765,768],{"class":677,"line":764},6,[675,766,767],{"class":680},"    ]",[675,769,770],{"class":713},"\"\n",[675,772,774],{"class":677,"line":773},7,[675,775,776],{"class":680},"  >\n",[675,778,780,783,786,789,791,794],{"class":677,"line":779},8,[675,781,782],{"class":680},"    \u003C",[675,784,785],{"class":684},"SButton",[675,787,788],{"class":706}," variant",[675,790,710],{"class":680},[675,792,793],{"class":713},"\"outline\"",[675,795,688],{"class":680},[675,797,799],{"class":677,"line":798},9,[675,800,801],{"class":680},"      Open dropdown\n",[675,803,804,807,809],{"class":677,"line":13},[675,805,806],{"class":680},"    \u003C\u002F",[675,808,785],{"class":684},[675,810,688],{"class":680},[675,812,813,816,819],{"class":677,"line":147},[675,814,815],{"class":680},"  \u003C\u002F",[675,817,818],{"class":684},"SDropdown",[675,820,688],{"class":680},[675,822,823,826,828],{"class":677,"line":166},[675,824,825],{"class":680},"\u003C\u002F",[675,827,685],{"class":684},[675,829,688],{"class":680},[831,832,833,834,837,838,841,842,6,845,848,849,852,853,856],"p",{},"Items are an array of groups — a separator is rendered between each group.\nItems can run ",[672,835,836],{},"onSelect"," actions or navigate through ",[672,839,840],{},"to"," (including\nexternal URLs, with ",[672,843,844],{},"target",[672,846,847],{},"rel"," when needed). ",[672,850,851],{},"shortcut"," renders a Kbd\nhint; set ",[672,854,855],{},"hotkey: true"," to bind it while the dropdown is open.",[858,859,861],"h3",{"id":860},"groups-and-separators","Groups and separators",[831,863,864,866,867,870,871,874],{},[672,865,707],{}," is a ",[672,868,869],{},"DropdownItem[][]",": each inner array is one group. Selaras adds a\nseparator between groups; items in the same group have no separator between them.\nThere is no separate ",[672,872,873],{},"type: 'separator'"," item in this API. Split the items into\nanother inner array wherever a boundary belongs.",[661,876],{"name":877},"dropdown-groups",[665,879,881],{"className":667,"code":880,"language":669,"meta":670,"style":670},"\u003Cscript setup lang=\"ts\">\nconst lastAction = ref('')\nconst profile = { label: 'Profile', onSelect: () => lastAction.value = 'Profile selected' }\nconst signOut = { label: 'Sign out', onSelect: () => lastAction.value = 'Sign out selected' }\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003C!-- Two groups: a separator appears between Profile and Sign out. -->\n  \u003CSDropdown :items=\"[[profile], [signOut]]\">\n    \u003CSButton variant=\"outline\">\n      Two groups\n    \u003C\u002FSButton>\n  \u003C\u002FSDropdown>\n\n  \u003C!-- One group: no separator appears between the two items. -->\n  \u003CSDropdown :items=\"[[profile, signOut]]\">\n    \u003CSButton variant=\"outline\">\n      One group\n    \u003C\u002FSButton>\n  \u003C\u002FSDropdown>\n\u003C\u002Ftemplate>\n",[672,882,883,903,928,965,996,1004,1009,1017,1023,1045,1059,1064,1072,1081,1086,1091,1113,1128,1134,1143,1151],{"__ignoreMap":670},[675,884,885,887,890,893,896,898,901],{"class":677,"line":8},[675,886,681],{"class":680},[675,888,889],{"class":684},"script",[675,891,892],{"class":706}," setup",[675,894,895],{"class":706}," lang",[675,897,710],{"class":680},[675,899,900],{"class":713},"\"ts\"",[675,902,688],{"class":680},[675,904,905,909,913,916,919,922,925],{"class":677,"line":691},[675,906,908],{"class":907},"szBVR","const",[675,910,912],{"class":911},"sj4cs"," lastAction",[675,914,915],{"class":907}," =",[675,917,918],{"class":706}," ref",[675,920,921],{"class":680},"(",[675,923,924],{"class":713},"''",[675,926,927],{"class":680},")\n",[675,929,930,932,935,937,940,943,946,948,951,954,957,959,962],{"class":677,"line":700},[675,931,908],{"class":907},[675,933,934],{"class":911}," profile",[675,936,915],{"class":907},[675,938,939],{"class":680}," { label: ",[675,941,942],{"class":713},"'Profile'",[675,944,945],{"class":680},", ",[675,947,836],{"class":706},[675,949,950],{"class":680},": () ",[675,952,953],{"class":907},"=>",[675,955,956],{"class":680}," lastAction.value ",[675,958,710],{"class":907},[675,960,961],{"class":713}," 'Profile selected'",[675,963,964],{"class":680}," }\n",[675,966,967,969,972,974,976,979,981,983,985,987,989,991,994],{"class":677,"line":720},[675,968,908],{"class":907},[675,970,971],{"class":911}," signOut",[675,973,915],{"class":907},[675,975,939],{"class":680},[675,977,978],{"class":713},"'Sign out'",[675,980,945],{"class":680},[675,982,836],{"class":706},[675,984,950],{"class":680},[675,986,953],{"class":907},[675,988,956],{"class":680},[675,990,710],{"class":907},[675,992,993],{"class":713}," 'Sign out selected'",[675,995,964],{"class":680},[675,997,998,1000,1002],{"class":677,"line":749},[675,999,825],{"class":680},[675,1001,889],{"class":684},[675,1003,688],{"class":680},[675,1005,1006],{"class":677,"line":764},[675,1007,1008],{"emptyLinePlaceholder":651},"\n",[675,1010,1011,1013,1015],{"class":677,"line":773},[675,1012,681],{"class":680},[675,1014,685],{"class":684},[675,1016,688],{"class":680},[675,1018,1019],{"class":677,"line":779},[675,1020,1022],{"class":1021},"sJ8bj","  \u003C!-- Two groups: a separator appears between Profile and Sign out. -->\n",[675,1024,1025,1027,1029,1032,1034,1036,1038,1041,1043],{"class":677,"line":798},[675,1026,694],{"class":680},[675,1028,818],{"class":684},[675,1030,1031],{"class":680}," :",[675,1033,707],{"class":706},[675,1035,710],{"class":680},[675,1037,714],{"class":713},[675,1039,1040],{"class":680},"[[profile], [signOut]]",[675,1042,714],{"class":713},[675,1044,688],{"class":680},[675,1046,1047,1049,1051,1053,1055,1057],{"class":677,"line":13},[675,1048,782],{"class":680},[675,1050,785],{"class":684},[675,1052,788],{"class":706},[675,1054,710],{"class":680},[675,1056,793],{"class":713},[675,1058,688],{"class":680},[675,1060,1061],{"class":677,"line":147},[675,1062,1063],{"class":680},"      Two groups\n",[675,1065,1066,1068,1070],{"class":677,"line":166},[675,1067,806],{"class":680},[675,1069,785],{"class":684},[675,1071,688],{"class":680},[675,1073,1075,1077,1079],{"class":677,"line":1074},13,[675,1076,815],{"class":680},[675,1078,818],{"class":684},[675,1080,688],{"class":680},[675,1082,1084],{"class":677,"line":1083},14,[675,1085,1008],{"emptyLinePlaceholder":651},[675,1087,1088],{"class":677,"line":615},[675,1089,1090],{"class":1021},"  \u003C!-- One group: no separator appears between the two items. -->\n",[675,1092,1094,1096,1098,1100,1102,1104,1106,1109,1111],{"class":677,"line":1093},16,[675,1095,694],{"class":680},[675,1097,818],{"class":684},[675,1099,1031],{"class":680},[675,1101,707],{"class":706},[675,1103,710],{"class":680},[675,1105,714],{"class":713},[675,1107,1108],{"class":680},"[[profile, signOut]]",[675,1110,714],{"class":713},[675,1112,688],{"class":680},[675,1114,1116,1118,1120,1122,1124,1126],{"class":677,"line":1115},17,[675,1117,782],{"class":680},[675,1119,785],{"class":684},[675,1121,788],{"class":706},[675,1123,710],{"class":680},[675,1125,793],{"class":713},[675,1127,688],{"class":680},[675,1129,1131],{"class":677,"line":1130},18,[675,1132,1133],{"class":680},"      One group\n",[675,1135,1137,1139,1141],{"class":677,"line":1136},19,[675,1138,806],{"class":680},[675,1140,785],{"class":684},[675,1142,688],{"class":680},[675,1144,1145,1147,1149],{"class":677,"line":30},[675,1146,815],{"class":680},[675,1148,818],{"class":684},[675,1150,688],{"class":680},[675,1152,1153,1155,1157],{"class":677,"line":235},[675,1154,825],{"class":680},[675,1156,685],{"class":684},[675,1158,688],{"class":680},[831,1160,1161,1162,1165],{},"Use ",[672,1163,1164],{},"ui.separator"," to change the separator's styling. This applies to the\nanchored menu and the adaptive mobile modal:",[665,1167,1171],{"className":1168,"code":1169,"language":1170,"meta":670,"style":670},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSDropdown :items=\"[[profile], [signOut]]\" :ui=\"{ separator: 'my-2' }\">\n  \u003CSButton>Account\u003C\u002FSButton>\n\u003C\u002FSDropdown>\n","vue-html",[672,1172,1173,1213,1226],{"__ignoreMap":670},[675,1174,1175,1177,1179,1181,1183,1185,1187,1189,1191,1193,1196,1198,1200,1203,1206,1209,1211],{"class":677,"line":8},[675,1176,681],{"class":680},[675,1178,818],{"class":684},[675,1180,1031],{"class":680},[675,1182,707],{"class":706},[675,1184,710],{"class":680},[675,1186,714],{"class":713},[675,1188,1040],{"class":680},[675,1190,714],{"class":713},[675,1192,1031],{"class":680},[675,1194,1195],{"class":706},"ui",[675,1197,710],{"class":680},[675,1199,714],{"class":713},[675,1201,1202],{"class":680},"{ separator: ",[675,1204,1205],{"class":713},"'my-2'",[675,1207,1208],{"class":680}," }",[675,1210,714],{"class":713},[675,1212,688],{"class":680},[675,1214,1215,1217,1219,1222,1224],{"class":677,"line":691},[675,1216,694],{"class":680},[675,1218,785],{"class":684},[675,1220,1221],{"class":680},">Account\u003C\u002F",[675,1223,785],{"class":684},[675,1225,688],{"class":680},[675,1227,1228,1230,1232],{"class":677,"line":700},[675,1229,825],{"class":680},[675,1231,818],{"class":684},[675,1233,688],{"class":680},[858,1235,1237],{"id":1236},"shortcuts-and-links","Shortcuts and links",[831,1239,1240,1242,1243,1245,1246,1249,1250,1252,1253,1255],{},[672,1241,851],{}," only displays the hint. Add ",[672,1244,855],{}," to activate the item\nwith that key while this dropdown is open. Use ",[672,1247,1248],{},"mod"," for the platform's\nprimary modifier (⌘ on macOS, Ctrl elsewhere). Items with ",[672,1251,840],{}," navigate as\nlinks by mouse, keyboard selection, or shortcut; action items call\n",[672,1254,836],{}," through the same selection path.",[661,1257],{"name":1258},"dropdown-shortcuts",[665,1260,1262],{"className":667,"code":1261,"language":669,"meta":670,"style":670},"\u003Cscript setup lang=\"ts\">\nconst lastAction = ref('')\nconst items = [[\n  { label: 'Save draft', icon: 'hugeicons:floppy-disk', shortcut: 'mod+s', hotkey: true, onSelect: () => lastAction.value = 'Saved draft' },\n  { label: 'Preview', shortcut: 'mod+p', onSelect: () => lastAction.value = 'Preview opened' },\n  { label: 'Documentation', to: '\u002Fcomponents\u002Foverlays\u002Fcontext-menu', shortcut: 'mod+shift+d', hotkey: true },\n]]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSDropdown :items=\"items\">\n    \u003CSButton variant=\"outline\">\n      Open actions\n    \u003C\u002FSButton>\n  \u003C\u002FSDropdown>\n\u003C\u002Ftemplate>\n",[672,1263,1264,1280,1296,1308,1351,1380,1404,1409,1417,1421,1429,1449,1463,1468,1476,1484],{"__ignoreMap":670},[675,1265,1266,1268,1270,1272,1274,1276,1278],{"class":677,"line":8},[675,1267,681],{"class":680},[675,1269,889],{"class":684},[675,1271,892],{"class":706},[675,1273,895],{"class":706},[675,1275,710],{"class":680},[675,1277,900],{"class":713},[675,1279,688],{"class":680},[675,1281,1282,1284,1286,1288,1290,1292,1294],{"class":677,"line":691},[675,1283,908],{"class":907},[675,1285,912],{"class":911},[675,1287,915],{"class":907},[675,1289,918],{"class":706},[675,1291,921],{"class":680},[675,1293,924],{"class":713},[675,1295,927],{"class":680},[675,1297,1298,1300,1303,1305],{"class":677,"line":700},[675,1299,908],{"class":907},[675,1301,1302],{"class":911}," items",[675,1304,915],{"class":907},[675,1306,1307],{"class":680}," [[\n",[675,1309,1310,1313,1316,1318,1321,1324,1327,1330,1333,1335,1337,1339,1341,1343,1345,1348],{"class":677,"line":720},[675,1311,1312],{"class":680},"  { label: ",[675,1314,1315],{"class":713},"'Save draft'",[675,1317,729],{"class":680},[675,1319,1320],{"class":713},"'hugeicons:floppy-disk'",[675,1322,1323],{"class":680},", shortcut: ",[675,1325,1326],{"class":713},"'mod+s'",[675,1328,1329],{"class":680},", hotkey: ",[675,1331,1332],{"class":911},"true",[675,1334,945],{"class":680},[675,1336,836],{"class":706},[675,1338,950],{"class":680},[675,1340,953],{"class":907},[675,1342,956],{"class":680},[675,1344,710],{"class":907},[675,1346,1347],{"class":713}," 'Saved draft'",[675,1349,1350],{"class":680}," },\n",[675,1352,1353,1355,1358,1360,1363,1365,1367,1369,1371,1373,1375,1378],{"class":677,"line":749},[675,1354,1312],{"class":680},[675,1356,1357],{"class":713},"'Preview'",[675,1359,1323],{"class":680},[675,1361,1362],{"class":713},"'mod+p'",[675,1364,945],{"class":680},[675,1366,836],{"class":706},[675,1368,950],{"class":680},[675,1370,953],{"class":907},[675,1372,956],{"class":680},[675,1374,710],{"class":907},[675,1376,1377],{"class":713}," 'Preview opened'",[675,1379,1350],{"class":680},[675,1381,1382,1384,1387,1390,1393,1395,1398,1400,1402],{"class":677,"line":764},[675,1383,1312],{"class":680},[675,1385,1386],{"class":713},"'Documentation'",[675,1388,1389],{"class":680},", to: ",[675,1391,1392],{"class":713},"'\u002Fcomponents\u002Foverlays\u002Fcontext-menu'",[675,1394,1323],{"class":680},[675,1396,1397],{"class":713},"'mod+shift+d'",[675,1399,1329],{"class":680},[675,1401,1332],{"class":911},[675,1403,1350],{"class":680},[675,1405,1406],{"class":677,"line":773},[675,1407,1408],{"class":680},"]]\n",[675,1410,1411,1413,1415],{"class":677,"line":779},[675,1412,825],{"class":680},[675,1414,889],{"class":684},[675,1416,688],{"class":680},[675,1418,1419],{"class":677,"line":798},[675,1420,1008],{"emptyLinePlaceholder":651},[675,1422,1423,1425,1427],{"class":677,"line":13},[675,1424,681],{"class":680},[675,1426,685],{"class":684},[675,1428,688],{"class":680},[675,1430,1431,1433,1435,1437,1439,1441,1443,1445,1447],{"class":677,"line":147},[675,1432,694],{"class":680},[675,1434,818],{"class":684},[675,1436,1031],{"class":680},[675,1438,707],{"class":706},[675,1440,710],{"class":680},[675,1442,714],{"class":713},[675,1444,707],{"class":680},[675,1446,714],{"class":713},[675,1448,688],{"class":680},[675,1450,1451,1453,1455,1457,1459,1461],{"class":677,"line":166},[675,1452,782],{"class":680},[675,1454,785],{"class":684},[675,1456,788],{"class":706},[675,1458,710],{"class":680},[675,1460,793],{"class":713},[675,1462,688],{"class":680},[675,1464,1465],{"class":677,"line":1074},[675,1466,1467],{"class":680},"      Open actions\n",[675,1469,1470,1472,1474],{"class":677,"line":1083},[675,1471,806],{"class":680},[675,1473,785],{"class":684},[675,1475,688],{"class":680},[675,1477,1478,1480,1482],{"class":677,"line":615},[675,1479,815],{"class":680},[675,1481,818],{"class":684},[675,1483,688],{"class":680},[675,1485,1486,1488,1490],{"class":677,"line":1093},[675,1487,825],{"class":680},[675,1489,685],{"class":684},[675,1491,688],{"class":680},[831,1493,1494,1495,1498,1499,1501,1502,1505],{},"In this example, ",[672,1496,1497],{},"Save draft"," and ",[672,1500,544],{}," respond to their shortcuts;\n",[672,1503,1504],{},"Preview"," shows a hint only. Open the dropdown before pressing a menu shortcut.",[858,1507,1509],{"id":1508},"custom-item-content","Custom item content",[831,1511,1512,1513,1516,1517,1519,1520,1522],{},"The ",[672,1514,1515],{},"item"," slot replaces an item's plain-text label with anything,\nscoped with ",[672,1518,1515],{},", so a single template can vary per item. The component\ncontinues to render ",[672,1521,851],{}," after the slot content automatically:",[661,1524],{"name":1525},"dropdown-custom-item",[665,1527,1529],{"className":1168,"code":1528,"language":1170,"meta":670,"style":670},"\u003CSDropdown :items=\"items\">\n  \u003Ctemplate #item=\"{ item }\">\n    \u003Cspan class=\"flex-1\">{{ item.label }}\u003C\u002Fspan>\n  \u003C\u002Ftemplate>\n  ...\n\u003C\u002FSDropdown>\n",[672,1530,1531,1551,1573,1594,1602,1607],{"__ignoreMap":670},[675,1532,1533,1535,1537,1539,1541,1543,1545,1547,1549],{"class":677,"line":8},[675,1534,681],{"class":680},[675,1536,818],{"class":684},[675,1538,1031],{"class":680},[675,1540,707],{"class":706},[675,1542,710],{"class":680},[675,1544,714],{"class":713},[675,1546,707],{"class":680},[675,1548,714],{"class":713},[675,1550,688],{"class":680},[675,1552,1553,1555,1557,1560,1562,1564,1566,1569,1571],{"class":677,"line":691},[675,1554,694],{"class":680},[675,1556,685],{"class":684},[675,1558,1559],{"class":680}," #",[675,1561,1515],{"class":706},[675,1563,710],{"class":680},[675,1565,714],{"class":713},[675,1567,1568],{"class":680},"{ item }",[675,1570,714],{"class":713},[675,1572,688],{"class":680},[675,1574,1575,1577,1579,1582,1584,1587,1590,1592],{"class":677,"line":700},[675,1576,782],{"class":680},[675,1578,675],{"class":684},[675,1580,1581],{"class":706}," class",[675,1583,710],{"class":680},[675,1585,1586],{"class":713},"\"flex-1\"",[675,1588,1589],{"class":680},">{{ item.label }}\u003C\u002F",[675,1591,675],{"class":684},[675,1593,688],{"class":680},[675,1595,1596,1598,1600],{"class":677,"line":720},[675,1597,815],{"class":680},[675,1599,685],{"class":684},[675,1601,688],{"class":680},[675,1603,1604],{"class":677,"line":749},[675,1605,1606],{"class":680},"  ...\n",[675,1608,1609,1611,1613],{"class":677,"line":764},[675,1610,825],{"class":680},[675,1612,818],{"class":684},[675,1614,688],{"class":680},[858,1616,1618],{"id":1617},"destructive-items","Destructive items",[831,1620,1621,1624],{},[672,1622,1623],{},"destructive: true"," styles an item for a delete\u002Fremove-style action\n(danger text, danger-tinted hover) - just this one flag rather than a\nfull color choice, since a menu item realistically only ever needs this\none special case:",[661,1626],{"name":1627},"dropdown-destructive",[665,1629,1631],{"className":1168,"code":1630,"language":1170,"meta":670,"style":670},"\u003CSDropdown\n  :items=\"[\n    [{ label: 'Edit', icon: 'hugeicons:pencil' }, { label: 'Duplicate', icon: 'hugeicons:copy' }],\n    [{ label: 'Delete', icon: 'hugeicons:delete-02', destructive: true }],\n  ]\"\n>\n  ...\n\u003C\u002FSDropdown>\n",[672,1632,1633,1639,1652,1673,1690,1697,1701,1705],{"__ignoreMap":670},[675,1634,1635,1637],{"class":677,"line":8},[675,1636,681],{"class":680},[675,1638,697],{"class":684},[675,1640,1641,1644,1646,1648,1650],{"class":677,"line":691},[675,1642,1643],{"class":680},"  :",[675,1645,707],{"class":706},[675,1647,710],{"class":680},[675,1649,714],{"class":713},[675,1651,717],{"class":680},[675,1653,1654,1657,1659,1661,1663,1665,1667,1669,1671],{"class":677,"line":700},[675,1655,1656],{"class":680},"    [{ label: ",[675,1658,726],{"class":713},[675,1660,729],{"class":680},[675,1662,732],{"class":713},[675,1664,735],{"class":680},[675,1666,738],{"class":713},[675,1668,729],{"class":680},[675,1670,743],{"class":713},[675,1672,746],{"class":680},[675,1674,1675,1677,1679,1681,1683,1686,1688],{"class":677,"line":720},[675,1676,1656],{"class":680},[675,1678,754],{"class":713},[675,1680,729],{"class":680},[675,1682,759],{"class":713},[675,1684,1685],{"class":680},", destructive: ",[675,1687,1332],{"class":911},[675,1689,746],{"class":680},[675,1691,1692,1695],{"class":677,"line":749},[675,1693,1694],{"class":680},"  ]",[675,1696,770],{"class":713},[675,1698,1699],{"class":677,"line":764},[675,1700,688],{"class":680},[675,1702,1703],{"class":677,"line":773},[675,1704,1606],{"class":680},[675,1706,1707,1709,1711],{"class":677,"line":779},[675,1708,825],{"class":680},[675,1710,818],{"class":684},[675,1712,688],{"class":680},[858,1714,1716],{"id":1715},"arrow","Arrow",[831,1718,1719,1721,1722,1725],{},[672,1720,1715],{}," shows a small pointer triangle connecting the menu to its trigger.\nPass an object to configure its width, height, rounded tip, or corner\nclearance (",[672,1723,1724],{},"padding","):",[661,1727],{"name":1728},"dropdown-arrow",[665,1730,1732],{"className":1168,"code":1731,"language":1170,"meta":670,"style":670},"\u003CSDropdown :items=\"items\" arrow>...\u003C\u002FSDropdown>\n\u003CSDropdown :items=\"items\" :arrow=\"{ width: 16, height: 8, rounded: true, padding: 12 }\">...\u003C\u002FSDropdown>\n",[672,1733,1734,1762],{"__ignoreMap":670},[675,1735,1736,1738,1740,1742,1744,1746,1748,1750,1752,1755,1758,1760],{"class":677,"line":8},[675,1737,681],{"class":680},[675,1739,818],{"class":684},[675,1741,1031],{"class":680},[675,1743,707],{"class":706},[675,1745,710],{"class":680},[675,1747,714],{"class":713},[675,1749,707],{"class":680},[675,1751,714],{"class":713},[675,1753,1754],{"class":706}," arrow",[675,1756,1757],{"class":680},">...\u003C\u002F",[675,1759,818],{"class":684},[675,1761,688],{"class":680},[675,1763,1764,1766,1768,1770,1772,1774,1776,1778,1780,1782,1784,1786,1788,1791,1794,1797,1800,1803,1805,1808,1811,1813,1815,1817,1819],{"class":677,"line":691},[675,1765,681],{"class":680},[675,1767,818],{"class":684},[675,1769,1031],{"class":680},[675,1771,707],{"class":706},[675,1773,710],{"class":680},[675,1775,714],{"class":713},[675,1777,707],{"class":680},[675,1779,714],{"class":713},[675,1781,1031],{"class":680},[675,1783,1715],{"class":706},[675,1785,710],{"class":680},[675,1787,714],{"class":713},[675,1789,1790],{"class":680},"{ width: ",[675,1792,1793],{"class":911},"16",[675,1795,1796],{"class":680},", height: ",[675,1798,1799],{"class":911},"8",[675,1801,1802],{"class":680},", rounded: ",[675,1804,1332],{"class":911},[675,1806,1807],{"class":680},", padding: ",[675,1809,1810],{"class":911},"12",[675,1812,1208],{"class":680},[675,1814,714],{"class":713},[675,1816,1757],{"class":680},[675,1818,818],{"class":684},[675,1820,688],{"class":680},[858,1822,1824],{"id":1823},"adaptive-mobile-presentation","Adaptive mobile presentation",[831,1826,1827,1828,1831],{},"Set ",[672,1829,1830],{},"adaptive"," to show the action list in a modal on small screens while\nkeeping the anchored menu on larger screens. This is opt-in; links, action\nhandlers, groups, item slots, and shortcut hints work in either presentation.\nThe modal uses normal buttons and links, so touch users get larger targets and\nkeyboard users can move through actions with Tab. Escape and the backdrop close\nit and return focus to the trigger.",[661,1833],{"name":1834},"dropdown-adaptive",[858,1836,1838],{"id":1837},"accessibility","Accessibility",[831,1840,1841,1842,6,1845,1848,1849,1852,1853,1856,1857,6,1861,1864,1865,6,1868,1871,1872,1875,1876,1878],{},"Dropdown renders Reka UI's DropdownMenu primitive, so the accessibility\nsemantics come from there rather than being reimplemented here: the\ntrigger exposes ",[672,1843,1844],{},"aria-haspopup",[672,1846,1847],{},"aria-expanded",", the menu itself is\n",[672,1850,1851],{},"role=\"menu\""," with each item as ",[672,1854,1855],{},"role=\"menuitem\"",",\n",[1858,1859,1860],"kbd",{},"↑",[1858,1862,1863],{},"↓"," move between items (wrapping past either end),\ntyping a letter jumps to the next matching item, and\n",[1858,1866,1867],{},"Enter",[1858,1869,1870],{},"Space"," selects the highlighted one -\n",[1858,1873,1874],{},"Escape"," or an outside click closes the menu and returns focus\nto the trigger. With ",[672,1877,1830],{}," on a small screen, the action list becomes a\ndialog containing native links and buttons; focus follows the dialog's normal\nTab order instead of menu arrow-key navigation.",[858,1880,1882,1883],{"id":1881},"custom-ui","Custom ",[672,1884,1885],{},":ui",[831,1887,1888],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's the menu's own theme file:",[1890,1891],"theme-source",{"name":1892},"dropdown",[858,1894,1896],{"id":1895},"positioning-and-portal","Positioning and portal",[831,1898,1161,1899,1902,1903,1906,1907,1910,1911,1914,1915,1918],{},[672,1900,1901],{},"positioning"," for the menu's side, alignment, offsets, and collision\nbehavior. ",[672,1904,1905],{},"portal"," defaults to the document body; set it to ",[672,1908,1909],{},"false"," to render\ninline or pass a CSS selector or ",[672,1912,1913],{},"HTMLElement"," as the teleport target.\n",[672,1916,1917],{},"ui.content"," remains the styling override.",[665,1920,1922],{"className":1168,"code":1921,"language":1170,"meta":670,"style":670},"\u003CSDropdown :items=\"items\" :positioning=\"{ side: 'top', align: 'end' }\" portal=\"#overlay-root\">...\u003C\u002FSDropdown>\n",[672,1923,1924],{"__ignoreMap":670},[675,1925,1926,1928,1930,1932,1934,1936,1938,1940,1942,1944,1946,1948,1950,1953,1956,1959,1962,1964,1966,1969,1971,1974,1976,1978],{"class":677,"line":8},[675,1927,681],{"class":680},[675,1929,818],{"class":684},[675,1931,1031],{"class":680},[675,1933,707],{"class":706},[675,1935,710],{"class":680},[675,1937,714],{"class":713},[675,1939,707],{"class":680},[675,1941,714],{"class":713},[675,1943,1031],{"class":680},[675,1945,1901],{"class":706},[675,1947,710],{"class":680},[675,1949,714],{"class":713},[675,1951,1952],{"class":680},"{ side: ",[675,1954,1955],{"class":713},"'top'",[675,1957,1958],{"class":680},", align: ",[675,1960,1961],{"class":713},"'end'",[675,1963,1208],{"class":680},[675,1965,714],{"class":713},[675,1967,1968],{"class":706}," portal",[675,1970,710],{"class":680},[675,1972,1973],{"class":713},"\"#overlay-root\"",[675,1975,1757],{"class":680},[675,1977,818],{"class":684},[675,1979,688],{"class":680},[656,1981,1983],{"id":1982},"props","Props",[831,1985,1986,1987,1989,1990,1994,1995,1997,1998,1498,2000,2002,2003,2005],{},"For the ",[672,1988,707],{}," array shape, see ",[1991,1992,861],"a",{"href":1993},"#groups-and-separators",".\nFor link items, use ",[672,1996,840],{}," with optional ",[672,1999,844],{},[672,2001,847],{},". Shortcut hints\nare display-only unless ",[672,2004,855],{}," is set.",[2007,2008,2009,2025],"table",{},[2010,2011,2012],"thead",{},[2013,2014,2015,2019,2022],"tr",{},[2016,2017,2018],"th",{},"Prop",[2016,2020,2021],{},"Type",[2016,2023,2024],{},"Default",[2026,2027,2028,2045,2060,2074,2090,2105],"tbody",{},[2013,2029,2030,2037,2042],{},[2031,2032,2033],"td",{},[1991,2034,2035],{"href":1993},[672,2036,707],{},[2031,2038,2039],{},[672,2040,2041],{},"{ label: string; icon?: string; disabled?: boolean; destructive?: boolean; onSelect?: () => void; to?: string; target?: string; rel?: string; shortcut?: string; hotkey?: boolean }[][]",[2031,2043,2044],{},"-",[2013,2046,2047,2051,2056],{},[2031,2048,2049],{},[672,2050,1715],{},[2031,2052,2053],{},[672,2054,2055],{},"boolean | RoundedArrowConfig",[2031,2057,2058],{},[672,2059,1909],{},[2013,2061,2062,2066,2071],{},[2031,2063,2064],{},[672,2065,1901],{},[2031,2067,2068],{},[672,2069,2070],{},"OverlayPositioning",[2031,2072,2073],{},"menu defaults",[2013,2075,2076,2080,2085],{},[2031,2077,2078],{},[672,2079,1905],{},[2031,2081,2082],{},[672,2083,2084],{},"boolean | string | HTMLElement",[2031,2086,2087,2089],{},[672,2088,1332],{}," (document body)",[2013,2091,2092,2096,2101],{},[2031,2093,2094],{},[672,2095,1830],{},[2031,2097,2098],{},[672,2099,2100],{},"boolean",[2031,2102,2103],{},[672,2104,1909],{},[2013,2106,2107,2111,2116],{},[2031,2108,2109],{},[672,2110,1195],{},[2031,2112,2113],{},[672,2114,2115],{},"Partial\u003CRecord\u003C'content' | 'item' | 'icon' | 'separator' | 'arrow' | 'mobileList' | 'mobileGroup', string | object>>",[2031,2117,2044],{},[831,2119,2120,2121,2124,2125,2128,2129,2131],{},"A ",[672,2122,2123],{},"class"," passed to ",[672,2126,2127],{},"\u003CSDropdown>"," is merged into its default-slot trigger element. Use ",[672,2130,1917],{}," to style the floating menu.",[656,2133,2135],{"id":2134},"slots","Slots",[2007,2137,2138,2150],{},[2010,2139,2140],{},[2013,2141,2142,2145,2147],{},[2016,2143,2144],{},"Slot",[2016,2146,1983],{},[2016,2148,2149],{},"Description",[2026,2151,2152,2164],{},[2013,2153,2154,2159,2161],{},[2031,2155,2156],{},[672,2157,2158],{},"default",[2031,2160,2044],{},[2031,2162,2163],{},"The trigger element",[2013,2165,2166,2170,2174],{},[2031,2167,2168],{},[672,2169,1515],{},[2031,2171,2172],{},[672,2173,1568],{},[2031,2175,2176],{},"Replaces an item's label content",[2178,2179,2180],"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}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":670,"searchDepth":700,"depth":700,"links":2182},[2183,2195,2196],{"id":658,"depth":691,"text":659,"children":2184},[2185,2186,2187,2188,2189,2190,2191,2192,2194],{"id":860,"depth":700,"text":861},{"id":1236,"depth":700,"text":1237},{"id":1508,"depth":700,"text":1509},{"id":1617,"depth":700,"text":1618},{"id":1715,"depth":700,"text":1716},{"id":1823,"depth":700,"text":1824},{"id":1837,"depth":700,"text":1838},{"id":1881,"depth":700,"text":2193},"Custom :ui",{"id":1895,"depth":700,"text":1896},{"id":1982,"depth":691,"text":1983},{"id":2134,"depth":691,"text":2135},"A menu of grouped actions built on Reka UI's DropdownMenu primitive.","md",{},{"title":379,"description":2197},"QI8SkCkleitxvhKek6hwx65McpPdjiLCv_dFApOKip8",1792071569014]