vuetify 3.3.2 → 3.3.4

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.2
+* Vuetify v3.3.4
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -298,6 +298,15 @@
     }
     return out;
   }
+  function flattenFragments(nodes) {
+    return nodes.map(node => {
+      if (node.type === vue.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);
@@ -377,6 +386,9 @@
   }
   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' + vue.capitalize(name);
@@ -575,6 +587,54 @@
     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) {
@@ -1587,12 +1647,21 @@
       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: {
@@ -2162,6 +2231,7 @@
       };
     }
     function install(app) {
+      if (parsedOptions.isDisabled) return;
       const head = app._context.provides.usehead;
       if (head) {
         if (head.push) {
@@ -2183,7 +2253,6 @@
           immediate: true
         });
         function updateStyles() {
-          if (parsedOptions.isDisabled) return;
           if (typeof document !== 'undefined' && !styleEl) {
             const el = document.createElement('style');
             el.type = 'text/css';
@@ -3575,7 +3644,7 @@
         const extensionHeight = vToolbarRef.value?.extensionHeight ?? 0;
         return height + extensionHeight;
       });
-      function setActive() {
+      vue.watchEffect(() => {
         if (scrollBehavior.value.hide) {
           if (scrollBehavior.value.inverted) {
             isActive.value = currentScroll.value > scrollThreshold.value;
@@ -3585,12 +3654,6 @@
         } else {
           isActive.value = true;
         }
-      }
-      useToggleScope(() => !!props.scrollBehavior, () => {
-        vue.watch(currentScroll, setActive, {
-          immediate: true
-        });
-        vue.watch(scrollBehavior, setActive);
       });
       const {
         ssrBootStyles
@@ -4045,7 +4108,8 @@
     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 (?)
@@ -4270,7 +4334,7 @@
       useRender(() => {
         const slotValue = slots.default?.();
         if (slotValue) {
-          slotIcon.value = slotValue.filter(node => node.type === vue.Text && node.children && typeof node.children === 'string')[0]?.children;
+          slotIcon.value = flattenFragments(slotValue).filter(node => node.type === vue.Text && node.children && typeof node.children === 'string')[0]?.children;
         }
         return vue.createVNode(iconData.value.component, {
           "tag": props.tag,
@@ -5107,7 +5171,7 @@
     block: Boolean,
     stacked: Boolean,
     ripple: {
-      type: Boolean,
+      type: [Boolean, Object],
       default: true
     },
     text: String,
@@ -6390,6 +6454,7 @@
     inheritAttrs: false,
     props: makeVCheckboxProps(),
     emits: {
+      'update:modelValue': value => true,
       'update:focused': focused => true
     },
     setup(props, _ref) {
@@ -6397,6 +6462,7 @@
         attrs,
         slots
       } = _ref;
+      const model = useProxiedModel(props, 'modelValue');
       const {
         isFocused,
         focus,
@@ -6411,6 +6477,8 @@
         return vue.createVNode(VInput, vue.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
@@ -6429,6 +6497,8 @@
               "disabled": isDisabled.value,
               "readonly": isReadonly.value
             }, controlAttrs, {
+              "modelValue": model.value,
+              "onUpdate:modelValue": $event => model.value = $event,
               "onFocus": focus,
               "onBlur": blur
             }), slots);
@@ -6566,6 +6636,8 @@
     }
   });
 
+  // Types
+
   const makeVChipProps = propsFactory({
     activeClass: String,
     appendAvatar: String,
@@ -6594,7 +6666,7 @@
     prependAvatar: String,
     prependIcon: IconValue,
     ripple: {
-      type: Boolean,
+      type: [Boolean, Object],
       default: true
     },
     text: String,
@@ -7247,7 +7319,7 @@
   const useNestedItem = (id, isGroup) => {
     const parent = vue.inject(VNestedSymbol, emptyNested);
     const uidSymbol = Symbol(getUid());
-    const computedId = vue.computed(() => id.value ?? uidSymbol);
+    const computedId = vue.computed(() => id.value !== undefined ? id.value : uidSymbol);
     const item = {
       ...parent,
       id: computedId,
@@ -7410,7 +7482,7 @@
     prependAvatar: String,
     prependIcon: IconValue,
     ripple: {
-      type: Boolean,
+      type: [Boolean, Object],
       default: true
     },
     subtitle: [String, Number, Boolean],
@@ -7447,7 +7519,7 @@
         emit
       } = _ref;
       const link = useLink(props, attrs);
-      const id = vue.computed(() => props.value ?? link.href.value);
+      const id = vue.computed(() => props.value === undefined ? link.href.value : props.value);
       const {
         select,
         isSelected,
@@ -7844,10 +7916,13 @@
   }
   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);
       });
     }
@@ -8783,29 +8858,29 @@
       }
     });
     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();
@@ -8814,33 +8889,43 @@
     const activatorEvents = vue.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 = vue.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 = vue.inject(VMenuSymbol, null);
-        events.click = () => {
+        events.onClick = () => {
           isActive.value = false;
           menu?.closeParents();
         };
@@ -8850,14 +8935,14 @@
     const scrimEvents = vue.computed(() => {
       const events = {};
       if (props.openOnHover) {
-        events.mouseenter = () => {
+        events.onMouseenter = () => {
           if (firstEnter) {
             isHovered = true;
             firstEnter = false;
             runOpenDelay();
           }
         };
-        events.mouseleave = () => {
+        events.onMouseleave = () => {
           isHovered = false;
           runCloseDelay();
         };
@@ -8931,29 +9016,13 @@
       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, vue.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, vue.mergeProps(activatorEvents.value, _props));
     }
     function getActivator() {
       let selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : props.activator;
@@ -9480,6 +9549,9 @@
         if (e.key === 'Escape' && globalTop.value) {
           if (!props.persistent) {
             isActive.value = false;
+            if (contentEl.value?.contains(document.activeElement)) {
+              activatorEl.value?.focus();
+            }
           } else animateClick();
         }
       }
@@ -9522,7 +9594,7 @@
         isActive: isActive.value,
         props: vue.mergeProps({
           ref: activatorRef
-        }, vue.toHandlers(activatorEvents.value), props.activatorProps)
+        }, activatorEvents.value, props.activatorProps)
       }), isMounted.value && vue.createVNode(vue.Teleport, {
         "disabled": !teleportTarget.value,
         "to": teleportTarget.value
@@ -9540,7 +9612,7 @@
         }, scopeId, attrs), [vue.createVNode(Scrim, vue.mergeProps({
           "color": scrimColor,
           "modelValue": isActive.value && !!props.scrim
-        }, vue.toHandlers(scrimEvents.value)), null), vue.createVNode(MaybeTransition, {
+        }, scrimEvents.value), null), vue.createVNode(MaybeTransition, {
           "appear": true,
           "persisted": true,
           "transition": props.transition,
@@ -9554,7 +9626,7 @@
             "ref": contentEl,
             "class": ['v-overlay__content', props.contentClass],
             "style": [dimensionStyles.value, contentStyles.value]
-          }, vue.toHandlers(contentEvents.value), props.contentProps), [slots.default?.({
+          }, contentEvents.value, props.contentProps), [slots.default?.({
             isActive
           })]), [[vue.vShow, isActive.value], [vue.resolveDirective("click-outside"), {
             handler: onClickOutside,
@@ -9714,10 +9786,35 @@
       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 = vue.computed(() => vue.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);
@@ -9730,7 +9827,8 @@
           "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 () {
@@ -10354,7 +10452,7 @@
         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;
       });
@@ -10374,6 +10472,7 @@
         }
         return items.value;
       });
+      const menuDisabled = vue.computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
       const listRef = vue.ref();
       function onClear(e) {
         if (props.openOnClear) {
@@ -10381,7 +10480,7 @@
         }
       }
       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) {
@@ -10395,11 +10494,7 @@
         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');
@@ -10425,6 +10520,11 @@
           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));
@@ -10455,7 +10555,7 @@
       }
       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;
@@ -10492,6 +10592,7 @@
             "onUpdate:modelValue": $event => menu.value = $event,
             "activator": "parent",
             "contentClass": "v-select__content",
+            "disabled": menuDisabled.value,
             "eager": props.eager,
             "maxHeight": 310,
             "openOnClick": false,
@@ -10504,11 +10605,13 @@
               "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']?.() ?? vue.createVNode(VListItem, {
+              default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? vue.createVNode(VListItem, {
                 "title": t(props.noDataText)
-              }, null)), slots['prepend-item']?.(), displayItems.value.map((item, index) => {
+              }, null)), displayItems.value.map((item, index) => {
                 const itemProps = vue.mergeProps(item.props, {
                   key: index,
                   onClick: () => select(item)
@@ -10774,7 +10877,7 @@
         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;
       });
@@ -10800,6 +10903,7 @@
         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 = vue.computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
       const listRef = vue.ref();
       function onClear(e) {
         if (props.openOnClear) {
@@ -10808,10 +10912,11 @@
         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();
@@ -10837,13 +10942,8 @@
           }
           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)) {
@@ -10878,6 +10978,11 @@
           }
         }
       }
+      function onListKeydown(e) {
+        if (e.key === 'Tab') {
+          vTextFieldRef.value?.focus();
+        }
+      }
       function onInput(e) {
         search.value = e.target.value;
       }
@@ -10947,7 +11052,7 @@
       });
       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 vue.createVNode(VTextField, vue.mergeProps({
@@ -10980,6 +11085,7 @@
             "onUpdate:modelValue": $event => menu.value = $event,
             "activator": "parent",
             "contentClass": "v-autocomplete__content",
+            "disabled": menuDisabled.value,
             "eager": props.eager,
             "maxHeight": 310,
             "openOnClick": false,
@@ -10992,12 +11098,14 @@
               "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']?.() ?? vue.createVNode(VListItem, {
+              default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? vue.createVNode(VListItem, {
                 "title": t(props.noDataText)
-              }, null)), slots['prepend-item']?.(), displayItems.value.map((item, index) => {
+              }, null)), displayItems.value.map((item, index) => {
                 const itemProps = vue.mergeProps(item.props, {
                   key: index,
                   active: highlightFirst.value && index === 0 ? true : undefined,
@@ -11747,7 +11855,7 @@
     prependAvatar: String,
     prependIcon: IconValue,
     ripple: {
-      type: Boolean,
+      type: [Boolean, Object],
       default: true
     },
     subtitle: String,
@@ -13152,6 +13260,8 @@
     return data;
   };
 
+  // Types
+
   const makeVSliderThumbProps = propsFactory({
     focused: Boolean,
     max: {
@@ -13171,7 +13281,7 @@
       required: true
     },
     ripple: {
-      type: Boolean,
+      type: [Boolean, Object],
       default: true
     },
     ...makeComponentProps()
@@ -14330,6 +14440,7 @@
         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 = vue.computed(() => props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value);
       const listRef = vue.ref();
       function onClear(e) {
         cleared = true;
@@ -14338,10 +14449,11 @@
         }
       }
       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();
@@ -14367,10 +14479,8 @@
           }
           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)) {
@@ -14409,6 +14519,11 @@
           search.value = '';
         }
       }
+      function onListKeydown(e) {
+        if (e.key === 'Tab') {
+          vTextFieldRef.value?.focus();
+        }
+      }
       function onAfterLeave() {
         if (isFocused.value) {
           isPristine.value = true;
@@ -14470,7 +14585,7 @@
       });
       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 vue.createVNode(VTextField, vue.mergeProps({
@@ -14503,6 +14618,7 @@
             "onUpdate:modelValue": $event => menu.value = $event,
             "activator": "parent",
             "contentClass": "v-combobox__content",
+            "disabled": menuDisabled.value,
             "eager": props.eager,
             "maxHeight": 310,
             "openOnClick": false,
@@ -14515,12 +14631,14 @@
               "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']?.() ?? vue.createVNode(VListItem, {
+              default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? vue.createVNode(VListItem, {
                 "title": t(props.noDataText)
-              }, null)), slots['prepend-item']?.(), displayItems.value.map((item, index) => {
+              }, null)), displayItems.value.map((item, index) => {
                 const itemProps = vue.mergeProps(item.props, {
                   key: index,
                   active: highlightFirst.value && index === 0 ? true : undefined,
@@ -14812,6 +14930,8 @@
     }
   });
 
+  // Types
+
   const makeVExpansionPanelTitleProps = propsFactory({
     color: String,
     expandIcon: {
@@ -15084,8 +15204,6 @@
           "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,
@@ -18082,8 +18200,8 @@
           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,
@@ -19507,9 +19625,10 @@
     allSelected: () => [],
     select: _ref => {
       let {
-        items
+        items,
+        value
       } = _ref;
-      return new Set([items[0]?.value]);
+      return new Set(value ? [items[0]?.value] : []);
     },
     selectAll: _ref2 => {
       let {
@@ -20121,7 +20240,7 @@
   function createHeaders(props, options) {
     const headers = vue.ref([]);
     const columns = vue.ref([]);
-    vue.watch(() => props.headers, () => {
+    vue.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,
@@ -20241,9 +20360,6 @@
         return filtered;
       });
       columns.value = fixedRows.at(-1) ?? [];
-    }, {
-      deep: true,
-      immediate: true
     });
     const data = {
       headers,
@@ -20397,11 +20513,11 @@
           "x": x,
           "y": y
         }, null))])), props.loading && vue.createVNode("tr", {
-          "class": "v-data-table__progress"
+          "class": "v-data-table-progress"
         }, [vue.createVNode("th", {
           "colspan": columns.value.length
         }, [vue.createVNode(LoaderSlot, {
-          "name": "v-data-table-headers",
+          "name": "v-data-table-progress",
           "active": true,
           "color": typeof props.loading === 'boolean' ? undefined : props.loading,
           "indeterminate": true
@@ -21076,18 +21192,22 @@
             "items": displayItems.value
           }), {
             ...slots,
-            item: itemSlotProps => {
-              return slots.item?.(itemSlotProps) ?? vue.createVNode(VVirtualScrollItem, {
-                "key": itemSlotProps.item.index,
-                "dynamicHeight": true,
-                "renderless": true,
-                "onUpdate:height": height => handleItemResize(itemSlotProps.item.index, height)
-              }, {
-                default: slotProps => vue.createVNode(VDataTableRow, vue.mergeProps(itemSlotProps.props, slotProps?.props, {
-                  "key": itemSlotProps.item.index
-                }), slots)
-              });
-            }
+            item: itemSlotProps => vue.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
+                }
+              }) ?? vue.createVNode(VDataTableRow, vue.mergeProps(itemSlotProps.props, slotProps?.props, {
+                "key": itemSlotProps.item.index
+              }), slots)
+            })
           }), vue.createVNode("tr", {
             "style": {
               height: convertToUnit(paddingBottom.value),
@@ -21275,1038 +21395,1944 @@
     }
   });
 
+  // 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);
-      vue.watch(isIntersecting, async val => {
-        if (val) emit('intersect', props.side);
-      });
-      useRender(() => vue.createVNode("div", {
-        "class": "v-infinite-scroll-intersect",
-        "ref": intersectionRef
-      }, [vue.createTextVNode("\xA0")]));
-      return {};
-    }
-  });
-  const VInfiniteScroll = genericComponent()({
-    name: 'VInfiniteScroll',
-    props: makeVInfiniteScrollProps(),
-    emits: {
-      load: options => true
-    },
-    setup(props, _ref2) {
-      let {
-        slots,
-        emit
-      } = _ref2;
-      const rootEl = vue.ref();
-      const startStatus = vue.ref('ok');
-      const endStatus = vue.ref('ok');
-      const margin = vue.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];
-      }
-      vue.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);
-          vue.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) ?? vue.createVNode("div", null, [t(props.emptyText)]);
-        if (props.mode === 'manual') {
-          if (status === 'loading') {
-            return slots.loading?.(slotProps) ?? vue.createVNode(VProgressCircular, {
-              "indeterminate": true,
-              "color": props.color
-            }, null);
-          }
-          return slots['load-more']?.(slotProps) ?? vue.createVNode(VBtn, {
-            "variant": "outlined",
-            "color": props.color,
-            "onClick": onClick
-          }, {
-            default: () => [t(props.loadMoreText)]
-          });
-        }
-        return slots.loading?.(slotProps) ?? vue.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 vue.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: () => [vue.createVNode("div", {
-            "class": "v-infinite-scroll__side"
-          }, [renderSide('start', startStatus.value)]), rootEl.value && hasStartIntersect && intersectMode && vue.createVNode(VInfiniteScrollIntersect, {
-            "key": "start",
-            "side": "start",
-            "onIntersect": handleIntersect,
-            "rootRef": rootEl.value,
-            "rootMargin": margin.value
-          }, null), slots.default?.(), rootEl.value && hasEndIntersect && intersectMode && vue.createVNode(VInfiniteScrollIntersect, {
-            "key": "end",
-            "side": "end",
-            "onIntersect": handleIntersect,
-            "rootRef": rootEl.value,
-            "rootMargin": margin.value
-          }, null), vue.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 vue.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 = vue.inject(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;
+    vue.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 = vue.computed(() => {
+        const month = props.range === 'end' ? adapter.addMonths(props.displayDate, 1) : props.displayDate;
+        return adapter.format(month, 'monthAndYear');
+      });
+      useRender(() => {
+        const prevBtn = vue.createVNode(VBtn, {
+          "variant": "text",
+          "icon": props.prevIcon,
+          "onClick": () => emit('update:displayDate', adapter.addMonths(props.displayDate, -1))
+        }, null);
+        const nextBtn = vue.createVNode(VBtn, {
+          "variant": "text",
+          "icon": props.nextIcon,
+          "onClick": () => emit('update:displayDate', adapter.addMonths(props.displayDate, 1))
+        }, null);
+        return vue.createVNode("div", {
+          "class": "v-date-picker-controls"
+        }, [props.viewMode === 'month' && props.range === 'start' && prevBtn, !!props.range && vue.createVNode(VSpacer, {
+          "key": "range-spacer"
+        }, null), vue.createVNode("div", {
+          "class": "v-date-picker-controls__date"
+        }, [monthAndYear.value]), vue.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), vue.createVNode(VSpacer, null, null), props.viewMode === 'month' && !props.range && vue.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 = vue.ref();
+    const hoverMonth = vue.ref();
+    const isDragging = vue.ref(false);
+    const dragHandle = vue.ref(null);
+    const hasScrolled = vue.ref(false);
+    vue.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 = vue.inject(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 = vue.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 = vue.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 = vue.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 = vue.computed(() => {
+        return weeksInMonth.value.map(week => {
+          return getWeek(adapter, week[0]);
+        });
+      });
       const {
         backgroundColorClasses,
         backgroundColorStyles
-      } = useBackgroundColor(vue.toRef(props, 'color'));
-      const {
-        dimensionStyles
-      } = useDimension(props);
-      const {
-        elevationClasses
-      } = useElevation(props);
-      const {
-        themeClasses
-      } = provideTheme(props);
-      const {
-        t
-      } = useLocale();
-      const items = vue.computed(() => genStructure(wrapInArray(props.type).join(',')));
-      useRender(() => {
-        const isLoading = !slots.default || props.loading;
-        return vue.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 = vue.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 () => vue.createVNode("div", {
+        "class": "v-date-picker-month"
+      }, [props.showWeek && vue.createVNode("div", {
+        "key": "weeks",
+        "class": "v-date-picker-month__weeks"
+      }, [!props.hideWeekdays && vue.createVNode("div", {
+        "key": "hide-week-days",
+        "class": "v-date-picker-month__day"
+      }, [vue.createTextVNode("\xA0")]), weeks.value.map(week => vue.createVNode("div", {
+        "class": ['v-date-picker-month__day', 'v-date-picker-month__day--adjacent']
+      }, [week]))]), vue.createVNode("div", {
+        "ref": daysRef,
+        "class": "v-date-picker-month__days",
+        "onMousedown": handleMousedown,
+        "onTouchstart": handleMousedown
+      }, [!props.hideWeekdays && adapter.getWeekdays().map(weekDay => vue.createVNode("div", {
+        "class": ['v-date-picker-month__day', 'v-date-picker-month__weekday']
+      }, [weekDay.charAt(0)])), daysInMonth.value.map((item, index) => vue.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 && vue.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 && vue.createVNode("div", {
+        "key": "in-hover",
+        "class": "v-date-picker-month__day--hover"
+      }, null), (props.showAdjacentMonths || !item.isAdjacent) && vue.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 = vue.computed(() => adapter.getYear(props.displayDate ?? new Date()));
+      const years = vue.computed(() => {
+        const min = props.min ?? displayYear.value - 50 - 2;
+        const max = props.max ?? displayYear.value + 50;
+        return createRange(max - min, min);
+      });
+      const yearRef = vue.ref();
+      vue.onMounted(() => {
+        yearRef.value?.$el.scrollIntoView({
+          block: 'center'
+        });
+      });
+      useRender(() => vue.createVNode("div", {
+        "class": "v-date-picker-years",
+        "style": {
+          height: convertToUnit(props.height)
+        }
+      }, [vue.createVNode("div", {
+        "class": "v-date-picker-years__content"
+      }, [years.value.map(year => vue.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 vue.createVNode(VCard, vue.mergeProps(cardProps, {
+          "class": "v-date-card"
+        }), {
+          ...slots,
+          default: () => vue.createVNode(vue.Fragment, null, [vue.createVNode(VDatePickerControls, vue.mergeProps(datePickerControlsProps, {
+            "onUpdate:displayDate": onDisplayUpdate,
+            "onUpdate:viewMode": onViewModeUpdate
+          }), null), vue.createVNode(MaybeTransition, {
+            "transition": props.transition
+          }, {
+            default: () => [props.viewMode === 'month' ? vue.createVNode(VDatePickerMonth, vue.mergeProps(datePickerMonthProps, {
+              "modelValue": model.value,
+              "onUpdate:modelValue": $event => model.value = $event,
+              "onUpdate:displayDate": onDisplayUpdate
+            }), null) : vue.createVNode(VDatePickerYears, vue.mergeProps(datePickerYearsProps, {
+              "onUpdate:displayDate": onDisplayUpdate,
+              "onUpdate:viewMode": onViewModeUpdate
+            }), null)]
+          })]),
+          actions: !hasActions ? undefined : () => vue.createVNode(vue.Fragment, null, [slots.actions?.() ?? vue.createVNode(vue.Fragment, null, [vue.createVNode(VBtn, {
+            "onClick": onCancel,
+            "text": t(props.cancelText)
+          }, null), vue.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 vue.createVNode("div", {
+          "class": ['v-date-picker-header', backgroundColorClasses.value],
+          "style": backgroundColorStyles.value
+        }, [slots.prepend && vue.createVNode("div", {
+          "key": "prepend",
+          "class": "v-date-picker-header__prepend"
+        }, [slots.prepend()]), hasContent && vue.createVNode(MaybeTransition, {
+          "key": "content",
+          "name": props.transition
+        }, {
+          default: () => [vue.createVNode("div", {
+            "key": props.header,
+            "class": "v-date-picker-header__content"
+          }, [slots.default?.() ?? props.header])]
+        }), hasAppend && vue.createVNode("div", {
+          "class": "v-date-picker-header__append"
+        }, [!slots.append ? vue.createVNode(VBtn, {
+          "key": "append-btn",
+          "icon": props.appendIcon,
+          "variant": "text",
+          "onClick": onClickAppend
+        }, null) : vue.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 vue.createVNode(VSheet, vue.mergeProps(sheetProps, {
+          "class": ['v-picker', {
+            'v-picker--landscape': props.landscape,
+            'v-picker--with-actions': !!slots.actions
+          }, props.class],
+          "style": props.style
+        }), {
+          default: () => [hasTitle && vue.createVNode(VPickerTitle, {
+            "key": "picker-title"
+          }, {
+            default: () => [slots.title?.() ?? props.title]
+          }), slots.header && vue.createVNode("div", {
+            "class": "v-picker__header"
+          }, [slots.header()]), vue.createVNode("div", {
+            "class": "v-picker__body"
+          }, [slots.default?.()]), slots.actions && vue.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 = vue.ref(props.modelValue ?? []);
+      const isReversing = vue.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 = vue.computed(() => model.value.length ? adapter.format(model.value[0], 'keyboardDate') : '');
+      const title = vue.computed(() => t(props.title));
+      const header = vue.computed(() => model.value.length ? adapter.format(model.value[0], 'normalDateWithWeekday') : t(props.header));
+      const headerIcon = vue.computed(() => inputMode.value === 'calendar' ? props.keyboardIcon : props.calendarIcon);
+      const headerTransition = vue.computed(() => `date-picker-header${isReversing.value ? '-reverse' : ''}-transition`);
+      vue.watch(inputModel, () => {
+        const {
+          isValid,
+          date
+        } = adapter;
+        model.value = isValid(inputModel.value) ? [date(inputModel.value)] : [];
+      });
+      vue.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 = vue.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 vue.createVNode(VPicker, vue.mergeProps(pickerProps, {
+          "class": ['v-date-picker', props.class],
+          "style": props.style,
+          "title": title.value
+        }), {
+          header: () => slots.header?.(headerSlotProps.value) ?? vue.createVNode(VDatePickerHeader, vue.mergeProps({
+            "key": "header"
+          }, headerSlotProps.value), null),
+          default: () => inputMode.value === 'calendar' ? vue.createVNode(vue.Fragment, null, [vue.createVNode(VDatePickerControls, vue.mergeProps(datePickerControlsProps, {
+            "displayDate": displayDate.value,
+            "onUpdate:displayDate": $event => displayDate.value = $event,
+            "viewMode": viewMode.value,
+            "onUpdate:viewMode": $event => viewMode.value = $event
+          }), null), vue.createVNode(MaybeTransition, {
+            "transition": props.transition,
+            "mode": "out-in"
+          }, {
+            default: () => [viewMode.value === 'month' ? vue.createVNode(VDatePickerMonth, vue.mergeProps(datePickerMonthProps, {
+              "modelValue": model.value,
+              "onUpdate:modelValue": $event => model.value = $event,
+              "displayDate": displayDate.value,
+              "onUpdate:displayDate": $event => displayDate.value = $event
+            }), null) : vue.createVNode(VDatePickerYears, vue.mergeProps(datePickerYearsProps, {
+              "displayDate": displayDate.value,
+              "onUpdate:displayDate": $event => displayDate.value = $event,
+              "viewMode": viewMode.value,
+              "onUpdate:viewMode": $event => viewMode.value = $event
+            }), null)]
+          })]) : vue.createVNode("div", {
+            "class": "v-date-picker__input"
+          }, [vue.createVNode(VTextField, {
+            "modelValue": inputModel.value,
+            "onUpdate:modelValue": $event => inputModel.value = $event,
+            "label": t(props.inputText),
+            "placeholder": "dd/mm/yyyy"
+          }, null)]),
+          actions: !props.hideActions ? () => vue.createVNode("div", null, [vue.createVNode(VBtn, {
+            "variant": "text",
+            "color": props.color,
+            "onClick": onClickCancel,
+            "text": t(props.cancelText)
+          }, null), vue.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);
+      vue.watch(isIntersecting, async val => {
+        if (val) emit('intersect', props.side);
+      });
+      useRender(() => vue.createVNode("div", {
+        "class": "v-infinite-scroll-intersect",
+        "ref": intersectionRef
+      }, [vue.createTextVNode("\xA0")]));
+      return {};
+    }
+  });
+  const VInfiniteScroll = genericComponent()({
+    name: 'VInfiniteScroll',
+    props: makeVInfiniteScrollProps(),
+    emits: {
+      load: options => true
+    },
+    setup(props, _ref2) {
+      let {
+        slots,
+        emit
+      } = _ref2;
+      const rootEl = vue.ref();
+      const startStatus = vue.ref('ok');
+      const endStatus = vue.ref('ok');
+      const margin = vue.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];
+      }
+      vue.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);
+          vue.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) ?? vue.createVNode("div", null, [t(props.emptyText)]);
+        if (props.mode === 'manual') {
+          if (status === 'loading') {
+            return slots.loading?.(slotProps) ?? vue.createVNode(VProgressCircular, {
+              "indeterminate": true,
+              "color": props.color
+            }, null);
+          }
+          return slots['load-more']?.(slotProps) ?? vue.createVNode(VBtn, {
+            "variant": "outlined",
+            "color": props.color,
+            "onClick": onClick
+          }, {
+            default: () => [t(props.loadMoreText)]
+          });
+        }
+        return slots.loading?.(slotProps) ?? vue.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 vue.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: () => [vue.createVNode("div", {
+            "class": "v-infinite-scroll__side"
+          }, [renderSide('start', startStatus.value)]), rootEl.value && hasStartIntersect && intersectMode && vue.createVNode(VInfiniteScrollIntersect, {
+            "key": "start",
+            "side": "start",
+            "onIntersect": handleIntersect,
+            "rootRef": rootEl.value,
+            "rootMargin": margin.value
+          }, null), slots.default?.(), rootEl.value && hasEndIntersect && intersectMode && vue.createVNode(VInfiniteScrollIntersect, {
+            "key": "end",
+            "side": "end",
+            "onIntersect": handleIntersect,
+            "rootRef": rootEl.value,
+            "rootMargin": margin.value
+          }, null), vue.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 vue.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(vue.toRef(props, 'color'));
+      const {
+        dimensionStyles
+      } = useDimension(props);
+      const {
+        elevationClasses
+      } = useElevation(props);
+      const {
+        themeClasses
+      } = provideTheme(props);
+      const {
+        t
+      } = useLocale();
+      const items = vue.computed(() => genStructure(wrapInArray(props.type).join(',')));
+      useRender(() => {
+        const isLoading = !slots.default || props.loading;
+        return vue.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() {
@@ -22393,7 +23419,7 @@
       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
@@ -22407,7 +23433,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.3.2";
+  const version = "3.3.4";
 
   /* eslint-disable local-rules/sort-imports */