vuetify 3.5.9 → 3.5.10

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.9
+* Vuetify v3.5.10
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -10,77 +10,6 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Vuetify = {}, global.Vue));
 })(this, (function (exports, vue) { 'use strict';
 
-  // 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');
-
   const IN_BROWSER = typeof window !== 'undefined';
   const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window;
   const SUPPORTS_TOUCH = IN_BROWSER && ('ontouchstart' in window || window.navigator.maxTouchPoints > 0);
@@ -1231,6 +1160,77 @@
     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
@@ -1537,19 +1537,464 @@
       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 vue.createVNode(props.tag, null, {
+          default: () => [props.icon ? vue.createVNode(Icon, null, null) : slots.default?.()]
+        });
+      };
+    }
+  });
+  const VSvgIcon = defineComponent({
+    name: 'VSvgIcon',
+    inheritAttrs: false,
+    props: makeIconProps(),
+    setup(props, _ref2) {
+      let {
+        attrs
+      } = _ref2;
+      return () => {
+        return vue.createVNode(props.tag, vue.mergeProps(attrs, {
+          "style": null
+        }), {
+          default: () => [vue.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) ? vue.createVNode("path", {
+            "d": path[0],
+            "fill-opacity": path[1]
+          }, null) : vue.createVNode("path", {
+            "d": path
+          }, null)) : vue.createVNode("path", {
+            "d": props.icon
+          }, null)])]
+        });
+      };
+    }
+  });
+  const VLigatureIcon = defineComponent({
+    name: 'VLigatureIcon',
+    props: makeIconProps(),
+    setup(props) {
+      return () => {
+        return vue.createVNode(props.tag, null, {
+          default: () => [props.icon]
+        });
+      };
+    }
+  });
+  const VClassIcon = defineComponent({
+    name: 'VClassIcon',
+    props: makeIconProps(),
+    setup(props) {
+      return () => {
+        return vue.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 = vue.inject(IconSymbol);
+    if (!icons) throw new Error('Missing Vuetify Icons provide!');
+    const iconData = vue.computed(() => {
+      const iconAlias = vue.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 => vue.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
 
@@ -2164,7 +2609,7 @@
     vue.provide(LocaleSymbol, data);
     return data;
   }
-  function genDefaults$3() {
+  function genDefaults$2() {
     return {
       af: false,
       ar: true,
@@ -2211,7 +2656,7 @@
     };
   }
   function createRtl(i18n, options) {
-    const rtl = vue.ref(options?.rtl ?? genDefaults$3());
+    const rtl = vue.ref(options?.rtl ?? genDefaults$2());
     const isRtl = vue.computed(() => rtl.value[i18n.current.value] ?? false);
     return {
       isRtl,
@@ -2244,7 +2689,7 @@
   const makeThemeProps = propsFactory({
     theme: String
   }, 'theme');
-  function genDefaults$2() {
+  function genDefaults$1() {
     return {
       defaultTheme: 'light',
       variations: {
@@ -2331,8 +2776,8 @@
     };
   }
   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
@@ -2386,7 +2831,7 @@
     const current = vue.computed(() => computedThemes.value[name.value]);
     const styles = vue.computed(() => {
       const lines = [];
-      if (current.value.dark) {
+      if (current.value?.dark) {
         createCssClass(lines, ':root', ['color-scheme: dark']);
       }
       createCssClass(lines, ':root', genCssVariables(current.value));
@@ -4327,212 +4772,6 @@
     }
   });
 
-  // 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 => vue.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 vue.createVNode(props.tag, null, {
-          default: () => [props.icon ? vue.createVNode(Icon, null, null) : slots.default?.()]
-        });
-      };
-    }
-  });
-  const VSvgIcon = defineComponent({
-    name: 'VSvgIcon',
-    inheritAttrs: false,
-    props: makeIconProps(),
-    setup(props, _ref2) {
-      let {
-        attrs
-      } = _ref2;
-      return () => {
-        return vue.createVNode(props.tag, vue.mergeProps(attrs, {
-          "style": null
-        }), {
-          default: () => [vue.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) ? vue.createVNode("path", {
-            "d": path[0],
-            "fill-opacity": path[1]
-          }, null) : vue.createVNode("path", {
-            "d": path
-          }, null)) : vue.createVNode("path", {
-            "d": props.icon
-          }, null)])]
-        });
-      };
-    }
-  });
-  const VLigatureIcon = defineComponent({
-    name: 'VLigatureIcon',
-    props: makeIconProps(),
-    setup(props) {
-      return () => {
-        return vue.createVNode(props.tag, null, {
-          default: () => [props.icon]
-        });
-      };
-    }
-  });
-  const VClassIcon = defineComponent({
-    name: 'VClassIcon',
-    props: makeIconProps(),
-    setup(props) {
-      return () => {
-        return vue.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 = vue.inject(IconSymbol);
-    if (!icons) throw new Error('Missing Vuetify Icons provide!');
-    const iconData = vue.computed(() => {
-      const iconAlias = vue.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
@@ -4566,6 +4805,7 @@
 
   const makeVIconProps = propsFactory({
     color: String,
+    disabled: Boolean,
     start: Boolean,
     end: Boolean,
     icon: IconValue,
@@ -4603,11 +4843,13 @@
         if (slotValue) {
           slotIcon.value = flattenFragments(slotValue).filter(node => node.type === vue.Text && node.children && typeof node.children === 'string')[0]?.children;
         }
+        const hasClick = !!(attrs.onClick || attrs.onClickOnce);
         return vue.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],
@@ -4616,8 +4858,9 @@
             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]
         });
@@ -8614,9 +8857,9 @@
         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);
@@ -9755,7 +9998,7 @@
       scope?.stop();
       if (!(data.isActive.value && props.scrollStrategy)) return;
       scope = vue.effectScope();
-      await vue.nextTick();
+      await new Promise(resolve => setTimeout(resolve));
       scope.active && scope.run(() => {
         if (typeof props.scrollStrategy === 'function') {
           props.scrollStrategy(data, props, scope);
@@ -10504,6 +10747,7 @@
         if (v) isActive.value = false;
       });
       const root = vue.ref();
+      const scrimEl = vue.ref();
       const contentEl = vue.ref();
       const {
         contentStyles,
@@ -10525,8 +10769,10 @@
         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 && vue.watch(isActive, val => {
         if (val) {
@@ -10613,7 +10859,8 @@
           "ref": root
         }, scopeId, attrs), [vue.createVNode(Scrim, vue.mergeProps({
           "color": scrimColor,
-          "modelValue": isActive.value && !!props.scrim
+          "modelValue": isActive.value && !!props.scrim,
+          "ref": scrimEl
         }, scrimEvents.value), null), vue.createVNode(MaybeTransition, {
           "appear": true,
           "persisted": true,
@@ -10636,6 +10883,7 @@
       })]));
       return {
         activatorEl,
+        scrimEl,
         target,
         animateClick,
         contentEl,
@@ -10831,6 +11079,9 @@
             isActive.value = false;
             overlay.value?.activatorEl?.focus();
           }
+        } else if (['Enter', ' '].includes(e.key) && props.closeOnContentClick) {
+          isActive.value = false;
+          parent?.closeParents();
         }
       }
       function onActivatorKeydown(e) {
@@ -11108,7 +11359,7 @@
       }
       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({
@@ -12532,8 +12783,8 @@
         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;
@@ -12541,10 +12792,10 @@
             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;
@@ -12597,7 +12848,7 @@
       /** @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;
@@ -16318,6 +16569,7 @@
         }
         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;
@@ -16344,8 +16596,8 @@
           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;
@@ -16353,10 +16605,10 @@
             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;
@@ -16387,7 +16639,7 @@
       /** @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;
@@ -17615,7 +17867,7 @@
     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);
@@ -20768,6 +21020,12 @@
       const adapter = useDate();
       const rangeStart = vue.shallowRef();
       const rangeStop = vue.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 = vue.computed(() => {
         const max = ['number', 'string'].includes(typeof props.multiple) ? Number(props.multiple) : Infinity;
         return model.value.length >= max;
@@ -20778,15 +21036,15 @@
           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];
@@ -22953,12 +23211,24 @@
           default: () => [hasImage && vue.createVNode("div", {
             "key": "image",
             "class": "v-navigation-drawer__img"
-          }, [slots.image ? slots.image?.({
-            image: props.image
-          }) : vue.createVNode("img", {
-            "src": props.image,
-            "alt": ""
-          }, null)]), slots.prepend && vue.createVNode("div", {
+          }, [!slots.image ? vue.createVNode(VImg, {
+            "key": "image-img",
+            "alt": "",
+            "cover": true,
+            "height": "inherit",
+            "src": props.image
+          }, null) : vue.createVNode(VDefaultsProvider, {
+            "key": "image-defaults",
+            "disabled": !props.image,
+            "defaults": {
+              VImg: {
+                alt: '',
+                cover: true,
+                height: 'inherit',
+                src: props.image
+              }
+            }
+          }, slots.image)]), slots.prepend && vue.createVNode("div", {
             "class": "v-navigation-drawer__prepend"
           }, [slots.prepend?.()]), vue.createVNode("div", {
             "class": "v-navigation-drawer__content"
@@ -23059,7 +23329,7 @@
       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;
         }
@@ -23105,7 +23375,9 @@
       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() {
@@ -23119,6 +23391,9 @@
         blur();
         focusIndex.value = -1;
       }
+      function isValidNumber(value) {
+        return props.type === 'number' && !isNaN(Number(value));
+      }
       provideDefaults({
         VField: {
           color: vue.computed(() => props.color),
@@ -25977,7 +26252,7 @@
       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
@@ -26002,9 +26277,10 @@
       ...options
     });
   };
-  const version = "3.5.9";
+  const version = "3.5.10";
   createVuetify.version = version;
 
+  exports.blueprints = index;
   exports.components = components;
   exports.createVuetify = createVuetify;
   exports.directives = directives;