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

package/dist/vuetify-labs.esm.js

@@ -1,10 +1,10 @@
 /*!
-* 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.
 */
 
-import { shallowRef, reactive, watchEffect, toRef, capitalize, unref, Fragment, isVNode, Comment, warn, getCurrentInstance as getCurrentInstance$1, ref, computed, provide, inject as inject$1, defineComponent as defineComponent$1, h, camelize, onBeforeUnmount, watch, readonly, onMounted, useId, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, getCurrentScope, createVNode, TransitionGroup, Transition, mergeProps, toRefs, toValue, isRef, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, onUpdated, Text, resolveDynamicComponent, toDisplayString, markRaw, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, vModelText, resolveComponent, render } from 'vue';
+import { shallowRef, reactive, watchEffect, toRef, capitalize, unref, Fragment, isVNode, Comment, warn, getCurrentInstance as getCurrentInstance$1, ref, computed, provide, inject as inject$1, defineComponent as defineComponent$1, h, camelize, onBeforeUnmount, watch, readonly, onMounted, useId, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, createVNode, TransitionGroup, Transition, mergeProps, toRefs, toValue, isRef, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, onUpdated, Text, resolveDynamicComponent, toDisplayString, markRaw, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, vModelText, resolveComponent, render } from 'vue';
 
 // Types
 // eslint-disable-line vue/prefer-import-from-vue
@@ -81,7 +81,6 @@ 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);
 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"); }
@@ -692,6 +691,33 @@ function getTargetBox(target) {
     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
 
@@ -2296,7 +2322,6 @@ const makeThemeProps = propsFactory({
 function genDefaults$2() {
   return {
     defaultTheme: 'light',
-    prefix: 'v-',
     variations: {
       colors: [],
       lighten: 0,
@@ -2378,10 +2403,7 @@ function genDefaults$2() {
         }
       }
     },
-    stylesheetId: 'vuetify-theme-stylesheet',
-    scoped: false,
-    unimportant: false,
-    utilities: true
+    stylesheetId: 'vuetify-theme-stylesheet'
   };
 }
 function parseThemeOptions() {
@@ -2404,21 +2426,21 @@ function parseThemeOptions() {
 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;
 }
@@ -2462,8 +2484,7 @@ function getScopedSelector(selector, scope) {
   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;
 }
@@ -2483,17 +2504,8 @@ function getOrCreateStyleElement(id, cspNonce) {
 // Composables
 function createTheme(options) {
   const parsedOptions = parseThemeOptions(options);
-  const _name = shallowRef(parsedOptions.defaultTheme);
+  const name = shallowRef(parsedOptions.defaultTheme);
   const themes = ref(parsedOptions.themes);
-  const systemName = shallowRef('light');
-  const name = computed({
-    get() {
-      return _name.value === 'system' ? systemName.value : _name.value;
-    },
-    set(val) {
-      _name.value = val;
-    }
-  });
   const computedThemes = computed(() => {
     const acc = {};
     for (const [name, original] of Object.entries(themes.value)) {
@@ -2514,49 +2526,28 @@ function createTheme(options) {
   const current = toRef(() => computedThemes.value[name.value]);
   const styles = 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 = toRef(() => parsedOptions.isDisabled ? undefined : `${parsedOptions.prefix}theme--${name.value}`);
-  const themeNames = 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 (getCurrentScope()) {
-      onScopeDispose(() => {
-        media.removeEventListener('change', updateSystemName);
-      });
-    }
-  }
   function install(app) {
     if (parsedOptions.isDisabled) return;
     const head = app._context.provides.usehead;
@@ -2594,55 +2585,22 @@ function createTheme(options) {
         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 = 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
     }
   };
@@ -2653,7 +2611,7 @@ function provideTheme(props) {
   if (!theme) throw new Error('Could not find Vuetify theme injection');
   const name = toRef(() => props.theme ?? theme.name.value);
   const current = toRef(() => theme.themes.value[name.value]);
-  const themeClasses = toRef(() => theme.isDisabled ? undefined : `${theme.prefix}theme--${name.value}`);
+  const themeClasses = toRef(() => theme.isDisabled ? undefined : `v-theme--${name.value}`);
   const newTheme = {
     ...theme,
     name,
@@ -4200,15 +4158,9 @@ function useVariant(props) {
   };
 }
 
-// Types
-
 const makeVBtnGroupProps = propsFactory({
   baseColor: String,
   divided: Boolean,
-  direction: {
-    type: String,
-    default: 'horizontal'
-  },
   ...makeBorderProps(),
   ...makeComponentProps(),
   ...makeDensityProps(),
@@ -4242,7 +4194,7 @@ const VBtnGroup = genericComponent()({
     } = useRounded(props);
     provideDefaults({
       VBtn: {
-        height: toRef(() => props.direction === 'horizontal' ? 'auto' : null),
+        height: 'auto',
         baseColor: toRef(() => props.baseColor),
         color: toRef(() => props.color),
         density: toRef(() => props.density),
@@ -4252,7 +4204,7 @@ const VBtnGroup = genericComponent()({
     });
     useRender(() => {
       return 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
@@ -4930,7 +4882,7 @@ const VProgressCircular = genericComponent()({
       resizeRef,
       contentRect
     } = useResizeObserver();
-    const normalizedValue = toRef(() => Math.max(0, Math.min(100, parseFloat(props.modelValue))));
+    const normalizedValue = toRef(() => clamp(parseFloat(props.modelValue), 0, 100));
     const width = toRef(() => Number(props.width));
     const size = toRef(() => {
       // Get size from element if size prop value is small, large etc
@@ -5940,31 +5892,6 @@ const VAppBarTitle = genericComponent()({
 // 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 = 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'];
@@ -6004,7 +5931,6 @@ const makeVAlertProps = propsFactory({
   ...makeDensityProps(),
   ...makeDimensionProps(),
   ...makeElevationProps(),
-  ...makeIconSizeProps(),
   ...makeLocationProps(),
   ...makePositionProps(),
   ...makeRoundedProps(),
@@ -6032,9 +5958,6 @@ const VAlert = genericComponent()({
       if (!props.type) return props.icon;
       return props.icon ?? `$${props.type}`;
     });
-    const {
-      iconSize
-    } = useIconSizes(props, () => props.prominent ? 44 : 28);
     const {
       themeClasses
     } = provideTheme(props);
@@ -6082,11 +6005,6 @@ const VAlert = genericComponent()({
       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 && createVNode(props.tag, {
         "class": ['v-alert', props.border && {
           'v-alert--border': !!props.border,
@@ -6104,14 +6022,19 @@ const VAlert = genericComponent()({
         }, null), hasPrepend && createVNode("div", {
           "key": "prepend",
           "class": "v-alert__prepend"
-        }, [!slots.prepend ? createVNode(VIcon, mergeProps({
-          "key": "prepend-icon"
-        }, iconProps), null) : createVNode(VDefaultsProvider, {
+        }, [!slots.prepend ? createVNode(VIcon, {
+          "key": "prepend-icon",
+          "density": props.density,
+          "icon": icon.value,
+          "size": props.prominent ? 44 : 28
+        }, null) : createVNode(VDefaultsProvider, {
           "key": "prepend-defaults",
           "disabled": !icon.value,
           "defaults": {
             VIcon: {
-              ...iconProps
+              density: props.density,
+              icon: icon.value,
+              size: props.prominent ? 44 : 28
             }
           }
         }, slots.prepend)]), createVNode("div", {
@@ -7566,7 +7489,7 @@ function clampTarget(container, value, rtl, horizontal) {
     min = 0;
     max = scrollHeight + -containerHeight;
   }
-  return Math.max(Math.min(value, max), min);
+  return clamp(value, min, max);
 }
 
 function calculateUpdatedTarget(_ref) {
@@ -8309,68 +8232,6 @@ const VChip = genericComponent()({
   }
 });
 
-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 = 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 = 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 createVNode("div", {
-        "class": ['v-divider__wrapper', {
-          'v-divider__wrapper--vertical': props.vertical,
-          'v-divider__wrapper--inset': props.inset
-        }]
-      }, [divider, createVNode("div", {
-        "class": "v-divider__content"
-      }, [slots.default()]), divider]);
-    });
-    return {};
-  }
-});
-
 // Utilities
 
 // List
@@ -9522,6 +9383,68 @@ const VListSubheader = genericComponent()({
   }
 });
 
+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 = 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 = 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 createVNode("div", {
+        "class": ['v-divider__wrapper', {
+          'v-divider__wrapper--vertical': props.vertical,
+          'v-divider__wrapper--inset': props.inset
+        }]
+      }, [divider, createVNode("div", {
+        "class": "v-divider__content"
+      }, [slots.default()]), divider]);
+    });
+    return {};
+  }
+});
+
 // Types
 
 const makeVListChildrenProps = propsFactory({
@@ -10100,11 +10023,19 @@ function useLocationStrategies(props, data) {
       watch(() => props.locationStrategy, reset);
       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 {
@@ -10115,6 +10046,12 @@ function useLocationStrategies(props, data) {
   function onResize(e) {
     updateLocation.value?.(e);
   }
+  function onVisualResize(e) {
+    updateLocation.value?.(e);
+  }
+  function onVisualScroll(e) {
+    updateLocation.value?.(e);
+  }
   return {
     contentStyles,
     updateLocation
@@ -10266,13 +10203,7 @@ function connectedLocationStrategy(data, props, contentStyles) {
       }
     }
     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),
@@ -12439,12 +12370,7 @@ function useVirtual(props, items) {
   }
   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);
@@ -12848,6 +12774,7 @@ const VSelect = genericComponent()({
     const selectedValues = computed(() => model.value.map(selection => selection.value));
     const isFocused = shallowRef(false);
     let keyboardLookupPrefix = '';
+    let keyboardLookupIndex = -1;
     let keyboardLookupLastTime;
     const displayItems = computed(() => {
       if (props.hideSelected) {
@@ -12915,18 +12842,46 @@ const VSelect = genericComponent()({
       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];
       }
     }
 
@@ -13075,22 +13030,6 @@ const VSelect = genericComponent()({
                   key: item.value,
                   onClick: () => select(item, null)
                 });
-                if (item.raw.type === 'divider') {
-                  return slots.divider?.({
-                    props: item.raw,
-                    index
-                  }) ?? createVNode(VDivider, mergeProps(item.props, {
-                    "key": `divider-${index}`
-                  }), null);
-                }
-                if (item.raw.type === 'subheader') {
-                  return slots.subheader?.({
-                    props: item.raw,
-                    index
-                  }) ?? createVNode(VListSubheader, mergeProps(item.props, {
-                    "key": `subheader-${index}`
-                  }), null);
-                }
                 return slots.item?.({
                   item,
                   index,
@@ -13251,9 +13190,6 @@ function filterItems(items, query, options) {
     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);
@@ -13692,22 +13628,6 @@ const VAutocomplete = genericComponent()({
                   active: highlightFirst.value && index === 0 ? true : undefined,
                   onClick: () => select(item, null)
                 });
-                if (item.raw.type === 'divider') {
-                  return slots.divider?.({
-                    props: item.raw,
-                    index
-                  }) ?? createVNode(VDivider, mergeProps(item.props, {
-                    "key": `divider-${index}`
-                  }), null);
-                }
-                if (item.raw.type === 'subheader') {
-                  return slots.subheader?.({
-                    props: item.raw,
-                    index
-                  }) ?? createVNode(VListSubheader, mergeProps(item.props, {
-                    "key": `subheader-${index}`
-                  }), null);
-                }
                 return slots.item?.({
                   item,
                   index,
@@ -16005,7 +15925,7 @@ const useSlider = _ref => {
     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));
   }
@@ -17303,13 +17223,13 @@ function date(value) {
   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);
   });
 }
@@ -17773,9 +17693,9 @@ class VuetifyDateAdapter {
   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);
@@ -18118,7 +18038,6 @@ const VCombobox = genericComponent()({
         _search.value = val ?? '';
         if (!props.multiple && !hasSelectionSlot.value) {
           model.value = [transformItem$3(props, val)];
-          nextTick(() => vVirtualScrollRef.value?.scrollToIndex(0));
         }
         if (val && props.multiple && props.delimiters?.length) {
           const values = val.split(new RegExp(`(?:${props.delimiters.join('|')})+`));
@@ -18435,22 +18354,6 @@ const VCombobox = genericComponent()({
                   active: highlightFirst.value && index === 0 ? true : undefined,
                   onClick: () => select(item, null)
                 });
-                if (item.raw.type === 'divider') {
-                  return slots.divider?.({
-                    props: item.raw,
-                    index
-                  }) ?? createVNode(VDivider, mergeProps(item.props, {
-                    "key": `divider-${index}`
-                  }), null);
-                }
-                if (item.raw.type === 'subheader') {
-                  return slots.subheader?.({
-                    props: item.raw,
-                    index
-                  }) ?? createVNode(VListSubheader, mergeProps(item.props, {
-                    "key": `subheader-${index}`
-                  }), null);
-                }
                 return slots.item?.({
                   item,
                   index,
@@ -22094,8 +21997,7 @@ const makeCalendarProps = propsFactory({
   firstDayOfWeek: {
     type: [Number, String],
     default: undefined
-  },
-  weekdayFormat: String
+  }
 }, 'calendar');
 function useCalendar(props) {
   const adapter = useDate();
@@ -22343,7 +22245,7 @@ const VDatePickerMonth = genericComponent()({
         "ref": daysRef,
         "key": daysInMonth.value[0].date?.toString(),
         "class": "v-date-picker-month__days"
-      }, [!props.hideWeekdays && adapter.getWeekdays(props.firstDayOfWeek, props.weekdayFormat).map(weekDay => createVNode("div", {
+      }, [!props.hideWeekdays && adapter.getWeekdays(props.firstDayOfWeek).map(weekDay => createVNode("div", {
         "class": ['v-date-picker-month__day', 'v-date-picker-month__weekday']
       }, [weekDay])), daysInMonth.value.map((item, i) => {
         const slotProps = {
@@ -24461,7 +24363,7 @@ function useTouch(_ref) {
   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;
@@ -24874,10 +24776,6 @@ const makeVNumberInputProps = propsFactory({
     type: Number,
     default: 0
   },
-  minFractionDigits: {
-    type: Number,
-    default: null
-  },
   ...omit(makeVTextFieldProps(), ['modelValue', 'validationValue'])
 }, 'VNumberInput');
 const VNumberInput = genericComponent()({
@@ -24908,19 +24806,9 @@ const VNumberInput = genericComponent()({
     } = 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 = shallowRef(null);
@@ -24960,6 +24848,9 @@ const VNumberInput = genericComponent()({
     const controlNodeDefaultHeight = toRef(() => controlVariant.value === 'stacked' ? 'auto' : '100%');
     const incrementSlotProps = {
       props: {
+        style: {
+          touchAction: 'none'
+        },
         onClick: onControlClick,
         onPointerup: onControlMouseup,
         onPointerdown: onUpControlMousedown
@@ -24967,13 +24858,15 @@ const VNumberInput = genericComponent()({
     };
     const decrementSlotProps = {
       props: {
+        style: {
+          touchAction: 'none'
+        },
         onClick: onControlClick,
         onPointerup: onControlMouseup,
         onPointerdown: onDownControlMousedown
       }
     };
     watch(() => props.precision, () => formatInputValue());
-    watch(() => props.minFractionDigits, () => formatInputValue());
     onMounted(() => {
       clampModel();
     });
@@ -25075,7 +24968,7 @@ const VNumberInput = genericComponent()({
         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;
@@ -25100,17 +24993,18 @@ const VNumberInput = genericComponent()({
       } = VTextField.filterProps(props);
       function incrementControlNode() {
         return !slots.increment ? 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) : createVNode(VDefaultsProvider, {
           "key": "increment-defaults",
@@ -25129,18 +25023,19 @@ const VNumberInput = genericComponent()({
       }
       function decrementControlNode() {
         return !slots.decrement ? 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) : createVNode(VDefaultsProvider, {
           "key": "decrement-defaults",
           "defaults": {
@@ -30042,6 +29937,11 @@ const makeVIconBtnProps = propsFactory({
   hideOverlay: Boolean,
   icon: [String, Function, Object],
   iconColor: String,
+  iconSize: [Number, String],
+  iconSizes: {
+    type: Array,
+    default: () => [['x-small', 10], ['small', 16], ['default', 24], ['large', 28], ['x-large', 32]]
+  },
   loading: Boolean,
   opacity: [Number, String],
   readonly: Boolean,
@@ -30061,7 +29961,6 @@ const makeVIconBtnProps = propsFactory({
   ...makeBorderProps(),
   ...makeComponentProps(),
   ...makeElevationProps(),
-  ...makeIconSizeProps(),
   ...makeRoundedProps(),
   ...makeTagProps({
     tag: 'button'
@@ -30116,6 +30015,7 @@ const VIconBtn = genericComponent()({
       })()
     }));
     const btnSizeMap = new Map(props.sizes);
+    const iconSizeMap = new Map(props.iconSizes);
     function onClick() {
       if (props.disabled || props.readonly || isActive.value === undefined || props.tag === 'a' && attrs.href) return;
       isActive.value = !isActive.value;
@@ -30127,12 +30027,12 @@ const VIconBtn = genericComponent()({
       const btnSize = hasNamedSize ? btnSizeMap.get(_btnSize) : _btnSize;
       const btnHeight = props.height ?? btnSize;
       const btnWidth = props.width ?? btnSize;
-      const {
-        iconSize
-      } = useIconSizes(props, () => new Map(props.iconSizes).get(_btnSize));
+      const _iconSize = props.iconSize;
+      const hasNamedIconSize = iconSizeMap.has(_iconSize);
+      const iconSize = !_iconSize ? hasNamedSize ? iconSizeMap.get(_btnSize) : iconSizeMap.get('default') : hasNamedIconSize ? iconSizeMap.get(_iconSize) : _iconSize;
       const iconProps = {
         icon,
-        size: iconSize.value,
+        size: iconSize,
         iconColor: props.iconColor,
         opacity: props.opacity
       };
@@ -30175,7 +30075,7 @@ const VIconBtn = genericComponent()({
           "color": typeof props.loading === 'boolean' ? undefined : props.loading,
           "indeterminate": "disable-shrink",
           "width": "2",
-          "size": iconSize.value
+          "size": iconSize
         }, null)])]
       });
     });
@@ -32085,7 +31985,7 @@ function createVuetify$1() {
     };
   });
 }
-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
@@ -32383,7 +32283,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.8.6-dev.2025-05-21";
+const version = "3.8.6-master.2025-05-22";
 
 /* eslint-disable local-rules/sort-imports */