@vuetify/nightly 3.0.0-next-20220107.0 → 3.0.0-next-20220126.0

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.0.0-next-20220107.0
+* Vuetify v3.0.0-next-20220126.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -247,6 +247,9 @@ function convertToUnit(str) {
 function isObject(obj) {
   return obj !== null && typeof obj === 'object' && !Array.isArray(obj);
 }
+function isComponentInstance(obj) {
+  return obj == null ? void 0 : obj.$el;
+} // KeyboardEvent.keyCode aliases
 
 const keyCodes = Object.freeze({
   enter: 13,
@@ -2604,12 +2607,7 @@ function useGroup(props, injectKey) {
     next: () => step(1),
     isSelected: id => selected.value.includes(id),
     selectedClass: computed(() => props.selectedClass),
-    items: computed(() => items.map(_ref => {
-      let {
-        id
-      } = _ref;
-      return id;
-    }))
+    items: computed(() => items)
   };
   provide(injectKey, state);
   return state;
@@ -4777,6 +4775,7 @@ const VMessages = defineComponent({
   name: 'VMessages',
   props: {
     active: Boolean,
+    color: String,
     value: {
       type: [Array, String],
       default: () => []
@@ -4784,6 +4783,7 @@ const VMessages = defineComponent({
     ...makeTransitionProps({
       transition: {
         component: VSlideYTransition,
+        leaveAbsolute: true,
         group: true
       }
     })
@@ -4794,20 +4794,25 @@ const VMessages = defineComponent({
       slots
     } = _ref;
     const messages = computed(() => wrapInArray(props.value));
+    const {
+      textColorClasses,
+      textColorStyles
+    } = useTextColor(computed(() => props.color));
     return () => {
       var _slots$default;
 
       return createVNode(MaybeTransition, {
         "transition": props.transition,
         "tag": "div",
-        "class": "v-messages"
+        "class": ['v-messages', textColorClasses.value],
+        "style": textColorStyles.value
       }, {
         default: () => [messages.value.length > 0 && props.active && messages.value.map((message, i) => createVNode("div", {
           "class": "v-messages__message",
-          "key": i
+          "key": `${i}-${messages.value}`
         }, [message])), slots == null ? void 0 : (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)],
         _: 1
-      }, 8, ["transition"]);
+      }, 8, ["transition", "class", "style"]);
     };
   }
 
@@ -5111,10 +5116,11 @@ const VInput = genericComponent()({
         "class": "v-input__details"
       }, [createVNode(VMessages, {
         "active": showMessages,
-        "value": errorMessages.value || (hasMessages ? props.messages : props.hint)
+        "color": isValid.value === false ? 'error' : undefined,
+        "value": errorMessages.value.length > 0 ? errorMessages.value : hasMessages ? props.messages : props.hint
       }, {
         default: slots.messages
-      }, 8, ["active", "value"]), (_slots$details = slots.details) == null ? void 0 : _slots$details.call(slots, slotProps.value)])], 2);
+      }, 8, ["active", "color", "value"]), (_slots$details = slots.details) == null ? void 0 : _slots$details.call(slots, slotProps.value)])], 2);
     });
     return {
       isValid,
@@ -5819,6 +5825,14 @@ function useActivator(props, isActive) {
 
     return events;
   });
+  const activatorRef = ref();
+  watchEffect(() => {
+    if (!activatorRef.value) return;
+    nextTick(() => {
+      const activator = activatorRef.value;
+      activatorEl.value = isComponentInstance(activator) ? activator.$el : activator;
+    });
+  });
   let scope;
   watch(() => !!props.activator, val => {
     if (val && IN_BROWSER) {
@@ -5826,6 +5840,7 @@ function useActivator(props, isActive) {
       scope.run(() => {
         _useActivator(props, {
           activatorEl,
+          activatorRef,
           activatorEvents
         });
       });
@@ -5838,6 +5853,7 @@ function useActivator(props, isActive) {
   });
   return {
     activatorEl,
+    activatorRef,
     activatorEvents
   };
 }
@@ -6623,6 +6639,7 @@ const VOverlay = genericComponent()({
     }));
     const {
       activatorEl,
+      activatorRef,
       activatorEvents
     } = useActivator(props, isActive);
     const {
@@ -6717,8 +6734,7 @@ const VOverlay = genericComponent()({
       return createVNode(Fragment, null, [(_slots$activator = slots.activator) == null ? void 0 : _slots$activator.call(slots, {
         isActive: isActive.value,
         props: mergeProps({
-          modelValue: isActive.value,
-          'onUpdate:modelValue': val => isActive.value = val
+          ref: activatorRef
         }, toHandlers(activatorEvents.value), props.activatorProps)
       }), createVNode(Teleport, {
         "disabled": !teleportTarget.value,
@@ -7091,11 +7107,11 @@ const VExpansionPanel = defineComponent({
     } = useElevation(props);
     provide(VExpansionPanelSymbol, groupItem);
     const isBeforeSelected = computed(() => {
-      const index = groupItem.group.items.value.indexOf(groupItem.id);
+      const index = groupItem.group.items.value.findIndex(item => item.id === groupItem.id);
       return !groupItem.isSelected.value && groupItem.group.selected.value.some(id => groupItem.group.items.value.indexOf(id) - index === 1);
     });
     const isAfterSelected = computed(() => {
-      const index = groupItem.group.items.value.indexOf(groupItem.id);
+      const index = groupItem.group.items.value.findIndex(item => item.id === groupItem.id);
       return !groupItem.isSelected.value && groupItem.group.selected.value.some(id => groupItem.group.items.value.indexOf(id) - index === -1);
     });
     const {
@@ -8348,16 +8364,16 @@ const VHover = defineComponent({
     let {
       slots
     } = _ref;
-    const hover = useProxiedModel(props, 'modelValue');
+    const isHovering = useProxiedModel(props, 'modelValue');
     const {
       runOpenDelay,
       runCloseDelay
-    } = useDelay(props, value => !props.disabled && (hover.value = value));
+    } = useDelay(props, value => !props.disabled && (isHovering.value = value));
     return () => {
       var _slots$default;
 
       return (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, {
-        hover: hover.value,
+        isHovering: isHovering.value,
         props: {
           onMouseenter: runOpenDelay,
           onMouseleave: runCloseDelay
@@ -8571,37 +8587,26 @@ const VLazy = defineComponent({
 
 });
 
-const VListSubheader = defineComponent({
-  name: 'VListSubheader',
-  props: {
-    color: String,
-    inset: Boolean,
-    ...makeTagProps()
-  },
-
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    const {
-      textColorClasses,
-      textColorStyles
-    } = useTextColor(toRef(props, 'color'));
-    return () => createVNode(props.tag, {
-      "class": ['v-list-subheader', {
-        'v-list-subheader--inset': props.inset
-      }, textColorClasses.value],
-      "style": {
-        textColorStyles
-      }
-    }, {
-      default: () => [slots.default && createVNode("div", {
-        "class": "v-list-subheader__text"
-      }, [slots.default()])]
-    }, 8, ["class", "style"]);
-  }
+// Utilities
 
-});
+const ListKey = Symbol.for('vuetify:list');
+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;
+}
+function useList() {
+  return inject(ListKey, null);
+}
 
 const singleOpenStrategy = _ref => {
   let {
@@ -8639,7 +8644,7 @@ const multipleOpenStrategy = _ref2 => {
     let parent = parents.get(id);
     opened.add(id);
 
-    while (parent != null) {
+    while (parent != null && parent !== id) {
       opened.add(parent);
       parent = parents.get(parent);
     }
@@ -8891,7 +8896,7 @@ const useNested = props => {
         return arr;
       }),
       register: (id, parentId, isGroup) => {
-        parentId && parents.value.set(id, parentId);
+        parentId && id !== parentId && parents.value.set(id, parentId);
         isGroup && children.value.set(id, []);
 
         if (parentId != null) {
@@ -8998,30 +9003,6 @@ const useNestedGroup = props => {
   return group;
 };
 
-const VListGroupItems = defineComponent({
-  name: 'VListGroupItems',
-  props: {
-    open: Boolean,
-    items: Array
-  },
-
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    createList();
-    return () => {
-      return createVNode(VExpandTransition, null, {
-        default: () => [withDirectives(createVNode("div", {
-          "class": "v-list-group__items"
-        }, [createVNode(VListChildren, {
-          "items": props.items
-        }, slots, 8, ["items"])], 512), [[vShow, props.open]])]
-      });
-    };
-  }
-
-});
 const VListGroup = genericComponent()({
   name: 'VListGroup',
   props: {
@@ -9034,14 +9015,13 @@ const VListGroup = genericComponent()({
       type: String,
       default: '$expand'
     },
-    items: Array,
     ...makeTagProps()
   },
 
-  setup(props, _ref2) {
+  setup(props, _ref) {
     let {
       slots
-    } = _ref2;
+    } = _ref;
     const {
       isOpen,
       open
@@ -9055,20 +9035,22 @@ const VListGroup = genericComponent()({
     const headerProps = computed(() => ({
       onClick,
       appendIcon: isOpen.value ? props.collapseIcon : props.expandIcon,
-      class: 'v-list-group__header'
+      class: 'v-list-group__header',
+      value: `${props.value}_header`
     }));
     return () => {
-      var _slots$header;
+      var _slots$header, _slots$items;
 
       return createVNode(props.tag, {
         "class": ['v-list-group', {
           'v-list-group--prepend': list == null ? void 0 : list.hasPrepend.value
         }]
       }, {
-        default: () => [(_slots$header = slots.header) == null ? void 0 : _slots$header.call(slots, headerProps.value), createVNode(VListGroupItems, {
-          "items": props.items,
-          "open": isOpen.value
-        }, slots, 8, ["items", "open"])],
+        default: () => [(_slots$header = slots.header) == null ? void 0 : _slots$header.call(slots, headerProps.value), createVNode(VExpandTransition, null, {
+          default: () => [withDirectives(createVNode("div", {
+            "class": "v-list-group__items"
+          }, [(_slots$items = slots.items) == null ? void 0 : _slots$items.call(slots)], 512), [[vShow, isOpen.value]])]
+        })],
         _: 1
       }, 8, ["class"]);
     };
@@ -9266,6 +9248,46 @@ const VListItem = genericComponent()({
 
 });
 
+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])]
+      }, 8, ["class", "style"]);
+    };
+  }
+
+});
+
 const VListChildren = genericComponent()({
   name: 'VListChildren',
   props: {
@@ -9276,51 +9298,64 @@ const VListChildren = genericComponent()({
     let {
       slots
     } = _ref;
+    createList();
     return () => {
       var _slots$default, _slots$default2, _props$items;
 
       return (_slots$default = (_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots)) != null ? _slots$default : (_props$items = props.items) == null ? void 0 : _props$items.map(_ref2 => {
         let {
           children,
-          ...item
+          props: itemProps,
+          type
         } = _ref2;
-        const {
-          value,
-          ...rest
-        } = item;
+        if (type === 'divider') return createVNode(VDivider, itemProps, null, 16);
+        if (type === 'subheader') return createVNode(VListSubheader, itemProps, slots, 16);
         return children ? createVNode(VListGroup, {
-          "value": value,
-          "items": children
-        }, { ...slots,
-          header: headerProps => slots.externalHeader ? slots.externalHeader({ ...rest,
+          "value": itemProps == null ? void 0 : itemProps.value
+        }, {
+          items: () => createVNode(VListChildren, {
+            "items": children
+          }, slots, 8, ["items"]),
+          header: headerProps => slots.externalHeader ? slots.externalHeader({ ...itemProps,
             ...headerProps
-          }) : createVNode(VListItem, mergeProps(rest, headerProps), null, 16),
+          }) : createVNode(VListItem, mergeProps(itemProps, headerProps), null, 16),
           _: 2
-        }, 8, ["value", "items"]) : slots.item ? slots.item(item) : createVNode(VListItem, item, slots, 16);
+        }, 8, ["value"]) : slots.item ? slots.item(itemProps) : createVNode(VListItem, itemProps, slots, 16);
       });
     };
   }
 
 });
 
-const ListKey = Symbol.for('vuetify:list');
-const createList = () => {
-  const parent = inject(ListKey, {
-    hasPrepend: ref(false),
-    updateHasPrepend: () => null
+const parseItems = items => {
+  if (!items) return undefined;
+  return items.map(item => {
+    if (typeof item === 'string') return {
+      type: 'item',
+      value: item,
+      title: item
+    };
+    const {
+      $type,
+      $children,
+      ...props
+    } = item;
+    if ($type === 'subheader') return {
+      type: 'subheader',
+      props
+    };
+    if ($type === 'divider') return {
+      type: 'divider',
+      props
+    };
+    return {
+      type: 'item',
+      props,
+      children: parseItems($children)
+    };
   });
-  const data = {
-    hasPrepend: ref(false),
-    updateHasPrepend: value => {
-      if (value) data.hasPrepend.value = value;
-    }
-  };
-  provide(ListKey, data);
-  return parent;
-};
-const useList = () => {
-  return inject(ListKey, null);
 };
+
 const VList = genericComponent()({
   name: 'VList',
   props: {
@@ -9331,10 +9366,6 @@ const VList = genericComponent()({
       default: 'one'
     },
     nav: Boolean,
-    subheader: {
-      type: [Boolean, String],
-      default: false
-    },
     items: Array,
     ...makeNestedProps({
       selectStrategy: 'leaf',
@@ -9359,6 +9390,7 @@ const VList = genericComponent()({
     let {
       slots
     } = _ref;
+    const items = computed(() => parseItems(props.items));
     const {
       themeClasses
     } = provideTheme(props);
@@ -9388,28 +9420,22 @@ const VList = genericComponent()({
     } = useNested(props);
     createList();
     useRender(() => {
-      const hasHeader = typeof props.subheader === 'string' || slots.subheader;
       return createVNode(props.tag, {
         "class": ['v-list', {
           'v-list--disabled': props.disabled,
           'v-list--nav': props.nav,
-          'v-list--subheader': props.subheader,
-          'v-list--subheader-sticky': props.subheader === 'sticky',
           [`v-list--${props.lines}-line`]: true
         }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, densityClasses.value, elevationClasses.value, roundedClasses.value],
         "style": [backgroundColorStyles.value, dimensionStyles.value]
       }, {
-        default: () => [hasHeader && (slots.subheader ? slots.subheader() : createVNode(VListSubheader, null, {
-          default: () => [props.subheader]
-        })), createVNode(VListChildren, {
-          "items": props.items
+        default: () => [createVNode(VListChildren, {
+          "items": items.value
         }, {
           default: slots.default,
           item: slots.item,
           externalHeader: slots.header,
           _: 1
-        }, 8, ["items"])],
-        _: 1
+        }, 8, ["items"])]
       }, 8, ["class", "style"]);
     });
     return {
@@ -10151,14 +10177,14 @@ const VPagination = defineComponent({
       default: '...'
     },
     showFirstLastPage: Boolean,
+    ...makeRoundedProps(),
+    ...makeBorderProps(),
+    ...makeDensityProps(),
+    ...makeElevationProps(),
+    ...makeSizeProps(),
     ...makeTagProps({
       tag: 'nav'
     }),
-    ...makeElevationProps(),
-    ...makeDensityProps(),
-    ...makeRoundedProps(),
-    ...makeSizeProps(),
-    ...makeBorderProps(),
     ...makeThemeProps(),
     ...makeVariantProps({
       variant: 'text'
@@ -10252,12 +10278,15 @@ const VPagination = defineComponent({
       refs,
       updateRef
     } = useRefs();
+    provideDefaults({
+      VBtn: {
+        border: toRef(props, 'border'),
+        density: toRef(props, 'density'),
+        size: toRef(props, 'size'),
+        variant: toRef(props, 'variant')
+      }
+    });
     const items = computed(() => {
-      const sharedProps = {
-        density: props.density,
-        rounded: props.rounded,
-        size: props.size
-      };
       return range.value.map((item, index) => {
         const ref = e => updateRef(e, index);
 
@@ -10265,13 +10294,11 @@ const VPagination = defineComponent({
           return {
             isActive: false,
             page: item,
-            props: { ...sharedProps,
+            props: {
               ref,
               ellipsis: true,
               icon: true,
-              disabled: true,
-              variant: props.variant,
-              border: props.border
+              disabled: true
             }
           };
         } else {
@@ -10279,14 +10306,13 @@ const VPagination = defineComponent({
           return {
             isActive,
             page: n(item),
-            props: { ...sharedProps,
+            props: {
               ref,
               ellipsis: false,
               icon: true,
               disabled: !!props.disabled || props.length < 2,
               elevation: props.elevation,
-              variant: props.variant,
-              border: props.border,
+              rounded: props.rounded,
               color: isActive ? props.color : undefined,
               ariaCurrent: isActive,
               ariaLabel: t(isActive ? props.currentPageAriaLabel : props.pageAriaLabel, index + 1),
@@ -10297,39 +10323,31 @@ const VPagination = defineComponent({
       });
     });
     const controls = computed(() => {
-      const sharedProps = {
-        color: undefined,
-        density: props.density,
-        rounded: props.rounded,
-        size: props.size,
-        variant: props.variant,
-        border: props.border
-      };
       const prevDisabled = !!props.disabled || page.value <= start.value;
       const nextDisabled = !!props.disabled || page.value >= start.value + length.value - 1;
       return {
-        first: props.showFirstLastPage ? { ...sharedProps,
+        first: props.showFirstLastPage ? {
           icon: isRtl.value ? props.lastIcon : props.firstIcon,
           onClick: e => setValue(e, start.value, 'first'),
           disabled: prevDisabled,
           ariaLabel: t(props.firstAriaLabel),
           ariaDisabled: prevDisabled
         } : undefined,
-        prev: { ...sharedProps,
+        prev: {
           icon: isRtl.value ? props.nextIcon : props.prevIcon,
           onClick: e => setValue(e, page.value - 1, 'prev'),
           disabled: prevDisabled,
           ariaLabel: t(props.previousAriaLabel),
           ariaDisabled: prevDisabled
         },
-        next: { ...sharedProps,
+        next: {
           icon: isRtl.value ? props.prevIcon : props.nextIcon,
           onClick: e => setValue(e, page.value + 1, 'next'),
           disabled: nextDisabled,
           ariaLabel: t(props.nextAriaLabel),
           ariaDisabled: nextDisabled
         },
-        last: props.showFirstLastPage ? { ...sharedProps,
+        last: props.showFirstLastPage ? {
           icon: isRtl.value ? props.firstIcon : props.lastIcon,
           onClick: e => setValue(e, start.value + length.value - 1, 'last'),
           disabled: nextDisabled,
@@ -12785,102 +12803,524 @@ const VValidation = defineComponent({
 
 });
 
-var components = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  VApp: VApp,
-  VAppBar: VAppBar,
-  VAppBarNavIcon: VAppBarNavIcon,
-  VAppBarTitle: VAppBarTitle,
-  VAlert: VAlert,
-  VAvatar: VAvatar,
-  VBadge: VBadge,
-  VBanner: VBanner,
-  VBannerActions: VBannerActions,
-  VBannerAvatar: VBannerAvatar,
-  VBannerContent: VBannerContent,
-  VBannerText: VBannerText,
-  VBottomNavigation: VBottomNavigation,
-  VBreadcrumbs: VBreadcrumbs,
-  VBreadcrumbsItem: VBreadcrumbsItem,
-  VBreadcrumbsDivider: VBreadcrumbsDivider,
-  VBtn: VBtn,
-  VBtnGroup: VBtnGroup,
-  VBtnToggle: VBtnToggle,
-  VCard: VCard,
-  VCardActions: VCardActions,
-  VCardAvatar: VCardAvatar,
-  VCardHeader: VCardHeader,
-  VCardHeaderText: VCardHeaderText,
-  VCardImg: VCardImg,
-  VCardSubtitle: VCardSubtitle,
-  VCardText: VCardText,
-  VCardTitle: VCardTitle,
-  VCheckbox: VCheckbox,
-  VChip: VChip,
-  VCode: VCode,
-  VCounter: VCounter,
-  VDefaultsProvider: VDefaultsProvider,
-  VDialog: VDialog,
-  VDivider: VDivider,
-  VExpansionPanels: VExpansionPanels,
-  VExpansionPanel: VExpansionPanel,
-  VExpansionPanelText: VExpansionPanelText,
-  VExpansionPanelTitle: VExpansionPanelTitle,
-  VField: VField,
-  VFieldLabel: VFieldLabel,
-  VFileInput: VFileInput,
-  VFooter: VFooter,
-  VForm: VForm,
-  VContainer: VContainer,
-  VCol: VCol,
-  VRow: VRow,
-  VSpacer: VSpacer,
-  VHover: VHover,
-  VIcon: VIcon,
-  VComponentIcon: VComponentIcon,
-  VSvgIcon: VSvgIcon,
-  VLigatureIcon: VLigatureIcon,
-  VClassIcon: VClassIcon,
-  VImg: VImg,
-  VInput: VInput,
-  VItemGroup: VItemGroup,
-  VItem: VItem,
-  VKbd: VKbd,
-  VLabel: VLabel,
-  VLayout: VLayout,
-  VLayoutItem: VLayoutItem,
-  VLazy: VLazy,
-  VList: VList,
-  VListSubheader: VListSubheader,
-  VListImg: VListImg,
-  VListItem: VListItem,
-  VListItemAvatar: VListItemAvatar,
-  VListItemHeader: VListItemHeader,
-  VListItemMedia: VListItemMedia,
-  VListItemSubtitle: VListItemSubtitle,
-  VListItemTitle: VListItemTitle,
-  VListGroup: VListGroup,
-  VLocaleProvider: VLocaleProvider,
-  VMain: VMain,
-  VMenu: VMenu,
-  VMessages: VMessages,
-  VNavigationDrawer: VNavigationDrawer,
-  VNoSsr: VNoSsr,
-  VOverlay: VOverlay,
-  VPagination: VPagination,
-  VParallax: VParallax,
-  VProgressCircular: VProgressCircular,
-  VProgressLinear: VProgressLinear,
-  VRadio: VRadio,
-  VRadioGroup: VRadioGroup,
-  VRangeSlider: VRangeSlider,
-  VRating: VRating,
-  VResponsive: VResponsive,
-  VSelectionControl: VSelectionControl,
-  VSelectionControlGroup: VSelectionControlGroup,
-  VSheet: VSheet,
-  VSlider: VSlider,
-  VSwitch: VSwitch,
+// Types
+
+const handleGesture = wrapper => {
+  const {
+    touchstartX,
+    touchendX,
+    touchstartY,
+    touchendY
+  } = wrapper;
+  const dirRatio = 0.5;
+  const minDistance = 16;
+  wrapper.offsetX = touchendX - touchstartX;
+  wrapper.offsetY = touchendY - touchstartY;
+
+  if (Math.abs(wrapper.offsetY) < dirRatio * Math.abs(wrapper.offsetX)) {
+    wrapper.left && touchendX < touchstartX - minDistance && wrapper.left(wrapper);
+    wrapper.right && touchendX > touchstartX + minDistance && wrapper.right(wrapper);
+  }
+
+  if (Math.abs(wrapper.offsetX) < dirRatio * Math.abs(wrapper.offsetY)) {
+    wrapper.up && touchendY < touchstartY - minDistance && wrapper.up(wrapper);
+    wrapper.down && touchendY > touchstartY + minDistance && wrapper.down(wrapper);
+  }
+};
+
+function touchstart(event, wrapper) {
+  var _wrapper$start;
+
+  const touch = event.changedTouches[0];
+  wrapper.touchstartX = touch.clientX;
+  wrapper.touchstartY = touch.clientY;
+  (_wrapper$start = wrapper.start) == null ? void 0 : _wrapper$start.call(wrapper, {
+    originalEvent: event,
+    ...wrapper
+  });
+}
+
+function touchend(event, wrapper) {
+  var _wrapper$end;
+
+  const touch = event.changedTouches[0];
+  wrapper.touchendX = touch.clientX;
+  wrapper.touchendY = touch.clientY;
+  (_wrapper$end = wrapper.end) == null ? void 0 : _wrapper$end.call(wrapper, {
+    originalEvent: event,
+    ...wrapper
+  });
+  handleGesture(wrapper);
+}
+
+function touchmove(event, wrapper) {
+  var _wrapper$move;
+
+  const touch = event.changedTouches[0];
+  wrapper.touchmoveX = touch.clientX;
+  wrapper.touchmoveY = touch.clientY;
+  (_wrapper$move = wrapper.move) == null ? void 0 : _wrapper$move.call(wrapper, {
+    originalEvent: event,
+    ...wrapper
+  });
+}
+
+function createHandlers() {
+  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const wrapper = {
+    touchstartX: 0,
+    touchstartY: 0,
+    touchendX: 0,
+    touchendY: 0,
+    touchmoveX: 0,
+    touchmoveY: 0,
+    offsetX: 0,
+    offsetY: 0,
+    left: value.left,
+    right: value.right,
+    up: value.up,
+    down: value.down,
+    start: value.start,
+    move: value.move,
+    end: value.end
+  };
+  return {
+    touchstart: e => touchstart(e, wrapper),
+    touchend: e => touchend(e, wrapper),
+    touchmove: e => touchmove(e, wrapper)
+  };
+}
+
+function mounted$3(el, binding) {
+  var _value$options, _binding$instance, _target$_touchHandler;
+
+  const value = binding.value;
+  const target = value != null && value.parent ? el.parentElement : el;
+  const options = (_value$options = value == null ? void 0 : value.options) != null ? _value$options : {
+    passive: true
+  };
+  const uid = (_binding$instance = binding.instance) == null ? void 0 : _binding$instance.$.uid; // TODO: use custom uid generator
+
+  if (!target || !uid) return;
+  const handlers = createHandlers(binding.value);
+  target._touchHandlers = (_target$_touchHandler = target._touchHandlers) != null ? _target$_touchHandler : Object.create(null);
+  target._touchHandlers[uid] = handlers;
+  keys(handlers).forEach(eventName => {
+    target.addEventListener(eventName, handlers[eventName], options);
+  });
+}
+
+function unmounted$3(el, binding) {
+  var _binding$value, _binding$instance2;
+
+  const target = (_binding$value = binding.value) != null && _binding$value.parent ? el.parentElement : el;
+  const uid = (_binding$instance2 = binding.instance) == null ? void 0 : _binding$instance2.$.uid;
+  if (!(target != null && target._touchHandlers) || !uid) return;
+  const handlers = target._touchHandlers[uid];
+  keys(handlers).forEach(eventName => {
+    target.removeEventListener(eventName, handlers[eventName]);
+  });
+  delete target._touchHandlers[uid];
+}
+
+const Touch = {
+  mounted: mounted$3,
+  unmounted: unmounted$3
+};
+
+const VWindowSymbol = Symbol.for('vuetify:v-window');
+const VWindowGroupSymbol = Symbol.for('vuetify:v-window-group');
+const VWindow = defineComponent$1({
+  name: 'VWindow',
+  directives: {
+    Touch
+  },
+  props: {
+    continuous: Boolean,
+    nextIcon: {
+      type: [Boolean, String],
+      default: '$next'
+    },
+    prevIcon: {
+      type: [Boolean, String],
+      default: '$prev'
+    },
+    reverse: Boolean,
+    showArrows: {
+      type: [Boolean, String],
+      validator: v => typeof v === 'boolean' || v === 'hover'
+    },
+    touch: {
+      type: [Object, Boolean],
+      default: undefined
+    },
+    direction: {
+      type: String,
+      default: 'horizontal'
+    },
+    modelValue: null,
+    disabled: Boolean,
+    selectedClass: {
+      type: String,
+      default: 'v-window-item--active'
+    },
+    // TODO: mandatory should probably not be exposed but do this for now
+    mandatory: {
+      default: 'force'
+    },
+    ...makeTagProps(),
+    ...makeThemeProps()
+  },
+  emits: {
+    'update:modelValue': v => true
+  },
+
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      isRtl
+    } = useRtl();
+    const {
+      t
+    } = useLocale();
+    const group = useGroup(props, VWindowGroupSymbol);
+    const rootRef = ref();
+    const isRtlReverse = computed(() => isRtl.value ? !props.reverse : props.reverse);
+    const isReversed = ref(false);
+    const transition = computed(() => {
+      const axis = props.direction === 'vertical' ? 'y' : 'x';
+      const reverse = isRtlReverse.value ? !isReversed.value : isReversed.value;
+      const direction = reverse ? '-reverse' : '';
+      return `v-window-${axis}${direction}-transition`;
+    });
+    const transitionCount = ref(0);
+    const transitionHeight = ref(undefined);
+    const activeIndex = computed(() => {
+      return group.items.value.findIndex(item => group.selected.value.includes(item.id));
+    });
+    watch(activeIndex, (newVal, oldVal) => {
+      const itemsLength = group.items.value.length;
+      const lastIndex = itemsLength - 1;
+
+      if (itemsLength <= 2) {
+        isReversed.value = newVal < oldVal;
+      } else if (newVal === lastIndex && oldVal === 0) {
+        isReversed.value = true;
+      } else if (newVal === 0 && oldVal === lastIndex) {
+        isReversed.value = false;
+      } else {
+        isReversed.value = newVal < oldVal;
+      }
+    });
+    provide(VWindowSymbol, {
+      transition,
+      isReversed,
+      transitionCount,
+      transitionHeight,
+      rootRef
+    });
+    const canMoveBack = computed(() => props.continuous || activeIndex.value !== 0);
+    const canMoveForward = computed(() => props.continuous || activeIndex.value !== group.items.value.length - 1);
+
+    function prev() {
+      canMoveBack.value && group.prev();
+    }
+
+    function next() {
+      canMoveForward.value && group.next();
+    }
+
+    provideDefaults({
+      VBtn: {
+        variant: 'text'
+      }
+    }, {
+      scoped: true
+    });
+    const arrows = computed(() => {
+      const arrows = [];
+      const prevProps = {
+        icon: isRtl.value ? props.nextIcon : props.prevIcon,
+        class: `v-window__${isRtlReverse.value ? 'right' : 'left'}`,
+        onClick: group.prev,
+        ariaLabel: t('$vuetify.carousel.prev')
+      };
+      arrows.push(canMoveBack.value ? slots.prev ? slots.prev({
+        props: prevProps
+      }) : createVNode(VBtn, prevProps, null, 16) : createVNode("div", null, null));
+      const nextProps = {
+        icon: isRtl.value ? props.prevIcon : props.nextIcon,
+        class: `v-window__${isRtlReverse.value ? 'left' : 'right'}`,
+        onClick: group.next,
+        ariaLabel: t('$vuetify.carousel.next')
+      };
+      arrows.push(canMoveForward.value ? slots.next ? slots.next({
+        props: nextProps
+      }) : createVNode(VBtn, nextProps, null, 16) : createVNode("div", null, null));
+      return arrows;
+    });
+    const touchOptions = computed(() => {
+      if (props.touch === false) return props.touch;
+      const options = {
+        left: () => {
+          isRtlReverse.value ? prev() : next();
+        },
+        right: () => {
+          isRtlReverse.value ? next() : prev();
+        },
+        end: _ref2 => {
+          let {
+            originalEvent
+          } = _ref2;
+          originalEvent.stopPropagation();
+        },
+        start: _ref3 => {
+          let {
+            originalEvent
+          } = _ref3;
+          originalEvent.stopPropagation();
+        }
+      };
+      return { ...options,
+        ...(props.touch === true ? {} : props.touch)
+      };
+    });
+    return () => {
+      var _slots$default;
+
+      return withDirectives(createVNode(props.tag, {
+        "ref": rootRef,
+        "class": ['v-window', {
+          'v-window--show-arrows-on-hover': props.showArrows === 'hover'
+        }, themeClasses.value]
+      }, {
+        default: () => [createVNode("div", {
+          "class": "v-window__container",
+          "style": {
+            height: transitionHeight.value
+          }
+        }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots), props.showArrows !== false && createVNode("div", {
+          "class": "v-window__controls"
+        }, [arrows.value])], 4)]
+      }, 8, ["class"]), [[resolveDirective("touch"), touchOptions.value]]);
+    };
+  }
+
+});
+
+const VWindowItem = defineComponent({
+  name: 'VWindowItem',
+  directives: {
+    Touch
+  },
+  props: {
+    reverseTransition: {
+      type: [Boolean, String],
+      default: undefined
+    },
+    transition: {
+      type: [Boolean, String],
+      default: undefined
+    },
+    ...makeLazyProps(),
+    ...makeGroupItemProps()
+  },
+
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const window = inject(VWindowSymbol);
+    const groupItem = useGroupItem(props, VWindowGroupSymbol);
+    if (!window || !groupItem) throw new Error('[Vuetify] VWindowItem must be used inside VWindow');
+    const isTransitioning = ref(false);
+    const hasTransition = computed(() => window.isReversed.value ? props.reverseTransition !== false : props.transition !== false);
+
+    function onAfterTransition() {
+      if (!isTransitioning.value || !window) {
+        return;
+      } // Finalize transition state.
+
+
+      isTransitioning.value = false;
+
+      if (window.transitionCount.value > 0) {
+        window.transitionCount.value -= 1; // Remove container height if we are out of transition.
+
+        if (window.transitionCount.value === 0) {
+          window.transitionHeight.value = undefined;
+        }
+      }
+    }
+
+    function onBeforeTransition() {
+      if (isTransitioning.value || !window) {
+        return;
+      } // Initialize transition state here.
+
+
+      isTransitioning.value = true;
+
+      if (window.transitionCount.value === 0) {
+        var _window$rootRef$value;
+
+        // Set initial height for height transition.
+        window.transitionHeight.value = convertToUnit((_window$rootRef$value = window.rootRef.value) == null ? void 0 : _window$rootRef$value.clientHeight);
+      }
+
+      window.transitionCount.value += 1;
+    }
+
+    function onTransitionCancelled() {
+      onAfterTransition(); // This should have the same path as normal transition end.
+    }
+
+    function onEnterTransition(el) {
+      if (!isTransitioning.value) {
+        return;
+      }
+
+      nextTick(() => {
+        // Do not set height if no transition or cancelled.
+        if (!hasTransition.value || !isTransitioning.value || !window) {
+          return;
+        } // Set transition target height.
+
+
+        window.transitionHeight.value = convertToUnit(el.clientHeight);
+      });
+    }
+
+    const transition = computed(() => {
+      const name = window.isReversed.value ? props.reverseTransition : props.transition;
+      return !hasTransition.value ? false : {
+        name: typeof name !== 'string' ? window.transition.value : name,
+        onBeforeEnter: onBeforeTransition,
+        onAfterEnter: onAfterTransition,
+        onEnterCancelled: onTransitionCancelled,
+        onBeforeLeave: onBeforeTransition,
+        onAfterLeave: onAfterTransition,
+        onLeaveCancelled: onTransitionCancelled,
+        onEnter: onEnterTransition
+      };
+    });
+    const {
+      hasContent
+    } = useLazy(props, groupItem.isSelected);
+    return () => {
+      return createVNode(MaybeTransition, {
+        "transition": transition.value
+      }, {
+        default: () => [withDirectives(createVNode("div", {
+          "class": ['v-window-item', groupItem.selectedClass.value]
+        }, [slots.default && hasContent.value && slots.default()], 2), [[vShow, groupItem.isSelected.value]])]
+      }, 8, ["transition"]);
+    };
+  }
+
+});
+
+var components = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  VApp: VApp,
+  VAppBar: VAppBar,
+  VAppBarNavIcon: VAppBarNavIcon,
+  VAppBarTitle: VAppBarTitle,
+  VAlert: VAlert,
+  VAvatar: VAvatar,
+  VBadge: VBadge,
+  VBanner: VBanner,
+  VBannerActions: VBannerActions,
+  VBannerAvatar: VBannerAvatar,
+  VBannerContent: VBannerContent,
+  VBannerText: VBannerText,
+  VBottomNavigation: VBottomNavigation,
+  VBreadcrumbs: VBreadcrumbs,
+  VBreadcrumbsItem: VBreadcrumbsItem,
+  VBreadcrumbsDivider: VBreadcrumbsDivider,
+  VBtn: VBtn,
+  VBtnGroup: VBtnGroup,
+  VBtnToggle: VBtnToggle,
+  VCard: VCard,
+  VCardActions: VCardActions,
+  VCardAvatar: VCardAvatar,
+  VCardHeader: VCardHeader,
+  VCardHeaderText: VCardHeaderText,
+  VCardImg: VCardImg,
+  VCardSubtitle: VCardSubtitle,
+  VCardText: VCardText,
+  VCardTitle: VCardTitle,
+  VCheckbox: VCheckbox,
+  VChip: VChip,
+  VCode: VCode,
+  VCounter: VCounter,
+  VDefaultsProvider: VDefaultsProvider,
+  VDialog: VDialog,
+  VDivider: VDivider,
+  VExpansionPanels: VExpansionPanels,
+  VExpansionPanel: VExpansionPanel,
+  VExpansionPanelText: VExpansionPanelText,
+  VExpansionPanelTitle: VExpansionPanelTitle,
+  VField: VField,
+  VFieldLabel: VFieldLabel,
+  VFileInput: VFileInput,
+  VFooter: VFooter,
+  VForm: VForm,
+  VContainer: VContainer,
+  VCol: VCol,
+  VRow: VRow,
+  VSpacer: VSpacer,
+  VHover: VHover,
+  VIcon: VIcon,
+  VComponentIcon: VComponentIcon,
+  VSvgIcon: VSvgIcon,
+  VLigatureIcon: VLigatureIcon,
+  VClassIcon: VClassIcon,
+  VImg: VImg,
+  VInput: VInput,
+  VItemGroup: VItemGroup,
+  VItem: VItem,
+  VKbd: VKbd,
+  VLabel: VLabel,
+  VLayout: VLayout,
+  VLayoutItem: VLayoutItem,
+  VLazy: VLazy,
+  VList: VList,
+  VListSubheader: VListSubheader,
+  VListImg: VListImg,
+  VListItem: VListItem,
+  VListItemAvatar: VListItemAvatar,
+  VListItemHeader: VListItemHeader,
+  VListItemMedia: VListItemMedia,
+  VListItemSubtitle: VListItemSubtitle,
+  VListItemTitle: VListItemTitle,
+  VListGroup: VListGroup,
+  VLocaleProvider: VLocaleProvider,
+  VMain: VMain,
+  VMenu: VMenu,
+  VMessages: VMessages,
+  VNavigationDrawer: VNavigationDrawer,
+  VNoSsr: VNoSsr,
+  VOverlay: VOverlay,
+  VPagination: VPagination,
+  VParallax: VParallax,
+  VProgressCircular: VProgressCircular,
+  VProgressLinear: VProgressLinear,
+  VRadio: VRadio,
+  VRadioGroup: VRadioGroup,
+  VRangeSlider: VRangeSlider,
+  VRating: VRating,
+  VResponsive: VResponsive,
+  VSelectionControl: VSelectionControl,
+  VSelectionControlGroup: VSelectionControlGroup,
+  VSheet: VSheet,
+  VSlider: VSlider,
+  VSwitch: VSwitch,
   VSystemBar: VSystemBar,
   VTable: VTable,
   VTextarea: VTextarea,
@@ -12890,6 +13330,8 @@ var components = /*#__PURE__*/Object.freeze({
   VTimelineItem: VTimelineItem,
   VTooltip: VTooltip,
   VValidation: VValidation,
+  VWindow: VWindow,
+  VWindowItem: VWindowItem,
   VDialogTransition: VDialogTransition,
   VCarouselTransition: VCarouselTransition,
   VCarouselReverseTransition: VCarouselReverseTransition,
@@ -12914,7 +13356,7 @@ var components = /*#__PURE__*/Object.freeze({
 });
 
 // Types
-function mounted$3(el, binding) {
+function mounted$2(el, binding) {
   var _modifierKeys$attr, _modifierKeys$char, _modifierKeys$child, _modifierKeys$sub;
 
   const modifiers = binding.modifiers || {};
@@ -12941,7 +13383,7 @@ function mounted$3(el, binding) {
     let mutations = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let observer = arguments.length > 1 ? arguments[1] : undefined;
     handler == null ? void 0 : handler(mutations, observer);
-    if (once) unmounted$3(el, binding);
+    if (once) unmounted$2(el, binding);
   });
   if (immediate) handler == null ? void 0 : handler([], observer);
   el._mutate = Object(el._mutate);
@@ -12951,7 +13393,7 @@ function mounted$3(el, binding) {
   observer.observe(el, options);
 }
 
-function unmounted$3(el, binding) {
+function unmounted$2(el, binding) {
   var _el$_mutate;
 
   if (!((_el$_mutate = el._mutate) != null && _el$_mutate[binding.instance.$.uid])) return;
@@ -12962,11 +13404,11 @@ function unmounted$3(el, binding) {
 }
 
 const Mutate = {
-  mounted: mounted$3,
-  unmounted: unmounted$3
+  mounted: mounted$2,
+  unmounted: unmounted$2
 };
 
-function mounted$2(el, binding) {
+function mounted$1(el, binding) {
   var _binding$modifiers, _binding$modifiers2;
 
   const handler = binding.value;
@@ -12985,7 +13427,7 @@ function mounted$2(el, binding) {
   }
 }
 
-function unmounted$2(el, binding) {
+function unmounted$1(el, binding) {
   var _el$_onResize;
 
   if (!((_el$_onResize = el._onResize) != null && _el$_onResize[binding.instance.$.uid])) return;
@@ -12998,11 +13440,11 @@ function unmounted$2(el, binding) {
 }
 
 const Resize = {
-  mounted: mounted$2,
-  unmounted: unmounted$2
+  mounted: mounted$1,
+  unmounted: unmounted$1
 };
 
-function mounted$1(el, binding) {
+function mounted(el, binding) {
   var _binding$modifiers;
 
   const {
@@ -13025,7 +13467,7 @@ function mounted$1(el, binding) {
   };
 }
 
-function unmounted$1(el, binding) {
+function unmounted(el, binding) {
   var _el$_onScroll;
 
   if (!((_el$_onScroll = el._onScroll) != null && _el$_onScroll[binding.instance.$.uid])) return;
@@ -13040,136 +13482,14 @@ function unmounted$1(el, binding) {
 
 function updated(el, binding) {
   if (binding.value === binding.oldValue) return;
-  unmounted$1(el, binding);
-  mounted$1(el, binding);
+  unmounted(el, binding);
+  mounted(el, binding);
 }
 
 const Scroll = {
-  mounted: mounted$1,
-  unmounted: unmounted$1,
-  updated
-};
-
-// Types
-
-const handleGesture = wrapper => {
-  const {
-    touchstartX,
-    touchendX,
-    touchstartY,
-    touchendY
-  } = wrapper;
-  const dirRatio = 0.5;
-  const minDistance = 16;
-  wrapper.offsetX = touchendX - touchstartX;
-  wrapper.offsetY = touchendY - touchstartY;
-
-  if (Math.abs(wrapper.offsetY) < dirRatio * Math.abs(wrapper.offsetX)) {
-    wrapper.left && touchendX < touchstartX - minDistance && wrapper.left(wrapper);
-    wrapper.right && touchendX > touchstartX + minDistance && wrapper.right(wrapper);
-  }
-
-  if (Math.abs(wrapper.offsetX) < dirRatio * Math.abs(wrapper.offsetY)) {
-    wrapper.up && touchendY < touchstartY - minDistance && wrapper.up(wrapper);
-    wrapper.down && touchendY > touchstartY + minDistance && wrapper.down(wrapper);
-  }
-};
-
-function touchstart(event, wrapper) {
-  var _wrapper$start;
-
-  const touch = event.changedTouches[0];
-  wrapper.touchstartX = touch.clientX;
-  wrapper.touchstartY = touch.clientY;
-  (_wrapper$start = wrapper.start) == null ? void 0 : _wrapper$start.call(wrapper, { ...event,
-    ...wrapper
-  });
-}
-
-function touchend(event, wrapper) {
-  var _wrapper$end;
-
-  const touch = event.changedTouches[0];
-  wrapper.touchendX = touch.clientX;
-  wrapper.touchendY = touch.clientY;
-  (_wrapper$end = wrapper.end) == null ? void 0 : _wrapper$end.call(wrapper, { ...event,
-    ...wrapper
-  });
-  handleGesture(wrapper);
-}
-
-function touchmove(event, wrapper) {
-  var _wrapper$move;
-
-  const touch = event.changedTouches[0];
-  wrapper.touchmoveX = touch.clientX;
-  wrapper.touchmoveY = touch.clientY;
-  (_wrapper$move = wrapper.move) == null ? void 0 : _wrapper$move.call(wrapper, { ...event,
-    ...wrapper
-  });
-}
-
-function createHandlers() {
-  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const wrapper = {
-    touchstartX: 0,
-    touchstartY: 0,
-    touchendX: 0,
-    touchendY: 0,
-    touchmoveX: 0,
-    touchmoveY: 0,
-    offsetX: 0,
-    offsetY: 0,
-    left: value.left,
-    right: value.right,
-    up: value.up,
-    down: value.down,
-    start: value.start,
-    move: value.move,
-    end: value.end
-  };
-  return {
-    touchstart: e => touchstart(e, wrapper),
-    touchend: e => touchend(e, wrapper),
-    touchmove: e => touchmove(e, wrapper)
-  };
-}
-
-function mounted(el, binding) {
-  var _value$options, _binding$instance, _target$_touchHandler;
-
-  const value = binding.value;
-  const target = value != null && value.parent ? el.parentElement : el;
-  const options = (_value$options = value == null ? void 0 : value.options) != null ? _value$options : {
-    passive: true
-  };
-  const uid = (_binding$instance = binding.instance) == null ? void 0 : _binding$instance.$.uid; // TODO: use custom uid generator
-
-  if (!target || !uid) return;
-  const handlers = createHandlers(binding.value);
-  target._touchHandlers = (_target$_touchHandler = target._touchHandlers) != null ? _target$_touchHandler : Object.create(null);
-  target._touchHandlers[uid] = handlers;
-  keys(handlers).forEach(eventName => {
-    target.addEventListener(eventName, handlers[eventName], options);
-  });
-}
-
-function unmounted(el, binding) {
-  var _binding$value, _binding$instance2;
-
-  const target = (_binding$value = binding.value) != null && _binding$value.parent ? el.parentElement : el;
-  const uid = (_binding$instance2 = binding.instance) == null ? void 0 : _binding$instance2.$.uid;
-  if (!(target != null && target._touchHandlers) || !uid) return;
-  const handlers = target._touchHandlers[uid];
-  keys(handlers).forEach(eventName => {
-    target.removeEventListener(eventName, handlers[eventName]);
-  });
-  delete target._touchHandlers[uid];
-}
-
-const Touch = {
   mounted,
-  unmounted
+  unmounted,
+  updated
 };
 
 var directives = /*#__PURE__*/Object.freeze({
@@ -13308,7 +13628,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.0.0-next-20220107.0";
+const version = "3.0.0-next-20220126.0";
 
 export { components, createVuetify, directives, provideRtl, useDisplay, useLayout, useRtl, useTheme, version };
 //# sourceMappingURL=vuetify.esm.js.map