@vuetify/nightly 3.8.6-dev.2025-05-21 → 3.8.6-master.2025-05-22

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.6-dev.2025-05-21
+* Vuetify v3.8.6-master.2025-05-22
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -14,7 +14,6 @@
   const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window;
   const SUPPORTS_TOUCH = IN_BROWSER && ('ontouchstart' in window || window.navigator.maxTouchPoints > 0);
   const SUPPORTS_EYE_DROPPER = IN_BROWSER && 'EyeDropper' in window;
-  const SUPPORTS_MATCH_MEDIA = IN_BROWSER && 'matchMedia' in window && typeof window.matchMedia === 'function';
 
   function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
   function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
@@ -619,6 +618,33 @@
       return target.getBoundingClientRect();
     }
   }
+  function getElementBox(el) {
+    if (el === document.documentElement) {
+      if (!visualViewport) {
+        return new Box({
+          x: 0,
+          y: 0,
+          width: document.documentElement.clientWidth,
+          height: document.documentElement.clientHeight
+        });
+      } else {
+        return new Box({
+          x: visualViewport.scale > 1 ? 0 : visualViewport.offsetLeft,
+          y: visualViewport.scale > 1 ? 0 : visualViewport.offsetTop,
+          width: visualViewport.width * visualViewport.scale,
+          height: visualViewport.height * visualViewport.scale
+        });
+      }
+    } else {
+      const rect = el.getBoundingClientRect();
+      return new Box({
+        x: rect.x,
+        y: rect.y,
+        width: el.clientWidth,
+        height: el.clientHeight
+      });
+    }
+  }
 
   // Utilities
 
@@ -2787,7 +2813,6 @@
   function genDefaults$1() {
     return {
       defaultTheme: 'light',
-      prefix: 'v-',
       variations: {
         colors: [],
         lighten: 0,
@@ -2869,10 +2894,7 @@
           }
         }
       },
-      stylesheetId: 'vuetify-theme-stylesheet',
-      scoped: false,
-      unimportant: false,
-      utilities: true
+      stylesheetId: 'vuetify-theme-stylesheet'
     };
   }
   function parseThemeOptions() {
@@ -2895,21 +2917,21 @@
   function createCssClass(lines, selector, content, scope) {
     lines.push(`${getScopedSelector(selector, scope)} {\n`, ...content.map(line => `  ${line};\n`), '}\n');
   }
-  function genCssVariables(theme, prefix) {
+  function genCssVariables(theme) {
     const lightOverlay = theme.dark ? 2 : 1;
     const darkOverlay = theme.dark ? 1 : 2;
     const variables = [];
     for (const [key, value] of Object.entries(theme.colors)) {
       const rgb = parseColor(value);
-      variables.push(`--${prefix}theme-${key}: ${rgb.r},${rgb.g},${rgb.b}`);
+      variables.push(`--v-theme-${key}: ${rgb.r},${rgb.g},${rgb.b}`);
       if (!key.startsWith('on-')) {
-        variables.push(`--${prefix}theme-${key}-overlay-multiplier: ${getLuma(value) > 0.18 ? lightOverlay : darkOverlay}`);
+        variables.push(`--v-theme-${key}-overlay-multiplier: ${getLuma(value) > 0.18 ? lightOverlay : darkOverlay}`);
       }
     }
     for (const [key, value] of Object.entries(theme.variables)) {
       const color = typeof value === 'string' && value.startsWith('#') ? parseColor(value) : undefined;
       const rgb = color ? `${color.r}, ${color.g}, ${color.b}` : undefined;
-      variables.push(`--${prefix}${key}: ${rgb ?? value}`);
+      variables.push(`--v-${key}: ${rgb ?? value}`);
     }
     return variables;
   }
@@ -2953,8 +2975,7 @@
     const scopeSelector = `:where(${scope})`;
     return selector === ':root' ? scopeSelector : `${scopeSelector} ${selector}`;
   }
-  function upsertStyles(id, cspNonce, styles) {
-    const styleEl = getOrCreateStyleElement(id, cspNonce);
+  function upsertStyles(styleEl, styles) {
     if (!styleEl) return;
     styleEl.innerHTML = styles;
   }
@@ -2974,17 +2995,8 @@
   // Composables
   function createTheme(options) {
     const parsedOptions = parseThemeOptions(options);
-    const _name = vue.shallowRef(parsedOptions.defaultTheme);
+    const name = vue.shallowRef(parsedOptions.defaultTheme);
     const themes = vue.ref(parsedOptions.themes);
-    const systemName = vue.shallowRef('light');
-    const name = vue.computed({
-      get() {
-        return _name.value === 'system' ? systemName.value : _name.value;
-      },
-      set(val) {
-        _name.value = val;
-      }
-    });
     const computedThemes = vue.computed(() => {
       const acc = {};
       for (const [name, original] of Object.entries(themes.value)) {
@@ -3005,49 +3017,28 @@
     const current = vue.toRef(() => computedThemes.value[name.value]);
     const styles = vue.computed(() => {
       const lines = [];
-      const important = parsedOptions.unimportant ? '' : ' !important';
-      const scoped = parsedOptions.scoped ? parsedOptions.prefix : '';
       if (current.value?.dark) {
         createCssClass(lines, ':root', ['color-scheme: dark'], parsedOptions.scope);
       }
-      createCssClass(lines, ':root', genCssVariables(current.value, parsedOptions.prefix), parsedOptions.scope);
+      createCssClass(lines, ':root', genCssVariables(current.value), parsedOptions.scope);
       for (const [themeName, theme] of Object.entries(computedThemes.value)) {
-        createCssClass(lines, `.${parsedOptions.prefix}theme--${themeName}`, [`color-scheme: ${theme.dark ? 'dark' : 'normal'}`, ...genCssVariables(theme, parsedOptions.prefix)], parsedOptions.scope);
-      }
-      if (parsedOptions.utilities) {
-        const bgLines = [];
-        const fgLines = [];
-        const colors = new Set(Object.values(computedThemes.value).flatMap(theme => Object.keys(theme.colors)));
-        for (const key of colors) {
-          if (key.startsWith('on-')) {
-            createCssClass(fgLines, `.${key}`, [`color: rgb(var(--${parsedOptions.prefix}theme-${key}))${important}`], parsedOptions.scope);
-          } else {
-            createCssClass(bgLines, `.${scoped}bg-${key}`, [`--${parsedOptions.prefix}theme-overlay-multiplier: var(--${parsedOptions.prefix}theme-${key}-overlay-multiplier)`, `background-color: rgb(var(--${parsedOptions.prefix}theme-${key}))${important}`, `color: rgb(var(--${parsedOptions.prefix}theme-on-${key}))${important}`], parsedOptions.scope);
-            createCssClass(fgLines, `.${scoped}text-${key}`, [`color: rgb(var(--${parsedOptions.prefix}theme-${key}))${important}`], parsedOptions.scope);
-            createCssClass(fgLines, `.${scoped}border-${key}`, [`--${parsedOptions.prefix}border-color: var(--${parsedOptions.prefix}theme-${key})`], parsedOptions.scope);
-          }
+        createCssClass(lines, `.v-theme--${themeName}`, [`color-scheme: ${theme.dark ? 'dark' : 'normal'}`, ...genCssVariables(theme)], parsedOptions.scope);
+      }
+      const bgLines = [];
+      const fgLines = [];
+      const colors = new Set(Object.values(computedThemes.value).flatMap(theme => Object.keys(theme.colors)));
+      for (const key of colors) {
+        if (key.startsWith('on-')) {
+          createCssClass(fgLines, `.${key}`, [`color: rgb(var(--v-theme-${key})) !important`], parsedOptions.scope);
+        } else {
+          createCssClass(bgLines, `.bg-${key}`, [`--v-theme-overlay-multiplier: var(--v-theme-${key}-overlay-multiplier)`, `background-color: rgb(var(--v-theme-${key})) !important`, `color: rgb(var(--v-theme-on-${key})) !important`], parsedOptions.scope);
+          createCssClass(fgLines, `.text-${key}`, [`color: rgb(var(--v-theme-${key})) !important`], parsedOptions.scope);
+          createCssClass(fgLines, `.border-${key}`, [`--v-border-color: var(--v-theme-${key})`], parsedOptions.scope);
         }
-        lines.push(...bgLines, ...fgLines);
       }
+      lines.push(...bgLines, ...fgLines);
       return lines.map((str, i) => i === 0 ? str : `    ${str}`).join('');
     });
-    const themeClasses = vue.toRef(() => parsedOptions.isDisabled ? undefined : `${parsedOptions.prefix}theme--${name.value}`);
-    const themeNames = vue.toRef(() => Object.keys(computedThemes.value));
-    if (SUPPORTS_MATCH_MEDIA) {
-      const media = window.matchMedia('(prefers-color-scheme: dark)');
-      function updateSystemName() {
-        systemName.value = media.matches ? 'dark' : 'light';
-      }
-      updateSystemName();
-      media.addEventListener('change', updateSystemName, {
-        passive: true
-      });
-      if (vue.getCurrentScope()) {
-        vue.onScopeDispose(() => {
-          media.removeEventListener('change', updateSystemName);
-        });
-      }
-    }
     function install(app) {
       if (parsedOptions.isDisabled) return;
       const head = app._context.provides.usehead;
@@ -3085,55 +3076,22 @@
           updateStyles();
         }
         function updateStyles() {
-          upsertStyles(parsedOptions.stylesheetId, parsedOptions.cspNonce, styles.value);
+          upsertStyles(getOrCreateStyleElement(parsedOptions.stylesheetId, parsedOptions.cspNonce), styles.value);
         }
       }
     }
-    function change(themeName) {
-      if (!themeNames.value.includes(themeName)) {
-        consoleWarn(`Theme "${themeName}" not found on the Vuetify theme instance`);
-        return;
-      }
-      name.value = themeName;
-    }
-    function cycle() {
-      let themeArray = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : themeNames.value;
-      const currentIndex = themeArray.indexOf(name.value);
-      const nextIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % themeArray.length;
-      change(themeArray[nextIndex]);
-    }
-    function toggle() {
-      let themeArray = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['light', 'dark'];
-      cycle(themeArray);
-    }
-    const globalName = new Proxy(name, {
-      get(target, prop) {
-        return target[prop];
-      },
-      set(target, prop, val) {
-        if (prop === 'value') {
-          deprecate(`theme.global.name.value = ${val}`, `theme.change('${val}')`);
-        }
-        // @ts-expect-error
-        target[prop] = val;
-        return true;
-      }
-    });
+    const themeClasses = vue.toRef(() => parsedOptions.isDisabled ? undefined : `v-theme--${name.value}`);
     return {
       install,
-      change,
-      cycle,
-      toggle,
       isDisabled: parsedOptions.isDisabled,
       name,
       themes,
       current,
       computedThemes,
-      prefix: parsedOptions.prefix,
       themeClasses,
       styles,
       global: {
-        name: globalName,
+        name,
         current
       }
     };
@@ -3144,7 +3102,7 @@
     if (!theme) throw new Error('Could not find Vuetify theme injection');
     const name = vue.toRef(() => props.theme ?? theme.name.value);
     const current = vue.toRef(() => theme.themes.value[name.value]);
-    const themeClasses = vue.toRef(() => theme.isDisabled ? undefined : `${theme.prefix}theme--${name.value}`);
+    const themeClasses = vue.toRef(() => theme.isDisabled ? undefined : `v-theme--${name.value}`);
     const newTheme = {
       ...theme,
       name,
@@ -4691,15 +4649,9 @@
     };
   }
 
-  // Types
-
   const makeVBtnGroupProps = propsFactory({
     baseColor: String,
     divided: Boolean,
-    direction: {
-      type: String,
-      default: 'horizontal'
-    },
     ...makeBorderProps(),
     ...makeComponentProps(),
     ...makeDensityProps(),
@@ -4733,7 +4685,7 @@
       } = useRounded(props);
       provideDefaults({
         VBtn: {
-          height: vue.toRef(() => props.direction === 'horizontal' ? 'auto' : null),
+          height: 'auto',
           baseColor: vue.toRef(() => props.baseColor),
           color: vue.toRef(() => props.color),
           density: vue.toRef(() => props.density),
@@ -4743,7 +4695,7 @@
       });
       useRender(() => {
         return vue.createVNode(props.tag, {
-          "class": ['v-btn-group', `v-btn-group--${props.direction}`, {
+          "class": ['v-btn-group', {
             'v-btn-group--divided': props.divided
           }, themeClasses.value, borderClasses.value, densityClasses.value, elevationClasses.value, roundedClasses.value, props.class],
           "style": props.style
@@ -5212,7 +5164,7 @@
         resizeRef,
         contentRect
       } = useResizeObserver();
-      const normalizedValue = vue.toRef(() => Math.max(0, Math.min(100, parseFloat(props.modelValue))));
+      const normalizedValue = vue.toRef(() => clamp(parseFloat(props.modelValue), 0, 100));
       const width = vue.toRef(() => Number(props.width));
       const size = vue.toRef(() => {
         // Get size from element if size prop value is small, large etc
@@ -6222,31 +6174,6 @@
   // Utilities
   const VAlertTitle = createSimpleFunctional('v-alert-title');
 
-  // Utilities
-
-  // Types
-
-  // Types
-
-  // Composables
-  const makeIconSizeProps = propsFactory({
-    iconSize: [Number, String],
-    iconSizes: {
-      type: Array,
-      default: () => [['x-small', 10], ['small', 16], ['default', 24], ['large', 28], ['x-large', 32]]
-    }
-  }, 'iconSize');
-  function useIconSizes(props, fallback) {
-    const iconSize = vue.computed(() => {
-      const iconSizeMap = new Map(props.iconSizes);
-      const _iconSize = props.iconSize ?? fallback() ?? 'default';
-      return iconSizeMap.has(_iconSize) ? iconSizeMap.get(_iconSize) : _iconSize;
-    });
-    return {
-      iconSize
-    };
-  }
-
   // Types
 
   const allowedTypes = ['success', 'info', 'warning', 'error'];
@@ -6286,7 +6213,6 @@
     ...makeDensityProps(),
     ...makeDimensionProps(),
     ...makeElevationProps(),
-    ...makeIconSizeProps(),
     ...makeLocationProps(),
     ...makePositionProps(),
     ...makeRoundedProps(),
@@ -6314,9 +6240,6 @@
         if (!props.type) return props.icon;
         return props.icon ?? `$${props.type}`;
       });
-      const {
-        iconSize
-      } = useIconSizes(props, () => props.prominent ? 44 : 28);
       const {
         themeClasses
       } = provideTheme(props);
@@ -6364,11 +6287,6 @@
         const hasPrepend = !!(slots.prepend || icon.value);
         const hasTitle = !!(slots.title || props.title);
         const hasClose = !!(slots.close || props.closable);
-        const iconProps = {
-          density: props.density,
-          icon: icon.value,
-          size: iconSize.value
-        };
         return isActive.value && vue.createVNode(props.tag, {
           "class": ['v-alert', props.border && {
             'v-alert--border': !!props.border,
@@ -6386,14 +6304,19 @@
           }, null), hasPrepend && vue.createVNode("div", {
             "key": "prepend",
             "class": "v-alert__prepend"
-          }, [!slots.prepend ? vue.createVNode(VIcon, vue.mergeProps({
-            "key": "prepend-icon"
-          }, iconProps), null) : vue.createVNode(VDefaultsProvider, {
+          }, [!slots.prepend ? vue.createVNode(VIcon, {
+            "key": "prepend-icon",
+            "density": props.density,
+            "icon": icon.value,
+            "size": props.prominent ? 44 : 28
+          }, null) : vue.createVNode(VDefaultsProvider, {
             "key": "prepend-defaults",
             "disabled": !icon.value,
             "defaults": {
               VIcon: {
-                ...iconProps
+                density: props.density,
+                icon: icon.value,
+                size: props.prominent ? 44 : 28
               }
             }
           }, slots.prepend)]), vue.createVNode("div", {
@@ -7848,7 +7771,7 @@
       min = 0;
       max = scrollHeight + -containerHeight;
     }
-    return Math.max(Math.min(value, max), min);
+    return clamp(value, min, max);
   }
 
   function calculateUpdatedTarget(_ref) {
@@ -8591,68 +8514,6 @@
     }
   });
 
-  const makeVDividerProps = propsFactory({
-    color: String,
-    inset: Boolean,
-    length: [Number, String],
-    opacity: [Number, String],
-    thickness: [Number, String],
-    vertical: Boolean,
-    ...makeComponentProps(),
-    ...makeThemeProps()
-  }, 'VDivider');
-  const VDivider = genericComponent()({
-    name: 'VDivider',
-    props: makeVDividerProps(),
-    setup(props, _ref) {
-      let {
-        attrs,
-        slots
-      } = _ref;
-      const {
-        themeClasses
-      } = provideTheme(props);
-      const {
-        textColorClasses,
-        textColorStyles
-      } = useTextColor(() => props.color);
-      const dividerStyles = vue.computed(() => {
-        const styles = {};
-        if (props.length) {
-          styles[props.vertical ? 'height' : 'width'] = convertToUnit(props.length);
-        }
-        if (props.thickness) {
-          styles[props.vertical ? 'borderRightWidth' : 'borderTopWidth'] = convertToUnit(props.thickness);
-        }
-        return styles;
-      });
-      useRender(() => {
-        const divider = vue.createVNode("hr", {
-          "class": [{
-            'v-divider': true,
-            'v-divider--inset': props.inset,
-            'v-divider--vertical': props.vertical
-          }, themeClasses.value, textColorClasses.value, props.class],
-          "style": [dividerStyles.value, textColorStyles.value, {
-            '--v-border-opacity': props.opacity
-          }, props.style],
-          "aria-orientation": !attrs.role || attrs.role === 'separator' ? props.vertical ? 'vertical' : 'horizontal' : undefined,
-          "role": `${attrs.role || 'separator'}`
-        }, null);
-        if (!slots.default) return divider;
-        return vue.createVNode("div", {
-          "class": ['v-divider__wrapper', {
-            'v-divider__wrapper--vertical': props.vertical,
-            'v-divider__wrapper--inset': props.inset
-          }]
-        }, [divider, vue.createVNode("div", {
-          "class": "v-divider__content"
-        }, [slots.default()]), divider]);
-      });
-      return {};
-    }
-  });
-
   // Utilities
 
   // List
@@ -9804,6 +9665,68 @@
     }
   });
 
+  const makeVDividerProps = propsFactory({
+    color: String,
+    inset: Boolean,
+    length: [Number, String],
+    opacity: [Number, String],
+    thickness: [Number, String],
+    vertical: Boolean,
+    ...makeComponentProps(),
+    ...makeThemeProps()
+  }, 'VDivider');
+  const VDivider = genericComponent()({
+    name: 'VDivider',
+    props: makeVDividerProps(),
+    setup(props, _ref) {
+      let {
+        attrs,
+        slots
+      } = _ref;
+      const {
+        themeClasses
+      } = provideTheme(props);
+      const {
+        textColorClasses,
+        textColorStyles
+      } = useTextColor(() => props.color);
+      const dividerStyles = vue.computed(() => {
+        const styles = {};
+        if (props.length) {
+          styles[props.vertical ? 'height' : 'width'] = convertToUnit(props.length);
+        }
+        if (props.thickness) {
+          styles[props.vertical ? 'borderRightWidth' : 'borderTopWidth'] = convertToUnit(props.thickness);
+        }
+        return styles;
+      });
+      useRender(() => {
+        const divider = vue.createVNode("hr", {
+          "class": [{
+            'v-divider': true,
+            'v-divider--inset': props.inset,
+            'v-divider--vertical': props.vertical
+          }, themeClasses.value, textColorClasses.value, props.class],
+          "style": [dividerStyles.value, textColorStyles.value, {
+            '--v-border-opacity': props.opacity
+          }, props.style],
+          "aria-orientation": !attrs.role || attrs.role === 'separator' ? props.vertical ? 'vertical' : 'horizontal' : undefined,
+          "role": `${attrs.role || 'separator'}`
+        }, null);
+        if (!slots.default) return divider;
+        return vue.createVNode("div", {
+          "class": ['v-divider__wrapper', {
+            'v-divider__wrapper--vertical': props.vertical,
+            'v-divider__wrapper--inset': props.inset
+          }]
+        }, [divider, vue.createVNode("div", {
+          "class": "v-divider__content"
+        }, [slots.default()]), divider]);
+      });
+      return {};
+    }
+  });
+
   // Types
 
   const makeVListChildrenProps = propsFactory({
@@ -10382,11 +10305,19 @@
         vue.watch(() => props.locationStrategy, reset);
         vue.onScopeDispose(() => {
           window.removeEventListener('resize', onResize);
+          visualViewport?.removeEventListener('resize', onVisualResize);
+          visualViewport?.removeEventListener('scroll', onVisualScroll);
           updateLocation.value = undefined;
         });
         window.addEventListener('resize', onResize, {
           passive: true
         });
+        visualViewport?.addEventListener('resize', onVisualResize, {
+          passive: true
+        });
+        visualViewport?.addEventListener('scroll', onVisualScroll, {
+          passive: true
+        });
         if (typeof props.locationStrategy === 'function') {
           updateLocation.value = props.locationStrategy(data, props, contentStyles)?.updateLocation;
         } else {
@@ -10397,6 +10328,12 @@
     function onResize(e) {
       updateLocation.value?.(e);
     }
+    function onVisualResize(e) {
+      updateLocation.value?.(e);
+    }
+    function onVisualScroll(e) {
+      updateLocation.value?.(e);
+    }
     return {
       contentStyles,
       updateLocation
@@ -10548,13 +10485,7 @@
         }
       }
       const viewport = scrollParents.reduce((box, el) => {
-        const rect = el.getBoundingClientRect();
-        const scrollBox = new Box({
-          x: el === document.documentElement ? 0 : rect.x,
-          y: el === document.documentElement ? 0 : rect.y,
-          width: el.clientWidth,
-          height: el.clientHeight
-        });
+        const scrollBox = getElementBox(el);
         if (box) {
           return new Box({
             x: Math.max(box.left, scrollBox.left),
@@ -12721,12 +12652,7 @@
     }
     function calculateOffset(index) {
       index = clamp(index, 0, items.value.length - 1);
-      const whole = Math.floor(index);
-      const fraction = index % 1;
-      const next = whole + 1;
-      const wholeOffset = offsets[whole] || 0;
-      const nextOffset = offsets[next] || wholeOffset;
-      return wholeOffset + (nextOffset - wholeOffset) * fraction;
+      return offsets[index] || 0;
     }
     function calculateIndex(scrollTop) {
       return binaryClosest(offsets, scrollTop);
@@ -13130,6 +13056,7 @@
       const selectedValues = vue.computed(() => model.value.map(selection => selection.value));
       const isFocused = vue.shallowRef(false);
       let keyboardLookupPrefix = '';
+      let keyboardLookupIndex = -1;
       let keyboardLookupLastTime;
       const displayItems = vue.computed(() => {
         if (props.hideSelected) {
@@ -13197,18 +13124,46 @@
         const now = performance.now();
         if (now - keyboardLookupLastTime > KEYBOARD_LOOKUP_THRESHOLD) {
           keyboardLookupPrefix = '';
+          keyboardLookupIndex = -1;
         }
         keyboardLookupPrefix += e.key.toLowerCase();
         keyboardLookupLastTime = now;
-        const item = items.value.find(item => item.title.toLowerCase().startsWith(keyboardLookupPrefix));
-        if (item !== undefined) {
-          if (!props.multiple) {
-            model.value = [item];
+        const items = displayItems.value;
+        function findItem() {
+          let result = findItemBase();
+          if (result) return result;
+          if (keyboardLookupPrefix.at(-1) === keyboardLookupPrefix.at(-2)) {
+            // No matches but we have a repeated letter, try the next item with that prefix
+            keyboardLookupPrefix = keyboardLookupPrefix.slice(0, -1);
+            result = findItemBase();
+            if (result) return result;
           }
-          const index = displayItems.value.indexOf(item);
-          if (~index && IN_BROWSER) {
-            listRef.value?.focus(index);
+
+          // Still nothing, wrap around to the top
+          keyboardLookupIndex = -1;
+          result = findItemBase();
+          if (result) return result;
+
+          // Still nothing, try just the new letter
+          keyboardLookupPrefix = e.key.toLowerCase();
+          return findItemBase();
+        }
+        function findItemBase() {
+          for (let i = keyboardLookupIndex + 1; i < items.length; i++) {
+            const _item = items[i];
+            if (_item.title.toLowerCase().startsWith(keyboardLookupPrefix)) {
+              return [_item, i];
+            }
           }
+          return undefined;
+        }
+        const result = findItem();
+        if (!result) return;
+        const [item, index] = result;
+        keyboardLookupIndex = index;
+        listRef.value?.focus(index);
+        if (!props.multiple) {
+          model.value = [item];
         }
       }
 
@@ -13357,22 +13312,6 @@
                     key: item.value,
                     onClick: () => select(item, null)
                   });
-                  if (item.raw.type === 'divider') {
-                    return slots.divider?.({
-                      props: item.raw,
-                      index
-                    }) ?? vue.createVNode(VDivider, vue.mergeProps(item.props, {
-                      "key": `divider-${index}`
-                    }), null);
-                  }
-                  if (item.raw.type === 'subheader') {
-                    return slots.subheader?.({
-                      props: item.raw,
-                      index
-                    }) ?? vue.createVNode(VListSubheader, vue.mergeProps(item.props, {
-                      "key": `subheader-${index}`
-                    }), null);
-                  }
                   return slots.item?.({
                     item,
                     index,
@@ -13533,9 +13472,6 @@
       let match = -1;
       if ((query || customFiltersLength > 0) && !options?.noFilter) {
         if (typeof item === 'object') {
-          if (['divider', 'subheader'].includes(item.raw?.type)) {
-            continue;
-          }
           const filterKeys = keys || Object.keys(transformed);
           for (const key of filterKeys) {
             const value = getPropertyFromItem(transformed, key);
@@ -13974,22 +13910,6 @@
                     active: highlightFirst.value && index === 0 ? true : undefined,
                     onClick: () => select(item, null)
                   });
-                  if (item.raw.type === 'divider') {
-                    return slots.divider?.({
-                      props: item.raw,
-                      index
-                    }) ?? vue.createVNode(VDivider, vue.mergeProps(item.props, {
-                      "key": `divider-${index}`
-                    }), null);
-                  }
-                  if (item.raw.type === 'subheader') {
-                    return slots.subheader?.({
-                      props: item.raw,
-                      index
-                    }) ?? vue.createVNode(VListSubheader, vue.mergeProps(item.props, {
-                      "key": `subheader-${index}`
-                    }), null);
-                  }
                   return slots.item?.({
                     item,
                     index,
@@ -16287,7 +16207,7 @@
       const clickOffset = getPosition(e, position);
 
       // It is possible for left to be NaN, force to number
-      let clickPos = Math.min(Math.max((clickOffset - trackStart - startOffset.value) / trackLength, 0), 1) || 0;
+      let clickPos = clamp((clickOffset - trackStart - startOffset.value) / trackLength) || 0;
       if (vertical ? indexFromEnd.value : indexFromEnd.value !== isRtl.value) clickPos = 1 - clickPos;
       return roundValue(min.value + clickPos * (max.value - min.value));
     }
@@ -17585,13 +17505,13 @@
     return null;
   }
   const sundayJanuarySecond2000 = new Date(2000, 0, 2);
-  function getWeekdays(locale, firstDayOfWeek, weekdayFormat) {
+  function getWeekdays(locale, firstDayOfWeek) {
     const daysFromSunday = firstDayOfWeek ?? weekInfo(locale)?.firstDay ?? 0;
     return createRange(7).map(i => {
       const weekday = new Date(sundayJanuarySecond2000);
       weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
       return new Intl.DateTimeFormat(locale, {
-        weekday: weekdayFormat ?? 'narrow'
+        weekday: 'narrow'
       }).format(weekday);
     });
   }
@@ -18055,9 +17975,9 @@
     getDiff(date, comparing, unit) {
       return getDiff(date, comparing, unit);
     }
-    getWeekdays(firstDayOfWeek, weekdayFormat) {
+    getWeekdays(firstDayOfWeek) {
       const firstDay = firstDayOfWeek !== undefined ? Number(firstDayOfWeek) : undefined;
-      return getWeekdays(this.locale, firstDay, weekdayFormat);
+      return getWeekdays(this.locale, firstDay);
     }
     getYear(date) {
       return getYear(date);
@@ -18400,7 +18320,6 @@
           _search.value = val ?? '';
           if (!props.multiple && !hasSelectionSlot.value) {
             model.value = [transformItem$3(props, val)];
-            vue.nextTick(() => vVirtualScrollRef.value?.scrollToIndex(0));
           }
           if (val && props.multiple && props.delimiters?.length) {
             const values = val.split(new RegExp(`(?:${props.delimiters.join('|')})+`));
@@ -18717,22 +18636,6 @@
                     active: highlightFirst.value && index === 0 ? true : undefined,
                     onClick: () => select(item, null)
                   });
-                  if (item.raw.type === 'divider') {
-                    return slots.divider?.({
-                      props: item.raw,
-                      index
-                    }) ?? vue.createVNode(VDivider, vue.mergeProps(item.props, {
-                      "key": `divider-${index}`
-                    }), null);
-                  }
-                  if (item.raw.type === 'subheader') {
-                    return slots.subheader?.({
-                      props: item.raw,
-                      index
-                    }) ?? vue.createVNode(VListSubheader, vue.mergeProps(item.props, {
-                      "key": `subheader-${index}`
-                    }), null);
-                  }
                   return slots.item?.({
                     item,
                     index,
@@ -22376,8 +22279,7 @@
     firstDayOfWeek: {
       type: [Number, String],
       default: undefined
-    },
-    weekdayFormat: String
+    }
   }, 'calendar');
   function useCalendar(props) {
     const adapter = useDate();
@@ -22625,7 +22527,7 @@
           "ref": daysRef,
           "key": daysInMonth.value[0].date?.toString(),
           "class": "v-date-picker-month__days"
-        }, [!props.hideWeekdays && adapter.getWeekdays(props.firstDayOfWeek, props.weekdayFormat).map(weekDay => vue.createVNode("div", {
+        }, [!props.hideWeekdays && adapter.getWeekdays(props.firstDayOfWeek).map(weekDay => vue.createVNode("div", {
           "class": ['v-date-picker-month__day', 'v-date-picker-month__weekday']
         }, [weekDay])), daysInMonth.value.map((item, i) => {
           const slotProps = {
@@ -24743,7 +24645,7 @@
     function getProgress(pos) {
       let limit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       const progress = position.value === 'left' ? (pos - offset.value) / width.value : position.value === 'right' ? (document.documentElement.clientWidth - pos - offset.value) / width.value : position.value === 'top' ? (pos - offset.value) / width.value : position.value === 'bottom' ? (document.documentElement.clientHeight - pos - offset.value) / width.value : oops();
-      return limit ? Math.max(0, Math.min(1, progress)) : progress;
+      return limit ? clamp(progress) : progress;
     }
     function onTouchstart(e) {
       if (touchless.value) return;
@@ -25156,10 +25058,6 @@
       type: Number,
       default: 0
     },
-    minFractionDigits: {
-      type: Number,
-      default: null
-    },
     ...omit(makeVTextFieldProps(), ['modelValue', 'validationValue'])
   }, 'VNumberInput');
   const VNumberInput = genericComponent()({
@@ -25190,19 +25088,9 @@
       } = useFocus(props);
       function correctPrecision(val) {
         let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : props.precision;
-        if (precision == null) {
-          return String(val);
-        }
-        let fixed = val.toFixed(precision);
-        if (isFocused.value) {
-          return Number(fixed).toString(); // trim zeros
-        }
-        if ((props.minFractionDigits ?? precision) < precision) {
-          const trimLimit = precision - props.minFractionDigits;
-          const [baseDigits, fractionDigits] = fixed.split('.');
-          fixed = [baseDigits, fractionDigits.replace(new RegExp(`0{1,${trimLimit}}$`), '')].filter(Boolean).join('.');
-        }
-        return fixed;
+        const fixed = precision == null ? String(val) : val.toFixed(precision);
+        return isFocused.value ? Number(fixed).toString() // trim zeros
+        : fixed;
       }
       const model = useProxiedModel(props, 'modelValue', null, val => val ?? null, val => val == null ? val ?? null : clamp(Number(val), props.min, props.max));
       const _inputText = vue.shallowRef(null);
@@ -25242,6 +25130,9 @@
       const controlNodeDefaultHeight = vue.toRef(() => controlVariant.value === 'stacked' ? 'auto' : '100%');
       const incrementSlotProps = {
         props: {
+          style: {
+            touchAction: 'none'
+          },
           onClick: onControlClick,
           onPointerup: onControlMouseup,
           onPointerdown: onUpControlMousedown
@@ -25249,13 +25140,15 @@
       };
       const decrementSlotProps = {
         props: {
+          style: {
+            touchAction: 'none'
+          },
           onClick: onControlClick,
           onPointerup: onControlMouseup,
           onPointerdown: onDownControlMousedown
         }
       };
       vue.watch(() => props.precision, () => formatInputValue());
-      vue.watch(() => props.minFractionDigits, () => formatInputValue());
       vue.onMounted(() => {
         clampModel();
       });
@@ -25357,7 +25250,7 @@
           inputText.value = null;
           return;
         }
-        inputText.value = correctPrecision(model.value);
+        inputText.value = props.precision == null ? String(model.value) : model.value.toFixed(props.precision);
       }
       function trimDecimalZeros() {
         if (controlsDisabled.value) return;
@@ -25382,17 +25275,18 @@
         } = VTextField.filterProps(props);
         function incrementControlNode() {
           return !slots.increment ? vue.createVNode(VBtn, {
+            "aria-hidden": "true",
+            "data-testid": "increment",
             "disabled": !canIncrease.value,
             "flat": true,
-            "key": "increment-btn",
             "height": controlNodeDefaultHeight.value,
-            "data-testid": "increment",
-            "aria-hidden": "true",
             "icon": incrementIcon.value,
+            "key": "increment-btn",
             "onClick": onControlClick,
-            "onPointerup": onControlMouseup,
             "onPointerdown": onUpControlMousedown,
+            "onPointerup": onControlMouseup,
             "size": controlNodeSize.value,
+            "style": "touch-action: none",
             "tabindex": "-1"
           }, null) : vue.createVNode(VDefaultsProvider, {
             "key": "increment-defaults",
@@ -25411,18 +25305,19 @@
         }
         function decrementControlNode() {
           return !slots.decrement ? vue.createVNode(VBtn, {
+            "aria-hidden": "true",
+            "data-testid": "decrement",
             "disabled": !canDecrease.value,
             "flat": true,
-            "key": "decrement-btn",
             "height": controlNodeDefaultHeight.value,
-            "data-testid": "decrement",
-            "aria-hidden": "true",
             "icon": decrementIcon.value,
-            "size": controlNodeSize.value,
-            "tabindex": "-1",
+            "key": "decrement-btn",
             "onClick": onControlClick,
+            "onPointerdown": onDownControlMousedown,
             "onPointerup": onControlMouseup,
-            "onPointerdown": onDownControlMousedown
+            "size": controlNodeSize.value,
+            "style": "touch-action: none",
+            "tabindex": "-1"
           }, null) : vue.createVNode(VDefaultsProvider, {
             "key": "decrement-defaults",
             "defaults": {
@@ -29399,7 +29294,7 @@
       };
     });
   }
-  const version$1 = "3.8.6-dev.2025-05-21";
+  const version$1 = "3.8.6-master.2025-05-22";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -29424,7 +29319,7 @@
       ...options
     });
   };
-  const version = "3.8.6-dev.2025-05-21";
+  const version = "3.8.6-master.2025-05-22";
   createVuetify.version = version;
 
   exports.blueprints = index;