vuetify 3.3.12 → 3.4.0-alpha.0

package/dist/vuetify.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.3.12
+* Vuetify v3.4.0-alpha.0
 * Forged by John Leider
 * Released under the MIT License.
 */
 
-import { Fragment, reactive, computed, watchEffect, toRefs, capitalize, warn, watch, onScopeDispose, effectScope, ref, unref, provide, shallowRef, inject as inject$1, defineComponent as defineComponent$1, camelize, h, getCurrentInstance as getCurrentInstance$1, onBeforeUnmount, readonly, onDeactivated, onActivated, onMounted, toRaw, createVNode, TransitionGroup, Transition, mergeProps, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, isRef, toRef, Text, resolveDynamicComponent, Teleport, cloneVNode, createTextVNode, onBeforeUpdate, vModelText } from 'vue';
+import { Fragment, reactive, computed, watchEffect, toRefs, capitalize, warn, ref, unref, provide, shallowRef, inject as inject$1, defineComponent as defineComponent$1, camelize, h, getCurrentInstance as getCurrentInstance$1, onBeforeUnmount, watch, readonly, onDeactivated, onActivated, onMounted, onScopeDispose, effectScope, toRaw, createVNode, TransitionGroup, Transition, mergeProps, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, isRef, toRef, Text, resolveDynamicComponent, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, vModelText } from 'vue';
 
 // Types
 // eslint-disable-line vue/prefer-import-from-vue
@@ -74,6 +74,7 @@ const makeComponentProps = propsFactory({
 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;
 
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
@@ -157,7 +158,15 @@ function isObject(obj) {
   return obj !== null && typeof obj === 'object' && !Array.isArray(obj);
 }
 function refElement(obj) {
-  return obj && '$el' in obj ? obj.$el : obj;
+  if (obj && '$el' in obj) {
+    const el = obj.$el;
+    if (el?.nodeType === Node.TEXT_NODE) {
+      // Multi-root component, use the first element
+      return el.nextElementSibling;
+    }
+    return el;
+  }
+  return obj;
 }
 
 // KeyboardEvent.keyCode aliases
@@ -224,14 +233,22 @@ function omit(obj, exclude) {
   exclude.forEach(prop => delete clone[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'];
 
 /**
  * Filter attributes that should be applied to
- * the root element of a an input component. Remaining
+ * the root element of an input component. Remaining
  * attributes should be passed to the <input> element inside.
  */
 function filterInputAttrs(attrs) {
-  return pick(attrs, ['class', 'style', 'id', /^data-/]);
+  const [events, props] = pick(attrs, [onRE]);
+  const inputEvents = omit(events, bubblingEvents);
+  const [rootAttrs, inputAttrs] = pick(props, ['class', 'style', 'id', /^data-/]);
+  Object.assign(rootAttrs, events);
+  Object.assign(inputAttrs, inputEvents);
+  return [rootAttrs, inputAttrs];
 }
 function wrapInArray(v) {
   return v == null ? [] : Array.isArray(v) ? v : [v];
@@ -384,8 +401,6 @@ function destructComputed(getter) {
 function includes(arr, val) {
   return arr.includes(val);
 }
-const onRE = /^on[^a-z]/;
-const isOn = key => onRE.test(key);
 function eventName(propName) {
   return propName[2].toLowerCase() + propName.slice(3);
 }
@@ -542,6 +557,18 @@ function getOverflow(a, b) {
     }
   };
 }
+function getTargetBox(target) {
+  if (Array.isArray(target)) {
+    return new Box({
+      x: target[0],
+      y: target[1],
+      width: 0,
+      height: 0
+    });
+  } else {
+    return target.getBoundingClientRect();
+  }
+}
 
 // Utilities
 
@@ -1013,34 +1040,6 @@ function getContrast(first, second) {
 
 // Types
 
-function useToggleScope(source, fn) {
-  let scope;
-  function start() {
-    scope = effectScope();
-    scope.run(() => fn.length ? fn(() => {
-      scope?.stop();
-      start();
-    }) : fn());
-  }
-  watch(source, active => {
-    if (active && !scope) {
-      start();
-    } else if (!active) {
-      scope?.stop();
-      scope = undefined;
-    }
-  }, {
-    immediate: true
-  });
-  onScopeDispose(() => {
-    scope?.stop();
-  });
-}
-
-// Composables
-
-// Types
-
 const DefaultsSymbol = Symbol.for('vuetify:defaults');
 function createDefaults(options) {
   return ref(options);
@@ -1059,6 +1058,7 @@ function provideDefaults(defaults, options) {
     const scoped = unref(options?.scoped);
     const reset = unref(options?.reset);
     const root = unref(options?.root);
+    if (providedDefaults.value == null && !(scoped || reset || root)) return injectedDefaults.value;
     let properties = mergeDeep(providedDefaults.value, {
       prev: injectedDefaults.value
     });
@@ -1114,16 +1114,16 @@ function internalUseDefaults() {
         let [key] = _ref;
         return key.startsWith(key[0].toUpperCase());
       });
-      if (subComponents.length) _subcomponentDefaults.value = Object.fromEntries(subComponents);
+      _subcomponentDefaults.value = subComponents.length ? Object.fromEntries(subComponents) : undefined;
+    } else {
+      _subcomponentDefaults.value = undefined;
     }
   });
   function provideSubDefaults() {
-    // If subcomponent defaults are provided, override any
-    // subcomponents provided by the component's setup function.
-    // This uses injectSelf so must be done after the original setup to work.
-    useToggleScope(_subcomponentDefaults, () => {
-      provideDefaults(mergeDeep(injectSelf(DefaultsSymbol)?.value ?? {}, _subcomponentDefaults.value));
-    });
+    const injected = injectSelf(DefaultsSymbol, vm);
+    provide(DefaultsSymbol, computed(() => {
+      return _subcomponentDefaults.value ? mergeDeep(injected?.value ?? {}, _subcomponentDefaults.value) : injected?.value;
+    }));
   }
   return {
     props: _props,
@@ -1301,9 +1301,10 @@ function isPotentiallyScrollable(el) {
 // Types
 
 function injectSelf(key) {
+  let vm = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getCurrentInstance('injectSelf');
   const {
     provides
-  } = getCurrentInstance('injectSelf');
+  } = vm;
   if (provides && key in provides) {
     // TS doesn't allow symbol as index type
     return provides[key];
@@ -1641,6 +1642,7 @@ function createLayout(props) {
 
 var en = {
   badge: 'Badge',
+  open: 'Open',
   close: 'Close',
   dataIterator: {
     noResultsText: 'No matching records found',
@@ -1779,6 +1781,34 @@ const defaultRtl = {
   zhHant: false
 };
 
+// Utilities
+
+// Types
+
+function useToggleScope(source, fn) {
+  let scope;
+  function start() {
+    scope = effectScope();
+    scope.run(() => fn.length ? fn(() => {
+      scope?.stop();
+      start();
+    }) : fn());
+  }
+  watch(source, active => {
+    if (active && !scope) {
+      start();
+    } else if (!active) {
+      scope?.stop();
+      scope = undefined;
+    }
+  }, {
+    immediate: true
+  });
+  onScopeDispose(() => {
+    scope?.stop();
+  });
+}
+
 // Composables
 
 // Types
@@ -2091,9 +2121,9 @@ const defaultThemeOptions = {
         surface: '#FFFFFF',
         'surface-variant': '#424242',
         'on-surface-variant': '#EEEEEE',
-        primary: '#6200EE',
-        'primary-darken-1': '#3700B3',
-        secondary: '#03DAC6',
+        primary: '#1867C0',
+        'primary-darken-1': '#1F5592',
+        secondary: '#48A9A6',
         'secondary-darken-1': '#018786',
         error: '#B00020',
         info: '#2196F3',
@@ -2126,10 +2156,10 @@ const defaultThemeOptions = {
         surface: '#212121',
         'surface-variant': '#BDBDBD',
         'on-surface-variant': '#424242',
-        primary: '#BB86FC',
-        'primary-darken-1': '#3700B3',
-        secondary: '#03DAC5',
-        'secondary-darken-1': '#03DAC5',
+        primary: '#2196F3',
+        'primary-darken-1': '#277CC1',
+        secondary: '#54B6B2',
+        'secondary-darken-1': '#48A9A6',
         error: '#CF6679',
         info: '#2196F3',
         success: '#4CAF50',
@@ -2614,7 +2644,7 @@ function ExpandTransitionGenerator () {
 // Types
 
 const makeVDialogTransitionProps = propsFactory({
-  target: Object
+  target: [Object, Array]
 }, 'v-dialog-transition');
 const VDialogTransition = genericComponent()({
   name: 'VDialogTransition',
@@ -2716,7 +2746,7 @@ function getChildren(el) {
   return els && [...els];
 }
 function getDimensions(target, el) {
-  const targetBox = target.getBoundingClientRect();
+  const targetBox = getTargetBox(target);
   const elBox = nullifyTransforms(el);
   const [originX, originY] = getComputedStyle(el).transformOrigin.split(' ').map(v => parseFloat(v));
   const [anchorSide, anchorOffset] = getComputedStyle(el).getPropertyValue('--v-overlay-anchor-origin').split(' ');
@@ -2962,6 +2992,10 @@ const Intersect = {
 const makeVImgProps = propsFactory({
   alt: String,
   cover: Boolean,
+  draggable: {
+    type: [Boolean, String],
+    default: undefined
+  },
   eager: Boolean,
   gradient: String,
   lazySrc: String,
@@ -2980,6 +3014,8 @@ const makeVImgProps = propsFactory({
     type: [String, Object],
     default: ''
   },
+  crossorigin: String,
+  referrerpolicy: String,
   srcset: String,
   ...makeVResponsiveProps(),
   ...makeComponentProps(),
@@ -3104,6 +3140,9 @@ const VImg = genericComponent()({
         "src": normalisedSrc.value.src,
         "srcset": normalisedSrc.value.srcset,
         "alt": props.alt,
+        "crossorigin": props.crossorigin,
+        "referrerpolicy": props.referrerpolicy,
+        "draggable": props.draggable,
         "sizes": props.sizes,
         "ref": image,
         "onLoad": onLoad,
@@ -3125,7 +3164,10 @@ const VImg = genericComponent()({
       default: () => [normalisedSrc.value.lazySrc && state.value !== 'loaded' && createVNode("img", {
         "class": ['v-img__img', 'v-img__img--preload', containClasses.value],
         "src": normalisedSrc.value.lazySrc,
-        "alt": props.alt
+        "alt": props.alt,
+        "crossorigin": props.crossorigin,
+        "referrerpolicy": props.referrerpolicy,
+        "draggable": props.draggable
       }, null)]
     });
     const __placeholder = () => {
@@ -4144,7 +4186,8 @@ const aliases = {
   file: 'mdi-paperclip',
   plus: 'mdi-plus',
   minus: 'mdi-minus',
-  calendar: 'mdi-calendar'
+  calendar: 'mdi-calendar',
+  eyeDropper: 'mdi-eyedropper'
 };
 const mdi = {
   // Not using mergeProps here, functional components merge props by default (?)
@@ -5734,6 +5777,7 @@ const VSelectionControlGroup = genericComponent()({
 
 const makeVSelectionControlProps = propsFactory({
   label: String,
+  baseColor: String,
   trueValue: null,
   falseValue: null,
   value: null,
@@ -5772,7 +5816,8 @@ function useSelectionControl(props) {
     textColorClasses,
     textColorStyles
   } = useTextColor(computed(() => {
-    return model.value && !props.error && !props.disabled ? props.color : undefined;
+    if (props.error || props.disabled) return undefined;
+    return model.value ? props.color : props.baseColor;
   }));
   const icon = computed(() => model.value ? props.trueIcon : props.falseIcon);
   return {
@@ -5844,6 +5889,20 @@ const VSelectionControl = genericComponent()({
         }
       }) : props.label;
       const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);
+      const inputNode = createVNode("input", mergeProps({
+        "ref": input,
+        "checked": model.value,
+        "disabled": !!(props.readonly || props.disabled),
+        "id": id.value,
+        "onBlur": onBlur,
+        "onFocus": onFocus,
+        "onInput": onInput,
+        "aria-disabled": !!(props.readonly || props.disabled),
+        "type": props.type,
+        "value": trueValue.value,
+        "name": props.name,
+        "aria-checked": props.type === 'checkbox' ? model.value : undefined
+      }, inputAttrs), null);
       return createVNode("div", mergeProps({
         "class": ['v-selection-control', {
           'v-selection-control--dirty': model.value,
@@ -5860,34 +5919,24 @@ const VSelectionControl = genericComponent()({
         "style": textColorStyles.value
       }, [slots.default?.(), withDirectives(createVNode("div", {
         "class": ['v-selection-control__input']
-      }, [icon.value && createVNode(VIcon, {
-        "key": "icon",
-        "icon": icon.value
-      }, null), createVNode("input", mergeProps({
-        "ref": input,
-        "checked": model.value,
-        "disabled": !!(props.readonly || props.disabled),
-        "id": id.value,
-        "onBlur": onBlur,
-        "onFocus": onFocus,
-        "onInput": onInput,
-        "aria-disabled": !!(props.readonly || props.disabled),
-        "type": props.type,
-        "value": trueValue.value,
-        "name": props.name,
-        "aria-checked": props.type === 'checkbox' ? model.value : undefined
-      }, inputAttrs), null), slots.input?.({
+      }, [slots.input?.({
         model,
         textColorClasses,
         textColorStyles,
+        inputNode,
+        icon: icon.value,
         props: {
           onFocus,
           onBlur,
           id: id.value
         }
-      })]), [[resolveDirective("ripple"), props.ripple && [!props.disabled && !props.readonly, null, ['center', 'circle']]]])]), label && createVNode(VLabel, {
+      }) ?? createVNode(Fragment, null, [icon.value && createVNode(VIcon, {
+        "key": "icon",
+        "icon": icon.value
+      }, null), inputNode])]), [[resolveDirective("ripple"), props.ripple && [!props.disabled && !props.readonly, null, ['center', 'circle']]]])]), label && createVNode(VLabel, {
         "for": id.value,
-        "clickable": true
+        "clickable": true,
+        "onClick": e => e.stopPropagation()
       }, {
         default: () => [label]
       })]);
@@ -5936,16 +5985,19 @@ const VCheckboxBtn = genericComponent()({
     const trueIcon = computed(() => {
       return indeterminate.value ? props.indeterminateIcon : props.trueIcon;
     });
-    useRender(() => createVNode(VSelectionControl, mergeProps(props, {
-      "modelValue": model.value,
-      "onUpdate:modelValue": [$event => model.value = $event, onChange],
-      "class": ['v-checkbox-btn', props.class],
-      "style": props.style,
-      "type": "checkbox",
-      "falseIcon": falseIcon.value,
-      "trueIcon": trueIcon.value,
-      "aria-checked": indeterminate.value ? 'mixed' : undefined
-    }), slots));
+    useRender(() => {
+      const controlProps = omit(VSelectionControl.filterProps(props)[0], ['modelValue']);
+      return createVNode(VSelectionControl, mergeProps(controlProps, {
+        "modelValue": model.value,
+        "onUpdate:modelValue": [$event => model.value = $event, onChange],
+        "class": ['v-checkbox-btn', props.class],
+        "style": props.style,
+        "type": "checkbox",
+        "falseIcon": falseIcon.value,
+        "trueIcon": trueIcon.value,
+        "aria-checked": indeterminate.value ? 'mixed' : undefined
+      }), slots);
+    });
     return {};
   }
 });
@@ -6509,12 +6561,12 @@ const VCheckbox = genericComponent()({
     const uid = getUid();
     const id = computed(() => props.id || `checkbox-${uid}`);
     useRender(() => {
-      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs);
+      const [rootAttrs, controlAttrs] = filterInputAttrs(attrs);
       const [inputProps, _1] = VInput.filterProps(props);
       const [checkboxProps, _2] = VCheckboxBtn.filterProps(props);
       return createVNode(VInput, mergeProps({
         "class": ['v-checkbox', props.class]
-      }, inputAttrs, inputProps, {
+      }, rootAttrs, inputProps, {
         "modelValue": model.value,
         "onUpdate:modelValue": $event => model.value = $event,
         "id": id.value,
@@ -6552,6 +6604,7 @@ const makeVAvatarProps = propsFactory({
   end: Boolean,
   icon: IconValue,
   image: String,
+  text: String,
   ...makeComponentProps(),
   ...makeDensityProps(),
   ...makeRoundedProps(),
@@ -6602,7 +6655,7 @@ const VAvatar = genericComponent()({
       }, null) : props.icon ? createVNode(VIcon, {
         "key": "icon",
         "icon": props.icon
-      }, null) : slots.default?.(), genOverlays(false, 'v-avatar')]
+      }, null) : slots.default?.() ?? props.text, genOverlays(false, 'v-avatar')]
     }));
     return {};
   }
@@ -7654,7 +7707,6 @@ const VListItem = genericComponent()({
         "style": [colorStyles.value, dimensionStyles.value, props.style],
         "href": link.href.value,
         "tabindex": isClickable.value ? list ? -2 : 0 : undefined,
-        "title": props.title,
         "onClick": onClick,
         "onKeydown": isClickable.value && !isLink.value && onKeyDown
       }, {
@@ -7687,7 +7739,9 @@ const VListItem = genericComponent()({
           }
         }, {
           default: () => [slots.prepend?.(slotProps.value)]
-        })]), createVNode("div", {
+        }), createVNode("div", {
+          "class": "v-list-item__spacer"
+        }, null)]), createVNode("div", {
           "class": "v-list-item__content",
           "data-no-activator": ""
         }, [hasTitle && createVNode(VListItemTitle, {
@@ -7731,7 +7785,9 @@ const VListItem = genericComponent()({
           }
         }, {
           default: () => [slots.append?.(slotProps.value)]
-        })])]
+        }), createVNode("div", {
+          "class": "v-list-item__spacer"
+        }, null)])]
       }), [[resolveDirective("ripple"), isClickable.value && props.ripple]]);
     });
     return {};
@@ -8380,7 +8436,7 @@ function getIntrinsicSize(el, isRtl) {
   return contentBox;
 }
 function connectedLocationStrategy(data, props, contentStyles) {
-  const activatorFixed = isFixedPosition(data.activatorEl.value);
+  const activatorFixed = Array.isArray(data.target.value) || isFixedPosition(data.target.value);
   if (activatorFixed) {
     Object.assign(contentStyles.value, {
       position: 'fixed',
@@ -8429,11 +8485,11 @@ function connectedLocationStrategy(data, props, contentStyles) {
   const observer = new ResizeObserver(() => {
     if (observe) updateLocation();
   });
-  watch([data.activatorEl, data.contentEl], (_ref, _ref2) => {
-    let [newActivatorEl, newContentEl] = _ref;
-    let [oldActivatorEl, oldContentEl] = _ref2;
-    if (oldActivatorEl) observer.unobserve(oldActivatorEl);
-    if (newActivatorEl) observer.observe(newActivatorEl);
+  watch([data.target, data.contentEl], (_ref, _ref2) => {
+    let [newTarget, newContentEl] = _ref;
+    let [oldTarget, oldContentEl] = _ref2;
+    if (oldTarget && !Array.isArray(oldTarget)) observer.unobserve(oldTarget);
+    if (newTarget && !Array.isArray(newTarget)) observer.observe(newTarget);
     if (oldContentEl) observer.unobserve(oldContentEl);
     if (newContentEl) observer.observe(newContentEl);
   }, {
@@ -8449,8 +8505,8 @@ function connectedLocationStrategy(data, props, contentStyles) {
     requestAnimationFrame(() => {
       requestAnimationFrame(() => observe = true);
     });
-    if (!data.activatorEl.value || !data.contentEl.value) return;
-    const targetBox = data.activatorEl.value.getBoundingClientRect();
+    if (!data.target.value || !data.contentEl.value) return;
+    const targetBox = getTargetBox(data.target.value);
     const contentBox = getIntrinsicSize(data.contentEl.value, data.isRtl.value);
     const scrollParents = getScrollParents(data.contentEl.value);
     const viewportMargin = 12;
@@ -8737,11 +8793,11 @@ function closeScrollStrategy(data) {
   function onScroll(e) {
     data.isActive.value = false;
   }
-  bindScroll(data.activatorEl.value ?? data.contentEl.value, onScroll);
+  bindScroll(data.targetEl.value ?? data.contentEl.value, onScroll);
 }
 function blockScrollStrategy(data, props) {
   const offsetParent = data.root.value?.offsetParent;
-  const scrollElements = [...new Set([...getScrollParents(data.activatorEl.value, props.contained ? offsetParent : undefined), ...getScrollParents(data.contentEl.value, props.contained ? offsetParent : undefined)])].filter(el => !el.classList.contains('v-overlay-scroll-blocked'));
+  const scrollElements = [...new Set([...getScrollParents(data.targetEl.value, props.contained ? offsetParent : undefined), ...getScrollParents(data.contentEl.value, props.contained ? offsetParent : undefined)])].filter(el => !el.classList.contains('v-overlay-scroll-blocked'));
   const scrollbarWidth = window.innerWidth - document.documentElement.offsetWidth;
   const scrollableParent = (el => hasScrollbar(el) && el)(offsetParent || document.documentElement);
   if (scrollableParent) {
@@ -8785,7 +8841,7 @@ function repositionScrollStrategy(data, props, scope) {
   }
   ric = (typeof requestIdleCallback === 'undefined' ? cb => cb() : requestIdleCallback)(() => {
     scope.run(() => {
-      bindScroll(data.activatorEl.value ?? data.contentEl.value, e => {
+      bindScroll(data.targetEl.value ?? data.contentEl.value, e => {
         if (slow) {
           // If the position calculation is slow,
           // defer updates until scrolling is finished.
@@ -8866,6 +8922,7 @@ function useDelay(props, cb) {
 // Types
 
 const makeActivatorProps = propsFactory({
+  target: [String, Object],
   activator: [String, Object],
   activatorProps: {
     type: Object,
@@ -8888,6 +8945,7 @@ function useActivator(props, _ref) {
     isActive,
     isTop
   } = _ref;
+  const vm = getCurrentInstance('useActivator');
   const activatorEl = ref();
   let isHovered = false;
   let isFocused = false;
@@ -8905,10 +8963,14 @@ function useActivator(props, _ref) {
       isActive.value = value;
     }
   });
+  const cursorTarget = ref();
   const availableEvents = {
     onClick: e => {
       e.stopPropagation();
       activatorEl.value = e.currentTarget || e.target;
+      if (!isActive.value) {
+        cursorTarget.value = [e.clientX, e.clientY];
+      }
       isActive.value = !isActive.value;
     },
     onMouseenter: e => {
@@ -9002,6 +9064,15 @@ function useActivator(props, _ref) {
       isActive.value = false;
     }
   });
+  watch(isActive, val => {
+    if (!val) {
+      setTimeout(() => {
+        cursorTarget.value = undefined;
+      });
+    }
+  }, {
+    flush: 'post'
+  });
   const activatorRef = ref();
   watchEffect(() => {
     if (!activatorRef.value) return;
@@ -9009,7 +9080,15 @@ function useActivator(props, _ref) {
       activatorEl.value = refElement(activatorRef.value);
     });
   });
-  const vm = getCurrentInstance('useActivator');
+  const targetRef = ref();
+  const target = computed(() => {
+    if (props.target === 'cursor' && cursorTarget.value) return cursorTarget.value;
+    if (targetRef.value) return refElement(targetRef.value);
+    return getTarget(props.target, vm) || activatorEl.value;
+  });
+  const targetEl = computed(() => {
+    return Array.isArray(target.value) ? undefined : target.value;
+  });
   let scope;
   watch(() => !!props.activator, val => {
     if (val && IN_BROWSER) {
@@ -9033,6 +9112,9 @@ function useActivator(props, _ref) {
   return {
     activatorEl,
     activatorRef,
+    target,
+    targetEl,
+    targetRef,
     activatorEvents,
     contentEvents,
     scrimEvents
@@ -9074,31 +9156,34 @@ function _useActivator(props, vm, _ref2) {
   }
   function getActivator() {
     let selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : props.activator;
-    let activator;
-    if (selector) {
-      if (selector === 'parent') {
-        let el = vm?.proxy?.$el?.parentNode;
-        while (el.hasAttribute('data-no-activator')) {
-          el = el.parentNode;
-        }
-        activator = el;
-      } else if (typeof selector === 'string') {
-        // Selector
-        activator = document.querySelector(selector);
-      } else if ('$el' in selector) {
-        // Component (ref)
-        activator = selector.$el;
-      } else {
-        // HTMLElement | Element
-        activator = selector;
-      }
-    }
+    const activator = getTarget(selector, vm);
 
     // The activator should only be a valid element (Ignore comments and text nodes)
-    activatorEl.value = activator?.nodeType === Node.ELEMENT_NODE ? activator : null;
+    activatorEl.value = activator?.nodeType === Node.ELEMENT_NODE ? activator : undefined;
     return activatorEl.value;
   }
 }
+function getTarget(selector, vm) {
+  if (!selector) return;
+  let target;
+  if (selector === 'parent') {
+    let el = vm?.proxy?.$el?.parentNode;
+    while (el.hasAttribute('data-no-activator')) {
+      el = el.parentNode;
+    }
+    target = el;
+  } else if (typeof selector === 'string') {
+    // Selector
+    target = document.querySelector(selector);
+  } else if ('$el' in selector) {
+    // Component (ref)
+    target = selector.$el;
+  } else {
+    // HTMLElement | Element | [x, y]
+    target = selector;
+  }
+  return target;
+}
 
 // Utilities
 
@@ -9222,10 +9307,30 @@ function createDisplay(options, ssr) {
     ssr: !!ssr
   };
 }
+const makeDisplayProps = propsFactory({
+  mobileBreakpoint: [Number, String]
+}, 'display');
 function useDisplay() {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getCurrentInstanceName();
   const display = inject$1(DisplaySymbol);
   if (!display) throw new Error('Could not find Vuetify display injection');
-  return display;
+  const mobile = computed(() => {
+    if (!props.mobileBreakpoint) return display.mobile.value;
+    const breakpointValue = typeof props.mobileBreakpoint === 'number' ? props.mobileBreakpoint : display.thresholds.value[props.mobileBreakpoint];
+    return display.width.value < breakpointValue;
+  });
+  const displayClasses = computed(() => {
+    if (!name) return {};
+    return {
+      [`${name}--mobile`]: mobile.value
+    };
+  });
+  return {
+    ...display,
+    displayClasses,
+    mobile
+  };
 }
 
 // Composables
@@ -9542,6 +9647,9 @@ const VOverlay = genericComponent()({
     const {
       activatorEl,
       activatorRef,
+      target,
+      targetEl,
+      targetRef,
       activatorEvents,
       contentEvents,
       scrimEvents
@@ -9567,13 +9675,13 @@ const VOverlay = genericComponent()({
     } = useLocationStrategies(props, {
       isRtl,
       contentEl,
-      activatorEl,
+      target,
       isActive
     });
     useScrollStrategies(props, {
       root,
       contentEl,
-      activatorEl,
+      targetEl,
       isActive,
       updateLocation
     });
@@ -9641,7 +9749,8 @@ const VOverlay = genericComponent()({
     useRender(() => createVNode(Fragment, null, [slots.activator?.({
       isActive: isActive.value,
       props: mergeProps({
-        ref: activatorRef
+        ref: activatorRef,
+        targetRef
       }, activatorEvents.value, props.activatorProps)
     }), isMounted.value && hasContent.value && createVNode(Teleport, {
       "disabled": !teleportTarget.value,
@@ -9664,7 +9773,7 @@ const VOverlay = genericComponent()({
         "appear": true,
         "persisted": true,
         "transition": props.transition,
-        "target": activatorEl.value,
+        "target": target.value,
         "onAfterLeave": () => {
           onAfterLeave();
           emit('afterLeave');
@@ -9685,6 +9794,7 @@ const VOverlay = genericComponent()({
     })]));
     return {
       activatorEl,
+      target,
       animateClick,
       contentEl,
       globalTop,
@@ -9842,10 +9952,11 @@ const VMenu = genericComponent()({
         }, 40);
       }
     });
-    function onFocusIn(e) {
+    async function onFocusIn(e) {
       const before = e.relatedTarget;
       const after = e.target;
-      if (before !== after && overlay.value?.contentEl &&
+      await nextTick();
+      if (isActive.value && before !== after && overlay.value?.contentEl &&
       // We're the topmost menu
       overlay.value?.globalTop &&
       // It isn't the document or the menu body
@@ -10181,7 +10292,7 @@ const VField = genericComponent()({
           'v-field--no-label': !label,
           [`v-field--variant-${props.variant}`]: true
         }, themeClasses.value, backgroundColorClasses.value, focusClasses.value, loaderClasses.value, roundedClasses.value, rtlClasses.value, props.class],
-        "style": [backgroundColorStyles.value, textColorStyles.value, props.style],
+        "style": [backgroundColorStyles.value, props.style],
         "onClick": onClick
       }, attrs), [createVNode("div", {
         "class": "v-field__overlay"
@@ -10205,7 +10316,8 @@ const VField = genericComponent()({
         "ref": floatingLabelRef,
         "class": [textColorClasses.value],
         "floating": true,
-        "for": id.value
+        "for": id.value,
+        "style": textColorStyles.value
       }, {
         default: () => [label]
       }), createVNode(VFieldLabel, {
@@ -10241,7 +10353,8 @@ const VField = genericComponent()({
         "key": "append-icon",
         "name": "appendInner"
       }, null)]), createVNode("div", {
-        "class": ['v-field__outline', textColorClasses.value]
+        "class": ['v-field__outline', textColorClasses.value],
+        "style": textColorStyles.value
       }, [isOutlined && createVNode(Fragment, null, [createVNode("div", {
         "class": "v-field__outline__start"
       }, null), hasLabel.value && createVNode("div", {
@@ -10285,6 +10398,7 @@ const makeVTextFieldProps = propsFactory({
   persistentPlaceholder: Boolean,
   persistentCounter: Boolean,
   suffix: String,
+  role: String,
   type: {
     type: String,
     default: 'text'
@@ -10409,7 +10523,7 @@ const VTextField = genericComponent()({
             "onClick:clear": onClear,
             "onClick:prependInner": props['onClick:prependInner'],
             "onClick:appendInner": props['onClick:appendInner'],
-            "role": "textbox"
+            "role": props.role
           }, fieldProps, {
             "id": id.value,
             "active": isActive.value || isDirty.value,
@@ -10448,10 +10562,12 @@ const VTextField = genericComponent()({
                 "class": "v-text-field__prefix"
               }, [createVNode("span", {
                 "class": "v-text-field__prefix__text"
-              }, [props.prefix])]), createVNode("div", {
+              }, [props.prefix])]), slots.default ? createVNode("div", {
                 "class": fieldClass,
                 "data-no-activator": ""
-              }, [slots.default ? createVNode(Fragment, null, [slots.default(), inputNode]) : cloneVNode(inputNode)]), props.suffix && createVNode("span", {
+              }, [slots.default(), inputNode]) : cloneVNode(inputNode, {
+                class: fieldClass
+              }), props.suffix && createVNode("span", {
                 "class": "v-text-field__suffix"
               }, [createVNode("span", {
                 "class": "v-text-field__suffix__text"
@@ -10770,6 +10886,14 @@ function useScrolling(listRef, textFieldRef) {
 const makeSelectProps = propsFactory({
   chips: Boolean,
   closableChips: Boolean,
+  closeText: {
+    type: String,
+    default: '$vuetify.close'
+  },
+  openText: {
+    type: String,
+    default: '$vuetify.open'
+  },
   eager: Boolean,
   hideNoData: Boolean,
   hideSelected: Boolean,
@@ -10799,7 +10923,8 @@ const makeSelectProps = propsFactory({
 const makeVSelectProps = propsFactory({
   ...makeSelectProps(),
   ...omit(makeVTextFieldProps({
-    modelValue: null
+    modelValue: null,
+    role: 'button'
   }), ['validationValue', 'dirty', 'appendInnerIcon']),
   ...makeTransitionProps({
     transition: {
@@ -10854,6 +10979,7 @@ const VSelect = genericComponent()({
     });
     const selected = computed(() => selections.value.map(selection => selection.props.value));
     const isFocused = shallowRef(false);
+    const label = computed(() => menu.value ? props.closeText : props.openText);
     let keyboardLookupPrefix = '';
     let keyboardLookupLastTime;
     const displayItems = computed(() => {
@@ -10980,7 +11106,9 @@ const VSelect = genericComponent()({
         "onClick:clear": onClear,
         "onMousedown:control": onMousedownControl,
         "onBlur": onBlur,
-        "onKeydown": onKeydown
+        "onKeydown": onKeydown,
+        "aria-label": t(label.value),
+        "title": t(label.value)
       }), {
         ...slots,
         default: () => createVNode(Fragment, null, [createVNode(VMenu, mergeProps({
@@ -11243,7 +11371,8 @@ const makeVAutocompleteProps = propsFactory({
   }),
   ...makeSelectProps(),
   ...omit(makeVTextFieldProps({
-    modelValue: null
+    modelValue: null,
+    role: 'combobox'
   }), ['validationValue', 'dirty', 'appendInnerIcon']),
   ...makeTransitionProps({
     transition: false
@@ -11280,6 +11409,7 @@ const VAutocomplete = genericComponent()({
     });
     const selectionIndex = shallowRef(-1);
     const color = computed(() => vTextFieldRef.value?.color);
+    const label = computed(() => menu.value ? props.closeText : props.openText);
     const {
       items,
       transformIn,
@@ -11627,7 +11757,9 @@ const VAutocomplete = genericComponent()({
             "class": "v-autocomplete__menu-icon",
             "icon": props.menuIcon,
             "onMousedown": onMousedownMenuIcon,
-            "onClick": noop
+            "onClick": noop,
+            "aria-label": t(label.value),
+            "title": t(label.value)
           }, null) : undefined]);
         }
       });
@@ -11782,6 +11914,7 @@ const makeVBannerProps = propsFactory({
   ...makeComponentProps(),
   ...makeDensityProps(),
   ...makeDimensionProps(),
+  ...makeDisplayProps(),
   ...makeElevationProps(),
   ...makeLocationProps(),
   ...makePositionProps(),
@@ -11803,8 +11936,9 @@ const VBanner = genericComponent()({
       densityClasses
     } = useDensity(props);
     const {
+      displayClasses,
       mobile
-    } = useDisplay();
+    } = useDisplay(props);
     const {
       dimensionStyles
     } = useDimension(props);
@@ -11840,7 +11974,7 @@ const VBanner = genericComponent()({
           'v-banner--stacked': props.stacked || mobile.value,
           'v-banner--sticky': props.sticky,
           [`v-banner--${props.lines}-line`]: !!props.lines
-        }, borderClasses.value, densityClasses.value, elevationClasses.value, positionClasses.value, roundedClasses.value, themeClasses.value, props.class],
+        }, borderClasses.value, densityClasses.value, displayClasses.value, elevationClasses.value, positionClasses.value, roundedClasses.value, themeClasses.value, props.class],
         "style": [dimensionStyles.value, locationStyles.value, props.style],
         "role": "banner"
       }, {
@@ -12147,12 +12281,17 @@ const VBreadcrumbs = genericComponent()({
             item,
             raw
           } = _ref2;
-          return createVNode(Fragment, null, [createVNode(VBreadcrumbsItem, mergeProps({
-            "key": item.title,
+          return createVNode(Fragment, null, [slots.item?.({
+            item,
+            index
+          }) ?? createVNode(VBreadcrumbsItem, mergeProps({
+            "key": index,
             "disabled": index >= array.length - 1
-          }, item), {
+          }, typeof item === 'string' ? {
+            title: item
+          } : item), {
             default: slots.title ? () => slots.title?.({
-              item: raw,
+              item,
               index
             }) : undefined
           }), index < array.length - 1 && createVNode(VBreadcrumbsDivider, null, {
@@ -13490,7 +13629,11 @@ const makeSliderProps = propsFactory({
   ...makeRoundedProps(),
   ...makeElevationProps({
     elevation: 2
-  })
+  }),
+  ripple: {
+    type: Boolean,
+    default: true
+  }
 }, 'Slider');
 const useSteps = props => {
   const min = computed(() => parseFloat(props.min));
@@ -14097,7 +14240,8 @@ const VSlider = genericComponent()({
             "position": trackStop.value,
             "elevation": props.elevation,
             "onFocus": focus,
-            "onBlur": blur
+            "onBlur": blur,
+            "ripple": props.ripple
           }, {
             'thumb-label': slots['thumb-label']
           })]);
@@ -14128,12 +14272,36 @@ const VColorPickerPreview = defineComponent({
     let {
       emit
     } = _ref;
+    const abortController = new AbortController();
+    onUnmounted(() => abortController.abort());
+    async function openEyeDropper() {
+      if (!SUPPORTS_EYE_DROPPER) return;
+      const eyeDropper = new window.EyeDropper();
+      try {
+        const result = await eyeDropper.open({
+          signal: abortController.signal
+        });
+        const colorHexValue = HexToHSV(result.sRGBHex);
+        emit('update:color', {
+          ...(props.color ?? nullColor),
+          ...colorHexValue
+        });
+      } catch (e) {}
+    }
     useRender(() => createVNode("div", {
       "class": ['v-color-picker-preview', {
         'v-color-picker-preview--hide-alpha': props.hideAlpha
       }, props.class],
       "style": props.style
-    }, [createVNode("div", {
+    }, [SUPPORTS_EYE_DROPPER && createVNode("div", {
+      "class": "v-color-picker-preview__eye-dropper",
+      "key": "eyeDropper"
+    }, [createVNode(VBtn, {
+      "onClick": openEyeDropper,
+      "icon": "$eyeDropper",
+      "variant": "plain",
+      "density": "comfortable"
+    }, null)]), createVNode("div", {
       "class": "v-color-picker-preview__dot"
     }, [createVNode("div", {
       "style": {
@@ -14771,7 +14939,8 @@ const makeVComboboxProps = propsFactory({
     returnObject: true
   }),
   ...omit(makeVTextFieldProps({
-    modelValue: null
+    modelValue: null,
+    role: 'combobox'
   }), ['validationValue', 'dirty', 'appendInnerIcon']),
   ...makeTransitionProps({
     transition: false
@@ -14810,6 +14979,7 @@ const VCombobox = genericComponent()({
     const selectionIndex = shallowRef(-1);
     let cleared = false;
     const color = computed(() => vTextFieldRef.value?.color);
+    const label = computed(() => menu.value ? props.closeText : props.openText);
     const {
       items,
       transformIn,
@@ -15185,7 +15355,9 @@ const VCombobox = genericComponent()({
             "class": "v-combobox__menu-icon",
             "icon": props.menuIcon,
             "onMousedown": onMousedownMenuIcon,
-            "onClick": noop
+            "onClick": noop,
+            "aria-label": t(label.value),
+            "title": t(label.value)
           }, null) : undefined]);
         }
       });
@@ -16800,6 +16972,7 @@ const makeVNavigationDrawerProps = propsFactory({
   sticky: Boolean,
   ...makeBorderProps(),
   ...makeComponentProps(),
+  ...makeDisplayProps(),
   ...makeElevationProps(),
   ...makeLayoutItemProps(),
   ...makeRoundedProps(),
@@ -16838,8 +17011,9 @@ const VNavigationDrawer = genericComponent()({
       elevationClasses
     } = useElevation(props);
     const {
+      displayClasses,
       mobile
-    } = useDisplay();
+    } = useDisplay(props);
     const {
       roundedClasses
     } = useRounded(props);
@@ -16950,7 +17124,7 @@ const VNavigationDrawer = genericComponent()({
           'v-navigation-drawer--temporary': isTemporary.value,
           'v-navigation-drawer--active': isActive.value,
           'v-navigation-drawer--sticky': isSticky.value
-        }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, elevationClasses.value, roundedClasses.value, props.class],
+        }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, displayClasses.value, elevationClasses.value, roundedClasses.value, props.class],
         "style": [backgroundColorStyles.value, layoutItemStyles.value, dragStyles.value, ssrBootStyles.value, stickyStyles.value, props.style]
       }, scopeId, attrs), {
         default: () => [hasImage && createVNode("div", {
@@ -17478,7 +17652,7 @@ const VRadioGroup = genericComponent()({
     const id = computed(() => props.id || `radio-group-${uid}`);
     const model = useProxiedModel(props, 'modelValue');
     useRender(() => {
-      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs);
+      const [rootAttrs, controlAttrs] = filterInputAttrs(attrs);
       const [inputProps, _1] = VInput.filterProps(props);
       const [controlProps, _2] = VSelectionControl.filterProps(props);
       const label = slots.label ? slots.label({
@@ -17490,7 +17664,7 @@ const VRadioGroup = genericComponent()({
       return createVNode(VInput, mergeProps({
         "class": ['v-radio-group', props.class],
         "style": props.style
-      }, inputAttrs, inputProps, {
+      }, rootAttrs, inputProps, {
         "modelValue": model.value,
         "onUpdate:modelValue": $event => model.value = $event,
         "id": id.value
@@ -17698,7 +17872,8 @@ const VRangeSlider = genericComponent()({
             },
             "min": min.value,
             "max": model.value[1],
-            "position": trackStart.value
+            "position": trackStart.value,
+            "ripple": props.ripple
           }, {
             'thumb-label': slots['thumb-label']
           }), createVNode(VSliderThumb, {
@@ -17726,7 +17901,8 @@ const VRangeSlider = genericComponent()({
             },
             "min": model.value[0],
             "max": max.value,
-            "position": trackStop.value
+            "position": trackStop.value,
+            "ripple": props.ripple
           }, {
             'thumb-label': slots['thumb-label']
           })]);
@@ -18000,6 +18176,7 @@ const makeVSlideGroupProps = propsFactory({
     validator: v => typeof v === 'boolean' || ['always', 'desktop', 'mobile'].includes(v)
   },
   ...makeComponentProps(),
+  ...makeDisplayProps(),
   ...makeTagProps(),
   ...makeGroupProps({
     selectedClass: 'v-slide-group-item--active'
@@ -18019,8 +18196,9 @@ const VSlideGroup = genericComponent()({
       isRtl
     } = useRtl();
     const {
+      displayClasses,
       mobile
-    } = useDisplay();
+    } = useDisplay(props);
     const group = useGroup(props, props.symbol);
     const isOverflowing = shallowRef(false);
     const scrollOffset = shallowRef(0);
@@ -18240,7 +18418,7 @@ const VSlideGroup = genericComponent()({
         'v-slide-group--vertical': !isHorizontal.value,
         'v-slide-group--has-affixes': hasAffixes.value,
         'v-slide-group--is-overflowing': isOverflowing.value
-      }, props.class],
+      }, displayClasses.value, props.class],
       "style": props.style,
       "tabindex": isFocused.value || group.selected.value.length ? -1 : 0,
       "onFocus": onFocus
@@ -18467,6 +18645,7 @@ const VSwitch = genericComponent()({
       focus,
       blur
     } = useFocus(props);
+    const control = ref();
     const loaderColor = computed(() => {
       return typeof props.loading === 'string' && props.loading !== '' ? props.loading : props.color;
     });
@@ -18477,16 +18656,15 @@ const VSwitch = genericComponent()({
         indeterminate.value = false;
       }
     }
+    function onTrackClick(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      control.value?.input?.click();
+    }
     useRender(() => {
-      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs);
+      const [rootAttrs, controlAttrs] = filterInputAttrs(attrs);
       const [inputProps, _1] = VInput.filterProps(props);
       const [controlProps, _2] = VSelectionControl.filterProps(props);
-      const control = ref();
-      function onClick(e) {
-        e.stopPropagation();
-        e.preventDefault();
-        control.value?.input?.click();
-      }
       return createVNode(VInput, mergeProps({
         "class": ['v-switch', {
           'v-switch--inset': props.inset
@@ -18494,7 +18672,7 @@ const VSwitch = genericComponent()({
           'v-switch--indeterminate': indeterminate.value
         }, loaderClasses.value, props.class],
         "style": props.style
-      }, inputAttrs, inputProps, {
+      }, rootAttrs, inputProps, {
         "id": id.value,
         "focused": isFocused.value
       }), {
@@ -18524,29 +18702,36 @@ const VSwitch = genericComponent()({
             ...slots,
             default: () => createVNode("div", {
               "class": "v-switch__track",
-              "onClick": onClick
+              "onClick": onTrackClick
             }, null),
             input: _ref3 => {
               let {
-                textColorClasses,
-                textColorStyles
+                inputNode,
+                icon
               } = _ref3;
-              return createVNode("div", {
-                "class": ['v-switch__thumb', textColorClasses.value],
-                "style": textColorStyles.value
-              }, [props.loading && createVNode(LoaderSlot, {
-                "name": "v-switch",
-                "active": true,
-                "color": isValid.value === false ? undefined : loaderColor.value
-              }, {
-                default: slotProps => slots.loader ? slots.loader(slotProps) : createVNode(VProgressCircular, {
-                  "active": slotProps.isActive,
-                  "color": slotProps.color,
-                  "indeterminate": true,
-                  "size": "16",
-                  "width": "2"
-                }, null)
-              })]);
+              return createVNode(Fragment, null, [inputNode, createVNode("div", {
+                "class": ['v-switch__thumb', {
+                  'v-switch__thumb--filled': icon || props.loading
+                }]
+              }, [createVNode(VScaleTransition, null, {
+                default: () => [!props.loading ? icon && createVNode(VIcon, {
+                  "key": icon,
+                  "icon": icon,
+                  "size": "x-small"
+                }, null) : createVNode(LoaderSlot, {
+                  "name": "v-switch",
+                  "active": true,
+                  "color": isValid.value === false ? undefined : loaderColor.value
+                }, {
+                  default: slotProps => slots.loader ? slots.loader(slotProps) : createVNode(VProgressCircular, {
+                    "active": slotProps.isActive,
+                    "color": slotProps.color,
+                    "indeterminate": true,
+                    "size": "16",
+                    "width": "2"
+                  }, null)
+                })]
+              })])]);
             }
           });
         }
@@ -19027,8 +19212,7 @@ const VTextarea = genericComponent()({
             "onMousedown": onControlMousedown,
             "onClick:clear": onClear,
             "onClick:prependInner": props['onClick:prependInner'],
-            "onClick:appendInner": props['onClick:appendInner'],
-            "role": "textbox"
+            "onClick:appendInner": props['onClick:appendInner']
           }, fieldProps, {
             "active": isActive.value || isDirty.value,
             "centerAffix": rows.value === 1 && !isPlainOrUnderlined.value,
@@ -20289,7 +20473,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.12";
+const version$1 = "3.4.0-alpha.0";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -20314,7 +20498,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.3.12";
+const version = "3.4.0-alpha.0";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDefaults, useDisplay, useLayout, useLocale, useRtl, useTheme, version };