vuetify 3.7.11 → 3.7.13

package/dist/vuetify.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.7.11
+* Vuetify v3.7.13
 * Forged by John Leider
 * Released under the MIT License.
 */
 
-import { shallowRef, Fragment, reactive, computed, watchEffect, toRefs, capitalize, isVNode, Comment, unref, warn, getCurrentInstance as getCurrentInstance$1, ref, provide, inject as inject$1, defineComponent as defineComponent$1, camelize, h, createVNode, mergeProps, onBeforeUnmount, watch, readonly, onDeactivated, onActivated, onMounted, onScopeDispose, effectScope, toRaw, TransitionGroup, Transition, isRef, toRef, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, onUpdated, Text, resolveDynamicComponent, markRaw, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, toDisplayString, vModelText, resolveComponent, render } from 'vue';
+import { shallowRef, reactive, computed, watchEffect, toRefs, capitalize, unref, Fragment, isVNode, Comment, warn, getCurrentInstance as getCurrentInstance$1, ref, provide, inject as inject$1, defineComponent as defineComponent$1, h, camelize, createVNode, mergeProps, onBeforeUnmount, watch, readonly, onMounted, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, TransitionGroup, Transition, isRef, toRef, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, onUpdated, Text, resolveDynamicComponent, markRaw, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, toDisplayString, vModelText, resolveComponent, render } from 'vue';
 
 const IN_BROWSER = typeof window !== 'undefined';
 const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window;
@@ -155,10 +155,9 @@ function has(obj, key) {
 // Array of keys
 function pick(obj, paths) {
   const found = {};
-  const keys = new Set(Object.keys(obj));
-  for (const path of paths) {
-    if (keys.has(path)) {
-      found[path] = obj[path];
+  for (const key of paths) {
+    if (Object.hasOwn(obj, key)) {
+      found[key] = obj[key];
     }
   }
   return found;
@@ -172,7 +171,7 @@ function pickWithRest(obj, paths, exclude) {
   const found = Object.create(null);
   const rest = Object.create(null);
   for (const key in obj) {
-    if (paths.some(path => path instanceof RegExp ? path.test(key) : path === key) && !exclude?.some(path => path === key)) {
+    if (paths.some(path => path instanceof RegExp ? path.test(key) : path === key) && true) {
       found[key] = obj[key];
     } else {
       rest[key] = obj[key];
@@ -187,11 +186,6 @@ function omit(obj, exclude) {
   exclude.forEach(prop => delete clone[prop]);
   return clone;
 }
-function only(obj, include) {
-  const clone = {};
-  include.forEach(prop => clone[prop] = obj[prop]);
-  return clone;
-}
 const onRE = /^on[^a-z]/;
 const isOn = key => onRE.test(key);
 const bubblingEvents = ['onAfterscriptexecute', 'onAnimationcancel', 'onAnimationend', 'onAnimationiteration', 'onAnimationstart', 'onAuxclick', 'onBeforeinput', 'onBeforescriptexecute', 'onChange', 'onClick', 'onCompositionend', 'onCompositionstart', 'onCompositionupdate', 'onContextmenu', 'onCopy', 'onCut', 'onDblclick', 'onFocusin', 'onFocusout', 'onFullscreenchange', 'onFullscreenerror', 'onGesturechange', 'onGestureend', 'onGesturestart', 'onGotpointercapture', 'onInput', 'onKeydown', 'onKeypress', 'onKeyup', 'onLostpointercapture', 'onMousedown', 'onMousemove', 'onMouseout', 'onMouseover', 'onMouseup', 'onMousewheel', 'onPaste', 'onPointercancel', 'onPointerdown', 'onPointerenter', 'onPointerleave', 'onPointermove', 'onPointerout', 'onPointerover', 'onPointerup', 'onReset', 'onSelect', 'onSubmit', 'onTouchcancel', 'onTouchend', 'onTouchmove', 'onTouchstart', 'onTransitioncancel', 'onTransitionend', 'onTransitionrun', 'onTransitionstart', 'onWheel'];
@@ -500,6 +494,9 @@ function checkPrintable(e) {
   const noModifier = !e.ctrlKey && !e.metaKey && !e.altKey;
   return isPrintableChar && noModifier;
 }
+function isPrimitive(value) {
+  return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || typeof value === 'bigint';
+}
 
 // Utilities
 const block = ['top', 'bottom'];
@@ -797,7 +794,7 @@ function APCAcontrast(text, background) {
     // WoB should always return negative value.
 
     const SAPC = (Ybg ** revBG - Ytxt ** revTXT) * scaleWoB;
-    outputContrast = SAPC > -loClip ? 0.0 : SAPC > -loConThresh ? SAPC - SAPC * loConFactor * loConOffset : SAPC + loConOffset;
+    outputContrast = SAPC > -1e-3 ? 0.0 : SAPC > -0.078 ? SAPC - SAPC * loConFactor * loConOffset : SAPC + loConOffset;
   }
   return outputContrast * 100;
 }
@@ -837,7 +834,7 @@ function toXYZ$1(lab) {
 // Types
 
 // For converting XYZ to sRGB
-const srgbForwardMatrix = [[3.2406, -1.5372, -0.4986], [-0.9689, 1.8758, 0.0415], [0.0557, -0.2040, 1.0570]];
+const srgbForwardMatrix = [[3.2406, -1.5372, -0.4986], [-0.9689, 1.8758, 0.0415], [0.0557, -0.204, 1.0570]];
 
 // Forward gamma adjust
 const srgbForwardTransform = C => C <= 0.0031308 ? C * 12.92 : 1.055 * C ** (1 / 2.4) - 0.055;
@@ -1256,7 +1253,7 @@ const makeComponentProps = propsFactory({
 function getCurrentInstance(name, message) {
   const vm = getCurrentInstance$1();
   if (!vm) {
-    throw new Error(`[Vuetify] ${name} ${message || 'must be called from inside a setup function'}`);
+    throw new Error(`[Vuetify] ${name} ${'must be called from inside a setup function'}`);
   }
   return vm;
 }
@@ -3256,6 +3253,8 @@ function ExpandTransitionGenerator () {
   }
 }
 
+// Utilities
+
 // Types
 
 const makeVDialogTransitionProps = propsFactory({
@@ -4950,7 +4949,6 @@ function useIntersectionObserver(callback, options) {
   const isIntersecting = shallowRef(false);
   if (SUPPORTS_INTERSECTION) {
     const observer = new IntersectionObserver(entries => {
-      callback?.(entries, observer);
       isIntersecting.value = !!entries.find(entry => entry.isIntersecting);
     }, options);
     onBeforeUnmount(() => {
@@ -5578,11 +5576,13 @@ const ripples = {
     animation.classList.add('v-ripple__animation--visible');
     transform(animation, `translate(${x}, ${y}) scale3d(${scale},${scale},${scale})`);
     animation.dataset.activated = String(performance.now());
-    setTimeout(() => {
-      animation.classList.remove('v-ripple__animation--enter');
-      animation.classList.add('v-ripple__animation--in');
-      transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`);
-    }, 0);
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        animation.classList.remove('v-ripple__animation--enter');
+        animation.classList.add('v-ripple__animation--in');
+        transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`);
+      });
+    });
   },
   hide(el) {
     if (!el?._ripple?.enabled) return;
@@ -7120,7 +7120,7 @@ const makeVInputProps = propsFactory({
   'onClick:append': EventProp(),
   ...makeComponentProps(),
   ...makeDensityProps(),
-  ...only(makeDimensionProps(), ['maxWidth', 'minWidth', 'width']),
+  ...pick(makeDimensionProps(), ['maxWidth', 'minWidth', 'width']),
   ...makeThemeProps(),
   ...makeValidationProps()
 }, 'VInput');
@@ -8577,12 +8577,12 @@ const independentSelectStrategy = mandatory => {
       return selected;
     },
     in: (v, children, parents) => {
-      let map = new Map();
+      const map = new Map();
       for (const id of v || []) {
-        map = strategy.select({
+        strategy.select({
           id,
           value: true,
-          selected: new Map(map),
+          selected: map,
           children,
           parents
         });
@@ -8617,11 +8617,10 @@ const independentSingleSelectStrategy = mandatory => {
       });
     },
     in: (v, children, parents) => {
-      let map = new Map();
       if (v?.length) {
-        map = parentStrategy.in(v.slice(0, 1), children, parents);
+        return parentStrategy.in(v.slice(0, 1), children, parents);
       }
-      return map;
+      return new Map();
     },
     out: (v, children, parents) => {
       return parentStrategy.out(v, children, parents);
@@ -8724,7 +8723,7 @@ const classicSelectStrategy = mandatory => {
         map = strategy.select({
           id,
           value: true,
-          selected: new Map(map),
+          selected: map,
           children,
           parents
         });
@@ -8949,7 +8948,22 @@ const useNested = props => {
           parents: parents.value,
           event
         });
-        newActivated && (activated.value = newActivated);
+        if (newActivated.size !== activated.value.size) {
+          activated.value = newActivated;
+        } else {
+          for (const value of newActivated) {
+            if (!activated.value.has(value)) {
+              activated.value = newActivated;
+              return;
+            }
+          }
+          for (const value of activated.value) {
+            if (!newActivated.has(value)) {
+              activated.value = newActivated;
+              return;
+            }
+          }
+        }
       },
       children,
       parents,
@@ -9396,7 +9410,8 @@ const VListItem = genericComponent()({
       list,
       select,
       root,
-      id: uid
+      id: uid,
+      link
     };
   }
 });
@@ -9608,10 +9623,7 @@ const makeItemsProps = propsFactory({
     default: 'props'
   },
   returnObject: Boolean,
-  valueComparator: {
-    type: Function,
-    default: deepEqual
-  }
+  valueComparator: Function
 }, 'list-items');
 function transformItem$3(props, item) {
   const title = getPropertyFromItem(item, props.itemTitle, item);
@@ -9632,29 +9644,84 @@ function transformItem$3(props, item) {
   };
 }
 function transformItems$3(props, items) {
+  const _props = pick(props, ['itemTitle', 'itemValue', 'itemChildren', 'itemProps', 'returnObject', 'valueComparator']);
   const array = [];
   for (const item of items) {
-    array.push(transformItem$3(props, item));
+    array.push(transformItem$3(_props, item));
   }
   return array;
 }
 function useItems(props) {
   const items = computed(() => transformItems$3(props, props.items));
   const hasNullItem = computed(() => items.value.some(item => item.value === null));
+  const itemsMap = shallowRef(new Map());
+  const keylessItems = shallowRef([]);
+  watchEffect(() => {
+    const _items = items.value;
+    const map = new Map();
+    const keyless = [];
+    for (let i = 0; i < _items.length; i++) {
+      const item = _items[i];
+      if (isPrimitive(item.value) || item.value === null) {
+        let values = map.get(item.value);
+        if (!values) {
+          values = [];
+          map.set(item.value, values);
+        }
+        values.push(item);
+      } else {
+        keyless.push(item);
+      }
+    }
+    itemsMap.value = map;
+    keylessItems.value = keyless;
+  });
   function transformIn(value) {
-    if (!hasNullItem.value) {
+    // Cache unrefed values outside the loop,
+    // proxy getters can be slow when you call them a billion times
+    const _items = itemsMap.value;
+    const _allItems = items.value;
+    const _keylessItems = keylessItems.value;
+    const _hasNullItem = hasNullItem.value;
+    const _returnObject = props.returnObject;
+    const hasValueComparator = !!props.valueComparator;
+    const valueComparator = props.valueComparator || deepEqual;
+    const _props = pick(props, ['itemTitle', 'itemValue', 'itemChildren', 'itemProps', 'returnObject', 'valueComparator']);
+    const returnValue = [];
+    main: for (const v of value) {
       // When the model value is null, return an InternalItem
       // based on null only if null is one of the items
-      value = value.filter(v => v !== null);
-    }
-    return value.map(v => {
-      if (props.returnObject && typeof v === 'string') {
-        // String model value means value is a custom input value from combobox
-        // Don't look up existing items if the model value is a string
-        return transformItem$3(props, v);
+      if (!_hasNullItem && v === null) continue;
+
+      // String model value means value is a custom input value from combobox
+      // Don't look up existing items if the model value is a string
+      if (_returnObject && typeof v === 'string') {
+        returnValue.push(transformItem$3(_props, v));
+        continue;
       }
-      return items.value.find(item => props.valueComparator(v, item.value)) || transformItem$3(props, v);
-    });
+
+      // Fast path, items with primitive values and no
+      // custom valueComparator can use a constant-time
+      // map lookup instead of searching the items array
+      const fastItems = _items.get(v);
+
+      // Slow path, always use valueComparator.
+      // This is O(n^2) so we really don't want to
+      // do it for more than a couple hundred items.
+      if (hasValueComparator || !fastItems) {
+        for (const item of hasValueComparator ? _allItems : _keylessItems) {
+          if (valueComparator(v, item.value)) {
+            returnValue.push(item);
+            continue main;
+          }
+        }
+        // Not an existing item, construct it from the model (#4000)
+        returnValue.push(transformItem$3(_props, v));
+        continue;
+      }
+      returnValue.push(...fastItems);
+    }
+    return returnValue;
   }
   function transformOut(value) {
     return props.returnObject ? value.map(_ref => {
@@ -9678,9 +9745,6 @@ function useItems(props) {
 
 // Types
 
-function isPrimitive(value) {
-  return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean';
-}
 function transformItem$2(props, item) {
   const type = getPropertyFromItem(item, props.itemType, 'item');
   const title = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemTitle);
@@ -9870,7 +9934,7 @@ const VList = genericComponent()({
           'v-list--slim': props.slim
         }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, densityClasses.value, elevationClasses.value, lineClasses.value, roundedClasses.value, props.class],
         "style": [backgroundColorStyles.value, dimensionStyles.value, props.style],
-        "tabindex": props.disabled || isFocused.value ? -1 : 0,
+        "tabindex": props.disabled ? -1 : 0,
         "role": "listbox",
         "aria-activedescendant": undefined,
         "onFocusin": onFocusin,
@@ -12729,7 +12793,7 @@ const VSelect = genericComponent()({
     let keyboardLookupLastTime;
     const displayItems = computed(() => {
       if (props.hideSelected) {
-        return items.value.filter(item => !model.value.some(s => props.valueComparator(s, item)));
+        return items.value.filter(item => !model.value.some(s => (props.valueComparator || deepEqual)(s, item)));
       }
       return items.value;
     });
@@ -12801,7 +12865,7 @@ const VSelect = genericComponent()({
       let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       if (item.props.disabled) return;
       if (props.multiple) {
-        const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
+        const index = model.value.findIndex(selection => (props.valueComparator || deepEqual)(selection.value, item.value));
         const add = set == null ? !~index : set;
         if (~index) {
           const value = add ? [...model.value, item] : [...model.value];
@@ -12848,7 +12912,7 @@ const VSelect = genericComponent()({
     }
     watch(menu, () => {
       if (!props.hideSelected && menu.value && model.value.length) {
-        const index = displayItems.value.findIndex(item => model.value.some(s => props.valueComparator(s.value, item.value)));
+        const index = displayItems.value.findIndex(item => model.value.some(s => (props.valueComparator || deepEqual)(s.value, item.value)));
         IN_BROWSER && window.requestAnimationFrame(() => {
           index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index);
         });
@@ -13380,7 +13444,7 @@ const VAutocomplete = genericComponent()({
       let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       if (!item || item.props.disabled) return;
       if (props.multiple) {
-        const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
+        const index = model.value.findIndex(selection => (props.valueComparator || deepEqual)(selection.value, item.value));
         const add = set == null ? !~index : set;
         if (~index) {
           const value = add ? [...model.value, item] : [...model.value];
@@ -15769,6 +15833,8 @@ const useSlider = _ref => {
   const trackContainerRef = ref();
   const activeThumbRef = ref();
   function parseMouseMove(e) {
+    const el = trackContainerRef.value?.$el;
+    if (!el) return;
     const vertical = props.direction === 'vertical';
     const start = vertical ? 'top' : 'left';
     const length = vertical ? 'height' : 'width';
@@ -15776,7 +15842,7 @@ const useSlider = _ref => {
     const {
       [start]: trackStart,
       [length]: trackLength
-    } = trackContainerRef.value?.$el.getBoundingClientRect();
+    } = el.getBoundingClientRect();
     const clickOffset = getPosition(e, position);
 
     // It is possible for left to be NaN, force to number
@@ -15785,13 +15851,17 @@ const useSlider = _ref => {
     return roundValue(min.value + clickPos * (max.value - min.value));
   }
   const handleStop = e => {
-    onSliderEnd({
-      value: parseMouseMove(e)
-    });
+    const value = parseMouseMove(e);
+    if (value != null) {
+      onSliderEnd({
+        value
+      });
+    }
     mousePressed.value = false;
     startOffset.value = 0;
   };
   const handleStart = e => {
+    const value = parseMouseMove(e);
     activeThumbRef.value = getActiveThumb(e);
     if (!activeThumbRef.value) return;
     mousePressed.value = true;
@@ -15799,13 +15869,17 @@ const useSlider = _ref => {
       startOffset.value = getOffset(e, activeThumbRef.value, props.direction);
     } else {
       startOffset.value = 0;
-      onSliderMove({
-        value: parseMouseMove(e)
+      if (value != null) {
+        onSliderMove({
+          value
+        });
+      }
+    }
+    if (value != null) {
+      onSliderStart({
+        value
       });
     }
-    onSliderStart({
-      value: parseMouseMove(e)
-    });
     nextTick(() => activeThumbRef.value?.focus());
   };
   const moveListenerOptions = {
@@ -15813,9 +15887,12 @@ const useSlider = _ref => {
     capture: true
   };
   function onMouseMove(e) {
-    onSliderMove({
-      value: parseMouseMove(e)
-    });
+    const value = parseMouseMove(e);
+    if (value != null) {
+      onSliderMove({
+        value
+      });
+    }
   }
   function onSliderMouseUp(e) {
     e.stopPropagation();
@@ -17254,7 +17331,7 @@ const VCombobox = genericComponent()({
       let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       if (!item || item.props.disabled) return;
       if (props.multiple) {
-        const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
+        const index = model.value.findIndex(selection => (props.valueComparator || deepEqual)(selection.value, item.value));
         const add = set == null ? !~index : set;
         if (~index) {
           const value = add ? [...model.value, item] : [...model.value];
@@ -17314,7 +17391,7 @@ const VCombobox = genericComponent()({
     });
     watch(menu, () => {
       if (!props.hideSelected && menu.value && model.value.length) {
-        const index = displayItems.value.findIndex(item => model.value.some(s => props.valueComparator(s.value, item.value)));
+        const index = displayItems.value.findIndex(item => model.value.some(s => (props.valueComparator || deepEqual)(s.value, item.value)));
         IN_BROWSER && window.requestAnimationFrame(() => {
           index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index);
         });
@@ -18531,13 +18608,7 @@ function provideGroupBy(options) {
       return [...new Set(arr)];
     }
     return dive({
-      type: 'group',
-      items,
-      id: 'dummy',
-      key: 'dummy',
-      value: 'dummy',
-      depth: 0
-    });
+      items});
   }
 
   // onBeforeMount(() => {
@@ -18981,15 +19052,19 @@ function provideSort(options) {
     })) ?? [];
     const item = newSortBy.find(x => x.key === column.key);
     if (!item) {
-      if (multiSort.value) newSortBy = [...newSortBy, {
-        key: column.key,
-        order: 'asc'
-      }];else newSortBy = [{
-        key: column.key,
-        order: 'asc'
-      }];
+      if (multiSort.value) {
+        newSortBy.push({
+          key: column.key,
+          order: 'asc'
+        });
+      } else {
+        newSortBy = [{
+          key: column.key,
+          order: 'asc'
+        }];
+      }
     } else if (item.order === 'desc') {
-      if (mustSort.value) {
+      if (mustSort.value && newSortBy.length === 1) {
         item.order = 'asc';
       } else {
         newSortBy = newSortBy.filter(x => x.key !== column.key);
@@ -21614,7 +21689,7 @@ const makeVDatePickerControlsProps = propsFactory({
   },
   disabled: {
     type: [Boolean, String, Array],
-    default: false
+    default: null
   },
   nextIcon: {
     type: IconValue,
@@ -21796,7 +21871,10 @@ const VDatePickerHeader = genericComponent()({
 // Composables
 const makeCalendarProps = propsFactory({
   allowedDates: [Array, Function],
-  disabled: Boolean,
+  disabled: {
+    type: Boolean,
+    default: null
+  },
   displayValue: null,
   modelValue: Array,
   month: [Number, String],
@@ -21948,7 +22026,7 @@ const makeVDatePickerMonthProps = propsFactory({
     type: String,
     default: 'picker-reverse-transition'
   },
-  ...makeCalendarProps()
+  ...omit(makeCalendarProps(), ['displayValue'])
 }, 'VDatePickerMonth');
 const VDatePickerMonth = genericComponent()({
   name: 'VDatePickerMonth',
@@ -23225,8 +23303,7 @@ const VFileInput = genericComponent()({
       const fieldProps = filterFieldProps(props);
       return createVNode(VInput, mergeProps({
         "ref": vInputRef,
-        "modelValue": model.value,
-        "onUpdate:modelValue": $event => model.value = $event,
+        "modelValue": props.multiple ? model.value : model.value[0],
         "class": ['v-file-input', {
           'v-file-input--chips': !!props.chips,
           'v-file-input--hide': props.hideInput,
@@ -24065,7 +24142,7 @@ const HISTORY = 20; // number of samples to keep
 /** @see https://android.googlesource.com/platform/frameworks/native/+/master/libs/input/VelocityTracker.cpp */
 function kineticEnergyToVelocity(work) {
   const sqrt2 = 1.41421356237;
-  return (work < 0 ? -1.0 : 1.0) * Math.sqrt(Math.abs(work)) * sqrt2;
+  return (work < 0 ? -1 : 1.0) * Math.sqrt(Math.abs(work)) * sqrt2;
 }
 
 /**
@@ -24447,7 +24524,6 @@ const VNavigationDrawer = genericComponent()({
       const size = isTemporary.value ? 0 : props.rail && props.expandOnHover ? Number(props.railWidth) : width.value;
       return isDragging.value ? size * dragProgress.value : size;
     });
-    const elementSize = computed(() => ['top', 'bottom'].includes(props.location) ? 0 : width.value);
     const {
       layoutItemStyles,
       layoutItemScrimStyles
@@ -24456,7 +24532,7 @@ const VNavigationDrawer = genericComponent()({
       order: computed(() => parseInt(props.order, 10)),
       position: location,
       layoutSize,
-      elementSize,
+      elementSize: width,
       active: computed(() => isActive.value || isDragging.value),
       disableTransitions: computed(() => isDragging.value),
       absolute: computed(() =>
@@ -24502,9 +24578,7 @@ const VNavigationDrawer = genericComponent()({
           'v-navigation-drawer--active': isActive.value,
           'v-navigation-drawer--sticky': isSticky.value
         }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, displayClasses.value, elevationClasses.value, roundedClasses.value, props.class],
-        "style": [backgroundColorStyles.value, layoutItemStyles.value, ssrBootStyles.value, stickyStyles.value, props.style, ['top', 'bottom'].includes(location.value) ? {
-          height: 'auto'
-        } : {}]
+        "style": [backgroundColorStyles.value, layoutItemStyles.value, ssrBootStyles.value, stickyStyles.value, props.style]
       }, scopeId, attrs), {
         default: () => [hasImage && createVNode("div", {
           "key": "image",
@@ -24591,7 +24665,7 @@ const makeVOtpInputProps = propsFactory({
   },
   ...makeDimensionProps(),
   ...makeFocusProps(),
-  ...only(makeVFieldProps({
+  ...pick(makeVFieldProps({
     variant: 'outlined'
   }), ['baseColor', 'bgColor', 'class', 'color', 'disabled', 'error', 'loading', 'rounded', 'style', 'theme', 'variant'])
 }, 'VOtpInput');
@@ -25824,6 +25898,8 @@ const makeLineProps = propsFactory({
   }
 }, 'Line');
 
+// Utilities
+
 // Types
 
 const makeVBarlineProps = propsFactory({
@@ -26021,6 +26097,8 @@ function moveTo(to, from, radius) {
   };
 }
 
+// Utilities
+
 // Types
 
 const makeVTrendlineProps = propsFactory({
@@ -26575,7 +26653,7 @@ const makeVStepperProps = propsFactory({
     selectedClass: 'v-stepper-item--selected'
   }),
   ...makeVSheetProps(),
-  ...only(makeVStepperActionsProps(), ['prevText', 'nextText'])
+  ...pick(makeVStepperActionsProps(), ['prevText', 'nextText'])
 }, 'VStepper');
 const VStepper = genericComponent()({
   name: 'VStepper',
@@ -27657,7 +27735,7 @@ const makeVTimelineProps = propsFactory({
     type: String,
     validator: v => ['start', 'end', 'both'].includes(v)
   },
-  ...only(makeVTimelineItemProps({
+  ...pick(makeVTimelineItemProps({
     lineInset: 0
   }), ['dotColor', 'fillDot', 'hideOpposite', 'iconColor', 'lineInset', 'size']),
   ...makeComponentProps(),
@@ -28329,7 +28407,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.11";
+const version$1 = "3.7.13";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28354,7 +28432,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.7.11";
+const version = "3.7.13";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };