vuetify 3.5.9 → 3.5.10

package/dist/vuetify.esm.js

@@ -1,81 +1,10 @@
 /*!
-* Vuetify v3.5.9
+* 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));
@@ -4323,212 +4768,6 @@ const VBtnToggle = genericComponent()({
   }
 });
 
-// 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'
-  })
-};
-
-// 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 */
-    }
-  }, 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
-  };
-};
-
 // Utilities
 
 // Types
@@ -4562,6 +4801,7 @@ function useSize(props) {
 
 const makeVIconProps = propsFactory({
   color: String,
+  disabled: Boolean,
   start: Boolean,
   end: Boolean,
   icon: IconValue,
@@ -4599,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],
@@ -4612,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]
       });
@@ -8610,9 +8853,9 @@ const VListItem = genericComponent()({
       emit('click', e);
       if (isGroupActivator || !isClickable.value) return;
       link.navigate?.(e);
-      if (root.activatable) {
+      if (root.activatable.value) {
         activate(!isActivated.value, e);
-      } else if (root.selectable) {
+      } else if (root.selectable.value) {
         select(!isSelected.value, e);
       } else if (props.value != null) {
         select(!isSelected.value, e);
@@ -9751,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);
@@ -10500,6 +10743,7 @@ const VOverlay = genericComponent()({
       if (v) isActive.value = false;
     });
     const root = ref();
+    const scrimEl = ref();
     const contentEl = ref();
     const {
       contentStyles,
@@ -10521,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) {
@@ -10609,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,
@@ -10632,6 +10879,7 @@ const VOverlay = genericComponent()({
     })]));
     return {
       activatorEl,
+      scrimEl,
       target,
       animateClick,
       contentEl,
@@ -10827,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) {
@@ -11104,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({
@@ -12528,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;
@@ -12537,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;
@@ -12593,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;
@@ -16314,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;
@@ -16340,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;
@@ -16349,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;
@@ -16383,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;
@@ -17611,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);
@@ -20764,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;
@@ -20774,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];
@@ -22949,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"
@@ -23055,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;
       }
@@ -23101,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() {
@@ -23115,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),
@@ -25973,7 +26248,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.5.9";
+const version$1 = "3.5.10";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -25998,8 +26273,8 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.5.9";
+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