[{"data":1,"prerenderedAt":1851},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fdropdown-menu":489,"\u002Fcomponents\u002Fdropdown-menu-surround":1846},[4,34,51,317,343,348,353,431],{"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,408,412,416,421,426],{"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":407},"useComponentIcons","\u002Fcomposables\u002Fuse-component-icons","7.composables\u002F4.use-component-icons","i-lucide-shapes",{"title":409,"path":410,"stem":411,"package":11,"category":11,"icon":141},"useTray","\u002Fcomposables\u002Fuse-tray","7.composables\u002F5.use-tray",{"title":413,"path":414,"stem":415,"package":11,"category":11,"icon":352},"i18n composables","\u002Fcomposables\u002Fi18n-composables","7.composables\u002F6.i18n-composables",{"title":417,"path":418,"stem":419,"package":11,"category":11,"icon":420},"useId","\u002Fcomposables\u002Fuse-id","7.composables\u002F7.use-id","i-lucide-hash",{"title":422,"path":423,"stem":424,"package":11,"category":11,"icon":425},"useFilter","\u002Fcomposables\u002Fuse-filter","7.composables\u002F8.use-filter","i-lucide-filter",{"title":427,"path":428,"stem":429,"package":11,"category":11,"icon":430},"useForwardProps","\u002Fcomposables\u002Fuse-forward-props","7.composables\u002F9.use-forward-props","i-lucide-arrow-right-left",{"title":432,"path":433,"stem":434,"children":435,"package":11,"category":11,"icon":437},"Guides","\u002Fguides","8.guides\u002F1.index",[436,438,442,447,451,456,461,466,470,475,479,484],{"title":432,"path":433,"stem":434,"package":11,"category":11,"icon":437},"i-lucide-book-open",{"title":439,"path":440,"stem":441,"package":11,"category":11,"icon":364},"Instant first frame","\u002Fguides\u002Finstant-first-frame-rendering","8.guides\u002F10.instant-first-frame-rendering",{"title":443,"path":444,"stem":445,"package":11,"category":11,"icon":446},"Why Vy UI","\u002Fguides\u002Fwhy-vy-ui","8.guides\u002F11.why-vy-ui","i-lucide-help-circle",{"title":448,"path":449,"stem":450,"package":11,"category":11,"icon":22},"Sparkling","\u002Fguides\u002Fsparkling","8.guides\u002F12.sparkling",{"title":452,"path":453,"stem":454,"package":11,"category":11,"icon":455},"Lynx UI frameworks","\u002Fguides\u002Flynx-ui-frameworks","8.guides\u002F2.lynx-ui-frameworks","i-lucide-library",{"title":457,"path":458,"stem":459,"package":11,"category":11,"icon":460},"Vue Lynx","\u002Fguides\u002Fvue-lynx","8.guides\u002F3.vue-lynx","i-lucide-component",{"title":462,"path":463,"stem":464,"package":11,"category":11,"icon":465},"Lynx vs React Native","\u002Fguides\u002Flynx-vs-react-native","8.guides\u002F4.lynx-vs-react-native","i-lucide-git-compare",{"title":467,"path":468,"stem":469,"package":11,"category":11,"icon":83},"Testing on device","\u002Fguides\u002Ftesting-on-device","8.guides\u002F5.testing-on-device",{"title":471,"path":472,"stem":473,"package":11,"category":11,"icon":474},"Testing with Xcode","\u002Fguides\u002Ftesting-with-xcode","8.guides\u002F6.testing-with-xcode","i-lucide-apple",{"title":476,"path":477,"stem":478,"package":11,"category":11,"icon":27},"rspeedy dev server","\u002Fguides\u002Frspeedy-dev-server","8.guides\u002F7.rspeedy-dev-server",{"title":480,"path":481,"stem":482,"package":11,"category":11,"icon":483},"Tailwind on Lynx","\u002Fguides\u002Ftailwind-on-lynx","8.guides\u002F8.tailwind-on-lynx","i-lucide-wind",{"title":485,"path":486,"stem":487,"package":11,"category":11,"icon":488},"Theming on Lynx","\u002Fguides\u002Ftheming-on-lynx","8.guides\u002F9.theming-on-lynx","i-lucide-paintbrush",{"id":490,"title":143,"body":491,"category":77,"description":1834,"extension":1835,"links":1836,"meta":1842,"navigation":1843,"package":63,"path":144,"seo":1844,"stem":145,"__hash__":1845},"docs\u002F3.components\u002Fdropdown-menu.md",{"type":492,"value":493,"toc":1815},"minimark",[494,499,514,518,525,910,915,926,1100,1104,1114,1206,1210,1219,1297,1301,1329,1481,1485,1575,1579,1583,1587,1591,1594,1598,1601,1605,1615,1730,1747,1750,1760,1764,1783,1787,1811],[495,496,498],"h2",{"id":497},"overview","Overview",[500,501,502,506,507,509,510,513],"p",{},[503,504,505],"code",{},"VyDropdownMenu"," renders a list of actions in an overlay docked to its trigger. It composes the ",[503,508,41],{}," dropdown primitives, takes its rows from an ",[503,511,512],{},"items"," array, and measures the trigger on open so the menu appears beside it rather than centered on screen.",[495,515,517],{"id":516},"usage","Usage",[500,519,520,521,524],{},"The default slot is the trigger. It is already wired to toggle the menu, so do not add a ",[503,522,523],{},"@tap"," handler that also sets the open state.",[526,527,532],"pre",{"className":528,"code":529,"language":530,"meta":531,"style":531},"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","",[503,533,534,569,598,619,626,640,698,744,804,810,820,825,835,856,891,901],{"__ignoreMap":531},[535,536,539,543,547,551,554,557,560,564,566],"span",{"class":537,"line":538},"line",1,[535,540,542],{"class":541},"sMK4o","\u003C",[535,544,546],{"class":545},"swJcz","script",[535,548,550],{"class":549},"spNyl"," setup",[535,552,553],{"class":549}," lang",[535,555,556],{"class":541},"=",[535,558,559],{"class":541},"\"",[535,561,563],{"class":562},"sfazB","ts",[535,565,559],{"class":541},[535,567,568],{"class":541},">\n",[535,570,572,576,579,583,586,589,592,595],{"class":537,"line":571},2,[535,573,575],{"class":574},"s7zQu","import",[535,577,578],{"class":541}," {",[535,580,582],{"class":581},"sTEyZ"," VyDropdownMenu",[535,584,585],{"class":541}," }",[535,587,588],{"class":574}," from",[535,590,591],{"class":541}," '",[535,593,594],{"class":562},"@vyui\u002Fkit\u002Fdropdown-menu",[535,596,597],{"class":541},"'\n",[535,599,601,603,605,608,610,612,614,617],{"class":537,"line":600},3,[535,602,575],{"class":574},[535,604,578],{"class":541},[535,606,607],{"class":581}," VyButton",[535,609,585],{"class":541},[535,611,588],{"class":574},[535,613,591],{"class":541},[535,615,616],{"class":562},"@vyui\u002Fkit\u002Fbutton",[535,618,597],{"class":541},[535,620,622],{"class":537,"line":621},4,[535,623,625],{"emptyLinePlaceholder":624},true,"\n",[535,627,629,632,635,637],{"class":537,"line":628},5,[535,630,631],{"class":549},"const",[535,633,634],{"class":581}," items ",[535,636,556],{"class":541},[535,638,639],{"class":581}," [\n",[535,641,643,646,649,652,654,657,660,663,666,668,670,673,675,677,681,683,686,689,692,695],{"class":537,"line":642},6,[535,644,645],{"class":541},"  {",[535,647,648],{"class":545}," label",[535,650,651],{"class":541},":",[535,653,591],{"class":541},[535,655,656],{"class":562},"Edit",[535,658,659],{"class":541},"'",[535,661,662],{"class":541},",",[535,664,665],{"class":545}," icon",[535,667,651],{"class":541},[535,669,591],{"class":541},[535,671,672],{"class":562},"i-lucide-pencil",[535,674,659],{"class":541},[535,676,662],{"class":541},[535,678,680],{"class":679},"s2Zo4"," onSelect",[535,682,651],{"class":541},[535,684,685],{"class":541}," ()",[535,687,688],{"class":549}," =>",[535,690,691],{"class":679}," edit",[535,693,694],{"class":581},"() ",[535,696,697],{"class":541},"},\n",[535,699,701,703,705,707,709,712,714,716,718,720,722,725,727,729,731,733,735,737,740,742],{"class":537,"line":700},7,[535,702,645],{"class":541},[535,704,648],{"class":545},[535,706,651],{"class":541},[535,708,591],{"class":541},[535,710,711],{"class":562},"Duplicate",[535,713,659],{"class":541},[535,715,662],{"class":541},[535,717,665],{"class":545},[535,719,651],{"class":541},[535,721,591],{"class":541},[535,723,724],{"class":562},"i-lucide-copy",[535,726,659],{"class":541},[535,728,662],{"class":541},[535,730,680],{"class":679},[535,732,651],{"class":541},[535,734,685],{"class":541},[535,736,688],{"class":549},[535,738,739],{"class":679}," duplicate",[535,741,694],{"class":581},[535,743,697],{"class":541},[535,745,747,749,751,753,755,758,760,762,764,766,768,771,773,775,778,780,782,785,787,789,791,793,795,797,800,802],{"class":537,"line":746},8,[535,748,645],{"class":541},[535,750,648],{"class":545},[535,752,651],{"class":541},[535,754,591],{"class":541},[535,756,757],{"class":562},"Delete",[535,759,659],{"class":541},[535,761,662],{"class":541},[535,763,665],{"class":545},[535,765,651],{"class":541},[535,767,591],{"class":541},[535,769,770],{"class":562},"i-lucide-trash-2",[535,772,659],{"class":541},[535,774,662],{"class":541},[535,776,777],{"class":545}," color",[535,779,651],{"class":541},[535,781,591],{"class":541},[535,783,784],{"class":562},"error",[535,786,659],{"class":541},[535,788,662],{"class":541},[535,790,680],{"class":679},[535,792,651],{"class":541},[535,794,685],{"class":541},[535,796,688],{"class":549},[535,798,799],{"class":679}," remove",[535,801,694],{"class":581},[535,803,697],{"class":541},[535,805,807],{"class":537,"line":806},9,[535,808,809],{"class":581},"]\n",[535,811,813,816,818],{"class":537,"line":812},10,[535,814,815],{"class":541},"\u003C\u002F",[535,817,546],{"class":545},[535,819,568],{"class":541},[535,821,823],{"class":537,"line":822},11,[535,824,625],{"emptyLinePlaceholder":624},[535,826,828,830,833],{"class":537,"line":827},12,[535,829,542],{"class":541},[535,831,832],{"class":545},"template",[535,834,568],{"class":541},[535,836,838,841,843,846,848,850,852,854],{"class":537,"line":837},13,[535,839,840],{"class":541},"  \u003C",[535,842,505],{"class":545},[535,844,845],{"class":549}," :items",[535,847,556],{"class":541},[535,849,559],{"class":541},[535,851,512],{"class":562},[535,853,559],{"class":541},[535,855,568],{"class":541},[535,857,859,862,865,867,869,871,874,876,879,881,883,886,888],{"class":537,"line":858},14,[535,860,861],{"class":541},"    \u003C",[535,863,864],{"class":545},"VyButton",[535,866,648],{"class":549},[535,868,556],{"class":541},[535,870,559],{"class":541},[535,872,873],{"class":562},"Actions",[535,875,559],{"class":541},[535,877,878],{"class":549}," trailing-icon",[535,880,556],{"class":541},[535,882,559],{"class":541},[535,884,885],{"class":562},"i-lucide-chevron-down",[535,887,559],{"class":541},[535,889,890],{"class":541}," \u002F>\n",[535,892,894,897,899],{"class":537,"line":893},15,[535,895,896],{"class":541},"  \u003C\u002F",[535,898,505],{"class":545},[535,900,568],{"class":541},[535,902,904,906,908],{"class":537,"line":903},16,[535,905,815],{"class":541},[535,907,832],{"class":545},[535,909,568],{"class":541},[911,912,914],"h3",{"id":913},"groups","Groups",[500,916,917,918,921,922,925],{},"A nested array renders each inner array as a group with a separator between them. Inside a group, ",[503,919,920],{},"type: 'separator'"," and ",[503,923,924],{},"type: 'label'"," add structural rows.",[526,927,930],{"className":928,"code":929,"language":563,"meta":531,"style":531},"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",[503,931,932,942,947,980,1009,1038,1046,1050,1090,1096],{"__ignoreMap":531},[535,933,934,936,938,940],{"class":537,"line":538},[535,935,631],{"class":549},[535,937,634],{"class":581},[535,939,556],{"class":541},[535,941,639],{"class":581},[535,943,944],{"class":537,"line":571},[535,945,946],{"class":581},"  [\n",[535,948,949,952,955,957,959,962,964,966,968,970,972,975,977],{"class":537,"line":600},[535,950,951],{"class":541},"    {",[535,953,954],{"class":545}," type",[535,956,651],{"class":541},[535,958,591],{"class":541},[535,960,961],{"class":562},"label",[535,963,659],{"class":541},[535,965,662],{"class":541},[535,967,648],{"class":545},[535,969,651],{"class":541},[535,971,591],{"class":541},[535,973,974],{"class":562},"Document",[535,976,659],{"class":541},[535,978,979],{"class":541}," },\n",[535,981,982,984,986,988,990,993,995,997,999,1001,1003,1005,1007],{"class":537,"line":621},[535,983,951],{"class":541},[535,985,648],{"class":545},[535,987,651],{"class":541},[535,989,591],{"class":541},[535,991,992],{"class":562},"Rename",[535,994,659],{"class":541},[535,996,662],{"class":541},[535,998,665],{"class":545},[535,1000,651],{"class":541},[535,1002,591],{"class":541},[535,1004,672],{"class":562},[535,1006,659],{"class":541},[535,1008,979],{"class":541},[535,1010,1011,1013,1015,1017,1019,1022,1024,1026,1028,1030,1032,1034,1036],{"class":537,"line":628},[535,1012,951],{"class":541},[535,1014,648],{"class":545},[535,1016,651],{"class":541},[535,1018,591],{"class":541},[535,1020,1021],{"class":562},"Share",[535,1023,659],{"class":541},[535,1025,662],{"class":541},[535,1027,665],{"class":545},[535,1029,651],{"class":541},[535,1031,591],{"class":541},[535,1033,374],{"class":562},[535,1035,659],{"class":541},[535,1037,979],{"class":541},[535,1039,1040,1043],{"class":537,"line":642},[535,1041,1042],{"class":581},"  ]",[535,1044,1045],{"class":541},",\n",[535,1047,1048],{"class":537,"line":700},[535,1049,946],{"class":581},[535,1051,1052,1054,1056,1058,1060,1062,1064,1066,1068,1070,1072,1074,1076,1078,1080,1082,1084,1086,1088],{"class":537,"line":746},[535,1053,951],{"class":541},[535,1055,648],{"class":545},[535,1057,651],{"class":541},[535,1059,591],{"class":541},[535,1061,757],{"class":562},[535,1063,659],{"class":541},[535,1065,662],{"class":541},[535,1067,665],{"class":545},[535,1069,651],{"class":541},[535,1071,591],{"class":541},[535,1073,770],{"class":562},[535,1075,659],{"class":541},[535,1077,662],{"class":541},[535,1079,777],{"class":545},[535,1081,651],{"class":541},[535,1083,591],{"class":541},[535,1085,784],{"class":562},[535,1087,659],{"class":541},[535,1089,979],{"class":541},[535,1091,1092,1094],{"class":537,"line":806},[535,1093,1042],{"class":581},[535,1095,1045],{"class":541},[535,1097,1098],{"class":537,"line":812},[535,1099,809],{"class":581},[911,1101,1103],{"id":1102},"checkbox-items","Checkbox items",[500,1105,1106,1109,1110,1113],{},[503,1107,1108],{},"type: 'checkbox'"," renders a checked indicator and reports changes through ",[503,1111,1112],{},"onUpdateChecked",".",[526,1115,1117],{"className":928,"code":1116,"language":563,"meta":531,"style":531},"const items = [\n  { type: 'checkbox', label: 'Show archived', checked: showArchived, onUpdateChecked: (v: boolean) => (showArchived = v) },\n]\n",[503,1118,1119,1129,1202],{"__ignoreMap":531},[535,1120,1121,1123,1125,1127],{"class":537,"line":538},[535,1122,631],{"class":549},[535,1124,634],{"class":581},[535,1126,556],{"class":541},[535,1128,639],{"class":581},[535,1130,1131,1133,1135,1137,1139,1142,1144,1146,1148,1150,1152,1155,1157,1159,1162,1164,1167,1169,1172,1174,1177,1181,1183,1187,1190,1192,1195,1197,1200],{"class":537,"line":571},[535,1132,645],{"class":541},[535,1134,954],{"class":545},[535,1136,651],{"class":541},[535,1138,591],{"class":541},[535,1140,1141],{"class":562},"checkbox",[535,1143,659],{"class":541},[535,1145,662],{"class":541},[535,1147,648],{"class":545},[535,1149,651],{"class":541},[535,1151,591],{"class":541},[535,1153,1154],{"class":562},"Show archived",[535,1156,659],{"class":541},[535,1158,662],{"class":541},[535,1160,1161],{"class":545}," checked",[535,1163,651],{"class":541},[535,1165,1166],{"class":581}," showArchived",[535,1168,662],{"class":541},[535,1170,1171],{"class":679}," onUpdateChecked",[535,1173,651],{"class":541},[535,1175,1176],{"class":541}," (",[535,1178,1180],{"class":1179},"sHdIc","v",[535,1182,651],{"class":541},[535,1184,1186],{"class":1185},"sBMFI"," boolean",[535,1188,1189],{"class":541},")",[535,1191,688],{"class":549},[535,1193,1194],{"class":581}," (showArchived ",[535,1196,556],{"class":541},[535,1198,1199],{"class":581}," v) ",[535,1201,697],{"class":541},[535,1203,1204],{"class":537,"line":600},[535,1205,809],{"class":581},[911,1207,1209],{"id":1208},"positioning","Positioning",[500,1211,1212,1215,1216,1113],{},[503,1213,1214],{},"content"," chooses the dock edge and offsets, defaulting to ",[503,1217,1218],{},"{ side: 'bottom', sideOffset: 8, align: 'start' }",[526,1220,1222],{"className":528,"code":1221,"language":530,"meta":531,"style":531},"\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",[503,1223,1224,1232,1262,1281,1289],{"__ignoreMap":531},[535,1225,1226,1228,1230],{"class":537,"line":538},[535,1227,542],{"class":541},[535,1229,832],{"class":545},[535,1231,568],{"class":541},[535,1233,1234,1236,1238,1240,1242,1244,1246,1248,1251,1253,1255,1258,1260],{"class":537,"line":571},[535,1235,840],{"class":541},[535,1237,505],{"class":545},[535,1239,845],{"class":549},[535,1241,556],{"class":541},[535,1243,559],{"class":541},[535,1245,512],{"class":562},[535,1247,559],{"class":541},[535,1249,1250],{"class":549}," :content",[535,1252,556],{"class":541},[535,1254,559],{"class":541},[535,1256,1257],{"class":562},"{ side: 'top', align: 'end', sideOffset: 12 }",[535,1259,559],{"class":541},[535,1261,568],{"class":541},[535,1263,1264,1266,1268,1270,1272,1274,1277,1279],{"class":537,"line":600},[535,1265,861],{"class":541},[535,1267,864],{"class":545},[535,1269,665],{"class":549},[535,1271,556],{"class":541},[535,1273,559],{"class":541},[535,1275,1276],{"class":562},"i-lucide-ellipsis-vertical",[535,1278,559],{"class":541},[535,1280,890],{"class":541},[535,1282,1283,1285,1287],{"class":537,"line":621},[535,1284,896],{"class":541},[535,1286,505],{"class":545},[535,1288,568],{"class":541},[535,1290,1291,1293,1295],{"class":537,"line":628},[535,1292,815],{"class":541},[535,1294,832],{"class":545},[535,1296,568],{"class":541},[911,1298,1300],{"id":1299},"custom-rows","Custom rows",[500,1302,1303,1306,1307,1306,1310,1306,1313,1316,1317,1320,1321,1324,1325,1328],{},[503,1304,1305],{},"#item",", ",[503,1308,1309],{},"#item-leading",[503,1311,1312],{},"#item-label",[503,1314,1315],{},"#item-description",", and ",[503,1318,1319],{},"#item-trailing"," replace that part of every row. Give a single item a ",[503,1322,1323],{},"slot"," key to target it alone through ",[503,1326,1327],{},"#{slot}-trailing"," and friends.",[526,1330,1332],{"className":528,"code":1331,"language":530,"meta":531,"style":531},"\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",[503,1333,1334,1342,1360,1379,1383,1412,1456,1465,1473],{"__ignoreMap":531},[535,1335,1336,1338,1340],{"class":537,"line":538},[535,1337,542],{"class":541},[535,1339,832],{"class":545},[535,1341,568],{"class":541},[535,1343,1344,1346,1348,1350,1352,1354,1356,1358],{"class":537,"line":571},[535,1345,840],{"class":541},[535,1347,505],{"class":545},[535,1349,845],{"class":549},[535,1351,556],{"class":541},[535,1353,559],{"class":541},[535,1355,512],{"class":562},[535,1357,559],{"class":541},[535,1359,568],{"class":541},[535,1361,1362,1364,1366,1368,1370,1372,1375,1377],{"class":537,"line":600},[535,1363,861],{"class":541},[535,1365,864],{"class":545},[535,1367,648],{"class":549},[535,1369,556],{"class":541},[535,1371,559],{"class":541},[535,1373,1374],{"class":562},"Account",[535,1376,559],{"class":541},[535,1378,890],{"class":541},[535,1380,1381],{"class":537,"line":621},[535,1382,625],{"emptyLinePlaceholder":624},[535,1384,1385,1387,1389,1392,1395,1397,1399,1402,1405,1408,1410],{"class":537,"line":628},[535,1386,861],{"class":541},[535,1388,832],{"class":545},[535,1390,1391],{"class":541}," #",[535,1393,1394],{"class":549},"item-trailing",[535,1396,556],{"class":541},[535,1398,559],{"class":541},[535,1400,1401],{"class":541},"{",[535,1403,1404],{"class":581}," item ",[535,1406,1407],{"class":541},"}",[535,1409,559],{"class":541},[535,1411,568],{"class":541},[535,1413,1414,1417,1420,1423,1425,1427,1430,1432,1435,1437,1439,1442,1444,1447,1450,1452,1454],{"class":537,"line":642},[535,1415,1416],{"class":541},"      \u003C",[535,1418,1419],{"class":545},"text",[535,1421,1422],{"class":549}," v-if",[535,1424,556],{"class":541},[535,1426,559],{"class":541},[535,1428,1429],{"class":562},"item.shortcut",[535,1431,559],{"class":541},[535,1433,1434],{"class":549}," class",[535,1436,556],{"class":541},[535,1438,559],{"class":541},[535,1440,1441],{"class":562},"text-xs text-muted",[535,1443,559],{"class":541},[535,1445,1446],{"class":541},">",[535,1448,1449],{"class":581},"{{ item.shortcut }}",[535,1451,815],{"class":541},[535,1453,1419],{"class":545},[535,1455,568],{"class":541},[535,1457,1458,1461,1463],{"class":537,"line":700},[535,1459,1460],{"class":541},"    \u003C\u002F",[535,1462,832],{"class":545},[535,1464,568],{"class":541},[535,1466,1467,1469,1471],{"class":537,"line":746},[535,1468,896],{"class":541},[535,1470,505],{"class":545},[535,1472,568],{"class":541},[535,1474,1475,1477,1479],{"class":537,"line":806},[535,1476,815],{"class":541},[535,1478,832],{"class":545},[535,1480,568],{"class":541},[495,1482,1484],{"id":1483},"features-and-behavior","Features and behavior",[1486,1487,1488,1500,1510,1524,1541,1544,1553,1568],"ul",{},[1489,1490,1491,1492,1495,1496,1499],"li",{},"The trigger toggles the menu. Bind ",[503,1493,1494],{},"open"," with ",[503,1497,1498],{},"v-model:open"," only when the state also drives something else.",[1489,1501,1502,1505,1506,1509],{},[503,1503,1504],{},"modal"," (default ",[503,1507,1508],{},"true",") blocks taps outside the menu from reaching the app; the backdrop still closes the menu.",[1489,1511,1512,1515,1516,1519,1520,1523],{},[503,1513,1514],{},"onSelect"," fires per item; ",[503,1517,1518],{},"disabled"," items ignore taps and dim, and ",[503,1521,1522],{},"loading"," spins the leading icon.",[1489,1525,1526,1529,1530,1533,1534,921,1537,1540],{},[503,1527,1528],{},"type"," defaults to ",[503,1531,1532],{},"'link'",". ",[503,1535,1536],{},"'label'",[503,1538,1539],{},"'separator'"," are structural and not selectable.",[1489,1542,1543],{},"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.",[1489,1545,1546,921,1549,1552],{},[503,1547,1548],{},"labelKey",[503,1550,1551],{},"descriptionKey"," read the label and sub-line from a different field when items come from an API.",[1489,1554,1555,921,1558,1561,1562,921,1565,1113],{},[503,1556,1557],{},"checkedIcon",[503,1559,1560],{},"loadingIcon"," fall back to ",[503,1563,1564],{},"appConfig.ui.icons.check",[503,1566,1567],{},"appConfig.ui.icons.loading",[1489,1569,1570,1571,1574],{},"Submenus are not part of the kit wrapper; compose the core ",[503,1572,1573],{},"DropdownMenuSub"," primitives directly if you need them.",[495,1576,1578],{"id":1577},"api","API",[911,1580,1582],{"id":1581},"props","Props",[1584,1585],"component-props",{"name":1586},"DropdownMenu",[911,1588,1590],{"id":1589},"emits","Emits",[1592,1593],"component-emits",{"name":1586},[911,1595,1597],{"id":1596},"slots","Slots",[1599,1600],"component-slots",{"name":1586},[495,1602,1604],{"id":1603},"styling-and-theming","Styling and theming",[500,1606,1607,1608,1611,1612,1113],{},"Override globally through ",[503,1609,1610],{},"appConfig.ui.dropdownMenu"," or per instance with ",[503,1613,1614],{},"ui",[1616,1617,1618,1631],"table",{},[1619,1620,1621],"thead",{},[1622,1623,1624,1628],"tr",{},[1625,1626,1627],"th",{},"UI slot",[1625,1629,1630],{},"Purpose",[1632,1633,1634,1644,1654,1663,1673,1683,1693,1707,1720],"tbody",{},[1622,1635,1636,1641],{},[1637,1638,1639],"td",{},[503,1640,1214],{},[1637,1642,1643],{},"Menu panel surface, border, elevation, and scrolling.",[1622,1645,1646,1651],{},[1637,1647,1648],{},[503,1649,1650],{},"group",[1637,1652,1653],{},"Padding around a group of rows.",[1622,1655,1656,1660],{},[1637,1657,1658],{},[503,1659,961],{},[1637,1661,1662],{},"Non-interactive group heading.",[1622,1664,1665,1670],{},[1637,1666,1667],{},[503,1668,1669],{},"separator",[1637,1671,1672],{},"Divider between rows or groups.",[1622,1674,1675,1680],{},[1637,1676,1677],{},[503,1678,1679],{},"item",[1637,1681,1682],{},"Row layout, radius, and disabled state.",[1622,1684,1685,1690],{},[1637,1686,1687],{},[503,1688,1689],{},"itemWrapper",[1637,1691,1692],{},"Column holding the label and description.",[1622,1694,1695,1704],{},[1637,1696,1697,1700,1701],{},[503,1698,1699],{},"itemLabel"," \u002F ",[503,1702,1703],{},"itemDescription",[1637,1705,1706],{},"Row text.",[1622,1708,1709,1717],{},[1637,1710,1711,1700,1714],{},[503,1712,1713],{},"itemLeadingIcon",[503,1715,1716],{},"itemLeadingAvatar",[1637,1718,1719],{},"Leading icon or avatar.",[1622,1721,1722,1727],{},[1637,1723,1724],{},[503,1725,1726],{},"itemTrailing",[1637,1728,1729],{},"Trailing content, including the checked indicator.",[500,1731,1732,1735,1736,1739,1740,1533,1743,1746],{},[503,1733,1734],{},"size"," scales row padding, text, and the leading icon from ",[503,1737,1738],{},"sm"," through ",[503,1741,1742],{},"xl",[503,1744,1745],{},"color"," on an item colors its label and leading icon; the row surface stays neutral.",[495,1748,344],{"id":1749},"accessibility",[500,1751,1752,1753,1756,1757,1759],{},"Rows come from the core menu primitives, which expose menu-item semantics along with disabled and checked state. Give an icon-only trigger an ",[503,1754,1755],{},"accessibility-label",", and keep a text label on every row — a custom ",[503,1758,1305],{}," slot that renders only an icon leaves the row unannounced.",[495,1761,1763],{"id":1762},"platform-notes","Platform notes",[1486,1765,1766,1777,1780],{},[1489,1767,1768,1769,1772,1773,1776],{},"The menu is portaled into the overlay root and docked by measuring the trigger with ",[503,1770,1771],{},"useElementRect"," on open and on ",[503,1774,1775],{},"@layoutchange",", then aligning the overlay container with flex alignment and padding.",[1489,1778,1779],{},"The first frame after open has no measurement yet, so the panel is rendered transparent until the trigger rect arrives.",[1489,1781,1782],{},"Lynx rasterizes each SVG, so row icons are given a baked hex fill rather than inheriting a text color.",[495,1784,1786],{"id":1785},"related-components","Related components",[1486,1788,1789,1797,1804],{},[1489,1790,1791,1796],{},[1792,1793,1794],"a",{"href":246},[503,1795,245],{}," for choosing a value rather than running an action.",[1489,1798,1799,1803],{},[1792,1800,1801],{"href":221},[503,1802,220],{}," for arbitrary anchored content.",[1489,1805,1806,1810],{},[1792,1807,1808],{"href":139},[503,1809,138],{}," for an action list presented from an edge.",[1812,1813,1814],"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":531,"searchDepth":538,"depth":571,"links":1816},[1817,1818,1824,1825,1830,1831,1832,1833],{"id":497,"depth":571,"text":498},{"id":516,"depth":571,"text":517,"children":1819},[1820,1821,1822,1823],{"id":913,"depth":600,"text":914},{"id":1102,"depth":600,"text":1103},{"id":1208,"depth":600,"text":1209},{"id":1299,"depth":600,"text":1300},{"id":1483,"depth":571,"text":1484},{"id":1577,"depth":571,"text":1578,"children":1826},[1827,1828,1829],{"id":1581,"depth":600,"text":1582},{"id":1589,"depth":600,"text":1590},{"id":1596,"depth":600,"text":1597},{"id":1603,"depth":571,"text":1604},{"id":1749,"depth":571,"text":344},{"id":1762,"depth":571,"text":1763},{"id":1785,"depth":571,"text":1786},"A menu of actions anchored to the element that opens it.","md",[1837],{"label":1838,"icon":1839,"to":1840,"target":1841},"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":1834},"9Er1crs9jRaHjXIaayuGUuLQOCCHTX3J3qyWreNEiUk",[1847,1849],{"title":138,"path":139,"stem":140,"description":1848,"icon":-1,"children":-1,"navigation":-1},"A drawer that smoothly slides in & out of the screen.",{"title":148,"path":149,"stem":150,"description":1850,"icon":-1,"children":-1,"navigation":-1},"Virtualized native list with pull-to-refresh, load-more, and snap paging.",1789821801912]