@vuetify/nightly 3.0.0-beta.0 → 3.0.0-beta.2

package/lib/components/VList/VListItemAction.mjs

@@ -0,0 +1,29 @@
+import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
+// Composables
+import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
+
+import { defineComponent } from "../../util/index.mjs";
+export const VListItemAction = defineComponent({
+  name: 'VListItemAction',
+  props: {
+    start: Boolean,
+    end: Boolean,
+    ...makeTagProps()
+  },
+
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    return () => {
+      return _createVNode(props.tag, {
+        "class": ['v-list-item-action', {
+          'v-list-item-action--start': props.start,
+          'v-list-item-action--end': props.end
+        }]
+      }, slots);
+    };
+  }
+
+});
+//# sourceMappingURL=VListItemAction.mjs.map

package/lib/components/VList/VListItemAction.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VList/VListItemAction.tsx"],"names":["makeTagProps","defineComponent","VListItemAction","name","props","start","Boolean","end","setup","slots"],"mappings":";AAAA;SACSA,Y,qCAET;;SACSC,e;AAET,OAAO,MAAMC,eAAe,GAAGD,eAAe,CAAC;AAC7CE,EAAAA,IAAI,EAAE,iBADuC;AAG7CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC,OADF;AAELC,IAAAA,GAAG,EAAED,OAFA;AAIL,OAAGN,YAAY;AAJV,GAHsC;;AAU7CQ,EAAAA,KAAK,CAAEJ,KAAF,QAAoB;AAAA,QAAX;AAAEK,MAAAA;AAAF,KAAW;AACvB,WAAO,MAAM;AACX;AAAA,iBAEW,CACL,oBADK,EAEL;AACE,uCAA6BL,KAAK,CAACC,KADrC;AAEE,qCAA2BD,KAAK,CAACG;AAFnC,SAFK;AAFX,SAScE,KATd;AAYD,KAbD;AAcD;;AAzB4C,CAAD,CAAvC","sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VListItemAction = defineComponent({\n  name: 'VListItemAction',\n\n  props: {\n    start: Boolean,\n    end: Boolean,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    return () => {\n      return (\n        <props.tag\n          class={[\n            'v-list-item-action',\n            {\n              'v-list-item-action--start': props.start,\n              'v-list-item-action--end': props.end,\n            },\n          ]}\n          v-slots={ slots }\n        />\n      )\n    }\n  },\n})\n"],"file":"VListItemAction.mjs"}

package/lib/components/VList/VListItemAvatar.mjs

@@ -1,28 +1,22 @@
-import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
-// Composables
-import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
+import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
+// Components
+import { makeVAvatarProps, VAvatar } from "../VAvatar/VAvatar.mjs"; // Utilities
 
 import { defineComponent } from "../../util/index.mjs";
 export const VListItemAvatar = defineComponent({
   name: 'VListItemAvatar',
-  props: {
-    left: Boolean,
-    right: Boolean,
-    ...makeTagProps()
-  },
+  props: makeVAvatarProps(),
 
   setup(props, _ref) {
     let {
       slots
     } = _ref;
-    return () => {
-      return _createVNode(props.tag, {
-        "class": ['v-list-item-avatar', {
-          'v-list-item-avatar--start': props.left,
-          'v-list-item-avatar--end': props.right
-        }]
-      }, slots);
-    };
+    return () => _createVNode(VAvatar, _mergeProps({
+      "class": ['v-list-item-avatar', {
+        'v-list-item-avatar--start': props.start,
+        'v-list-item-avatar--end': props.end
+      }]
+    }, props), slots);
   }
 
 });

package/lib/components/VList/VListItemAvatar.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListItemAvatar.tsx"],"names":["makeTagProps","defineComponent","VListItemAvatar","name","props","left","Boolean","right","setup","slots"],"mappings":";AAAA;SACSA,Y,qCAET;;SACSC,e;AAET,OAAO,MAAMC,eAAe,GAAGD,eAAe,CAAC;AAC7CE,EAAAA,IAAI,EAAE,iBADuC;AAG7CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEC,OADD;AAELC,IAAAA,KAAK,EAAED,OAFF;AAIL,OAAGN,YAAY;AAJV,GAHsC;;AAU7CQ,EAAAA,KAAK,CAAEJ,KAAF,QAAoB;AAAA,QAAX;AAAEK,MAAAA;AAAF,KAAW;AACvB,WAAO,MAAM;AACX;AAAA,iBAEW,CACL,oBADK,EAEL;AACE,uCAA6BL,KAAK,CAACC,IADrC;AAEE,qCAA2BD,KAAK,CAACG;AAFnC,SAFK;AAFX,SAScE,KATd;AAYD,KAbD;AAcD;;AAzB4C,CAAD,CAAvC","sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VListItemAvatar = defineComponent({\n  name: 'VListItemAvatar',\n\n  props: {\n    left: Boolean,\n    right: Boolean,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    return () => {\n      return (\n        <props.tag\n          class={[\n            'v-list-item-avatar',\n            {\n              'v-list-item-avatar--start': props.left,\n              'v-list-item-avatar--end': props.right,\n            },\n          ]}\n          v-slots={ slots }\n        />\n      )\n    }\n  },\n})\n"],"file":"VListItemAvatar.mjs"}
+{"version":3,"sources":["../../../src/components/VList/VListItemAvatar.tsx"],"names":["makeVAvatarProps","VAvatar","defineComponent","VListItemAvatar","name","props","setup","slots","start","end"],"mappings":";AAAA;SACSA,gB,EAAkBC,O,kCAE3B;;SACSC,e;AAET,OAAO,MAAMC,eAAe,GAAGD,eAAe,CAAC;AAC7CE,EAAAA,IAAI,EAAE,iBADuC;AAG7CC,EAAAA,KAAK,EAAEL,gBAAgB,EAHsB;;AAK7CM,EAAAA,KAAK,CAAED,KAAF,QAAoB;AAAA,QAAX;AAAEE,MAAAA;AAAF,KAAW;AACvB,WAAO;AAAA,eAEI,CACL,oBADK,EAEL;AACE,qCAA6BF,KAAK,CAACG,KADrC;AAEE,mCAA2BH,KAAK,CAACI;AAFnC,OAFK;AAFJ,OASEJ,KATF,GAUOE,KAVP,CAAP;AAaD;;AAnB4C,CAAD,CAAvC","sourcesContent":["// Components\nimport { makeVAvatarProps, VAvatar } from '@/components/VAvatar/VAvatar'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VListItemAvatar = defineComponent({\n  name: 'VListItemAvatar',\n\n  props: makeVAvatarProps(),\n\n  setup (props, { slots }) {\n    return () => (\n      <VAvatar\n        class={[\n          'v-list-item-avatar',\n          {\n            'v-list-item-avatar--start': props.start,\n            'v-list-item-avatar--end': props.end,\n          },\n        ]}\n        { ...props }\n        v-slots={ slots }\n      />\n    )\n  },\n})\n"],"file":"VListItemAvatar.mjs"}

package/lib/components/VList/VListItemIcon.mjs

@@ -0,0 +1,23 @@
+import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
+// Components
+import { makeVIconProps, VIcon } from "../VIcon/VIcon.mjs"; // Utilities
+
+import { defineComponent } from "../../util/index.mjs";
+export const VListItemIcon = defineComponent({
+  name: 'VListItemIcon',
+  props: makeVIconProps(),
+
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    return () => _createVNode(VIcon, _mergeProps({
+      "class": ['v-list-item-icon', {
+        'v-list-item-icon--start': props.start,
+        'v-list-item-icon--end': props.end
+      }]
+    }, props), slots);
+  }
+
+});
+//# sourceMappingURL=VListItemIcon.mjs.map

package/lib/components/VList/VListItemIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VList/VListItemIcon.tsx"],"names":["makeVIconProps","VIcon","defineComponent","VListItemIcon","name","props","setup","slots","start","end"],"mappings":";AAAA;SACSA,c,EAAgBC,K,8BAEzB;;SACSC,e;AAET,OAAO,MAAMC,aAAa,GAAGD,eAAe,CAAC;AAC3CE,EAAAA,IAAI,EAAE,eADqC;AAG3CC,EAAAA,KAAK,EAAEL,cAAc,EAHsB;;AAK3CM,EAAAA,KAAK,CAAED,KAAF,QAAoB;AAAA,QAAX;AAAEE,MAAAA;AAAF,KAAW;AACvB,WAAO;AAAA,eAEI,CACL,kBADK,EAEL;AACE,mCAA2BF,KAAK,CAACG,KADnC;AAEE,iCAAyBH,KAAK,CAACI;AAFjC,OAFK;AAFJ,OASEJ,KATF,GAUOE,KAVP,CAAP;AAaD;;AAnB0C,CAAD,CAArC","sourcesContent":["// Components\nimport { makeVIconProps, VIcon } from '@/components/VIcon/VIcon'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VListItemIcon = defineComponent({\n  name: 'VListItemIcon',\n\n  props: makeVIconProps(),\n\n  setup (props, { slots }) {\n    return () => (\n      <VIcon\n        class={[\n          'v-list-item-icon',\n          {\n            'v-list-item-icon--start': props.start,\n            'v-list-item-icon--end': props.end,\n          },\n        ]}\n        { ...props }\n        v-slots={ slots }\n      />\n    )\n  },\n})\n"],"file":"VListItemIcon.mjs"}

package/lib/components/VList/VListItemMedia.mjs

@@ -6,8 +6,8 @@ import { defineComponent } from "../../util/index.mjs";
 export const VListItemMedia = defineComponent({
   name: 'VListItemMedia',
   props: {
-    left: Boolean,
-    right: Boolean,
+    start: Boolean,
+    end: Boolean,
     ...makeTagProps()
   },
 
@@ -18,8 +18,8 @@ export const VListItemMedia = defineComponent({
     return () => {
       return _createVNode(props.tag, {
         "class": ['v-list-item-media', {
-          'v-list-item-media--start': props.left,
-          'v-list-item-media--end': props.right
+          'v-list-item-media--start': props.start,
+          'v-list-item-media--end': props.end
         }]
       }, slots);
     };

package/lib/components/VList/VListItemMedia.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListItemMedia.tsx"],"names":["makeTagProps","defineComponent","VListItemMedia","name","props","left","Boolean","right","setup","slots"],"mappings":";AAAA;SACSA,Y,qCAET;;SACSC,e;AAET,OAAO,MAAMC,cAAc,GAAGD,eAAe,CAAC;AAC5CE,EAAAA,IAAI,EAAE,gBADsC;AAG5CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEC,OADD;AAELC,IAAAA,KAAK,EAAED,OAFF;AAIL,OAAGN,YAAY;AAJV,GAHqC;;AAU5CQ,EAAAA,KAAK,CAAEJ,KAAF,QAAoB;AAAA,QAAX;AAAEK,MAAAA;AAAF,KAAW;AACvB,WAAO,MAAM;AACX;AAAA,iBAEW,CACL,mBADK,EAEL;AACE,sCAA4BL,KAAK,CAACC,IADpC;AAEE,oCAA0BD,KAAK,CAACG;AAFlC,SAFK;AAFX,SAScE,KATd;AAYD,KAbD;AAcD;;AAzB2C,CAAD,CAAtC","sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VListItemMedia = defineComponent({\n  name: 'VListItemMedia',\n\n  props: {\n    left: Boolean,\n    right: Boolean,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    return () => {\n      return (\n        <props.tag\n          class={[\n            'v-list-item-media',\n            {\n              'v-list-item-media--start': props.left,\n              'v-list-item-media--end': props.right,\n            },\n          ]}\n          v-slots={ slots }\n        />\n      )\n    }\n  },\n})\n"],"file":"VListItemMedia.mjs"}
+{"version":3,"sources":["../../../src/components/VList/VListItemMedia.tsx"],"names":["makeTagProps","defineComponent","VListItemMedia","name","props","start","Boolean","end","setup","slots"],"mappings":";AAAA;SACSA,Y,qCAET;;SACSC,e;AAET,OAAO,MAAMC,cAAc,GAAGD,eAAe,CAAC;AAC5CE,EAAAA,IAAI,EAAE,gBADsC;AAG5CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC,OADF;AAELC,IAAAA,GAAG,EAAED,OAFA;AAIL,OAAGN,YAAY;AAJV,GAHqC;;AAU5CQ,EAAAA,KAAK,CAAEJ,KAAF,QAAoB;AAAA,QAAX;AAAEK,MAAAA;AAAF,KAAW;AACvB,WAAO,MAAM;AACX;AAAA,iBAEW,CACL,mBADK,EAEL;AACE,sCAA4BL,KAAK,CAACC,KADpC;AAEE,oCAA0BD,KAAK,CAACG;AAFlC,SAFK;AAFX,SAScE,KATd;AAYD,KAbD;AAcD;;AAzB2C,CAAD,CAAtC","sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VListItemMedia = defineComponent({\n  name: 'VListItemMedia',\n\n  props: {\n    start: Boolean,\n    end: Boolean,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    return () => {\n      return (\n        <props.tag\n          class={[\n            'v-list-item-media',\n            {\n              'v-list-item-media--start': props.start,\n              'v-list-item-media--end': props.end,\n            },\n          ]}\n          v-slots={ slots }\n        />\n      )\n    }\n  },\n})\n"],"file":"VListItemMedia.mjs"}

package/lib/components/VList/_variables.scss

@@ -17,6 +17,7 @@ $list-positions: absolute fixed !default;
 $list-rounded-border-radius: map.get(settings.$rounded, null) !default;
 $list-indent-size: 16px !default;
 
+$list-nav-padding: 8px !default;
 $list-nav-subheader-font-size: .75rem !default;
 
 $list-subheader-font-size: .875rem !default;
@@ -24,7 +25,7 @@ $list-subheader-font-weight: 500 !default;
 $list-subheader-inset-margin: 56px !default;
 $list-subheader-inset-padding-start: 72px !default;
 $list-subheader-line-height: 1.375rem !default;
-$list-subheader-min-height: 48px !default;
+$list-subheader-min-height: 40px !default;
 $list-subheader-padding-end: 16px !default;
 $list-subheader-padding-start: 16px !default;
 $list-subheader-padding-top: 0 !default;
@@ -37,8 +38,8 @@ $list-item-border-radius: 0 !default;
 $list-item-border-style: settings.$border-style-root !default;
 $list-item-border-width: 0 !default;
 $list-item-border-thin-width: thin !default;
-$list-item-elevation: 0 !default;
-$list-item-min-height: 48px !default;
+$list-item-elevation: 1 !default;
+$list-item-min-height: 40px !default;
 $list-item-padding: 8px 16px !default;
 $list-item-plain-opacity: .62 !default;
 $list-item-rounded-border-radius: map.get(settings.$rounded, null) !default;
@@ -54,6 +55,13 @@ $list-item-avatar-margin-start: 16px !default;
 $list-item-avatar-size: 40px !default;
 $list-item-avatar-margin-y: 4px !default;
 
+$list-item-action-margin-end: 12px !default;
+$list-item-action-margin-start: 12px !default;
+
+$list-item-icon-margin-end: 32px !default;
+$list-item-icon-margin-start: 32px !default;
+$list-item-icon-size: 16px !default;
+
 $list-item-media-margin-bottom: 0 !default;
 $list-item-media-margin-end: 16px !default;
 $list-item-media-margin-start: 16px !default;
@@ -63,6 +71,7 @@ $list-item-media-two-line-margin-top: -4px !default;
 $list-item-media-three-line-margin-bottom: 0 !default;
 $list-item-media-three-line-margin-top: 0 !default;
 
+$list-item-nav-margin-top: 4px !default;
 $list-item-nav-title-font-size: .8125rem !default;
 $list-item-nav-title-font-weight: 500 !default;
 $list-item-nav-title-letter-spacing: normal !default;

package/lib/components/VList/index.mjs

@@ -2,8 +2,10 @@ export { VList } from "./VList.mjs";
 export { VListSubheader } from "./VListSubheader.mjs";
 export { VListImg } from "./VListImg.mjs";
 export { VListItem } from "./VListItem.mjs";
+export { VListItemAction } from "./VListItemAction.mjs";
 export { VListItemAvatar } from "./VListItemAvatar.mjs";
 export { VListItemHeader } from "./VListItemHeader.mjs";
+export { VListItemIcon } from "./VListItemIcon.mjs";
 export { VListItemMedia } from "./VListItemMedia.mjs";
 export { VListItemSubtitle } from "./VListItemSubtitle.mjs";
 export { VListItemTitle } from "./VListItemTitle.mjs";

package/lib/components/VList/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/index.ts"],"names":["VList","VListSubheader","VListImg","VListItem","VListItemAvatar","VListItemHeader","VListItemMedia","VListItemSubtitle","VListItemTitle","VListGroup"],"mappings":"SAASA,K;SACAC,c;SACAC,Q;SACAC,S;SACAC,e;SACAC,e;SACAC,c;SACAC,iB;SACAC,c;SACAC,U","sourcesContent":["export { VList } from './VList'\nexport { VListSubheader } from './VListSubheader'\nexport { VListImg } from './VListImg'\nexport { VListItem } from './VListItem'\nexport { VListItemAvatar } from './VListItemAvatar'\nexport { VListItemHeader } from './VListItemHeader'\nexport { VListItemMedia } from './VListItemMedia'\nexport { VListItemSubtitle } from './VListItemSubtitle'\nexport { VListItemTitle } from './VListItemTitle'\nexport { VListGroup } from './VListGroup'\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VList/index.ts"],"names":["VList","VListSubheader","VListImg","VListItem","VListItemAction","VListItemAvatar","VListItemHeader","VListItemIcon","VListItemMedia","VListItemSubtitle","VListItemTitle","VListGroup"],"mappings":"SAASA,K;SACAC,c;SACAC,Q;SACAC,S;SACAC,e;SACAC,e;SACAC,e;SACAC,a;SACAC,c;SACAC,iB;SACAC,c;SACAC,U","sourcesContent":["export { VList } from './VList'\nexport { VListSubheader } from './VListSubheader'\nexport { VListImg } from './VListImg'\nexport { VListItem } from './VListItem'\nexport { VListItemAction } from './VListItemAction'\nexport { VListItemAvatar } from './VListItemAvatar'\nexport { VListItemHeader } from './VListItemHeader'\nexport { VListItemIcon } from './VListItemIcon'\nexport { VListItemMedia } from './VListItemMedia'\nexport { VListItemSubtitle } from './VListItemSubtitle'\nexport { VListItemTitle } from './VListItemTitle'\nexport { VListGroup } from './VListGroup'\n"],"file":"index.mjs"}

package/lib/components/VMenu/VMenu.css

@@ -4,21 +4,11 @@
   border-radius: 4px;
 }
 .v-menu .v-overlay__content > .v-card,
-.v-menu .v-overlay__content > .v-sheet {
+.v-menu .v-overlay__content > .v-sheet,
+.v-menu .v-overlay__content > .v-list {
   background: rgb(var(--v-theme-surface));
   border-radius: inherit;
   overflow: auto;
   height: 100%;
-}
-.v-menu .v-overlay__content > .v-card::before,
-.v-menu .v-overlay__content > .v-sheet::before {
-  border-radius: inherit;
-  z-index: -1;
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
   box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
 }

package/lib/components/VMenu/VMenu.mjs

@@ -8,23 +8,17 @@ import { VDialogTransition } from "../transitions/index.mjs"; // Composables
 import { makeTransitionProps } from "../../composables/transition.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 
-import { computed } from 'vue';
-import { genericComponent, getUid } from "../../util/index.mjs"; // Types
+import { computed, inject, provide, ref, watch } from 'vue';
+import { genericComponent, getUid, useRender } from "../../util/index.mjs";
+import { VMenuSymbol } from "./shared.mjs"; // Types
 
+import { useForwardRef } from "../../composables/forwardRef.mjs";
 export const VMenu = genericComponent()({
   name: 'VMenu',
   inheritAttrs: false,
   props: {
     // TODO
-    // closeOnClick: {
-    //   type: Boolean,
-    //   default: true,
-    // },
-    // closeOnContentClick: {
-    //   type: Boolean,
-    //   default: true,
-    // },
-    disableKeys: Boolean,
+    // disableKeys: Boolean,
     modelValue: Boolean,
     id: String,
     ...makeTransitionProps({
@@ -45,26 +39,62 @@ export const VMenu = genericComponent()({
     const isActive = useProxiedModel(props, 'modelValue');
     const uid = getUid();
     const id = computed(() => props.id || `v-menu-${uid}`);
-    return () => {
-      return _createVNode(VOverlay, _mergeProps({
-        "modelValue": isActive.value,
-        "onUpdate:modelValue": $event => isActive.value = $event,
-        "class": ['v-menu'],
-        "transition": props.transition,
-        "absolute": true,
-        "positionStrategy": "connected",
-        "scrollStrategy": "reposition",
-        "scrim": false,
-        "activatorProps": {
-          'aria-haspopup': 'menu',
-          'aria-expanded': String(isActive.value),
-          'aria-owns': id.value
-        }
-      }, attrs), {
-        default: slots.default,
-        activator: slots.activator
-      });
-    };
+    const overlay = ref();
+    const parent = inject(VMenuSymbol, null);
+    let openChildren = 0;
+    provide(VMenuSymbol, {
+      register() {
+        ++openChildren;
+      },
+
+      unregister() {
+        --openChildren;
+      },
+
+      closeParents() {
+        setTimeout(() => {
+          if (!openChildren) {
+            isActive.value = false;
+            parent == null ? void 0 : parent.closeParents();
+          }
+        }, 40);
+      }
+
+    });
+    watch(isActive, val => {
+      val ? parent == null ? void 0 : parent.register() : parent == null ? void 0 : parent.unregister();
+    });
+
+    function onClickOutside() {
+      parent == null ? void 0 : parent.closeParents();
+    }
+
+    useRender(() => _createVNode(VOverlay, _mergeProps({
+      "ref": overlay,
+      "modelValue": isActive.value,
+      "onUpdate:modelValue": $event => isActive.value = $event,
+      "class": ['v-menu'],
+      "transition": props.transition,
+      "absolute": true,
+      "closeOnContentClick": true,
+      "positionStrategy": "connected",
+      "scrollStrategy": "reposition",
+      "scrim": false,
+      "openDelay": "300",
+      "closeDelay": "250",
+      "activatorProps": {
+        'aria-haspopup': 'menu',
+        'aria-expanded': String(isActive.value),
+        'aria-owns': id.value
+      },
+      "onClick:outside": onClickOutside
+    }, attrs), {
+      default: slots.default,
+      activator: slots.activator
+    }));
+    return useForwardRef({
+      id
+    }, overlay);
   }
 
 });

package/lib/components/VMenu/VMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VMenu/VMenu.tsx"],"names":["VOverlay","VDialogTransition","makeTransitionProps","useProxiedModel","computed","genericComponent","getUid","VMenu","name","inheritAttrs","props","disableKeys","Boolean","modelValue","id","String","transition","component","emits","value","setup","attrs","slots","isActive","uid","default","activator"],"mappings":";AAAA;AACA,qB,CAEA;;SACSA,Q;SACAC,iB,oCAET;;SACSC,mB;SACAC,e,8CAET;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,gB,EAAkBC,M,gCAE3B;;AAGA,OAAO,MAAMC,KAAK,GAAGF,gBAAgB,GAEhC;AACHG,EAAAA,IAAI,EAAE,OADH;AAGHC,EAAAA,YAAY,EAAE,KAHX;AAKHC,EAAAA,KAAK,EAAE;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAC,IAAAA,WAAW,EAAEC,OAVR;AAWLC,IAAAA,UAAU,EAAED,OAXP;AAYLE,IAAAA,EAAE,EAAEC,MAZC;AAcL,OAAGb,mBAAmB,CAAC;AACrBc,MAAAA,UAAU,EAAE;AAAEC,QAAAA,SAAS,EAAEhB;AAAb;AADS,KAAD;AAdjB,GALJ;AAwBHiB,EAAAA,KAAK,EAAE;AACL,yBAAsBC,KAAD,IAAoB;AADpC,GAxBJ;;AA4BHC,EAAAA,KAAK,CAAEV,KAAF,QAA2B;AAAA,QAAlB;AAAEW,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAkB;AAC9B,UAAMC,QAAQ,GAAGpB,eAAe,CAACO,KAAD,EAAQ,YAAR,CAAhC;AAEA,UAAMc,GAAG,GAAGlB,MAAM,EAAlB;AACA,UAAMQ,EAAE,GAAGV,QAAQ,CAAC,MAAMM,KAAK,CAACI,EAAN,IAAa,UAASU,GAAI,EAAjC,CAAnB;AAEA,WAAO,MAAM;AACX;AAAA,sBAEcD,QAAQ,CAACJ,KAFvB;AAAA,yCAEcI,QAAQ,CAACJ,KAFvB;AAAA,iBAGW,CACL,QADK,CAHX;AAAA,sBAMiBT,KAAK,CAACM,UANvB;AAAA;AAAA,4BAQqB,WARrB;AAAA,0BASmB,YATnB;AAAA,iBAUY,KAVZ;AAAA,0BAWoB;AACd,2BAAiB,MADH;AAEd,2BAAiBD,MAAM,CAACQ,QAAQ,CAACJ,KAAV,CAFT;AAGd,uBAAaL,EAAE,CAACK;AAHF;AAXpB,SAgBSE,KAhBT,GAiBa;AACPI,QAAAA,OAAO,EAAEH,KAAK,CAACG,OADR;AAEPC,QAAAA,SAAS,EAAEJ,KAAK,CAACI;AAFV,OAjBb;AAuBD,KAxBD;AAyBD;;AA3DE,CAFgC,CAA9B","sourcesContent":["// Styles\nimport './VMenu.sass'\n\n// Components\nimport { VOverlay } from '@/components/VOverlay'\nimport { VDialogTransition } from '@/components/transitions'\n\n// Composables\nimport { makeTransitionProps } from '@/composables/transition'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, getUid } from '@/util'\n\n// Types\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\n\nexport const VMenu = genericComponent<new () => {\n  $slots: OverlaySlots\n}>()({\n  name: 'VMenu',\n\n  inheritAttrs: false,\n\n  props: {\n    // TODO\n    // closeOnClick: {\n    //   type: Boolean,\n    //   default: true,\n    // },\n    // closeOnContentClick: {\n    //   type: Boolean,\n    //   default: true,\n    // },\n    disableKeys: Boolean,\n    modelValue: Boolean,\n    id: String,\n\n    ...makeTransitionProps({\n      transition: { component: VDialogTransition },\n    } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    const uid = getUid()\n    const id = computed(() => props.id || `v-menu-${uid}`)\n\n    return () => {\n      return (\n        <VOverlay\n          v-model={ isActive.value }\n          class={[\n            'v-menu',\n          ]}\n          transition={ props.transition }\n          absolute\n          positionStrategy=\"connected\"\n          scrollStrategy=\"reposition\"\n          scrim={ false }\n          activatorProps={{\n            'aria-haspopup': 'menu',\n            'aria-expanded': String(isActive.value),\n            'aria-owns': id.value,\n          }}\n          { ...attrs }\n          v-slots={{\n            default: slots.default,\n            activator: slots.activator,\n          }}\n        />\n      )\n    }\n  },\n})\n\nexport type VMenu = InstanceType<typeof VMenu>\n"],"file":"VMenu.mjs"}
+{"version":3,"sources":["../../../src/components/VMenu/VMenu.tsx"],"names":["VOverlay","VDialogTransition","makeTransitionProps","useProxiedModel","computed","inject","provide","ref","watch","genericComponent","getUid","useRender","VMenuSymbol","useForwardRef","VMenu","name","inheritAttrs","props","modelValue","Boolean","id","String","transition","component","emits","value","setup","attrs","slots","isActive","uid","overlay","parent","openChildren","register","unregister","closeParents","setTimeout","val","onClickOutside","default","activator"],"mappings":"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","sourcesContent":["// Styles\nimport './VMenu.sass'\n\n// Components\nimport { VOverlay } from '@/components/VOverlay'\nimport { VDialogTransition } from '@/components/transitions'\n\n// Composables\nimport { makeTransitionProps } from '@/composables/transition'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, inject, provide, ref, watch } from 'vue'\nimport { genericComponent, getUid, useRender } from '@/util'\nimport { VMenuSymbol } from './shared'\n\n// Types\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\nimport { useForwardRef } from '@/composables/forwardRef'\n\nexport const VMenu = genericComponent<new () => {\n  $slots: OverlaySlots\n}>()({\n  name: 'VMenu',\n\n  inheritAttrs: false,\n\n  props: {\n    // TODO\n    // disableKeys: Boolean,\n    modelValue: Boolean,\n    id: String,\n\n    ...makeTransitionProps({\n      transition: { component: VDialogTransition },\n    } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    const uid = getUid()\n    const id = computed(() => props.id || `v-menu-${uid}`)\n\n    const overlay = ref<VOverlay>()\n\n    const parent = inject(VMenuSymbol, null)\n    let openChildren = 0\n    provide(VMenuSymbol, {\n      register () {\n        ++openChildren\n      },\n      unregister () {\n        --openChildren\n      },\n      closeParents () {\n        setTimeout(() => {\n          if (!openChildren) {\n            isActive.value = false\n            parent?.closeParents()\n          }\n        }, 40)\n      },\n    })\n\n    watch(isActive, val => {\n      val ? parent?.register() : parent?.unregister()\n    })\n\n    function onClickOutside () {\n      parent?.closeParents()\n    }\n\n    useRender(() => (\n      <VOverlay\n        ref={ overlay }\n        v-model={ isActive.value }\n        class={[\n          'v-menu',\n        ]}\n        transition={ props.transition }\n        absolute\n        closeOnContentClick\n        positionStrategy=\"connected\"\n        scrollStrategy=\"reposition\"\n        scrim={ false }\n        openDelay=\"300\"\n        closeDelay=\"250\"\n        activatorProps={{\n          'aria-haspopup': 'menu',\n          'aria-expanded': String(isActive.value),\n          'aria-owns': id.value,\n        }}\n        onClick:outside={ onClickOutside }\n        { ...attrs }\n        v-slots={{\n          default: slots.default,\n          activator: slots.activator,\n        }}\n      />\n    ))\n\n    return useForwardRef({ id }, overlay)\n  },\n})\n\nexport type VMenu = InstanceType<typeof VMenu>\n"],"file":"VMenu.mjs"}

package/lib/components/VMenu/VMenu.sass

@@ -9,14 +9,11 @@
     @include tools.rounded($menu-content-border-radius)
 
     > .v-card,
-    > .v-sheet
+    > .v-sheet,
+    > .v-list
       background: rgb(var(--v-theme-surface))
       border-radius: inherit
       overflow: auto
       height: 100%
 
-      &::before
-        border-radius: inherit
-        z-index: -1
-        @include tools.absolute(true)
-        @include tools.elevation($menu-elevation)
+      @include tools.elevation($menu-elevation)

package/lib/components/VMenu/shared.mjs

@@ -0,0 +1,2 @@
+export const VMenuSymbol = Symbol.for('vuetify:v-menu');
+//# sourceMappingURL=shared.mjs.map

package/lib/components/VMenu/shared.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VMenu/shared.ts"],"names":["VMenuSymbol","Symbol","for"],"mappings":"AAQA,OAAO,MAAMA,WAAsC,GAAGC,MAAM,CAACC,GAAP,CAAW,gBAAX,CAA/C","sourcesContent":["import type { InjectionKey } from 'vue'\n\ninterface MenuProvide {\n  register (): void\n  unregister (): void\n  closeParents (): void\n}\n\nexport const VMenuSymbol: InjectionKey<MenuProvide> = Symbol.for('vuetify:v-menu')\n"],"file":"shared.mjs"}

package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs

@@ -85,7 +85,7 @@ export const VNavigationDrawer = defineComponent({
       roundedClasses
     } = useRounded(props);
     const router = useRouter();
-    const isActive = useProxiedModel(props, 'modelValue');
+    const isActive = useProxiedModel(props, 'modelValue', null, v => !!v);
     const isHovering = ref(false);
     const width = computed(() => {
       return props.rail && props.expandOnHover && isHovering.value ? Number(props.width) : Number(props.rail ? props.railWidth : props.width);

package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VNavigationDrawer/VNavigationDrawer.tsx"],"names":["makeBorderProps","useBorder","makeElevationProps","useElevation","makeLayoutItemProps","useLayoutItem","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","useDisplay","useProxiedModel","useRouter","useTouch","computed","onBeforeMount","ref","toRef","Transition","watch","convertToUnit","defineComponent","VNavigationDrawer","name","props","color","String","disableResizeWatcher","Boolean","disableRouteWatcher","expandOnHover","floating","modelValue","type","default","permanent","rail","railWidth","Number","image","temporary","touchless","width","position","validator","value","includes","tag","emits","val","setup","attrs","slots","themeClasses","borderClasses","backgroundColorClasses","backgroundColorStyles","elevationClasses","mobile","roundedClasses","router","isActive","isHovering","isTemporary","currentRoute","rootEl","isDragging","dragProgress","dragStyles","layoutSize","size","layoutItemStyles","layoutRect","layoutItemScrimStyles","id","priority","parseInt","elementSize","active","disableTransitions","absolute","scrimStyles","opacity","transition","undefined","left","right","top","bottom","hasImage","prepend","append"],"mappings":"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","sourcesContent":["// Styles\nimport './VNavigationDrawer.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor } from '@/composables/color'\nimport { useDisplay } from '@/composables/display'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRouter } from '@/composables/router'\nimport { useTouch } from './touch'\n\n// Utilities\nimport { computed, onBeforeMount, ref, toRef, Transition, watch } from 'vue'\nimport { convertToUnit, defineComponent } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VNavigationDrawer = defineComponent({\n  name: 'VNavigationDrawer',\n\n  props: {\n    color: String,\n    disableResizeWatcher: Boolean,\n    disableRouteWatcher: Boolean,\n    expandOnHover: Boolean,\n    floating: Boolean,\n    modelValue: {\n      type: Boolean,\n      default: null,\n    },\n    permanent: Boolean,\n    rail: Boolean,\n    railWidth: {\n      type: [Number, String],\n      default: 72,\n    },\n    image: String,\n    temporary: Boolean,\n    touchless: Boolean,\n    width: {\n      type: [Number, String],\n      default: 256,\n    },\n    position: {\n      type: String as PropType<'left' | 'right' | 'bottom'>,\n      default: 'left',\n      validator: (value: any) => ['left', 'right', 'bottom'].includes(value),\n    },\n\n    ...makeBorderProps(),\n    ...makeElevationProps(),\n    ...makeLayoutItemProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps({ tag: 'nav' }),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (val: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { elevationClasses } = useElevation(props)\n    const { mobile } = useDisplay()\n    const { roundedClasses } = useRounded(props)\n    const router = useRouter()\n    const isActive = useProxiedModel(props, 'modelValue')\n    const isHovering = ref(false)\n    const width = computed(() => {\n      return (props.rail && props.expandOnHover && isHovering.value)\n        ? Number(props.width)\n        : Number(props.rail ? props.railWidth : props.width)\n    })\n    const isTemporary = computed(() => !props.permanent && (mobile.value || props.temporary))\n\n    if (!props.disableResizeWatcher) {\n      watch(isTemporary, val => !props.permanent && (isActive.value = !val))\n    }\n\n    if (!props.disableRouteWatcher && router) {\n      watch(router.currentRoute, () => isTemporary.value && (isActive.value = false))\n    }\n\n    watch(() => props.permanent, val => {\n      if (val) isActive.value = true\n    })\n\n    onBeforeMount(() => {\n      if (props.modelValue != null || isTemporary.value) return\n\n      isActive.value = props.permanent || !mobile.value\n    })\n\n    const rootEl = ref<HTMLElement>()\n\n    const { isDragging, dragProgress, dragStyles } = useTouch({\n      isActive,\n      isTemporary,\n      width,\n      touchless: toRef(props, 'touchless'),\n      position: toRef(props, 'position'),\n    })\n\n    const layoutSize = computed(() => {\n      const size = isTemporary.value ? 0\n        : props.rail && props.expandOnHover ? Number(props.railWidth)\n        : width.value\n\n      return isDragging.value ? size * dragProgress.value : size\n    })\n    const { layoutItemStyles, layoutRect, layoutItemScrimStyles } = useLayoutItem({\n      id: props.name,\n      priority: computed(() => parseInt(props.priority, 10)),\n      position: toRef(props, 'position'),\n      layoutSize,\n      elementSize: width,\n      active: computed(() => isActive.value || isDragging.value),\n      disableTransitions: computed(() => isDragging.value),\n      absolute: toRef(props, 'absolute'),\n    })\n\n    const scrimStyles = computed(() => ({\n      ...isDragging.value ? {\n        opacity: dragProgress.value * 0.2,\n        transition: 'none',\n      } : undefined,\n      ...layoutRect.value ? {\n        left: convertToUnit(layoutRect.value.left),\n        right: convertToUnit(layoutRect.value.right),\n        top: convertToUnit(layoutRect.value.top),\n        bottom: convertToUnit(layoutRect.value.bottom),\n      } : undefined,\n      ...layoutItemScrimStyles.value,\n    }))\n\n    return () => {\n      const hasImage = (slots.image || props.image)\n\n      return (\n        <>\n          <props.tag\n            ref={ rootEl }\n            onMouseenter={ () => (isHovering.value = true) }\n            onMouseleave={ () => (isHovering.value = false) }\n            class={[\n              'v-navigation-drawer',\n              {\n                'v-navigation-drawer--bottom': props.position === 'bottom',\n                'v-navigation-drawer--end': props.position === 'right',\n                'v-navigation-drawer--expand-on-hover': props.expandOnHover,\n                'v-navigation-drawer--floating': props.floating,\n                'v-navigation-drawer--is-hovering': isHovering.value,\n                'v-navigation-drawer--rail': props.rail,\n                'v-navigation-drawer--start': props.position === 'left',\n                'v-navigation-drawer--temporary': isTemporary.value,\n                'v-navigation-drawer--active': isActive.value,\n              },\n              themeClasses.value,\n              backgroundColorClasses.value,\n              borderClasses.value,\n              elevationClasses.value,\n              roundedClasses.value,\n            ]}\n            style={[\n              backgroundColorStyles.value,\n              layoutItemStyles.value,\n              dragStyles.value,\n            ]}\n            { ...attrs }\n          >\n            { hasImage && (\n              <div class=\"v-navigation-drawer__img\">\n                { slots.image\n                  ? slots.image?.({ image: props.image })\n                  : (<img src={ props.image } alt=\"\" />)\n                }\n              </div>\n            )}\n\n            { slots.prepend && (\n              <div class=\"v-navigation-drawer__prepend\">\n                { slots.prepend?.() }\n              </div>\n            )}\n\n            <div class=\"v-navigation-drawer__content\">\n              { slots.default?.() }\n            </div>\n\n            { slots.append && (\n              <div class=\"v-navigation-drawer__append\">\n                { slots.append?.() }\n              </div>\n            )}\n          </props.tag>\n\n          <Transition name=\"fade-transition\">\n            { isTemporary.value && (isDragging.value || isActive.value) && (\n              <div\n                class=\"v-navigation-drawer__scrim\"\n                style={ scrimStyles.value }\n                onClick={ () => isActive.value = false }\n              />\n            )}\n          </Transition>\n        </>\n      )\n    }\n  },\n})\n\nexport type VNavigationDrawer = InstanceType<typeof VNavigationDrawer>\n"],"file":"VNavigationDrawer.mjs"}
+{"version":3,"sources":["../../../src/components/VNavigationDrawer/VNavigationDrawer.tsx"],"names":["makeBorderProps","useBorder","makeElevationProps","useElevation","makeLayoutItemProps","useLayoutItem","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","useDisplay","useProxiedModel","useRouter","useTouch","computed","onBeforeMount","ref","toRef","Transition","watch","convertToUnit","defineComponent","VNavigationDrawer","name","props","color","String","disableResizeWatcher","Boolean","disableRouteWatcher","expandOnHover","floating","modelValue","type","default","permanent","rail","railWidth","Number","image","temporary","touchless","width","position","validator","value","includes","tag","emits","val","setup","attrs","slots","themeClasses","borderClasses","backgroundColorClasses","backgroundColorStyles","elevationClasses","mobile","roundedClasses","router","isActive","v","isHovering","isTemporary","currentRoute","rootEl","isDragging","dragProgress","dragStyles","layoutSize","size","layoutItemStyles","layoutRect","layoutItemScrimStyles","id","priority","parseInt","elementSize","active","disableTransitions","absolute","scrimStyles","opacity","transition","undefined","left","right","top","bottom","hasImage","prepend","append"],"mappings":"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","sourcesContent":["// Styles\nimport './VNavigationDrawer.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor } from '@/composables/color'\nimport { useDisplay } from '@/composables/display'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRouter } from '@/composables/router'\nimport { useTouch } from './touch'\n\n// Utilities\nimport { computed, onBeforeMount, ref, toRef, Transition, watch } from 'vue'\nimport { convertToUnit, defineComponent } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VNavigationDrawer = defineComponent({\n  name: 'VNavigationDrawer',\n\n  props: {\n    color: String,\n    disableResizeWatcher: Boolean,\n    disableRouteWatcher: Boolean,\n    expandOnHover: Boolean,\n    floating: Boolean,\n    modelValue: {\n      type: Boolean as PropType<boolean | null>,\n      default: null,\n    },\n    permanent: Boolean,\n    rail: Boolean,\n    railWidth: {\n      type: [Number, String],\n      default: 72,\n    },\n    image: String,\n    temporary: Boolean,\n    touchless: Boolean,\n    width: {\n      type: [Number, String],\n      default: 256,\n    },\n    position: {\n      type: String as PropType<'left' | 'right' | 'bottom'>,\n      default: 'left',\n      validator: (value: any) => ['left', 'right', 'bottom'].includes(value),\n    },\n\n    ...makeBorderProps(),\n    ...makeElevationProps(),\n    ...makeLayoutItemProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps({ tag: 'nav' }),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (val: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { elevationClasses } = useElevation(props)\n    const { mobile } = useDisplay()\n    const { roundedClasses } = useRounded(props)\n    const router = useRouter()\n    const isActive = useProxiedModel(props, 'modelValue', null, v => !!v)\n    const isHovering = ref(false)\n    const width = computed(() => {\n      return (props.rail && props.expandOnHover && isHovering.value)\n        ? Number(props.width)\n        : Number(props.rail ? props.railWidth : props.width)\n    })\n    const isTemporary = computed(() => !props.permanent && (mobile.value || props.temporary))\n\n    if (!props.disableResizeWatcher) {\n      watch(isTemporary, val => !props.permanent && (isActive.value = !val))\n    }\n\n    if (!props.disableRouteWatcher && router) {\n      watch(router.currentRoute, () => isTemporary.value && (isActive.value = false))\n    }\n\n    watch(() => props.permanent, val => {\n      if (val) isActive.value = true\n    })\n\n    onBeforeMount(() => {\n      if (props.modelValue != null || isTemporary.value) return\n\n      isActive.value = props.permanent || !mobile.value\n    })\n\n    const rootEl = ref<HTMLElement>()\n\n    const { isDragging, dragProgress, dragStyles } = useTouch({\n      isActive,\n      isTemporary,\n      width,\n      touchless: toRef(props, 'touchless'),\n      position: toRef(props, 'position'),\n    })\n\n    const layoutSize = computed(() => {\n      const size = isTemporary.value ? 0\n        : props.rail && props.expandOnHover ? Number(props.railWidth)\n        : width.value\n\n      return isDragging.value ? size * dragProgress.value : size\n    })\n    const { layoutItemStyles, layoutRect, layoutItemScrimStyles } = useLayoutItem({\n      id: props.name,\n      priority: computed(() => parseInt(props.priority, 10)),\n      position: toRef(props, 'position'),\n      layoutSize,\n      elementSize: width,\n      active: computed(() => isActive.value || isDragging.value),\n      disableTransitions: computed(() => isDragging.value),\n      absolute: toRef(props, 'absolute'),\n    })\n\n    const scrimStyles = computed(() => ({\n      ...isDragging.value ? {\n        opacity: dragProgress.value * 0.2,\n        transition: 'none',\n      } : undefined,\n      ...layoutRect.value ? {\n        left: convertToUnit(layoutRect.value.left),\n        right: convertToUnit(layoutRect.value.right),\n        top: convertToUnit(layoutRect.value.top),\n        bottom: convertToUnit(layoutRect.value.bottom),\n      } : undefined,\n      ...layoutItemScrimStyles.value,\n    }))\n\n    return () => {\n      const hasImage = (slots.image || props.image)\n\n      return (\n        <>\n          <props.tag\n            ref={ rootEl }\n            onMouseenter={ () => (isHovering.value = true) }\n            onMouseleave={ () => (isHovering.value = false) }\n            class={[\n              'v-navigation-drawer',\n              {\n                'v-navigation-drawer--bottom': props.position === 'bottom',\n                'v-navigation-drawer--end': props.position === 'right',\n                'v-navigation-drawer--expand-on-hover': props.expandOnHover,\n                'v-navigation-drawer--floating': props.floating,\n                'v-navigation-drawer--is-hovering': isHovering.value,\n                'v-navigation-drawer--rail': props.rail,\n                'v-navigation-drawer--start': props.position === 'left',\n                'v-navigation-drawer--temporary': isTemporary.value,\n                'v-navigation-drawer--active': isActive.value,\n              },\n              themeClasses.value,\n              backgroundColorClasses.value,\n              borderClasses.value,\n              elevationClasses.value,\n              roundedClasses.value,\n            ]}\n            style={[\n              backgroundColorStyles.value,\n              layoutItemStyles.value,\n              dragStyles.value,\n            ]}\n            { ...attrs }\n          >\n            { hasImage && (\n              <div class=\"v-navigation-drawer__img\">\n                { slots.image\n                  ? slots.image?.({ image: props.image })\n                  : (<img src={ props.image } alt=\"\" />)\n                }\n              </div>\n            )}\n\n            { slots.prepend && (\n              <div class=\"v-navigation-drawer__prepend\">\n                { slots.prepend?.() }\n              </div>\n            )}\n\n            <div class=\"v-navigation-drawer__content\">\n              { slots.default?.() }\n            </div>\n\n            { slots.append && (\n              <div class=\"v-navigation-drawer__append\">\n                { slots.append?.() }\n              </div>\n            )}\n          </props.tag>\n\n          <Transition name=\"fade-transition\">\n            { isTemporary.value && (isDragging.value || isActive.value) && (\n              <div\n                class=\"v-navigation-drawer__scrim\"\n                style={ scrimStyles.value }\n                onClick={ () => isActive.value = false }\n              />\n            )}\n          </Transition>\n        </>\n      )\n    }\n  },\n})\n\nexport type VNavigationDrawer = InstanceType<typeof VNavigationDrawer>\n"],"file":"VNavigationDrawer.mjs"}

package/lib/components/VOverlay/VOverlay.css

@@ -11,6 +11,13 @@
   padding-inline-end: var(--v-scrollbar-offset);
   overflow-y: hidden !important;
 }
+html.v-overlay-scroll-blocked {
+  position: fixed;
+  top: var(--v-body-scroll-y);
+  left: var(--v-body-scroll-x);
+  width: 100%;
+  height: 100%;
+}
 
 .v-overlay {
   border-radius: inherit;
@@ -21,6 +28,7 @@
   top: 0;
   bottom: 0;
   right: 0;
+  z-index: 2000;
 }
 
 .v-overlay__content {

package/lib/components/VOverlay/VOverlay.mjs

@@ -14,8 +14,7 @@ import { useRtl } from "../../composables/rtl.mjs";
 import { useTeleport } from "../../composables/teleport.mjs";
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
 import { makeLazyProps, useLazy } from "../../composables/lazy.mjs";
-import { useStack } from "../../composables/stack.mjs";
-import { useOverlay } from "../../composables/overlay.mjs"; // Directives
+import { useStack } from "../../composables/stack.mjs"; // Directives
 
 import { ClickOutside } from "../../directives/click-outside/index.mjs"; // Utilities
 
@@ -94,17 +93,21 @@ export const VOverlay = genericComponent()({
     const scrimColor = useBackgroundColor(computed(() => {
       return typeof props.scrim === 'string' ? props.scrim : null;
     }));
+    const {
+      isTop
+    } = useStack(isActive);
     const {
       activatorEl,
       activatorRef,
-      activatorEvents
-    } = useActivator(props, isActive);
+      activatorEvents,
+      contentEvents
+    } = useActivator(props, {
+      isActive,
+      isTop
+    });
     const {
       dimensionStyles
     } = useDimension(props);
-    const {
-      isTop
-    } = useStack(isActive);
     const root = ref();
     const contentEl = ref();
     const {
@@ -185,9 +188,6 @@ export const VOverlay = genericComponent()({
       });
     }
 
-    const {
-      overlayZIndex
-    } = useOverlay(isActive);
     useRender(() => {
       var _slots$activator, _slots$default;
 
@@ -207,8 +207,7 @@ export const VOverlay = genericComponent()({
             'v-overlay--contained': props.contained
           }, themeClasses.value, rtlClasses.value],
           "style": {
-            top: convertToUnit(top.value),
-            zIndex: overlayZIndex.value
+            top: convertToUnit(top.value)
           },
           "ref": root
         }, attrs), [_createVNode(Scrim, {
@@ -224,11 +223,11 @@ export const VOverlay = genericComponent()({
             emit('afterLeave');
           }
         }, {
-          default: () => [_withDirectives(_createVNode("div", {
+          default: () => [_withDirectives(_createVNode("div", _mergeProps({
             "ref": contentEl,
             "class": ['v-overlay__content', props.contentClass],
             "style": [dimensionStyles.value, contentStyles.value]
-          }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, {
+          }, toHandlers(contentEvents.value)), [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, {
             isActive
           })]), [[_vShow, isActive.value], [_resolveDirective("click-outside"), {
             handler: onClickOutside,
@@ -241,7 +240,9 @@ export const VOverlay = genericComponent()({
     return {
       animateClick,
       contentEl,
-      activatorEl
+      activatorEl,
+      isTop,
+      updatePosition
     };
   }