[{"data":1,"prerenderedAt":1846},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fdropdown-menu":484,"\u002Fcomponents\u002Fdropdown-menu-surround":1841},[4,34,51,317,343,348,353,426],{"title":5,"path":6,"stem":7,"children":8,"package":11,"category":11,"icon":33},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18,23,28],{"title":10,"path":6,"stem":7,"package":11,"category":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"category":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"category":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles",{"title":24,"path":25,"stem":26,"package":11,"category":11,"icon":27},"CLI","\u002Fgetting-started\u002Fcli","1.getting-started\u002F4.cli","i-lucide-terminal",{"title":29,"path":30,"stem":31,"package":11,"category":11,"icon":32},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F5.roadmap","i-lucide-map","i-lucide-rocket",{"title":35,"package":11,"category":11,"icon":36,"path":37,"stem":38,"children":39,"page":50},"Packages","i-lucide-package","\u002Fpackages","2.packages",[40,45],{"title":41,"path":42,"stem":43,"package":11,"category":11,"icon":44},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":46,"path":47,"stem":48,"package":11,"category":11,"icon":49},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":52,"package":11,"category":11,"icon":53,"path":54,"stem":55,"children":56},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[57,59,66,72,78,84,89,94,99,105,111,116,121,126,131,137,142,147,152,156,161,165,170,175,180,185,190,195,200,204,209,214,219,224,229,234,239,244,249,254,258,262,267,272,277,282,287,292,296,300,304,308,312],{"title":52,"path":54,"stem":58,"package":11,"category":11,"icon":53},"3.components\u002Findex",{"title":60,"path":61,"stem":62,"package":63,"category":64,"icon":65},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","Navigation","i-lucide-list-collapse",{"title":67,"path":68,"stem":69,"package":63,"category":70,"icon":71},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","Data Display","i-lucide-triangle-alert",{"title":73,"path":74,"stem":75,"package":76,"category":77,"icon":71},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core","Overlay",{"title":79,"path":80,"stem":81,"package":63,"category":82,"icon":83},"App","\u002Fcomponents\u002Fapp","3.components\u002Fapp","Layout","i-lucide-smartphone",{"title":85,"path":86,"stem":87,"package":63,"category":82,"icon":88},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":90,"path":91,"stem":92,"package":63,"category":70,"icon":93},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":95,"path":96,"stem":97,"package":63,"category":70,"icon":98},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":100,"path":101,"stem":102,"package":63,"category":103,"icon":104},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","Buttons","i-lucide-square-mouse-pointer",{"title":106,"path":107,"stem":108,"package":63,"category":109,"icon":110},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","Form","i-lucide-calendar-days",{"title":112,"path":113,"stem":114,"package":63,"category":82,"icon":115},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":117,"path":118,"stem":119,"package":63,"category":109,"icon":120},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":122,"path":123,"stem":124,"package":76,"category":64,"icon":125},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":127,"path":128,"stem":129,"package":76,"category":77,"icon":130},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":132,"path":133,"stem":134,"package":76,"category":135,"icon":136},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","Gestures & Lists","i-lucide-move",{"title":138,"path":139,"stem":140,"package":63,"category":77,"icon":141},"Drawer","\u002Fcomponents\u002Fdrawer","3.components\u002Fdrawer","i-lucide-panel-bottom",{"title":143,"path":144,"stem":145,"package":63,"category":77,"icon":146},"Dropdown Menu","\u002Fcomponents\u002Fdropdown-menu","3.components\u002Fdropdown-menu","i-lucide-menu",{"title":148,"path":149,"stem":150,"package":63,"category":135,"icon":151},"Feed List","\u002Fcomponents\u002Ffeed-list","3.components\u002Ffeed-list","i-lucide-list",{"title":109,"path":153,"stem":154,"package":63,"category":109,"icon":155},"\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":157,"path":158,"stem":159,"package":63,"category":109,"icon":160},"Form Field","\u002Fcomponents\u002Fform-field","3.components\u002Fform-field","i-lucide-form-input",{"title":162,"path":163,"stem":164,"package":76,"category":70,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":166,"path":167,"stem":168,"package":63,"category":109,"icon":169},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":171,"path":172,"stem":173,"package":63,"category":174,"icon":141},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland","Dynamic Island",{"title":176,"path":177,"stem":178,"package":63,"category":174,"icon":179},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":181,"path":182,"stem":183,"package":63,"category":174,"icon":184},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":186,"path":187,"stem":188,"package":63,"category":11,"icon":189},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":191,"path":192,"stem":193,"package":63,"category":109,"icon":194},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":196,"path":197,"stem":198,"package":63,"category":77,"icon":199},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":64,"path":201,"stem":202,"package":76,"category":64,"icon":203},"\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":205,"path":206,"stem":207,"package":63,"category":109,"icon":208},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":210,"path":211,"stem":212,"package":63,"category":109,"icon":213},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":215,"path":216,"stem":217,"package":63,"category":82,"icon":218},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":220,"path":221,"stem":222,"package":63,"category":77,"icon":223},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":225,"path":226,"stem":227,"package":63,"category":70,"icon":228},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":230,"path":231,"stem":232,"package":63,"category":109,"icon":233},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":235,"path":236,"stem":237,"package":63,"category":109,"icon":238},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":240,"path":241,"stem":242,"package":76,"category":82,"icon":243},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":245,"path":246,"stem":247,"package":63,"category":109,"icon":248},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":250,"path":251,"stem":252,"package":63,"category":82,"icon":253},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":255,"path":256,"stem":257,"package":76,"category":77,"icon":141},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":259,"path":260,"stem":261,"package":63,"category":82,"icon":184},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":263,"path":264,"stem":265,"package":63,"category":109,"icon":266},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":268,"path":269,"stem":270,"package":63,"category":135,"icon":271},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":273,"path":274,"stem":275,"package":63,"category":64,"icon":276},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":278,"path":279,"stem":280,"package":63,"category":135,"icon":281},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":283,"path":284,"stem":285,"package":63,"category":135,"icon":286},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":288,"path":289,"stem":290,"package":63,"category":109,"icon":291},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":293,"path":294,"stem":295,"package":63,"category":64,"icon":184},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":297,"path":298,"stem":299,"package":63,"category":109,"icon":169},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":301,"path":302,"stem":303,"package":63,"category":77,"icon":223},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":305,"path":306,"stem":307,"package":63,"category":109,"icon":291},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":309,"path":310,"stem":311,"package":63,"category":109,"icon":184},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":313,"path":314,"stem":315,"package":63,"category":77,"icon":316},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":318,"path":319,"stem":320,"children":321,"package":11,"category":11,"icon":323},"Theming","\u002Ftheming","4.theming\u002F1.index",[322,324,328,333,338],{"title":318,"path":319,"stem":320,"package":11,"category":11,"icon":323},"i-lucide-palette",{"title":325,"path":326,"stem":327,"package":11,"category":11,"icon":266},"Overrides","\u002Ftheming\u002Foverrides","4.theming\u002F2.overrides",{"title":329,"path":330,"stem":331,"package":11,"category":11,"icon":332},"Colors","\u002Ftheming\u002Fcolors","4.theming\u002F3.colors","i-lucide-swatch-book",{"title":334,"path":335,"stem":336,"package":11,"category":11,"icon":337},"Dark Mode","\u002Ftheming\u002Fdark-mode","4.theming\u002F4.dark-mode","i-lucide-moon",{"title":339,"path":340,"stem":341,"package":11,"category":11,"icon":342},"Fonts","\u002Ftheming\u002Ffonts","4.theming\u002F5.fonts","i-lucide-type",{"title":344,"path":345,"stem":346,"package":11,"category":11,"icon":347},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":349,"path":350,"stem":351,"package":11,"category":11,"icon":352},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":354,"path":355,"stem":356,"children":357,"package":11,"category":11,"icon":359},"Composables","\u002Fcomposables","7.composables\u002F1.index",[358,360,365,370,375,380,384,389,394,399,403,407,411,416,421],{"title":354,"path":355,"stem":356,"package":11,"category":11,"icon":359},"i-lucide-square-function",{"title":361,"path":362,"stem":363,"package":11,"category":11,"icon":364},"useEmitAsProps","\u002Fcomposables\u002Fuse-emit-as-props","7.composables\u002F10.use-emit-as-props","i-lucide-zap",{"title":366,"path":367,"stem":368,"package":11,"category":11,"icon":369},"useForwardPropsEmits","\u002Fcomposables\u002Fuse-forward-props-emits","7.composables\u002F11.use-forward-props-emits","i-lucide-merge",{"title":371,"path":372,"stem":373,"package":11,"category":11,"icon":374},"useForwardExpose","\u002Fcomposables\u002Fuse-forward-expose","7.composables\u002F12.use-forward-expose","i-lucide-share-2",{"title":376,"path":377,"stem":378,"package":11,"category":11,"icon":379},"usePrimitiveElement","\u002Fcomposables\u002Fuse-primitive-element","7.composables\u002F14.use-primitive-element","i-lucide-crosshair",{"title":381,"path":382,"stem":383,"package":11,"category":11,"icon":83},"useSafeArea","\u002Fcomposables\u002Fuse-safe-area","7.composables\u002F15.use-safe-area",{"title":385,"path":386,"stem":387,"package":11,"category":11,"icon":388},"useGlobalEvent","\u002Fcomposables\u002Fuse-global-event","7.composables\u002F16.use-global-event","i-lucide-radio",{"title":390,"path":391,"stem":392,"package":11,"category":11,"icon":393},"getViewportSize","\u002Fcomposables\u002Fget-viewport-size","7.composables\u002F17.get-viewport-size","i-lucide-scaling",{"title":395,"path":396,"stem":397,"package":11,"category":11,"icon":398},"useAppConfig","\u002Fcomposables\u002Fuse-app-config","7.composables\u002F2.use-app-config","i-lucide-settings",{"title":400,"path":401,"stem":402,"package":11,"category":11,"icon":337},"useColorMode","\u002Fcomposables\u002Fuse-color-mode","7.composables\u002F3.use-color-mode",{"title":404,"path":405,"stem":406,"package":11,"category":11,"icon":141},"useTray","\u002Fcomposables\u002Fuse-tray","7.composables\u002F5.use-tray",{"title":408,"path":409,"stem":410,"package":11,"category":11,"icon":352},"i18n composables","\u002Fcomposables\u002Fi18n-composables","7.composables\u002F6.i18n-composables",{"title":412,"path":413,"stem":414,"package":11,"category":11,"icon":415},"useId","\u002Fcomposables\u002Fuse-id","7.composables\u002F7.use-id","i-lucide-hash",{"title":417,"path":418,"stem":419,"package":11,"category":11,"icon":420},"useFilter","\u002Fcomposables\u002Fuse-filter","7.composables\u002F8.use-filter","i-lucide-filter",{"title":422,"path":423,"stem":424,"package":11,"category":11,"icon":425},"useForwardProps","\u002Fcomposables\u002Fuse-forward-props","7.composables\u002F9.use-forward-props","i-lucide-arrow-right-left",{"title":427,"path":428,"stem":429,"children":430,"package":11,"category":11,"icon":432},"Guides","\u002Fguides","8.guides\u002F1.index",[431,433,437,442,446,451,456,461,465,470,474,479],{"title":427,"path":428,"stem":429,"package":11,"category":11,"icon":432},"i-lucide-book-open",{"title":434,"path":435,"stem":436,"package":11,"category":11,"icon":364},"Instant first frame","\u002Fguides\u002Finstant-first-frame-rendering","8.guides\u002F10.instant-first-frame-rendering",{"title":438,"path":439,"stem":440,"package":11,"category":11,"icon":441},"Why Vy UI","\u002Fguides\u002Fwhy-vy-ui","8.guides\u002F11.why-vy-ui","i-lucide-help-circle",{"title":443,"path":444,"stem":445,"package":11,"category":11,"icon":22},"Sparkling","\u002Fguides\u002Fsparkling","8.guides\u002F12.sparkling",{"title":447,"path":448,"stem":449,"package":11,"category":11,"icon":450},"Lynx UI frameworks","\u002Fguides\u002Flynx-ui-frameworks","8.guides\u002F2.lynx-ui-frameworks","i-lucide-library",{"title":452,"path":453,"stem":454,"package":11,"category":11,"icon":455},"Vue Lynx","\u002Fguides\u002Fvue-lynx","8.guides\u002F3.vue-lynx","i-lucide-component",{"title":457,"path":458,"stem":459,"package":11,"category":11,"icon":460},"Lynx vs React Native","\u002Fguides\u002Flynx-vs-react-native","8.guides\u002F4.lynx-vs-react-native","i-lucide-git-compare",{"title":462,"path":463,"stem":464,"package":11,"category":11,"icon":83},"Testing on device","\u002Fguides\u002Ftesting-on-device","8.guides\u002F5.testing-on-device",{"title":466,"path":467,"stem":468,"package":11,"category":11,"icon":469},"Testing with Xcode","\u002Fguides\u002Ftesting-with-xcode","8.guides\u002F6.testing-with-xcode","i-lucide-apple",{"title":471,"path":472,"stem":473,"package":11,"category":11,"icon":27},"rspeedy dev server","\u002Fguides\u002Frspeedy-dev-server","8.guides\u002F7.rspeedy-dev-server",{"title":475,"path":476,"stem":477,"package":11,"category":11,"icon":478},"Tailwind on Lynx","\u002Fguides\u002Ftailwind-on-lynx","8.guides\u002F8.tailwind-on-lynx","i-lucide-wind",{"title":480,"path":481,"stem":482,"package":11,"category":11,"icon":483},"Theming on Lynx","\u002Fguides\u002Ftheming-on-lynx","8.guides\u002F9.theming-on-lynx","i-lucide-paintbrush",{"id":485,"title":143,"body":486,"category":77,"description":1829,"extension":1830,"links":1831,"meta":1837,"navigation":1838,"package":63,"path":144,"seo":1839,"stem":145,"__hash__":1840},"docs\u002F3.components\u002Fdropdown-menu.md",{"type":487,"value":488,"toc":1810},"minimark",[489,494,509,513,520,905,910,921,1095,1099,1109,1201,1205,1214,1292,1296,1324,1476,1480,1570,1574,1578,1582,1586,1589,1593,1596,1600,1610,1725,1742,1745,1755,1759,1778,1782,1806],[490,491,493],"h2",{"id":492},"overview","Overview",[495,496,497,501,502,504,505,508],"p",{},[498,499,500],"code",{},"VyDropdownMenu"," renders a list of actions in an overlay docked to its trigger. It composes the ",[498,503,41],{}," dropdown primitives, takes its rows from an ",[498,506,507],{},"items"," array, and measures the trigger on open so the menu appears beside it rather than centered on screen.",[490,510,512],{"id":511},"usage","Usage",[495,514,515,516,519],{},"The default slot is the trigger. It is already wired to toggle the menu, so do not add a ",[498,517,518],{},"@tap"," handler that also sets the open state.",[521,522,527],"pre",{"className":523,"code":524,"language":525,"meta":526,"style":526},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { VyDropdownMenu } from '@vyui\u002Fkit\u002Fdropdown-menu'\nimport { VyButton } from '@vyui\u002Fkit\u002Fbutton'\n\nconst items = [\n  { label: 'Edit', icon: 'i-lucide-pencil', onSelect: () => edit() },\n  { label: 'Duplicate', icon: 'i-lucide-copy', onSelect: () => duplicate() },\n  { label: 'Delete', icon: 'i-lucide-trash-2', color: 'error', onSelect: () => remove() },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyDropdownMenu :items=\"items\">\n    \u003CVyButton label=\"Actions\" trailing-icon=\"i-lucide-chevron-down\" \u002F>\n  \u003C\u002FVyDropdownMenu>\n\u003C\u002Ftemplate>\n","vue","",[498,528,529,564,593,614,621,635,693,739,799,805,815,820,830,851,886,896],{"__ignoreMap":526},[530,531,534,538,542,546,549,552,555,559,561],"span",{"class":532,"line":533},"line",1,[530,535,537],{"class":536},"sMK4o","\u003C",[530,539,541],{"class":540},"swJcz","script",[530,543,545],{"class":544},"spNyl"," setup",[530,547,548],{"class":544}," lang",[530,550,551],{"class":536},"=",[530,553,554],{"class":536},"\"",[530,556,558],{"class":557},"sfazB","ts",[530,560,554],{"class":536},[530,562,563],{"class":536},">\n",[530,565,567,571,574,578,581,584,587,590],{"class":532,"line":566},2,[530,568,570],{"class":569},"s7zQu","import",[530,572,573],{"class":536}," {",[530,575,577],{"class":576},"sTEyZ"," VyDropdownMenu",[530,579,580],{"class":536}," }",[530,582,583],{"class":569}," from",[530,585,586],{"class":536}," '",[530,588,589],{"class":557},"@vyui\u002Fkit\u002Fdropdown-menu",[530,591,592],{"class":536},"'\n",[530,594,596,598,600,603,605,607,609,612],{"class":532,"line":595},3,[530,597,570],{"class":569},[530,599,573],{"class":536},[530,601,602],{"class":576}," VyButton",[530,604,580],{"class":536},[530,606,583],{"class":569},[530,608,586],{"class":536},[530,610,611],{"class":557},"@vyui\u002Fkit\u002Fbutton",[530,613,592],{"class":536},[530,615,617],{"class":532,"line":616},4,[530,618,620],{"emptyLinePlaceholder":619},true,"\n",[530,622,624,627,630,632],{"class":532,"line":623},5,[530,625,626],{"class":544},"const",[530,628,629],{"class":576}," items ",[530,631,551],{"class":536},[530,633,634],{"class":576}," [\n",[530,636,638,641,644,647,649,652,655,658,661,663,665,668,670,672,676,678,681,684,687,690],{"class":532,"line":637},6,[530,639,640],{"class":536},"  {",[530,642,643],{"class":540}," label",[530,645,646],{"class":536},":",[530,648,586],{"class":536},[530,650,651],{"class":557},"Edit",[530,653,654],{"class":536},"'",[530,656,657],{"class":536},",",[530,659,660],{"class":540}," icon",[530,662,646],{"class":536},[530,664,586],{"class":536},[530,666,667],{"class":557},"i-lucide-pencil",[530,669,654],{"class":536},[530,671,657],{"class":536},[530,673,675],{"class":674},"s2Zo4"," onSelect",[530,677,646],{"class":536},[530,679,680],{"class":536}," ()",[530,682,683],{"class":544}," =>",[530,685,686],{"class":674}," edit",[530,688,689],{"class":576},"() ",[530,691,692],{"class":536},"},\n",[530,694,696,698,700,702,704,707,709,711,713,715,717,720,722,724,726,728,730,732,735,737],{"class":532,"line":695},7,[530,697,640],{"class":536},[530,699,643],{"class":540},[530,701,646],{"class":536},[530,703,586],{"class":536},[530,705,706],{"class":557},"Duplicate",[530,708,654],{"class":536},[530,710,657],{"class":536},[530,712,660],{"class":540},[530,714,646],{"class":536},[530,716,586],{"class":536},[530,718,719],{"class":557},"i-lucide-copy",[530,721,654],{"class":536},[530,723,657],{"class":536},[530,725,675],{"class":674},[530,727,646],{"class":536},[530,729,680],{"class":536},[530,731,683],{"class":544},[530,733,734],{"class":674}," duplicate",[530,736,689],{"class":576},[530,738,692],{"class":536},[530,740,742,744,746,748,750,753,755,757,759,761,763,766,768,770,773,775,777,780,782,784,786,788,790,792,795,797],{"class":532,"line":741},8,[530,743,640],{"class":536},[530,745,643],{"class":540},[530,747,646],{"class":536},[530,749,586],{"class":536},[530,751,752],{"class":557},"Delete",[530,754,654],{"class":536},[530,756,657],{"class":536},[530,758,660],{"class":540},[530,760,646],{"class":536},[530,762,586],{"class":536},[530,764,765],{"class":557},"i-lucide-trash-2",[530,767,654],{"class":536},[530,769,657],{"class":536},[530,771,772],{"class":540}," color",[530,774,646],{"class":536},[530,776,586],{"class":536},[530,778,779],{"class":557},"error",[530,781,654],{"class":536},[530,783,657],{"class":536},[530,785,675],{"class":674},[530,787,646],{"class":536},[530,789,680],{"class":536},[530,791,683],{"class":544},[530,793,794],{"class":674}," remove",[530,796,689],{"class":576},[530,798,692],{"class":536},[530,800,802],{"class":532,"line":801},9,[530,803,804],{"class":576},"]\n",[530,806,808,811,813],{"class":532,"line":807},10,[530,809,810],{"class":536},"\u003C\u002F",[530,812,541],{"class":540},[530,814,563],{"class":536},[530,816,818],{"class":532,"line":817},11,[530,819,620],{"emptyLinePlaceholder":619},[530,821,823,825,828],{"class":532,"line":822},12,[530,824,537],{"class":536},[530,826,827],{"class":540},"template",[530,829,563],{"class":536},[530,831,833,836,838,841,843,845,847,849],{"class":532,"line":832},13,[530,834,835],{"class":536},"  \u003C",[530,837,500],{"class":540},[530,839,840],{"class":544}," :items",[530,842,551],{"class":536},[530,844,554],{"class":536},[530,846,507],{"class":557},[530,848,554],{"class":536},[530,850,563],{"class":536},[530,852,854,857,860,862,864,866,869,871,874,876,878,881,883],{"class":532,"line":853},14,[530,855,856],{"class":536},"    \u003C",[530,858,859],{"class":540},"VyButton",[530,861,643],{"class":544},[530,863,551],{"class":536},[530,865,554],{"class":536},[530,867,868],{"class":557},"Actions",[530,870,554],{"class":536},[530,872,873],{"class":544}," trailing-icon",[530,875,551],{"class":536},[530,877,554],{"class":536},[530,879,880],{"class":557},"i-lucide-chevron-down",[530,882,554],{"class":536},[530,884,885],{"class":536}," \u002F>\n",[530,887,889,892,894],{"class":532,"line":888},15,[530,890,891],{"class":536},"  \u003C\u002F",[530,893,500],{"class":540},[530,895,563],{"class":536},[530,897,899,901,903],{"class":532,"line":898},16,[530,900,810],{"class":536},[530,902,827],{"class":540},[530,904,563],{"class":536},[906,907,909],"h3",{"id":908},"groups","Groups",[495,911,912,913,916,917,920],{},"A nested array renders each inner array as a group with a separator between them. Inside a group, ",[498,914,915],{},"type: 'separator'"," and ",[498,918,919],{},"type: 'label'"," add structural rows.",[521,922,925],{"className":923,"code":924,"language":558,"meta":526,"style":526},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const items = [\n  [\n    { type: 'label', label: 'Document' },\n    { label: 'Rename', icon: 'i-lucide-pencil' },\n    { label: 'Share', icon: 'i-lucide-share-2' },\n  ],\n  [\n    { label: 'Delete', icon: 'i-lucide-trash-2', color: 'error' },\n  ],\n]\n",[498,926,927,937,942,975,1004,1033,1041,1045,1085,1091],{"__ignoreMap":526},[530,928,929,931,933,935],{"class":532,"line":533},[530,930,626],{"class":544},[530,932,629],{"class":576},[530,934,551],{"class":536},[530,936,634],{"class":576},[530,938,939],{"class":532,"line":566},[530,940,941],{"class":576},"  [\n",[530,943,944,947,950,952,954,957,959,961,963,965,967,970,972],{"class":532,"line":595},[530,945,946],{"class":536},"    {",[530,948,949],{"class":540}," type",[530,951,646],{"class":536},[530,953,586],{"class":536},[530,955,956],{"class":557},"label",[530,958,654],{"class":536},[530,960,657],{"class":536},[530,962,643],{"class":540},[530,964,646],{"class":536},[530,966,586],{"class":536},[530,968,969],{"class":557},"Document",[530,971,654],{"class":536},[530,973,974],{"class":536}," },\n",[530,976,977,979,981,983,985,988,990,992,994,996,998,1000,1002],{"class":532,"line":616},[530,978,946],{"class":536},[530,980,643],{"class":540},[530,982,646],{"class":536},[530,984,586],{"class":536},[530,986,987],{"class":557},"Rename",[530,989,654],{"class":536},[530,991,657],{"class":536},[530,993,660],{"class":540},[530,995,646],{"class":536},[530,997,586],{"class":536},[530,999,667],{"class":557},[530,1001,654],{"class":536},[530,1003,974],{"class":536},[530,1005,1006,1008,1010,1012,1014,1017,1019,1021,1023,1025,1027,1029,1031],{"class":532,"line":623},[530,1007,946],{"class":536},[530,1009,643],{"class":540},[530,1011,646],{"class":536},[530,1013,586],{"class":536},[530,1015,1016],{"class":557},"Share",[530,1018,654],{"class":536},[530,1020,657],{"class":536},[530,1022,660],{"class":540},[530,1024,646],{"class":536},[530,1026,586],{"class":536},[530,1028,374],{"class":557},[530,1030,654],{"class":536},[530,1032,974],{"class":536},[530,1034,1035,1038],{"class":532,"line":637},[530,1036,1037],{"class":576},"  ]",[530,1039,1040],{"class":536},",\n",[530,1042,1043],{"class":532,"line":695},[530,1044,941],{"class":576},[530,1046,1047,1049,1051,1053,1055,1057,1059,1061,1063,1065,1067,1069,1071,1073,1075,1077,1079,1081,1083],{"class":532,"line":741},[530,1048,946],{"class":536},[530,1050,643],{"class":540},[530,1052,646],{"class":536},[530,1054,586],{"class":536},[530,1056,752],{"class":557},[530,1058,654],{"class":536},[530,1060,657],{"class":536},[530,1062,660],{"class":540},[530,1064,646],{"class":536},[530,1066,586],{"class":536},[530,1068,765],{"class":557},[530,1070,654],{"class":536},[530,1072,657],{"class":536},[530,1074,772],{"class":540},[530,1076,646],{"class":536},[530,1078,586],{"class":536},[530,1080,779],{"class":557},[530,1082,654],{"class":536},[530,1084,974],{"class":536},[530,1086,1087,1089],{"class":532,"line":801},[530,1088,1037],{"class":576},[530,1090,1040],{"class":536},[530,1092,1093],{"class":532,"line":807},[530,1094,804],{"class":576},[906,1096,1098],{"id":1097},"checkbox-items","Checkbox items",[495,1100,1101,1104,1105,1108],{},[498,1102,1103],{},"type: 'checkbox'"," renders a checked indicator and reports changes through ",[498,1106,1107],{},"onUpdateChecked",".",[521,1110,1112],{"className":923,"code":1111,"language":558,"meta":526,"style":526},"const items = [\n  { type: 'checkbox', label: 'Show archived', checked: showArchived, onUpdateChecked: (v: boolean) => (showArchived = v) },\n]\n",[498,1113,1114,1124,1197],{"__ignoreMap":526},[530,1115,1116,1118,1120,1122],{"class":532,"line":533},[530,1117,626],{"class":544},[530,1119,629],{"class":576},[530,1121,551],{"class":536},[530,1123,634],{"class":576},[530,1125,1126,1128,1130,1132,1134,1137,1139,1141,1143,1145,1147,1150,1152,1154,1157,1159,1162,1164,1167,1169,1172,1176,1178,1182,1185,1187,1190,1192,1195],{"class":532,"line":566},[530,1127,640],{"class":536},[530,1129,949],{"class":540},[530,1131,646],{"class":536},[530,1133,586],{"class":536},[530,1135,1136],{"class":557},"checkbox",[530,1138,654],{"class":536},[530,1140,657],{"class":536},[530,1142,643],{"class":540},[530,1144,646],{"class":536},[530,1146,586],{"class":536},[530,1148,1149],{"class":557},"Show archived",[530,1151,654],{"class":536},[530,1153,657],{"class":536},[530,1155,1156],{"class":540}," checked",[530,1158,646],{"class":536},[530,1160,1161],{"class":576}," showArchived",[530,1163,657],{"class":536},[530,1165,1166],{"class":674}," onUpdateChecked",[530,1168,646],{"class":536},[530,1170,1171],{"class":536}," (",[530,1173,1175],{"class":1174},"sHdIc","v",[530,1177,646],{"class":536},[530,1179,1181],{"class":1180},"sBMFI"," boolean",[530,1183,1184],{"class":536},")",[530,1186,683],{"class":544},[530,1188,1189],{"class":576}," (showArchived ",[530,1191,551],{"class":536},[530,1193,1194],{"class":576}," v) ",[530,1196,692],{"class":536},[530,1198,1199],{"class":532,"line":595},[530,1200,804],{"class":576},[906,1202,1204],{"id":1203},"positioning","Positioning",[495,1206,1207,1210,1211,1108],{},[498,1208,1209],{},"content"," chooses the dock edge and offsets, defaulting to ",[498,1212,1213],{},"{ side: 'bottom', sideOffset: 8, align: 'start' }",[521,1215,1217],{"className":523,"code":1216,"language":525,"meta":526,"style":526},"\u003Ctemplate>\n  \u003CVyDropdownMenu :items=\"items\" :content=\"{ side: 'top', align: 'end', sideOffset: 12 }\">\n    \u003CVyButton icon=\"i-lucide-ellipsis-vertical\" \u002F>\n  \u003C\u002FVyDropdownMenu>\n\u003C\u002Ftemplate>\n",[498,1218,1219,1227,1257,1276,1284],{"__ignoreMap":526},[530,1220,1221,1223,1225],{"class":532,"line":533},[530,1222,537],{"class":536},[530,1224,827],{"class":540},[530,1226,563],{"class":536},[530,1228,1229,1231,1233,1235,1237,1239,1241,1243,1246,1248,1250,1253,1255],{"class":532,"line":566},[530,1230,835],{"class":536},[530,1232,500],{"class":540},[530,1234,840],{"class":544},[530,1236,551],{"class":536},[530,1238,554],{"class":536},[530,1240,507],{"class":557},[530,1242,554],{"class":536},[530,1244,1245],{"class":544}," :content",[530,1247,551],{"class":536},[530,1249,554],{"class":536},[530,1251,1252],{"class":557},"{ side: 'top', align: 'end', sideOffset: 12 }",[530,1254,554],{"class":536},[530,1256,563],{"class":536},[530,1258,1259,1261,1263,1265,1267,1269,1272,1274],{"class":532,"line":595},[530,1260,856],{"class":536},[530,1262,859],{"class":540},[530,1264,660],{"class":544},[530,1266,551],{"class":536},[530,1268,554],{"class":536},[530,1270,1271],{"class":557},"i-lucide-ellipsis-vertical",[530,1273,554],{"class":536},[530,1275,885],{"class":536},[530,1277,1278,1280,1282],{"class":532,"line":616},[530,1279,891],{"class":536},[530,1281,500],{"class":540},[530,1283,563],{"class":536},[530,1285,1286,1288,1290],{"class":532,"line":623},[530,1287,810],{"class":536},[530,1289,827],{"class":540},[530,1291,563],{"class":536},[906,1293,1295],{"id":1294},"custom-rows","Custom rows",[495,1297,1298,1301,1302,1301,1305,1301,1308,1311,1312,1315,1316,1319,1320,1323],{},[498,1299,1300],{},"#item",", ",[498,1303,1304],{},"#item-leading",[498,1306,1307],{},"#item-label",[498,1309,1310],{},"#item-description",", and ",[498,1313,1314],{},"#item-trailing"," replace that part of every row. Give a single item a ",[498,1317,1318],{},"slot"," key to target it alone through ",[498,1321,1322],{},"#{slot}-trailing"," and friends.",[521,1325,1327],{"className":523,"code":1326,"language":525,"meta":526,"style":526},"\u003Ctemplate>\n  \u003CVyDropdownMenu :items=\"items\">\n    \u003CVyButton label=\"Account\" \u002F>\n\n    \u003Ctemplate #item-trailing=\"{ item }\">\n      \u003Ctext v-if=\"item.shortcut\" class=\"text-xs text-muted\">{{ item.shortcut }}\u003C\u002Ftext>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVyDropdownMenu>\n\u003C\u002Ftemplate>\n",[498,1328,1329,1337,1355,1374,1378,1407,1451,1460,1468],{"__ignoreMap":526},[530,1330,1331,1333,1335],{"class":532,"line":533},[530,1332,537],{"class":536},[530,1334,827],{"class":540},[530,1336,563],{"class":536},[530,1338,1339,1341,1343,1345,1347,1349,1351,1353],{"class":532,"line":566},[530,1340,835],{"class":536},[530,1342,500],{"class":540},[530,1344,840],{"class":544},[530,1346,551],{"class":536},[530,1348,554],{"class":536},[530,1350,507],{"class":557},[530,1352,554],{"class":536},[530,1354,563],{"class":536},[530,1356,1357,1359,1361,1363,1365,1367,1370,1372],{"class":532,"line":595},[530,1358,856],{"class":536},[530,1360,859],{"class":540},[530,1362,643],{"class":544},[530,1364,551],{"class":536},[530,1366,554],{"class":536},[530,1368,1369],{"class":557},"Account",[530,1371,554],{"class":536},[530,1373,885],{"class":536},[530,1375,1376],{"class":532,"line":616},[530,1377,620],{"emptyLinePlaceholder":619},[530,1379,1380,1382,1384,1387,1390,1392,1394,1397,1400,1403,1405],{"class":532,"line":623},[530,1381,856],{"class":536},[530,1383,827],{"class":540},[530,1385,1386],{"class":536}," #",[530,1388,1389],{"class":544},"item-trailing",[530,1391,551],{"class":536},[530,1393,554],{"class":536},[530,1395,1396],{"class":536},"{",[530,1398,1399],{"class":576}," item ",[530,1401,1402],{"class":536},"}",[530,1404,554],{"class":536},[530,1406,563],{"class":536},[530,1408,1409,1412,1415,1418,1420,1422,1425,1427,1430,1432,1434,1437,1439,1442,1445,1447,1449],{"class":532,"line":637},[530,1410,1411],{"class":536},"      \u003C",[530,1413,1414],{"class":540},"text",[530,1416,1417],{"class":544}," v-if",[530,1419,551],{"class":536},[530,1421,554],{"class":536},[530,1423,1424],{"class":557},"item.shortcut",[530,1426,554],{"class":536},[530,1428,1429],{"class":544}," class",[530,1431,551],{"class":536},[530,1433,554],{"class":536},[530,1435,1436],{"class":557},"text-xs text-muted",[530,1438,554],{"class":536},[530,1440,1441],{"class":536},">",[530,1443,1444],{"class":576},"{{ item.shortcut }}",[530,1446,810],{"class":536},[530,1448,1414],{"class":540},[530,1450,563],{"class":536},[530,1452,1453,1456,1458],{"class":532,"line":695},[530,1454,1455],{"class":536},"    \u003C\u002F",[530,1457,827],{"class":540},[530,1459,563],{"class":536},[530,1461,1462,1464,1466],{"class":532,"line":741},[530,1463,891],{"class":536},[530,1465,500],{"class":540},[530,1467,563],{"class":536},[530,1469,1470,1472,1474],{"class":532,"line":801},[530,1471,810],{"class":536},[530,1473,827],{"class":540},[530,1475,563],{"class":536},[490,1477,1479],{"id":1478},"features-and-behavior","Features and behavior",[1481,1482,1483,1495,1505,1519,1536,1539,1548,1563],"ul",{},[1484,1485,1486,1487,1490,1491,1494],"li",{},"The trigger toggles the menu. Bind ",[498,1488,1489],{},"open"," with ",[498,1492,1493],{},"v-model:open"," only when the state also drives something else.",[1484,1496,1497,1500,1501,1504],{},[498,1498,1499],{},"modal"," (default ",[498,1502,1503],{},"true",") blocks taps outside the menu from reaching the app; the backdrop still closes the menu.",[1484,1506,1507,1510,1511,1514,1515,1518],{},[498,1508,1509],{},"onSelect"," fires per item; ",[498,1512,1513],{},"disabled"," items ignore taps and dim, and ",[498,1516,1517],{},"loading"," spins the leading icon.",[1484,1520,1521,1524,1525,1528,1529,916,1532,1535],{},[498,1522,1523],{},"type"," defaults to ",[498,1526,1527],{},"'link'",". ",[498,1530,1531],{},"'label'",[498,1533,1534],{},"'separator'"," are structural and not selectable.",[1484,1537,1538],{},"Items and groups are flattened into one row list before rendering, so every row emits exactly one node — which is what the Vue-Lynx patcher expects.",[1484,1540,1541,916,1544,1547],{},[498,1542,1543],{},"labelKey",[498,1545,1546],{},"descriptionKey"," read the label and sub-line from a different field when items come from an API.",[1484,1549,1550,916,1553,1556,1557,916,1560,1108],{},[498,1551,1552],{},"checkedIcon",[498,1554,1555],{},"loadingIcon"," fall back to ",[498,1558,1559],{},"appConfig.ui.icons.check",[498,1561,1562],{},"appConfig.ui.icons.loading",[1484,1564,1565,1566,1569],{},"Submenus are not part of the kit wrapper; compose the core ",[498,1567,1568],{},"DropdownMenuSub"," primitives directly if you need them.",[490,1571,1573],{"id":1572},"api","API",[906,1575,1577],{"id":1576},"props","Props",[1579,1580],"component-props",{"name":1581},"DropdownMenu",[906,1583,1585],{"id":1584},"emits","Emits",[1587,1588],"component-emits",{"name":1581},[906,1590,1592],{"id":1591},"slots","Slots",[1594,1595],"component-slots",{"name":1581},[490,1597,1599],{"id":1598},"styling-and-theming","Styling and theming",[495,1601,1602,1603,1606,1607,1108],{},"Override globally through ",[498,1604,1605],{},"appConfig.ui.dropdownMenu"," or per instance with ",[498,1608,1609],{},"ui",[1611,1612,1613,1626],"table",{},[1614,1615,1616],"thead",{},[1617,1618,1619,1623],"tr",{},[1620,1621,1622],"th",{},"UI slot",[1620,1624,1625],{},"Purpose",[1627,1628,1629,1639,1649,1658,1668,1678,1688,1702,1715],"tbody",{},[1617,1630,1631,1636],{},[1632,1633,1634],"td",{},[498,1635,1209],{},[1632,1637,1638],{},"Menu panel surface, border, elevation, and scrolling.",[1617,1640,1641,1646],{},[1632,1642,1643],{},[498,1644,1645],{},"group",[1632,1647,1648],{},"Padding around a group of rows.",[1617,1650,1651,1655],{},[1632,1652,1653],{},[498,1654,956],{},[1632,1656,1657],{},"Non-interactive group heading.",[1617,1659,1660,1665],{},[1632,1661,1662],{},[498,1663,1664],{},"separator",[1632,1666,1667],{},"Divider between rows or groups.",[1617,1669,1670,1675],{},[1632,1671,1672],{},[498,1673,1674],{},"item",[1632,1676,1677],{},"Row layout, radius, and disabled state.",[1617,1679,1680,1685],{},[1632,1681,1682],{},[498,1683,1684],{},"itemWrapper",[1632,1686,1687],{},"Column holding the label and description.",[1617,1689,1690,1699],{},[1632,1691,1692,1695,1696],{},[498,1693,1694],{},"itemLabel"," \u002F ",[498,1697,1698],{},"itemDescription",[1632,1700,1701],{},"Row text.",[1617,1703,1704,1712],{},[1632,1705,1706,1695,1709],{},[498,1707,1708],{},"itemLeadingIcon",[498,1710,1711],{},"itemLeadingAvatar",[1632,1713,1714],{},"Leading icon or avatar.",[1617,1716,1717,1722],{},[1632,1718,1719],{},[498,1720,1721],{},"itemTrailing",[1632,1723,1724],{},"Trailing content, including the checked indicator.",[495,1726,1727,1730,1731,1734,1735,1528,1738,1741],{},[498,1728,1729],{},"size"," scales row padding, text, and the leading icon from ",[498,1732,1733],{},"sm"," through ",[498,1736,1737],{},"xl",[498,1739,1740],{},"color"," on an item colors its label and leading icon; the row surface stays neutral.",[490,1743,344],{"id":1744},"accessibility",[495,1746,1747,1748,1751,1752,1754],{},"Rows come from the core menu primitives, which expose menu-item semantics along with disabled and checked state. Give an icon-only trigger an ",[498,1749,1750],{},"accessibility-label",", and keep a text label on every row — a custom ",[498,1753,1300],{}," slot that renders only an icon leaves the row unannounced.",[490,1756,1758],{"id":1757},"platform-notes","Platform notes",[1481,1760,1761,1772,1775],{},[1484,1762,1763,1764,1767,1768,1771],{},"The menu is portaled into the overlay root and docked by measuring the trigger with ",[498,1765,1766],{},"useElementRect"," on open and on ",[498,1769,1770],{},"@layoutchange",", then aligning the overlay container with flex alignment and padding.",[1484,1773,1774],{},"The first frame after open has no measurement yet, so the panel is rendered transparent until the trigger rect arrives.",[1484,1776,1777],{},"Lynx rasterizes each SVG, so row icons are given a baked hex fill rather than inheriting a text color.",[490,1779,1781],{"id":1780},"related-components","Related components",[1481,1783,1784,1792,1799],{},[1484,1785,1786,1791],{},[1787,1788,1789],"a",{"href":246},[498,1790,245],{}," for choosing a value rather than running an action.",[1484,1793,1794,1798],{},[1787,1795,1796],{"href":221},[498,1797,220],{}," for arbitrary anchored content.",[1484,1800,1801,1805],{},[1787,1802,1803],{"href":139},[498,1804,138],{}," for an action list presented from an edge.",[1807,1808,1809],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":526,"searchDepth":533,"depth":566,"links":1811},[1812,1813,1819,1820,1825,1826,1827,1828],{"id":492,"depth":566,"text":493},{"id":511,"depth":566,"text":512,"children":1814},[1815,1816,1817,1818],{"id":908,"depth":595,"text":909},{"id":1097,"depth":595,"text":1098},{"id":1203,"depth":595,"text":1204},{"id":1294,"depth":595,"text":1295},{"id":1478,"depth":566,"text":1479},{"id":1572,"depth":566,"text":1573,"children":1821},[1822,1823,1824],{"id":1576,"depth":595,"text":1577},{"id":1584,"depth":595,"text":1585},{"id":1591,"depth":595,"text":1592},{"id":1598,"depth":566,"text":1599},{"id":1744,"depth":566,"text":344},{"id":1757,"depth":566,"text":1758},{"id":1780,"depth":566,"text":1781},"A menu of actions anchored to the element that opens it.","md",[1832],{"label":1833,"icon":1834,"to":1835,"target":1836},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FDropdownMenu.vue","_blank",{},{"icon":146},{"title":143,"description":1829},"9Er1crs9jRaHjXIaayuGUuLQOCCHTX3J3qyWreNEiUk",[1842,1844],{"title":138,"path":139,"stem":140,"description":1843,"icon":-1,"children":-1,"navigation":-1},"A drawer that smoothly slides in & out of the screen.",{"title":148,"path":149,"stem":150,"description":1845,"icon":-1,"children":-1,"navigation":-1},"Virtualized native list with pull-to-refresh, load-more, and snap paging.",1791722646969]