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

package/lib/components/VLocaleProvider/VLocaleProvider.mjs

@@ -1,10 +1,11 @@
 import { createVNode as _createVNode } from "vue";
+// Styles
 import "./VLocaleProvider.css"; // Composables
 
 import { provideLocale } from "../../composables/locale.mjs";
 import { provideRtl } from "../../composables/rtl.mjs"; // Utilities
 
-import { defineComponent } from "../../util/index.mjs";
+import { defineComponent, useRender } from "../../util/index.mjs";
 export const VLocaleProvider = defineComponent({
   name: 'VLocaleProvider',
   props: {
@@ -25,13 +26,14 @@ export const VLocaleProvider = defineComponent({
     const {
       rtlClasses
     } = provideRtl(props, localeInstance);
-    return () => {
+    useRender(() => {
       var _slots$default;
 
       return _createVNode("div", {
         "class": ['v-locale-provider', rtlClasses.value]
       }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]);
-    };
+    });
+    return {};
   }
 
 });

package/lib/components/VLocaleProvider/VLocaleProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLocaleProvider/VLocaleProvider.tsx"],"names":["provideLocale","provideRtl","defineComponent","VLocaleProvider","name","props","locale","String","fallbackLocale","messages","Object","rtl","type","Boolean","default","undefined","setup","slots","localeInstance","rtlClasses","value"],"mappings":";AAAA,+B,CAEA;;SACSA,a;SACAC,U,qCAET;;SACSC,e;AAET,OAAO,MAAMC,eAAe,GAAGD,eAAe,CAAC;AAC7CE,EAAAA,IAAI,EAAE,iBADuC;AAG7CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAEC,MADH;AAELC,IAAAA,cAAc,EAAED,MAFX;AAGLE,IAAAA,QAAQ,EAAEC,MAHL;AAILC,IAAAA,GAAG,EAAE;AACHC,MAAAA,IAAI,EAAEC,OADH;AAEHC,MAAAA,OAAO,EAAEC;AAFN;AAJA,GAHsC;;AAa7CC,EAAAA,KAAK,CAAEX,KAAF,QAAoB;AAAA,QAAX;AAAEY,MAAAA;AAAF,KAAW;AACvB,UAAMC,cAAc,GAAGlB,aAAa,CAACK,KAAD,CAApC;AACA,UAAM;AAAEc,MAAAA;AAAF,QAAiBlB,UAAU,CAACI,KAAD,EAAQa,cAAR,CAAjC;AAEA,WAAO;AAAA;;AAAA;AAAA,iBAEI,CACL,mBADK,EAELC,UAAU,CAACC,KAFN;AAFJ,4BAODH,KAAK,CAACH,OAPL,qBAOD,oBAAAG,KAAK,CAPJ;AAAA,KAAP;AAUD;;AA3B4C,CAAD,CAAvC","sourcesContent":["import './VLocaleProvider.sass'\n\n// Composables\nimport { provideLocale } from '@/composables/locale'\nimport { provideRtl } from '@/composables/rtl'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VLocaleProvider = defineComponent({\n  name: 'VLocaleProvider',\n\n  props: {\n    locale: String,\n    fallbackLocale: String,\n    messages: Object,\n    rtl: {\n      type: Boolean,\n      default: undefined,\n    },\n  },\n\n  setup (props, { slots }) {\n    const localeInstance = provideLocale(props)\n    const { rtlClasses } = provideRtl(props, localeInstance)\n\n    return () => (\n      <div\n        class={[\n          'v-locale-provider',\n          rtlClasses.value,\n        ]}\n      >\n        { slots.default?.() }\n      </div>\n    )\n  },\n})\n"],"file":"VLocaleProvider.mjs"}
+{"version":3,"file":"VLocaleProvider.mjs","names":["provideLocale","provideRtl","defineComponent","useRender","VLocaleProvider","name","props","locale","String","fallbackLocale","messages","Object","rtl","type","Boolean","default","undefined","setup","slots","localeInstance","rtlClasses","value"],"sources":["../../../src/components/VLocaleProvider/VLocaleProvider.tsx"],"sourcesContent":["// Styles\nimport './VLocaleProvider.sass'\n\n// Composables\nimport { provideLocale } from '@/composables/locale'\nimport { provideRtl } from '@/composables/rtl'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VLocaleProvider = defineComponent({\n  name: 'VLocaleProvider',\n\n  props: {\n    locale: String,\n    fallbackLocale: String,\n    messages: Object,\n    rtl: {\n      type: Boolean,\n      default: undefined,\n    },\n  },\n\n  setup (props, { slots }) {\n    const localeInstance = provideLocale(props)\n    const { rtlClasses } = provideRtl(props, localeInstance)\n\n    useRender(() => (\n      <div\n        class={[\n          'v-locale-provider',\n          rtlClasses.value,\n        ]}\n      >\n        { slots.default?.() }\n      </div>\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;AACA,+B,CAEA;;SACSA,a;SACAC,U,qCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,eAAe,GAAGF,eAAe,CAAC;EAC7CG,IAAI,EAAE,iBADuC;EAG7CC,KAAK,EAAE;IACLC,MAAM,EAAEC,MADH;IAELC,cAAc,EAAED,MAFX;IAGLE,QAAQ,EAAEC,MAHL;IAILC,GAAG,EAAE;MACHC,IAAI,EAAEC,OADH;MAEHC,OAAO,EAAEC;IAFN;EAJA,CAHsC;;EAa7CC,KAAK,CAAEX,KAAF,QAAoB;IAAA,IAAX;MAAEY;IAAF,CAAW;IACvB,MAAMC,cAAc,GAAGnB,aAAa,CAACM,KAAD,CAApC;IACA,MAAM;MAAEc;IAAF,IAAiBnB,UAAU,CAACK,KAAD,EAAQa,cAAR,CAAjC;IAEAhB,SAAS,CAAC;MAAA;;MAAA;QAAA,SAEC,CACL,mBADK,EAELiB,UAAU,CAACC,KAFN;MAFD,sBAOJH,KAAK,CAACH,OAPF,qBAOJ,oBAAAG,KAAK,CAPD;IAAA,CAAD,CAAT;IAWA,OAAO,EAAP;EACD;;AA7B4C,CAAD,CAAvC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLocaleProvider/index.ts"],"names":["VLocaleProvider"],"mappings":"SAASA,e","sourcesContent":["export { VLocaleProvider } from './VLocaleProvider'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VLocaleProvider"],"sources":["../../../src/components/VLocaleProvider/index.ts"],"sourcesContent":["export { VLocaleProvider } from './VLocaleProvider'\n"],"mappings":"SAASA,e"}

package/lib/components/VMain/VMain.css

@@ -1,18 +1,29 @@
 .v-main {
-  display: flex;
   flex: 1 0 auto;
   max-width: 100%;
   transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  padding-left: var(--v-layout-left);
+  padding-right: var(--v-layout-right);
+  padding-top: var(--v-layout-top);
+  padding-bottom: var(--v-layout-bottom);
 }
-.v-main__wrap {
-  flex: 1 1 auto;
+.v-main__scroller {
   max-width: 100%;
   position: relative;
 }
-@-moz-document url-prefix() {
-  @media print {
-    .v-main {
-      display: block;
-    }
-  }
+.v-main--scrollable {
+  display: flex;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.v-main--scrollable > .v-main__scroller {
+  flex: 1 1 auto;
+  overflow-y: auto;
+  --v-layout-left: 0px;
+  --v-layout-right: 0px;
+  --v-layout-top: 0px;
+  --v-layout-bottom: 0px;
 }

package/lib/components/VMain/VMain.mjs

@@ -6,12 +6,15 @@ import { makeTagProps } from "../../composables/tag.mjs";
 import { useLayout } from "../../composables/layout.mjs";
 import { useSsrBoot } from "../../composables/ssrBoot.mjs"; // Utilities
 
-import { defineComponent } from "../../util/index.mjs";
+import { defineComponent, useRender } from "../../util/index.mjs";
 export const VMain = defineComponent({
   name: 'VMain',
-  props: makeTagProps({
-    tag: 'main'
-  }),
+  props: {
+    scrollable: Boolean,
+    ...makeTagProps({
+      tag: 'main'
+    })
+  },
 
   setup(props, _ref) {
     let {
@@ -23,18 +26,21 @@ export const VMain = defineComponent({
     const {
       ssrBootStyles
     } = useSsrBoot();
-    return () => {
-      var _slots$default;
+    useRender(() => {
+      var _slots$default, _slots$default2;
 
       return _createVNode(props.tag, {
-        "class": "v-main",
+        "class": ['v-main', {
+          'v-main--scrollable': props.scrollable
+        }],
         "style": [mainStyles.value, ssrBootStyles.value]
       }, {
-        default: () => [_createVNode("div", {
-          "class": "v-main__wrap"
-        }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)])]
+        default: () => [props.scrollable ? _createVNode("div", {
+          "class": "v-main__scroller"
+        }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]) : (_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots)]
       });
-    };
+    });
+    return {};
   }
 
 });

package/lib/components/VMain/VMain.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VMain/VMain.tsx"],"names":["makeTagProps","useLayout","useSsrBoot","defineComponent","VMain","name","props","tag","setup","slots","mainStyles","ssrBootStyles","value","default"],"mappings":";AAAA;AACA,qB,CAEA;;SACSA,Y;SACAC,S;SACAC,U,yCAET;;SACSC,e;AAET,OAAO,MAAMC,KAAK,GAAGD,eAAe,CAAC;AACnCE,EAAAA,IAAI,EAAE,OAD6B;AAGnCC,EAAAA,KAAK,EAAEN,YAAY,CAAC;AAAEO,IAAAA,GAAG,EAAE;AAAP,GAAD,CAHgB;;AAKnCC,EAAAA,KAAK,CAAEF,KAAF,QAAoB;AAAA,QAAX;AAAEG,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAiBT,SAAS,EAAhC;AACA,UAAM;AAAEU,MAAAA;AAAF,QAAoBT,UAAU,EAApC;AAEA,WAAO;AAAA;;AAAA;AAAA,iBAEG,QAFH;AAAA,iBAGI,CACLQ,UAAU,CAACE,KADN,EAELD,aAAa,CAACC,KAFT;AAHJ;AAAA;AAAA,mBAQQ;AARR,8BASCH,KAAK,CAACI,OATP,qBASC,oBAAAJ,KAAK,CATN;AAAA;AAAA,KAAP;AAaD;;AAtBkC,CAAD,CAA7B","sourcesContent":["// Styles\nimport './VMain.sass'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\nimport { useLayout } from '@/composables/layout'\nimport { useSsrBoot } from '@/composables/ssrBoot'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VMain = defineComponent({\n  name: 'VMain',\n\n  props: makeTagProps({ tag: 'main' }),\n\n  setup (props, { slots }) {\n    const { mainStyles } = useLayout()\n    const { ssrBootStyles } = useSsrBoot()\n\n    return () => (\n      <props.tag\n        class=\"v-main\"\n        style={[\n          mainStyles.value,\n          ssrBootStyles.value,\n        ]}\n      >\n        <div class=\"v-main__wrap\">\n          { slots.default?.() }\n        </div>\n      </props.tag>\n    )\n  },\n})\n"],"file":"VMain.mjs"}
+{"version":3,"file":"VMain.mjs","names":["makeTagProps","useLayout","useSsrBoot","defineComponent","useRender","VMain","name","props","scrollable","Boolean","tag","setup","slots","mainStyles","ssrBootStyles","value","default"],"sources":["../../../src/components/VMain/VMain.tsx"],"sourcesContent":["// Styles\nimport './VMain.sass'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\nimport { useLayout } from '@/composables/layout'\nimport { useSsrBoot } from '@/composables/ssrBoot'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VMain = defineComponent({\n  name: 'VMain',\n\n  props: {\n    scrollable: Boolean,\n\n    ...makeTagProps({ tag: 'main' }),\n  },\n\n  setup (props, { slots }) {\n    const { mainStyles } = useLayout()\n    const { ssrBootStyles } = useSsrBoot()\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-main',\n          { 'v-main--scrollable': props.scrollable },\n        ]}\n        style={[\n          mainStyles.value,\n          ssrBootStyles.value,\n        ]}\n      >\n        { props.scrollable\n          ? (\n            <div class=\"v-main__scroller\">\n              { slots.default?.() }\n            </div>\n          )\n          : slots.default?.()\n        }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;AACA,qB,CAEA;;SACSA,Y;SACAC,S;SACAC,U,yCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,KAAK,GAAGF,eAAe,CAAC;EACnCG,IAAI,EAAE,OAD6B;EAGnCC,KAAK,EAAE;IACLC,UAAU,EAAEC,OADP;IAGL,GAAGT,YAAY,CAAC;MAAEU,GAAG,EAAE;IAAP,CAAD;EAHV,CAH4B;;EASnCC,KAAK,CAAEJ,KAAF,QAAoB;IAAA,IAAX;MAAEK;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAiBZ,SAAS,EAAhC;IACA,MAAM;MAAEa;IAAF,IAAoBZ,UAAU,EAApC;IAEAE,SAAS,CAAC;MAAA;;MAAA;QAAA,SAEC,CACL,QADK,EAEL;UAAE,sBAAsBG,KAAK,CAACC;QAA9B,CAFK,CAFD;QAAA,SAMC,CACLK,UAAU,CAACE,KADN,EAELD,aAAa,CAACC,KAFT;MAND;QAAA,gBAWJR,KAAK,CAACC,UAAN;UAAA,SAEa;QAFb,sBAGMI,KAAK,CAACI,OAHZ,qBAGM,oBAAAJ,KAAK,CAHX,wBAMEA,KAAK,CAACI,OANR,qBAME,qBAAAJ,KAAK,CAjBH;MAAA;IAAA,CAAD,CAAT;IAsBA,OAAO,EAAP;EACD;;AApCkC,CAAD,CAA7B"}

package/lib/components/VMain/VMain.sass

@@ -1,21 +1,27 @@
-@forward './variables'
+@use '../../styles/tools'
 @use './variables' as *
 
-@mixin firefox()
-  @-moz-document url-prefix()
-    @content
-
 .v-main
-  display: flex
   flex: 1 0 auto
   max-width: 100%
   transition: $main-transition
+  padding-left: var(--v-layout-left)
+  padding-right: var(--v-layout-right)
+  padding-top: var(--v-layout-top)
+  padding-bottom: var(--v-layout-bottom)
 
-  &__wrap
-    flex: 1 1 auto
+  &__scroller
     max-width: 100%
     position: relative
 
-  +firefox()
-    @media print
-      display: block
+  &--scrollable
+    display: flex
+    @include tools.absolute()
+
+    & > .v-main__scroller
+      flex: 1 1 auto
+      overflow-y: auto
+      --v-layout-left: 0px
+      --v-layout-right: 0px
+      --v-layout-top: 0px
+      --v-layout-bottom: 0px

package/lib/components/VMain/_variables.scss

@@ -1,4 +1,4 @@
 @use '../../styles/settings';
 
-// Defaults
+// VMain
 $main-transition: 0.2s settings.$standard-easing !default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VMain/index.ts"],"names":["VMain"],"mappings":"SAASA,K","sourcesContent":["export { VMain } from './VMain'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VMain"],"sources":["../../../src/components/VMain/index.ts"],"sourcesContent":["export { VMain } from './VMain'\n"],"mappings":"SAASA,K"}

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);
+  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
 }

package/lib/components/VMenu/VMenu.mjs

@@ -2,29 +2,24 @@ import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirectiv
 // Styles
 import "./VMenu.css"; // Components
 
-import { VOverlay } from "../VOverlay/index.mjs";
-import { VDialogTransition } from "../transitions/index.mjs"; // Composables
+import { VDialogTransition } from "../transitions/index.mjs";
+import { VOverlay } from "../VOverlay/index.mjs"; // Composables
 
 import { makeTransitionProps } from "../../composables/transition.mjs";
-import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
+import { forwardRefs } from "../../composables/forwardRefs.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs";
+import { useScopeId } from "../../composables/scopeId.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
 
 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({
@@ -43,28 +38,67 @@ export const VMenu = genericComponent()({
       slots
     } = _ref;
     const isActive = useProxiedModel(props, 'modelValue');
+    const {
+      scopeId
+    } = useScopeId();
     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,
+      "locationStrategy": "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
+    }, scopeId, attrs), {
+      default: slots.default,
+      activator: slots.activator
+    }));
+    return forwardRefs({
+      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,"file":"VMenu.mjs","names":["VDialogTransition","VOverlay","makeTransitionProps","forwardRefs","useProxiedModel","useScopeId","computed","inject","provide","ref","watch","genericComponent","getUid","useRender","VMenuSymbol","VMenu","name","inheritAttrs","props","modelValue","Boolean","id","String","transition","component","emits","value","setup","attrs","slots","isActive","scopeId","uid","overlay","parent","openChildren","register","unregister","closeParents","setTimeout","val","onClickOutside","default","activator"],"sources":["../../../src/components/VMenu/VMenu.tsx"],"sourcesContent":["// Styles\nimport './VMenu.sass'\n\n// Components\nimport { VDialogTransition } from '@/components/transitions'\nimport { VOverlay } from '@/components/VOverlay'\n\n// Composables\nimport { makeTransitionProps } from '@/composables/transition'\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\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'\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    const { scopeId } = useScopeId()\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        locationStrategy=\"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        { ...scopeId }\n        { ...attrs }\n        v-slots={{\n          default: slots.default,\n          activator: slots.activator,\n        }}\n      />\n    ))\n\n    return forwardRefs({ id }, overlay)\n  },\n})\n\nexport type VMenu = InstanceType<typeof VMenu>\n"],"mappings":";AAAA;AACA,qB,CAEA;;SACSA,iB;SACAC,Q,iCAET;;SACSC,mB;SACAC,W;SACAC,e;SACAC,U,yCAET;;AACA,SAASC,QAAT,EAAmBC,MAAnB,EAA2BC,OAA3B,EAAoCC,GAApC,EAAyCC,KAAzC,QAAsD,KAAtD;SACSC,gB,EAAkBC,M,EAAQC,S;SAC1BC,W,wBAET;;AAGA,OAAO,MAAMC,KAAK,GAAGJ,gBAAgB,GAEhC;EACHK,IAAI,EAAE,OADH;EAGHC,YAAY,EAAE,KAHX;EAKHC,KAAK,EAAE;IACL;IACA;IACAC,UAAU,EAAEC,OAHP;IAILC,EAAE,EAAEC,MAJC;IAML,GAAGpB,mBAAmB,CAAC;MACrBqB,UAAU,EAAE;QAAEC,SAAS,EAAExB;MAAb;IADS,CAAD;EANjB,CALJ;EAgBHyB,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAoB;EADpC,CAhBJ;;EAoBHC,KAAK,CAAET,KAAF,QAA2B;IAAA,IAAlB;MAAEU,KAAF;MAASC;IAAT,CAAkB;IAC9B,MAAMC,QAAQ,GAAG1B,eAAe,CAACc,KAAD,EAAQ,YAAR,CAAhC;IACA,MAAM;MAAEa;IAAF,IAAc1B,UAAU,EAA9B;IAEA,MAAM2B,GAAG,GAAGpB,MAAM,EAAlB;IACA,MAAMS,EAAE,GAAGf,QAAQ,CAAC,MAAMY,KAAK,CAACG,EAAN,IAAa,UAASW,GAAI,EAAjC,CAAnB;IAEA,MAAMC,OAAO,GAAGxB,GAAG,EAAnB;IAEA,MAAMyB,MAAM,GAAG3B,MAAM,CAACO,WAAD,EAAc,IAAd,CAArB;IACA,IAAIqB,YAAY,GAAG,CAAnB;IACA3B,OAAO,CAACM,WAAD,EAAc;MACnBsB,QAAQ,GAAI;QACV,EAAED,YAAF;MACD,CAHkB;;MAInBE,UAAU,GAAI;QACZ,EAAEF,YAAF;MACD,CANkB;;MAOnBG,YAAY,GAAI;QACdC,UAAU,CAAC,MAAM;UACf,IAAI,CAACJ,YAAL,EAAmB;YACjBL,QAAQ,CAACJ,KAAT,GAAiB,KAAjB;YACAQ,MAAM,QAAN,YAAAA,MAAM,CAAEI,YAAR;UACD;QACF,CALS,EAKP,EALO,CAAV;MAMD;;IAdkB,CAAd,CAAP;IAiBA5B,KAAK,CAACoB,QAAD,EAAWU,GAAG,IAAI;MACrBA,GAAG,GAAGN,MAAH,oBAAGA,MAAM,CAAEE,QAAR,EAAH,GAAwBF,MAAxB,oBAAwBA,MAAM,CAAEG,UAAR,EAA3B;IACD,CAFI,CAAL;;IAIA,SAASI,cAAT,GAA2B;MACzBP,MAAM,QAAN,YAAAA,MAAM,CAAEI,YAAR;IACD;;IAEDzB,SAAS,CAAC;MAAA,OAEAoB,OAFA;MAAA,cAGIH,QAAQ,CAACJ,KAHb;MAAA,iCAGII,QAAQ,CAACJ,KAHb;MAAA,SAIC,CACL,QADK,CAJD;MAAA,cAOOR,KAAK,CAACK,UAPb;MAAA;MAAA;MAAA,oBAUW,WAVX;MAAA,kBAWS,YAXT;MAAA,SAYE,KAZF;MAAA,aAaI,KAbJ;MAAA,cAcK,KAdL;MAAA,kBAeU;QACd,iBAAiB,MADH;QAEd,iBAAiBD,MAAM,CAACQ,QAAQ,CAACJ,KAAV,CAFT;QAGd,aAAaL,EAAE,CAACK;MAHF,CAfV;MAAA,mBAoBYe;IApBZ,GAqBDV,OArBC,EAsBDH,KAtBC,GAuBG;MACPc,OAAO,EAAEb,KAAK,CAACa,OADR;MAEPC,SAAS,EAAEd,KAAK,CAACc;IAFV,CAvBH,CAAD,CAAT;IA8BA,OAAOxC,WAAW,CAAC;MAAEkB;IAAF,CAAD,EAASY,OAAT,CAAlB;EACD;;AAvFE,CAFgC,CAA9B"}

package/lib/components/VMenu/VMenu.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './variables' as *
 
@@ -9,14 +8,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/_variables.scss

@@ -2,4 +2,3 @@
 
 $menu-elevation: 8 !default;
 $menu-content-border-radius: settings.$border-radius-root !default;
-$menu-content-elevation: 8 !default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VMenu/index.ts"],"names":["VMenu"],"mappings":"SAASA,K","sourcesContent":["export { VMenu } from './VMenu'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VMenu"],"sources":["../../../src/components/VMenu/index.ts"],"sourcesContent":["export { VMenu } from './VMenu'\n"],"mappings":"SAASA,K"}

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,"file":"shared.mjs","names":["VMenuSymbol","Symbol","for"],"sources":["../../../src/components/VMenu/shared.ts"],"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"],"mappings":"AAQA,OAAO,MAAMA,WAAsC,GAAGC,MAAM,CAACC,GAAP,CAAW,gBAAX,CAA/C"}

package/lib/components/VMessages/VMessages.mjs

@@ -7,8 +7,9 @@ import { VSlideYTransition } from "../transitions/index.mjs"; // Composables
 import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs";
 import { useTextColor } from "../../composables/color.mjs"; // Utilities
 
-import { defineComponent, wrapInArray } from "../../util/index.mjs";
 import { computed } from 'vue';
+import { defineComponent, useRender, wrapInArray } from "../../util/index.mjs"; // Types
+
 export const VMessages = defineComponent({
   name: 'VMessages',
   props: {
@@ -36,7 +37,7 @@ export const VMessages = defineComponent({
       textColorClasses,
       textColorStyles
     } = useTextColor(computed(() => props.color));
-    return () => _createVNode(MaybeTransition, {
+    useRender(() => _createVNode(MaybeTransition, {
       "transition": props.transition,
       "tag": "div",
       "class": ['v-messages', textColorClasses.value],
@@ -48,7 +49,8 @@ export const VMessages = defineComponent({
       }, [slots.message ? slots.message({
         message
       }) : message]))]
-    });
+    }));
+    return {};
   }
 
 });

package/lib/components/VMessages/VMessages.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VMessages/VMessages.tsx"],"names":["VSlideYTransition","makeTransitionProps","MaybeTransition","useTextColor","defineComponent","wrapInArray","computed","VMessages","name","props","active","Boolean","color","String","messages","type","Array","default","transition","component","leaveAbsolute","group","setup","slots","textColorClasses","textColorStyles","value","map","message","i"],"mappings":";AAAA;AACA,yB,CAEA;;SACSA,iB,oCAET;;SACSC,mB,EAAqBC,e;SACrBC,Y,uCAET;;SACSC,e,EAAiBC,W;AAC1B,SAASC,QAAT,QAAyB,KAAzB;AAGA,OAAO,MAAMC,SAAS,GAAGH,eAAe,CAAC;AACvCI,EAAAA,IAAI,EAAE,WADiC;AAGvCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAEC,OADH;AAELC,IAAAA,KAAK,EAAEC,MAFF;AAGLC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,IAAI,EAAE,CAACC,KAAD,EAAQH,MAAR,CADE;AAERI,MAAAA,OAAO,EAAE,MAAO;AAFR,KAHL;AAQL,OAAGhB,mBAAmB,CAAC;AACrBiB,MAAAA,UAAU,EAAE;AACVC,QAAAA,SAAS,EAAEnB,iBADD;AAEVoB,QAAAA,aAAa,EAAE,IAFL;AAGVC,QAAAA,KAAK,EAAE;AAHG;AADS,KAAD;AARjB,GAHgC;;AAoBvCC,EAAAA,KAAK,CAAEb,KAAF,QAAoB;AAAA,QAAX;AAAEc,MAAAA;AAAF,KAAW;AACvB,UAAMT,QAAQ,GAAGR,QAAQ,CAAC,MAAMD,WAAW,CAACI,KAAK,CAACK,QAAP,CAAlB,CAAzB;AACA,UAAM;AAAEU,MAAAA,gBAAF;AAAoBC,MAAAA;AAApB,QAAwCtB,YAAY,CAACG,QAAQ,CAAC,MAAMG,KAAK,CAACG,KAAb,CAAT,CAA1D;AAEA,WAAO;AAAA,oBAEUH,KAAK,CAACS,UAFhB;AAAA,aAGC,KAHD;AAAA,eAII,CACL,YADK,EAELM,gBAAgB,CAACE,KAFZ,CAJJ;AAAA,eAQKD,eAAe,CAACC;AARrB;AAAA,sBAUDjB,KAAK,CAACC,MAAN,IACAI,QAAQ,CAACY,KAAT,CAAeC,GAAf,CAAmB,CAACC,OAAD,EAAUC,CAAV;AAAA,iBAET,qBAFS;AAAA,eAGR,GAAEA,CAAE,IAAGf,QAAQ,CAACY,KAAM;AAHd,UAKbH,KAAK,CAACK,OAAN,GAAgBL,KAAK,CAACK,OAAN,CAAc;AAAEA,QAAAA;AAAF,OAAd,CAAhB,GAA6CA,OALhC,EAAnB,CAXC;AAAA,MAAP;AAsBD;;AA9CsC,CAAD,CAAjC","sourcesContent":["// Styles\nimport './VMessages.sass'\n\n// Components\nimport { VSlideYTransition } from '@/components/transitions'\n\n// Composables\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { defineComponent, wrapInArray } from '@/util'\nimport { computed } from 'vue'\nimport type { PropType } from 'vue'\n\nexport const VMessages = defineComponent({\n  name: 'VMessages',\n\n  props: {\n    active: Boolean,\n    color: String,\n    messages: {\n      type: [Array, String] as PropType<string | string[]>,\n      default: () => ([]),\n    },\n\n    ...makeTransitionProps({\n      transition: {\n        component: VSlideYTransition,\n        leaveAbsolute: true,\n        group: true,\n      },\n    }),\n  },\n\n  setup (props, { slots }) {\n    const messages = computed(() => wrapInArray(props.messages))\n    const { textColorClasses, textColorStyles } = useTextColor(computed(() => props.color))\n\n    return () => (\n      <MaybeTransition\n        transition={ props.transition }\n        tag=\"div\"\n        class={[\n          'v-messages',\n          textColorClasses.value,\n        ]}\n        style={ textColorStyles.value }\n      >\n        { props.active && (\n          messages.value.map((message, i) => (\n            <div\n              class=\"v-messages__message\"\n              key={ `${i}-${messages.value}` }\n            >\n              { slots.message ? slots.message({ message }) : message }\n            </div>\n          ))\n        ) }\n      </MaybeTransition>\n    )\n  },\n})\n"],"file":"VMessages.mjs"}
+{"version":3,"file":"VMessages.mjs","names":["VSlideYTransition","makeTransitionProps","MaybeTransition","useTextColor","computed","defineComponent","useRender","wrapInArray","VMessages","name","props","active","Boolean","color","String","messages","type","Array","default","transition","component","leaveAbsolute","group","setup","slots","textColorClasses","textColorStyles","value","map","message","i"],"sources":["../../../src/components/VMessages/VMessages.tsx"],"sourcesContent":["// Styles\nimport './VMessages.sass'\n\n// Components\nimport { VSlideYTransition } from '@/components/transitions'\n\n// Composables\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VMessages = defineComponent({\n  name: 'VMessages',\n\n  props: {\n    active: Boolean,\n    color: String,\n    messages: {\n      type: [Array, String] as PropType<string | string[]>,\n      default: () => ([]),\n    },\n\n    ...makeTransitionProps({\n      transition: {\n        component: VSlideYTransition,\n        leaveAbsolute: true,\n        group: true,\n      },\n    }),\n  },\n\n  setup (props, { slots }) {\n    const messages = computed(() => wrapInArray(props.messages))\n    const { textColorClasses, textColorStyles } = useTextColor(computed(() => props.color))\n\n    useRender(() => (\n      <MaybeTransition\n        transition={ props.transition }\n        tag=\"div\"\n        class={[\n          'v-messages',\n          textColorClasses.value,\n        ]}\n        style={ textColorStyles.value }\n      >\n        { props.active && (\n          messages.value.map((message, i) => (\n            <div\n              class=\"v-messages__message\"\n              key={ `${i}-${messages.value}` }\n            >\n              { slots.message ? slots.message({ message }) : message }\n            </div>\n          ))\n        ) }\n      </MaybeTransition>\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;AACA,yB,CAEA;;SACSA,iB,oCAET;;SACSC,mB,EAAqBC,e;SACrBC,Y,uCAET;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,e,EAAiBC,S,EAAWC,W,gCAErC;;AAGA,OAAO,MAAMC,SAAS,GAAGH,eAAe,CAAC;EACvCI,IAAI,EAAE,WADiC;EAGvCC,KAAK,EAAE;IACLC,MAAM,EAAEC,OADH;IAELC,KAAK,EAAEC,MAFF;IAGLC,QAAQ,EAAE;MACRC,IAAI,EAAE,CAACC,KAAD,EAAQH,MAAR,CADE;MAERI,OAAO,EAAE,MAAO;IAFR,CAHL;IAQL,GAAGjB,mBAAmB,CAAC;MACrBkB,UAAU,EAAE;QACVC,SAAS,EAAEpB,iBADD;QAEVqB,aAAa,EAAE,IAFL;QAGVC,KAAK,EAAE;MAHG;IADS,CAAD;EARjB,CAHgC;;EAoBvCC,KAAK,CAAEb,KAAF,QAAoB;IAAA,IAAX;MAAEc;IAAF,CAAW;IACvB,MAAMT,QAAQ,GAAGX,QAAQ,CAAC,MAAMG,WAAW,CAACG,KAAK,CAACK,QAAP,CAAlB,CAAzB;IACA,MAAM;MAAEU,gBAAF;MAAoBC;IAApB,IAAwCvB,YAAY,CAACC,QAAQ,CAAC,MAAMM,KAAK,CAACG,KAAb,CAAT,CAA1D;IAEAP,SAAS,CAAC;MAAA,cAEOI,KAAK,CAACS,UAFb;MAAA,OAGF,KAHE;MAAA,SAIC,CACL,YADK,EAELM,gBAAgB,CAACE,KAFZ,CAJD;MAAA,SAQED,eAAe,CAACC;IARlB;MAAA,gBAUJjB,KAAK,CAACC,MAAN,IACAI,QAAQ,CAACY,KAAT,CAAeC,GAAf,CAAmB,CAACC,OAAD,EAAUC,CAAV;QAAA,SAET,qBAFS;QAAA,OAGR,GAAEA,CAAE,IAAGf,QAAQ,CAACY,KAAM;MAHd,IAKbH,KAAK,CAACK,OAAN,GAAgBL,KAAK,CAACK,OAAN,CAAc;QAAEA;MAAF,CAAd,CAAhB,GAA6CA,OALhC,EAAnB,CAXI;IAAA,EAAD,CAAT;IAuBA,OAAO,EAAP;EACD;;AAhDsC,CAAD,CAAjC"}

package/lib/components/VMessages/VMessages.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/settings'
 @use './variables' as *
 

package/lib/components/VMessages/_variables.scss

@@ -1,4 +1,4 @@
-// Defaults
+// VMessages
 $messages-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
 $messages-font-size: 12px !default;
 $messages-line-height: $messages-font-size !default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VMessages/index.ts"],"names":["VMessages"],"mappings":"SAASA,S","sourcesContent":["export { VMessages } from './VMessages'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VMessages"],"sources":["../../../src/components/VMessages/index.ts"],"sourcesContent":["export { VMessages } from './VMessages'\n"],"mappings":"SAASA,S"}

package/lib/components/VNavigationDrawer/VNavigationDrawer.css

@@ -7,14 +7,14 @@
   max-width: 100%;
   pointer-events: auto;
   transition-duration: 0.2s;
-  transition-property: box-shadow, transform, visibility, width;
+  transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   will-change: transform;
   position: absolute;
   border-color: rgba(var(--v-border-color), var(--v-border-opacity));
   border-style: solid;
   border-width: 0;
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
   background: rgb(var(--v-theme-surface));
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
 }
@@ -29,35 +29,30 @@
   left: 0;
   border-top-width: thin;
 }
-.v-navigation-drawer--start {
+.v-navigation-drawer--left {
   top: 0;
-  border-inline-end-width: thin;
-}
-.v-navigation-drawer--start.v-locale--is-ltr, .v-locale--is-ltr .v-navigation-drawer--start {
   left: 0;
   right: auto;
+  border-right-width: thin;
 }
-.v-navigation-drawer--start.v-locale--is-rtl, .v-locale--is-rtl .v-navigation-drawer--start {
-  left: auto;
-  right: 0;
-}
-.v-navigation-drawer--end {
+.v-navigation-drawer--right {
   top: 0;
-  border-inline-start-width: thin;
-}
-.v-navigation-drawer--end.v-locale--is-ltr, .v-locale--is-ltr .v-navigation-drawer--end {
   left: auto;
   right: 0;
-}
-.v-navigation-drawer--end.v-locale--is-rtl, .v-locale--is-rtl .v-navigation-drawer--end {
-  left: 0;
-  right: auto;
+  border-left-width: thin;
 }
 .v-navigation-drawer--floating {
   border: none;
 }
 .v-navigation-drawer--temporary {
-  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 8px 10px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 16px 24px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 6px 30px 5px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-navigation-drawer--sticky {
+  height: auto;
+  transition: box-shadow, transform, visibility, width, height, left, right;
+}
+.v-navigation-drawer .v-list {
+  overflow: hidden;
 }
 
 .v-navigation-drawer__content {