vuetify 3.3.2 → 3.3.4

package/dist/vuetify-labs.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.3.2
+* Vuetify v3.3.4
 * Forged by John Leider
 * Released under the MIT License.
 */
 
-import { reactive, computed, watchEffect, toRefs, capitalize, warn, watch, onScopeDispose, effectScope, ref, unref, provide, shallowRef, inject as inject$1, defineComponent as defineComponent$1, camelize, h, getCurrentInstance as getCurrentInstance$1, onBeforeUnmount, readonly, onDeactivated, onActivated, onMounted, toRaw, createVNode, TransitionGroup, Transition, mergeProps, onBeforeMount, nextTick, withDirectives, Fragment, resolveDirective, vShow, isRef, toRef, Text, resolveDynamicComponent, toHandlers, Teleport, cloneVNode, createTextVNode, onBeforeUpdate, vModelText, onUpdated, withModifiers } from 'vue';
+import { Fragment, reactive, computed, watchEffect, toRefs, capitalize, warn, watch, onScopeDispose, effectScope, ref, unref, provide, shallowRef, inject as inject$1, defineComponent as defineComponent$1, camelize, h, getCurrentInstance as getCurrentInstance$1, onBeforeUnmount, readonly, onDeactivated, onActivated, onMounted, toRaw, createVNode, TransitionGroup, Transition, mergeProps, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, isRef, toRef, Text, resolveDynamicComponent, Teleport, cloneVNode, createTextVNode, onBeforeUpdate, vModelText, onUpdated, withModifiers } from 'vue';
 
 // Types
 // eslint-disable-line vue/prefer-import-from-vue
@@ -294,6 +294,15 @@ function mergeDeep() {
   }
   return out;
 }
+function flattenFragments(nodes) {
+  return nodes.map(node => {
+    if (node.type === Fragment) {
+      return flattenFragments(node.children);
+    } else {
+      return node;
+    }
+  }).flat();
+}
 function toKebabCase() {
   let str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   if (toKebabCase.cache.has(str)) return toKebabCase.cache.get(str);
@@ -373,6 +382,9 @@ function includes(arr, val) {
 }
 const onRE = /^on[^a-z]/;
 const isOn = key => onRE.test(key);
+function eventName(propName) {
+  return propName[2].toLowerCase() + propName.slice(3);
+}
 const EventProp = () => [Function, Array];
 function hasEvent(props, name) {
   name = 'on' + capitalize(name);
@@ -571,6 +583,54 @@ function animate(el, keyframes, options) {
   return animation;
 }
 
+// Utilities
+const handlers = new WeakMap();
+function bindProps(el, props) {
+  Object.keys(props).forEach(k => {
+    if (isOn(k)) {
+      const name = eventName(k);
+      const handler = handlers.get(el);
+      if (props[k] == null) {
+        handler?.forEach(v => {
+          const [n, fn] = v;
+          if (n === name) {
+            el.removeEventListener(name, fn);
+            handler.delete(v);
+          }
+        });
+      } else if (!handler || ![...handler]?.some(v => v[0] === name && v[1] === props[k])) {
+        el.addEventListener(name, props[k]);
+        const _handler = handler || new Set();
+        _handler.add([name, props[k]]);
+        if (!handlers.has(el)) handlers.set(el, _handler);
+      }
+    } else {
+      if (props[k] == null) {
+        el.removeAttribute(k);
+      } else {
+        el.setAttribute(k, props[k]);
+      }
+    }
+  });
+}
+function unbindProps(el, props) {
+  Object.keys(props).forEach(k => {
+    if (isOn(k)) {
+      const name = eventName(k);
+      const handler = handlers.get(el);
+      handler?.forEach(v => {
+        const [n, fn] = v;
+        if (n === name) {
+          el.removeEventListener(name, fn);
+          handler.delete(v);
+        }
+      });
+    } else {
+      el.removeAttribute(k);
+    }
+  });
+}
+
 /* eslint-disable no-console */
 
 function consoleWarn(message) {
@@ -1583,12 +1643,21 @@ var en = {
     lastPage: 'Last page',
     pageText: '{0}-{1} of {2}'
   },
+  dateRangeInput: {
+    divider: 'to'
+  },
   datePicker: {
-    itemsSelected: '{0} selected',
-    nextMonthAriaLabel: 'Next month',
-    nextYearAriaLabel: 'Next year',
-    prevMonthAriaLabel: 'Previous month',
-    prevYearAriaLabel: 'Previous year'
+    ok: 'OK',
+    cancel: 'Cancel',
+    range: {
+      title: 'Select dates',
+      header: 'Enter dates'
+    },
+    title: 'Select date',
+    header: 'Enter date',
+    input: {
+      placeholder: 'Enter date'
+    }
   },
   noDataText: 'No data available',
   carousel: {
@@ -2158,6 +2227,7 @@ function createTheme(options) {
     };
   }
   function install(app) {
+    if (parsedOptions.isDisabled) return;
     const head = app._context.provides.usehead;
     if (head) {
       if (head.push) {
@@ -2179,7 +2249,6 @@ function createTheme(options) {
         immediate: true
       });
       function updateStyles() {
-        if (parsedOptions.isDisabled) return;
         if (typeof document !== 'undefined' && !styleEl) {
           const el = document.createElement('style');
           el.type = 'text/css';
@@ -3571,7 +3640,7 @@ const VAppBar = genericComponent()({
       const extensionHeight = vToolbarRef.value?.extensionHeight ?? 0;
       return height + extensionHeight;
     });
-    function setActive() {
+    watchEffect(() => {
       if (scrollBehavior.value.hide) {
         if (scrollBehavior.value.inverted) {
           isActive.value = currentScroll.value > scrollThreshold.value;
@@ -3581,12 +3650,6 @@ const VAppBar = genericComponent()({
       } else {
         isActive.value = true;
       }
-    }
-    useToggleScope(() => !!props.scrollBehavior, () => {
-      watch(currentScroll, setActive, {
-        immediate: true
-      });
-      watch(scrollBehavior, setActive);
     });
     const {
       ssrBootStyles
@@ -4041,7 +4104,8 @@ const aliases = {
   unfold: 'mdi-unfold-more-horizontal',
   file: 'mdi-paperclip',
   plus: 'mdi-plus',
-  minus: 'mdi-minus'
+  minus: 'mdi-minus',
+  calendar: 'mdi-calendar'
 };
 const mdi = {
   // Not using mergeProps here, functional components merge props by default (?)
@@ -4266,7 +4330,7 @@ const VIcon = genericComponent()({
     useRender(() => {
       const slotValue = slots.default?.();
       if (slotValue) {
-        slotIcon.value = slotValue.filter(node => node.type === Text && node.children && typeof node.children === 'string')[0]?.children;
+        slotIcon.value = flattenFragments(slotValue).filter(node => node.type === Text && node.children && typeof node.children === 'string')[0]?.children;
       }
       return createVNode(iconData.value.component, {
         "tag": props.tag,
@@ -5103,7 +5167,7 @@ const makeVBtnProps = propsFactory({
   block: Boolean,
   stacked: Boolean,
   ripple: {
-    type: Boolean,
+    type: [Boolean, Object],
     default: true
   },
   text: String,
@@ -6386,6 +6450,7 @@ const VCheckbox = genericComponent()({
   inheritAttrs: false,
   props: makeVCheckboxProps(),
   emits: {
+    'update:modelValue': value => true,
     'update:focused': focused => true
   },
   setup(props, _ref) {
@@ -6393,6 +6458,7 @@ const VCheckbox = genericComponent()({
       attrs,
       slots
     } = _ref;
+    const model = useProxiedModel(props, 'modelValue');
     const {
       isFocused,
       focus,
@@ -6407,6 +6473,8 @@ const VCheckbox = genericComponent()({
       return createVNode(VInput, mergeProps({
         "class": ['v-checkbox', props.class]
       }, inputAttrs, inputProps, {
+        "modelValue": model.value,
+        "onUpdate:modelValue": $event => model.value = $event,
         "id": id.value,
         "focused": isFocused.value,
         "style": props.style
@@ -6425,6 +6493,8 @@ const VCheckbox = genericComponent()({
             "disabled": isDisabled.value,
             "readonly": isReadonly.value
           }, controlAttrs, {
+            "modelValue": model.value,
+            "onUpdate:modelValue": $event => model.value = $event,
             "onFocus": focus,
             "onBlur": blur
           }), slots);
@@ -6562,6 +6632,8 @@ const VChipGroup = genericComponent()({
   }
 });
 
+// Types
+
 const makeVChipProps = propsFactory({
   activeClass: String,
   appendAvatar: String,
@@ -6590,7 +6662,7 @@ const makeVChipProps = propsFactory({
   prependAvatar: String,
   prependIcon: IconValue,
   ripple: {
-    type: Boolean,
+    type: [Boolean, Object],
     default: true
   },
   text: String,
@@ -7243,7 +7315,7 @@ const useNested = props => {
 const useNestedItem = (id, isGroup) => {
   const parent = inject$1(VNestedSymbol, emptyNested);
   const uidSymbol = Symbol(getUid());
-  const computedId = computed(() => id.value ?? uidSymbol);
+  const computedId = computed(() => id.value !== undefined ? id.value : uidSymbol);
   const item = {
     ...parent,
     id: computedId,
@@ -7406,7 +7478,7 @@ const makeVListItemProps = propsFactory({
   prependAvatar: String,
   prependIcon: IconValue,
   ripple: {
-    type: Boolean,
+    type: [Boolean, Object],
     default: true
   },
   subtitle: [String, Number, Boolean],
@@ -7443,7 +7515,7 @@ const VListItem = genericComponent()({
       emit
     } = _ref;
     const link = useLink(props, attrs);
-    const id = computed(() => props.value ?? link.href.value);
+    const id = computed(() => props.value === undefined ? link.href.value : props.value);
     const {
       select,
       isSelected,
@@ -7840,10 +7912,13 @@ function useItems(props) {
 }
 function useTransformItems(items, transform) {
   function transformIn(value) {
-    return value.map(v => {
+    return value
+    // When the model value is null, returns an InternalItem based on null
+    // only if null is one of the items
+    .filter(v => v !== null || items.value.some(item => item.value === null)).map(v => {
       const existingItem = items.value.find(item => deepEqual(v, item.value));
       // Nullish existingItem means value is a custom input value from combobox
-      // In this case, use transformItem to create an { value: unknown } based on value
+      // In this case, use transformItem to create an InternalItem based on value
       return existingItem ?? transform(v);
     });
   }
@@ -8779,29 +8854,29 @@ function useActivator(props, _ref) {
     }
   });
   const availableEvents = {
-    click: e => {
+    onClick: e => {
       e.stopPropagation();
       activatorEl.value = e.currentTarget || e.target;
       isActive.value = !isActive.value;
     },
-    mouseenter: e => {
+    onMouseenter: e => {
       if (e.sourceCapabilities?.firesTouchEvents) return;
       isHovered = true;
       activatorEl.value = e.currentTarget || e.target;
       runOpenDelay();
     },
-    mouseleave: e => {
+    onMouseleave: e => {
       isHovered = false;
       runCloseDelay();
     },
-    focus: e => {
+    onFocus: e => {
       if (SUPPORTS_FOCUS_VISIBLE && !e.target.matches(':focus-visible')) return;
       isFocused = true;
       e.stopPropagation();
       activatorEl.value = e.currentTarget || e.target;
       runOpenDelay();
     },
-    blur: e => {
+    onBlur: e => {
       isFocused = false;
       e.stopPropagation();
       runCloseDelay();
@@ -8810,33 +8885,43 @@ function useActivator(props, _ref) {
   const activatorEvents = computed(() => {
     const events = {};
     if (openOnClick.value) {
-      events.click = availableEvents.click;
+      events.onClick = availableEvents.onClick;
     }
     if (props.openOnHover) {
-      events.mouseenter = availableEvents.mouseenter;
-      events.mouseleave = availableEvents.mouseleave;
+      events.onMouseenter = availableEvents.onMouseenter;
+      events.onMouseleave = availableEvents.onMouseleave;
     }
     if (openOnFocus.value) {
-      events.focus = availableEvents.focus;
-      events.blur = availableEvents.blur;
+      events.onFocus = availableEvents.onFocus;
+      events.onBlur = availableEvents.onBlur;
     }
     return events;
   });
   const contentEvents = computed(() => {
     const events = {};
     if (props.openOnHover) {
-      events.mouseenter = () => {
+      events.onMouseenter = () => {
         isHovered = true;
         runOpenDelay();
       };
-      events.mouseleave = () => {
+      events.onMouseleave = () => {
         isHovered = false;
         runCloseDelay();
       };
     }
+    if (openOnFocus.value) {
+      events.onFocusin = () => {
+        isFocused = true;
+        runOpenDelay();
+      };
+      events.onFocusout = () => {
+        isFocused = false;
+        runCloseDelay();
+      };
+    }
     if (props.closeOnContentClick) {
       const menu = inject$1(VMenuSymbol, null);
-      events.click = () => {
+      events.onClick = () => {
         isActive.value = false;
         menu?.closeParents();
       };
@@ -8846,14 +8931,14 @@ function useActivator(props, _ref) {
   const scrimEvents = computed(() => {
     const events = {};
     if (props.openOnHover) {
-      events.mouseenter = () => {
+      events.onMouseenter = () => {
         if (firstEnter) {
           isHovered = true;
           firstEnter = false;
           runOpenDelay();
         }
       };
-      events.mouseleave = () => {
+      events.onMouseleave = () => {
         isHovered = false;
         runCloseDelay();
       };
@@ -8927,29 +9012,13 @@ function _useActivator(props, vm, _ref2) {
     let el = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getActivator();
     let _props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : props.activatorProps;
     if (!el) return;
-    Object.entries(activatorEvents.value).forEach(_ref3 => {
-      let [name, cb] = _ref3;
-      el.addEventListener(name, cb);
-    });
-    Object.keys(_props).forEach(k => {
-      if (_props[k] == null) {
-        el.removeAttribute(k);
-      } else {
-        el.setAttribute(k, _props[k]);
-      }
-    });
+    bindProps(el, mergeProps(activatorEvents.value, _props));
   }
   function unbindActivatorProps() {
     let el = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getActivator();
     let _props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : props.activatorProps;
     if (!el) return;
-    Object.entries(activatorEvents.value).forEach(_ref4 => {
-      let [name, cb] = _ref4;
-      el.removeEventListener(name, cb);
-    });
-    Object.keys(_props).forEach(k => {
-      el.removeAttribute(k);
-    });
+    unbindProps(el, mergeProps(activatorEvents.value, _props));
   }
   function getActivator() {
     let selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : props.activator;
@@ -9476,6 +9545,9 @@ const VOverlay = genericComponent()({
       if (e.key === 'Escape' && globalTop.value) {
         if (!props.persistent) {
           isActive.value = false;
+          if (contentEl.value?.contains(document.activeElement)) {
+            activatorEl.value?.focus();
+          }
         } else animateClick();
       }
     }
@@ -9518,7 +9590,7 @@ const VOverlay = genericComponent()({
       isActive: isActive.value,
       props: mergeProps({
         ref: activatorRef
-      }, toHandlers(activatorEvents.value), props.activatorProps)
+      }, activatorEvents.value, props.activatorProps)
     }), isMounted.value && createVNode(Teleport, {
       "disabled": !teleportTarget.value,
       "to": teleportTarget.value
@@ -9536,7 +9608,7 @@ const VOverlay = genericComponent()({
       }, scopeId, attrs), [createVNode(Scrim, mergeProps({
         "color": scrimColor,
         "modelValue": isActive.value && !!props.scrim
-      }, toHandlers(scrimEvents.value)), null), createVNode(MaybeTransition, {
+      }, scrimEvents.value), null), createVNode(MaybeTransition, {
         "appear": true,
         "persisted": true,
         "transition": props.transition,
@@ -9550,7 +9622,7 @@ const VOverlay = genericComponent()({
           "ref": contentEl,
           "class": ['v-overlay__content', props.contentClass],
           "style": [dimensionStyles.value, contentStyles.value]
-        }, toHandlers(contentEvents.value), props.contentProps), [slots.default?.({
+        }, contentEvents.value, props.contentProps), [slots.default?.({
           isActive
         })]), [[vShow, isActive.value], [resolveDirective("click-outside"), {
           handler: onClickOutside,
@@ -9710,10 +9782,35 @@ const VMenu = genericComponent()({
     function onClickOutside() {
       parent?.closeParents();
     }
+    function onKeydown(e) {
+      if (props.disabled) return;
+      if (e.key === 'Tab') {
+        isActive.value = false;
+        overlay.value?.activatorEl?.focus();
+      }
+    }
+    function onActivatorKeydown(e) {
+      if (props.disabled) return;
+      const el = overlay.value?.contentEl;
+      if (el && isActive.value) {
+        if (e.key === 'ArrowDown') {
+          e.preventDefault();
+          focusChild(el, 'next');
+        } else if (e.key === 'ArrowUp') {
+          e.preventDefault();
+          focusChild(el, 'prev');
+        }
+      } else if (['ArrowDown', 'ArrowUp'].includes(e.key)) {
+        isActive.value = true;
+        e.preventDefault();
+        setTimeout(() => setTimeout(() => onActivatorKeydown(e)));
+      }
+    }
     const activatorProps = computed(() => mergeProps({
       'aria-haspopup': 'menu',
       'aria-expanded': String(isActive.value),
-      'aria-owns': id.value
+      'aria-owns': id.value,
+      onKeydown: onActivatorKeydown
     }, props.activatorProps));
     useRender(() => {
       const [overlayProps] = VOverlay.filterProps(props);
@@ -9726,7 +9823,8 @@ const VMenu = genericComponent()({
         "onUpdate:modelValue": $event => isActive.value = $event,
         "absolute": true,
         "activatorProps": activatorProps.value,
-        "onClick:outside": onClickOutside
+        "onClick:outside": onClickOutside,
+        "onKeydown": onKeydown
       }, scopeId), {
         activator: slots.activator,
         default: function () {
@@ -10350,7 +10448,7 @@ const VSelect = genericComponent()({
       transformIn,
       transformOut
     } = useItems(props);
-    const model = useProxiedModel(props, 'modelValue', [], v => transformIn(wrapInArray(v)), v => {
+    const model = useProxiedModel(props, 'modelValue', [], v => transformIn(v === null ? [null] : wrapInArray(v)), v => {
       const transformed = transformOut(v);
       return props.multiple ? transformed : transformed[0] ?? null;
     });
@@ -10370,6 +10468,7 @@ const VSelect = genericComponent()({
       }
       return items.value;
     });
+    const menuDisabled = computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
     const listRef = ref();
     function onClear(e) {
       if (props.openOnClear) {
@@ -10377,7 +10476,7 @@ const VSelect = genericComponent()({
       }
     }
     function onMousedownControl() {
-      if (props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value) return;
+      if (menuDisabled.value) return;
       menu.value = !menu.value;
     }
     function onKeydown(e) {
@@ -10391,11 +10490,7 @@ const VSelect = genericComponent()({
       if (['Escape', 'Tab'].includes(e.key)) {
         menu.value = false;
       }
-      if (e.key === 'ArrowDown') {
-        listRef.value?.focus('next');
-      } else if (e.key === 'ArrowUp') {
-        listRef.value?.focus('prev');
-      } else if (e.key === 'Home') {
+      if (e.key === 'Home') {
         listRef.value?.focus('first');
       } else if (e.key === 'End') {
         listRef.value?.focus('last');
@@ -10421,6 +10516,11 @@ const VSelect = genericComponent()({
         model.value = [item];
       }
     }
+    function onListKeydown(e) {
+      if (e.key === 'Tab') {
+        vTextFieldRef.value?.focus();
+      }
+    }
     function select(item) {
       if (props.multiple) {
         const index = selected.value.findIndex(selection => props.valueComparator(selection, item.value));
@@ -10451,7 +10551,7 @@ const VSelect = genericComponent()({
     }
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
-      const hasList = !!(!props.hideNoData || displayItems.value.length || slots.prepend || slots.append || slots['no-data']);
+      const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
       const isDirty = model.value.length > 0;
       const [textFieldProps] = VTextField.filterProps(props);
       const placeholder = isDirty || !isFocused.value && props.label && !props.persistentPlaceholder ? undefined : props.placeholder;
@@ -10488,6 +10588,7 @@ const VSelect = genericComponent()({
           "onUpdate:modelValue": $event => menu.value = $event,
           "activator": "parent",
           "contentClass": "v-select__content",
+          "disabled": menuDisabled.value,
           "eager": props.eager,
           "maxHeight": 310,
           "openOnClick": false,
@@ -10500,11 +10601,13 @@ const VSelect = genericComponent()({
             "selected": selected.value,
             "selectStrategy": props.multiple ? 'independent' : 'single-independent',
             "onMousedown": e => e.preventDefault(),
-            "onFocusin": onFocusin
+            "onKeydown": onListKeydown,
+            "onFocusin": onFocusin,
+            "tabindex": "-1"
           }, {
-            default: () => [!displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
+            default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
               "title": t(props.noDataText)
-            }, null)), slots['prepend-item']?.(), displayItems.value.map((item, index) => {
+            }, null)), displayItems.value.map((item, index) => {
               const itemProps = mergeProps(item.props, {
                 key: index,
                 onClick: () => select(item)
@@ -10770,7 +10873,7 @@ const VAutocomplete = genericComponent()({
       textColorStyles
     } = useTextColor(color);
     const search = useProxiedModel(props, 'search', '');
-    const model = useProxiedModel(props, 'modelValue', [], v => transformIn(wrapInArray(v)), v => {
+    const model = useProxiedModel(props, 'modelValue', [], v => transformIn(v === null ? [null] : wrapInArray(v)), v => {
       const transformed = transformOut(v);
       return props.multiple ? transformed : transformed[0] ?? null;
     });
@@ -10796,6 +10899,7 @@ const VAutocomplete = genericComponent()({
       const selectFirst = props.autoSelectFirst === true || props.autoSelectFirst === 'exact' && search.value === displayItems.value[0]?.title;
       return selectFirst && displayItems.value.length > 0 && !isPristine.value && !listHasFocus.value;
     });
+    const menuDisabled = computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
     const listRef = ref();
     function onClear(e) {
       if (props.openOnClear) {
@@ -10804,10 +10908,11 @@ const VAutocomplete = genericComponent()({
       search.value = '';
     }
     function onMousedownControl() {
-      if (props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value) return;
+      if (menuDisabled.value) return;
       menu.value = true;
     }
     function onMousedownMenuIcon(e) {
+      if (menuDisabled.value) return;
       if (isFocused.value) {
         e.preventDefault();
         e.stopPropagation();
@@ -10833,13 +10938,8 @@ const VAutocomplete = genericComponent()({
         }
         isPristine.value = true;
       }
-      if (e.key === 'ArrowDown') {
+      if (e.key === 'ArrowDown' && highlightFirst.value) {
         listRef.value?.focus('next');
-        if (highlightFirst.value) {
-          listRef.value?.focus('next');
-        }
-      } else if (e.key === 'ArrowUp') {
-        listRef.value?.focus('prev');
       }
       if (!props.multiple) return;
       if (['Backspace', 'Delete'].includes(e.key)) {
@@ -10874,6 +10974,11 @@ const VAutocomplete = genericComponent()({
         }
       }
     }
+    function onListKeydown(e) {
+      if (e.key === 'Tab') {
+        vTextFieldRef.value?.focus();
+      }
+    }
     function onInput(e) {
       search.value = e.target.value;
     }
@@ -10943,7 +11048,7 @@ const VAutocomplete = genericComponent()({
     });
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
-      const hasList = !!(!props.hideNoData || displayItems.value.length || slots.prepend || slots.append || slots['no-data']);
+      const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
       const isDirty = model.value.length > 0;
       const [textFieldProps] = VTextField.filterProps(props);
       return createVNode(VTextField, mergeProps({
@@ -10976,6 +11081,7 @@ const VAutocomplete = genericComponent()({
           "onUpdate:modelValue": $event => menu.value = $event,
           "activator": "parent",
           "contentClass": "v-autocomplete__content",
+          "disabled": menuDisabled.value,
           "eager": props.eager,
           "maxHeight": 310,
           "openOnClick": false,
@@ -10988,12 +11094,14 @@ const VAutocomplete = genericComponent()({
             "selected": selected.value,
             "selectStrategy": props.multiple ? 'independent' : 'single-independent',
             "onMousedown": e => e.preventDefault(),
+            "onKeydown": onListKeydown,
             "onFocusin": onFocusin,
-            "onFocusout": onFocusout
+            "onFocusout": onFocusout,
+            "tabindex": "-1"
           }, {
-            default: () => [!displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
+            default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
               "title": t(props.noDataText)
-            }, null)), slots['prepend-item']?.(), displayItems.value.map((item, index) => {
+            }, null)), displayItems.value.map((item, index) => {
               const itemProps = mergeProps(item.props, {
                 key: index,
                 active: highlightFirst.value && index === 0 ? true : undefined,
@@ -11743,7 +11851,7 @@ const makeVCardProps = propsFactory({
   prependAvatar: String,
   prependIcon: IconValue,
   ripple: {
-    type: Boolean,
+    type: [Boolean, Object],
     default: true
   },
   subtitle: String,
@@ -13148,6 +13256,8 @@ const useSlider = _ref => {
   return data;
 };
 
+// Types
+
 const makeVSliderThumbProps = propsFactory({
   focused: Boolean,
   max: {
@@ -13167,7 +13277,7 @@ const makeVSliderThumbProps = propsFactory({
     required: true
   },
   ripple: {
-    type: Boolean,
+    type: [Boolean, Object],
     default: true
   },
   ...makeComponentProps()
@@ -14326,6 +14436,7 @@ const VCombobox = genericComponent()({
       const selectFirst = props.autoSelectFirst === true || props.autoSelectFirst === 'exact' && search.value === displayItems.value[0]?.title;
       return selectFirst && displayItems.value.length > 0 && !isPristine.value && !listHasFocus.value;
     });
+    const menuDisabled = computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
     const listRef = ref();
     function onClear(e) {
       cleared = true;
@@ -14334,10 +14445,11 @@ const VCombobox = genericComponent()({
       }
     }
     function onMousedownControl() {
-      if (props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value) return;
+      if (menuDisabled.value) return;
       menu.value = true;
     }
     function onMousedownMenuIcon(e) {
+      if (menuDisabled.value) return;
       if (isFocused.value) {
         e.preventDefault();
         e.stopPropagation();
@@ -14363,10 +14475,8 @@ const VCombobox = genericComponent()({
         }
         isPristine.value = true;
       }
-      if (e.key === 'ArrowDown') {
+      if (e.key === 'ArrowDown' && highlightFirst.value) {
         listRef.value?.focus('next');
-      } else if (e.key === 'ArrowUp') {
-        listRef.value?.focus('prev');
       }
       if (!props.multiple) return;
       if (['Backspace', 'Delete'].includes(e.key)) {
@@ -14405,6 +14515,11 @@ const VCombobox = genericComponent()({
         search.value = '';
       }
     }
+    function onListKeydown(e) {
+      if (e.key === 'Tab') {
+        vTextFieldRef.value?.focus();
+      }
+    }
     function onAfterLeave() {
       if (isFocused.value) {
         isPristine.value = true;
@@ -14466,7 +14581,7 @@ const VCombobox = genericComponent()({
     });
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
-      const hasList = !!(!props.hideNoData || displayItems.value.length || slots.prepend || slots.append || slots['no-data']);
+      const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
       const isDirty = model.value.length > 0;
       const [textFieldProps] = VTextField.filterProps(props);
       return createVNode(VTextField, mergeProps({
@@ -14499,6 +14614,7 @@ const VCombobox = genericComponent()({
           "onUpdate:modelValue": $event => menu.value = $event,
           "activator": "parent",
           "contentClass": "v-combobox__content",
+          "disabled": menuDisabled.value,
           "eager": props.eager,
           "maxHeight": 310,
           "openOnClick": false,
@@ -14511,12 +14627,14 @@ const VCombobox = genericComponent()({
             "selected": selected.value,
             "selectStrategy": props.multiple ? 'independent' : 'single-independent',
             "onMousedown": e => e.preventDefault(),
+            "onKeydown": onListKeydown,
             "onFocusin": onFocusin,
-            "onFocusout": onFocusout
+            "onFocusout": onFocusout,
+            "tabindex": "-1"
           }, {
-            default: () => [!displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
+            default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
               "title": t(props.noDataText)
-            }, null)), slots['prepend-item']?.(), displayItems.value.map((item, index) => {
+            }, null)), displayItems.value.map((item, index) => {
               const itemProps = mergeProps(item.props, {
                 key: index,
                 active: highlightFirst.value && index === 0 ? true : undefined,
@@ -14808,6 +14926,8 @@ const VExpansionPanelText = genericComponent()({
   }
 });
 
+// Types
+
 const makeVExpansionPanelTitleProps = propsFactory({
   color: String,
   expandIcon: {
@@ -15080,8 +15200,6 @@ const VFileInput = genericComponent()({
         "modelValue": model.value,
         "onUpdate:modelValue": $event => model.value = $event,
         "class": ['v-file-input', {
-          'v-file-input--chips': !!props.chips,
-          'v-file-input--selection-slot': !!slots.selection,
           'v-text-field--plain-underlined': isPlainOrUnderlined.value
         }, props.class],
         "style": props.style,
@@ -18078,8 +18196,8 @@ const VTab = genericComponent()({
         const initialScale = prevBox[widthHeight] / nextBox[widthHeight];
         const sigma = 1.5;
         animate(nextEl, {
-          backgroundColor: [color, ''],
-          transform: [`translate${XY}(${delta}px) scale${XY}(${initialScale})`, `translate${XY}(${delta / sigma}px) scale${XY}(${(scale - 1) / sigma + 1})`, ''],
+          backgroundColor: [color, 'currentcolor'],
+          transform: [`translate${XY}(${delta}px) scale${XY}(${initialScale})`, `translate${XY}(${delta / sigma}px) scale${XY}(${(scale - 1) / sigma + 1})`, 'none'],
           transformOrigin: Array(3).fill(origin)
         }, {
           duration: 225,
@@ -19503,9 +19621,10 @@ const singleSelectStrategy = {
   allSelected: () => [],
   select: _ref => {
     let {
-      items
+      items,
+      value
     } = _ref;
-    return new Set([items[0]?.value]);
+    return new Set(value ? [items[0]?.value] : []);
   },
   selectAll: _ref2 => {
     let {
@@ -20117,7 +20236,7 @@ const VDataTableHeadersSymbol = Symbol.for('vuetify:data-table-headers');
 function createHeaders(props, options) {
   const headers = ref([]);
   const columns = ref([]);
-  watch(() => props.headers, () => {
+  watchEffect(() => {
     const wrapped = !props.headers.length ? [] : Array.isArray(props.headers[0]) ? props.headers : [props.headers];
     const flat = wrapped.flatMap((row, index) => row.map(column => ({
       column,
@@ -20237,9 +20356,6 @@ function createHeaders(props, options) {
       return filtered;
     });
     columns.value = fixedRows.at(-1) ?? [];
-  }, {
-    deep: true,
-    immediate: true
   });
   const data = {
     headers,
@@ -20393,11 +20509,11 @@ const VDataTableHeaders = genericComponent()({
         "x": x,
         "y": y
       }, null))])), props.loading && createVNode("tr", {
-        "class": "v-data-table__progress"
+        "class": "v-data-table-progress"
       }, [createVNode("th", {
         "colspan": columns.value.length
       }, [createVNode(LoaderSlot, {
-        "name": "v-data-table-headers",
+        "name": "v-data-table-progress",
         "active": true,
         "color": typeof props.loading === 'boolean' ? undefined : props.loading,
         "indeterminate": true
@@ -21072,18 +21188,22 @@ const VDataTableVirtual = genericComponent()({
           "items": displayItems.value
         }), {
           ...slots,
-          item: itemSlotProps => {
-            return slots.item?.(itemSlotProps) ?? createVNode(VVirtualScrollItem, {
-              "key": itemSlotProps.item.index,
-              "dynamicHeight": true,
-              "renderless": true,
-              "onUpdate:height": height => handleItemResize(itemSlotProps.item.index, height)
-            }, {
-              default: slotProps => createVNode(VDataTableRow, mergeProps(itemSlotProps.props, slotProps?.props, {
-                "key": itemSlotProps.item.index
-              }), slots)
-            });
-          }
+          item: itemSlotProps => createVNode(VVirtualScrollItem, {
+            "key": itemSlotProps.item.index,
+            "dynamicHeight": true,
+            "renderless": true,
+            "onUpdate:height": height => handleItemResize(itemSlotProps.item.index, height)
+          }, {
+            default: slotProps => slots.item?.({
+              ...itemSlotProps,
+              props: {
+                ...itemSlotProps.props,
+                ...slotProps?.props
+              }
+            }) ?? createVNode(VDataTableRow, mergeProps(itemSlotProps.props, slotProps?.props, {
+              "key": itemSlotProps.item.index
+            }), slots)
+          })
         }), createVNode("tr", {
           "style": {
             height: convertToUnit(paddingBottom.value),
@@ -21271,1038 +21391,1944 @@ const VDataTableServer = genericComponent()({
   }
 });
 
+// Utilities
+
 // Types
 
-const makeVInfiniteScrollProps = propsFactory({
-  color: String,
-  direction: {
-    type: String,
-    default: 'vertical',
-    validator: v => ['vertical', 'horizontal'].includes(v)
-  },
-  side: {
-    type: String,
-    default: 'end',
-    validator: v => ['start', 'end', 'both'].includes(v)
-  },
-  mode: {
-    type: String,
-    default: 'intersect',
-    validator: v => ['intersect', 'manual'].includes(v)
-  },
-  margin: [Number, String],
-  loadMoreText: {
-    type: String,
-    default: '$vuetify.infiniteScroll.loadMore'
-  },
-  emptyText: {
-    type: String,
-    default: '$vuetify.infiniteScroll.empty'
-  },
-  ...makeDimensionProps(),
-  ...makeTagProps()
-}, 'VInfiniteScroll');
-const VInfiniteScrollIntersect = defineComponent({
-  name: 'VInfiniteScrollIntersect',
-  props: {
-    side: {
-      type: String,
-      required: true
-    },
-    rootRef: null,
-    rootMargin: String
-  },
-  emits: {
-    intersect: side => true
-  },
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
-    const {
-      intersectionRef,
-      isIntersecting
-    } = useIntersectionObserver(entries => {}, props.rootMargin ? {
-      root: props.rootRef,
-      rootMargin: props.rootMargin
-    } : undefined);
-    watch(isIntersecting, async val => {
-      if (val) emit('intersect', props.side);
-    });
-    useRender(() => createVNode("div", {
-      "class": "v-infinite-scroll-intersect",
-      "ref": intersectionRef
-    }, [createTextVNode("\xA0")]));
-    return {};
-  }
-});
-const VInfiniteScroll = genericComponent()({
-  name: 'VInfiniteScroll',
-  props: makeVInfiniteScrollProps(),
-  emits: {
-    load: options => true
-  },
-  setup(props, _ref2) {
-    let {
-      slots,
-      emit
-    } = _ref2;
-    const rootEl = ref();
-    const startStatus = ref('ok');
-    const endStatus = ref('ok');
-    const margin = computed(() => convertToUnit(props.margin));
-    function setScrollAmount(amount) {
-      if (!rootEl.value) return;
-      const property = props.direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
-      rootEl.value[property] = amount;
-    }
-    function getScrollAmount() {
-      if (!rootEl.value) return 0;
-      const property = props.direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
-      return rootEl.value[property];
-    }
-    function getScrollSize() {
-      if (!rootEl.value) return 0;
-      const property = props.direction === 'vertical' ? 'scrollHeight' : 'scrollWidth';
-      return rootEl.value[property];
-    }
-    function getContainerSize() {
-      if (!rootEl.value) return 0;
-      const property = props.direction === 'vertical' ? 'clientHeight' : 'clientWidth';
-      return rootEl.value[property];
-    }
-    onMounted(() => {
-      if (!rootEl.value) return;
-      if (props.side === 'start') {
-        setScrollAmount(getScrollSize());
-      } else if (props.side === 'both') {
-        setScrollAmount(getScrollSize() / 2 - getContainerSize() / 2);
-      }
-    });
-    function setStatus(side, status) {
-      if (side === 'start') {
-        startStatus.value = status;
-      } else if (side === 'end') {
-        endStatus.value = status;
-      }
-    }
-    function getStatus(side) {
-      return side === 'start' ? startStatus.value : endStatus.value;
-    }
-    let previousScrollSize = 0;
-    function handleIntersect(side) {
-      const status = getStatus(side);
-      if (!rootEl.value || status === 'loading') return;
-      previousScrollSize = getScrollSize();
-      setStatus(side, 'loading');
-      function done(status) {
-        setStatus(side, status);
-        nextTick(() => {
-          if (status === 'ok' && side === 'start') {
-            setScrollAmount(getScrollSize() - previousScrollSize + getScrollAmount());
-          }
-        });
-      }
-      emit('load', {
-        side,
-        done
-      });
-    }
-    const {
-      t
-    } = useLocale();
-    function renderSide(side, status) {
-      if (props.side !== side && props.side !== 'both') return;
-      const onClick = () => handleIntersect(side);
-      const slotProps = {
-        side,
-        props: {
-          onClick,
-          color: props.color
-        }
-      };
-      if (status === 'error') return slots.error?.(slotProps);
-      if (status === 'empty') return slots.empty?.(slotProps) ?? createVNode("div", null, [t(props.emptyText)]);
-      if (props.mode === 'manual') {
-        if (status === 'loading') {
-          return slots.loading?.(slotProps) ?? createVNode(VProgressCircular, {
-            "indeterminate": true,
-            "color": props.color
-          }, null);
-        }
-        return slots['load-more']?.(slotProps) ?? createVNode(VBtn, {
-          "variant": "outlined",
-          "color": props.color,
-          "onClick": onClick
-        }, {
-          default: () => [t(props.loadMoreText)]
-        });
-      }
-      return slots.loading?.(slotProps) ?? createVNode(VProgressCircular, {
-        "indeterminate": true,
-        "color": props.color
-      }, null);
+const firstDay = {
+  '001': 1,
+  AD: 1,
+  AE: 6,
+  AF: 6,
+  AG: 0,
+  AI: 1,
+  AL: 1,
+  AM: 1,
+  AN: 1,
+  AR: 1,
+  AS: 0,
+  AT: 1,
+  AU: 1,
+  AX: 1,
+  AZ: 1,
+  BA: 1,
+  BD: 0,
+  BE: 1,
+  BG: 1,
+  BH: 6,
+  BM: 1,
+  BN: 1,
+  BR: 0,
+  BS: 0,
+  BT: 0,
+  BW: 0,
+  BY: 1,
+  BZ: 0,
+  CA: 0,
+  CH: 1,
+  CL: 1,
+  CM: 1,
+  CN: 1,
+  CO: 0,
+  CR: 1,
+  CY: 1,
+  CZ: 1,
+  DE: 1,
+  DJ: 6,
+  DK: 1,
+  DM: 0,
+  DO: 0,
+  DZ: 6,
+  EC: 1,
+  EE: 1,
+  EG: 6,
+  ES: 1,
+  ET: 0,
+  FI: 1,
+  FJ: 1,
+  FO: 1,
+  FR: 1,
+  GB: 1,
+  'GB-alt-variant': 0,
+  GE: 1,
+  GF: 1,
+  GP: 1,
+  GR: 1,
+  GT: 0,
+  GU: 0,
+  HK: 0,
+  HN: 0,
+  HR: 1,
+  HU: 1,
+  ID: 0,
+  IE: 1,
+  IL: 0,
+  IN: 0,
+  IQ: 6,
+  IR: 6,
+  IS: 1,
+  IT: 1,
+  JM: 0,
+  JO: 6,
+  JP: 0,
+  KE: 0,
+  KG: 1,
+  KH: 0,
+  KR: 0,
+  KW: 6,
+  KZ: 1,
+  LA: 0,
+  LB: 1,
+  LI: 1,
+  LK: 1,
+  LT: 1,
+  LU: 1,
+  LV: 1,
+  LY: 6,
+  MC: 1,
+  MD: 1,
+  ME: 1,
+  MH: 0,
+  MK: 1,
+  MM: 0,
+  MN: 1,
+  MO: 0,
+  MQ: 1,
+  MT: 0,
+  MV: 5,
+  MX: 0,
+  MY: 1,
+  MZ: 0,
+  NI: 0,
+  NL: 1,
+  NO: 1,
+  NP: 0,
+  NZ: 1,
+  OM: 6,
+  PA: 0,
+  PE: 0,
+  PH: 0,
+  PK: 0,
+  PL: 1,
+  PR: 0,
+  PT: 0,
+  PY: 0,
+  QA: 6,
+  RE: 1,
+  RO: 1,
+  RS: 1,
+  RU: 1,
+  SA: 0,
+  SD: 6,
+  SE: 1,
+  SG: 0,
+  SI: 1,
+  SK: 1,
+  SM: 1,
+  SV: 0,
+  SY: 6,
+  TH: 0,
+  TJ: 1,
+  TM: 1,
+  TR: 1,
+  TT: 0,
+  TW: 0,
+  UA: 1,
+  UM: 0,
+  US: 0,
+  UY: 1,
+  UZ: 1,
+  VA: 1,
+  VE: 0,
+  VI: 0,
+  VN: 1,
+  WS: 0,
+  XK: 1,
+  YE: 0,
+  ZA: 0,
+  ZW: 0
+};
+function getWeekArray(date, locale) {
+  const weeks = [];
+  let currentWeek = [];
+  const firstDayOfMonth = startOfMonth(date);
+  const lastDayOfMonth = endOfMonth(date);
+  const firstDayWeekIndex = firstDayOfMonth.getDay() - firstDay[locale.slice(-2).toUpperCase()];
+  const lastDayWeekIndex = lastDayOfMonth.getDay() - firstDay[locale.slice(-2).toUpperCase()];
+  for (let i = 0; i < firstDayWeekIndex; i++) {
+    const adjacentDay = new Date(firstDayOfMonth);
+    adjacentDay.setDate(adjacentDay.getDate() - (firstDayWeekIndex - i));
+    currentWeek.push(adjacentDay);
+  }
+  for (let i = 1; i <= lastDayOfMonth.getDate(); i++) {
+    const day = new Date(date.getFullYear(), date.getMonth(), i);
+
+    // Add the day to the current week
+    currentWeek.push(day);
+
+    // If the current week has 7 days, add it to the weeks array and start a new week
+    if (currentWeek.length === 7) {
+      weeks.push(currentWeek);
+      currentWeek = [];
     }
-    const {
-      dimensionStyles
-    } = useDimension(props);
-    useRender(() => {
-      const Tag = props.tag;
-      const hasStartIntersect = props.side === 'start' || props.side === 'both';
-      const hasEndIntersect = props.side === 'end' || props.side === 'both';
-      const intersectMode = props.mode === 'intersect';
-      return createVNode(Tag, {
-        "ref": rootEl,
-        "class": ['v-infinite-scroll', `v-infinite-scroll--${props.direction}`, {
-          'v-infinite-scroll--start': hasStartIntersect,
-          'v-infinite-scroll--end': hasEndIntersect
-        }],
-        "style": dimensionStyles.value
-      }, {
-        default: () => [createVNode("div", {
-          "class": "v-infinite-scroll__side"
-        }, [renderSide('start', startStatus.value)]), rootEl.value && hasStartIntersect && intersectMode && createVNode(VInfiniteScrollIntersect, {
-          "key": "start",
-          "side": "start",
-          "onIntersect": handleIntersect,
-          "rootRef": rootEl.value,
-          "rootMargin": margin.value
-        }, null), slots.default?.(), rootEl.value && hasEndIntersect && intersectMode && createVNode(VInfiniteScrollIntersect, {
-          "key": "end",
-          "side": "end",
-          "onIntersect": handleIntersect,
-          "rootRef": rootEl.value,
-          "rootMargin": margin.value
-        }, null), createVNode("div", {
-          "class": "v-infinite-scroll__side"
-        }, [renderSide('end', endStatus.value)])]
-      });
-    });
   }
-});
+  for (let i = 1; i < 7 - lastDayWeekIndex; i++) {
+    const adjacentDay = new Date(lastDayOfMonth);
+    adjacentDay.setDate(adjacentDay.getDate() + i);
+    currentWeek.push(adjacentDay);
+  }
+  weeks.push(currentWeek);
+  return weeks;
+}
+function startOfMonth(date) {
+  return new Date(date.getFullYear(), date.getMonth(), 1);
+}
+function endOfMonth(date) {
+  return new Date(date.getFullYear(), date.getMonth() + 1, 0);
+}
+function date(value) {
+  if (value == null) return new Date();
+  if (value instanceof Date) return value;
+  if (typeof value === 'string') {
+    const parsed = Date.parse(value);
+    if (!isNaN(parsed)) return new Date(parsed);
+  }
+  return null;
+}
+const sundayJanuarySecond2000 = new Date(2000, 0, 2);
+function getWeekdays(locale) {
+  const daysFromSunday = firstDay[locale.slice(-2).toUpperCase()];
+  return createRange(7).map(i => {
+    const weekday = new Date(sundayJanuarySecond2000);
+    weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
+    return new Intl.DateTimeFormat(locale, {
+      weekday: 'short'
+    }).format(weekday);
+  });
+}
+function format(value, formatString, locale) {
+  const date = new Date(value);
+  let options = {};
+  switch (formatString) {
+    case 'fullDateWithWeekday':
+      options = {
+        weekday: 'long',
+        day: 'numeric',
+        month: 'long',
+        year: 'numeric'
+      };
+      break;
+    case 'normalDateWithWeekday':
+      options = {
+        weekday: 'short',
+        day: 'numeric',
+        month: 'short'
+      };
+      break;
+    case 'keyboardDate':
+      options = {};
+      break;
+    case 'monthAndDate':
+      options = {
+        month: 'long',
+        day: 'numeric'
+      };
+      break;
+    case 'monthAndYear':
+      options = {
+        month: 'long',
+        year: 'numeric'
+      };
+      break;
+    case 'dayOfMonth':
+      options = {
+        day: 'numeric'
+      };
+      break;
+    default:
+      options = {
+        timeZone: 'UTC',
+        timeZoneName: 'short'
+      };
+  }
+  return new Intl.DateTimeFormat(locale, options).format(date);
+}
+function addDays(date, amount) {
+  const d = new Date(date);
+  d.setDate(d.getDate() + amount);
+  return d;
+}
+function addMonths(date, amount) {
+  const d = new Date(date);
+  d.setMonth(d.getMonth() + amount);
+  return d;
+}
+function getYear(date) {
+  return date.getFullYear();
+}
+function getMonth(date) {
+  return date.getMonth();
+}
+function startOfYear(date) {
+  return new Date(date.getFullYear(), 0, 1);
+}
+function endOfYear(date) {
+  return new Date(date.getFullYear(), 11, 31);
+}
+function isWithinRange(date, range) {
+  return isAfter(date, range[0]) && isBefore(date, range[1]);
+}
+function isValid(date) {
+  const d = new Date(date);
+  return d instanceof Date && !isNaN(d.getTime());
+}
+function isAfter(date, comparing) {
+  return date.getTime() > comparing.getTime();
+}
+function isBefore(date, comparing) {
+  return date.getTime() < comparing.getTime();
+}
+function isEqual(date, comparing) {
+  return date.getTime() === comparing.getTime();
+}
+function isSameDay(date, comparing) {
+  return date.getDate() === comparing.getDate() && date.getMonth() === comparing.getMonth() && date.getFullYear() === comparing.getFullYear();
+}
+function isSameMonth(date, comparing) {
+  return date.getMonth() === comparing.getMonth() && date.getFullYear() === comparing.getFullYear();
+}
+function getDiff(date, comparing, unit) {
+  const d = new Date(date);
+  const c = new Date(comparing);
+  if (unit === 'month') {
+    return d.getMonth() - c.getMonth() + (d.getFullYear() - c.getFullYear()) * 12;
+  }
+  return Math.floor((d.getTime() - c.getTime()) / (1000 * 60 * 60 * 24));
+}
+function setYear(date, year) {
+  const d = new Date(date);
+  d.setFullYear(year);
+  return d;
+}
+class VuetifyDateAdapter {
+  constructor(options) {
+    this.locale = options.locale;
+  }
+  date(value) {
+    return date(value);
+  }
+  toJsDate(date) {
+    return date;
+  }
+  addDays(date, amount) {
+    return addDays(date, amount);
+  }
+  addMonths(date, amount) {
+    return addMonths(date, amount);
+  }
+  getWeekArray(date) {
+    return getWeekArray(date, this.locale);
+  }
+  startOfMonth(date) {
+    return startOfMonth(date);
+  }
+  endOfMonth(date) {
+    return endOfMonth(date);
+  }
+  format(date, formatString) {
+    return format(date, formatString, this.locale);
+  }
+  isEqual(date, comparing) {
+    return isEqual(date, comparing);
+  }
+  isValid(date) {
+    return isValid(date);
+  }
+  isWithinRange(date, range) {
+    return isWithinRange(date, range);
+  }
+  isAfter(date, comparing) {
+    return isAfter(date, comparing);
+  }
+  isBefore(date, comparing) {
+    return !isAfter(date, comparing) && !isEqual(date, comparing);
+  }
+  isSameDay(date, comparing) {
+    return isSameDay(date, comparing);
+  }
+  isSameMonth(date, comparing) {
+    return isSameMonth(date, comparing);
+  }
+  setYear(date, year) {
+    return setYear(date, year);
+  }
+  getDiff(date, comparing, unit) {
+    return getDiff(date, comparing, unit);
+  }
+  getWeekdays() {
+    return getWeekdays(this.locale);
+  }
+  getYear(date) {
+    return getYear(date);
+  }
+  getMonth(date) {
+    return getMonth(date);
+  }
+  startOfYear(date) {
+    return startOfYear(date);
+  }
+  endOfYear(date) {
+    return endOfYear(date);
+  }
+}
+
+// Composables
 
 // Types
 
-const rootTypes = {
-  actions: 'button@2',
-  article: 'heading, paragraph',
-  avatar: 'avatar',
-  button: 'button',
-  card: 'image, heading',
-  'card-avatar': 'image, list-item-avatar',
-  chip: 'chip',
-  'date-picker': 'list-item, heading, divider, date-picker-options, date-picker-days, actions',
-  'date-picker-options': 'text, avatar@2',
-  'date-picker-days': 'avatar@28',
-  divider: 'divider',
-  heading: 'heading',
-  image: 'image',
-  'list-item': 'text',
-  'list-item-avatar': 'avatar, text',
-  'list-item-two-line': 'sentences',
-  'list-item-avatar-two-line': 'avatar, sentences',
-  'list-item-three-line': 'paragraph',
-  'list-item-avatar-three-line': 'avatar, paragraph',
-  paragraph: 'text@3',
-  sentences: 'text@2',
-  subtitle: 'text',
-  table: 'table-heading, table-thead, table-tbody, table-tfoot',
-  'table-heading': 'chip, text',
-  'table-thead': 'heading@6',
-  'table-tbody': 'table-row-divider@6',
-  'table-row-divider': 'table-row, divider',
-  'table-row': 'text@6',
-  'table-tfoot': 'text@2, avatar@2',
-  text: 'text'
-};
-function genBone(type) {
-  let children = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return createVNode("div", {
-    "class": ['v-skeleton-loader__bone', `v-skeleton-loader__${type}`]
-  }, [children]);
+const DateAdapterSymbol = Symbol.for('vuetify:date-adapter');
+function createDate(options) {
+  return mergeDeep({
+    adapter: VuetifyDateAdapter,
+    locale: {
+      af: 'af-ZA',
+      // ar: '', # not the same value for all variants
+      bg: 'bg-BG',
+      ca: 'ca-ES',
+      ckb: '',
+      cs: '',
+      de: 'de-DE',
+      el: 'el-GR',
+      en: 'en-US',
+      // es: '', # not the same value for all variants
+      et: 'et-EE',
+      fa: 'fa-IR',
+      fi: 'fi-FI',
+      // fr: '', #not the same value for all variants
+      hr: 'hr-HR',
+      hu: 'hu-HU',
+      he: 'he-IL',
+      id: 'id-ID',
+      it: 'it-IT',
+      ja: 'ja-JP',
+      ko: 'ko-KR',
+      lv: 'lv-LV',
+      lt: 'lt-LT',
+      nl: 'nl-NL',
+      no: 'nn-NO',
+      pl: 'pl-PL',
+      pt: 'pt-PT',
+      ro: 'ro-RO',
+      ru: 'ru-RU',
+      sk: 'sk-SK',
+      sl: 'sl-SI',
+      srCyrl: 'sr-SP',
+      srLatn: 'sr-SP',
+      sv: 'sv-SE',
+      th: 'th-TH',
+      tr: 'tr-TR',
+      az: 'az-AZ',
+      uk: 'uk-UA',
+      vi: 'vi-VN',
+      zhHans: 'zh-CN',
+      zhHant: 'zh-TW'
+    }
+  }, options);
+}
+function useDate() {
+  const date = inject$1(DateAdapterSymbol);
+  const locale = useLocale();
+  if (!date) throw new Error('[Vuetify] Could not find injected date');
+  const instance = typeof date.adapter === 'function'
+  // eslint-disable-next-line new-cap
+  ? new date.adapter({
+    locale: date.locale?.[locale.current.value] ?? locale.current.value
+  }) : date.adapter;
+  watch(locale.current, value => {
+    const newLocale = date.locale ? date.locale[value] : value;
+    instance.locale = newLocale ?? instance.locale;
+  });
+  return instance;
+}
+function toIso(adapter, value) {
+  const date = adapter.toJsDate(value);
+  return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+}
+function getMondayOfFirstWeekOfYear(year) {
+  return new Date(year, 0, 1);
 }
-function genBones(bone) {
-  // e.g. 'text@3'
-  const [type, length] = bone.split('@');
 
-  // Generate a length array based upon
-  // value after @ in the bone string
-  return Array.from({
-    length
-  }).map(() => genStructure(type));
+// https://stackoverflow.com/questions/274861/how-do-i-calculate-the-week-number-given-a-date/275024#275024
+function getWeek(adapter, value) {
+  const date = adapter.toJsDate(value);
+  let year = date.getFullYear();
+  let d1w1 = getMondayOfFirstWeekOfYear(year);
+  if (date < d1w1) {
+    year = year - 1;
+    d1w1 = getMondayOfFirstWeekOfYear(year);
+  } else {
+    const tv = getMondayOfFirstWeekOfYear(year + 1);
+    if (date >= tv) {
+      year = year + 1;
+      d1w1 = tv;
+    }
+  }
+  const diffTime = Math.abs(date.getTime() - d1w1.getTime());
+  const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
+  return Math.floor(diffDays / 7) + 1;
 }
-function genStructure(type) {
-  let children = [];
-  if (!type) return children;
 
-  // TODO: figure out a better way to type this
-  const bone = rootTypes[type];
+// Composables
+
+// Types
+
+const makeDateProps = propsFactory({
+  modelValue: {
+    type: null,
+    default: () => []
+  },
+  displayDate: {
+    type: null,
+    default: new Date()
+  },
+  inputMode: {
+    type: String,
+    default: 'calendar'
+  },
+  viewMode: {
+    type: String,
+    default: 'month'
+  },
+  format: String
+}, 'date');
+const dateEmits = {
+  'update:modelValue': date => true,
+  'update:displayDate': date => true,
+  'update:focused': focused => true,
+  'update:inputMode': inputMode => true,
+  'update:viewMode': viewMode => true
+};
+
+const makeVDatePickerControlsProps = propsFactory({
+  nextIcon: {
+    type: [String],
+    default: '$next'
+  },
+  prevIcon: {
+    type: [String],
+    default: '$prev'
+  },
+  expandIcon: {
+    type: [String],
+    default: '$expand'
+  },
+  collapseIcon: {
+    type: [String],
+    default: '$collapse'
+  },
+  range: {
+    default: false,
+    type: [String, Boolean],
+    validator: v => v === false || ['start', 'end'].includes(v)
+  },
+  ...omit(makeDateProps(), ['modelValue', 'inputMode'])
+}, 'VDatePickerControls');
+const VDatePickerControls = genericComponent()({
+  name: 'VDatePickerControls',
+  props: makeVDatePickerControlsProps(),
+  emits: {
+    ...omit(dateEmits, ['update:modelValue', 'update:inputMode'])
+  },
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+    const adapter = useDate();
+    const monthAndYear = computed(() => {
+      const month = props.range === 'end' ? adapter.addMonths(props.displayDate, 1) : props.displayDate;
+      return adapter.format(month, 'monthAndYear');
+    });
+    useRender(() => {
+      const prevBtn = createVNode(VBtn, {
+        "variant": "text",
+        "icon": props.prevIcon,
+        "onClick": () => emit('update:displayDate', adapter.addMonths(props.displayDate, -1))
+      }, null);
+      const nextBtn = createVNode(VBtn, {
+        "variant": "text",
+        "icon": props.nextIcon,
+        "onClick": () => emit('update:displayDate', adapter.addMonths(props.displayDate, 1))
+      }, null);
+      return createVNode("div", {
+        "class": "v-date-picker-controls"
+      }, [props.viewMode === 'month' && props.range === 'start' && prevBtn, !!props.range && createVNode(VSpacer, {
+        "key": "range-spacer"
+      }, null), createVNode("div", {
+        "class": "v-date-picker-controls__date"
+      }, [monthAndYear.value]), createVNode(VBtn, {
+        "key": "expand-btn",
+        "variant": "text",
+        "icon": props.viewMode === 'month' ? props.expandIcon : props.collapseIcon,
+        "onClick": () => emit('update:viewMode', props.viewMode === 'month' ? 'year' : 'month')
+      }, null), createVNode(VSpacer, null, null), props.viewMode === 'month' && !props.range && createVNode("div", {
+        "key": "month-buttons"
+      }, [prevBtn, nextBtn]), props.viewMode === 'month' && props.range === 'end' && nextBtn]);
+    });
+    return {};
+  }
+});
+
+// Utilities
 
-  // End of recursion, do nothing
-  /* eslint-disable-next-line no-empty, brace-style */
-  if (type === bone) ;
-  // Array of values - e.g. 'heading, paragraph, text@2'
-  else if (type.includes(',')) return mapBones(type);
-  // Array of values - e.g. 'paragraph@4'
-  else if (type.includes('@')) return genBones(type);
-  // Array of values - e.g. 'card@2'
-  else if (bone.includes(',')) children = mapBones(bone);
-  // Array of values - e.g. 'list-item@2'
-  else if (bone.includes('@')) children = genBones(bone);
-  // Single value - e.g. 'card-heading'
-  else if (bone) children.push(genStructure(bone));
-  return [genBone(type, children)];
+// Types
+
+const DatePickerSymbol = Symbol.for('vuetify:date-picker');
+function createDatePicker(props) {
+  const hoverDate = ref();
+  const hoverMonth = ref();
+  const isDragging = ref(false);
+  const dragHandle = ref(null);
+  const hasScrolled = ref(false);
+  provide(DatePickerSymbol, {
+    hoverDate,
+    hoverMonth,
+    isDragging,
+    dragHandle,
+    hasScrolled
+  });
+  return {
+    hoverDate,
+    hoverMonth,
+    isDragging,
+    dragHandle,
+    hasScrolled
+  };
 }
-function mapBones(bones) {
-  // Remove spaces and return array of structures
-  return bones.replace(/\s/g, '').split(',').map(genStructure);
+function useDatePicker() {
+  const datePicker = inject$1(DatePickerSymbol);
+  if (!datePicker) throw new Error('foo');
+  return datePicker;
 }
-const makeVSkeletonLoaderProps = propsFactory({
-  boilerplate: Boolean,
+
+const makeVDatePickerMonthProps = propsFactory({
   color: String,
-  loading: Boolean,
-  loadingText: {
-    type: String,
-    default: '$vuetify.loading'
+  showAdjacentMonths: Boolean,
+  hideWeekdays: Boolean,
+  showWeek: Boolean,
+  range: {
+    default: false,
+    type: [String, Boolean],
+    validator: v => typeof v === 'boolean' || ['start', 'end'].includes(v)
   },
-  type: {
-    type: [String, Array],
-    default: 'image'
+  hoverDate: null,
+  multiple: Boolean,
+  side: {
+    type: String
+  },
+  ...omit(makeDateProps(), ['inputMode', 'viewMode'])
+}, 'VDatePickerMonth');
+const VDatePickerMonth = genericComponent()({
+  name: 'VDatePickerMonth',
+  props: makeVDatePickerMonthProps({
+    color: 'surface-variant'
+  }),
+  emits: {
+    ...omit(dateEmits, ['update:inputMode', 'update:viewMode']),
+    'update:hoverDate': date => true
   },
-  ...makeDimensionProps(),
-  ...makeElevationProps(),
-  ...makeThemeProps()
-}, 'VSkeletonLoader');
-const VSkeletonLoader = genericComponent()({
-  name: 'VSkeletonLoader',
-  props: makeVSkeletonLoaderProps(),
   setup(props, _ref) {
     let {
+      emit,
       slots
     } = _ref;
+    const adapter = useDate();
+    const {
+      isDragging,
+      dragHandle,
+      hasScrolled
+    } = useDatePicker();
+    const month = computed(() => props.displayDate);
+    const findClosestDate = (date, dates) => {
+      const {
+        isSameDay,
+        getDiff
+      } = adapter;
+      const [startDate, endDate] = dates;
+      if (isSameDay(startDate, endDate)) {
+        return getDiff(date, startDate, 'days') > 0 ? endDate : startDate;
+      }
+      const distStart = Math.abs(getDiff(date, startDate));
+      const distEnd = Math.abs(getDiff(date, endDate));
+      return distStart < distEnd ? startDate : endDate;
+    };
+
+    // const hoverRange = computed<[any, any] | null>(() => {
+    //   if (!props.hoverDate) return null
+
+    //   const closestDate = findClosestDate(props.hoverDate, props.modelValue)
+
+    //   if (!closestDate) return null
+
+    //   return adapter.isAfter(props.hoverDate, closestDate) ? [closestDate, props.hoverDate] : [props.hoverDate, closestDate]
+    // })
+
+    const weeksInMonth = computed(() => {
+      const weeks = adapter.getWeekArray(month.value);
+      const days = weeks.flat();
+
+      // Make sure there's always 6 weeks in month (6 * 7 days)
+      // But only do it if we're not hiding adjacent months?
+      const daysInMonth = 6 * 7;
+      if (days.length < daysInMonth && props.showAdjacentMonths) {
+        const lastDay = days[days.length - 1];
+        let week = [];
+        for (let day = 1; day <= daysInMonth - days.length; day++) {
+          week.push(adapter.addDays(lastDay, day));
+          if (day % 7 === 0) {
+            weeks.push(week);
+            week = [];
+          }
+        }
+      }
+      return weeks;
+    });
+    const daysInMonth = computed(() => {
+      const validDates = props.modelValue.filter(v => !!v);
+      const isRange = validDates.length > 1;
+      const days = weeksInMonth.value.flat();
+      const today = adapter.date();
+      const startDate = validDates[0];
+      const endDate = validDates[1];
+      return days.map((date, index) => {
+        const isStart = startDate && adapter.isSameDay(date, startDate);
+        const isEnd = endDate && adapter.isSameDay(date, endDate);
+        const isAdjacent = !adapter.isSameMonth(date, month.value);
+        const isSame = validDates.length === 2 && adapter.isSameDay(startDate, endDate);
+        return {
+          date,
+          isoDate: toIso(adapter, date),
+          formatted: adapter.format(date, 'keyboardDate'),
+          year: adapter.getYear(date),
+          month: adapter.getMonth(date),
+          isWeekStart: index % 7 === 0,
+          isWeekEnd: index % 7 === 6,
+          isSelected: isStart || isEnd,
+          isStart,
+          isEnd,
+          isToday: adapter.isSameDay(date, today),
+          isAdjacent,
+          isHidden: isAdjacent && !props.showAdjacentMonths,
+          inRange: isRange && !isSame && (isStart || isEnd || validDates.length === 2 && adapter.isWithinRange(date, validDates)),
+          // isHovered: props.hoverDate === date,
+          // inHover: hoverRange.value && isWithinRange(date, hoverRange.value),
+          isHovered: false,
+          inHover: false,
+          localized: adapter.format(date, 'dayOfMonth')
+        };
+      });
+    });
+    const weeks = computed(() => {
+      return weeksInMonth.value.map(week => {
+        return getWeek(adapter, week[0]);
+      });
+    });
     const {
       backgroundColorClasses,
       backgroundColorStyles
-    } = useBackgroundColor(toRef(props, 'color'));
-    const {
-      dimensionStyles
-    } = useDimension(props);
-    const {
-      elevationClasses
-    } = useElevation(props);
-    const {
-      themeClasses
-    } = provideTheme(props);
-    const {
-      t
-    } = useLocale();
-    const items = computed(() => genStructure(wrapInArray(props.type).join(',')));
-    useRender(() => {
-      const isLoading = !slots.default || props.loading;
-      return createVNode("div", {
-        "class": ['v-skeleton-loader', {
-          'v-skeleton-loader--boilerplate': props.boilerplate
-        }, themeClasses.value, backgroundColorClasses.value, elevationClasses.value],
-        "style": [backgroundColorStyles.value, isLoading ? dimensionStyles.value : {}],
-        "aria-busy": !props.boilerplate ? isLoading : undefined,
-        "aria-live": !props.boilerplate ? 'polite' : undefined,
-        "aria-label": !props.boilerplate ? t(props.loadingText) : undefined,
-        "role": !props.boilerplate ? 'alert' : undefined
-      }, [isLoading ? items.value : slots.default?.()]);
-    });
-    return {};
-  }
-});
-
-var components = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  VAlert: VAlert,
-  VAlertTitle: VAlertTitle,
-  VApp: VApp,
-  VAppBar: VAppBar,
-  VAppBarNavIcon: VAppBarNavIcon,
-  VAppBarTitle: VAppBarTitle,
-  VAutocomplete: VAutocomplete,
-  VAvatar: VAvatar,
-  VBadge: VBadge,
-  VBanner: VBanner,
-  VBannerActions: VBannerActions,
-  VBannerText: VBannerText,
-  VBottomNavigation: VBottomNavigation,
-  VBottomSheet: VBottomSheet,
-  VBreadcrumbs: VBreadcrumbs,
-  VBreadcrumbsDivider: VBreadcrumbsDivider,
-  VBreadcrumbsItem: VBreadcrumbsItem,
-  VBtn: VBtn,
-  VBtnGroup: VBtnGroup,
-  VBtnToggle: VBtnToggle,
-  VCard: VCard,
-  VCardActions: VCardActions,
-  VCardItem: VCardItem,
-  VCardSubtitle: VCardSubtitle,
-  VCardText: VCardText,
-  VCardTitle: VCardTitle,
-  VCarousel: VCarousel,
-  VCarouselItem: VCarouselItem,
-  VCheckbox: VCheckbox,
-  VCheckboxBtn: VCheckboxBtn,
-  VChip: VChip,
-  VChipGroup: VChipGroup,
-  VClassIcon: VClassIcon,
-  VCode: VCode,
-  VCol: VCol,
-  VColorPicker: VColorPicker,
-  VCombobox: VCombobox,
-  VComponentIcon: VComponentIcon,
-  VContainer: VContainer,
-  VCounter: VCounter,
-  VDataIterator: VDataIterator,
-  VDataTable: VDataTable,
-  VDataTableFooter: VDataTableFooter,
-  VDataTableRow: VDataTableRow,
-  VDataTableRows: VDataTableRows,
-  VDataTableServer: VDataTableServer,
-  VDataTableVirtual: VDataTableVirtual,
-  VDefaultsProvider: VDefaultsProvider,
-  VDialog: VDialog,
-  VDialogBottomTransition: VDialogBottomTransition,
-  VDialogTopTransition: VDialogTopTransition,
-  VDialogTransition: VDialogTransition,
-  VDivider: VDivider,
-  VExpandTransition: VExpandTransition,
-  VExpandXTransition: VExpandXTransition,
-  VExpansionPanel: VExpansionPanel,
-  VExpansionPanelText: VExpansionPanelText,
-  VExpansionPanelTitle: VExpansionPanelTitle,
-  VExpansionPanels: VExpansionPanels,
-  VFabTransition: VFabTransition,
-  VFadeTransition: VFadeTransition,
-  VField: VField,
-  VFieldLabel: VFieldLabel,
-  VFileInput: VFileInput,
-  VFooter: VFooter,
-  VForm: VForm,
-  VHover: VHover,
-  VIcon: VIcon,
-  VImg: VImg,
-  VInfiniteScroll: VInfiniteScroll,
-  VInput: VInput,
-  VItem: VItem,
-  VItemGroup: VItemGroup,
-  VKbd: VKbd,
-  VLabel: VLabel,
-  VLayout: VLayout,
-  VLayoutItem: VLayoutItem,
-  VLazy: VLazy,
-  VLigatureIcon: VLigatureIcon,
-  VList: VList,
-  VListGroup: VListGroup,
-  VListImg: VListImg,
-  VListItem: VListItem,
-  VListItemAction: VListItemAction,
-  VListItemMedia: VListItemMedia,
-  VListItemSubtitle: VListItemSubtitle,
-  VListItemTitle: VListItemTitle,
-  VListSubheader: VListSubheader,
-  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,
-  VRow: VRow,
-  VScaleTransition: VScaleTransition,
-  VScrollXReverseTransition: VScrollXReverseTransition,
-  VScrollXTransition: VScrollXTransition,
-  VScrollYReverseTransition: VScrollYReverseTransition,
-  VScrollYTransition: VScrollYTransition,
-  VSelect: VSelect,
-  VSelectionControl: VSelectionControl,
-  VSelectionControlGroup: VSelectionControlGroup,
-  VSheet: VSheet,
-  VSkeletonLoader: VSkeletonLoader,
-  VSlideGroup: VSlideGroup,
-  VSlideGroupItem: VSlideGroupItem,
-  VSlideXReverseTransition: VSlideXReverseTransition,
-  VSlideXTransition: VSlideXTransition,
-  VSlideYReverseTransition: VSlideYReverseTransition,
-  VSlideYTransition: VSlideYTransition,
-  VSlider: VSlider,
-  VSnackbar: VSnackbar,
-  VSpacer: VSpacer,
-  VSvgIcon: VSvgIcon,
-  VSwitch: VSwitch,
-  VSystemBar: VSystemBar,
-  VTab: VTab,
-  VTable: VTable,
-  VTabs: VTabs,
-  VTextField: VTextField,
-  VTextarea: VTextarea,
-  VThemeProvider: VThemeProvider,
-  VTimeline: VTimeline,
-  VTimelineItem: VTimelineItem,
-  VToolbar: VToolbar,
-  VToolbarItems: VToolbarItems,
-  VToolbarTitle: VToolbarTitle,
-  VTooltip: VTooltip,
-  VValidation: VValidation,
-  VVirtualScroll: VVirtualScroll,
-  VWindow: VWindow,
-  VWindowItem: VWindowItem
+    } = useBackgroundColor(props, 'color');
+    function selectDate(date) {
+      let newModel = props.modelValue.slice();
+      if (props.multiple) {
+        if (isDragging.value && dragHandle.value != null) {
+          const otherIndex = (dragHandle.value + 1) % 2;
+          const fn = otherIndex === 0 ? 'isBefore' : 'isAfter';
+          if (adapter[fn](date, newModel[otherIndex])) {
+            newModel[dragHandle.value] = newModel[otherIndex];
+            newModel[otherIndex] = date;
+            dragHandle.value = otherIndex;
+          } else {
+            newModel[dragHandle.value] = date;
+          }
+        } else {
+          if (newModel.find(d => adapter.isSameDay(d, date))) {
+            newModel = newModel.filter(v => !adapter.isSameDay(v, date));
+          } else if (newModel.length === 2) {
+            let index;
+            if (!props.side || adapter.isSameMonth(newModel[0], newModel[1])) {
+              const closest = findClosestDate(date, newModel);
+              index = newModel.indexOf(closest);
+            } else {
+              index = props.side === 'start' ? 0 : props.side === 'end' ? 1 : undefined;
+            }
+            newModel = newModel.map((v, i) => i === index ? date : v);
+          } else {
+            if (newModel[0] && adapter.isBefore(newModel[0], date)) {
+              newModel = [newModel[0], date];
+            } else {
+              newModel = [date, newModel[0]];
+            }
+          }
+        }
+      } else {
+        newModel = [date];
+      }
+      emit('update:modelValue', newModel.filter(v => !!v));
+    }
+    const daysRef = ref();
+    function findElement(el) {
+      if (!el || el === daysRef.value) return null;
+      if ('vDate' in el.dataset) {
+        return adapter.date(el.dataset.vDate);
+      }
+      return findElement(el.parentElement);
+    }
+    function findDate(e) {
+      const x = 'changedTouches' in e ? e.changedTouches[0]?.clientX : e.clientX;
+      const y = 'changedTouches' in e ? e.changedTouches[0]?.clientY : e.clientY;
+      const el = document.elementFromPoint(x, y);
+      return findElement(el);
+    }
+    let canDrag = false;
+    function handleMousedown(e) {
+      hasScrolled.value = false;
+      const selected = findDate(e);
+      if (!selected) return;
+      const modelIndex = props.modelValue.findIndex(d => adapter.isEqual(d, selected));
+      if (modelIndex >= 0) {
+        canDrag = true;
+        dragHandle.value = modelIndex;
+        window.addEventListener('touchmove', handleTouchmove, {
+          passive: false
+        });
+        window.addEventListener('mousemove', handleTouchmove, {
+          passive: false
+        });
+        e.preventDefault();
+      }
+      window.addEventListener('touchend', handleTouchend, {
+        passive: false
+      });
+      window.addEventListener('mouseup', handleTouchend, {
+        passive: false
+      });
+    }
+    function handleTouchmove(e) {
+      if (!canDrag) return;
+      e.preventDefault();
+      isDragging.value = true;
+      const over = findDate(e);
+      if (!over) return;
+      selectDate(over);
+    }
+    function handleTouchend(e) {
+      if (e.cancelable) e.preventDefault();
+      window.removeEventListener('touchmove', handleTouchmove);
+      window.removeEventListener('mousemove', handleTouchmove);
+      window.removeEventListener('touchend', handleTouchend);
+      window.removeEventListener('mouseup', handleTouchend);
+      const end = findDate(e);
+      if (!end) return;
+      if (!hasScrolled.value) {
+        selectDate(end);
+      }
+      isDragging.value = false;
+      dragHandle.value = null;
+      canDrag = false;
+    }
+    return () => createVNode("div", {
+      "class": "v-date-picker-month"
+    }, [props.showWeek && createVNode("div", {
+      "key": "weeks",
+      "class": "v-date-picker-month__weeks"
+    }, [!props.hideWeekdays && createVNode("div", {
+      "key": "hide-week-days",
+      "class": "v-date-picker-month__day"
+    }, [createTextVNode("\xA0")]), weeks.value.map(week => createVNode("div", {
+      "class": ['v-date-picker-month__day', 'v-date-picker-month__day--adjacent']
+    }, [week]))]), createVNode("div", {
+      "ref": daysRef,
+      "class": "v-date-picker-month__days",
+      "onMousedown": handleMousedown,
+      "onTouchstart": handleMousedown
+    }, [!props.hideWeekdays && adapter.getWeekdays().map(weekDay => createVNode("div", {
+      "class": ['v-date-picker-month__day', 'v-date-picker-month__weekday']
+    }, [weekDay.charAt(0)])), daysInMonth.value.map((item, index) => createVNode("div", {
+      "class": ['v-date-picker-month__day', {
+        'v-date-picker-month__day--selected': item.isSelected,
+        'v-date-picker-month__day--start': item.isStart,
+        'v-date-picker-month__day--end': item.isEnd,
+        'v-date-picker-month__day--adjacent': item.isAdjacent,
+        'v-date-picker-month__day--hide-adjacent': item.isHidden,
+        'v-date-picker-month__day--week-start': item.isWeekStart,
+        'v-date-picker-month__day--week-end': item.isWeekEnd,
+        'v-date-picker-month__day--hovered': item.isHovered
+      }],
+      "data-v-date": !item.isHidden ? item.isoDate : undefined
+    }, [item.inRange && createVNode("div", {
+      "key": "in-range",
+      "class": ['v-date-picker-month__day--range', backgroundColorClasses.value],
+      "style": backgroundColorStyles.value
+    }, null), item.inHover && !item.isStart && !item.isEnd && !item.isHovered && !item.inRange && createVNode("div", {
+      "key": "in-hover",
+      "class": "v-date-picker-month__day--hover"
+    }, null), (props.showAdjacentMonths || !item.isAdjacent) && createVNode(VBtn, {
+      "icon": true,
+      "ripple": false,
+      "variant": (item.isToday || item.isHovered) && !item.isSelected ? 'outlined' : 'flat',
+      "active": item.isSelected,
+      "color": item.isSelected || item.isToday ? props.color : item.isHovered ? undefined : 'transparent'
+    }, {
+      default: () => [item.localized]
+    })]))])]);
+  }
+});
+
+const makeVDatePickerYearsProps = propsFactory({
+  color: String,
+  min: Number,
+  max: Number,
+  height: [String, Number],
+  displayDate: null
+}, 'VDatePickerYears');
+const VDatePickerYears = genericComponent()({
+  name: 'VDatePickerYears',
+  props: makeVDatePickerYearsProps(),
+  emits: {
+    'update:displayDate': date => true,
+    'update:viewMode': date => true
+  },
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+    const adapter = useDate();
+    const displayYear = computed(() => adapter.getYear(props.displayDate ?? new Date()));
+    const years = computed(() => {
+      const min = props.min ?? displayYear.value - 50 - 2;
+      const max = props.max ?? displayYear.value + 50;
+      return createRange(max - min, min);
+    });
+    const yearRef = ref();
+    onMounted(() => {
+      yearRef.value?.$el.scrollIntoView({
+        block: 'center'
+      });
+    });
+    useRender(() => createVNode("div", {
+      "class": "v-date-picker-years",
+      "style": {
+        height: convertToUnit(props.height)
+      }
+    }, [createVNode("div", {
+      "class": "v-date-picker-years__content"
+    }, [years.value.map(year => createVNode(VBtn, {
+      "ref": year === displayYear.value ? yearRef : undefined,
+      "variant": year === displayYear.value ? 'flat' : 'text',
+      "rounded": "xl",
+      "active": year === displayYear.value,
+      "color": year === displayYear.value ? props.color : undefined,
+      "onClick": () => {
+        emit('update:displayDate', adapter.setYear(props.displayDate, year));
+        emit('update:viewMode', 'month');
+      }
+    }, {
+      default: () => [year]
+    }))])]));
+    return {};
+  }
 });
 
 // Types
 
-function mounted$2(el, binding) {
-  const modifiers = binding.modifiers || {};
-  const value = binding.value;
-  const {
-    once,
-    immediate,
-    ...modifierKeys
-  } = modifiers;
-  const defaultValue = !Object.keys(modifierKeys).length;
-  const {
-    handler,
-    options
-  } = typeof value === 'object' ? value : {
-    handler: value,
-    options: {
-      attributes: modifierKeys?.attr ?? defaultValue,
-      characterData: modifierKeys?.char ?? defaultValue,
-      childList: modifierKeys?.child ?? defaultValue,
-      subtree: modifierKeys?.sub ?? defaultValue
+const makeVDateCardProps = propsFactory({
+  cancelText: {
+    type: String,
+    default: '$vuetify.datePicker.cancel'
+  },
+  okText: {
+    type: String,
+    default: '$vuetify.datePicker.ok'
+  },
+  inputMode: {
+    type: String,
+    default: 'calendar'
+  },
+  hideActions: Boolean,
+  ...makeVDatePickerControlsProps(),
+  ...makeVDatePickerMonthProps(),
+  ...makeVDatePickerYearsProps(),
+  ...makeTransitionProps({
+    transition: {
+      component: VFadeTransition,
+      leaveAbsolute: true
     }
-  };
-  const observer = new MutationObserver(function () {
-    let mutations = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    let observer = arguments.length > 1 ? arguments[1] : undefined;
-    handler?.(mutations, observer);
-    if (once) unmounted$2(el, binding);
-  });
-  if (immediate) handler?.([], observer);
-  el._mutate = Object(el._mutate);
-  el._mutate[binding.instance.$.uid] = {
-    observer
-  };
-  observer.observe(el, options);
-}
-function unmounted$2(el, binding) {
-  if (!el._mutate?.[binding.instance.$.uid]) return;
-  el._mutate[binding.instance.$.uid].observer.disconnect();
-  delete el._mutate[binding.instance.$.uid];
-}
-const Mutate = {
-  mounted: mounted$2,
-  unmounted: unmounted$2
-};
+  })
+}, 'VDateCard');
+const VDateCard = genericComponent()({
+  name: 'VDateCard',
+  props: makeVDateCardProps(),
+  emits: {
+    save: () => true,
+    cancel: () => true,
+    'update:displayDate': value => true,
+    'update:inputMode': value => true,
+    'update:modelValue': value => true,
+    'update:viewMode': mode => true
+  },
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
+    const model = useProxiedModel(props, 'modelValue');
+    const {
+      t
+    } = useLocale();
+    createDatePicker();
+    function onDisplayUpdate(val) {
+      emit('update:displayDate', val);
+    }
+    function onViewModeUpdate(val) {
+      emit('update:viewMode', val);
+    }
+    function onSave() {
+      emit('update:modelValue', model.value);
+      emit('save');
+    }
+    function onCancel() {
+      emit('cancel');
+    }
+    useRender(() => {
+      const [cardProps] = VCard.filterProps(props);
+      const [datePickerControlsProps] = VDatePickerControls.filterProps(props);
+      const [datePickerMonthProps] = VDatePickerMonth.filterProps(props);
+      const [datePickerYearsProps] = VDatePickerYears.filterProps(props);
+      const hasActions = !props.hideActions || !!slots.actions;
+      return createVNode(VCard, mergeProps(cardProps, {
+        "class": "v-date-card"
+      }), {
+        ...slots,
+        default: () => createVNode(Fragment, null, [createVNode(VDatePickerControls, mergeProps(datePickerControlsProps, {
+          "onUpdate:displayDate": onDisplayUpdate,
+          "onUpdate:viewMode": onViewModeUpdate
+        }), null), createVNode(MaybeTransition, {
+          "transition": props.transition
+        }, {
+          default: () => [props.viewMode === 'month' ? createVNode(VDatePickerMonth, mergeProps(datePickerMonthProps, {
+            "modelValue": model.value,
+            "onUpdate:modelValue": $event => model.value = $event,
+            "onUpdate:displayDate": onDisplayUpdate
+          }), null) : createVNode(VDatePickerYears, mergeProps(datePickerYearsProps, {
+            "onUpdate:displayDate": onDisplayUpdate,
+            "onUpdate:viewMode": onViewModeUpdate
+          }), null)]
+        })]),
+        actions: !hasActions ? undefined : () => createVNode(Fragment, null, [slots.actions?.() ?? createVNode(Fragment, null, [createVNode(VBtn, {
+          "onClick": onCancel,
+          "text": t(props.cancelText)
+        }, null), createVNode(VBtn, {
+          "onClick": onSave,
+          "text": t(props.okText)
+        }, null)])])
+      });
+    });
+    return {};
+  }
+});
 
 // Types
 
-function mounted$1(el, binding) {
-  const handler = binding.value;
-  const options = {
-    passive: !binding.modifiers?.active
-  };
-  window.addEventListener('resize', handler, options);
-  el._onResize = Object(el._onResize);
-  el._onResize[binding.instance.$.uid] = {
-    handler,
-    options
-  };
-  if (!binding.modifiers?.quiet) {
-    handler();
+const makeVDatePickerHeaderProps = propsFactory({
+  appendIcon: String,
+  color: String,
+  header: String,
+  transition: String
+}, 'VDatePickerHeader');
+const VDatePickerHeader = genericComponent()({
+  name: 'VDatePickerHeader',
+  props: makeVDatePickerHeaderProps(),
+  emits: {
+    'click:append': () => true
+  },
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
+    const {
+      backgroundColorClasses,
+      backgroundColorStyles
+    } = useBackgroundColor(props, 'color');
+    function onClickAppend() {
+      emit('click:append');
+    }
+    useRender(() => {
+      const hasContent = !!(slots.default || props.header);
+      const hasAppend = !!(slots.append || props.appendIcon);
+      return createVNode("div", {
+        "class": ['v-date-picker-header', backgroundColorClasses.value],
+        "style": backgroundColorStyles.value
+      }, [slots.prepend && createVNode("div", {
+        "key": "prepend",
+        "class": "v-date-picker-header__prepend"
+      }, [slots.prepend()]), hasContent && createVNode(MaybeTransition, {
+        "key": "content",
+        "name": props.transition
+      }, {
+        default: () => [createVNode("div", {
+          "key": props.header,
+          "class": "v-date-picker-header__content"
+        }, [slots.default?.() ?? props.header])]
+      }), hasAppend && createVNode("div", {
+        "class": "v-date-picker-header__append"
+      }, [!slots.append ? createVNode(VBtn, {
+        "key": "append-btn",
+        "icon": props.appendIcon,
+        "variant": "text",
+        "onClick": onClickAppend
+      }, null) : createVNode(VDefaultsProvider, {
+        "key": "append-defaults",
+        "disabled": !props.appendIcon,
+        "defaults": {
+          VBtn: {
+            icon: props.appendIcon,
+            variant: 'text'
+          }
+        }
+      }, {
+        default: () => [slots.append?.()]
+      })])]);
+    });
+    return {};
   }
-}
-function unmounted$1(el, binding) {
-  if (!el._onResize?.[binding.instance.$.uid]) return;
-  const {
-    handler,
-    options
-  } = el._onResize[binding.instance.$.uid];
-  window.removeEventListener('resize', handler, options);
-  delete el._onResize[binding.instance.$.uid];
-}
-const Resize = {
-  mounted: mounted$1,
-  unmounted: unmounted$1
-};
+});
+
+// Utilities
+const VPickerTitle = createSimpleFunctional('v-picker-title');
+
+// Types
+
+const makeVPickerProps = propsFactory({
+  landscape: Boolean,
+  title: String,
+  ...omit(makeVSheetProps(), ['color'])
+}, 'VPicker');
+const VPicker = genericComponent()({
+  name: 'VPicker',
+  props: makeVPickerProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    useRender(() => {
+      const [sheetProps] = VSheet.filterProps(props);
+      const hasTitle = !!(props.title || slots.title);
+      return createVNode(VSheet, mergeProps(sheetProps, {
+        "class": ['v-picker', {
+          'v-picker--landscape': props.landscape,
+          'v-picker--with-actions': !!slots.actions
+        }, props.class],
+        "style": props.style
+      }), {
+        default: () => [hasTitle && createVNode(VPickerTitle, {
+          "key": "picker-title"
+        }, {
+          default: () => [slots.title?.() ?? props.title]
+        }), slots.header && createVNode("div", {
+          "class": "v-picker__header"
+        }, [slots.header()]), createVNode("div", {
+          "class": "v-picker__body"
+        }, [slots.default?.()]), slots.actions && createVNode("div", {
+          "class": "v-picker__actions"
+        }, [slots.actions()])]
+      });
+    });
+    return {};
+  }
+});
+
+// Types
+
+const makeVDatePickerProps = propsFactory({
+  calendarIcon: {
+    type: String,
+    default: '$calendar'
+  },
+  keyboardIcon: {
+    type: String,
+    default: '$edit'
+  },
+  cancelText: {
+    type: String,
+    default: '$vuetify.datePicker.cancel'
+  },
+  okText: {
+    type: String,
+    default: '$vuetify.datePicker.ok'
+  },
+  inputText: {
+    type: String,
+    default: '$vuetify.datePicker.input.placeholder'
+  },
+  header: {
+    type: String,
+    default: '$vuetify.datePicker.header'
+  },
+  hideActions: Boolean,
+  ...makeDateProps(),
+  ...makeTransitionProps({
+    transition: 'fade'
+  }),
+  ...makeVDatePickerControlsProps(),
+  ...makeVDatePickerMonthProps(),
+  ...makeVDatePickerYearsProps(),
+  ...makeVPickerProps({
+    title: '$vuetify.datePicker.title'
+  })
+}, 'VDatePicker');
+const VDatePicker = genericComponent()({
+  name: 'VDatePicker',
+  props: makeVDatePickerProps(),
+  emits: {
+    'click:cancel': () => true,
+    'click:save': () => true,
+    ...dateEmits
+  },
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
+    const adapter = useDate();
+    const {
+      t
+    } = useLocale();
+    createDatePicker();
+    const model = ref(props.modelValue ?? []);
+    const isReversing = ref(false);
+    const displayDate = useProxiedModel(props, 'displayDate', props.displayDate);
+    const inputMode = useProxiedModel(props, 'inputMode', props.inputMode);
+    const viewMode = useProxiedModel(props, 'viewMode', props.viewMode);
+    const inputModel = computed(() => model.value.length ? adapter.format(model.value[0], 'keyboardDate') : '');
+    const title = computed(() => t(props.title));
+    const header = computed(() => model.value.length ? adapter.format(model.value[0], 'normalDateWithWeekday') : t(props.header));
+    const headerIcon = computed(() => inputMode.value === 'calendar' ? props.keyboardIcon : props.calendarIcon);
+    const headerTransition = computed(() => `date-picker-header${isReversing.value ? '-reverse' : ''}-transition`);
+    watch(inputModel, () => {
+      const {
+        isValid,
+        date
+      } = adapter;
+      model.value = isValid(inputModel.value) ? [date(inputModel.value)] : [];
+    });
+    watch(model, (val, oldVal) => {
+      if (props.hideActions) {
+        emit('update:modelValue', val);
+      }
+      isReversing.value = adapter.isBefore(val[0], oldVal[0]);
+    });
+    function onClickCancel() {
+      emit('click:cancel');
+    }
+    function onClickSave() {
+      emit('click:save');
+      emit('update:modelValue', model.value);
+    }
+    function onClickAppend() {
+      inputMode.value = inputMode.value === 'calendar' ? 'keyboard' : 'calendar';
+    }
+    const headerSlotProps = computed(() => ({
+      header: header.value,
+      appendIcon: headerIcon.value,
+      transition: headerTransition.value,
+      'onClick:append': onClickAppend
+    }));
+    useRender(() => {
+      const [pickerProps] = VPicker.filterProps(props);
+      const [datePickerControlsProps] = VDatePickerControls.filterProps(props);
+      const [datePickerMonthProps] = VDatePickerMonth.filterProps(props);
+      const [datePickerYearsProps] = VDatePickerYears.filterProps(props);
+      return createVNode(VPicker, mergeProps(pickerProps, {
+        "class": ['v-date-picker', props.class],
+        "style": props.style,
+        "title": title.value
+      }), {
+        header: () => slots.header?.(headerSlotProps.value) ?? createVNode(VDatePickerHeader, mergeProps({
+          "key": "header"
+        }, headerSlotProps.value), null),
+        default: () => inputMode.value === 'calendar' ? createVNode(Fragment, null, [createVNode(VDatePickerControls, mergeProps(datePickerControlsProps, {
+          "displayDate": displayDate.value,
+          "onUpdate:displayDate": $event => displayDate.value = $event,
+          "viewMode": viewMode.value,
+          "onUpdate:viewMode": $event => viewMode.value = $event
+        }), null), createVNode(MaybeTransition, {
+          "transition": props.transition,
+          "mode": "out-in"
+        }, {
+          default: () => [viewMode.value === 'month' ? createVNode(VDatePickerMonth, mergeProps(datePickerMonthProps, {
+            "modelValue": model.value,
+            "onUpdate:modelValue": $event => model.value = $event,
+            "displayDate": displayDate.value,
+            "onUpdate:displayDate": $event => displayDate.value = $event
+          }), null) : createVNode(VDatePickerYears, mergeProps(datePickerYearsProps, {
+            "displayDate": displayDate.value,
+            "onUpdate:displayDate": $event => displayDate.value = $event,
+            "viewMode": viewMode.value,
+            "onUpdate:viewMode": $event => viewMode.value = $event
+          }), null)]
+        })]) : createVNode("div", {
+          "class": "v-date-picker__input"
+        }, [createVNode(VTextField, {
+          "modelValue": inputModel.value,
+          "onUpdate:modelValue": $event => inputModel.value = $event,
+          "label": t(props.inputText),
+          "placeholder": "dd/mm/yyyy"
+        }, null)]),
+        actions: !props.hideActions ? () => createVNode("div", null, [createVNode(VBtn, {
+          "variant": "text",
+          "color": props.color,
+          "onClick": onClickCancel,
+          "text": t(props.cancelText)
+        }, null), createVNode(VBtn, {
+          "variant": "text",
+          "color": props.color,
+          "onClick": onClickSave,
+          "text": t(props.okText)
+        }, null)]) : undefined
+      });
+    });
+    return {};
+  }
+});
 
 // Types
 
-function mounted(el, binding) {
-  const {
-    self = false
-  } = binding.modifiers ?? {};
-  const value = binding.value;
-  const options = typeof value === 'object' && value.options || {
-    passive: true
-  };
-  const handler = typeof value === 'function' || 'handleEvent' in value ? value : value.handler;
-  const target = self ? el : binding.arg ? document.querySelector(binding.arg) : window;
-  if (!target) return;
-  target.addEventListener('scroll', handler, options);
-  el._onScroll = Object(el._onScroll);
-  el._onScroll[binding.instance.$.uid] = {
-    handler,
-    options,
-    // Don't reference self
-    target: self ? undefined : target
-  };
-}
-function unmounted(el, binding) {
-  if (!el._onScroll?.[binding.instance.$.uid]) return;
-  const {
-    handler,
-    options,
-    target = el
-  } = el._onScroll[binding.instance.$.uid];
-  target.removeEventListener('scroll', handler, options);
-  delete el._onScroll[binding.instance.$.uid];
-}
-function updated(el, binding) {
-  if (binding.value === binding.oldValue) return;
-  unmounted(el, binding);
-  mounted(el, binding);
-}
-const Scroll = {
-  mounted,
-  unmounted,
-  updated
-};
-
-var directives = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  ClickOutside: ClickOutside,
-  Intersect: Intersect,
-  Mutate: Mutate,
-  Resize: Resize,
-  Ripple: Ripple,
-  Scroll: Scroll,
-  Touch: Touch
+const makeVInfiniteScrollProps = propsFactory({
+  color: String,
+  direction: {
+    type: String,
+    default: 'vertical',
+    validator: v => ['vertical', 'horizontal'].includes(v)
+  },
+  side: {
+    type: String,
+    default: 'end',
+    validator: v => ['start', 'end', 'both'].includes(v)
+  },
+  mode: {
+    type: String,
+    default: 'intersect',
+    validator: v => ['intersect', 'manual'].includes(v)
+  },
+  margin: [Number, String],
+  loadMoreText: {
+    type: String,
+    default: '$vuetify.infiniteScroll.loadMore'
+  },
+  emptyText: {
+    type: String,
+    default: '$vuetify.infiniteScroll.empty'
+  },
+  ...makeDimensionProps(),
+  ...makeTagProps()
+}, 'VInfiniteScroll');
+const VInfiniteScrollIntersect = defineComponent({
+  name: 'VInfiniteScrollIntersect',
+  props: {
+    side: {
+      type: String,
+      required: true
+    },
+    rootRef: null,
+    rootMargin: String
+  },
+  emits: {
+    intersect: side => true
+  },
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+    const {
+      intersectionRef,
+      isIntersecting
+    } = useIntersectionObserver(entries => {}, props.rootMargin ? {
+      root: props.rootRef,
+      rootMargin: props.rootMargin
+    } : undefined);
+    watch(isIntersecting, async val => {
+      if (val) emit('intersect', props.side);
+    });
+    useRender(() => createVNode("div", {
+      "class": "v-infinite-scroll-intersect",
+      "ref": intersectionRef
+    }, [createTextVNode("\xA0")]));
+    return {};
+  }
+});
+const VInfiniteScroll = genericComponent()({
+  name: 'VInfiniteScroll',
+  props: makeVInfiniteScrollProps(),
+  emits: {
+    load: options => true
+  },
+  setup(props, _ref2) {
+    let {
+      slots,
+      emit
+    } = _ref2;
+    const rootEl = ref();
+    const startStatus = ref('ok');
+    const endStatus = ref('ok');
+    const margin = computed(() => convertToUnit(props.margin));
+    function setScrollAmount(amount) {
+      if (!rootEl.value) return;
+      const property = props.direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
+      rootEl.value[property] = amount;
+    }
+    function getScrollAmount() {
+      if (!rootEl.value) return 0;
+      const property = props.direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
+      return rootEl.value[property];
+    }
+    function getScrollSize() {
+      if (!rootEl.value) return 0;
+      const property = props.direction === 'vertical' ? 'scrollHeight' : 'scrollWidth';
+      return rootEl.value[property];
+    }
+    function getContainerSize() {
+      if (!rootEl.value) return 0;
+      const property = props.direction === 'vertical' ? 'clientHeight' : 'clientWidth';
+      return rootEl.value[property];
+    }
+    onMounted(() => {
+      if (!rootEl.value) return;
+      if (props.side === 'start') {
+        setScrollAmount(getScrollSize());
+      } else if (props.side === 'both') {
+        setScrollAmount(getScrollSize() / 2 - getContainerSize() / 2);
+      }
+    });
+    function setStatus(side, status) {
+      if (side === 'start') {
+        startStatus.value = status;
+      } else if (side === 'end') {
+        endStatus.value = status;
+      }
+    }
+    function getStatus(side) {
+      return side === 'start' ? startStatus.value : endStatus.value;
+    }
+    let previousScrollSize = 0;
+    function handleIntersect(side) {
+      const status = getStatus(side);
+      if (!rootEl.value || status === 'loading') return;
+      previousScrollSize = getScrollSize();
+      setStatus(side, 'loading');
+      function done(status) {
+        setStatus(side, status);
+        nextTick(() => {
+          if (status === 'ok' && side === 'start') {
+            setScrollAmount(getScrollSize() - previousScrollSize + getScrollAmount());
+          }
+        });
+      }
+      emit('load', {
+        side,
+        done
+      });
+    }
+    const {
+      t
+    } = useLocale();
+    function renderSide(side, status) {
+      if (props.side !== side && props.side !== 'both') return;
+      const onClick = () => handleIntersect(side);
+      const slotProps = {
+        side,
+        props: {
+          onClick,
+          color: props.color
+        }
+      };
+      if (status === 'error') return slots.error?.(slotProps);
+      if (status === 'empty') return slots.empty?.(slotProps) ?? createVNode("div", null, [t(props.emptyText)]);
+      if (props.mode === 'manual') {
+        if (status === 'loading') {
+          return slots.loading?.(slotProps) ?? createVNode(VProgressCircular, {
+            "indeterminate": true,
+            "color": props.color
+          }, null);
+        }
+        return slots['load-more']?.(slotProps) ?? createVNode(VBtn, {
+          "variant": "outlined",
+          "color": props.color,
+          "onClick": onClick
+        }, {
+          default: () => [t(props.loadMoreText)]
+        });
+      }
+      return slots.loading?.(slotProps) ?? createVNode(VProgressCircular, {
+        "indeterminate": true,
+        "color": props.color
+      }, null);
+    }
+    const {
+      dimensionStyles
+    } = useDimension(props);
+    useRender(() => {
+      const Tag = props.tag;
+      const hasStartIntersect = props.side === 'start' || props.side === 'both';
+      const hasEndIntersect = props.side === 'end' || props.side === 'both';
+      const intersectMode = props.mode === 'intersect';
+      return createVNode(Tag, {
+        "ref": rootEl,
+        "class": ['v-infinite-scroll', `v-infinite-scroll--${props.direction}`, {
+          'v-infinite-scroll--start': hasStartIntersect,
+          'v-infinite-scroll--end': hasEndIntersect
+        }],
+        "style": dimensionStyles.value
+      }, {
+        default: () => [createVNode("div", {
+          "class": "v-infinite-scroll__side"
+        }, [renderSide('start', startStatus.value)]), rootEl.value && hasStartIntersect && intersectMode && createVNode(VInfiniteScrollIntersect, {
+          "key": "start",
+          "side": "start",
+          "onIntersect": handleIntersect,
+          "rootRef": rootEl.value,
+          "rootMargin": margin.value
+        }, null), slots.default?.(), rootEl.value && hasEndIntersect && intersectMode && createVNode(VInfiniteScrollIntersect, {
+          "key": "end",
+          "side": "end",
+          "onIntersect": handleIntersect,
+          "rootRef": rootEl.value,
+          "rootMargin": margin.value
+        }, null), createVNode("div", {
+          "class": "v-infinite-scroll__side"
+        }, [renderSide('end', endStatus.value)])]
+      });
+    });
+  }
 });
 
-// Utilities
-
 // Types
-
-function getWeekArray(date) {
-  let currentWeek = [];
-  const weeks = [];
-  const firstDayOfMonth = startOfMonth(date);
-  const lastDayOfMonth = endOfMonth(date);
-  for (let i = 0; i < firstDayOfMonth.getDay(); i++) {
-    currentWeek.push(null);
-  }
-  for (let i = 1; i <= lastDayOfMonth.getDate(); i++) {
-    const day = new Date(date.getFullYear(), date.getMonth(), i);
-
-    // Add the day to the current week
-    currentWeek.push(day);
-
-    // If the current week has 7 days, add it to the weeks array and start a new week
-    if (currentWeek.length === 7) {
-      weeks.push(currentWeek);
-      currentWeek = [];
-    }
-  }
-  for (let i = currentWeek.length; i < 7; i++) {
-    currentWeek.push(null);
-  }
-  weeks.push(currentWeek);
-  return weeks;
-}
-function startOfMonth(date) {
-  return new Date(date.getFullYear(), date.getMonth(), 1);
-}
-function endOfMonth(date) {
-  return new Date(date.getFullYear(), date.getMonth() + 1, 0);
-}
-function date(value) {
-  if (value == null) return null;
-  if (value instanceof Date) return value;
-  if (typeof value === 'string') {
-    const parsed = Date.parse(value);
-    if (!isNaN(parsed)) return new Date(parsed);
-  }
-  return null;
-}
-const firstDay = {
-  '001': 1,
-  AD: 1,
-  AE: 6,
-  AF: 6,
-  AG: 0,
-  AI: 1,
-  AL: 1,
-  AM: 1,
-  AN: 1,
-  AR: 1,
-  AS: 0,
-  AT: 1,
-  AU: 0,
-  AX: 1,
-  AZ: 1,
-  BA: 1,
-  BD: 0,
-  BE: 1,
-  BG: 1,
-  BH: 6,
-  BM: 1,
-  BN: 1,
-  BR: 0,
-  BS: 0,
-  BT: 0,
-  BW: 0,
-  BY: 1,
-  BZ: 0,
-  CA: 0,
-  CH: 1,
-  CL: 1,
-  CM: 1,
-  CN: 0,
-  CO: 0,
-  CR: 1,
-  CY: 1,
-  CZ: 1,
-  DE: 1,
-  DJ: 6,
-  DK: 1,
-  DM: 0,
-  DO: 0,
-  DZ: 6,
-  EC: 1,
-  EE: 1,
-  EG: 6,
-  ES: 1,
-  ET: 0,
-  FI: 1,
-  FJ: 1,
-  FO: 1,
-  FR: 1,
-  GB: 1,
-  'GB-alt-variant': 0,
-  GE: 1,
-  GF: 1,
-  GP: 1,
-  GR: 1,
-  GT: 0,
-  GU: 0,
-  HK: 0,
-  HN: 0,
-  HR: 1,
-  HU: 1,
-  ID: 0,
-  IE: 1,
-  IL: 0,
-  IN: 0,
-  IQ: 6,
-  IR: 6,
-  IS: 1,
-  IT: 1,
-  JM: 0,
-  JO: 6,
-  JP: 0,
-  KE: 0,
-  KG: 1,
-  KH: 0,
-  KR: 0,
-  KW: 6,
-  KZ: 1,
-  LA: 0,
-  LB: 1,
-  LI: 1,
-  LK: 1,
-  LT: 1,
-  LU: 1,
-  LV: 1,
-  LY: 6,
-  MC: 1,
-  MD: 1,
-  ME: 1,
-  MH: 0,
-  MK: 1,
-  MM: 0,
-  MN: 1,
-  MO: 0,
-  MQ: 1,
-  MT: 0,
-  MV: 5,
-  MX: 0,
-  MY: 1,
-  MZ: 0,
-  NI: 0,
-  NL: 1,
-  NO: 1,
-  NP: 0,
-  NZ: 1,
-  OM: 6,
-  PA: 0,
-  PE: 0,
-  PH: 0,
-  PK: 0,
-  PL: 1,
-  PR: 0,
-  PT: 0,
-  PY: 0,
-  QA: 6,
-  RE: 1,
-  RO: 1,
-  RS: 1,
-  RU: 1,
-  SA: 0,
-  SD: 6,
-  SE: 1,
-  SG: 0,
-  SI: 1,
-  SK: 1,
-  SM: 1,
-  SV: 0,
-  SY: 6,
-  TH: 0,
-  TJ: 1,
-  TM: 1,
-  TR: 1,
-  TT: 0,
-  TW: 0,
-  UA: 1,
-  UM: 0,
-  US: 0,
-  UY: 1,
-  UZ: 1,
-  VA: 1,
-  VE: 0,
-  VI: 0,
-  VN: 1,
-  WS: 0,
-  XK: 1,
-  YE: 0,
-  ZA: 0,
-  ZW: 0
-};
-const sundayJanuarySecond2000 = new Date(2000, 0, 2);
-function getWeekdays(locale) {
-  const daysFromSunday = firstDay[locale.slice(-2).toUpperCase()];
-  return createRange(7).map(i => {
-    const weekday = new Date(sundayJanuarySecond2000);
-    weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
-    return new Intl.DateTimeFormat(locale, {
-      weekday: 'long'
-    }).format(weekday);
-  });
-}
-function format(value, formatString, locale) {
-  const date = new Date(value);
-  let options = {};
-  switch (formatString) {
-    case 'fullDateWithWeekday':
-      options = {
-        weekday: 'long',
-        day: 'numeric',
-        month: 'long',
-        year: 'numeric'
-      };
-      break;
-    case 'normalDateWithWeekday':
-      options = {
-        weekday: 'short',
-        day: 'numeric',
-        month: 'short',
-        year: 'numeric'
-      };
-      break;
-    case 'keyboardDate':
-      options = {};
-      break;
-    case 'monthAndDate':
-      options = {
-        month: 'long',
-        day: 'numeric'
-      };
-      break;
-    case 'monthAndYear':
-      options = {
-        month: 'long',
-        year: 'numeric'
-      };
-      break;
-    default:
-      options = {
-        timeZone: 'UTC',
-        timeZoneName: 'short'
-      };
-  }
-  return new Intl.DateTimeFormat(locale, options).format(date);
-}
-function addDays(date, amount) {
-  const d = new Date(date);
-  d.setDate(d.getDate() + amount);
-  return d;
-}
-function addMonths(date, amount) {
-  const d = new Date(date);
-  d.setMonth(d.getMonth() + amount);
-  return d;
-}
-function getYear(date) {
-  return date.getFullYear();
-}
-function getMonth(date) {
-  return date.getMonth();
+
+const rootTypes = {
+  actions: 'button@2',
+  article: 'heading, paragraph',
+  avatar: 'avatar',
+  button: 'button',
+  card: 'image, heading',
+  'card-avatar': 'image, list-item-avatar',
+  chip: 'chip',
+  'date-picker': 'list-item, heading, divider, date-picker-options, date-picker-days, actions',
+  'date-picker-options': 'text, avatar@2',
+  'date-picker-days': 'avatar@28',
+  divider: 'divider',
+  heading: 'heading',
+  image: 'image',
+  'list-item': 'text',
+  'list-item-avatar': 'avatar, text',
+  'list-item-two-line': 'sentences',
+  'list-item-avatar-two-line': 'avatar, sentences',
+  'list-item-three-line': 'paragraph',
+  'list-item-avatar-three-line': 'avatar, paragraph',
+  paragraph: 'text@3',
+  sentences: 'text@2',
+  subtitle: 'text',
+  table: 'table-heading, table-thead, table-tbody, table-tfoot',
+  'table-heading': 'chip, text',
+  'table-thead': 'heading@6',
+  'table-tbody': 'table-row-divider@6',
+  'table-row-divider': 'table-row, divider',
+  'table-row': 'text@6',
+  'table-tfoot': 'text@2, avatar@2',
+  text: 'text'
+};
+function genBone(type) {
+  let children = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return createVNode("div", {
+    "class": ['v-skeleton-loader__bone', `v-skeleton-loader__${type}`]
+  }, [children]);
 }
-function startOfYear(date) {
-  return new Date(date.getFullYear(), 0, 1);
+function genBones(bone) {
+  // e.g. 'text@3'
+  const [type, length] = bone.split('@');
+
+  // Generate a length array based upon
+  // value after @ in the bone string
+  return Array.from({
+    length
+  }).map(() => genStructure(type));
 }
-function endOfYear(date) {
-  return new Date(date.getFullYear(), 11, 31);
+function genStructure(type) {
+  let children = [];
+  if (!type) return children;
+
+  // TODO: figure out a better way to type this
+  const bone = rootTypes[type];
+
+  // End of recursion, do nothing
+  /* eslint-disable-next-line no-empty, brace-style */
+  if (type === bone) ;
+  // Array of values - e.g. 'heading, paragraph, text@2'
+  else if (type.includes(',')) return mapBones(type);
+  // Array of values - e.g. 'paragraph@4'
+  else if (type.includes('@')) return genBones(type);
+  // Array of values - e.g. 'card@2'
+  else if (bone.includes(',')) children = mapBones(bone);
+  // Array of values - e.g. 'list-item@2'
+  else if (bone.includes('@')) children = genBones(bone);
+  // Single value - e.g. 'card-heading'
+  else if (bone) children.push(genStructure(bone));
+  return [genBone(type, children)];
 }
-function getMondayOfFirstWeekOfYear(year) {
-  return new Date(year, 0, 1);
+function mapBones(bones) {
+  // Remove spaces and return array of structures
+  return bones.replace(/\s/g, '').split(',').map(genStructure);
 }
+const makeVSkeletonLoaderProps = propsFactory({
+  boilerplate: Boolean,
+  color: String,
+  loading: Boolean,
+  loadingText: {
+    type: String,
+    default: '$vuetify.loading'
+  },
+  type: {
+    type: [String, Array],
+    default: 'image'
+  },
+  ...makeDimensionProps(),
+  ...makeElevationProps(),
+  ...makeThemeProps()
+}, 'VSkeletonLoader');
+const VSkeletonLoader = genericComponent()({
+  name: 'VSkeletonLoader',
+  props: makeVSkeletonLoaderProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      backgroundColorClasses,
+      backgroundColorStyles
+    } = useBackgroundColor(toRef(props, 'color'));
+    const {
+      dimensionStyles
+    } = useDimension(props);
+    const {
+      elevationClasses
+    } = useElevation(props);
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      t
+    } = useLocale();
+    const items = computed(() => genStructure(wrapInArray(props.type).join(',')));
+    useRender(() => {
+      const isLoading = !slots.default || props.loading;
+      return createVNode("div", {
+        "class": ['v-skeleton-loader', {
+          'v-skeleton-loader--boilerplate': props.boilerplate
+        }, themeClasses.value, backgroundColorClasses.value, elevationClasses.value],
+        "style": [backgroundColorStyles.value, isLoading ? dimensionStyles.value : {}],
+        "aria-busy": !props.boilerplate ? isLoading : undefined,
+        "aria-live": !props.boilerplate ? 'polite' : undefined,
+        "aria-label": !props.boilerplate ? t(props.loadingText) : undefined,
+        "role": !props.boilerplate ? 'alert' : undefined
+      }, [isLoading ? items.value : slots.default?.()]);
+    });
+    return {};
+  }
+});
+
+var components = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  VAlert: VAlert,
+  VAlertTitle: VAlertTitle,
+  VApp: VApp,
+  VAppBar: VAppBar,
+  VAppBarNavIcon: VAppBarNavIcon,
+  VAppBarTitle: VAppBarTitle,
+  VAutocomplete: VAutocomplete,
+  VAvatar: VAvatar,
+  VBadge: VBadge,
+  VBanner: VBanner,
+  VBannerActions: VBannerActions,
+  VBannerText: VBannerText,
+  VBottomNavigation: VBottomNavigation,
+  VBottomSheet: VBottomSheet,
+  VBreadcrumbs: VBreadcrumbs,
+  VBreadcrumbsDivider: VBreadcrumbsDivider,
+  VBreadcrumbsItem: VBreadcrumbsItem,
+  VBtn: VBtn,
+  VBtnGroup: VBtnGroup,
+  VBtnToggle: VBtnToggle,
+  VCard: VCard,
+  VCardActions: VCardActions,
+  VCardItem: VCardItem,
+  VCardSubtitle: VCardSubtitle,
+  VCardText: VCardText,
+  VCardTitle: VCardTitle,
+  VCarousel: VCarousel,
+  VCarouselItem: VCarouselItem,
+  VCheckbox: VCheckbox,
+  VCheckboxBtn: VCheckboxBtn,
+  VChip: VChip,
+  VChipGroup: VChipGroup,
+  VClassIcon: VClassIcon,
+  VCode: VCode,
+  VCol: VCol,
+  VColorPicker: VColorPicker,
+  VCombobox: VCombobox,
+  VComponentIcon: VComponentIcon,
+  VContainer: VContainer,
+  VCounter: VCounter,
+  VDataIterator: VDataIterator,
+  VDataTable: VDataTable,
+  VDataTableFooter: VDataTableFooter,
+  VDataTableRow: VDataTableRow,
+  VDataTableRows: VDataTableRows,
+  VDataTableServer: VDataTableServer,
+  VDataTableVirtual: VDataTableVirtual,
+  VDateCard: VDateCard,
+  VDatePicker: VDatePicker,
+  VDatePickerControls: VDatePickerControls,
+  VDatePickerHeader: VDatePickerHeader,
+  VDatePickerMonth: VDatePickerMonth,
+  VDatePickerYears: VDatePickerYears,
+  VDefaultsProvider: VDefaultsProvider,
+  VDialog: VDialog,
+  VDialogBottomTransition: VDialogBottomTransition,
+  VDialogTopTransition: VDialogTopTransition,
+  VDialogTransition: VDialogTransition,
+  VDivider: VDivider,
+  VExpandTransition: VExpandTransition,
+  VExpandXTransition: VExpandXTransition,
+  VExpansionPanel: VExpansionPanel,
+  VExpansionPanelText: VExpansionPanelText,
+  VExpansionPanelTitle: VExpansionPanelTitle,
+  VExpansionPanels: VExpansionPanels,
+  VFabTransition: VFabTransition,
+  VFadeTransition: VFadeTransition,
+  VField: VField,
+  VFieldLabel: VFieldLabel,
+  VFileInput: VFileInput,
+  VFooter: VFooter,
+  VForm: VForm,
+  VHover: VHover,
+  VIcon: VIcon,
+  VImg: VImg,
+  VInfiniteScroll: VInfiniteScroll,
+  VInput: VInput,
+  VItem: VItem,
+  VItemGroup: VItemGroup,
+  VKbd: VKbd,
+  VLabel: VLabel,
+  VLayout: VLayout,
+  VLayoutItem: VLayoutItem,
+  VLazy: VLazy,
+  VLigatureIcon: VLigatureIcon,
+  VList: VList,
+  VListGroup: VListGroup,
+  VListImg: VListImg,
+  VListItem: VListItem,
+  VListItemAction: VListItemAction,
+  VListItemMedia: VListItemMedia,
+  VListItemSubtitle: VListItemSubtitle,
+  VListItemTitle: VListItemTitle,
+  VListSubheader: VListSubheader,
+  VLocaleProvider: VLocaleProvider,
+  VMain: VMain,
+  VMenu: VMenu,
+  VMessages: VMessages,
+  VNavigationDrawer: VNavigationDrawer,
+  VNoSsr: VNoSsr,
+  VOverlay: VOverlay,
+  VPagination: VPagination,
+  VParallax: VParallax,
+  VPicker: VPicker,
+  VPickerTitle: VPickerTitle,
+  VProgressCircular: VProgressCircular,
+  VProgressLinear: VProgressLinear,
+  VRadio: VRadio,
+  VRadioGroup: VRadioGroup,
+  VRangeSlider: VRangeSlider,
+  VRating: VRating,
+  VResponsive: VResponsive,
+  VRow: VRow,
+  VScaleTransition: VScaleTransition,
+  VScrollXReverseTransition: VScrollXReverseTransition,
+  VScrollXTransition: VScrollXTransition,
+  VScrollYReverseTransition: VScrollYReverseTransition,
+  VScrollYTransition: VScrollYTransition,
+  VSelect: VSelect,
+  VSelectionControl: VSelectionControl,
+  VSelectionControlGroup: VSelectionControlGroup,
+  VSheet: VSheet,
+  VSkeletonLoader: VSkeletonLoader,
+  VSlideGroup: VSlideGroup,
+  VSlideGroupItem: VSlideGroupItem,
+  VSlideXReverseTransition: VSlideXReverseTransition,
+  VSlideXTransition: VSlideXTransition,
+  VSlideYReverseTransition: VSlideYReverseTransition,
+  VSlideYTransition: VSlideYTransition,
+  VSlider: VSlider,
+  VSnackbar: VSnackbar,
+  VSpacer: VSpacer,
+  VSvgIcon: VSvgIcon,
+  VSwitch: VSwitch,
+  VSystemBar: VSystemBar,
+  VTab: VTab,
+  VTable: VTable,
+  VTabs: VTabs,
+  VTextField: VTextField,
+  VTextarea: VTextarea,
+  VThemeProvider: VThemeProvider,
+  VTimeline: VTimeline,
+  VTimelineItem: VTimelineItem,
+  VToolbar: VToolbar,
+  VToolbarItems: VToolbarItems,
+  VToolbarTitle: VToolbarTitle,
+  VTooltip: VTooltip,
+  VValidation: VValidation,
+  VVirtualScroll: VVirtualScroll,
+  VWindow: VWindow,
+  VWindowItem: VWindowItem
+});
 
-// https://stackoverflow.com/questions/274861/how-do-i-calculate-the-week-number-given-a-date/275024#275024
-function getWeek(date) {
-  let year = date.getFullYear();
-  let d1w1 = getMondayOfFirstWeekOfYear(year);
-  if (date < d1w1) {
-    year = year - 1;
-    d1w1 = getMondayOfFirstWeekOfYear(year);
-  } else {
-    const tv = getMondayOfFirstWeekOfYear(year + 1);
-    if (date >= tv) {
-      year = year + 1;
-      d1w1 = tv;
+// Types
+
+function mounted$2(el, binding) {
+  const modifiers = binding.modifiers || {};
+  const value = binding.value;
+  const {
+    once,
+    immediate,
+    ...modifierKeys
+  } = modifiers;
+  const defaultValue = !Object.keys(modifierKeys).length;
+  const {
+    handler,
+    options
+  } = typeof value === 'object' ? value : {
+    handler: value,
+    options: {
+      attributes: modifierKeys?.attr ?? defaultValue,
+      characterData: modifierKeys?.char ?? defaultValue,
+      childList: modifierKeys?.child ?? defaultValue,
+      subtree: modifierKeys?.sub ?? defaultValue
     }
-  }
-  const diffTime = Math.abs(date.getTime() - d1w1.getTime());
-  const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
-  return Math.floor(diffDays / 7) + 1;
-}
-function isWithinRange(date, range) {
-  return isAfter(date, range[0]) && isBefore(date, range[1]);
-}
-function isValid(date) {
-  const d = new Date(date);
-  return d instanceof Date && !isNaN(d.getTime());
-}
-function isAfter(date, comparing) {
-  return date.getTime() > comparing.getTime();
-}
-function isBefore(date, comparing) {
-  return date.getTime() < comparing.getTime();
-}
-function isEqual(date, comparing) {
-  return date.getTime() === comparing.getTime();
-}
-function isSameDay(date, comparing) {
-  return date.getDate() === comparing.getDate() && date.getMonth() === comparing.getMonth() && date.getFullYear() === comparing.getFullYear();
+  };
+  const observer = new MutationObserver(function () {
+    let mutations = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let observer = arguments.length > 1 ? arguments[1] : undefined;
+    handler?.(mutations, observer);
+    if (once) unmounted$2(el, binding);
+  });
+  if (immediate) handler?.([], observer);
+  el._mutate = Object(el._mutate);
+  el._mutate[binding.instance.$.uid] = {
+    observer
+  };
+  observer.observe(el, options);
 }
-function isSameMonth(date, comparing) {
-  return date.getMonth() === comparing.getMonth() && date.getFullYear() === comparing.getFullYear();
+function unmounted$2(el, binding) {
+  if (!el._mutate?.[binding.instance.$.uid]) return;
+  el._mutate[binding.instance.$.uid].observer.disconnect();
+  delete el._mutate[binding.instance.$.uid];
 }
-function getDiff(date, comparing, unit) {
-  const d = new Date(date);
-  const c = new Date(comparing);
-  if (unit === 'month') {
-    return d.getMonth() - c.getMonth() + (d.getFullYear() - c.getFullYear()) * 12;
+const Mutate = {
+  mounted: mounted$2,
+  unmounted: unmounted$2
+};
+
+// Types
+
+function mounted$1(el, binding) {
+  const handler = binding.value;
+  const options = {
+    passive: !binding.modifiers?.active
+  };
+  window.addEventListener('resize', handler, options);
+  el._onResize = Object(el._onResize);
+  el._onResize[binding.instance.$.uid] = {
+    handler,
+    options
+  };
+  if (!binding.modifiers?.quiet) {
+    handler();
   }
-  return Math.floor((d.getTime() - c.getTime()) / (1000 * 60 * 60 * 24));
-}
-function setYear(date, year) {
-  const d = new Date(date);
-  d.setFullYear(year);
-  return d;
 }
-class VuetifyDateAdapter {
-  constructor() {
-    let locale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'en';
-    this.locale = locale;
-  }
-  date(value) {
-    return date(value);
-  }
-  addDays(date, amount) {
-    return addDays(date, amount);
-  }
-  addMonths(date, amount) {
-    return addMonths(date, amount);
-  }
-  getWeekArray(date) {
-    return getWeekArray(date);
-  }
-  startOfMonth(date) {
-    return startOfMonth(date);
-  }
-  endOfMonth(date) {
-    return endOfMonth(date);
-  }
-  format(date, formatString) {
-    return format(date, formatString, this.locale);
-  }
-  isEqual(date, comparing) {
-    return isEqual(date, comparing);
-  }
-  isValid(date) {
-    return isValid(date);
-  }
-  isWithinRange(date, range) {
-    return isWithinRange(date, range);
-  }
-  isAfter(date, comparing) {
-    return isAfter(date, comparing);
-  }
-  isSameDay(date, comparing) {
-    return isSameDay(date, comparing);
-  }
-  isSameMonth(date, comparing) {
-    return isSameMonth(date, comparing);
-  }
-  setYear(date, year) {
-    return setYear(date, year);
-  }
-  getDiff(date, comparing, unit) {
-    return getDiff(date, comparing, unit);
-  }
-  getWeek(date) {
-    return getWeek(date);
-  }
-  getWeekdays() {
-    return getWeekdays(this.locale);
-  }
-  getYear(date) {
-    return getYear(date);
-  }
-  getMonth(date) {
-    return getMonth(date);
-  }
-  startOfYear(date) {
-    return startOfYear(date);
-  }
-  endOfYear(date) {
-    return endOfYear(date);
-  }
+function unmounted$1(el, binding) {
+  if (!el._onResize?.[binding.instance.$.uid]) return;
+  const {
+    handler,
+    options
+  } = el._onResize[binding.instance.$.uid];
+  window.removeEventListener('resize', handler, options);
+  delete el._onResize[binding.instance.$.uid];
 }
-
-// Composables
+const Resize = {
+  mounted: mounted$1,
+  unmounted: unmounted$1
+};
 
 // Types
 
-const DateAdapterSymbol = Symbol.for('vuetify:date-adapter');
-function createDate(options) {
-  return options ?? {
-    adapter: VuetifyDateAdapter
+function mounted(el, binding) {
+  const {
+    self = false
+  } = binding.modifiers ?? {};
+  const value = binding.value;
+  const options = typeof value === 'object' && value.options || {
+    passive: true
+  };
+  const handler = typeof value === 'function' || 'handleEvent' in value ? value : value.handler;
+  const target = self ? el : binding.arg ? document.querySelector(binding.arg) : window;
+  if (!target) return;
+  target.addEventListener('scroll', handler, options);
+  el._onScroll = Object(el._onScroll);
+  el._onScroll[binding.instance.$.uid] = {
+    handler,
+    options,
+    // Don't reference self
+    target: self ? undefined : target
   };
 }
+function unmounted(el, binding) {
+  if (!el._onScroll?.[binding.instance.$.uid]) return;
+  const {
+    handler,
+    options,
+    target = el
+  } = el._onScroll[binding.instance.$.uid];
+  target.removeEventListener('scroll', handler, options);
+  delete el._onScroll[binding.instance.$.uid];
+}
+function updated(el, binding) {
+  if (binding.value === binding.oldValue) return;
+  unmounted(el, binding);
+  mounted(el, binding);
+}
+const Scroll = {
+  mounted,
+  unmounted,
+  updated
+};
+
+var directives = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  ClickOutside: ClickOutside,
+  Intersect: Intersect,
+  Mutate: Mutate,
+  Resize: Resize,
+  Ripple: Ripple,
+  Scroll: Scroll,
+  Touch: Touch
+});
 
 // Composables
 function createVuetify$1() {
@@ -22389,7 +23415,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.2";
+const version$1 = "3.3.4";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -22403,7 +23429,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.3.2";
+const version = "3.3.4";
 
 /* eslint-disable local-rules/sort-imports */