[{"data":1,"prerenderedAt":3731},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Foverlays\u002Fdropdown":682},[4,11,128,525,584,626],{"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,70,107],{"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,66],{"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},"Accessibility","\u002Foverview\u002Fgetting-started\u002Faccessibility","overview\u002Fgetting-started\u002Faccessibility",90,{"title":67,"path":68,"stem":69,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",{"title":71,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":72,"stem":73,"children":74,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[75,78,82,86,90,94,99,103],{"title":71,"path":76,"stem":77,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":79,"path":80,"stem":81,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":83,"path":84,"stem":85,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":87,"path":88,"stem":89,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":91,"path":92,"stem":93,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":95,"path":96,"stem":97,"order":98,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":100,"path":101,"stem":102,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":104,"path":105,"stem":106,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":108,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":109,"stem":110,"children":111,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[112,116,120,124],{"title":113,"path":114,"stem":115,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":117,"path":118,"stem":119,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":121,"path":122,"stem":123,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":125,"path":126,"stem":127,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":129,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":130,"stem":131,"children":132,"page":10},"Components","\u002Fcomponents","components",[133,210,313,336,380,433,486],{"title":134,"path":135,"stem":136,"children":137,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[138,142,147,152,157,162,166,171,176,181,186,191,196,201,205],{"title":139,"path":140,"stem":141,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":143,"path":144,"stem":145,"order":146,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":148,"path":149,"stem":150,"order":151,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":153,"path":154,"stem":155,"order":156,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":158,"path":159,"stem":160,"order":161,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":163,"path":164,"stem":165,"order":161,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":167,"path":168,"stem":169,"order":170,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":172,"path":173,"stem":174,"order":175,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":177,"path":178,"stem":179,"order":180,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":182,"path":183,"stem":184,"order":185,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":187,"path":188,"stem":189,"order":190,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":192,"path":193,"stem":194,"order":195,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":197,"path":198,"stem":199,"order":200,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":202,"path":203,"stem":204,"order":200,"icon":9,"collapse":10,"navBadges":9},"Toolbar","\u002Fcomponents\u002Felements\u002Ftoolbar","components\u002Felements\u002Ftoolbar",{"title":206,"path":207,"stem":208,"order":209,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":211,"path":212,"stem":213,"children":214,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[215,219,224,229,233,238,243,248,253,258,263,268,273,278,283,288,293,298,303,308],{"title":216,"path":217,"stem":218,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":220,"path":221,"stem":222,"order":223,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":225,"path":226,"stem":227,"order":228,"icon":9,"collapse":10,"navBadges":9},"Editable","\u002Fcomponents\u002Fforms\u002Feditable","components\u002Fforms\u002Feditable",20.5,{"title":230,"path":231,"stem":232,"order":228,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",{"title":234,"path":235,"stem":236,"order":237,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":239,"path":240,"stem":241,"order":242,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":244,"path":245,"stem":246,"order":247,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":249,"path":250,"stem":251,"order":252,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":254,"path":255,"stem":256,"order":257,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":259,"path":260,"stem":261,"order":262,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":264,"path":265,"stem":266,"order":267,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":269,"path":270,"stem":271,"order":272,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":274,"path":275,"stem":276,"order":277,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":279,"path":280,"stem":281,"order":282,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":284,"path":285,"stem":286,"order":287,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":289,"path":290,"stem":291,"order":292,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":294,"path":295,"stem":296,"order":297,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":299,"path":300,"stem":301,"order":302,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":304,"path":305,"stem":306,"order":307,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":309,"path":310,"stem":311,"order":312,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":314,"path":315,"stem":316,"children":317,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[318,322,327,331],{"title":319,"path":320,"stem":321,"order":312,"icon":9,"collapse":10,"navBadges":9},"EmptyState","\u002Fcomponents\u002Fdata\u002Fempty-state","components\u002Fdata\u002Fempty-state",{"title":323,"path":324,"stem":325,"order":326,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":328,"path":329,"stem":330,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":332,"path":333,"stem":334,"order":335,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":337,"path":338,"stem":339,"children":340,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[341,346,350,355,360,365,370,375],{"title":342,"path":343,"stem":344,"order":345,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":347,"path":348,"stem":349,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":351,"path":352,"stem":353,"order":354,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":356,"path":357,"stem":358,"order":359,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":361,"path":362,"stem":363,"order":364,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":366,"path":367,"stem":368,"order":369,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":371,"path":372,"stem":373,"order":374,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":376,"path":377,"stem":378,"order":379,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":381,"path":382,"stem":383,"children":384,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[385,389,394,399,404,409,414,419,424,428],{"title":386,"path":387,"stem":388,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":390,"path":391,"stem":392,"order":393,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":395,"path":396,"stem":397,"order":398,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":400,"path":401,"stem":402,"order":403,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":405,"path":406,"stem":407,"order":408,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":410,"path":411,"stem":412,"order":413,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":415,"path":416,"stem":417,"order":418,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":420,"path":421,"stem":422,"order":423,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":425,"path":426,"stem":427,"order":98,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":429,"path":430,"stem":431,"order":432,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":434,"path":435,"stem":436,"children":437,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[438,443,447,452,457,462,466,471,476,481],{"title":439,"path":440,"stem":441,"order":442,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":444,"path":445,"stem":446,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":448,"path":449,"stem":450,"order":451,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":453,"path":454,"stem":455,"order":456,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":458,"path":459,"stem":460,"order":461,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":463,"path":464,"stem":465,"order":461,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":467,"path":468,"stem":469,"order":470,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":472,"path":473,"stem":474,"order":475,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":477,"path":478,"stem":479,"order":480,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":482,"path":483,"stem":484,"order":485,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":487,"path":488,"stem":489,"children":490,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[491,495,500,505,510,515,520],{"title":492,"path":493,"stem":494,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":496,"path":497,"stem":498,"order":499,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":501,"path":502,"stem":503,"order":504,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":506,"path":507,"stem":508,"order":509,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":511,"path":512,"stem":513,"order":514,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":516,"path":517,"stem":518,"order":519,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":521,"path":522,"stem":523,"order":524,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":526,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":527,"stem":528,"children":529,"page":10},"Composites","\u002Fcomposites","composites",[530,559],{"title":531,"path":532,"stem":533,"children":534,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[535,539,543,547,551,555],{"title":536,"path":537,"stem":538,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":540,"path":541,"stem":542,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":544,"path":545,"stem":546,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":548,"path":549,"stem":550,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":552,"path":553,"stem":554,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":556,"path":557,"stem":558,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":560,"path":561,"stem":562,"children":563,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[564,568,572,576,580],{"title":565,"path":566,"stem":567,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":569,"path":570,"stem":571,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":573,"path":574,"stem":575,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":577,"path":578,"stem":579,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":581,"path":582,"stem":583,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":585,"order":586,"icon":9,"collapse":10,"navBadges":9,"path":587,"stem":588,"children":589,"page":10},"Blocks",35,"\u002Fblocks","blocks",[590,593,597,601,605,609],{"title":585,"path":591,"stem":592,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":594,"path":595,"stem":596,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":598,"path":599,"stem":600,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":602,"path":603,"stem":604,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":606,"path":607,"stem":608,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":610,"order":50,"icon":9,"collapse":10,"navBadges":9,"path":611,"stem":612,"children":613,"page":10},"Editors","\u002Fblocks\u002Feditors","blocks\u002Feditors",[614,618,622],{"title":615,"path":616,"stem":617,"order":13,"icon":9,"collapse":10,"navBadges":9},"Tiptap editor","\u002Fblocks\u002Feditors\u002Ftiptap","blocks\u002Feditors\u002Ftiptap",{"title":619,"path":620,"stem":621,"order":30,"icon":9,"collapse":10,"navBadges":9},"Lexical editor","\u002Fblocks\u002Feditors\u002Flexical","blocks\u002Feditors\u002Flexical",{"title":623,"path":624,"stem":625,"order":35,"icon":9,"collapse":10,"navBadges":9},"Quill editor","\u002Fblocks\u002Feditors\u002Fquill","blocks\u002Feditors\u002Fquill",{"title":627,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":628,"stem":629,"children":630,"page":10},"Utilities","\u002Futilities","utilities",[631,665],{"title":632,"path":633,"stem":634,"children":635,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[636,640,644,649,653,657,661],{"title":637,"path":638,"stem":639,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":641,"path":642,"stem":643,"order":170,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":645,"path":646,"stem":647,"order":648,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":650,"path":651,"stem":652,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":654,"path":655,"stem":656,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":658,"path":659,"stem":660,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":662,"path":663,"stem":664,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":666,"path":667,"stem":668,"children":669,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[670,674,678],{"title":671,"path":672,"stem":673,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":675,"path":676,"stem":677,"order":648,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":679,"path":680,"stem":681,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"byLocale":683,"defaultPath":396},{"en":684,"id":2325},{"id":685,"title":395,"aside":686,"body":687,"collapse":10,"description":2320,"editLink":686,"extension":2321,"icon":9,"issueLink":686,"meta":2322,"navBadges":9,"navigation":9,"order":398,"path":396,"prevNext":686,"seo":2323,"stem":397,"toc":686,"__hash__":2324},"docs\u002Fcomponents\u002Foverlays\u002Fdropdown.md",true,{"type":688,"value":689,"toc":2301},"minimark",[690,695,699,865,892,897,910,913,1194,1201,1269,1273,1291,1294,1527,1541,1545,1558,1561,1650,1654,1660,1663,1748,1752,1761,1764,1856,1860,1867,1870,1873,1913,1920,1923,1927,1931,1953,2014,2018,2040,2181,2195,2199,2240,2244,2263,2267,2297],[691,692,694],"h2",{"id":693},"usage","Usage",[696,697],"component-example",{"name":698},"dropdown-basic",[700,701,706],"pre",{"className":702,"code":703,"language":704,"meta":705,"style":705},"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","",[707,708,709,724,733,753,782,797,806,812,831,837,846,856],"code",{"__ignoreMap":705},[710,711,713,717,721],"span",{"class":712,"line":8},"line",[710,714,716],{"class":715},"sVt8B","\u003C",[710,718,720],{"class":719},"s9eBZ","template",[710,722,723],{"class":715},">\n",[710,725,727,730],{"class":712,"line":726},2,[710,728,729],{"class":715},"  \u003C",[710,731,732],{"class":719},"SDropdown\n",[710,734,736,739,743,746,750],{"class":712,"line":735},3,[710,737,738],{"class":715},"    :",[710,740,742],{"class":741},"sScJk","items",[710,744,745],{"class":715},"=",[710,747,749],{"class":748},"sZZnC","\"",[710,751,752],{"class":715},"[\n",[710,754,756,759,762,765,768,771,774,776,779],{"class":712,"line":755},4,[710,757,758],{"class":715},"      [{ label: ",[710,760,761],{"class":748},"'Edit'",[710,763,764],{"class":715},", icon: ",[710,766,767],{"class":748},"'hugeicons:pencil'",[710,769,770],{"class":715}," }, { label: ",[710,772,773],{"class":748},"'Duplicate'",[710,775,764],{"class":715},[710,777,778],{"class":748},"'hugeicons:copy'",[710,780,781],{"class":715}," }],\n",[710,783,785,787,790,792,795],{"class":712,"line":784},5,[710,786,758],{"class":715},[710,788,789],{"class":748},"'Delete'",[710,791,764],{"class":715},[710,793,794],{"class":748},"'hugeicons:delete-02'",[710,796,781],{"class":715},[710,798,800,803],{"class":712,"line":799},6,[710,801,802],{"class":715},"    ]",[710,804,805],{"class":748},"\"\n",[710,807,809],{"class":712,"line":808},7,[710,810,811],{"class":715},"  >\n",[710,813,815,818,821,824,826,829],{"class":712,"line":814},8,[710,816,817],{"class":715},"    \u003C",[710,819,820],{"class":719},"SButton",[710,822,823],{"class":741}," variant",[710,825,745],{"class":715},[710,827,828],{"class":748},"\"outline\"",[710,830,723],{"class":715},[710,832,834],{"class":712,"line":833},9,[710,835,836],{"class":715},"      Open dropdown\n",[710,838,839,842,844],{"class":712,"line":13},[710,840,841],{"class":715},"    \u003C\u002F",[710,843,820],{"class":719},[710,845,723],{"class":715},[710,847,848,851,854],{"class":712,"line":151},[710,849,850],{"class":715},"  \u003C\u002F",[710,852,853],{"class":719},"SDropdown",[710,855,723],{"class":715},[710,857,858,861,863],{"class":712,"line":170},[710,859,860],{"class":715},"\u003C\u002F",[710,862,720],{"class":719},[710,864,723],{"class":715},[866,867,868,869,872,873,876,877,6,880,883,884,887,888,891],"p",{},"Items are an array of groups — a separator is rendered between each group.\nItems can run ",[707,870,871],{},"onSelect"," actions or navigate through ",[707,874,875],{},"to"," (including\nexternal URLs, with ",[707,878,879],{},"target",[707,881,882],{},"rel"," when needed). ",[707,885,886],{},"shortcut"," renders a Kbd\nhint; set ",[707,889,890],{},"hotkey: true"," to bind it while the dropdown is open.",[893,894,896],"h3",{"id":895},"groups-and-separators","Groups and separators",[866,898,899,901,902,905,906,909],{},[707,900,742],{}," is a ",[707,903,904],{},"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 ",[707,907,908],{},"type: 'separator'"," item in this API. Split the items into\nanother inner array wherever a boundary belongs.",[696,911],{"name":912},"dropdown-groups",[700,914,916],{"className":702,"code":915,"language":704,"meta":705,"style":705},"\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",[707,917,918,938,963,1000,1031,1039,1044,1052,1058,1080,1094,1099,1107,1116,1121,1126,1148,1163,1169,1178,1186],{"__ignoreMap":705},[710,919,920,922,925,928,931,933,936],{"class":712,"line":8},[710,921,716],{"class":715},[710,923,924],{"class":719},"script",[710,926,927],{"class":741}," setup",[710,929,930],{"class":741}," lang",[710,932,745],{"class":715},[710,934,935],{"class":748},"\"ts\"",[710,937,723],{"class":715},[710,939,940,944,948,951,954,957,960],{"class":712,"line":726},[710,941,943],{"class":942},"szBVR","const",[710,945,947],{"class":946},"sj4cs"," lastAction",[710,949,950],{"class":942}," =",[710,952,953],{"class":741}," ref",[710,955,956],{"class":715},"(",[710,958,959],{"class":748},"''",[710,961,962],{"class":715},")\n",[710,964,965,967,970,972,975,978,981,983,986,989,992,994,997],{"class":712,"line":735},[710,966,943],{"class":942},[710,968,969],{"class":946}," profile",[710,971,950],{"class":942},[710,973,974],{"class":715}," { label: ",[710,976,977],{"class":748},"'Profile'",[710,979,980],{"class":715},", ",[710,982,871],{"class":741},[710,984,985],{"class":715},": () ",[710,987,988],{"class":942},"=>",[710,990,991],{"class":715}," lastAction.value ",[710,993,745],{"class":942},[710,995,996],{"class":748}," 'Profile selected'",[710,998,999],{"class":715}," }\n",[710,1001,1002,1004,1007,1009,1011,1014,1016,1018,1020,1022,1024,1026,1029],{"class":712,"line":755},[710,1003,943],{"class":942},[710,1005,1006],{"class":946}," signOut",[710,1008,950],{"class":942},[710,1010,974],{"class":715},[710,1012,1013],{"class":748},"'Sign out'",[710,1015,980],{"class":715},[710,1017,871],{"class":741},[710,1019,985],{"class":715},[710,1021,988],{"class":942},[710,1023,991],{"class":715},[710,1025,745],{"class":942},[710,1027,1028],{"class":748}," 'Sign out selected'",[710,1030,999],{"class":715},[710,1032,1033,1035,1037],{"class":712,"line":784},[710,1034,860],{"class":715},[710,1036,924],{"class":719},[710,1038,723],{"class":715},[710,1040,1041],{"class":712,"line":799},[710,1042,1043],{"emptyLinePlaceholder":686},"\n",[710,1045,1046,1048,1050],{"class":712,"line":808},[710,1047,716],{"class":715},[710,1049,720],{"class":719},[710,1051,723],{"class":715},[710,1053,1054],{"class":712,"line":814},[710,1055,1057],{"class":1056},"sJ8bj","  \u003C!-- Two groups: a separator appears between Profile and Sign out. -->\n",[710,1059,1060,1062,1064,1067,1069,1071,1073,1076,1078],{"class":712,"line":833},[710,1061,729],{"class":715},[710,1063,853],{"class":719},[710,1065,1066],{"class":715}," :",[710,1068,742],{"class":741},[710,1070,745],{"class":715},[710,1072,749],{"class":748},[710,1074,1075],{"class":715},"[[profile], [signOut]]",[710,1077,749],{"class":748},[710,1079,723],{"class":715},[710,1081,1082,1084,1086,1088,1090,1092],{"class":712,"line":13},[710,1083,817],{"class":715},[710,1085,820],{"class":719},[710,1087,823],{"class":741},[710,1089,745],{"class":715},[710,1091,828],{"class":748},[710,1093,723],{"class":715},[710,1095,1096],{"class":712,"line":151},[710,1097,1098],{"class":715},"      Two groups\n",[710,1100,1101,1103,1105],{"class":712,"line":170},[710,1102,841],{"class":715},[710,1104,820],{"class":719},[710,1106,723],{"class":715},[710,1108,1110,1112,1114],{"class":712,"line":1109},13,[710,1111,850],{"class":715},[710,1113,853],{"class":719},[710,1115,723],{"class":715},[710,1117,1119],{"class":712,"line":1118},14,[710,1120,1043],{"emptyLinePlaceholder":686},[710,1122,1123],{"class":712,"line":648},[710,1124,1125],{"class":1056},"  \u003C!-- One group: no separator appears between the two items. -->\n",[710,1127,1129,1131,1133,1135,1137,1139,1141,1144,1146],{"class":712,"line":1128},16,[710,1130,729],{"class":715},[710,1132,853],{"class":719},[710,1134,1066],{"class":715},[710,1136,742],{"class":741},[710,1138,745],{"class":715},[710,1140,749],{"class":748},[710,1142,1143],{"class":715},"[[profile, signOut]]",[710,1145,749],{"class":748},[710,1147,723],{"class":715},[710,1149,1151,1153,1155,1157,1159,1161],{"class":712,"line":1150},17,[710,1152,817],{"class":715},[710,1154,820],{"class":719},[710,1156,823],{"class":741},[710,1158,745],{"class":715},[710,1160,828],{"class":748},[710,1162,723],{"class":715},[710,1164,1166],{"class":712,"line":1165},18,[710,1167,1168],{"class":715},"      One group\n",[710,1170,1172,1174,1176],{"class":712,"line":1171},19,[710,1173,841],{"class":715},[710,1175,820],{"class":719},[710,1177,723],{"class":715},[710,1179,1180,1182,1184],{"class":712,"line":30},[710,1181,850],{"class":715},[710,1183,853],{"class":719},[710,1185,723],{"class":715},[710,1187,1188,1190,1192],{"class":712,"line":247},[710,1189,860],{"class":715},[710,1191,720],{"class":719},[710,1193,723],{"class":715},[866,1195,1196,1197,1200],{},"Use ",[707,1198,1199],{},"ui.separator"," to change the separator's styling. This applies to the\nanchored menu and the adaptive mobile modal:",[700,1202,1206],{"className":1203,"code":1204,"language":1205,"meta":705,"style":705},"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",[707,1207,1208,1248,1261],{"__ignoreMap":705},[710,1209,1210,1212,1214,1216,1218,1220,1222,1224,1226,1228,1231,1233,1235,1238,1241,1244,1246],{"class":712,"line":8},[710,1211,716],{"class":715},[710,1213,853],{"class":719},[710,1215,1066],{"class":715},[710,1217,742],{"class":741},[710,1219,745],{"class":715},[710,1221,749],{"class":748},[710,1223,1075],{"class":715},[710,1225,749],{"class":748},[710,1227,1066],{"class":715},[710,1229,1230],{"class":741},"ui",[710,1232,745],{"class":715},[710,1234,749],{"class":748},[710,1236,1237],{"class":715},"{ separator: ",[710,1239,1240],{"class":748},"'my-2'",[710,1242,1243],{"class":715}," }",[710,1245,749],{"class":748},[710,1247,723],{"class":715},[710,1249,1250,1252,1254,1257,1259],{"class":712,"line":726},[710,1251,729],{"class":715},[710,1253,820],{"class":719},[710,1255,1256],{"class":715},">Account\u003C\u002F",[710,1258,820],{"class":719},[710,1260,723],{"class":715},[710,1262,1263,1265,1267],{"class":712,"line":735},[710,1264,860],{"class":715},[710,1266,853],{"class":719},[710,1268,723],{"class":715},[893,1270,1272],{"id":1271},"shortcuts-and-links","Shortcuts and links",[866,1274,1275,1277,1278,1280,1281,1284,1285,1287,1288,1290],{},[707,1276,886],{}," only displays the hint. Add ",[707,1279,890],{}," to activate the item\nwith that key while this dropdown is open. Use ",[707,1282,1283],{},"mod"," for the platform's\nprimary modifier (⌘ on macOS, Ctrl elsewhere). Items with ",[707,1286,875],{}," navigate as\nlinks by mouse, keyboard selection, or shortcut; action items call\n",[707,1289,871],{}," through the same selection path.",[696,1292],{"name":1293},"dropdown-shortcuts",[700,1295,1297],{"className":702,"code":1296,"language":704,"meta":705,"style":705},"\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",[707,1298,1299,1315,1331,1343,1386,1415,1439,1444,1452,1456,1464,1484,1498,1503,1511,1519],{"__ignoreMap":705},[710,1300,1301,1303,1305,1307,1309,1311,1313],{"class":712,"line":8},[710,1302,716],{"class":715},[710,1304,924],{"class":719},[710,1306,927],{"class":741},[710,1308,930],{"class":741},[710,1310,745],{"class":715},[710,1312,935],{"class":748},[710,1314,723],{"class":715},[710,1316,1317,1319,1321,1323,1325,1327,1329],{"class":712,"line":726},[710,1318,943],{"class":942},[710,1320,947],{"class":946},[710,1322,950],{"class":942},[710,1324,953],{"class":741},[710,1326,956],{"class":715},[710,1328,959],{"class":748},[710,1330,962],{"class":715},[710,1332,1333,1335,1338,1340],{"class":712,"line":735},[710,1334,943],{"class":942},[710,1336,1337],{"class":946}," items",[710,1339,950],{"class":942},[710,1341,1342],{"class":715}," [[\n",[710,1344,1345,1348,1351,1353,1356,1359,1362,1365,1368,1370,1372,1374,1376,1378,1380,1383],{"class":712,"line":755},[710,1346,1347],{"class":715},"  { label: ",[710,1349,1350],{"class":748},"'Save draft'",[710,1352,764],{"class":715},[710,1354,1355],{"class":748},"'hugeicons:floppy-disk'",[710,1357,1358],{"class":715},", shortcut: ",[710,1360,1361],{"class":748},"'mod+s'",[710,1363,1364],{"class":715},", hotkey: ",[710,1366,1367],{"class":946},"true",[710,1369,980],{"class":715},[710,1371,871],{"class":741},[710,1373,985],{"class":715},[710,1375,988],{"class":942},[710,1377,991],{"class":715},[710,1379,745],{"class":942},[710,1381,1382],{"class":748}," 'Saved draft'",[710,1384,1385],{"class":715}," },\n",[710,1387,1388,1390,1393,1395,1398,1400,1402,1404,1406,1408,1410,1413],{"class":712,"line":784},[710,1389,1347],{"class":715},[710,1391,1392],{"class":748},"'Preview'",[710,1394,1358],{"class":715},[710,1396,1397],{"class":748},"'mod+p'",[710,1399,980],{"class":715},[710,1401,871],{"class":741},[710,1403,985],{"class":715},[710,1405,988],{"class":942},[710,1407,991],{"class":715},[710,1409,745],{"class":942},[710,1411,1412],{"class":748}," 'Preview opened'",[710,1414,1385],{"class":715},[710,1416,1417,1419,1422,1425,1428,1430,1433,1435,1437],{"class":712,"line":799},[710,1418,1347],{"class":715},[710,1420,1421],{"class":748},"'Documentation'",[710,1423,1424],{"class":715},", to: ",[710,1426,1427],{"class":748},"'\u002Fcomponents\u002Foverlays\u002Fcontext-menu'",[710,1429,1358],{"class":715},[710,1431,1432],{"class":748},"'mod+shift+d'",[710,1434,1364],{"class":715},[710,1436,1367],{"class":946},[710,1438,1385],{"class":715},[710,1440,1441],{"class":712,"line":808},[710,1442,1443],{"class":715},"]]\n",[710,1445,1446,1448,1450],{"class":712,"line":814},[710,1447,860],{"class":715},[710,1449,924],{"class":719},[710,1451,723],{"class":715},[710,1453,1454],{"class":712,"line":833},[710,1455,1043],{"emptyLinePlaceholder":686},[710,1457,1458,1460,1462],{"class":712,"line":13},[710,1459,716],{"class":715},[710,1461,720],{"class":719},[710,1463,723],{"class":715},[710,1465,1466,1468,1470,1472,1474,1476,1478,1480,1482],{"class":712,"line":151},[710,1467,729],{"class":715},[710,1469,853],{"class":719},[710,1471,1066],{"class":715},[710,1473,742],{"class":741},[710,1475,745],{"class":715},[710,1477,749],{"class":748},[710,1479,742],{"class":715},[710,1481,749],{"class":748},[710,1483,723],{"class":715},[710,1485,1486,1488,1490,1492,1494,1496],{"class":712,"line":170},[710,1487,817],{"class":715},[710,1489,820],{"class":719},[710,1491,823],{"class":741},[710,1493,745],{"class":715},[710,1495,828],{"class":748},[710,1497,723],{"class":715},[710,1499,1500],{"class":712,"line":1109},[710,1501,1502],{"class":715},"      Open actions\n",[710,1504,1505,1507,1509],{"class":712,"line":1118},[710,1506,841],{"class":715},[710,1508,820],{"class":719},[710,1510,723],{"class":715},[710,1512,1513,1515,1517],{"class":712,"line":648},[710,1514,850],{"class":715},[710,1516,853],{"class":719},[710,1518,723],{"class":715},[710,1520,1521,1523,1525],{"class":712,"line":1128},[710,1522,860],{"class":715},[710,1524,720],{"class":719},[710,1526,723],{"class":715},[866,1528,1529,1530,1533,1534,1536,1537,1540],{},"In this example, ",[707,1531,1532],{},"Save draft"," and ",[707,1535,560],{}," respond to their shortcuts;\n",[707,1538,1539],{},"Preview"," shows a hint only. Open the dropdown before pressing a menu shortcut.",[893,1542,1544],{"id":1543},"custom-item-content","Custom item content",[866,1546,1547,1548,1551,1552,1554,1555,1557],{},"The ",[707,1549,1550],{},"item"," slot replaces an item's plain-text label with anything,\nscoped with ",[707,1553,1550],{},", so a single template can vary per item. The component\ncontinues to render ",[707,1556,886],{}," after the slot content automatically:",[696,1559],{"name":1560},"dropdown-custom-item",[700,1562,1564],{"className":1203,"code":1563,"language":1205,"meta":705,"style":705},"\u003CSDropdown :items=\"items\">\n  \u003Ctemplate #item=\"{ item }\">\n    \u003Cspan class=\"flex-1\">{{ item.label }}\u003C\u002Fspan>\n  \u003C\u002Ftemplate>\n  ...\n\u003C\u002FSDropdown>\n",[707,1565,1566,1586,1608,1629,1637,1642],{"__ignoreMap":705},[710,1567,1568,1570,1572,1574,1576,1578,1580,1582,1584],{"class":712,"line":8},[710,1569,716],{"class":715},[710,1571,853],{"class":719},[710,1573,1066],{"class":715},[710,1575,742],{"class":741},[710,1577,745],{"class":715},[710,1579,749],{"class":748},[710,1581,742],{"class":715},[710,1583,749],{"class":748},[710,1585,723],{"class":715},[710,1587,1588,1590,1592,1595,1597,1599,1601,1604,1606],{"class":712,"line":726},[710,1589,729],{"class":715},[710,1591,720],{"class":719},[710,1593,1594],{"class":715}," #",[710,1596,1550],{"class":741},[710,1598,745],{"class":715},[710,1600,749],{"class":748},[710,1602,1603],{"class":715},"{ item }",[710,1605,749],{"class":748},[710,1607,723],{"class":715},[710,1609,1610,1612,1614,1617,1619,1622,1625,1627],{"class":712,"line":735},[710,1611,817],{"class":715},[710,1613,710],{"class":719},[710,1615,1616],{"class":741}," class",[710,1618,745],{"class":715},[710,1620,1621],{"class":748},"\"flex-1\"",[710,1623,1624],{"class":715},">{{ item.label }}\u003C\u002F",[710,1626,710],{"class":719},[710,1628,723],{"class":715},[710,1630,1631,1633,1635],{"class":712,"line":755},[710,1632,850],{"class":715},[710,1634,720],{"class":719},[710,1636,723],{"class":715},[710,1638,1639],{"class":712,"line":784},[710,1640,1641],{"class":715},"  ...\n",[710,1643,1644,1646,1648],{"class":712,"line":799},[710,1645,860],{"class":715},[710,1647,853],{"class":719},[710,1649,723],{"class":715},[893,1651,1653],{"id":1652},"destructive-items","Destructive items",[866,1655,1656,1659],{},[707,1657,1658],{},"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:",[696,1661],{"name":1662},"dropdown-destructive",[700,1664,1666],{"className":1203,"code":1665,"language":1205,"meta":705,"style":705},"\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",[707,1667,1668,1674,1687,1708,1725,1732,1736,1740],{"__ignoreMap":705},[710,1669,1670,1672],{"class":712,"line":8},[710,1671,716],{"class":715},[710,1673,732],{"class":719},[710,1675,1676,1679,1681,1683,1685],{"class":712,"line":726},[710,1677,1678],{"class":715},"  :",[710,1680,742],{"class":741},[710,1682,745],{"class":715},[710,1684,749],{"class":748},[710,1686,752],{"class":715},[710,1688,1689,1692,1694,1696,1698,1700,1702,1704,1706],{"class":712,"line":735},[710,1690,1691],{"class":715},"    [{ label: ",[710,1693,761],{"class":748},[710,1695,764],{"class":715},[710,1697,767],{"class":748},[710,1699,770],{"class":715},[710,1701,773],{"class":748},[710,1703,764],{"class":715},[710,1705,778],{"class":748},[710,1707,781],{"class":715},[710,1709,1710,1712,1714,1716,1718,1721,1723],{"class":712,"line":755},[710,1711,1691],{"class":715},[710,1713,789],{"class":748},[710,1715,764],{"class":715},[710,1717,794],{"class":748},[710,1719,1720],{"class":715},", destructive: ",[710,1722,1367],{"class":946},[710,1724,781],{"class":715},[710,1726,1727,1730],{"class":712,"line":784},[710,1728,1729],{"class":715},"  ]",[710,1731,805],{"class":748},[710,1733,1734],{"class":712,"line":799},[710,1735,723],{"class":715},[710,1737,1738],{"class":712,"line":808},[710,1739,1641],{"class":715},[710,1741,1742,1744,1746],{"class":712,"line":814},[710,1743,860],{"class":715},[710,1745,853],{"class":719},[710,1747,723],{"class":715},[893,1749,1751],{"id":1750},"arrow","Arrow",[866,1753,1754,1756,1757,1760],{},[707,1755,1750],{}," shows a small pointer triangle connecting the menu to its trigger.\nPass an object to configure its width, height, rounded tip, or corner\nclearance (",[707,1758,1759],{},"padding","):",[696,1762],{"name":1763},"dropdown-arrow",[700,1765,1767],{"className":1203,"code":1766,"language":1205,"meta":705,"style":705},"\u003CSDropdown :items=\"items\" arrow>...\u003C\u002FSDropdown>\n\u003CSDropdown :items=\"items\" :arrow=\"{ width: 16, height: 8, rounded: true, padding: 12 }\">...\u003C\u002FSDropdown>\n",[707,1768,1769,1797],{"__ignoreMap":705},[710,1770,1771,1773,1775,1777,1779,1781,1783,1785,1787,1790,1793,1795],{"class":712,"line":8},[710,1772,716],{"class":715},[710,1774,853],{"class":719},[710,1776,1066],{"class":715},[710,1778,742],{"class":741},[710,1780,745],{"class":715},[710,1782,749],{"class":748},[710,1784,742],{"class":715},[710,1786,749],{"class":748},[710,1788,1789],{"class":741}," arrow",[710,1791,1792],{"class":715},">...\u003C\u002F",[710,1794,853],{"class":719},[710,1796,723],{"class":715},[710,1798,1799,1801,1803,1805,1807,1809,1811,1813,1815,1817,1819,1821,1823,1826,1829,1832,1835,1838,1840,1843,1846,1848,1850,1852,1854],{"class":712,"line":726},[710,1800,716],{"class":715},[710,1802,853],{"class":719},[710,1804,1066],{"class":715},[710,1806,742],{"class":741},[710,1808,745],{"class":715},[710,1810,749],{"class":748},[710,1812,742],{"class":715},[710,1814,749],{"class":748},[710,1816,1066],{"class":715},[710,1818,1750],{"class":741},[710,1820,745],{"class":715},[710,1822,749],{"class":748},[710,1824,1825],{"class":715},"{ width: ",[710,1827,1828],{"class":946},"16",[710,1830,1831],{"class":715},", height: ",[710,1833,1834],{"class":946},"8",[710,1836,1837],{"class":715},", rounded: ",[710,1839,1367],{"class":946},[710,1841,1842],{"class":715},", padding: ",[710,1844,1845],{"class":946},"12",[710,1847,1243],{"class":715},[710,1849,749],{"class":748},[710,1851,1792],{"class":715},[710,1853,853],{"class":719},[710,1855,723],{"class":715},[893,1857,1859],{"id":1858},"adaptive-mobile-presentation","Adaptive mobile presentation",[866,1861,1862,1863,1866],{},"Set ",[707,1864,1865],{},"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.",[696,1868],{"name":1869},"dropdown-adaptive",[893,1871,62],{"id":1872},"accessibility",[866,1874,1875,1876,6,1879,1882,1883,1886,1887,1890,1891,6,1895,1898,1899,6,1902,1905,1906,1909,1910,1912],{},"Dropdown renders Reka UI's DropdownMenu primitive, so the accessibility\nsemantics come from there rather than being reimplemented here: the\ntrigger exposes ",[707,1877,1878],{},"aria-haspopup",[707,1880,1881],{},"aria-expanded",", the menu itself is\n",[707,1884,1885],{},"role=\"menu\""," with each item as ",[707,1888,1889],{},"role=\"menuitem\"",",\n",[1892,1893,1894],"kbd",{},"↑",[1892,1896,1897],{},"↓"," move between items (wrapping past either end),\ntyping a letter jumps to the next matching item, and\n",[1892,1900,1901],{},"Enter",[1892,1903,1904],{},"Space"," selects the highlighted one -\n",[1892,1907,1908],{},"Escape"," or an outside click closes the menu and returns focus\nto the trigger. With ",[707,1911,1865],{}," 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.",[893,1914,1916,1917],{"id":1915},"custom-ui","Custom ",[707,1918,1919],{},":ui",[866,1921,1922],{},"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:",[1924,1925],"theme-source",{"name":1926},"dropdown",[893,1928,1930],{"id":1929},"positioning-and-portal","Positioning and portal",[866,1932,1196,1933,1936,1937,1940,1941,1944,1945,1948,1949,1952],{},[707,1934,1935],{},"positioning"," for the menu's side, alignment, offsets, and collision\nbehavior. ",[707,1938,1939],{},"portal"," defaults to the document body; set it to ",[707,1942,1943],{},"false"," to render\ninline or pass a CSS selector or ",[707,1946,1947],{},"HTMLElement"," as the teleport target.\n",[707,1950,1951],{},"ui.content"," remains the styling override.",[700,1954,1956],{"className":1203,"code":1955,"language":1205,"meta":705,"style":705},"\u003CSDropdown :items=\"items\" :positioning=\"{ side: 'top', align: 'end' }\" portal=\"#overlay-root\">...\u003C\u002FSDropdown>\n",[707,1957,1958],{"__ignoreMap":705},[710,1959,1960,1962,1964,1966,1968,1970,1972,1974,1976,1978,1980,1982,1984,1987,1990,1993,1996,1998,2000,2003,2005,2008,2010,2012],{"class":712,"line":8},[710,1961,716],{"class":715},[710,1963,853],{"class":719},[710,1965,1066],{"class":715},[710,1967,742],{"class":741},[710,1969,745],{"class":715},[710,1971,749],{"class":748},[710,1973,742],{"class":715},[710,1975,749],{"class":748},[710,1977,1066],{"class":715},[710,1979,1935],{"class":741},[710,1981,745],{"class":715},[710,1983,749],{"class":748},[710,1985,1986],{"class":715},"{ side: ",[710,1988,1989],{"class":748},"'top'",[710,1991,1992],{"class":715},", align: ",[710,1994,1995],{"class":748},"'end'",[710,1997,1243],{"class":715},[710,1999,749],{"class":748},[710,2001,2002],{"class":741}," portal",[710,2004,745],{"class":715},[710,2006,2007],{"class":748},"\"#overlay-root\"",[710,2009,1792],{"class":715},[710,2011,853],{"class":719},[710,2013,723],{"class":715},[691,2015,2017],{"id":2016},"props","Props",[866,2019,2020,2021,2023,2024,2028,2029,2031,2032,1533,2034,2036,2037,2039],{},"For the ",[707,2022,742],{}," array shape, see ",[2025,2026,896],"a",{"href":2027},"#groups-and-separators",".\nFor link items, use ",[707,2030,875],{}," with optional ",[707,2033,879],{},[707,2035,882],{},". Shortcut hints\nare display-only unless ",[707,2038,890],{}," is set.",[2041,2042,2043,2059],"table",{},[2044,2045,2046],"thead",{},[2047,2048,2049,2053,2056],"tr",{},[2050,2051,2052],"th",{},"Prop",[2050,2054,2055],{},"Type",[2050,2057,2058],{},"Default",[2060,2061,2062,2078,2093,2109,2124,2138,2154,2168],"tbody",{},[2047,2063,2064,2070,2075],{},[2065,2066,2067],"td",{},[707,2068,2069],{},"open",[2065,2071,2072],{},[707,2073,2074],{},"boolean",[2065,2076,2077],{},"uncontrolled (initially closed)",[2047,2079,2080,2085,2089],{},[2065,2081,2082],{},[707,2083,2084],{},"defaultOpen",[2065,2086,2087],{},[707,2088,2074],{},[2065,2090,2091],{},[707,2092,1943],{},[2047,2094,2095,2101,2106],{},[2065,2096,2097],{},[2025,2098,2099],{"href":2027},[707,2100,742],{},[2065,2102,2103],{},[707,2104,2105],{},"{ label: string; icon?: string; disabled?: boolean; destructive?: boolean; onSelect?: () => void; to?: string; target?: string; rel?: string; shortcut?: string; hotkey?: boolean }[][]",[2065,2107,2108],{},"-",[2047,2110,2111,2115,2120],{},[2065,2112,2113],{},[707,2114,1750],{},[2065,2116,2117],{},[707,2118,2119],{},"boolean | RoundedArrowConfig",[2065,2121,2122],{},[707,2123,1943],{},[2047,2125,2126,2130,2135],{},[2065,2127,2128],{},[707,2129,1935],{},[2065,2131,2132],{},[707,2133,2134],{},"OverlayPositioning",[2065,2136,2137],{},"menu defaults",[2047,2139,2140,2144,2149],{},[2065,2141,2142],{},[707,2143,1939],{},[2065,2145,2146],{},[707,2147,2148],{},"boolean | string | HTMLElement",[2065,2150,2151,2153],{},[707,2152,1367],{}," (document body)",[2047,2155,2156,2160,2164],{},[2065,2157,2158],{},[707,2159,1865],{},[2065,2161,2162],{},[707,2163,2074],{},[2065,2165,2166],{},[707,2167,1943],{},[2047,2169,2170,2174,2179],{},[2065,2171,2172],{},[707,2173,1230],{},[2065,2175,2176],{},[707,2177,2178],{},"Partial\u003CRecord\u003C'content' | 'item' | 'icon' | 'separator' | 'arrow' | 'mobileList' | 'mobileGroup', string | object>>",[2065,2180,2108],{},[866,2182,2183,2184,2187,2188,2191,2192,2194],{},"A ",[707,2185,2186],{},"class"," passed to ",[707,2189,2190],{},"\u003CSDropdown>"," is merged into its default-slot trigger element. Use ",[707,2193,1951],{}," to style the floating menu.",[691,2196,2198],{"id":2197},"slots","Slots",[2041,2200,2201,2213],{},[2044,2202,2203],{},[2047,2204,2205,2208,2210],{},[2050,2206,2207],{},"Slot",[2050,2209,2017],{},[2050,2211,2212],{},"Description",[2060,2214,2215,2227],{},[2047,2216,2217,2222,2224],{},[2065,2218,2219],{},[707,2220,2221],{},"default",[2065,2223,2108],{},[2065,2225,2226],{},"The trigger element",[2047,2228,2229,2233,2237],{},[2065,2230,2231],{},[707,2232,1550],{},[2065,2234,2235],{},[707,2236,1603],{},[2065,2238,2239],{},"Replaces an item's label content",[893,2241,2243],{"id":2242},"initial-and-controlled-visibility","Initial and controlled visibility",[866,2245,2246,2248,2249,2251,2252,2255,2256,2259,2260,2262],{},[707,2247,2084],{}," sets initial visibility when ",[707,2250,2069],{}," is omitted. Use ",[707,2253,2254],{},"v-model:open","\nwhen a parent owns visibility; ",[707,2257,2258],{},"update:open"," proposes changes without overriding\nthe parent's value. Changing ",[707,2261,2084],{}," after mount does not control the overlay.",[691,2264,2266],{"id":2265},"events","Events",[2041,2268,2269,2282],{},[2044,2270,2271],{},[2047,2272,2273,2276,2279],{},[2050,2274,2275],{},"Event",[2050,2277,2278],{},"Payload",[2050,2280,2281],{},"Purpose",[2060,2283,2284],{},[2047,2285,2286,2290,2294],{},[2065,2287,2288],{},[707,2289,2258],{},[2065,2291,2292],{},[707,2293,2074],{},[2065,2295,2296],{},"Requests opening or closing the menu or adaptive modal",[2298,2299,2300],"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":705,"searchDepth":735,"depth":735,"links":2302},[2303,2315,2316,2319],{"id":693,"depth":726,"text":694,"children":2304},[2305,2306,2307,2308,2309,2310,2311,2312,2314],{"id":895,"depth":735,"text":896},{"id":1271,"depth":735,"text":1272},{"id":1543,"depth":735,"text":1544},{"id":1652,"depth":735,"text":1653},{"id":1750,"depth":735,"text":1751},{"id":1858,"depth":735,"text":1859},{"id":1872,"depth":735,"text":62},{"id":1915,"depth":735,"text":2313},"Custom :ui",{"id":1929,"depth":735,"text":1930},{"id":2016,"depth":726,"text":2017},{"id":2197,"depth":726,"text":2198,"children":2317},[2318],{"id":2242,"depth":735,"text":2243},{"id":2265,"depth":726,"text":2266},"A menu of grouped actions built on Reka UI's DropdownMenu primitive.","md",{},{"title":395,"description":2320},"kmjn5zfyjJ1_tkcKuMRZ46OjtROO8pZzL_Nq_FBNBC8",{"id":2326,"title":395,"aside":686,"body":2327,"collapse":10,"description":3725,"editLink":686,"extension":2321,"icon":9,"issueLink":686,"meta":3726,"navBadges":9,"navigation":9,"order":398,"path":3727,"prevNext":686,"seo":3728,"stem":3729,"toc":686,"__hash__":3730},"docs\u002Fid\u002Fcomponents\u002Foverlays\u002Fdropdown.md",{"type":688,"value":2328,"toc":3707},[2329,2333,2335,2449,2469,2473,2484,2486,2729,2735,2795,2799,2816,2818,3030,3042,3046,3058,3060,3142,3146,3151,3153,3233,3235,3242,3244,3326,3330,3336,3338,3342,3371,3375,3378,3380,3384,3401,3455,3457,3478,3602,3613,3615,3654,3658,3675,3677,3705],[691,2330,2332],{"id":2331},"penggunaan","Penggunaan",[696,2334],{"name":698},[700,2336,2337],{"className":702,"code":703,"language":704,"meta":705,"style":705},[707,2338,2339,2347,2353,2365,2385,2397,2403,2407,2421,2425,2433,2441],{"__ignoreMap":705},[710,2340,2341,2343,2345],{"class":712,"line":8},[710,2342,716],{"class":715},[710,2344,720],{"class":719},[710,2346,723],{"class":715},[710,2348,2349,2351],{"class":712,"line":726},[710,2350,729],{"class":715},[710,2352,732],{"class":719},[710,2354,2355,2357,2359,2361,2363],{"class":712,"line":735},[710,2356,738],{"class":715},[710,2358,742],{"class":741},[710,2360,745],{"class":715},[710,2362,749],{"class":748},[710,2364,752],{"class":715},[710,2366,2367,2369,2371,2373,2375,2377,2379,2381,2383],{"class":712,"line":755},[710,2368,758],{"class":715},[710,2370,761],{"class":748},[710,2372,764],{"class":715},[710,2374,767],{"class":748},[710,2376,770],{"class":715},[710,2378,773],{"class":748},[710,2380,764],{"class":715},[710,2382,778],{"class":748},[710,2384,781],{"class":715},[710,2386,2387,2389,2391,2393,2395],{"class":712,"line":784},[710,2388,758],{"class":715},[710,2390,789],{"class":748},[710,2392,764],{"class":715},[710,2394,794],{"class":748},[710,2396,781],{"class":715},[710,2398,2399,2401],{"class":712,"line":799},[710,2400,802],{"class":715},[710,2402,805],{"class":748},[710,2404,2405],{"class":712,"line":808},[710,2406,811],{"class":715},[710,2408,2409,2411,2413,2415,2417,2419],{"class":712,"line":814},[710,2410,817],{"class":715},[710,2412,820],{"class":719},[710,2414,823],{"class":741},[710,2416,745],{"class":715},[710,2418,828],{"class":748},[710,2420,723],{"class":715},[710,2422,2423],{"class":712,"line":833},[710,2424,836],{"class":715},[710,2426,2427,2429,2431],{"class":712,"line":13},[710,2428,841],{"class":715},[710,2430,820],{"class":719},[710,2432,723],{"class":715},[710,2434,2435,2437,2439],{"class":712,"line":151},[710,2436,850],{"class":715},[710,2438,853],{"class":719},[710,2440,723],{"class":715},[710,2442,2443,2445,2447],{"class":712,"line":170},[710,2444,860],{"class":715},[710,2446,720],{"class":719},[710,2448,723],{"class":715},[866,2450,2451,2452,2454,2455,2457,2458,6,2460,2462,2463,2465,2466,2468],{},"Item adalah array grup — separator dirender di antara setiap grup. Item dapat menjalankan aksi ",[707,2453,871],{}," atau bernavigasi melalui ",[707,2456,875],{}," (termasuk URL eksternal, dengan ",[707,2459,879],{},[707,2461,882],{}," bila diperlukan). ",[707,2464,886],{}," merender petunjuk Kbd; atur ",[707,2467,890],{}," untuk mengikatnya saat dropdown terbuka.",[893,2470,2472],{"id":2471},"grup-dan-separator","Grup dan separator",[866,2474,2475,2477,2478,2480,2481,2483],{},[707,2476,742],{}," adalah ",[707,2479,904],{},": setiap array dalam adalah satu grup. Selaras menambahkan separator di antara grup; item dalam grup yang sama tidak memiliki separator di antaranya. Tidak ada item ",[707,2482,908],{}," terpisah dalam API ini. Pisahkan item ke array dalam lain di mana pun batas seharusnya berada.",[696,2485],{"name":912},[700,2487,2489],{"className":702,"code":2488,"language":704,"meta":705,"style":705},"\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!-- Dua grup: separator muncul di antara Profile dan Sign out. -->\n  \u003CSDropdown :items=\"[[profile], [signOut]]\">\n    \u003CSButton variant=\"outline\">\n      Two groups\n    \u003C\u002FSButton>\n  \u003C\u002FSDropdown>\n\n  \u003C!-- Satu grup: tidak ada separator yang muncul di antara kedua item. -->\n  \u003CSDropdown :items=\"[[profile, signOut]]\">\n    \u003CSButton variant=\"outline\">\n      One group\n    \u003C\u002FSButton>\n  \u003C\u002FSDropdown>\n\u003C\u002Ftemplate>\n",[707,2490,2491,2507,2523,2551,2579,2587,2591,2599,2604,2624,2638,2642,2650,2658,2662,2667,2687,2701,2705,2713,2721],{"__ignoreMap":705},[710,2492,2493,2495,2497,2499,2501,2503,2505],{"class":712,"line":8},[710,2494,716],{"class":715},[710,2496,924],{"class":719},[710,2498,927],{"class":741},[710,2500,930],{"class":741},[710,2502,745],{"class":715},[710,2504,935],{"class":748},[710,2506,723],{"class":715},[710,2508,2509,2511,2513,2515,2517,2519,2521],{"class":712,"line":726},[710,2510,943],{"class":942},[710,2512,947],{"class":946},[710,2514,950],{"class":942},[710,2516,953],{"class":741},[710,2518,956],{"class":715},[710,2520,959],{"class":748},[710,2522,962],{"class":715},[710,2524,2525,2527,2529,2531,2533,2535,2537,2539,2541,2543,2545,2547,2549],{"class":712,"line":735},[710,2526,943],{"class":942},[710,2528,969],{"class":946},[710,2530,950],{"class":942},[710,2532,974],{"class":715},[710,2534,977],{"class":748},[710,2536,980],{"class":715},[710,2538,871],{"class":741},[710,2540,985],{"class":715},[710,2542,988],{"class":942},[710,2544,991],{"class":715},[710,2546,745],{"class":942},[710,2548,996],{"class":748},[710,2550,999],{"class":715},[710,2552,2553,2555,2557,2559,2561,2563,2565,2567,2569,2571,2573,2575,2577],{"class":712,"line":755},[710,2554,943],{"class":942},[710,2556,1006],{"class":946},[710,2558,950],{"class":942},[710,2560,974],{"class":715},[710,2562,1013],{"class":748},[710,2564,980],{"class":715},[710,2566,871],{"class":741},[710,2568,985],{"class":715},[710,2570,988],{"class":942},[710,2572,991],{"class":715},[710,2574,745],{"class":942},[710,2576,1028],{"class":748},[710,2578,999],{"class":715},[710,2580,2581,2583,2585],{"class":712,"line":784},[710,2582,860],{"class":715},[710,2584,924],{"class":719},[710,2586,723],{"class":715},[710,2588,2589],{"class":712,"line":799},[710,2590,1043],{"emptyLinePlaceholder":686},[710,2592,2593,2595,2597],{"class":712,"line":808},[710,2594,716],{"class":715},[710,2596,720],{"class":719},[710,2598,723],{"class":715},[710,2600,2601],{"class":712,"line":814},[710,2602,2603],{"class":1056},"  \u003C!-- Dua grup: separator muncul di antara Profile dan Sign out. -->\n",[710,2605,2606,2608,2610,2612,2614,2616,2618,2620,2622],{"class":712,"line":833},[710,2607,729],{"class":715},[710,2609,853],{"class":719},[710,2611,1066],{"class":715},[710,2613,742],{"class":741},[710,2615,745],{"class":715},[710,2617,749],{"class":748},[710,2619,1075],{"class":715},[710,2621,749],{"class":748},[710,2623,723],{"class":715},[710,2625,2626,2628,2630,2632,2634,2636],{"class":712,"line":13},[710,2627,817],{"class":715},[710,2629,820],{"class":719},[710,2631,823],{"class":741},[710,2633,745],{"class":715},[710,2635,828],{"class":748},[710,2637,723],{"class":715},[710,2639,2640],{"class":712,"line":151},[710,2641,1098],{"class":715},[710,2643,2644,2646,2648],{"class":712,"line":170},[710,2645,841],{"class":715},[710,2647,820],{"class":719},[710,2649,723],{"class":715},[710,2651,2652,2654,2656],{"class":712,"line":1109},[710,2653,850],{"class":715},[710,2655,853],{"class":719},[710,2657,723],{"class":715},[710,2659,2660],{"class":712,"line":1118},[710,2661,1043],{"emptyLinePlaceholder":686},[710,2663,2664],{"class":712,"line":648},[710,2665,2666],{"class":1056},"  \u003C!-- Satu grup: tidak ada separator yang muncul di antara kedua item. -->\n",[710,2668,2669,2671,2673,2675,2677,2679,2681,2683,2685],{"class":712,"line":1128},[710,2670,729],{"class":715},[710,2672,853],{"class":719},[710,2674,1066],{"class":715},[710,2676,742],{"class":741},[710,2678,745],{"class":715},[710,2680,749],{"class":748},[710,2682,1143],{"class":715},[710,2684,749],{"class":748},[710,2686,723],{"class":715},[710,2688,2689,2691,2693,2695,2697,2699],{"class":712,"line":1150},[710,2690,817],{"class":715},[710,2692,820],{"class":719},[710,2694,823],{"class":741},[710,2696,745],{"class":715},[710,2698,828],{"class":748},[710,2700,723],{"class":715},[710,2702,2703],{"class":712,"line":1165},[710,2704,1168],{"class":715},[710,2706,2707,2709,2711],{"class":712,"line":1171},[710,2708,841],{"class":715},[710,2710,820],{"class":719},[710,2712,723],{"class":715},[710,2714,2715,2717,2719],{"class":712,"line":30},[710,2716,850],{"class":715},[710,2718,853],{"class":719},[710,2720,723],{"class":715},[710,2722,2723,2725,2727],{"class":712,"line":247},[710,2724,860],{"class":715},[710,2726,720],{"class":719},[710,2728,723],{"class":715},[866,2730,2731,2732,2734],{},"Gunakan ",[707,2733,1199],{}," untuk mengubah styling separator. Ini berlaku untuk menu berjangkar dan modal mobile adaptif:",[700,2736,2737],{"className":1203,"code":1204,"language":1205,"meta":705,"style":705},[707,2738,2739,2775,2787],{"__ignoreMap":705},[710,2740,2741,2743,2745,2747,2749,2751,2753,2755,2757,2759,2761,2763,2765,2767,2769,2771,2773],{"class":712,"line":8},[710,2742,716],{"class":715},[710,2744,853],{"class":719},[710,2746,1066],{"class":715},[710,2748,742],{"class":741},[710,2750,745],{"class":715},[710,2752,749],{"class":748},[710,2754,1075],{"class":715},[710,2756,749],{"class":748},[710,2758,1066],{"class":715},[710,2760,1230],{"class":741},[710,2762,745],{"class":715},[710,2764,749],{"class":748},[710,2766,1237],{"class":715},[710,2768,1240],{"class":748},[710,2770,1243],{"class":715},[710,2772,749],{"class":748},[710,2774,723],{"class":715},[710,2776,2777,2779,2781,2783,2785],{"class":712,"line":726},[710,2778,729],{"class":715},[710,2780,820],{"class":719},[710,2782,1256],{"class":715},[710,2784,820],{"class":719},[710,2786,723],{"class":715},[710,2788,2789,2791,2793],{"class":712,"line":735},[710,2790,860],{"class":715},[710,2792,853],{"class":719},[710,2794,723],{"class":715},[893,2796,2798],{"id":2797},"shortcut-dan-link","Shortcut dan link",[866,2800,2801,2803,2804,2806,2807,2809,2810,2812,2813,2815],{},[707,2802,886],{}," hanya menampilkan petunjuk. Tambahkan ",[707,2805,890],{}," untuk mengaktifkan item dengan tombol itu saat dropdown ini terbuka. Gunakan ",[707,2808,1283],{}," untuk modifier utama platform (⌘ di macOS, Ctrl di tempat lain). Item dengan ",[707,2811,875],{}," bernavigasi sebagai link lewat mouse, seleksi keyboard, atau shortcut; item aksi memanggil ",[707,2814,871],{}," melalui jalur seleksi yang sama.",[696,2817],{"name":1293},[700,2819,2820],{"className":702,"code":1296,"language":704,"meta":705,"style":705},[707,2821,2822,2838,2854,2864,2898,2924,2944,2948,2956,2960,2968,2988,3002,3006,3014,3022],{"__ignoreMap":705},[710,2823,2824,2826,2828,2830,2832,2834,2836],{"class":712,"line":8},[710,2825,716],{"class":715},[710,2827,924],{"class":719},[710,2829,927],{"class":741},[710,2831,930],{"class":741},[710,2833,745],{"class":715},[710,2835,935],{"class":748},[710,2837,723],{"class":715},[710,2839,2840,2842,2844,2846,2848,2850,2852],{"class":712,"line":726},[710,2841,943],{"class":942},[710,2843,947],{"class":946},[710,2845,950],{"class":942},[710,2847,953],{"class":741},[710,2849,956],{"class":715},[710,2851,959],{"class":748},[710,2853,962],{"class":715},[710,2855,2856,2858,2860,2862],{"class":712,"line":735},[710,2857,943],{"class":942},[710,2859,1337],{"class":946},[710,2861,950],{"class":942},[710,2863,1342],{"class":715},[710,2865,2866,2868,2870,2872,2874,2876,2878,2880,2882,2884,2886,2888,2890,2892,2894,2896],{"class":712,"line":755},[710,2867,1347],{"class":715},[710,2869,1350],{"class":748},[710,2871,764],{"class":715},[710,2873,1355],{"class":748},[710,2875,1358],{"class":715},[710,2877,1361],{"class":748},[710,2879,1364],{"class":715},[710,2881,1367],{"class":946},[710,2883,980],{"class":715},[710,2885,871],{"class":741},[710,2887,985],{"class":715},[710,2889,988],{"class":942},[710,2891,991],{"class":715},[710,2893,745],{"class":942},[710,2895,1382],{"class":748},[710,2897,1385],{"class":715},[710,2899,2900,2902,2904,2906,2908,2910,2912,2914,2916,2918,2920,2922],{"class":712,"line":784},[710,2901,1347],{"class":715},[710,2903,1392],{"class":748},[710,2905,1358],{"class":715},[710,2907,1397],{"class":748},[710,2909,980],{"class":715},[710,2911,871],{"class":741},[710,2913,985],{"class":715},[710,2915,988],{"class":942},[710,2917,991],{"class":715},[710,2919,745],{"class":942},[710,2921,1412],{"class":748},[710,2923,1385],{"class":715},[710,2925,2926,2928,2930,2932,2934,2936,2938,2940,2942],{"class":712,"line":799},[710,2927,1347],{"class":715},[710,2929,1421],{"class":748},[710,2931,1424],{"class":715},[710,2933,1427],{"class":748},[710,2935,1358],{"class":715},[710,2937,1432],{"class":748},[710,2939,1364],{"class":715},[710,2941,1367],{"class":946},[710,2943,1385],{"class":715},[710,2945,2946],{"class":712,"line":808},[710,2947,1443],{"class":715},[710,2949,2950,2952,2954],{"class":712,"line":814},[710,2951,860],{"class":715},[710,2953,924],{"class":719},[710,2955,723],{"class":715},[710,2957,2958],{"class":712,"line":833},[710,2959,1043],{"emptyLinePlaceholder":686},[710,2961,2962,2964,2966],{"class":712,"line":13},[710,2963,716],{"class":715},[710,2965,720],{"class":719},[710,2967,723],{"class":715},[710,2969,2970,2972,2974,2976,2978,2980,2982,2984,2986],{"class":712,"line":151},[710,2971,729],{"class":715},[710,2973,853],{"class":719},[710,2975,1066],{"class":715},[710,2977,742],{"class":741},[710,2979,745],{"class":715},[710,2981,749],{"class":748},[710,2983,742],{"class":715},[710,2985,749],{"class":748},[710,2987,723],{"class":715},[710,2989,2990,2992,2994,2996,2998,3000],{"class":712,"line":170},[710,2991,817],{"class":715},[710,2993,820],{"class":719},[710,2995,823],{"class":741},[710,2997,745],{"class":715},[710,2999,828],{"class":748},[710,3001,723],{"class":715},[710,3003,3004],{"class":712,"line":1109},[710,3005,1502],{"class":715},[710,3007,3008,3010,3012],{"class":712,"line":1118},[710,3009,841],{"class":715},[710,3011,820],{"class":719},[710,3013,723],{"class":715},[710,3015,3016,3018,3020],{"class":712,"line":648},[710,3017,850],{"class":715},[710,3019,853],{"class":719},[710,3021,723],{"class":715},[710,3023,3024,3026,3028],{"class":712,"line":1128},[710,3025,860],{"class":715},[710,3027,720],{"class":719},[710,3029,723],{"class":715},[866,3031,3032,3033,3035,3036,3038,3039,3041],{},"Dalam contoh ini, ",[707,3034,1532],{}," dan ",[707,3037,560],{}," merespons shortcut mereka; ",[707,3040,1539],{}," hanya menampilkan petunjuk. Buka dropdown sebelum menekan shortcut menu.",[893,3043,3045],{"id":3044},"konten-item-kustom","Konten item kustom",[866,3047,3048,3049,3051,3052,3054,3055,3057],{},"Slot ",[707,3050,1550],{}," menggantikan label teks polos item dengan apa pun, di-scope dengan ",[707,3053,1550],{},", sehingga satu template dapat bervariasi per item. Komponen tetap merender ",[707,3056,886],{}," setelah konten slot secara otomatis:",[696,3059],{"name":1560},[700,3061,3062],{"className":1203,"code":1563,"language":1205,"meta":705,"style":705},[707,3063,3064,3084,3104,3122,3130,3134],{"__ignoreMap":705},[710,3065,3066,3068,3070,3072,3074,3076,3078,3080,3082],{"class":712,"line":8},[710,3067,716],{"class":715},[710,3069,853],{"class":719},[710,3071,1066],{"class":715},[710,3073,742],{"class":741},[710,3075,745],{"class":715},[710,3077,749],{"class":748},[710,3079,742],{"class":715},[710,3081,749],{"class":748},[710,3083,723],{"class":715},[710,3085,3086,3088,3090,3092,3094,3096,3098,3100,3102],{"class":712,"line":726},[710,3087,729],{"class":715},[710,3089,720],{"class":719},[710,3091,1594],{"class":715},[710,3093,1550],{"class":741},[710,3095,745],{"class":715},[710,3097,749],{"class":748},[710,3099,1603],{"class":715},[710,3101,749],{"class":748},[710,3103,723],{"class":715},[710,3105,3106,3108,3110,3112,3114,3116,3118,3120],{"class":712,"line":735},[710,3107,817],{"class":715},[710,3109,710],{"class":719},[710,3111,1616],{"class":741},[710,3113,745],{"class":715},[710,3115,1621],{"class":748},[710,3117,1624],{"class":715},[710,3119,710],{"class":719},[710,3121,723],{"class":715},[710,3123,3124,3126,3128],{"class":712,"line":755},[710,3125,850],{"class":715},[710,3127,720],{"class":719},[710,3129,723],{"class":715},[710,3131,3132],{"class":712,"line":784},[710,3133,1641],{"class":715},[710,3135,3136,3138,3140],{"class":712,"line":799},[710,3137,860],{"class":715},[710,3139,853],{"class":719},[710,3141,723],{"class":715},[893,3143,3145],{"id":3144},"item-destruktif","Item destruktif",[866,3147,3148,3150],{},[707,3149,1658],{}," men-style item untuk aksi bergaya hapus (teks danger, hover bernuansa danger) - hanya flag ini alih-alih pilihan warna penuh, karena item menu secara realistis hanya membutuhkan satu kasus khusus ini:",[696,3152],{"name":1662},[700,3154,3155],{"className":1203,"code":1665,"language":1205,"meta":705,"style":705},[707,3156,3157,3163,3175,3195,3211,3217,3221,3225],{"__ignoreMap":705},[710,3158,3159,3161],{"class":712,"line":8},[710,3160,716],{"class":715},[710,3162,732],{"class":719},[710,3164,3165,3167,3169,3171,3173],{"class":712,"line":726},[710,3166,1678],{"class":715},[710,3168,742],{"class":741},[710,3170,745],{"class":715},[710,3172,749],{"class":748},[710,3174,752],{"class":715},[710,3176,3177,3179,3181,3183,3185,3187,3189,3191,3193],{"class":712,"line":735},[710,3178,1691],{"class":715},[710,3180,761],{"class":748},[710,3182,764],{"class":715},[710,3184,767],{"class":748},[710,3186,770],{"class":715},[710,3188,773],{"class":748},[710,3190,764],{"class":715},[710,3192,778],{"class":748},[710,3194,781],{"class":715},[710,3196,3197,3199,3201,3203,3205,3207,3209],{"class":712,"line":755},[710,3198,1691],{"class":715},[710,3200,789],{"class":748},[710,3202,764],{"class":715},[710,3204,794],{"class":748},[710,3206,1720],{"class":715},[710,3208,1367],{"class":946},[710,3210,781],{"class":715},[710,3212,3213,3215],{"class":712,"line":784},[710,3214,1729],{"class":715},[710,3216,805],{"class":748},[710,3218,3219],{"class":712,"line":799},[710,3220,723],{"class":715},[710,3222,3223],{"class":712,"line":808},[710,3224,1641],{"class":715},[710,3226,3227,3229,3231],{"class":712,"line":814},[710,3228,860],{"class":715},[710,3230,853],{"class":719},[710,3232,723],{"class":715},[893,3234,1751],{"id":1750},[866,3236,3237,3239,3240,1760],{},[707,3238,1750],{}," menampilkan segitiga pointer kecil yang menghubungkan menu ke trigger-nya. Berikan objek untuk mengonfigurasi lebar, tinggi, ujung membulat, atau clearance sudut (",[707,3241,1759],{},[696,3243],{"name":1763},[700,3245,3246],{"className":1203,"code":1766,"language":1205,"meta":705,"style":705},[707,3247,3248,3274],{"__ignoreMap":705},[710,3249,3250,3252,3254,3256,3258,3260,3262,3264,3266,3268,3270,3272],{"class":712,"line":8},[710,3251,716],{"class":715},[710,3253,853],{"class":719},[710,3255,1066],{"class":715},[710,3257,742],{"class":741},[710,3259,745],{"class":715},[710,3261,749],{"class":748},[710,3263,742],{"class":715},[710,3265,749],{"class":748},[710,3267,1789],{"class":741},[710,3269,1792],{"class":715},[710,3271,853],{"class":719},[710,3273,723],{"class":715},[710,3275,3276,3278,3280,3282,3284,3286,3288,3290,3292,3294,3296,3298,3300,3302,3304,3306,3308,3310,3312,3314,3316,3318,3320,3322,3324],{"class":712,"line":726},[710,3277,716],{"class":715},[710,3279,853],{"class":719},[710,3281,1066],{"class":715},[710,3283,742],{"class":741},[710,3285,745],{"class":715},[710,3287,749],{"class":748},[710,3289,742],{"class":715},[710,3291,749],{"class":748},[710,3293,1066],{"class":715},[710,3295,1750],{"class":741},[710,3297,745],{"class":715},[710,3299,749],{"class":748},[710,3301,1825],{"class":715},[710,3303,1828],{"class":946},[710,3305,1831],{"class":715},[710,3307,1834],{"class":946},[710,3309,1837],{"class":715},[710,3311,1367],{"class":946},[710,3313,1842],{"class":715},[710,3315,1845],{"class":946},[710,3317,1243],{"class":715},[710,3319,749],{"class":748},[710,3321,1792],{"class":715},[710,3323,853],{"class":719},[710,3325,723],{"class":715},[893,3327,3329],{"id":3328},"presentasi-mobile-adaptif","Presentasi mobile adaptif",[866,3331,3332,3333,3335],{},"Atur ",[707,3334,1865],{}," untuk menampilkan daftar aksi dalam modal di layar kecil sambil menjaga menu berjangkar di layar lebih besar. Ini opt-in; link, action handler, grup, slot item, dan petunjuk shortcut berfungsi di kedua presentasi. Modal menggunakan button dan link biasa, sehingga pengguna sentuh mendapat target lebih besar dan pengguna keyboard dapat berpindah antar aksi dengan Tab. Escape dan backdrop menutupnya dan mengembalikan fokus ke trigger.",[696,3337],{"name":1869},[893,3339,3341],{"id":3340},"aksesibilitas","Aksesibilitas",[866,3343,3344,3345,6,3347,3349,3350,3352,3353,980,3355,6,3357,3359,3360,6,3362,3364,3365,3367,3368,3370],{},"Dropdown merender primitif DropdownMenu milik Reka UI, sehingga semantik aksesibilitas berasal dari sana alih-alih diimplementasikan ulang di sini: trigger mengekspos ",[707,3346,1878],{},[707,3348,1881],{},", menu itu sendiri adalah ",[707,3351,1885],{}," dengan setiap item sebagai ",[707,3354,1889],{},[1892,3356,1894],{},[1892,3358,1897],{}," berpindah antar item (melewati kedua ujung), mengetik huruf melompat ke item cocok berikutnya, dan ",[1892,3361,1901],{},[1892,3363,1904],{}," memilih yang disorot - ",[1892,3366,1908],{}," atau klik di luar menutup menu dan mengembalikan fokus ke trigger. Dengan ",[707,3369,1865],{}," di layar kecil, daftar aksi menjadi dialog berisi link dan button native; fokus mengikuti urutan Tab normal dialog alih-alih navigasi tombol panah menu.",[893,3372,1916,3373],{"id":1915},[707,3374,1919],{},[866,3376,3377],{},"Untuk melihat dengan tepat apa yang akan Anda timpa - kelas default saat ini untuk setiap slot dan varian - berikut adalah file tema menu itu sendiri:",[1924,3379],{"name":1926},[893,3381,3383],{"id":3382},"positioning-dan-portal","Positioning dan portal",[866,3385,2731,3386,3388,3389,3391,3392,3394,3395,3397,3398,3400],{},[707,3387,1935],{}," untuk side, alignment, offset, dan perilaku collision menu. ",[707,3390,1939],{}," default ke body dokumen; atur ke ",[707,3393,1943],{}," untuk merender inline atau berikan selector CSS atau ",[707,3396,1947],{}," sebagai target teleport. ",[707,3399,1951],{}," tetap menjadi override styling.",[700,3402,3403],{"className":1203,"code":1955,"language":1205,"meta":705,"style":705},[707,3404,3405],{"__ignoreMap":705},[710,3406,3407,3409,3411,3413,3415,3417,3419,3421,3423,3425,3427,3429,3431,3433,3435,3437,3439,3441,3443,3445,3447,3449,3451,3453],{"class":712,"line":8},[710,3408,716],{"class":715},[710,3410,853],{"class":719},[710,3412,1066],{"class":715},[710,3414,742],{"class":741},[710,3416,745],{"class":715},[710,3418,749],{"class":748},[710,3420,742],{"class":715},[710,3422,749],{"class":748},[710,3424,1066],{"class":715},[710,3426,1935],{"class":741},[710,3428,745],{"class":715},[710,3430,749],{"class":748},[710,3432,1986],{"class":715},[710,3434,1989],{"class":748},[710,3436,1992],{"class":715},[710,3438,1995],{"class":748},[710,3440,1243],{"class":715},[710,3442,749],{"class":748},[710,3444,2002],{"class":741},[710,3446,745],{"class":715},[710,3448,2007],{"class":748},[710,3450,1792],{"class":715},[710,3452,853],{"class":719},[710,3454,723],{"class":715},[691,3456,2017],{"id":2016},[866,3458,3459,3460,3462,3463,3466,3467,3469,3470,3035,3472,3474,3475,3477],{},"Untuk bentuk array ",[707,3461,742],{},", lihat ",[2025,3464,2472],{"href":3465},"#grup-dan-separator",". Untuk item link, gunakan ",[707,3468,875],{}," dengan ",[707,3471,879],{},[707,3473,882],{}," opsional. Petunjuk shortcut hanya tampilan kecuali ",[707,3476,890],{}," diatur.",[2041,3479,3480,3491],{},[2044,3481,3482],{},[2047,3483,3484,3486,3489],{},[2050,3485,2052],{},[2050,3487,3488],{},"Tipe",[2050,3490,2058],{},[2060,3492,3493,3506,3520,3534,3548,3561,3576,3590],{},[2047,3494,3495,3499,3503],{},[2065,3496,3497],{},[707,3498,2069],{},[2065,3500,3501],{},[707,3502,2074],{},[2065,3504,3505],{},"tidak terkontrol (awalnya tertutup)",[2047,3507,3508,3512,3516],{},[2065,3509,3510],{},[707,3511,2084],{},[2065,3513,3514],{},[707,3515,2074],{},[2065,3517,3518],{},[707,3519,1943],{},[2047,3521,3522,3528,3532],{},[2065,3523,3524],{},[2025,3525,3526],{"href":3465},[707,3527,742],{},[2065,3529,3530],{},[707,3531,2105],{},[2065,3533,2108],{},[2047,3535,3536,3540,3544],{},[2065,3537,3538],{},[707,3539,1750],{},[2065,3541,3542],{},[707,3543,2119],{},[2065,3545,3546],{},[707,3547,1943],{},[2047,3549,3550,3554,3558],{},[2065,3551,3552],{},[707,3553,1935],{},[2065,3555,3556],{},[707,3557,2134],{},[2065,3559,3560],{},"default menu",[2047,3562,3563,3567,3571],{},[2065,3564,3565],{},[707,3566,1939],{},[2065,3568,3569],{},[707,3570,2148],{},[2065,3572,3573,3575],{},[707,3574,1367],{}," (body dokumen)",[2047,3577,3578,3582,3586],{},[2065,3579,3580],{},[707,3581,1865],{},[2065,3583,3584],{},[707,3585,2074],{},[2065,3587,3588],{},[707,3589,1943],{},[2047,3591,3592,3596,3600],{},[2065,3593,3594],{},[707,3595,1230],{},[2065,3597,3598],{},[707,3599,2178],{},[2065,3601,2108],{},[866,3603,3604,3606,3607,3609,3610,3612],{},[707,3605,2186],{}," yang diberikan ke ",[707,3608,2190],{}," digabungkan ke elemen trigger default-slot-nya. Gunakan ",[707,3611,1951],{}," untuk men-style menu mengambang.",[691,3614,2198],{"id":2197},[2041,3616,3617,3628],{},[2044,3618,3619],{},[2047,3620,3621,3623,3625],{},[2050,3622,2207],{},[2050,3624,2017],{},[2050,3626,3627],{},"Deskripsi",[2060,3629,3630,3641],{},[2047,3631,3632,3636,3638],{},[2065,3633,3634],{},[707,3635,2221],{},[2065,3637,2108],{},[2065,3639,3640],{},"Elemen trigger",[2047,3642,3643,3647,3651],{},[2065,3644,3645],{},[707,3646,1550],{},[2065,3648,3649],{},[707,3650,1603],{},[2065,3652,3653],{},"Menggantikan konten label item",[893,3655,3657],{"id":3656},"visibilitas-awal-dan-terkontrol","Visibilitas awal dan terkontrol",[866,3659,3660,3662,3663,3665,3666,3668,3669,3671,3672,3674],{},[707,3661,2084],{}," mengatur visibilitas awal ketika ",[707,3664,2069],{}," dihilangkan. Gunakan ",[707,3667,2254],{}," ketika parent memiliki visibilitas; ",[707,3670,2258],{}," mengusulkan perubahan tanpa mengoverride nilai parent. Mengubah ",[707,3673,2084],{}," setelah mount tidak mengontrol overlay.",[691,3676,2266],{"id":2265},[2041,3678,3679,3690],{},[2044,3680,3681],{},[2047,3682,3683,3685,3687],{},[2050,3684,2275],{},[2050,3686,2278],{},[2050,3688,3689],{},"Tujuan",[2060,3691,3692],{},[2047,3693,3694,3698,3702],{},[2065,3695,3696],{},[707,3697,2258],{},[2065,3699,3700],{},[707,3701,2074],{},[2065,3703,3704],{},"Meminta membuka atau menutup menu atau modal adaptif",[2298,3706,2300],{},{"title":705,"searchDepth":735,"depth":735,"links":3708},[3709,3720,3721,3724],{"id":2331,"depth":726,"text":2332,"children":3710},[3711,3712,3713,3714,3715,3716,3717,3718,3719],{"id":2471,"depth":735,"text":2472},{"id":2797,"depth":735,"text":2798},{"id":3044,"depth":735,"text":3045},{"id":3144,"depth":735,"text":3145},{"id":1750,"depth":735,"text":1751},{"id":3328,"depth":735,"text":3329},{"id":3340,"depth":735,"text":3341},{"id":1915,"depth":735,"text":2313},{"id":3382,"depth":735,"text":3383},{"id":2016,"depth":726,"text":2017},{"id":2197,"depth":726,"text":2198,"children":3722},[3723],{"id":3656,"depth":735,"text":3657},{"id":2265,"depth":726,"text":2266},"Menu berisi aksi yang dikelompokkan, dibangun di atas primitif DropdownMenu milik Reka UI.",{},"\u002Fid\u002Fcomponents\u002Foverlays\u002Fdropdown",{"title":395,"description":3725},"id\u002Fcomponents\u002Foverlays\u002Fdropdown","ud_npDRGNFUQUWaf8s9EJrKH4li3eIZxGE2ILG_HE6o",1792925238563]