@vuetify/nightly 3.0.0-alpha.3 → 3.0.0-beta.2

package/lib/components/VList/VListItemIcon.mjs

@@ -1,20 +1,22 @@
-// @ts-nocheck
+import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
+// Components
+import { makeVIconProps, VIcon } from "../VIcon/VIcon.mjs"; // Utilities
 
-/* eslint-disable */
-// Types
-import Vue from 'vue';
-/* @vue/component */
+import { defineComponent } from "../../util/index.mjs";
+export const VListItemIcon = defineComponent({
+  name: 'VListItemIcon',
+  props: makeVIconProps(),
 
-export default Vue.extend({
-  name: 'v-list-item-icon',
-  functional: true,
-
-  render(h, {
-    data,
-    children
-  }) {
-    data.staticClass = "v-list-item__icon ".concat(data.staticClass || '').trim();
-    return h('div', data, children);
+  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);
   }
 
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListItemIcon.ts"],"names":["Vue","extend","name","functional","render","h","data","children","staticClass","trim"],"mappings":"AAAA;;AACA;AAEA;AACA,OAAOA,GAAP,MAA2B,KAA3B;AAEA;;AACA,eAAeA,GAAG,CAACC,MAAJ,CAAW;AACxBC,EAAAA,IAAI,EAAE,kBADkB;AAGxBC,EAAAA,UAAU,EAAE,IAHY;;AAKxBC,EAAAA,MAAM,CAAEC,CAAF,EAAK;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAAL,EAAgC;AACpCD,IAAAA,IAAI,CAACE,WAAL,GAAmB,4BAAsBF,IAAI,CAACE,WAAL,IAAoB,EAA1C,EAAgDC,IAAhD,EAAnB;AAEA,WAAOJ,CAAC,CAAC,KAAD,EAAQC,IAAR,EAAcC,QAAd,CAAR;AACD;;AATuB,CAAX,CAAf","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Types\nimport Vue, { VNode } from 'vue'\n\n/* @vue/component */\nexport default Vue.extend({\n  name: 'v-list-item-icon',\n\n  functional: true,\n\n  render (h, { data, children }): VNode {\n    data.staticClass = (`v-list-item__icon ${data.staticClass || ''}`).trim()\n\n    return h('div', data, children)\n  },\n})\n"],"file":"VListItemIcon.mjs"}
+{"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

@@ -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 VListItemMedia = defineComponent({
+  name: 'VListItemMedia',
+  props: {
+    start: Boolean,
+    end: Boolean,
+    ...makeTagProps()
+  },
+
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    return () => {
+      return _createVNode(props.tag, {
+        "class": ['v-list-item-media', {
+          'v-list-item-media--start': props.start,
+          'v-list-item-media--end': props.end
+        }]
+      }, slots);
+    };
+  }
+
+});
+//# sourceMappingURL=VListItemMedia.mjs.map

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

@@ -0,0 +1 @@
+{"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/VListItemSubtitle.mjs

@@ -0,0 +1,3 @@
+import { createSimpleFunctional } from "../../util/index.mjs";
+export const VListItemSubtitle = createSimpleFunctional('v-list-item-subtitle');
+//# sourceMappingURL=VListItemSubtitle.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VList/VListItemSubtitle.ts"],"names":["createSimpleFunctional","VListItemSubtitle"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,iBAAiB,GAAGD,sBAAsB,CAAC,sBAAD,CAAhD","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListItemSubtitle = createSimpleFunctional('v-list-item-subtitle')\n"],"file":"VListItemSubtitle.mjs"}

package/lib/components/VList/VListItemTitle.mjs

@@ -0,0 +1,3 @@
+import { createSimpleFunctional } from "../../util/index.mjs";
+export const VListItemTitle = createSimpleFunctional('v-list-item-title');
+//# sourceMappingURL=VListItemTitle.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VList/VListItemTitle.ts"],"names":["createSimpleFunctional","VListItemTitle"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,cAAc,GAAGD,sBAAsB,CAAC,mBAAD,CAA7C","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListItemTitle = createSimpleFunctional('v-list-item-title')\n"],"file":"VListItemTitle.mjs"}

package/lib/components/VList/VListSubheader.mjs

@@ -0,0 +1,47 @@
+import { createVNode as _createVNode } from "vue";
+// Composables
+import { makeTagProps } from "../../composables/tag.mjs";
+import { useTextColor } from "../../composables/color.mjs"; // Utilities
+
+import { toRef } from 'vue';
+import { defineComponent } from "../../util/index.mjs";
+export const VListSubheader = defineComponent({
+  name: 'VListSubheader',
+  props: {
+    color: String,
+    inset: Boolean,
+    sticky: Boolean,
+    text: String,
+    ...makeTagProps()
+  },
+
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      textColorClasses,
+      textColorStyles
+    } = useTextColor(toRef(props, 'color'));
+    return () => {
+      var _slots$default, _slots$default2;
+
+      const hasText = !!(slots.default || props.text);
+      return _createVNode(props.tag, {
+        "class": ['v-list-subheader', {
+          'v-list-subheader--inset': props.inset,
+          'v-list-subheader--sticky': props.sticky
+        }, textColorClasses.value],
+        "style": {
+          textColorStyles
+        }
+      }, {
+        default: () => [hasText && _createVNode("div", {
+          "class": "v-list-subheader__text"
+        }, [(_slots$default = (_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots)) != null ? _slots$default : props.text])]
+      });
+    };
+  }
+
+});
+//# sourceMappingURL=VListSubheader.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VList/VListSubheader.tsx"],"names":["makeTagProps","useTextColor","toRef","defineComponent","VListSubheader","name","props","color","String","inset","Boolean","sticky","text","setup","slots","textColorClasses","textColorStyles","hasText","default","value"],"mappings":";AAAA;SACSA,Y;SACAC,Y,uCAET;;AACA,SAASC,KAAT,QAAsB,KAAtB;SACSC,e;AAET,OAAO,MAAMC,cAAc,GAAGD,eAAe,CAAC;AAC5CE,EAAAA,IAAI,EAAE,gBADsC;AAG5CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC,MADF;AAELC,IAAAA,KAAK,EAAEC,OAFF;AAGLC,IAAAA,MAAM,EAAED,OAHH;AAILE,IAAAA,IAAI,EAAEJ,MAJD;AAML,OAAGR,YAAY;AANV,GAHqC;;AAY5Ca,EAAAA,KAAK,CAAEP,KAAF,QAAoB;AAAA,QAAX;AAAEQ,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA,gBAAF;AAAoBC,MAAAA;AAApB,QAAwCf,YAAY,CAACC,KAAK,CAACI,KAAD,EAAQ,OAAR,CAAN,CAA1D;AAEA,WAAO,MAAM;AAAA;;AACX,YAAMW,OAAO,GAAG,CAAC,EAAEH,KAAK,CAACI,OAAN,IAAiBZ,KAAK,CAACM,IAAzB,CAAjB;AAEA;AAAA,iBAEW,CACL,kBADK,EAEL;AACE,qCAA2BN,KAAK,CAACG,KADnC;AAEE,sCAA4BH,KAAK,CAACK;AAFpC,SAFK,EAMLI,gBAAgB,CAACI,KANZ,CAFX;AAAA,iBAUW;AAAEH,UAAAA;AAAF;AAVX;AAAA,wBAYMC,OAAO;AAAA,mBACI;AADJ,iDAEHH,KAAK,CAACI,OAFH,qBAEH,qBAAAJ,KAAK,CAFF,6BAEkBR,KAAK,CAACM,IAFxB,EAZb;AAAA;AAmBD,KAtBD;AAuBD;;AAtC2C,CAAD,CAAtC","sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { defineComponent } from '@/util'\n\nexport const VListSubheader = defineComponent({\n  name: 'VListSubheader',\n\n  props: {\n    color: String,\n    inset: Boolean,\n    sticky: Boolean,\n    text: String,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n\n    return () => {\n      const hasText = !!(slots.default || props.text)\n\n      return (\n        <props.tag\n          class={[\n            'v-list-subheader',\n            {\n              'v-list-subheader--inset': props.inset,\n              'v-list-subheader--sticky': props.sticky,\n            },\n            textColorClasses.value,\n          ]}\n          style={{ textColorStyles }}\n        >\n          { hasText && (\n            <div class=\"v-list-subheader__text\">\n              { slots.default?.() ?? props.text }\n            </div>\n          ) }\n        </props.tag>\n      )\n    }\n  },\n})\n"],"file":"VListSubheader.mjs"}

package/lib/components/VList/_variables.scss

@@ -1,67 +1,164 @@
-@import '../../styles/styles.sass';
+@use 'sass:map';
+@use '../../styles/settings';
+@use '../../styles/tools';
 
-$avatar-margin-x: 16px !default;
+// Defaults
+$list-background: rgba(var(--v-theme-surface)) !default;
+$list-border-color: settings.$border-color-root !default;
 $list-border-radius: 0 !default;
+$list-border-style: settings.$border-style-root !default;
+$list-border-thin-width: thin !default;
+$list-border-width: 0 !default;
+$list-color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !default;
+$list-disabled-opacity: 0.6 !default;
 $list-elevation: 0 !default;
-$list-dense-subheader-font-size: 0.75rem !default;
-$list-dense-subheader-height: 40px !default;
-// TODO: Resolve naming conflicts for
-// shaped style propagation to items
-$list-shaped-border-radius: 0 !default;
+$list-padding: 8px 0 !default;
+$list-positions: absolute fixed !default;
+$list-rounded-border-radius: map.get(settings.$rounded, null) !default;
+$list-indent-size: 16px !default;
 
-$list-item-avatar-margin-y: 8px !default;
-$list-item-avatar-horizontal-margin-x: -16px !default;
+$list-nav-padding: 8px !default;
+$list-nav-subheader-font-size: .75rem !default;
 
-$list-item-icon-margin-y: 16px !default;
+$list-subheader-font-size: .875rem !default;
+$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: 40px !default;
+$list-subheader-padding-end: 16px !default;
+$list-subheader-padding-start: 16px !default;
+$list-subheader-padding-top: 0 !default;
+$list-subheader-min-height-multiplier: 1 !default;
+$list-subheader-text-opacity: var(--v-medium-emphasis-opacity) !default;
+$list-subheader-transition: 0.2s min-height settings.$standard-easing !default;
 
-$list-item-min-height: 48px !default;
+$list-item-border-color: settings.$border-color-root !default;
+$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: 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;
+$list-item-transition: .2s settings.$standard-easing !default;
 $list-item-two-line-min-height: 64px !default;
+$list-item-two-line-padding: 12px 16px !default;
 $list-item-three-line-min-height: 88px !default;
+$list-item-three-line-padding: 16px 16px !default;
 
-$list-item-title-font-size: map-deep-get($headings, 'subtitle-1', 'size') !default;
-$list-item-subtitle-font-size: map-deep-get($headings, 'subtitle-2', 'size') !default;
+$list-item-avatar-align-self: flex-start !default;
+$list-item-avatar-margin-end: 16px !default;
+$list-item-avatar-margin-start: 16px !default;
+$list-item-avatar-size: 40px !default;
+$list-item-avatar-margin-y: 4px !default;
 
-$list-item-dense-title-font-size: 0.8125rem !default;
-$list-item-dense-title-font-weight: 500 !default;
-$list-padding: 8px 0 !default;
-$list-dense-subheading-padding: 0 8px !default;
-$list-nav-border-radius: $border-radius-root !default;
-$list-nav-rounded-item-margin-bottom: 8px !default;
-$list-nav-rounded-item-dense-margin-bottom: 4px !default;
-$list-nav-padding-left: 8px !default;
-$list-nav-padding-right: 8px !default;
-$list-nav-item-padding: 0 8px !default;
-$list-shaped-padding: 8px !default;
-$list-subheader-padding-top: 0 !default;
-$list-group-header-icon-min-width: 48px !default;
-$list-group-sub-group-child-margin: 16px !default;
-$list-group-sub-group-header-margin: 32px !default;
-$list-group-items-item-padding: 40px !default;
-$list-group-no-action-item-padding: 72px !default;
-$list-dense-subheader-padding: 0 8px !default;
-$list-nav-rounded-dense-item-margin-bottom: 4px !default;
-$list-group-no-action-sub-group-item-padding: 88px !default;
-$list-group-dense-sub-group-header-padding: 24px !default;
-$list-group-nav-no-action-item-padding: 64px !default;
-$list-group-sub-group-item-padding: 80px !default;
-$list-item-padding: 0 16px !default;
-$list-item-action-margin: 12px 0 !default;
-$list-item-action-text-font-size: map-deep-get($headings, 'caption', 'size') !default;
-$list-item-avatar-horizontal-margin: 8px !default;
-$list-item-content-padding: 12px 0 !default;
-$list-item-content-children-margin-bottom: 2px !default;
-$list-item-icon-margin: 16px 0 !default;
-$list-item-child-last-type-margin: 16px !default;
-$list-item-child-min-width: 24px !default;
-$list-item-title-subtitle-line-height: 1.2 !default;
-$list-item-avatar-first-child-margin: 16px !default;
-$list-item-action-icon-margin: 32px !default;
-$list-dense-icon-height: 24px !default;
-$list-dense-icon-margin: 8px !default;
-$list-dense-min-height: 40px !default;
-$list-item-dense-title-line-height: 1rem !default;
-$list-item-dense-two-line-min-height: 60px !default;
-$list-item-dense-three-line-min-height: 76px !default;
-$list-dense-content-padding: 8px 0 !default;
-$list-item-two-line-icon-margin-bottom: 32px !default;
-$list-item-three-line-avatar-action-margin: 16px !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;
+$list-item-media-margin-top: 0 !default;
+$list-item-media-two-line-margin-bottom: -4px !default;
+$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;
+$list-item-nav-title-line-height: 1rem !default;
+$list-item-nav-subtitle-font-size: .75rem !default;
+$list-item-nav-subtitle-font-weight: tools.map-deep-get(settings.$typography, 'body-2', 'weight') !default;
+$list-item-nav-subtitle-letter-spacing: tools.map-deep-get(settings.$typography, 'body-2', 'letter-spacing') !default;
+$list-item-nav-subtitle-line-height: 1rem !default;
+
+$list-item-subtitle-opacity: var(--v-medium-emphasis-opacity) !default;
+$list-item-subtitle-font-size: tools.map-deep-get(settings.$typography, 'body-2', 'size') !default;
+$list-item-subtitle-font-weight: tools.map-deep-get(settings.$typography, 'body-2', 'weight') !default;
+$list-item-subtitle-letter-spacing: tools.map-deep-get(settings.$typography, 'body-2', 'letter-spacing') !default;
+$list-item-subtitle-line-height: 1rem !default;
+$list-item-subtitle-padding: 0 !default;
+$list-item-subtitle-text-transform: none !default;
+
+$list-item-title-font-size: tools.map-deep-get(settings.$typography, 'body-1', 'size') !default;
+$list-item-title-font-weight: tools.map-deep-get(settings.$typography, 'body-1', 'weight') !default;
+$list-item-title-header-padding: 0 !default;
+$list-item-title-hyphens: auto !default;
+$list-item-title-letter-spacing: tools.map-deep-get(settings.$typography, 'subtitle-1', 'letter-spacing') !default;
+$list-item-title-line-height: tools.map-deep-get(settings.$typography, 'body-1', 'line-height') !default;
+$list-item-title-overflow-wrap: normal !default;
+$list-item-title-padding: 0 !default;
+$list-item-title-text-overflow: ellipsis;
+$list-item-title-text-transform: none !default;
+$list-item-title-word-break: normal !default;
+$list-item-title-word-wrap: break-word !default;
+
+$list-density: ('default': 0, 'comfortable': -1, 'compact': -2) !default;
+
+$list-border: (
+  $list-border-color,
+  $list-border-style,
+  $list-border-width,
+  $list-border-thin-width
+) !default;
+
+$list-theme: (
+  $list-background,
+  $list-color
+) !default;
+
+$list-item-border: (
+  $list-item-border-color,
+  $list-item-border-style,
+  $list-item-border-width,
+  $list-item-border-thin-width
+) !default;
+
+$list-item-title-typography: (
+  $list-item-title-font-size,
+  $list-item-title-font-weight,
+  $list-item-title-letter-spacing,
+  $list-item-title-line-height,
+  $list-item-title-text-transform
+);
+
+$list-item-subtitle-typography: (
+  $list-item-subtitle-font-size,
+  $list-item-subtitle-font-weight,
+  $list-item-subtitle-letter-spacing,
+  $list-item-subtitle-line-height,
+  $list-item-subtitle-text-transform
+);
+
+$list-item-nav-title-typography: (
+  $list-item-nav-title-font-size,
+  $list-item-nav-title-font-weight,
+  $list-item-nav-title-letter-spacing,
+  $list-item-nav-title-line-height,
+  null
+);
+
+$list-item-nav-subtitle-typography: (
+  $list-item-nav-subtitle-font-size,
+  $list-item-nav-subtitle-font-weight,
+  $list-item-nav-subtitle-letter-spacing,
+  $list-item-nav-subtitle-line-height,
+  null
+);
+
+$list-item-variants: (
+  $list-background,
+  $list-color,
+  $list-item-elevation,
+  $list-item-plain-opacity,
+  'v-list-item'
+);

package/lib/components/VList/index.mjs

@@ -1,29 +1,13 @@
-import { createSimpleFunctional } from "../../util/index.mjs";
-import VList from "./VList.mjs";
-import VListGroup from "./VListGroup.mjs";
-import VListItem from "./VListItem.mjs";
-import VListItemGroup from "./VListItemGroup.mjs";
-import VListItemAction from "./VListItemAction.mjs";
-import VListItemAvatar from "./VListItemAvatar.mjs";
-import VListItemIcon from "./VListItemIcon.mjs";
-export const VListItemActionText = createSimpleFunctional('v-list-item__action-text', 'span');
-export const VListItemContent = createSimpleFunctional('v-list-item__content', 'div');
-export const VListItemTitle = createSimpleFunctional('v-list-item__title', 'div');
-export const VListItemSubtitle = createSimpleFunctional('v-list-item__subtitle', 'div');
-export { VList, VListGroup, VListItem, VListItemAction, VListItemAvatar, VListItemIcon, VListItemGroup };
-export default {
-  $_vuetify_subcomponents: {
-    VList,
-    VListGroup,
-    VListItem,
-    VListItemAction,
-    VListItemActionText,
-    VListItemAvatar,
-    VListItemContent,
-    VListItemGroup,
-    VListItemIcon,
-    VListItemSubtitle,
-    VListItemTitle
-  }
-};
+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";
+export { VListGroup } from "./VListGroup.mjs";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/index.ts"],"names":["createSimpleFunctional","VList","VListGroup","VListItem","VListItemGroup","VListItemAction","VListItemAvatar","VListItemIcon","VListItemActionText","VListItemContent","VListItemTitle","VListItemSubtitle","$_vuetify_subcomponents"],"mappings":"SAASA,sB;OAEFC,K;OACAC,U;OACAC,S;OACAC,c;OACAC,e;OACAC,e;OACAC,a;AAEP,OAAO,MAAMC,mBAAmB,GAAGR,sBAAsB,CAAC,0BAAD,EAA6B,MAA7B,CAAlD;AACP,OAAO,MAAMS,gBAAgB,GAAGT,sBAAsB,CAAC,sBAAD,EAAyB,KAAzB,CAA/C;AACP,OAAO,MAAMU,cAAc,GAAGV,sBAAsB,CAAC,oBAAD,EAAuB,KAAvB,CAA7C;AACP,OAAO,MAAMW,iBAAiB,GAAGX,sBAAsB,CAAC,uBAAD,EAA0B,KAA1B,CAAhD;AAEP,SACEC,KADF,EAEEC,UAFF,EAGEC,SAHF,EAIEE,eAJF,EAKEC,eALF,EAMEC,aANF,EAOEH,cAPF;AAUA,eAAe;AACbQ,EAAAA,uBAAuB,EAAE;AACvBX,IAAAA,KADuB;AAEvBC,IAAAA,UAFuB;AAGvBC,IAAAA,SAHuB;AAIvBE,IAAAA,eAJuB;AAKvBG,IAAAA,mBALuB;AAMvBF,IAAAA,eANuB;AAOvBG,IAAAA,gBAPuB;AAQvBL,IAAAA,cARuB;AASvBG,IAAAA,aATuB;AAUvBI,IAAAA,iBAVuB;AAWvBD,IAAAA;AAXuB;AADZ,CAAf","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nimport VList from './VList'\nimport VListGroup from './VListGroup'\nimport VListItem from './VListItem'\nimport VListItemGroup from './VListItemGroup'\nimport VListItemAction from './VListItemAction'\nimport VListItemAvatar from './VListItemAvatar'\nimport VListItemIcon from './VListItemIcon'\n\nexport const VListItemActionText = createSimpleFunctional('v-list-item__action-text', 'span')\nexport const VListItemContent = createSimpleFunctional('v-list-item__content', 'div')\nexport const VListItemTitle = createSimpleFunctional('v-list-item__title', 'div')\nexport const VListItemSubtitle = createSimpleFunctional('v-list-item__subtitle', 'div')\n\nexport {\n  VList,\n  VListGroup,\n  VListItem,\n  VListItemAction,\n  VListItemAvatar,\n  VListItemIcon,\n  VListItemGroup,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VList,\n    VListGroup,\n    VListItem,\n    VListItemAction,\n    VListItemActionText,\n    VListItemAvatar,\n    VListItemContent,\n    VListItemGroup,\n    VListItemIcon,\n    VListItemSubtitle,\n    VListItemTitle,\n  },\n}\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/VList/list.mjs

@@ -0,0 +1,31 @@
+// Utilities
+import { computed, inject, provide, ref } from 'vue'; // Types
+
+// Depth
+export const DepthKey = Symbol.for('vuetify:depth');
+export function useDepth(hasPrepend) {
+  const parent = inject(DepthKey, ref(-1));
+  const depth = computed(() => parent.value + 1 + (hasPrepend != null && hasPrepend.value ? 1 : 0));
+  provide(DepthKey, depth);
+  return depth;
+} // List
+
+export const ListKey = Symbol.for('vuetify:list');
+export function createList() {
+  const parent = inject(ListKey, {
+    hasPrepend: ref(false),
+    updateHasPrepend: () => null
+  });
+  const data = {
+    hasPrepend: ref(false),
+    updateHasPrepend: value => {
+      if (value) data.hasPrepend.value = value;
+    }
+  };
+  provide(ListKey, data);
+  return parent;
+}
+export function useList() {
+  return inject(ListKey, null);
+}
+//# sourceMappingURL=list.mjs.map

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

@@ -0,0 +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"}

package/lib/components/VLocaleProvider/VLocaleProvider.css

@@ -0,0 +1,3 @@
+.v-locale-provider {
+  display: contents;
+}

package/lib/components/VLocaleProvider/VLocaleProvider.mjs

@@ -1,11 +1,13 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from 'vue';
+import "./VLocaleProvider.css"; // Composables
+
 import { provideLocale } from "../../composables/locale.mjs";
-import { provideRtl } from "../../composables/rtl.mjs";
-import { makeProps } from "../../util/index.mjs";
-export default defineComponent({
+import { provideRtl } from "../../composables/rtl.mjs"; // Utilities
+
+import { defineComponent } from "../../util/index.mjs";
+export const VLocaleProvider = defineComponent({
   name: 'VLocaleProvider',
-  props: makeProps({
+  props: {
     locale: String,
     fallbackLocale: String,
     messages: Object,
@@ -13,16 +15,23 @@ export default defineComponent({
       type: Boolean,
       default: undefined
     }
-  }),
+  },
 
-  setup(props, ctx) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
     const localeInstance = provideLocale(props);
     const {
       rtlClasses
     } = provideRtl(props, localeInstance);
-    return () => _createVNode("div", {
-      "class": rtlClasses.value
-    }, [ctx.slots.default == null ? void 0 : ctx.slots.default()], 2);
+    return () => {
+      var _slots$default;
+
+      return _createVNode("div", {
+        "class": ['v-locale-provider', rtlClasses.value]
+      }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]);
+    };
   }
 
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLocaleProvider/VLocaleProvider.tsx"],"names":["defineComponent","provideLocale","provideRtl","makeProps","name","props","locale","String","fallbackLocale","messages","Object","rtl","type","Boolean","default","undefined","setup","ctx","localeInstance","rtlClasses","value","slots"],"mappings":";AAAA,SAASA,eAAT,QAAgC,KAAhC;SACSC,a;SACAC,U;SACAC,S;AAET,eAAeH,eAAe,CAAC;AAC7BI,EAAAA,IAAI,EAAE,iBADuB;AAG7BC,EAAAA,KAAK,EAAEF,SAAS,CAAC;AACfG,IAAAA,MAAM,EAAEC,MADO;AAEfC,IAAAA,cAAc,EAAED,MAFD;AAGfE,IAAAA,QAAQ,EAAEC,MAHK;AAIfC,IAAAA,GAAG,EAAE;AACHC,MAAAA,IAAI,EAAEC,OADH;AAEHC,MAAAA,OAAO,EAAEC;AAFN;AAJU,GAAD,CAHa;;AAa7BC,EAAAA,KAAK,CAAEX,KAAF,EAASY,GAAT,EAAc;AACjB,UAAMC,cAAc,GAAGjB,aAAa,CAACI,KAAD,CAApC;AACA,UAAM;AAAEc,MAAAA;AAAF,QAAiBjB,UAAU,CAACG,KAAD,EAAQa,cAAR,CAAjC;AAEA,WAAO;AAAA,eAAkBC,UAAU,CAACC;AAA7B,QAAqCH,GAAG,CAACI,KAAJ,CAAUP,OAA/C,oBAAqCG,GAAG,CAACI,KAAJ,CAAUP,OAAV,EAArC,KAAP;AACD;;AAlB4B,CAAD,CAA9B","sourcesContent":["import { defineComponent } from 'vue'\nimport { provideLocale } from '@/composables/locale'\nimport { provideRtl } from '@/composables/rtl'\nimport { makeProps } from '@/util'\n\nexport default defineComponent({\n  name: 'VLocaleProvider',\n\n  props: makeProps({\n    locale: String,\n    fallbackLocale: String,\n    messages: Object,\n    rtl: {\n      type: Boolean,\n      default: undefined,\n    },\n  }),\n\n  setup (props, ctx) {\n    const localeInstance = provideLocale(props)\n    const { rtlClasses } = provideRtl(props, localeInstance)\n\n    return () => <div class={rtlClasses.value}>{ctx.slots.default?.()}</div>\n  },\n})\n"],"file":"VLocaleProvider.mjs"}
+{"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"}

package/lib/components/VLocaleProvider/VLocaleProvider.sass

@@ -0,0 +1,2 @@
+.v-locale-provider
+  display: contents

package/lib/components/VLocaleProvider/index.mjs

@@ -1,2 +1,2 @@
-export { default as VLocaleProvider } from "./VLocaleProvider.mjs";
+export { VLocaleProvider } from "./VLocaleProvider.mjs";
 //# sourceMappingURL=index.mjs.map

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

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

package/lib/components/VMain/VMain.css

@@ -0,0 +1,18 @@
+.v-main {
+  display: flex;
+  flex: 1 0 auto;
+  max-width: 100%;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-main__wrap {
+  flex: 1 1 auto;
+  max-width: 100%;
+  position: relative;
+}
+@-moz-document url-prefix() {
+  @media print {
+    .v-main {
+      display: block;
+    }
+  }
+}