vuetify 3.5.8 → 3.5.10

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.8
+* 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));
@@ -4256,280 +4701,76 @@
   }
   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 vue.createVNode(VBtnGroup, vue.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 => 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 */
+    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 = 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
-        };
+  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 vue.createVNode(VBtnGroup, vue.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
 
@@ -4564,6 +4805,7 @@
 
   const makeVIconProps = propsFactory({
     color: String,
+    disabled: Boolean,
     start: Boolean,
     end: Boolean,
     icon: IconValue,
@@ -4601,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],
@@ -4614,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]
         });
@@ -7756,6 +8001,126 @@
     return vue.inject(ListKey, null);
   }
 
+  /* eslint-disable sonarjs/no-identical-functions */
+  // Utilities
+  const independentActiveStrategy = mandatory => {
+    const strategy = {
+      activate: _ref => {
+        let {
+          id,
+          value,
+          activated
+        } = _ref;
+        id = vue.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 = vue.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 = vue.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 = vue.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 {
@@ -7840,7 +8205,8 @@
         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;
         }
@@ -7982,7 +8348,8 @@
         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;
         }
@@ -8026,16 +8393,24 @@
       children: vue.ref(new Map()),
       open: () => null,
       openOnSelect: () => null,
+      activate: () => null,
       select: () => null,
+      activatable: vue.ref(false),
+      selectable: vue.ref(false),
       opened: vue.ref(new Set()),
+      activated: vue.ref(new Set()),
       selected: vue.ref(new Map()),
       selectedValues: vue.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');
@@ -8044,6 +8419,20 @@
     const children = vue.ref(new Map());
     const parents = vue.ref(new Map());
     const opened = useProxiedModel(props, 'opened', props.opened, v => new Set(v), v => [...v.values()]);
+    const activeStrategy = vue.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 = vue.computed(() => {
       if (typeof props.selectStrategy === 'object') return props.selectStrategy;
       switch (props.selectStrategy) {
@@ -8072,6 +8461,7 @@
           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));
     vue.onBeforeUnmount(() => {
       isUnmounted = true;
@@ -8090,6 +8480,9 @@
       id: vue.shallowRef(),
       root: {
         opened,
+        activatable: vue.toRef(props, 'activatable'),
+        selectable: vue.toRef(props, 'selectable'),
+        activated,
         selected,
         selectedValues: vue.computed(() => {
           const arr = [];
@@ -8163,6 +8556,26 @@
           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
       }
@@ -8181,6 +8594,8 @@
       openOnSelect: (open, e) => parent.root.openOnSelect(computedId.value, open, e),
       isOpen: vue.computed(() => parent.root.opened.value.has(computedId.value)),
       parent: vue.computed(() => parent.root.parents.value.get(computedId.value)),
+      activate: (activated, e) => parent.root.activate(computedId.value, activated, e),
+      isActivated: vue.computed(() => parent.root.activated.value.has(vue.toRaw(computedId.value))),
       select: (selected, e) => parent.root.select(computedId.value, selected, e),
       isSelected: vue.computed(() => parent.root.selected.value.get(vue.toRaw(computedId.value)) === 'on'),
       isIndeterminate: vue.computed(() => parent.root.selected.value.get(computedId.value) === 'indeterminate'),
@@ -8303,7 +8718,9 @@
           }, [slots.default?.()]), [[vue.vShow, isOpen.value]])]
         })]
       }));
-      return {};
+      return {
+        isOpen
+      };
     }
   });
 
@@ -8376,6 +8793,8 @@
       const link = useLink(props, attrs);
       const id = vue.computed(() => props.value === undefined ? link.href.value : props.value);
       const {
+        activate,
+        isActivated,
         select,
         isSelected,
         isIndeterminate,
@@ -8385,9 +8804,9 @@
         openOnSelect
       } = useNestedItem(id, false);
       const list = useList();
-      const isActive = vue.computed(() => props.active !== false && (props.active || link.isActive?.value || isSelected.value));
+      const isActive = vue.computed(() => props.active !== false && (props.active || link.isActive?.value || (root.activatable.value ? isActivated.value : isSelected.value)));
       const isLink = vue.computed(() => props.link !== false && link.isLink.value);
-      const isClickable = vue.computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value || props.value != null && !!list));
+      const isClickable = vue.computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value || !!list && (root.selectable.value || root.activatable.value || props.value != null)));
       const roundedProps = vue.computed(() => props.rounded || props.nav);
       const color = vue.computed(() => props.color ?? props.activeColor);
       const variantProps = vue.computed(() => ({
@@ -8438,7 +8857,13 @@
         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 === ' ') {
@@ -8554,7 +8979,12 @@
           }, null)])]
         }), [[vue.resolveDirective("ripple"), isClickable.value && props.ripple]]);
       });
-      return {};
+      return {
+        isGroupActivator,
+        isSelected,
+        list,
+        select
+      };
     }
   });
 
@@ -8896,8 +9326,10 @@
     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) {
@@ -8930,7 +9362,9 @@
         roundedClasses
       } = useRounded(props);
       const {
+        children,
         open,
+        parents,
         select
       } = useNested(props);
       const lineClasses = vue.computed(() => props.lines ? `v-list--${props.lines}-line` : undefined);
@@ -9020,7 +9454,9 @@
       return {
         open,
         select,
-        focus
+        focus,
+        children,
+        parents
       };
     }
   });
@@ -9562,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);
@@ -10311,6 +10747,7 @@
         if (v) isActive.value = false;
       });
       const root = vue.ref();
+      const scrimEl = vue.ref();
       const contentEl = vue.ref();
       const {
         contentStyles,
@@ -10332,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) {
@@ -10420,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,
@@ -10443,6 +10883,7 @@
       })]));
       return {
         activatorEl,
+        scrimEl,
         target,
         animateClick,
         contentEl,
@@ -10638,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) {
@@ -10915,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({
@@ -11900,9 +12344,11 @@
           });
         }
       });
-      vue.watch(() => props.items, val => {
-        if (!isFocused.value || !val.length || menu.value) return;
-        menu.value = true;
+      vue.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);
@@ -12337,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;
@@ -12346,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;
@@ -12402,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;
@@ -12462,9 +12908,11 @@
           });
         }
       });
-      vue.watch(() => props.items, val => {
-        if (!isFocused.value || !val.length || menu.value) return;
-        menu.value = true;
+      vue.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']);
@@ -16121,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;
@@ -16147,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;
@@ -16156,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;
@@ -16190,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;
@@ -16267,9 +16716,11 @@
           });
         }
       });
-      vue.watch(() => props.items, val => {
-        if (!isFocused.value || !val.length || menu.value) return;
-        menu.value = true;
+      vue.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']);
@@ -17416,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);
@@ -20290,6 +20741,7 @@
         emit('click:month');
       }
       useRender(() => {
+        // TODO: add slot support and scope defaults
         return vue.createVNode("div", {
           "class": ['v-date-picker-controls']
         }, [vue.createVNode(VBtn, {
@@ -20568,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;
@@ -20578,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];
@@ -22753,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"
@@ -22859,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;
         }
@@ -22905,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() {
@@ -22919,6 +23391,9 @@
         blur();
         focusIndex.value = -1;
       }
+      function isValidNumber(value) {
+        return props.type === 'number' && !isNaN(Number(value));
+      }
       provideDefaults({
         VField: {
           color: vue.computed(() => props.color),
@@ -25777,7 +26252,7 @@
       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
@@ -25802,9 +26277,10 @@
       ...options
     });
   };
-  const version = "3.5.8";
+  const version = "3.5.10";
   createVuetify.version = version;
 
+  exports.blueprints = index;
   exports.components = components;
   exports.createVuetify = createVuetify;
   exports.directives = directives;