[{"data":1,"prerenderedAt":3132},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu":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":360,"aside":651,"body":652,"collapse":10,"description":3127,"editLink":651,"extension":3128,"icon":9,"meta":3129,"navBadges":9,"navigation":9,"order":363,"path":361,"prevNext":651,"seo":3130,"stem":362,"toc":651,"__hash__":3131},"docs\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu.md",true,{"type":653,"value":654,"toc":3105},"minimark",[655,660,672,676,772,776,783,786,827,831,838,841,915,924,931,934,967,971,981,984,1039,1061,1075,1079,1100,1103,1139,1142,1148,1151,1184,1187,1190,1194,1203,1206,1243,1247,1265,1363,1374,1387,1391,1404,1407,1527,1545,1587,1601,1621,1625,1635,1638,1671,1675,1680,1683,1711,1715,1729,1732,1767,1771,1791,1794,2016,2026,2030,2058,2061,2094,2098,2119,2137,2140,2300,2325,2409,2418,2537,2540,2547,2554,2560,2564,2568,2778,2783,2981,2985,3092,3101],[656,657,659],"h2",{"id":658},"usage","Usage",[661,662,663,667,668,671],"p",{},[664,665,666],"code",{},"items"," is a flat array - ",[664,669,670],{},"label"," is required, everything else is optional:",[673,674],"component-example",{"name":675},"navigation-menu-basic",[677,678,683],"pre",{"className":679,"code":680,"language":681,"meta":682,"style":682},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSNavigationMenu :items=\"[\n  { label: 'Home', to: '\u002F' },\n  { label: 'Docs', to: '\u002Fdocs' },\n  { label: 'Pricing', to: '\u002Fpricing' },\n]\" \u002F>\n","vue-html","",[664,684,685,713,731,746,761],{"__ignoreMap":682},[686,687,689,693,697,700,703,706,710],"span",{"class":688,"line":8},"line",[686,690,692],{"class":691},"sVt8B","\u003C",[686,694,696],{"class":695},"s9eBZ","SNavigationMenu",[686,698,699],{"class":691}," :",[686,701,666],{"class":702},"sScJk",[686,704,705],{"class":691},"=",[686,707,709],{"class":708},"sZZnC","\"",[686,711,712],{"class":691},"[\n",[686,714,716,719,722,725,728],{"class":688,"line":715},2,[686,717,718],{"class":691},"  { label: ",[686,720,721],{"class":708},"'Home'",[686,723,724],{"class":691},", to: ",[686,726,727],{"class":708},"'\u002F'",[686,729,730],{"class":691}," },\n",[686,732,734,736,739,741,744],{"class":688,"line":733},3,[686,735,718],{"class":691},[686,737,738],{"class":708},"'Docs'",[686,740,724],{"class":691},[686,742,743],{"class":708},"'\u002Fdocs'",[686,745,730],{"class":691},[686,747,749,751,754,756,759],{"class":688,"line":748},4,[686,750,718],{"class":691},[686,752,753],{"class":708},"'Pricing'",[686,755,724],{"class":691},[686,757,758],{"class":708},"'\u002Fpricing'",[686,760,730],{"class":691},[686,762,764,767,769],{"class":688,"line":763},5,[686,765,766],{"class":691},"]",[686,768,709],{"class":708},[686,770,771],{"class":691}," \u002F>\n",[773,774,42],"h3",{"id":775},"icons",[661,777,778,779,782],{},"Give an item an ",[664,780,781],{},"icon"," and it renders before its label:",[673,784],{"name":785},"navigation-menu-icons",[677,787,789],{"className":679,"code":788,"language":681,"meta":682,"style":682},"\u003CSNavigationMenu :items=\"[{ label: 'Home', icon: 'hugeicons:home-01', to: '\u002F' }]\" \u002F>\n",[664,790,791],{"__ignoreMap":682},[686,792,793,795,797,799,801,803,805,808,810,813,816,818,820,823,825],{"class":688,"line":8},[686,794,692],{"class":691},[686,796,696],{"class":695},[686,798,699],{"class":691},[686,800,666],{"class":702},[686,802,705],{"class":691},[686,804,709],{"class":708},[686,806,807],{"class":691},"[{ label: ",[686,809,721],{"class":708},[686,811,812],{"class":691},", icon: ",[686,814,815],{"class":708},"'hugeicons:home-01'",[686,817,724],{"class":691},[686,819,727],{"class":708},[686,821,822],{"class":691}," }]",[686,824,709],{"class":708},[686,826,771],{"class":691},[773,828,830],{"id":829},"with-children","With children",[661,832,833,834,837],{},"An item with ",[664,835,836],{},"children"," renders as a trigger instead of a link - clicking\n(or hovering) it opens a dropdown. Open dropdowns render in one shared\nviewport within the NavigationMenu. By default, the panel is a compact,\nsingle-column list beneath its active trigger. The viewport resizes as\nyou move between top-level items:",[673,839],{"name":840},"navigation-menu-children",[677,842,844],{"className":679,"code":843,"language":681,"meta":682,"style":682},"\u003CSNavigationMenu :items=\"[\n  { label: 'Products', children: [\n    { label: 'Analytics', to: '\u002Fcomponents\u002Fdata\u002Ftable' },\n    { label: 'Automation', to: '\u002Fcomponents\u002Fforms\u002Fvalidation' },\n  ] },\n]\" \u002F>\n",[664,845,846,862,872,887,901,906],{"__ignoreMap":682},[686,847,848,850,852,854,856,858,860],{"class":688,"line":8},[686,849,692],{"class":691},[686,851,696],{"class":695},[686,853,699],{"class":691},[686,855,666],{"class":702},[686,857,705],{"class":691},[686,859,709],{"class":708},[686,861,712],{"class":691},[686,863,864,866,869],{"class":688,"line":715},[686,865,718],{"class":691},[686,867,868],{"class":708},"'Products'",[686,870,871],{"class":691},", children: [\n",[686,873,874,877,880,882,885],{"class":688,"line":733},[686,875,876],{"class":691},"    { label: ",[686,878,879],{"class":708},"'Analytics'",[686,881,724],{"class":691},[686,883,884],{"class":708},"'\u002Fcomponents\u002Fdata\u002Ftable'",[686,886,730],{"class":691},[686,888,889,891,894,896,899],{"class":688,"line":748},[686,890,876],{"class":691},[686,892,893],{"class":708},"'Automation'",[686,895,724],{"class":691},[686,897,898],{"class":708},"'\u002Fcomponents\u002Fforms\u002Fvalidation'",[686,900,730],{"class":691},[686,902,903],{"class":688,"line":763},[686,904,905],{"class":691},"  ] },\n",[686,907,909,911,913],{"class":688,"line":908},6,[686,910,766],{"class":691},[686,912,709],{"class":708},[686,914,771],{"class":691},[661,916,917,918,923],{},"This is a single level of children only - Reka's own shared-viewport\ndropdown isn't built for deeper nesting. For an arbitrary-depth tree, use\n",[919,920,922],"a",{"href":921},"#vertical","Vertical"," instead.",[661,925,926,927,930],{},"For a wide, multi-column panel, set ",[664,928,929],{},"contentOrientation=\"horizontal\"",".\nThis example shows that layout with more items, children, and icons:",[673,932],{"name":933},"navigation-menu-full",[677,935,937],{"className":679,"code":936,"language":681,"meta":682,"style":682},"\u003CSNavigationMenu :items=\"items\" content-orientation=\"horizontal\" \u002F>\n",[664,938,939],{"__ignoreMap":682},[686,940,941,943,945,947,949,951,953,955,957,960,962,965],{"class":688,"line":8},[686,942,692],{"class":691},[686,944,696],{"class":695},[686,946,699],{"class":691},[686,948,666],{"class":702},[686,950,705],{"class":691},[686,952,709],{"class":708},[686,954,666],{"class":691},[686,956,709],{"class":708},[686,958,959],{"class":702}," content-orientation",[686,961,705],{"class":691},[686,963,964],{"class":708},"\"horizontal\"",[686,966,771],{"class":691},[773,968,970],{"id":969},"content-orientation-and-alignment","Content orientation and alignment",[661,972,973,974,977,978,980],{},"For a horizontal navigation bar, ",[664,975,976],{},"contentOrientation=\"vertical\""," is the\ndefault: a compact, single-column dropdown beneath its active trigger.\n",[664,979,929],{}," switches to a full-width, multi-column\ndropdown. The navigation bar itself stays horizontal in both layouts.",[673,982],{"name":983},"navigation-menu-content-orientation",[677,985,987],{"className":679,"code":986,"language":681,"meta":682,"style":682},"\u003CSNavigationMenu\n  :items=\"items\"\n  :positioning=\"{ align: 'start' }\"\n\u002F>\n",[664,988,989,996,1012,1034],{"__ignoreMap":682},[686,990,991,993],{"class":688,"line":8},[686,992,692],{"class":691},[686,994,995],{"class":695},"SNavigationMenu\n",[686,997,998,1001,1003,1005,1007,1009],{"class":688,"line":715},[686,999,1000],{"class":691},"  :",[686,1002,666],{"class":702},[686,1004,705],{"class":691},[686,1006,709],{"class":708},[686,1008,666],{"class":691},[686,1010,1011],{"class":708},"\"\n",[686,1013,1014,1016,1019,1021,1023,1026,1029,1032],{"class":688,"line":733},[686,1015,1000],{"class":691},[686,1017,1018],{"class":702},"positioning",[686,1020,705],{"class":691},[686,1022,709],{"class":708},[686,1024,1025],{"class":691},"{ align: ",[686,1027,1028],{"class":708},"'start'",[686,1030,1031],{"class":691}," }",[686,1033,1011],{"class":708},[686,1035,1036],{"class":688,"line":748},[686,1037,1038],{"class":691},"\u002F>\n",[661,1040,1041,1044,1045,1048,1049,1052,1053,1056,1057,1060],{},[664,1042,1043],{},"positioning.align"," accepts ",[664,1046,1047],{},"start",", ",[664,1050,1051],{},"center"," (the default), or ",[664,1054,1055],{},"end",".\nStart and end follow the reading direction, and the compact panel shifts\nat screen edges to stay visible. Use ",[664,1058,1059],{},"ui.content"," to customize its width;\nthe viewport measures each open panel and resizes with it.",[661,1062,1063,1064,1067,1068,1070,1071,1074],{},"These settings apply only to horizontal navigation; alignment affects\nonly its compact dropdown. They do not change vertical accordions or\ncollapsed sidebar flyouts. Configure those flyouts through ",[664,1065,1066],{},"popover",".\nNavigationMenu's ",[664,1069,1018],{}," currently supports only ",[664,1072,1073],{},"align",", rather than\nthe full set of positioning options available on Popover and Dropdown.",[773,1076,1078],{"id":1077},"active-item","Active item",[661,1080,1081,1082,1085,1086,1089,1090,1093,1094,1096,1097,1099],{},"An item whose ",[664,1083,1084],{},"to"," matches the current route is highlighted\nautomatically, via Reka's own real ",[664,1087,1088],{},"active"," link state (",[664,1091,1092],{},"aria-current=\"page\"","\nincluded, not just a class). ",[664,1095,1088],{}," on the item itself overrides the\nauto-detected value in either direction - useful for a route that doesn't\nmap cleanly to one item's ",[664,1098,1084],{},", or for a non-navigating item that should\nstill show as current:",[673,1101],{"name":1102},"navigation-menu-active",[677,1104,1106],{"className":679,"code":1105,"language":681,"meta":682,"style":682},"\u003CSNavigationMenu :items=\"[{ label: 'Docs', active: true }]\" \u002F>\n",[664,1107,1108],{"__ignoreMap":682},[686,1109,1110,1112,1114,1116,1118,1120,1122,1124,1126,1129,1133,1135,1137],{"class":688,"line":8},[686,1111,692],{"class":691},[686,1113,696],{"class":695},[686,1115,699],{"class":691},[686,1117,666],{"class":702},[686,1119,705],{"class":691},[686,1121,709],{"class":708},[686,1123,807],{"class":691},[686,1125,738],{"class":708},[686,1127,1128],{"class":691},", active: ",[686,1130,1132],{"class":1131},"sj4cs","true",[686,1134,822],{"class":691},[686,1136,709],{"class":708},[686,1138,771],{"class":691},[773,1140,922],{"id":1141},"vertical",[661,1143,1144,1147],{},[664,1145,1146],{},"orientation=\"vertical\""," switches to a top-to-bottom layout. Unlike\nhorizontal's single-level dropdown, vertical supports arbitrary-depth\nnesting - each level with children renders as its own collapsible\naccordion group, closed by default:",[673,1149],{"name":1150},"navigation-menu-vertical",[677,1152,1154],{"className":679,"code":1153,"language":681,"meta":682,"style":682},"\u003CSNavigationMenu :items=\"items\" orientation=\"vertical\" \u002F>\n",[664,1155,1156],{"__ignoreMap":682},[686,1157,1158,1160,1162,1164,1166,1168,1170,1172,1174,1177,1179,1182],{"class":688,"line":8},[686,1159,692],{"class":691},[686,1161,696],{"class":695},[686,1163,699],{"class":691},[686,1165,666],{"class":702},[686,1167,705],{"class":691},[686,1169,709],{"class":708},[686,1171,666],{"class":691},[686,1173,709],{"class":708},[686,1175,1176],{"class":702}," orientation",[686,1178,705],{"class":691},[686,1180,1181],{"class":708},"\"vertical\"",[686,1183,771],{"class":691},[661,1185,1186],{},"At a more realistic scale - a settings\u002Fdocs-style sidebar, three levels\ndeep, icons throughout, mixing leaf links with nested groups, plus an\nactive and a disabled item:",[673,1188],{"name":1189},"navigation-menu-vertical-full",[773,1191,1193],{"id":1192},"collapsed","Collapsed",[661,1195,1196,1198,1199,1202],{},[664,1197,1192],{}," (vertical only) shrinks every item down to just its own icon -\nan icon rail, the shape a sidebar nav commonly takes once collapsed. Labels\nstay in the DOM for assistive tech (",[664,1200,1201],{},"sr-only",", not removed), so this is\nCSS-only and doesn't change what a screen reader announces. A parent with\nchildren renders as a themed flyout trigger instead of an expandable\naccordion row - there's no room for a nested list in an icon rail, so its\nchildren surface in a small popover next to the icon instead, the same\npattern a collapsed sidebar commonly uses elsewhere:",[673,1204],{"name":1205},"navigation-menu-collapsed",[677,1207,1209],{"className":679,"code":1208,"language":681,"meta":682,"style":682},"\u003CSNavigationMenu :items=\"items\" orientation=\"vertical\" collapsed tooltip \u002F>\n",[664,1210,1211],{"__ignoreMap":682},[686,1212,1213,1215,1217,1219,1221,1223,1225,1227,1229,1231,1233,1235,1238,1241],{"class":688,"line":8},[686,1214,692],{"class":691},[686,1216,696],{"class":695},[686,1218,699],{"class":691},[686,1220,666],{"class":702},[686,1222,705],{"class":691},[686,1224,709],{"class":708},[686,1226,666],{"class":691},[686,1228,709],{"class":708},[686,1230,1176],{"class":702},[686,1232,705],{"class":691},[686,1234,1181],{"class":708},[686,1236,1237],{"class":702}," collapsed",[686,1239,1240],{"class":702}," tooltip",[686,1242,771],{"class":691},[773,1244,1246],{"id":1245},"collapsed-labels-and-flyouts","Collapsed labels and flyouts",[661,1248,1249,1250,1253,1254,1257,1258,1260,1261,1264],{},"Add ",[664,1251,1252],{},"tooltip"," to show a collapsed leaf's label on hover or keyboard focus.\nIts text defaults to ",[664,1255,1256],{},"ariaLabel",", then ",[664,1259,670],{},". Disabled items, group labels,\nand separators do not show tooltips. Expanded and horizontal menus are unaffected.\nWrap your application in ",[664,1262,1263],{},"SApp"," to provide the shared tooltip context.",[677,1266,1268],{"className":679,"code":1267,"language":681,"meta":682,"style":682},"\u003CSNavigationMenu\n  :items=\"items\"\n  orientation=\"vertical\"\n  collapsed\n  :tooltip=\"{ delayDuration: 150, arrow: false }\"\n  :popover=\"{ side: 'right', positioning: { sideOffset: 10 } }\"\n\u002F>\n",[664,1269,1270,1276,1290,1300,1305,1331,1358],{"__ignoreMap":682},[686,1271,1272,1274],{"class":688,"line":8},[686,1273,692],{"class":691},[686,1275,995],{"class":695},[686,1277,1278,1280,1282,1284,1286,1288],{"class":688,"line":715},[686,1279,1000],{"class":691},[686,1281,666],{"class":702},[686,1283,705],{"class":691},[686,1285,709],{"class":708},[686,1287,666],{"class":691},[686,1289,1011],{"class":708},[686,1291,1292,1295,1297],{"class":688,"line":733},[686,1293,1294],{"class":702},"  orientation",[686,1296,705],{"class":691},[686,1298,1299],{"class":708},"\"vertical\"\n",[686,1301,1302],{"class":688,"line":748},[686,1303,1304],{"class":702},"  collapsed\n",[686,1306,1307,1309,1311,1313,1315,1318,1321,1324,1327,1329],{"class":688,"line":763},[686,1308,1000],{"class":691},[686,1310,1252],{"class":702},[686,1312,705],{"class":691},[686,1314,709],{"class":708},[686,1316,1317],{"class":691},"{ delayDuration: ",[686,1319,1320],{"class":1131},"150",[686,1322,1323],{"class":691},", arrow: ",[686,1325,1326],{"class":1131},"false",[686,1328,1031],{"class":691},[686,1330,1011],{"class":708},[686,1332,1333,1335,1337,1339,1341,1344,1347,1350,1353,1356],{"class":688,"line":908},[686,1334,1000],{"class":691},[686,1336,1066],{"class":702},[686,1338,705],{"class":691},[686,1340,709],{"class":708},[686,1342,1343],{"class":691},"{ side: ",[686,1345,1346],{"class":708},"'right'",[686,1348,1349],{"class":691},", positioning: { sideOffset: ",[686,1351,1352],{"class":1131},"10",[686,1354,1355],{"class":691}," } }",[686,1357,1011],{"class":708},[686,1359,1361],{"class":688,"line":1360},7,[686,1362,1038],{"class":691},[661,1364,1365,1366,1369,1370,1373],{},"Use an item's ",[664,1367,1368],{},"tooltip: false"," to opt out, or an object such as\n",[664,1371,1372],{},"tooltip: { text: 'Account settings', side: 'left' }"," to override that item.\nGlobal and item tooltip settings are merged, with item settings taking priority.\nTooltips default to an immediate opening on the right in LTR and left in RTL.\nThe link remains the trigger, preserving navigation, shortcuts, and custom item slots.",[661,1375,1376,1377,1379,1380,1383,1384,1386],{},"Items with children keep their child flyout rather than adding a competing tooltip.\n",[664,1378,1066],{}," configures its side, alignment, positioning, portal, arrow, and ",[664,1381,1382],{},"ui",";\nan item's ",[664,1385,1066],{}," overrides the menu settings. Flyouts remain enabled and retain\nhover, click, and keyboard behavior. Their default side also follows text direction.",[773,1388,1390],{"id":1389},"labels-and-separators","Labels and separators",[661,1392,1393,1394,6,1397,1400,1401,1403],{},"An item can be a real link (the default), or ",[664,1395,1396],{},"type: 'label'",[664,1398,1399],{},"type: 'separator'","\ninstead - a non-interactive section heading and a thin divider line,\nrespectively. Both are just items in the same flat array, not a wrapping\nstructure - a \"group\" is nothing more than a ",[664,1402,670],{}," item followed by the\nitems it introduces:",[673,1405],{"name":1406},"navigation-menu-labels",[677,1408,1410],{"className":679,"code":1409,"language":681,"meta":682,"style":682},"\u003CSNavigationMenu :items=\"[\n  { label: 'Guide', type: 'label' },\n  { label: 'Introduction', to: '\u002Fintroduction' },\n  { label: 'Installation', to: '\u002Finstallation' },\n  { label: 'sep-1', type: 'separator' },\n  { label: 'Components', type: 'label' },\n  { label: 'Button', to: '\u002Fcomponents\u002Fbutton' },\n]\" orientation=\"vertical\" \u002F>\n",[664,1411,1412,1428,1443,1457,1471,1485,1498,1512],{"__ignoreMap":682},[686,1413,1414,1416,1418,1420,1422,1424,1426],{"class":688,"line":8},[686,1415,692],{"class":691},[686,1417,696],{"class":695},[686,1419,699],{"class":691},[686,1421,666],{"class":702},[686,1423,705],{"class":691},[686,1425,709],{"class":708},[686,1427,712],{"class":691},[686,1429,1430,1432,1435,1438,1441],{"class":688,"line":715},[686,1431,718],{"class":691},[686,1433,1434],{"class":708},"'Guide'",[686,1436,1437],{"class":691},", type: ",[686,1439,1440],{"class":708},"'label'",[686,1442,730],{"class":691},[686,1444,1445,1447,1450,1452,1455],{"class":688,"line":733},[686,1446,718],{"class":691},[686,1448,1449],{"class":708},"'Introduction'",[686,1451,724],{"class":691},[686,1453,1454],{"class":708},"'\u002Fintroduction'",[686,1456,730],{"class":691},[686,1458,1459,1461,1464,1466,1469],{"class":688,"line":748},[686,1460,718],{"class":691},[686,1462,1463],{"class":708},"'Installation'",[686,1465,724],{"class":691},[686,1467,1468],{"class":708},"'\u002Finstallation'",[686,1470,730],{"class":691},[686,1472,1473,1475,1478,1480,1483],{"class":688,"line":763},[686,1474,718],{"class":691},[686,1476,1477],{"class":708},"'sep-1'",[686,1479,1437],{"class":691},[686,1481,1482],{"class":708},"'separator'",[686,1484,730],{"class":691},[686,1486,1487,1489,1492,1494,1496],{"class":688,"line":908},[686,1488,718],{"class":691},[686,1490,1491],{"class":708},"'Components'",[686,1493,1437],{"class":691},[686,1495,1440],{"class":708},[686,1497,730],{"class":691},[686,1499,1500,1502,1505,1507,1510],{"class":688,"line":1360},[686,1501,718],{"class":691},[686,1503,1504],{"class":708},"'Button'",[686,1506,724],{"class":691},[686,1508,1509],{"class":708},"'\u002Fcomponents\u002Fbutton'",[686,1511,730],{"class":691},[686,1513,1515,1517,1519,1521,1523,1525],{"class":688,"line":1514},8,[686,1516,766],{"class":691},[686,1518,709],{"class":708},[686,1520,1176],{"class":702},[686,1522,705],{"class":691},[686,1524,1181],{"class":708},[686,1526,771],{"class":691},[661,1528,1529,1530,1533,1534,1537,1538,1541,1542,1544],{},"In a collapsed vertical rail, headings stay in the DOM but are visually hidden.\nBy default, ",[664,1531,1532],{},"collapsedGroups=\"separator\""," adds a thin line between populated\nsections. Use ",[664,1535,1536],{},"\"spacing\""," for a gap or ",[664,1539,1540],{},"\"none\""," for no automatic boundary.\nThe same ",[664,1543,666],{}," array works when expanding and collapsing. Explicit separator\nitems still draw lines in all three modes; collapsed rails remove leading,\ntrailing, and repeated separators. Empty sections do not add visible boundaries.\nHorizontal menus are unchanged.",[677,1546,1548],{"className":679,"code":1547,"language":681,"meta":682,"style":682},"\u003CSNavigationMenu :items=\"items\" orientation=\"vertical\" collapsed collapsed-groups=\"spacing\" tooltip \u002F>\n",[664,1549,1550],{"__ignoreMap":682},[686,1551,1552,1554,1556,1558,1560,1562,1564,1566,1568,1570,1572,1574,1576,1579,1581,1583,1585],{"class":688,"line":8},[686,1553,692],{"class":691},[686,1555,696],{"class":695},[686,1557,699],{"class":691},[686,1559,666],{"class":702},[686,1561,705],{"class":691},[686,1563,709],{"class":708},[686,1565,666],{"class":691},[686,1567,709],{"class":708},[686,1569,1176],{"class":702},[686,1571,705],{"class":691},[686,1573,1181],{"class":708},[686,1575,1237],{"class":702},[686,1577,1578],{"class":702}," collapsed-groups",[686,1580,705],{"class":691},[686,1582,1536],{"class":708},[686,1584,1240],{"class":702},[686,1586,771],{"class":691},[661,1588,1589,1590,1048,1593,1596,1597,1600],{},"Use ",[664,1591,1592],{},"ui.separator",[664,1594,1595],{},"ui.groupSpacer",", and ",[664,1598,1599],{},"ui.collapsedGroupLabel"," to customize\nthe line, gap, and visually hidden heading respectively. None become focusable\nmenu actions; link labels and tooltips retain their existing behavior.",[661,1602,1603,1604,1607,1608,1610,1611,1613,1614,1616,1617,1620],{},"A ",[664,1605,1606],{},"separator"," item still needs a unique ",[664,1609,670],{}," even though it's never\ndisplayed - every item's ",[664,1612,670],{}," doubles as its list key. Top-level only:\na ",[664,1615,836],{}," array doesn't check ",[664,1618,1619],{},"type",", so a nested tree can't group its\nown children under a sub-heading.",[773,1622,1624],{"id":1623},"variant","Variant",[661,1626,1627,1630,1631,1634],{},[664,1628,1629],{},"variant=\"pill\""," (default) gives the active item a filled background;\n",[664,1632,1633],{},"variant=\"link\""," only changes its text color, no background:",[673,1636],{"name":1637},"navigation-menu-variant",[677,1639,1641],{"className":679,"code":1640,"language":681,"meta":682,"style":682},"\u003CSNavigationMenu :items=\"items\" variant=\"link\" \u002F>\n",[664,1642,1643],{"__ignoreMap":682},[686,1644,1645,1647,1649,1651,1653,1655,1657,1659,1661,1664,1666,1669],{"class":688,"line":8},[686,1646,692],{"class":691},[686,1648,696],{"class":695},[686,1650,699],{"class":691},[686,1652,666],{"class":702},[686,1654,705],{"class":691},[686,1656,709],{"class":708},[686,1658,666],{"class":691},[686,1660,709],{"class":708},[686,1662,1663],{"class":702}," variant",[686,1665,705],{"class":691},[686,1667,1668],{"class":708},"\"link\"",[686,1670,771],{"class":691},[773,1672,1674],{"id":1673},"highlight","Highlight",[661,1676,1677,1679],{},[664,1678,1673],{}," draws a small bar next to the active item, in addition to its\nown color styling - a line under it in horizontal, or beside it in\nvertical:",[673,1681],{"name":1682},"navigation-menu-highlight",[677,1684,1686],{"className":679,"code":1685,"language":681,"meta":682,"style":682},"\u003CSNavigationMenu :items=\"items\" highlight \u002F>\n",[664,1687,1688],{"__ignoreMap":682},[686,1689,1690,1692,1694,1696,1698,1700,1702,1704,1706,1709],{"class":688,"line":8},[686,1691,692],{"class":691},[686,1693,696],{"class":695},[686,1695,699],{"class":691},[686,1697,666],{"class":702},[686,1699,705],{"class":691},[686,1701,709],{"class":708},[686,1703,666],{"class":691},[686,1705,709],{"class":708},[686,1707,1708],{"class":702}," highlight",[686,1710,771],{"class":691},[773,1712,1714],{"id":1713},"disabled-item","Disabled item",[661,1716,1717,1720,1721,1724,1725,1728],{},[664,1718,1719],{},"disabled"," on an item keeps it visible but non-interactive - no\nnavigation, no ",[664,1722,1723],{},"onSelect",", marked ",[664,1726,1727],{},"aria-disabled",":",[673,1730],{"name":1731},"navigation-menu-disabled",[677,1733,1735],{"className":679,"code":1734,"language":681,"meta":682,"style":682},"\u003CSNavigationMenu :items=\"[{ label: 'Coming soon', disabled: true }]\" \u002F>\n",[664,1736,1737],{"__ignoreMap":682},[686,1738,1739,1741,1743,1745,1747,1749,1751,1753,1756,1759,1761,1763,1765],{"class":688,"line":8},[686,1740,692],{"class":691},[686,1742,696],{"class":695},[686,1744,699],{"class":691},[686,1746,666],{"class":702},[686,1748,705],{"class":691},[686,1750,709],{"class":708},[686,1752,807],{"class":691},[686,1754,1755],{"class":708},"'Coming soon'",[686,1757,1758],{"class":691},", disabled: ",[686,1760,1132],{"class":1131},[686,1762,822],{"class":691},[686,1764,709],{"class":708},[686,1766,771],{"class":691},[773,1768,1770],{"id":1769},"shortcuts","Shortcuts",[661,1772,1773,1776,1777,1780,1781,1784,1785,1787,1788,1790],{},[664,1774,1775],{},"shortcut"," displays a Kbd hint next to a leaf item. Set ",[664,1778,1779],{},"hotkey: true"," to\nbind it, so the key activates that item from anywhere on the page. It stays\ninactive while someone is typing in a field. ",[664,1782,1783],{},"mod"," maps to ⌘ on macOS and Ctrl\non other platforms. A leaf can navigate with ",[664,1786,1084],{}," or run ",[664,1789,1723],{}," like a\nbutton.",[673,1792],{"name":1793},"navigation-menu-shortcuts",[677,1795,1799],{"className":1796,"code":1797,"language":1798,"meta":682,"style":682},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst lastAction = ref('')\nconst items = [\n  { label: 'Overview', shortcut: 'mod+1', hotkey: true, onSelect: () => lastAction.value = 'Overview selected' },\n  { label: 'Settings', shortcut: 'mod+2', hotkey: true, onSelect: () => lastAction.value = 'Settings selected' },\n  { label: 'Help', shortcut: 'mod+\u002F', onSelect: () => lastAction.value = 'Help selected' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSNavigationMenu :items=\"items\" \u002F>\n\u003C\u002Ftemplate>\n","vue",[664,1800,1801,1822,1846,1858,1896,1929,1958,1963,1972,1978,1987,2008],{"__ignoreMap":682},[686,1802,1803,1805,1808,1811,1814,1816,1819],{"class":688,"line":8},[686,1804,692],{"class":691},[686,1806,1807],{"class":695},"script",[686,1809,1810],{"class":702}," setup",[686,1812,1813],{"class":702}," lang",[686,1815,705],{"class":691},[686,1817,1818],{"class":708},"\"ts\"",[686,1820,1821],{"class":691},">\n",[686,1823,1824,1828,1831,1834,1837,1840,1843],{"class":688,"line":715},[686,1825,1827],{"class":1826},"szBVR","const",[686,1829,1830],{"class":1131}," lastAction",[686,1832,1833],{"class":1826}," =",[686,1835,1836],{"class":702}," ref",[686,1838,1839],{"class":691},"(",[686,1841,1842],{"class":708},"''",[686,1844,1845],{"class":691},")\n",[686,1847,1848,1850,1853,1855],{"class":688,"line":733},[686,1849,1827],{"class":1826},[686,1851,1852],{"class":1131}," items",[686,1854,1833],{"class":1826},[686,1856,1857],{"class":691}," [\n",[686,1859,1860,1862,1865,1868,1871,1874,1876,1878,1880,1883,1886,1889,1891,1894],{"class":688,"line":748},[686,1861,718],{"class":691},[686,1863,1864],{"class":708},"'Overview'",[686,1866,1867],{"class":691},", shortcut: ",[686,1869,1870],{"class":708},"'mod+1'",[686,1872,1873],{"class":691},", hotkey: ",[686,1875,1132],{"class":1131},[686,1877,1048],{"class":691},[686,1879,1723],{"class":702},[686,1881,1882],{"class":691},": () ",[686,1884,1885],{"class":1826},"=>",[686,1887,1888],{"class":691}," lastAction.value ",[686,1890,705],{"class":1826},[686,1892,1893],{"class":708}," 'Overview selected'",[686,1895,730],{"class":691},[686,1897,1898,1900,1903,1905,1908,1910,1912,1914,1916,1918,1920,1922,1924,1927],{"class":688,"line":763},[686,1899,718],{"class":691},[686,1901,1902],{"class":708},"'Settings'",[686,1904,1867],{"class":691},[686,1906,1907],{"class":708},"'mod+2'",[686,1909,1873],{"class":691},[686,1911,1132],{"class":1131},[686,1913,1048],{"class":691},[686,1915,1723],{"class":702},[686,1917,1882],{"class":691},[686,1919,1885],{"class":1826},[686,1921,1888],{"class":691},[686,1923,705],{"class":1826},[686,1925,1926],{"class":708}," 'Settings selected'",[686,1928,730],{"class":691},[686,1930,1931,1933,1936,1938,1941,1943,1945,1947,1949,1951,1953,1956],{"class":688,"line":908},[686,1932,718],{"class":691},[686,1934,1935],{"class":708},"'Help'",[686,1937,1867],{"class":691},[686,1939,1940],{"class":708},"'mod+\u002F'",[686,1942,1048],{"class":691},[686,1944,1723],{"class":702},[686,1946,1882],{"class":691},[686,1948,1885],{"class":1826},[686,1950,1888],{"class":691},[686,1952,705],{"class":1826},[686,1954,1955],{"class":708}," 'Help selected'",[686,1957,730],{"class":691},[686,1959,1960],{"class":688,"line":1360},[686,1961,1962],{"class":691},"]\n",[686,1964,1965,1968,1970],{"class":688,"line":1514},[686,1966,1967],{"class":691},"\u003C\u002F",[686,1969,1807],{"class":695},[686,1971,1821],{"class":691},[686,1973,1975],{"class":688,"line":1974},9,[686,1976,1977],{"emptyLinePlaceholder":651},"\n",[686,1979,1980,1982,1985],{"class":688,"line":13},[686,1981,692],{"class":691},[686,1983,1984],{"class":695},"template",[686,1986,1821],{"class":691},[686,1988,1989,1992,1994,1996,1998,2000,2002,2004,2006],{"class":688,"line":147},[686,1990,1991],{"class":691},"  \u003C",[686,1993,696],{"class":695},[686,1995,699],{"class":691},[686,1997,666],{"class":702},[686,1999,705],{"class":691},[686,2001,709],{"class":708},[686,2003,666],{"class":691},[686,2005,709],{"class":708},[686,2007,771],{"class":691},[686,2009,2010,2012,2014],{"class":688,"line":166},[686,2011,1967],{"class":691},[686,2013,1984],{"class":695},[686,2015,1821],{"class":691},[661,2017,2018,2019,2022,2023,2025],{},"Press ⌘1 or ⌘2 (Ctrl on other platforms) to select an item. ",[664,2020,2021],{},"Help"," shows a\nhint but does not bind the key because it omits ",[664,2024,1779],{},".",[773,2027,2029],{"id":2028},"color","Color",[661,2031,2032,2034,2035,1048,2038,1048,2041,1048,2044,1048,2047,1048,2050,2053,2054,2057],{},[664,2033,2028],{}," follows the same palette as every other component here\n(",[664,2036,2037],{},"primary",[664,2039,2040],{},"neutral",[664,2042,2043],{},"secondary",[664,2045,2046],{},"success",[664,2048,2049],{},"danger",[664,2051,2052],{},"info",",\n",[664,2055,2056],{},"warning",") and only affects the active item:",[673,2059],{"name":2060},"navigation-menu-color",[677,2062,2064],{"className":679,"code":2063,"language":681,"meta":682,"style":682},"\u003CSNavigationMenu :items=\"items\" color=\"secondary\" \u002F>\n",[664,2065,2066],{"__ignoreMap":682},[686,2067,2068,2070,2072,2074,2076,2078,2080,2082,2084,2087,2089,2092],{"class":688,"line":8},[686,2069,692],{"class":691},[686,2071,696],{"class":695},[686,2073,699],{"class":691},[686,2075,666],{"class":702},[686,2077,705],{"class":691},[686,2079,709],{"class":708},[686,2081,666],{"class":691},[686,2083,709],{"class":708},[686,2085,2086],{"class":702}," color",[686,2088,705],{"class":691},[686,2090,2091],{"class":708},"\"secondary\"",[686,2093,771],{"class":691},[773,2095,2097],{"id":2096},"customizing-content","Customizing content",[661,2099,2100,2101,6,2104,6,2107,2110,2111,2114,2115,2118],{},"Every rendering spot has a matching slot, scoped with the item's own\ndata - ",[664,2102,2103],{},"item-leading",[664,2105,2106],{},"item-label",[664,2108,2109],{},"item-trailing"," replace one piece at a\ntime, ",[664,2112,2113],{},"item"," replaces a whole item's content, and ",[664,2116,2117],{},"item-content"," replaces\nan entire dropdown's body, letting you build a genuine multi-column mega\nmenu instead of the default single-column list:",[661,2120,2121,2122,2126,2127,2129,2130,2132,2133,2136],{},"Open ",[2123,2124,2125],"strong",{},"Products"," to see the generic ",[664,2128,2117],{}," layout, or ",[2123,2131,2021],{}," to\nsee the per-item ",[664,2134,2135],{},"help-content"," override.",[673,2138],{"name":2139},"navigation-menu-custom",[677,2141,2143],{"className":679,"code":2142,"language":681,"meta":682,"style":682},"\u003CSNavigationMenu :items=\"items\" content-orientation=\"horizontal\">\n  \u003Ctemplate #item-content=\"{ item }\">\n    \u003Cul class=\"grid w-96 grid-cols-2 gap-2 p-2\">\n      \u003Cli v-for=\"child in item.children\" :key=\"child.label\">\n        \u003CNuxtLink :to=\"child.to\">{{ child.label }}\u003C\u002FNuxtLink>\n      \u003C\u002Fli>\n    \u003C\u002Ful>\n  \u003C\u002Ftemplate>\n\u003C\u002FSNavigationMenu>\n",[664,2144,2145,2171,2193,2211,2237,2265,2274,2283,2292],{"__ignoreMap":682},[686,2146,2147,2149,2151,2153,2155,2157,2159,2161,2163,2165,2167,2169],{"class":688,"line":8},[686,2148,692],{"class":691},[686,2150,696],{"class":695},[686,2152,699],{"class":691},[686,2154,666],{"class":702},[686,2156,705],{"class":691},[686,2158,709],{"class":708},[686,2160,666],{"class":691},[686,2162,709],{"class":708},[686,2164,959],{"class":702},[686,2166,705],{"class":691},[686,2168,964],{"class":708},[686,2170,1821],{"class":691},[686,2172,2173,2175,2177,2180,2182,2184,2186,2189,2191],{"class":688,"line":715},[686,2174,1991],{"class":691},[686,2176,1984],{"class":695},[686,2178,2179],{"class":691}," #",[686,2181,2117],{"class":702},[686,2183,705],{"class":691},[686,2185,709],{"class":708},[686,2187,2188],{"class":691},"{ item }",[686,2190,709],{"class":708},[686,2192,1821],{"class":691},[686,2194,2195,2198,2201,2204,2206,2209],{"class":688,"line":733},[686,2196,2197],{"class":691},"    \u003C",[686,2199,2200],{"class":695},"ul",[686,2202,2203],{"class":702}," class",[686,2205,705],{"class":691},[686,2207,2208],{"class":708},"\"grid w-96 grid-cols-2 gap-2 p-2\"",[686,2210,1821],{"class":691},[686,2212,2213,2216,2219,2222,2224,2227,2230,2232,2235],{"class":688,"line":748},[686,2214,2215],{"class":691},"      \u003C",[686,2217,2218],{"class":695},"li",[686,2220,2221],{"class":702}," v-for",[686,2223,705],{"class":691},[686,2225,2226],{"class":708},"\"child in item.children\"",[686,2228,2229],{"class":702}," :key",[686,2231,705],{"class":691},[686,2233,2234],{"class":708},"\"child.label\"",[686,2236,1821],{"class":691},[686,2238,2239,2242,2245,2247,2249,2251,2253,2256,2258,2261,2263],{"class":688,"line":763},[686,2240,2241],{"class":691},"        \u003C",[686,2243,2244],{"class":695},"NuxtLink",[686,2246,699],{"class":691},[686,2248,1084],{"class":702},[686,2250,705],{"class":691},[686,2252,709],{"class":708},[686,2254,2255],{"class":691},"child.to",[686,2257,709],{"class":708},[686,2259,2260],{"class":691},">{{ child.label }}\u003C\u002F",[686,2262,2244],{"class":695},[686,2264,1821],{"class":691},[686,2266,2267,2270,2272],{"class":688,"line":908},[686,2268,2269],{"class":691},"      \u003C\u002F",[686,2271,2218],{"class":695},[686,2273,1821],{"class":691},[686,2275,2276,2279,2281],{"class":688,"line":1360},[686,2277,2278],{"class":691},"    \u003C\u002F",[686,2280,2200],{"class":695},[686,2282,1821],{"class":691},[686,2284,2285,2288,2290],{"class":688,"line":1514},[686,2286,2287],{"class":691},"  \u003C\u002F",[686,2289,1984],{"class":695},[686,2291,1821],{"class":691},[686,2293,2294,2296,2298],{"class":688,"line":1974},[686,2295,1967],{"class":691},[686,2297,696],{"class":695},[686,2299,1821],{"class":691},[661,2301,2302,2303,2306,2307,2310,2311,2314,2315,6,2318,6,2321,2324],{},"Every one of these slots also has a ",[2123,2304,2305],{},"per-item"," form: set ",[664,2308,2309],{},"slot"," on one\nitem and it targets ",[664,2312,2313],{},"#{slot}-content"," (or ",[664,2316,2317],{},"-leading",[664,2319,2320],{},"-label",[664,2322,2323],{},"-trailing",")\nahead of the generic slot above - useful when only one or two items need\nbespoke content and the rest are happy with the default:",[677,2326,2328],{"className":679,"code":2327,"language":681,"meta":682,"style":682},"\u003CSNavigationMenu :items=\"[{ label: 'Help', slot: 'help', children: [...] }]\">\n  \u003Ctemplate #help-content=\"{ item }\">\n    \u003C!-- only this item's dropdown uses this -->\n  \u003C\u002Ftemplate>\n\u003C\u002FSNavigationMenu>\n",[664,2329,2330,2367,2387,2393,2401],{"__ignoreMap":682},[686,2331,2332,2334,2336,2338,2340,2342,2344,2346,2348,2351,2354,2357,2360,2363,2365],{"class":688,"line":8},[686,2333,692],{"class":691},[686,2335,696],{"class":695},[686,2337,699],{"class":691},[686,2339,666],{"class":702},[686,2341,705],{"class":691},[686,2343,709],{"class":708},[686,2345,807],{"class":691},[686,2347,1935],{"class":708},[686,2349,2350],{"class":691},", slot: ",[686,2352,2353],{"class":708},"'help'",[686,2355,2356],{"class":691},", children: [",[686,2358,2359],{"class":1826},"...",[686,2361,2362],{"class":691},"] }]",[686,2364,709],{"class":708},[686,2366,1821],{"class":691},[686,2368,2369,2371,2373,2375,2377,2379,2381,2383,2385],{"class":688,"line":715},[686,2370,1991],{"class":691},[686,2372,1984],{"class":695},[686,2374,2179],{"class":691},[686,2376,2135],{"class":702},[686,2378,705],{"class":691},[686,2380,709],{"class":708},[686,2382,2188],{"class":691},[686,2384,709],{"class":708},[686,2386,1821],{"class":691},[686,2388,2389],{"class":688,"line":733},[686,2390,2392],{"class":2391},"sJ8bj","    \u003C!-- only this item's dropdown uses this -->\n",[686,2394,2395,2397,2399],{"class":688,"line":748},[686,2396,2287],{"class":691},[686,2398,1984],{"class":695},[686,2400,1821],{"class":691},[686,2402,2403,2405,2407],{"class":688,"line":763},[686,2404,1967],{"class":691},[686,2406,696],{"class":695},[686,2408,1821],{"class":691},[661,2410,2411,6,2414,2417],{},[664,2412,2413],{},"list-leading",[664,2415,2416],{},"list-trailing"," sit outside the item list entirely -\nuseful for a logo or a call-to-action button alongside the menu:",[677,2419,2421],{"className":679,"code":2420,"language":681,"meta":682,"style":682},"\u003CSNavigationMenu :items=\"items\">\n  \u003Ctemplate #list-leading>\n    \u003Cimg src=\"\u002Flogo.svg\" class=\"h-6\">\n  \u003C\u002Ftemplate>\n  \u003Ctemplate #list-trailing>\n    \u003CSButton size=\"sm\">Sign up\u003C\u002FSButton>\n  \u003C\u002Ftemplate>\n\u003C\u002FSNavigationMenu>\n",[664,2422,2423,2443,2455,2479,2487,2499,2521,2529],{"__ignoreMap":682},[686,2424,2425,2427,2429,2431,2433,2435,2437,2439,2441],{"class":688,"line":8},[686,2426,692],{"class":691},[686,2428,696],{"class":695},[686,2430,699],{"class":691},[686,2432,666],{"class":702},[686,2434,705],{"class":691},[686,2436,709],{"class":708},[686,2438,666],{"class":691},[686,2440,709],{"class":708},[686,2442,1821],{"class":691},[686,2444,2445,2447,2449,2451,2453],{"class":688,"line":715},[686,2446,1991],{"class":691},[686,2448,1984],{"class":695},[686,2450,2179],{"class":691},[686,2452,2413],{"class":702},[686,2454,1821],{"class":691},[686,2456,2457,2459,2462,2465,2467,2470,2472,2474,2477],{"class":688,"line":733},[686,2458,2197],{"class":691},[686,2460,2461],{"class":695},"img",[686,2463,2464],{"class":702}," src",[686,2466,705],{"class":691},[686,2468,2469],{"class":708},"\"\u002Flogo.svg\"",[686,2471,2203],{"class":702},[686,2473,705],{"class":691},[686,2475,2476],{"class":708},"\"h-6\"",[686,2478,1821],{"class":691},[686,2480,2481,2483,2485],{"class":688,"line":748},[686,2482,2287],{"class":691},[686,2484,1984],{"class":695},[686,2486,1821],{"class":691},[686,2488,2489,2491,2493,2495,2497],{"class":688,"line":763},[686,2490,1991],{"class":691},[686,2492,1984],{"class":695},[686,2494,2179],{"class":691},[686,2496,2416],{"class":702},[686,2498,1821],{"class":691},[686,2500,2501,2503,2506,2509,2511,2514,2517,2519],{"class":688,"line":908},[686,2502,2197],{"class":691},[686,2504,2505],{"class":695},"SButton",[686,2507,2508],{"class":702}," size",[686,2510,705],{"class":691},[686,2512,2513],{"class":708},"\"sm\"",[686,2515,2516],{"class":691},">Sign up\u003C\u002F",[686,2518,2505],{"class":695},[686,2520,1821],{"class":691},[686,2522,2523,2525,2527],{"class":688,"line":1360},[686,2524,2287],{"class":691},[686,2526,1984],{"class":695},[686,2528,1821],{"class":691},[686,2530,2531,2533,2535],{"class":688,"line":1514},[686,2532,1967],{"class":691},[686,2534,696],{"class":695},[686,2536,1821],{"class":691},[661,2538,2539],{},"These same slots work identically in vertical mode.",[773,2541,2543,2544],{"id":2542},"custom-ui","Custom ",[664,2545,2546],{},":ui",[661,2548,2549,2550,2553],{},"Global and scoped recipe overrides use ",[664,2551,2552],{},"ui.navigationMenu",". The recursive\naccordion and collapsed flyout renderers intentionally consume that same key;\nthey are implementation details rather than separate theme surfaces.",[661,2555,2556,2557,2559],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's ",[664,2558,360],{},"'s own theme file:",[2561,2562],"theme-source",{"name":2563},"navigation-menu",[656,2565,2567],{"id":2566},"props","Props",[2569,2570,2571,2587],"table",{},[2572,2573,2574],"thead",{},[2575,2576,2577,2581,2584],"tr",{},[2578,2579,2580],"th",{},"Prop",[2578,2582,2583],{},"Type",[2578,2585,2586],{},"Default",[2588,2589,2590,2605,2622,2638,2659,2675,2691,2706,2720,2736,2751,2765],"tbody",{},[2575,2591,2592,2597,2602],{},[2593,2594,2595],"td",{},[664,2596,666],{},[2593,2598,2599],{},[664,2600,2601],{},"NavigationMenuItem[]",[2593,2603,2604],{},"- (required)",[2575,2606,2607,2612,2617],{},[2593,2608,2609],{},[664,2610,2611],{},"orientation",[2593,2613,2614],{},[664,2615,2616],{},"'horizontal' | 'vertical'",[2593,2618,2619],{},[664,2620,2621],{},"'horizontal'",[2575,2623,2624,2629,2633],{},[2593,2625,2626],{},[664,2627,2628],{},"contentOrientation",[2593,2630,2631],{},[664,2632,2616],{},[2593,2634,2635],{},[664,2636,2637],{},"'vertical'",[2575,2639,2640,2644,2654],{},[2593,2641,2642],{},[664,2643,1018],{},[2593,2645,2646,2649,2650,2653],{},[664,2647,2648],{},"NavigationMenuPositioning"," (",[664,2651,2652],{},"{ align?: 'start' | 'center' | 'end' }",")",[2593,2655,2656],{},[664,2657,2658],{},"{ align: 'center' }",[2575,2660,2661,2665,2670],{},[2593,2662,2663],{},[664,2664,2028],{},[2593,2666,2667],{},[664,2668,2669],{},"'primary' | 'neutral' | 'secondary' | 'success' | 'danger' | 'info' | 'warning'",[2593,2671,2672],{},[664,2673,2674],{},"'primary'",[2575,2676,2677,2681,2686],{},[2593,2678,2679],{},[664,2680,1623],{},[2593,2682,2683],{},[664,2684,2685],{},"'pill' | 'link'",[2593,2687,2688],{},[664,2689,2690],{},"'pill'",[2575,2692,2693,2697,2702],{},[2593,2694,2695],{},[664,2696,1673],{},[2593,2698,2699],{},[664,2700,2701],{},"boolean",[2593,2703,2704],{},[664,2705,1326],{},[2575,2707,2708,2712,2716],{},[2593,2709,2710],{},[664,2711,1192],{},[2593,2713,2714],{},[664,2715,2701],{},[2593,2717,2718],{},[664,2719,1326],{},[2575,2721,2722,2727,2732],{},[2593,2723,2724],{},[664,2725,2726],{},"collapsedGroups",[2593,2728,2729],{},[664,2730,2731],{},"'separator' | 'spacing' | 'none'",[2593,2733,2734],{},[664,2735,1482],{},[2575,2737,2738,2742,2747],{},[2593,2739,2740],{},[664,2741,1252],{},[2593,2743,2744],{},[664,2745,2746],{},"boolean | TooltipProps",[2593,2748,2749],{},[664,2750,1326],{},[2575,2752,2753,2757,2762],{},[2593,2754,2755],{},[664,2756,1066],{},[2593,2758,2759],{},[664,2760,2761],{},"NavigationMenuPopover",[2593,2763,2764],{},"-",[2575,2766,2767,2771,2776],{},[2593,2768,2769],{},[664,2770,1382],{},[2593,2772,2773],{},[664,2774,2775],{},"Partial\u003CRecord\u003CNavigationMenuSlot, string | object>>",[2593,2777,2764],{},[661,2779,2780,1728],{},[664,2781,2782],{},"NavigationMenuItem",[2569,2784,2785,2797],{},[2572,2786,2787],{},[2575,2788,2789,2792,2794],{},[2578,2790,2791],{},"Field",[2578,2793,2583],{},[2578,2795,2796],{},"Description",[2588,2798,2799,2813,2826,2839,2852,2865,2878,2902,2916,2929,2946,2961],{},[2575,2800,2801,2805,2810],{},[2593,2802,2803],{},[664,2804,670],{},[2593,2806,2807],{},[664,2808,2809],{},"string",[2593,2811,2812],{},"Required.",[2575,2814,2815,2819,2823],{},[2593,2816,2817],{},[664,2818,781],{},[2593,2820,2821],{},[664,2822,2809],{},[2593,2824,2825],{},"Rendered before the label.",[2575,2827,2828,2832,2836],{},[2593,2829,2830],{},[664,2831,1084],{},[2593,2833,2834],{},[664,2835,2809],{},[2593,2837,2838],{},"Route path for a leaf item.",[2575,2840,2841,2845,2849],{},[2593,2842,2843],{},[664,2844,1719],{},[2593,2846,2847],{},[664,2848,2701],{},[2593,2850,2851],{},"Visible but non-interactive.",[2575,2853,2854,2858,2862],{},[2593,2855,2856],{},[664,2857,1088],{},[2593,2859,2860],{},[664,2861,2701],{},[2593,2863,2864],{},"Overrides the auto-detected route match.",[2575,2866,2867,2871,2875],{},[2593,2868,2869],{},[664,2870,836],{},[2593,2872,2873],{},[664,2874,2601],{},[2593,2876,2877],{},"One level for horizontal; arbitrary depth for vertical.",[2575,2879,2880,2885,2889],{},[2593,2881,2882],{},[664,2883,2884],{},"description",[2593,2886,2887],{},[664,2888,2809],{},[2593,2890,2891,2892,6,2895,2897,2898,2901],{},"Not read by NavigationMenu's own default rendering - carried purely so a custom ",[664,2893,2894],{},"#item-content",[664,2896,2313],{}," slot override can display one (a \"mega menu\" style description under each link, say) - see ",[919,2899,2097],{"href":2900},"#customizing-content",", whose own live example already renders this field.",[2575,2903,2904,2908,2913],{},[2593,2905,2906],{},[664,2907,1723],{},[2593,2909,2910],{},[664,2911,2912],{},"(event: Event) => void",[2593,2914,2915],{},"Fired when a leaf item is activated.",[2575,2917,2918,2922,2926],{},[2593,2919,2920],{},[664,2921,1775],{},[2593,2923,2924],{},[664,2925,2809],{},[2593,2927,2928],{},"Displays a Kbd hint beside the item.",[2575,2930,2931,2936,2940],{},[2593,2932,2933],{},[664,2934,2935],{},"hotkey",[2593,2937,2938],{},[664,2939,2701],{},[2593,2941,2942,2943,2945],{},"Binds ",[664,2944,1775],{}," page-wide, except while typing in a field.",[2575,2947,2948,2952,2956],{},[2593,2949,2950],{},[664,2951,2309],{},[2593,2953,2954],{},[664,2955,2809],{},[2593,2957,2958,2959,2025],{},"Targets this item's own named slots ahead of the generic ones - see ",[919,2960,2097],{"href":2900},[2575,2962,2963,2967,2972],{},[2593,2964,2965],{},[664,2966,1619],{},[2593,2968,2969],{},[664,2970,2971],{},"'link' | 'label' | 'separator'",[2593,2973,2974,2977,2978,2025],{},[664,2975,2976],{},"'link'"," unless set - see ",[919,2979,1390],{"href":2980},"#labels-and-separators",[656,2982,2984],{"id":2983},"slots","Slots",[2569,2986,2987,2999],{},[2572,2988,2989],{},[2575,2990,2991,2994,2997],{},[2578,2992,2993],{},"Slot",[2578,2995,2996],{},"Scope",[2578,2998,2796],{},[2588,3000,3001,3015,3028,3044,3057,3070,3081],{},[2575,3002,3003,3007,3012],{},[2593,3004,3005],{},[664,3006,2113],{},[2593,3008,3009],{},[664,3010,3011],{},"{ item, active }",[2593,3013,3014],{},"Replaces an item's entire content (icon+label, or icon+label+chevron for a trigger)",[2575,3016,3017,3021,3025],{},[2593,3018,3019],{},[664,3020,2103],{},[2593,3022,3023],{},[664,3024,3011],{},[2593,3026,3027],{},"Replaces the leading icon",[2575,3029,3030,3034,3038],{},[2593,3031,3032],{},[664,3033,2106],{},[2593,3035,3036],{},[664,3037,3011],{},[2593,3039,3040,3041,3043],{},"Replaces the label text - also the only slot a ",[664,3042,1396],{}," item uses",[2575,3045,3046,3050,3054],{},[2593,3047,3048],{},[664,3049,2109],{},[2593,3051,3052],{},[664,3053,3011],{},[2593,3055,3056],{},"Replaces the trailing content (the chevron, for a trigger)",[2575,3058,3059,3063,3067],{},[2593,3060,3061],{},[664,3062,2117],{},[2593,3064,3065],{},[664,3066,2188],{},[2593,3068,3069],{},"Replaces an entire dropdown\u002Faccordion body",[2575,3071,3072,3076,3078],{},[2593,3073,3074],{},[664,3075,2413],{},[2593,3077,2764],{},[2593,3079,3080],{},"Rendered before the item list",[2575,3082,3083,3087,3089],{},[2593,3084,3085],{},[664,3086,2416],{},[2593,3088,2764],{},[2593,3090,3091],{},"Rendered after the item list",[661,3093,3094,3095,3098,3099,2025],{},"Every slot above also has a per-item form via ",[664,3096,3097],{},"item.slot"," - see\n",[919,3100,2097],{"href":2900},[3102,3103,3104],"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 .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":682,"searchDepth":733,"depth":733,"links":3106},[3107,3125,3126],{"id":658,"depth":715,"text":659,"children":3108},[3109,3110,3111,3112,3113,3114,3115,3116,3117,3118,3119,3120,3121,3122,3123],{"id":775,"depth":733,"text":42},{"id":829,"depth":733,"text":830},{"id":969,"depth":733,"text":970},{"id":1077,"depth":733,"text":1078},{"id":1141,"depth":733,"text":922},{"id":1192,"depth":733,"text":1193},{"id":1245,"depth":733,"text":1246},{"id":1389,"depth":733,"text":1390},{"id":1623,"depth":733,"text":1624},{"id":1673,"depth":733,"text":1674},{"id":1713,"depth":733,"text":1714},{"id":1769,"depth":733,"text":1770},{"id":2028,"depth":733,"text":2029},{"id":2096,"depth":733,"text":2097},{"id":2542,"depth":733,"text":3124},"Custom :ui",{"id":2566,"depth":715,"text":2567},{"id":2983,"depth":715,"text":2984},"A horizontal or vertical navigation bar built on Reka UI's NavigationMenu primitive.","md",{},{"title":360,"description":3127},"WrVpA3D1WmprwxJ19TB-hpYn_OEWvtd30RbCrnJodng",1792056128027]