vuetify 3.5.8 → 3.5.10

package/dist/vuetify.esm.js

@@ -1,81 +1,10 @@
 /*!
-* Vuetify v3.5.8
+* Vuetify v3.5.10
 * Forged by John Leider
 * Released under the MIT License.
 */
 
-import { Fragment, reactive, computed, watchEffect, toRefs, capitalize, isVNode, Comment, unref, warn, ref, provide, shallowRef, inject as inject$1, defineComponent as defineComponent$1, camelize, h, getCurrentInstance as getCurrentInstance$1, onBeforeUnmount, watch, readonly, onDeactivated, onActivated, onMounted, onScopeDispose, effectScope, toRaw, createVNode, TransitionGroup, Transition, mergeProps, isRef, toRef, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, Text, resolveDynamicComponent, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, toDisplayString, vModelText } from 'vue';
-
-// Types
-// eslint-disable-line vue/prefer-import-from-vue
-
-/**
- * Creates a factory function for props definitions.
- * This is used to define props in a composable then override
- * default values in an implementing component.
- *
- * @example Simplified signature
- * (props: Props) => (defaults?: Record<keyof props, any>) => Props
- *
- * @example Usage
- * const makeProps = propsFactory({
- *   foo: String,
- * })
- *
- * defineComponent({
- *   props: {
- *     ...makeProps({
- *       foo: 'a',
- *     }),
- *   },
- *   setup (props) {
- *     // would be "string | undefined", now "string" because a default has been provided
- *     props.foo
- *   },
- * }
- */
-
-function propsFactory(props, source) {
-  return defaults => {
-    return Object.keys(props).reduce((obj, prop) => {
-      const isObjectDefinition = typeof props[prop] === 'object' && props[prop] != null && !Array.isArray(props[prop]);
-      const definition = isObjectDefinition ? props[prop] : {
-        type: props[prop]
-      };
-      if (defaults && prop in defaults) {
-        obj[prop] = {
-          ...definition,
-          default: defaults[prop]
-        };
-      } else {
-        obj[prop] = definition;
-      }
-      if (source && !obj[prop].source) {
-        obj[prop].source = source;
-      }
-      return obj;
-    }, {});
-  };
-}
-
-/**
- * Like `Partial<T>` but doesn't care what the value is
- */
-
-// Copied from Vue
-
-// Utilities
-
-// Types
-
-// Composables
-const makeComponentProps = propsFactory({
-  class: [String, Array],
-  style: {
-    type: [String, Array, Object],
-    default: null
-  }
-}, 'component');
+import { Fragment, reactive, computed, watchEffect, toRefs, capitalize, isVNode, Comment, unref, warn, ref, provide, shallowRef, inject as inject$1, defineComponent as defineComponent$1, camelize, h, getCurrentInstance as getCurrentInstance$1, createVNode, mergeProps, onBeforeUnmount, watch, readonly, onDeactivated, onActivated, onMounted, onScopeDispose, effectScope, toRaw, TransitionGroup, Transition, isRef, toRef, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, Text, resolveDynamicComponent, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, toDisplayString, vModelText } from 'vue';
 
 const IN_BROWSER = typeof window !== 'undefined';
 const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window;
@@ -1227,6 +1156,77 @@ function getForeground(color) {
   return whiteContrast > Math.min(blackContrast, 50) ? '#fff' : '#000';
 }
 
+// Types
+// eslint-disable-line vue/prefer-import-from-vue
+
+/**
+ * Creates a factory function for props definitions.
+ * This is used to define props in a composable then override
+ * default values in an implementing component.
+ *
+ * @example Simplified signature
+ * (props: Props) => (defaults?: Record<keyof props, any>) => Props
+ *
+ * @example Usage
+ * const makeProps = propsFactory({
+ *   foo: String,
+ * })
+ *
+ * defineComponent({
+ *   props: {
+ *     ...makeProps({
+ *       foo: 'a',
+ *     }),
+ *   },
+ *   setup (props) {
+ *     // would be "string | undefined", now "string" because a default has been provided
+ *     props.foo
+ *   },
+ * }
+ */
+
+function propsFactory(props, source) {
+  return defaults => {
+    return Object.keys(props).reduce((obj, prop) => {
+      const isObjectDefinition = typeof props[prop] === 'object' && props[prop] != null && !Array.isArray(props[prop]);
+      const definition = isObjectDefinition ? props[prop] : {
+        type: props[prop]
+      };
+      if (defaults && prop in defaults) {
+        obj[prop] = {
+          ...definition,
+          default: defaults[prop]
+        };
+      } else {
+        obj[prop] = definition;
+      }
+      if (source && !obj[prop].source) {
+        obj[prop].source = source;
+      }
+      return obj;
+    }, {});
+  };
+}
+
+/**
+ * Like `Partial<T>` but doesn't care what the value is
+ */
+
+// Copied from Vue
+
+// Utilities
+
+// Types
+
+// Composables
+const makeComponentProps = propsFactory({
+  class: [String, Array],
+  style: {
+    type: [String, Array, Object],
+    default: null
+  }
+}, 'component');
+
 // Utilities
 
 // Types
@@ -1533,19 +1533,464 @@ function isFixedPosition(el) {
     if (window.getComputedStyle(el).position === 'fixed') {
       return true;
     }
-    el = el.offsetParent;
+    el = el.offsetParent;
+  }
+  return false;
+}
+
+// Utilities
+
+// Types
+
+function useRender(render) {
+  const vm = getCurrentInstance('useRender');
+  vm.render = render;
+}
+
+// Types
+
+const IconValue = [String, Function, Object, Array];
+const IconSymbol = Symbol.for('vuetify:icons');
+const makeIconProps = propsFactory({
+  icon: {
+    type: IconValue
+  },
+  // Could not remove this and use makeTagProps, types complained because it is not required
+  tag: {
+    type: String,
+    required: true
+  }
+}, 'icon');
+const VComponentIcon = genericComponent()({
+  name: 'VComponentIcon',
+  props: makeIconProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    return () => {
+      const Icon = props.icon;
+      return createVNode(props.tag, null, {
+        default: () => [props.icon ? createVNode(Icon, null, null) : slots.default?.()]
+      });
+    };
+  }
+});
+const VSvgIcon = defineComponent({
+  name: 'VSvgIcon',
+  inheritAttrs: false,
+  props: makeIconProps(),
+  setup(props, _ref2) {
+    let {
+      attrs
+    } = _ref2;
+    return () => {
+      return createVNode(props.tag, mergeProps(attrs, {
+        "style": null
+      }), {
+        default: () => [createVNode("svg", {
+          "class": "v-icon__svg",
+          "xmlns": "http://www.w3.org/2000/svg",
+          "viewBox": "0 0 24 24",
+          "role": "img",
+          "aria-hidden": "true"
+        }, [Array.isArray(props.icon) ? props.icon.map(path => Array.isArray(path) ? createVNode("path", {
+          "d": path[0],
+          "fill-opacity": path[1]
+        }, null) : createVNode("path", {
+          "d": path
+        }, null)) : createVNode("path", {
+          "d": props.icon
+        }, null)])]
+      });
+    };
+  }
+});
+const VLigatureIcon = defineComponent({
+  name: 'VLigatureIcon',
+  props: makeIconProps(),
+  setup(props) {
+    return () => {
+      return createVNode(props.tag, null, {
+        default: () => [props.icon]
+      });
+    };
+  }
+});
+const VClassIcon = defineComponent({
+  name: 'VClassIcon',
+  props: makeIconProps(),
+  setup(props) {
+    return () => {
+      return createVNode(props.tag, {
+        "class": props.icon
+      }, null);
+    };
+  }
+});
+function genDefaults$3() {
+  return {
+    svg: {
+      component: VSvgIcon
+    },
+    class: {
+      component: VClassIcon
+    }
+  };
+}
+
+// Composables
+function createIcons(options) {
+  const sets = genDefaults$3();
+  const defaultSet = options?.defaultSet ?? 'mdi';
+  if (defaultSet === 'mdi' && !sets.mdi) {
+    sets.mdi = mdi;
+  }
+  return mergeDeep({
+    defaultSet,
+    sets,
+    aliases: {
+      ...aliases,
+      /* eslint-disable max-len */
+      vuetify: ['M8.2241 14.2009L12 21L22 3H14.4459L8.2241 14.2009Z', ['M7.26303 12.4733L7.00113 12L2 3H12.5261C12.5261 3 12.5261 3 12.5261 3L7.26303 12.4733Z', 0.6]],
+      'vuetify-outline': 'svg:M7.26 12.47 12.53 3H2L7.26 12.47ZM14.45 3 8.22 14.2 12 21 22 3H14.45ZM18.6 5 12 16.88 10.51 14.2 15.62 5ZM7.26 8.35 5.4 5H9.13L7.26 8.35Z'
+      /* eslint-enable max-len */
+    }
+  }, options);
+}
+const useIcon = props => {
+  const icons = inject$1(IconSymbol);
+  if (!icons) throw new Error('Missing Vuetify Icons provide!');
+  const iconData = computed(() => {
+    const iconAlias = unref(props);
+    if (!iconAlias) return {
+      component: VComponentIcon
+    };
+    let icon = iconAlias;
+    if (typeof icon === 'string') {
+      icon = icon.trim();
+      if (icon.startsWith('$')) {
+        icon = icons.aliases?.[icon.slice(1)];
+      }
+    }
+    if (!icon) throw new Error(`Could not find aliased icon "${iconAlias}"`);
+    if (Array.isArray(icon)) {
+      return {
+        component: VSvgIcon,
+        icon
+      };
+    } else if (typeof icon !== 'string') {
+      return {
+        component: VComponentIcon,
+        icon
+      };
+    }
+    const iconSetName = Object.keys(icons.sets).find(setName => typeof icon === 'string' && icon.startsWith(`${setName}:`));
+    const iconName = iconSetName ? icon.slice(iconSetName.length + 1) : icon;
+    const iconSet = icons.sets[iconSetName ?? icons.defaultSet];
+    return {
+      component: iconSet.component,
+      icon: iconName
+    };
+  });
+  return {
+    iconData
+  };
+};
+
+// Composables
+
+// Types
+
+const aliases = {
+  collapse: 'mdi-chevron-up',
+  complete: 'mdi-check',
+  cancel: 'mdi-close-circle',
+  close: 'mdi-close',
+  delete: 'mdi-close-circle',
+  // delete (e.g. v-chip close)
+  clear: 'mdi-close-circle',
+  success: 'mdi-check-circle',
+  info: 'mdi-information',
+  warning: 'mdi-alert-circle',
+  error: 'mdi-close-circle',
+  prev: 'mdi-chevron-left',
+  next: 'mdi-chevron-right',
+  checkboxOn: 'mdi-checkbox-marked',
+  checkboxOff: 'mdi-checkbox-blank-outline',
+  checkboxIndeterminate: 'mdi-minus-box',
+  delimiter: 'mdi-circle',
+  // for carousel
+  sortAsc: 'mdi-arrow-up',
+  sortDesc: 'mdi-arrow-down',
+  expand: 'mdi-chevron-down',
+  menu: 'mdi-menu',
+  subgroup: 'mdi-menu-down',
+  dropdown: 'mdi-menu-down',
+  radioOn: 'mdi-radiobox-marked',
+  radioOff: 'mdi-radiobox-blank',
+  edit: 'mdi-pencil',
+  ratingEmpty: 'mdi-star-outline',
+  ratingFull: 'mdi-star',
+  ratingHalf: 'mdi-star-half-full',
+  loading: 'mdi-cached',
+  first: 'mdi-page-first',
+  last: 'mdi-page-last',
+  unfold: 'mdi-unfold-more-horizontal',
+  file: 'mdi-paperclip',
+  plus: 'mdi-plus',
+  minus: 'mdi-minus',
+  calendar: 'mdi-calendar',
+  treeviewCollapse: 'mdi-menu-down',
+  treeviewExpand: 'mdi-menu-right',
+  eyeDropper: 'mdi-eyedropper'
+};
+const mdi = {
+  // Not using mergeProps here, functional components merge props by default (?)
+  component: props => h(VClassIcon, {
+    ...props,
+    class: 'mdi'
+  })
+};
+
+// Icons
+
+// Types
+
+const md1 = {
+  defaults: {
+    global: {
+      rounded: 'sm'
+    },
+    VAvatar: {
+      rounded: 'circle'
+    },
+    VAutocomplete: {
+      variant: 'underlined'
+    },
+    VBanner: {
+      color: 'primary'
+    },
+    VBtn: {
+      color: 'primary',
+      rounded: 0
+    },
+    VCheckbox: {
+      color: 'secondary'
+    },
+    VCombobox: {
+      variant: 'underlined'
+    },
+    VSelect: {
+      variant: 'underlined'
+    },
+    VSlider: {
+      color: 'primary'
+    },
+    VTabs: {
+      color: 'primary'
+    },
+    VTextarea: {
+      variant: 'underlined'
+    },
+    VTextField: {
+      variant: 'underlined'
+    },
+    VToolbar: {
+      VBtn: {
+        color: null
+      }
+    }
+  },
+  icons: {
+    defaultSet: 'mdi',
+    sets: {
+      mdi
+    }
+  },
+  theme: {
+    themes: {
+      light: {
+        colors: {
+          primary: '#3F51B5',
+          'primary-darken-1': '#303F9F',
+          'primary-lighten-1': '#C5CAE9',
+          secondary: '#FF4081',
+          'secondary-darken-1': '#F50057',
+          'secondary-lighten-1': '#FF80AB',
+          accent: '#009688'
+        }
+      }
+    }
+  }
+};
+
+// Icons
+
+// Types
+
+const md2 = {
+  defaults: {
+    global: {
+      rounded: 'md'
+    },
+    VAvatar: {
+      rounded: 'circle'
+    },
+    VAutocomplete: {
+      variant: 'filled'
+    },
+    VBanner: {
+      color: 'primary'
+    },
+    VBtn: {
+      color: 'primary'
+    },
+    VCheckbox: {
+      color: 'secondary'
+    },
+    VCombobox: {
+      variant: 'filled'
+    },
+    VSelect: {
+      variant: 'filled'
+    },
+    VSlider: {
+      color: 'primary'
+    },
+    VTabs: {
+      color: 'primary'
+    },
+    VTextarea: {
+      variant: 'filled'
+    },
+    VTextField: {
+      variant: 'filled'
+    },
+    VToolbar: {
+      VBtn: {
+        color: null
+      }
+    }
+  },
+  icons: {
+    defaultSet: 'mdi',
+    sets: {
+      mdi
+    }
+  },
+  theme: {
+    themes: {
+      light: {
+        colors: {
+          primary: '#6200EE',
+          'primary-darken-1': '#3700B3',
+          secondary: '#03DAC6',
+          'secondary-darken-1': '#018786',
+          error: '#B00020'
+        }
+      }
+    }
+  }
+};
+
+// Icons
+
+// Types
+
+const md3 = {
+  defaults: {
+    VAppBar: {
+      flat: true
+    },
+    VAutocomplete: {
+      variant: 'filled'
+    },
+    VBanner: {
+      color: 'primary'
+    },
+    VBottomSheet: {
+      contentClass: 'rounded-t-xl overflow-hidden'
+    },
+    VBtn: {
+      color: 'primary',
+      rounded: 'xl'
+    },
+    VBtnGroup: {
+      rounded: 'xl',
+      VBtn: {
+        rounded: null
+      }
+    },
+    VCard: {
+      rounded: 'lg'
+    },
+    VCheckbox: {
+      color: 'secondary',
+      inset: true
+    },
+    VChip: {
+      rounded: 'sm'
+    },
+    VCombobox: {
+      variant: 'filled'
+    },
+    VNavigationDrawer: {
+      // VList: {
+      //   nav: true,
+      //   VListItem: {
+      //     rounded: 'xl',
+      //   },
+      // },
+    },
+    VSelect: {
+      variant: 'filled'
+    },
+    VSlider: {
+      color: 'primary'
+    },
+    VTabs: {
+      color: 'primary'
+    },
+    VTextarea: {
+      variant: 'filled'
+    },
+    VTextField: {
+      variant: 'filled'
+    },
+    VToolbar: {
+      VBtn: {
+        color: null
+      }
+    }
+  },
+  icons: {
+    defaultSet: 'mdi',
+    sets: {
+      mdi
+    }
+  },
+  theme: {
+    themes: {
+      light: {
+        colors: {
+          primary: '#6750a4',
+          secondary: '#b4b0bb',
+          tertiary: '#7d5260',
+          error: '#b3261e',
+          surface: '#fffbfe'
+        }
+      }
+    }
   }
-  return false;
-}
-
-// Utilities
-
-// Types
+};
 
-function useRender(render) {
-  const vm = getCurrentInstance('useRender');
-  vm.render = render;
-}
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  md1: md1,
+  md2: md2,
+  md3: md3
+});
 
 // Utilities
 
@@ -2160,7 +2605,7 @@ function provideLocale(props) {
   provide(LocaleSymbol, data);
   return data;
 }
-function genDefaults$3() {
+function genDefaults$2() {
   return {
     af: false,
     ar: true,
@@ -2207,7 +2652,7 @@ function genDefaults$3() {
   };
 }
 function createRtl(i18n, options) {
-  const rtl = ref(options?.rtl ?? genDefaults$3());
+  const rtl = ref(options?.rtl ?? genDefaults$2());
   const isRtl = computed(() => rtl.value[i18n.current.value] ?? false);
   return {
     isRtl,
@@ -2240,7 +2685,7 @@ const ThemeSymbol = Symbol.for('vuetify:theme');
 const makeThemeProps = propsFactory({
   theme: String
 }, 'theme');
-function genDefaults$2() {
+function genDefaults$1() {
   return {
     defaultTheme: 'light',
     variations: {
@@ -2327,8 +2772,8 @@ function genDefaults$2() {
   };
 }
 function parseThemeOptions() {
-  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : genDefaults$2();
-  const defaults = genDefaults$2();
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : genDefaults$1();
+  const defaults = genDefaults$1();
   if (!options) return {
     ...defaults,
     isDisabled: true
@@ -2382,7 +2827,7 @@ function createTheme(options) {
   const current = computed(() => computedThemes.value[name.value]);
   const styles = computed(() => {
     const lines = [];
-    if (current.value.dark) {
+    if (current.value?.dark) {
       createCssClass(lines, ':root', ['color-scheme: dark']);
     }
     createCssClass(lines, ':root', genCssVariables(current.value));
@@ -4252,280 +4697,76 @@ function getItemIndex(items, value) {
 }
 function getIds(items, modelValue) {
   const ids = [];
-  modelValue.forEach(value => {
-    const item = items.find(item => deepEqual(value, item.value));
-    const itemByIndex = items[value];
-    if (item?.value != null) {
-      ids.push(item.id);
-    } else if (itemByIndex != null) {
-      ids.push(itemByIndex.id);
-    }
-  });
-  return ids;
-}
-function getValues(items, ids) {
-  const values = [];
-  ids.forEach(id => {
-    const itemIndex = items.findIndex(item => item.id === id);
-    if (~itemIndex) {
-      const item = items[itemIndex];
-      values.push(item.value != null ? item.value : itemIndex);
-    }
-  });
-  return values;
-}
-
-// Types
-
-const VBtnToggleSymbol = Symbol.for('vuetify:v-btn-toggle');
-const makeVBtnToggleProps = propsFactory({
-  ...makeVBtnGroupProps(),
-  ...makeGroupProps()
-}, 'VBtnToggle');
-const VBtnToggle = genericComponent()({
-  name: 'VBtnToggle',
-  props: makeVBtnToggleProps(),
-  emits: {
-    'update:modelValue': value => true
-  },
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    const {
-      isSelected,
-      next,
-      prev,
-      select,
-      selected
-    } = useGroup(props, VBtnToggleSymbol);
-    useRender(() => {
-      const btnGroupProps = VBtnGroup.filterProps(props);
-      return createVNode(VBtnGroup, mergeProps({
-        "class": ['v-btn-toggle', props.class]
-      }, btnGroupProps, {
-        "style": props.style
-      }), {
-        default: () => [slots.default?.({
-          isSelected,
-          next,
-          prev,
-          select,
-          selected
-        })]
-      });
-    });
-    return {
-      next,
-      prev,
-      select
-    };
-  }
-});
-
-// Composables
-
-// Types
-
-const aliases = {
-  collapse: 'mdi-chevron-up',
-  complete: 'mdi-check',
-  cancel: 'mdi-close-circle',
-  close: 'mdi-close',
-  delete: 'mdi-close-circle',
-  // delete (e.g. v-chip close)
-  clear: 'mdi-close-circle',
-  success: 'mdi-check-circle',
-  info: 'mdi-information',
-  warning: 'mdi-alert-circle',
-  error: 'mdi-close-circle',
-  prev: 'mdi-chevron-left',
-  next: 'mdi-chevron-right',
-  checkboxOn: 'mdi-checkbox-marked',
-  checkboxOff: 'mdi-checkbox-blank-outline',
-  checkboxIndeterminate: 'mdi-minus-box',
-  delimiter: 'mdi-circle',
-  // for carousel
-  sortAsc: 'mdi-arrow-up',
-  sortDesc: 'mdi-arrow-down',
-  expand: 'mdi-chevron-down',
-  menu: 'mdi-menu',
-  subgroup: 'mdi-menu-down',
-  dropdown: 'mdi-menu-down',
-  radioOn: 'mdi-radiobox-marked',
-  radioOff: 'mdi-radiobox-blank',
-  edit: 'mdi-pencil',
-  ratingEmpty: 'mdi-star-outline',
-  ratingFull: 'mdi-star',
-  ratingHalf: 'mdi-star-half-full',
-  loading: 'mdi-cached',
-  first: 'mdi-page-first',
-  last: 'mdi-page-last',
-  unfold: 'mdi-unfold-more-horizontal',
-  file: 'mdi-paperclip',
-  plus: 'mdi-plus',
-  minus: 'mdi-minus',
-  calendar: 'mdi-calendar',
-  eyeDropper: 'mdi-eyedropper'
-};
-const mdi = {
-  // Not using mergeProps here, functional components merge props by default (?)
-  component: props => h(VClassIcon, {
-    ...props,
-    class: 'mdi'
-  })
-};
-
-// Types
-
-const IconValue = [String, Function, Object, Array];
-const IconSymbol = Symbol.for('vuetify:icons');
-const makeIconProps = propsFactory({
-  icon: {
-    type: IconValue
-  },
-  // Could not remove this and use makeTagProps, types complained because it is not required
-  tag: {
-    type: String,
-    required: true
-  }
-}, 'icon');
-const VComponentIcon = genericComponent()({
-  name: 'VComponentIcon',
-  props: makeIconProps(),
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    return () => {
-      const Icon = props.icon;
-      return createVNode(props.tag, null, {
-        default: () => [props.icon ? createVNode(Icon, null, null) : slots.default?.()]
-      });
-    };
-  }
-});
-const VSvgIcon = defineComponent({
-  name: 'VSvgIcon',
-  inheritAttrs: false,
-  props: makeIconProps(),
-  setup(props, _ref2) {
-    let {
-      attrs
-    } = _ref2;
-    return () => {
-      return createVNode(props.tag, mergeProps(attrs, {
-        "style": null
-      }), {
-        default: () => [createVNode("svg", {
-          "class": "v-icon__svg",
-          "xmlns": "http://www.w3.org/2000/svg",
-          "viewBox": "0 0 24 24",
-          "role": "img",
-          "aria-hidden": "true"
-        }, [Array.isArray(props.icon) ? props.icon.map(path => Array.isArray(path) ? createVNode("path", {
-          "d": path[0],
-          "fill-opacity": path[1]
-        }, null) : createVNode("path", {
-          "d": path
-        }, null)) : createVNode("path", {
-          "d": props.icon
-        }, null)])]
-      });
-    };
-  }
-});
-const VLigatureIcon = defineComponent({
-  name: 'VLigatureIcon',
-  props: makeIconProps(),
-  setup(props) {
-    return () => {
-      return createVNode(props.tag, null, {
-        default: () => [props.icon]
-      });
-    };
-  }
-});
-const VClassIcon = defineComponent({
-  name: 'VClassIcon',
-  props: makeIconProps(),
-  setup(props) {
-    return () => {
-      return createVNode(props.tag, {
-        "class": props.icon
-      }, null);
-    };
-  }
-});
-function genDefaults$1() {
-  return {
-    svg: {
-      component: VSvgIcon
-    },
-    class: {
-      component: VClassIcon
-    }
-  };
-}
-
-// Composables
-function createIcons(options) {
-  const sets = genDefaults$1();
-  const defaultSet = options?.defaultSet ?? 'mdi';
-  if (defaultSet === 'mdi' && !sets.mdi) {
-    sets.mdi = mdi;
-  }
-  return mergeDeep({
-    defaultSet,
-    sets,
-    aliases: {
-      ...aliases,
-      /* eslint-disable max-len */
-      vuetify: ['M8.2241 14.2009L12 21L22 3H14.4459L8.2241 14.2009Z', ['M7.26303 12.4733L7.00113 12L2 3H12.5261C12.5261 3 12.5261 3 12.5261 3L7.26303 12.4733Z', 0.6]],
-      'vuetify-outline': 'svg:M7.26 12.47 12.53 3H2L7.26 12.47ZM14.45 3 8.22 14.2 12 21 22 3H14.45ZM18.6 5 12 16.88 10.51 14.2 15.62 5ZM7.26 8.35 5.4 5H9.13L7.26 8.35Z'
-      /* eslint-enable max-len */
+  modelValue.forEach(value => {
+    const item = items.find(item => deepEqual(value, item.value));
+    const itemByIndex = items[value];
+    if (item?.value != null) {
+      ids.push(item.id);
+    } else if (itemByIndex != null) {
+      ids.push(itemByIndex.id);
     }
-  }, options);
+  });
+  return ids;
 }
-const useIcon = props => {
-  const icons = inject$1(IconSymbol);
-  if (!icons) throw new Error('Missing Vuetify Icons provide!');
-  const iconData = computed(() => {
-    const iconAlias = unref(props);
-    if (!iconAlias) return {
-      component: VComponentIcon
-    };
-    let icon = iconAlias;
-    if (typeof icon === 'string') {
-      icon = icon.trim();
-      if (icon.startsWith('$')) {
-        icon = icons.aliases?.[icon.slice(1)];
-      }
-    }
-    if (!icon) throw new Error(`Could not find aliased icon "${iconAlias}"`);
-    if (Array.isArray(icon)) {
-      return {
-        component: VSvgIcon,
-        icon
-      };
-    } else if (typeof icon !== 'string') {
-      return {
-        component: VComponentIcon,
-        icon
-      };
+function getValues(items, ids) {
+  const values = [];
+  ids.forEach(id => {
+    const itemIndex = items.findIndex(item => item.id === id);
+    if (~itemIndex) {
+      const item = items[itemIndex];
+      values.push(item.value != null ? item.value : itemIndex);
     }
-    const iconSetName = Object.keys(icons.sets).find(setName => typeof icon === 'string' && icon.startsWith(`${setName}:`));
-    const iconName = iconSetName ? icon.slice(iconSetName.length + 1) : icon;
-    const iconSet = icons.sets[iconSetName ?? icons.defaultSet];
+  });
+  return values;
+}
+
+// Types
+
+const VBtnToggleSymbol = Symbol.for('vuetify:v-btn-toggle');
+const makeVBtnToggleProps = propsFactory({
+  ...makeVBtnGroupProps(),
+  ...makeGroupProps()
+}, 'VBtnToggle');
+const VBtnToggle = genericComponent()({
+  name: 'VBtnToggle',
+  props: makeVBtnToggleProps(),
+  emits: {
+    'update:modelValue': value => true
+  },
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      isSelected,
+      next,
+      prev,
+      select,
+      selected
+    } = useGroup(props, VBtnToggleSymbol);
+    useRender(() => {
+      const btnGroupProps = VBtnGroup.filterProps(props);
+      return createVNode(VBtnGroup, mergeProps({
+        "class": ['v-btn-toggle', props.class]
+      }, btnGroupProps, {
+        "style": props.style
+      }), {
+        default: () => [slots.default?.({
+          isSelected,
+          next,
+          prev,
+          select,
+          selected
+        })]
+      });
+    });
     return {
-      component: iconSet.component,
-      icon: iconName
+      next,
+      prev,
+      select
     };
-  });
-  return {
-    iconData
-  };
-};
+  }
+});
 
 // Utilities
 
@@ -4560,6 +4801,7 @@ function useSize(props) {
 
 const makeVIconProps = propsFactory({
   color: String,
+  disabled: Boolean,
   start: Boolean,
   end: Boolean,
   icon: IconValue,
@@ -4597,11 +4839,13 @@ const VIcon = genericComponent()({
       if (slotValue) {
         slotIcon.value = flattenFragments(slotValue).filter(node => node.type === Text && node.children && typeof node.children === 'string')[0]?.children;
       }
+      const hasClick = !!(attrs.onClick || attrs.onClickOnce);
       return createVNode(iconData.value.component, {
         "tag": props.tag,
         "icon": iconData.value.icon,
         "class": ['v-icon', 'notranslate', themeClasses.value, sizeClasses.value, textColorClasses.value, {
-          'v-icon--clickable': !!attrs.onClick,
+          'v-icon--clickable': hasClick,
+          'v-icon--disabled': props.disabled,
           'v-icon--start': props.start,
           'v-icon--end': props.end
         }, props.class],
@@ -4610,8 +4854,9 @@ const VIcon = genericComponent()({
           height: convertToUnit(props.size),
           width: convertToUnit(props.size)
         } : undefined, textColorStyles.value, props.style],
-        "role": attrs.onClick ? 'button' : undefined,
-        "aria-hidden": !attrs.onClick
+        "role": hasClick ? 'button' : undefined,
+        "aria-hidden": !hasClick,
+        "tabindex": hasClick ? props.disabled ? -1 : 0 : undefined
       }, {
         default: () => [slotValue]
       });
@@ -7752,6 +7997,126 @@ function useList() {
   return inject$1(ListKey, null);
 }
 
+/* eslint-disable sonarjs/no-identical-functions */
+// Utilities
+const independentActiveStrategy = mandatory => {
+  const strategy = {
+    activate: _ref => {
+      let {
+        id,
+        value,
+        activated
+      } = _ref;
+      id = toRaw(id);
+
+      // When mandatory and we're trying to deselect when id
+      // is the only currently selected item then do nothing
+      if (mandatory && !value && activated.size === 1 && activated.has(id)) return activated;
+      if (value) {
+        activated.add(id);
+      } else {
+        activated.delete(id);
+      }
+      return activated;
+    },
+    in: (v, children, parents) => {
+      let set = new Set();
+      for (const id of v || []) {
+        set = strategy.activate({
+          id,
+          value: true,
+          activated: new Set(set),
+          children,
+          parents
+        });
+      }
+      return set;
+    },
+    out: v => {
+      return Array.from(v);
+    }
+  };
+  return strategy;
+};
+const independentSingleActiveStrategy = mandatory => {
+  const parentStrategy = independentActiveStrategy(mandatory);
+  const strategy = {
+    activate: _ref2 => {
+      let {
+        activated,
+        id,
+        ...rest
+      } = _ref2;
+      id = toRaw(id);
+      const singleSelected = activated.has(id) ? new Set([id]) : new Set();
+      return parentStrategy.activate({
+        ...rest,
+        id,
+        activated: singleSelected
+      });
+    },
+    in: (v, children, parents) => {
+      let set = new Set();
+      if (v?.length) {
+        set = parentStrategy.in(v.slice(0, 1), children, parents);
+      }
+      return set;
+    },
+    out: (v, children, parents) => {
+      return parentStrategy.out(v, children, parents);
+    }
+  };
+  return strategy;
+};
+const leafActiveStrategy = mandatory => {
+  const parentStrategy = independentActiveStrategy(mandatory);
+  const strategy = {
+    activate: _ref3 => {
+      let {
+        id,
+        activated,
+        children,
+        ...rest
+      } = _ref3;
+      id = toRaw(id);
+      if (children.has(id)) return activated;
+      return parentStrategy.activate({
+        id,
+        activated,
+        children,
+        ...rest
+      });
+    },
+    in: parentStrategy.in,
+    out: parentStrategy.out
+  };
+  return strategy;
+};
+const leafSingleActiveStrategy = mandatory => {
+  const parentStrategy = independentSingleActiveStrategy(mandatory);
+  const strategy = {
+    activate: _ref4 => {
+      let {
+        id,
+        activated,
+        children,
+        ...rest
+      } = _ref4;
+      id = toRaw(id);
+      if (children.has(id)) return activated;
+      return parentStrategy.activate({
+        id,
+        activated,
+        children,
+        ...rest
+      });
+    },
+    in: parentStrategy.in,
+    out: parentStrategy.out
+  };
+  return strategy;
+};
+
 const singleOpenStrategy = {
   open: _ref => {
     let {
@@ -7836,7 +8201,8 @@ const independentSelectStrategy = mandatory => {
       if (mandatory && !value) {
         const on = Array.from(selected.entries()).reduce((arr, _ref2) => {
           let [key, value] = _ref2;
-          return value === 'on' ? [...arr, key] : arr;
+          if (value === 'on') arr.push(key);
+          return arr;
         }, []);
         if (on.length === 1 && on[0] === id) return selected;
       }
@@ -7978,7 +8344,8 @@ const classicSelectStrategy = mandatory => {
       if (mandatory && !value) {
         const on = Array.from(selected.entries()).reduce((arr, _ref7) => {
           let [key, value] = _ref7;
-          return value === 'on' ? [...arr, key] : arr;
+          if (value === 'on') arr.push(key);
+          return arr;
         }, []);
         if (on.length === 0) return original;
       }
@@ -8022,16 +8389,24 @@ const emptyNested = {
     children: ref(new Map()),
     open: () => null,
     openOnSelect: () => null,
+    activate: () => null,
     select: () => null,
+    activatable: ref(false),
+    selectable: ref(false),
     opened: ref(new Set()),
+    activated: ref(new Set()),
     selected: ref(new Map()),
     selectedValues: ref([])
   }
 };
 const makeNestedProps = propsFactory({
+  activatable: Boolean,
+  selectable: Boolean,
+  activeStrategy: [String, Function],
   selectStrategy: [String, Function],
   openStrategy: [String, Object],
   opened: Array,
+  activated: Array,
   selected: Array,
   mandatory: Boolean
 }, 'nested');
@@ -8040,6 +8415,20 @@ const useNested = props => {
   const children = ref(new Map());
   const parents = ref(new Map());
   const opened = useProxiedModel(props, 'opened', props.opened, v => new Set(v), v => [...v.values()]);
+  const activeStrategy = computed(() => {
+    if (typeof props.activeStrategy === 'object') return props.activeStrategy;
+    switch (props.activeStrategy) {
+      case 'leaf':
+        return leafActiveStrategy(props.mandatory);
+      case 'single-leaf':
+        return leafSingleActiveStrategy(props.mandatory);
+      case 'independent':
+        return independentActiveStrategy(props.mandatory);
+      case 'single-independent':
+      default:
+        return independentSingleActiveStrategy(props.mandatory);
+    }
+  });
   const selectStrategy = computed(() => {
     if (typeof props.selectStrategy === 'object') return props.selectStrategy;
     switch (props.selectStrategy) {
@@ -8068,6 +8457,7 @@ const useNested = props => {
         return multipleOpenStrategy;
     }
   });
+  const activated = useProxiedModel(props, 'activated', props.activated, v => activeStrategy.value.in(v, children.value, parents.value), v => activeStrategy.value.out(v, children.value, parents.value));
   const selected = useProxiedModel(props, 'selected', props.selected, v => selectStrategy.value.in(v, children.value, parents.value), v => selectStrategy.value.out(v, children.value, parents.value));
   onBeforeUnmount(() => {
     isUnmounted = true;
@@ -8086,6 +8476,9 @@ const useNested = props => {
     id: shallowRef(),
     root: {
       opened,
+      activatable: toRef(props, 'activatable'),
+      selectable: toRef(props, 'selectable'),
+      activated,
       selected,
       selectedValues: computed(() => {
         const arr = [];
@@ -8159,6 +8552,26 @@ const useNested = props => {
         newSelected && (selected.value = newSelected);
         nested.root.openOnSelect(id, value, event);
       },
+      activate: (id, value, event) => {
+        if (!props.activatable) {
+          return nested.root.select(id, true, event);
+        }
+        vm.emit('click:activate', {
+          id,
+          value,
+          path: getPath(id),
+          event
+        });
+        const newActivated = activeStrategy.value.activate({
+          id,
+          value,
+          activated: new Set(activated.value),
+          children: children.value,
+          parents: parents.value,
+          event
+        });
+        newActivated && (activated.value = newActivated);
+      },
       children,
       parents
     }
@@ -8177,6 +8590,8 @@ const useNestedItem = (id, isGroup) => {
     openOnSelect: (open, e) => parent.root.openOnSelect(computedId.value, open, e),
     isOpen: computed(() => parent.root.opened.value.has(computedId.value)),
     parent: computed(() => parent.root.parents.value.get(computedId.value)),
+    activate: (activated, e) => parent.root.activate(computedId.value, activated, e),
+    isActivated: computed(() => parent.root.activated.value.has(toRaw(computedId.value))),
     select: (selected, e) => parent.root.select(computedId.value, selected, e),
     isSelected: computed(() => parent.root.selected.value.get(toRaw(computedId.value)) === 'on'),
     isIndeterminate: computed(() => parent.root.selected.value.get(computedId.value) === 'indeterminate'),
@@ -8299,7 +8714,9 @@ const VListGroup = genericComponent()({
         }, [slots.default?.()]), [[vShow, isOpen.value]])]
       })]
     }));
-    return {};
+    return {
+      isOpen
+    };
   }
 });
 
@@ -8372,6 +8789,8 @@ const VListItem = genericComponent()({
     const link = useLink(props, attrs);
     const id = computed(() => props.value === undefined ? link.href.value : props.value);
     const {
+      activate,
+      isActivated,
       select,
       isSelected,
       isIndeterminate,
@@ -8381,9 +8800,9 @@ const VListItem = genericComponent()({
       openOnSelect
     } = useNestedItem(id, false);
     const list = useList();
-    const isActive = computed(() => props.active !== false && (props.active || link.isActive?.value || isSelected.value));
+    const isActive = computed(() => props.active !== false && (props.active || link.isActive?.value || (root.activatable.value ? isActivated.value : isSelected.value)));
     const isLink = computed(() => props.link !== false && link.isLink.value);
-    const isClickable = computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value || props.value != null && !!list));
+    const isClickable = computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value || !!list && (root.selectable.value || root.activatable.value || props.value != null)));
     const roundedProps = computed(() => props.rounded || props.nav);
     const color = computed(() => props.color ?? props.activeColor);
     const variantProps = computed(() => ({
@@ -8434,7 +8853,13 @@ const VListItem = genericComponent()({
       emit('click', e);
       if (isGroupActivator || !isClickable.value) return;
       link.navigate?.(e);
-      props.value != null && select(!isSelected.value, e);
+      if (root.activatable.value) {
+        activate(!isActivated.value, e);
+      } else if (root.selectable.value) {
+        select(!isSelected.value, e);
+      } else if (props.value != null) {
+        select(!isSelected.value, e);
+      }
     }
     function onKeyDown(e) {
       if (e.key === 'Enter' || e.key === ' ') {
@@ -8550,7 +8975,12 @@ const VListItem = genericComponent()({
         }, null)])]
       }), [[resolveDirective("ripple"), isClickable.value && props.ripple]]);
     });
-    return {};
+    return {
+      isGroupActivator,
+      isSelected,
+      list,
+      select
+    };
   }
 });
 
@@ -8892,8 +9322,10 @@ const VList = genericComponent()({
   props: makeVListProps(),
   emits: {
     'update:selected': value => true,
+    'update:activated': value => true,
     'update:opened': value => true,
     'click:open': value => true,
+    'click:activate': value => true,
     'click:select': value => true
   },
   setup(props, _ref) {
@@ -8926,7 +9358,9 @@ const VList = genericComponent()({
       roundedClasses
     } = useRounded(props);
     const {
+      children,
       open,
+      parents,
       select
     } = useNested(props);
     const lineClasses = computed(() => props.lines ? `v-list--${props.lines}-line` : undefined);
@@ -9016,7 +9450,9 @@ const VList = genericComponent()({
     return {
       open,
       select,
-      focus
+      focus,
+      children,
+      parents
     };
   }
 });
@@ -9558,7 +9994,7 @@ function useScrollStrategies(props, data) {
     scope?.stop();
     if (!(data.isActive.value && props.scrollStrategy)) return;
     scope = effectScope();
-    await nextTick();
+    await new Promise(resolve => setTimeout(resolve));
     scope.active && scope.run(() => {
       if (typeof props.scrollStrategy === 'function') {
         props.scrollStrategy(data, props, scope);
@@ -10307,6 +10743,7 @@ const VOverlay = genericComponent()({
       if (v) isActive.value = false;
     });
     const root = ref();
+    const scrimEl = ref();
     const contentEl = ref();
     const {
       contentStyles,
@@ -10328,8 +10765,10 @@ const VOverlay = genericComponent()({
       emit('click:outside', e);
       if (!props.persistent) isActive.value = false;else animateClick();
     }
-    function closeConditional() {
-      return isActive.value && globalTop.value;
+    function closeConditional(e) {
+      return isActive.value && globalTop.value && (
+      // If using scrim, only close if clicking on it rather than anything opened on top
+      !props.scrim || e.target === scrimEl.value);
     }
     IN_BROWSER && watch(isActive, val => {
       if (val) {
@@ -10416,7 +10855,8 @@ const VOverlay = genericComponent()({
         "ref": root
       }, scopeId, attrs), [createVNode(Scrim, mergeProps({
         "color": scrimColor,
-        "modelValue": isActive.value && !!props.scrim
+        "modelValue": isActive.value && !!props.scrim,
+        "ref": scrimEl
       }, scrimEvents.value), null), createVNode(MaybeTransition, {
         "appear": true,
         "persisted": true,
@@ -10439,6 +10879,7 @@ const VOverlay = genericComponent()({
     })]));
     return {
       activatorEl,
+      scrimEl,
       target,
       animateClick,
       contentEl,
@@ -10634,6 +11075,9 @@ const VMenu = genericComponent()({
           isActive.value = false;
           overlay.value?.activatorEl?.focus();
         }
+      } else if (['Enter', ' '].includes(e.key) && props.closeOnContentClick) {
+        isActive.value = false;
+        parent?.closeParents();
       }
     }
     function onActivatorKeydown(e) {
@@ -10911,7 +11355,7 @@ const VField = genericComponent()({
     }
     useRender(() => {
       const isOutlined = props.variant === 'outlined';
-      const hasPrepend = slots['prepend-inner'] || props.prependInnerIcon;
+      const hasPrepend = !!(slots['prepend-inner'] || props.prependInnerIcon);
       const hasClear = !!(props.clearable || slots.clear);
       const hasAppend = !!(slots['append-inner'] || props.appendInnerIcon || hasClear);
       const label = () => slots.label ? slots.label({
@@ -11896,9 +12340,11 @@ const VSelect = genericComponent()({
         });
       }
     });
-    watch(() => props.items, val => {
-      if (!isFocused.value || !val.length || menu.value) return;
-      menu.value = true;
+    watch(() => props.items, (newVal, oldVal) => {
+      if (menu.value) return;
+      if (isFocused.value && !oldVal.length && newVal.length) {
+        menu.value = true;
+      }
     });
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
@@ -12333,8 +12779,8 @@ const VAutocomplete = genericComponent()({
       if (e.key === 'ArrowDown' && highlightFirst.value) {
         listRef.value?.focus('next');
       }
-      if (!props.multiple) return;
       if (['Backspace', 'Delete'].includes(e.key)) {
+        if (!props.multiple && hasSelectionSlot.value && model.value.length > 0) return select(model.value[0], false);
         if (selectionIndex.value < 0) {
           if (e.key === 'Backspace' && !search.value) {
             selectionIndex.value = length - 1;
@@ -12342,10 +12788,10 @@ const VAutocomplete = genericComponent()({
           return;
         }
         const originalSelectionIndex = selectionIndex.value;
-        const selectedItem = model.value[selectionIndex.value];
-        if (selectedItem && !selectedItem.props.disabled) select(selectedItem, false);
+        select(model.value[selectionIndex.value], false);
         selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
       }
+      if (!props.multiple) return;
       if (e.key === 'ArrowLeft') {
         if (selectionIndex.value < 0 && selectionStart > 0) return;
         const prev = selectionIndex.value > -1 ? selectionIndex.value - 1 : length - 1;
@@ -12398,7 +12844,7 @@ const VAutocomplete = genericComponent()({
     /** @param set - null means toggle */
     function select(item) {
       let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      if (item.props.disabled) return;
+      if (!item || item.props.disabled) return;
       if (props.multiple) {
         const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
         const add = set == null ? !~index : set;
@@ -12458,9 +12904,11 @@ const VAutocomplete = genericComponent()({
         });
       }
     });
-    watch(() => props.items, val => {
-      if (!isFocused.value || !val.length || menu.value) return;
-      menu.value = true;
+    watch(() => props.items, (newVal, oldVal) => {
+      if (menu.value) return;
+      if (isFocused.value && !oldVal.length && newVal.length) {
+        menu.value = true;
+      }
     });
     useRender(() => {
       const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
@@ -16117,6 +16565,7 @@ const VCombobox = genericComponent()({
       }
       menu.value = !menu.value;
     }
+    // eslint-disable-next-line complexity
     function onKeydown(e) {
       if (isComposingIgnoreKey(e) || props.readonly || form?.isReadonly.value) return;
       const selectionStart = vTextFieldRef.value.selectionStart;
@@ -16143,8 +16592,8 @@ const VCombobox = genericComponent()({
         select(transformItem$3(props, search.value));
         if (hasSelectionSlot.value) _search.value = '';
       }
-      if (!props.multiple) return;
       if (['Backspace', 'Delete'].includes(e.key)) {
+        if (!props.multiple && hasSelectionSlot.value && model.value.length > 0) return select(model.value[0], false);
         if (selectionIndex.value < 0) {
           if (e.key === 'Backspace' && !search.value) {
             selectionIndex.value = length - 1;
@@ -16152,10 +16601,10 @@ const VCombobox = genericComponent()({
           return;
         }
         const originalSelectionIndex = selectionIndex.value;
-        const selectedItem = model.value[selectionIndex.value];
-        if (selectedItem && !selectedItem.props.disabled) select(selectedItem, false);
+        select(model.value[selectionIndex.value], false);
         selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
       }
+      if (!props.multiple) return;
       if (e.key === 'ArrowLeft') {
         if (selectionIndex.value < 0 && selectionStart > 0) return;
         const prev = selectionIndex.value > -1 ? selectionIndex.value - 1 : length - 1;
@@ -16186,7 +16635,7 @@ const VCombobox = genericComponent()({
     /** @param set - null means toggle */
     function select(item) {
       let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      if (item.props.disabled) return;
+      if (!item || item.props.disabled) return;
       if (props.multiple) {
         const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
         const add = set == null ? !~index : set;
@@ -16263,9 +16712,11 @@ const VCombobox = genericComponent()({
         });
       }
     });
-    watch(() => props.items, val => {
-      if (!isFocused.value || !val.length || menu.value) return;
-      menu.value = true;
+    watch(() => props.items, (newVal, oldVal) => {
+      if (menu.value) return;
+      if (isFocused.value && !oldVal.length && newVal.length) {
+        menu.value = true;
+      }
     });
     useRender(() => {
       const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
@@ -17412,7 +17863,7 @@ function setYear(date, year) {
   return d;
 }
 function startOfDay(date) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0, 0);
 }
 function endOfDay(date) {
   return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);
@@ -20286,6 +20737,7 @@ const VDatePickerControls = genericComponent()({
       emit('click:month');
     }
     useRender(() => {
+      // TODO: add slot support and scope defaults
       return createVNode("div", {
         "class": ['v-date-picker-controls']
       }, [createVNode(VBtn, {
@@ -20564,6 +21016,12 @@ const VDatePickerMonth = genericComponent()({
     const adapter = useDate();
     const rangeStart = shallowRef();
     const rangeStop = shallowRef();
+    if (props.multiple === 'range' && model.value.length > 0) {
+      rangeStart.value = model.value[0];
+      if (model.value.length > 1) {
+        rangeStop.value = model.value[model.value.length - 1];
+      }
+    }
     const atMax = computed(() => {
       const max = ['number', 'string'].includes(typeof props.multiple) ? Number(props.multiple) : Infinity;
       return model.value.length >= max;
@@ -20574,15 +21032,15 @@ const VDatePickerMonth = genericComponent()({
         rangeStart.value = _value;
         model.value = [rangeStart.value];
       } else if (!rangeStop.value) {
-        if (adapter.isSameDay(value, rangeStart.value)) {
+        if (adapter.isSameDay(_value, rangeStart.value)) {
           rangeStart.value = undefined;
           model.value = [];
           return;
-        } else if (adapter.isBefore(value, rangeStart.value)) {
-          rangeStop.value = rangeStart.value;
+        } else if (adapter.isBefore(_value, rangeStart.value)) {
+          rangeStop.value = adapter.endOfDay(rangeStart.value);
           rangeStart.value = _value;
         } else {
-          rangeStop.value = _value;
+          rangeStop.value = adapter.endOfDay(_value);
         }
         const diff = adapter.getDiff(rangeStop.value, rangeStart.value, 'days');
         const datesInRange = [rangeStart.value];
@@ -22749,12 +23207,24 @@ const VNavigationDrawer = genericComponent()({
         default: () => [hasImage && createVNode("div", {
           "key": "image",
           "class": "v-navigation-drawer__img"
-        }, [slots.image ? slots.image?.({
-          image: props.image
-        }) : createVNode("img", {
-          "src": props.image,
-          "alt": ""
-        }, null)]), slots.prepend && createVNode("div", {
+        }, [!slots.image ? createVNode(VImg, {
+          "key": "image-img",
+          "alt": "",
+          "cover": true,
+          "height": "inherit",
+          "src": props.image
+        }, null) : createVNode(VDefaultsProvider, {
+          "key": "image-defaults",
+          "disabled": !props.image,
+          "defaults": {
+            VImg: {
+              alt: '',
+              cover: true,
+              height: 'inherit',
+              src: props.image
+            }
+          }
+        }, slots.image)]), slots.prepend && createVNode("div", {
           "class": "v-navigation-drawer__prepend"
         }, [slots.prepend?.()]), createVNode("div", {
           "class": "v-navigation-drawer__content"
@@ -22855,7 +23325,7 @@ const VOtpInput = genericComponent()({
     function onInput() {
       // The maxlength attribute doesn't work for the number type input, so the text type is used.
       // The following logic simulates the behavior of a number input.
-      if (props.type === 'number' && /[^0-9]/g.test(current.value.value)) {
+      if (isValidNumber(current.value.value)) {
         current.value.value = '';
         return;
       }
@@ -22901,7 +23371,9 @@ const VOtpInput = genericComponent()({
     function onPaste(index, e) {
       e.preventDefault();
       e.stopPropagation();
-      model.value = (e?.clipboardData?.getData('Text') ?? '').split('');
+      const clipboardText = e?.clipboardData?.getData('Text') ?? '';
+      if (!isValidNumber(clipboardText)) return;
+      model.value = clipboardText.split('');
       inputRef.value?.[index].blur();
     }
     function reset() {
@@ -22915,6 +23387,9 @@ const VOtpInput = genericComponent()({
       blur();
       focusIndex.value = -1;
     }
+    function isValidNumber(value) {
+      return props.type === 'number' && !isNaN(Number(value));
+    }
     provideDefaults({
       VField: {
         color: computed(() => props.color),
@@ -25773,7 +26248,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.5.8";
+const version$1 = "3.5.10";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -25798,8 +26273,8 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.5.8";
+const version = "3.5.10";
 createVuetify.version = version;
 
-export { components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };
+export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };
 //# sourceMappingURL=vuetify.esm.js.map