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

package/lib/components/VList/index.mjs

@@ -1,11 +1,10 @@
 export { VList } from "./VList.mjs";
-export { VListSubheader } from "./VListSubheader.mjs";
+export { VListGroup } from "./VListGroup.mjs";
 export { VListImg } from "./VListImg.mjs";
 export { VListItem } from "./VListItem.mjs";
-export { VListItemAvatar } from "./VListItemAvatar.mjs";
-export { VListItemHeader } from "./VListItemHeader.mjs";
+export { VListItemAction } from "./VListItemAction.mjs";
 export { VListItemMedia } from "./VListItemMedia.mjs";
 export { VListItemSubtitle } from "./VListItemSubtitle.mjs";
 export { VListItemTitle } from "./VListItemTitle.mjs";
-export { VListGroup } from "./VListGroup.mjs";
+export { VListSubheader } from "./VListSubheader.mjs";
 //# sourceMappingURL=index.mjs.map

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,"file":"index.mjs","names":["VList","VListGroup","VListImg","VListItem","VListItemAction","VListItemMedia","VListItemSubtitle","VListItemTitle","VListSubheader"],"sources":["../../../src/components/VList/index.ts"],"sourcesContent":["export { VList } from './VList'\nexport { VListGroup } from './VListGroup'\nexport { VListImg } from './VListImg'\nexport { VListItem } from './VListItem'\nexport { VListItemAction } from './VListItemAction'\nexport { VListItemMedia } from './VListItemMedia'\nexport { VListItemSubtitle } from './VListItemSubtitle'\nexport { VListItemTitle } from './VListItemTitle'\nexport { VListSubheader } from './VListSubheader'\n"],"mappings":"SAASA,K;SACAC,U;SACAC,Q;SACAC,S;SACAC,e;SACAC,c;SACAC,iB;SACAC,c;SACAC,c"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/list.ts"],"names":["computed","inject","provide","ref","DepthKey","Symbol","for","useDepth","hasPrepend","parent","depth","value","ListKey","createList","updateHasPrepend","data","useList"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,MAAnB,EAA2BC,OAA3B,EAAoCC,GAApC,QAA+C,KAA/C,C,CAEA;;AAGA;AACA,OAAO,MAAMC,QAAmC,GAAGC,MAAM,CAACC,GAAP,CAAW,eAAX,CAA5C;AAEP,OAAO,SAASC,QAAT,CAAmBC,UAAnB,EAA8C;AACnD,QAAMC,MAAM,GAAGR,MAAM,CAACG,QAAD,EAAWD,GAAG,CAAC,CAAC,CAAF,CAAd,CAArB;AAEA,QAAMO,KAAK,GAAGV,QAAQ,CAAC,MAAMS,MAAM,CAACE,KAAP,GAAe,CAAf,IAAoBH,UAAU,QAAV,IAAAA,UAAU,CAAEG,KAAZ,GAAoB,CAApB,GAAwB,CAA5C,CAAP,CAAtB;AAEAT,EAAAA,OAAO,CAACE,QAAD,EAAWM,KAAX,CAAP;AAEA,SAAOA,KAAP;AACD,C,CAED;;AACA,OAAO,MAAME,OAGX,GAAGP,MAAM,CAACC,GAAP,CAAW,cAAX,CAHE;AAKP,OAAO,SAASO,UAAT,GAAuB;AAC5B,QAAMJ,MAAM,GAAGR,MAAM,CAACW,OAAD,EAAU;AAAEJ,IAAAA,UAAU,EAAEL,GAAG,CAAC,KAAD,CAAjB;AAA0BW,IAAAA,gBAAgB,EAAE,MAAM;AAAlD,GAAV,CAArB;AAEA,QAAMC,IAAI,GAAG;AACXP,IAAAA,UAAU,EAAEL,GAAG,CAAC,KAAD,CADJ;AAEXW,IAAAA,gBAAgB,EAAGH,KAAD,IAAoB;AACpC,UAAIA,KAAJ,EAAWI,IAAI,CAACP,UAAL,CAAgBG,KAAhB,GAAwBA,KAAxB;AACZ;AAJU,GAAb;AAOAT,EAAAA,OAAO,CAACU,OAAD,EAAUG,IAAV,CAAP;AAEA,SAAON,MAAP;AACD;AAED,OAAO,SAASO,OAAT,GAAoB;AACzB,SAAOf,MAAM,CAACW,OAAD,EAAU,IAAV,CAAb;AACD","sourcesContent":["// Utilities\nimport { computed, inject, provide, ref } from 'vue'\n\n// Types\nimport type { InjectionKey, Ref } from 'vue'\n\n// Depth\nexport const DepthKey: InjectionKey<Ref<number>> = Symbol.for('vuetify:depth')\n\nexport function useDepth (hasPrepend?: Ref<boolean>) {\n  const parent = inject(DepthKey, ref(-1))\n\n  const depth = computed(() => parent.value + 1 + (hasPrepend?.value ? 1 : 0))\n\n  provide(DepthKey, depth)\n\n  return depth\n}\n\n// List\nexport const ListKey: InjectionKey<{\n  hasPrepend: Ref<boolean>\n  updateHasPrepend: (value: boolean) => void\n}> = Symbol.for('vuetify:list')\n\nexport function createList () {\n  const parent = inject(ListKey, { hasPrepend: ref(false), updateHasPrepend: () => null })\n\n  const data = {\n    hasPrepend: ref(false),\n    updateHasPrepend: (value: boolean) => {\n      if (value) data.hasPrepend.value = value\n    },\n  }\n\n  provide(ListKey, data)\n\n  return parent\n}\n\nexport function useList () {\n  return inject(ListKey, null)\n}\n"],"file":"list.mjs"}
+{"version":3,"file":"list.mjs","names":["computed","inject","provide","ref","DepthKey","Symbol","for","useDepth","hasPrepend","parent","depth","value","ListKey","createList","updateHasPrepend","data","useList"],"sources":["../../../src/components/VList/list.ts"],"sourcesContent":["// Utilities\nimport { computed, inject, provide, ref } from 'vue'\n\n// Types\nimport type { InjectionKey, Ref } from 'vue'\n\n// Depth\nexport const DepthKey: InjectionKey<Ref<number>> = Symbol.for('vuetify:depth')\n\nexport function useDepth (hasPrepend?: Ref<boolean>) {\n  const parent = inject(DepthKey, ref(-1))\n\n  const depth = computed(() => parent.value + 1 + (hasPrepend?.value ? 1 : 0))\n\n  provide(DepthKey, depth)\n\n  return depth\n}\n\n// List\nexport const ListKey: InjectionKey<{\n  hasPrepend: Ref<boolean>\n  updateHasPrepend: (value: boolean) => void\n}> = Symbol.for('vuetify:list')\n\nexport function createList () {\n  const parent = inject(ListKey, { hasPrepend: ref(false), updateHasPrepend: () => null })\n\n  const data = {\n    hasPrepend: ref(false),\n    updateHasPrepend: (value: boolean) => {\n      if (value) data.hasPrepend.value = value\n    },\n  }\n\n  provide(ListKey, data)\n\n  return parent\n}\n\nexport function useList () {\n  return inject(ListKey, null)\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,MAAnB,EAA2BC,OAA3B,EAAoCC,GAApC,QAA+C,KAA/C,C,CAEA;;AAGA;AACA,OAAO,MAAMC,QAAmC,GAAGC,MAAM,CAACC,GAAP,CAAW,eAAX,CAA5C;AAEP,OAAO,SAASC,QAAT,CAAmBC,UAAnB,EAA8C;EACnD,MAAMC,MAAM,GAAGR,MAAM,CAACG,QAAD,EAAWD,GAAG,CAAC,CAAC,CAAF,CAAd,CAArB;EAEA,MAAMO,KAAK,GAAGV,QAAQ,CAAC,MAAMS,MAAM,CAACE,KAAP,GAAe,CAAf,IAAoBH,UAAU,QAAV,IAAAA,UAAU,CAAEG,KAAZ,GAAoB,CAApB,GAAwB,CAA5C,CAAP,CAAtB;EAEAT,OAAO,CAACE,QAAD,EAAWM,KAAX,CAAP;EAEA,OAAOA,KAAP;AACD,C,CAED;;AACA,OAAO,MAAME,OAGX,GAAGP,MAAM,CAACC,GAAP,CAAW,cAAX,CAHE;AAKP,OAAO,SAASO,UAAT,GAAuB;EAC5B,MAAMJ,MAAM,GAAGR,MAAM,CAACW,OAAD,EAAU;IAAEJ,UAAU,EAAEL,GAAG,CAAC,KAAD,CAAjB;IAA0BW,gBAAgB,EAAE,MAAM;EAAlD,CAAV,CAArB;EAEA,MAAMC,IAAI,GAAG;IACXP,UAAU,EAAEL,GAAG,CAAC,KAAD,CADJ;IAEXW,gBAAgB,EAAGH,KAAD,IAAoB;MACpC,IAAIA,KAAJ,EAAWI,IAAI,CAACP,UAAL,CAAgBG,KAAhB,GAAwBA,KAAxB;IACZ;EAJU,CAAb;EAOAT,OAAO,CAACU,OAAD,EAAUG,IAAV,CAAP;EAEA,OAAON,MAAP;AACD;AAED,OAAO,SAASO,OAAT,GAAoB;EACzB,OAAOf,MAAM,CAACW,OAAD,EAAU,IAAV,CAAb;AACD"}

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.d.ts

@@ -0,0 +1,23 @@
+import * as vue from 'vue';
+
+declare const VLocaleProvider: vue.DefineComponent<{
+    locale: StringConstructor;
+    fallbackLocale: StringConstructor;
+    messages: ObjectConstructor;
+    rtl: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    locale: StringConstructor;
+    fallbackLocale: StringConstructor;
+    messages: ObjectConstructor;
+    rtl: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>>, {
+    rtl: boolean;
+}>;
+
+export { VLocaleProvider };

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.d.ts

@@ -0,0 +1,26 @@
+import * as vue from 'vue';
+
+declare const VMain: vue.DefineComponent<{
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    scrollable: BooleanConstructor;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    scrollable: BooleanConstructor;
+}>>, {
+    tag: string;
+    scrollable: boolean;
+}>;
+
+export { VMain };

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

@@ -1,30 +1,26 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 // 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 { VDefaultsProvider } from "../VDefaultsProvider/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 +39,79 @@ 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
+    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), {
+      activator: slots.activator,
+      default: function () {
+        var _slots$default;
+
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
         }
-      }, attrs), {
-        default: slots.default,
-        activator: slots.activator
-      });
-    };
+
+        return _createVNode(VDefaultsProvider, {
+          "root": true
+        }, {
+          default: () => [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, ...args)]
+        });
+      }
+    }));
+    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","VDefaultsProvider","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","activator","default","args"],"sources":["../../../src/components/VMenu/VMenu.tsx"],"sourcesContent":["// Styles\nimport './VMenu.sass'\n\n// Components\nimport { VDialogTransition } from '@/components/transitions'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\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  $props: VOverlay['$props']\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      >\n        {{\n          activator: slots.activator,\n          default: (...args) => (\n            <VDefaultsProvider root>\n              { slots.default?.(...args) }\n            </VDefaultsProvider>\n          ),\n        }}\n      </VOverlay>\n    ))\n\n    return forwardRefs({ id }, overlay)\n  },\n})\n\nexport type VMenu = InstanceType<typeof VMenu>\n"],"mappings":"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"}

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;