vuetify 3.4.0-beta.0 → 3.4.0

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.4.0-beta.0
+* Vuetify v3.4.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -215,7 +215,21 @@ function keys(o) {
 function has(obj, key) {
   return key.every(k => obj.hasOwnProperty(k));
 }
-function pick(obj, paths, exclude) {
+// 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];
+    }
+  }
+  return found;
+}
+
+// Array of keys
+
+function pickWithRest(obj, paths, exclude) {
   const found = Object.create(null);
   const rest = Object.create(null);
   for (const key in obj) {
@@ -253,9 +267,9 @@ function isComposingIgnoreKey(e) {
  * attributes should be passed to the <input> element inside.
  */
 function filterInputAttrs(attrs) {
-  const [events, props] = pick(attrs, [onRE]);
+  const [events, props] = pickWithRest(attrs, [onRE]);
   const inputEvents = omit(events, bubblingEvents);
-  const [rootAttrs, inputAttrs] = pick(props, ['class', 'style', 'id', /^data-/]);
+  const [rootAttrs, inputAttrs] = pickWithRest(props, ['class', 'style', 'id', /^data-/]);
   Object.assign(rootAttrs, events);
   Object.assign(inputAttrs, inputEvents);
   return [rootAttrs, inputAttrs];
@@ -1300,9 +1314,9 @@ function defineComponent(options) {
   }
   if (options._setup) {
     options.props = propsFactory(options.props ?? {}, options.name)();
-    const propKeys = Object.keys(options.props);
+    const propKeys = Object.keys(options.props).filter(key => key !== 'class' && key !== 'style');
     options.filterProps = function filterProps(props) {
-      return pick(props, propKeys, ['class', 'style']);
+      return pick(props, propKeys);
     };
     options.props._as = String;
     options.setup = function setup(props, ctx) {
@@ -3289,7 +3303,7 @@ const VImg = genericComponent()({
       });
     }
     useRender(() => {
-      const [responsiveProps] = VResponsive.filterProps(props);
+      const responsiveProps = VResponsive.filterProps(props);
       return withDirectives(createVNode(VResponsive, mergeProps({
         "class": ['v-img', {
           'v-img--booting': !isBooted.value
@@ -3828,7 +3842,7 @@ const VAppBar = genericComponent()({
       absolute: toRef(props, 'absolute')
     });
     useRender(() => {
-      const [toolbarProps] = VToolbar.filterProps(props);
+      const toolbarProps = VToolbar.filterProps(props);
       return createVNode(VToolbar, mergeProps({
         "ref": vToolbarRef,
         "class": ['v-app-bar', {
@@ -4202,7 +4216,7 @@ const VBtnToggle = genericComponent()({
       selected
     } = useGroup(props, VBtnToggleSymbol);
     useRender(() => {
-      const [btnGroupProps] = VBtnGroup.filterProps(props);
+      const btnGroupProps = VBtnGroup.filterProps(props);
       return createVNode(VBtnGroup, mergeProps({
         "class": ['v-btn-toggle', props.class]
       }, btnGroupProps, {
@@ -6084,7 +6098,7 @@ const VCheckboxBtn = genericComponent()({
       return indeterminate.value ? props.indeterminateIcon : props.trueIcon;
     });
     useRender(() => {
-      const controlProps = omit(VSelectionControl.filterProps(props)[0], ['modelValue']);
+      const controlProps = omit(VSelectionControl.filterProps(props), ['modelValue']);
       return createVNode(VSelectionControl, mergeProps(controlProps, {
         "modelValue": model.value,
         "onUpdate:modelValue": [$event => model.value = $event, onChange],
@@ -6664,8 +6678,8 @@ const VCheckbox = genericComponent()({
     const id = computed(() => props.id || `checkbox-${uid}`);
     useRender(() => {
       const [rootAttrs, controlAttrs] = filterInputAttrs(attrs);
-      const [inputProps, _1] = VInput.filterProps(props);
-      const [checkboxProps, _2] = VCheckboxBtn.filterProps(props);
+      const inputProps = VInput.filterProps(props);
+      const checkboxProps = VCheckboxBtn.filterProps(props);
       return createVNode(VInput, mergeProps({
         "class": ['v-checkbox', props.class]
       }, rootAttrs, inputProps, {
@@ -8033,7 +8047,7 @@ const VListChildren = genericComponent()({
           item
         }) : undefined
       };
-      const [listGroupProps, _1] = VListGroup.filterProps(itemProps);
+      const listGroupProps = VListGroup.filterProps(itemProps);
       return children ? createVNode(VListGroup, mergeProps({
         "value": itemProps?.value
       }, listGroupProps), {
@@ -8098,7 +8112,7 @@ function transformItem$3(props, item) {
   const title = getPropertyFromItem(item, props.itemTitle, item);
   const value = getPropertyFromItem(item, props.itemValue, title);
   const children = getPropertyFromItem(item, props.itemChildren);
-  const itemProps = props.itemProps === true ? typeof item === 'object' && item != null && !Array.isArray(item) ? 'children' in item ? pick(item, ['children'])[1] : item : undefined : getPropertyFromItem(item, props.itemProps);
+  const itemProps = props.itemProps === true ? typeof item === 'object' && item != null && !Array.isArray(item) ? 'children' in item ? omit(item, ['children']) : item : undefined : getPropertyFromItem(item, props.itemProps);
   const _props = {
     title,
     value,
@@ -8167,7 +8181,7 @@ function transformItem$2(props, item) {
   const title = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemTitle);
   const value = getPropertyFromItem(item, props.itemValue, undefined);
   const children = getPropertyFromItem(item, props.itemChildren);
-  const itemProps = props.itemProps === true ? pick(item, ['children'])[1] : getPropertyFromItem(item, props.itemProps);
+  const itemProps = props.itemProps === true ? omit(item, ['children']) : getPropertyFromItem(item, props.itemProps);
   const _props = {
     title,
     value,
@@ -10138,7 +10152,7 @@ const VMenu = genericComponent()({
       onKeydown: onActivatorKeydown
     }, props.activatorProps));
     useRender(() => {
-      const [overlayProps] = VOverlay.filterProps(props);
+      const overlayProps = VOverlay.filterProps(props);
       return createVNode(VOverlay, mergeProps({
         "ref": overlay,
         "class": ['v-menu', props.class],
@@ -10611,11 +10625,11 @@ const VTextField = genericComponent()({
       const hasCounter = !!(slots.counter || props.counter !== false && props.counter != null);
       const hasDetails = !!(hasCounter || slots.details);
       const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);
-      const [{
+      const {
         modelValue: _,
         ...inputProps
-      }] = VInput.filterProps(props);
-      const [fieldProps] = filterFieldProps(props);
+      } = VInput.filterProps(props);
+      const fieldProps = filterFieldProps(props);
       return createVNode(VInput, mergeProps({
         "ref": vInputRef,
         "modelValue": model.value,
@@ -11348,7 +11362,7 @@ const VSelect = genericComponent()({
       const hasChips = !!(props.chips || slots.chip);
       const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
       const isDirty = model.value.length > 0;
-      const [textFieldProps] = VTextField.filterProps(props);
+      const textFieldProps = VTextField.filterProps(props);
       const placeholder = isDirty || !isFocused.value && props.label && !props.persistentPlaceholder ? undefined : props.placeholder;
       return createVNode(VTextField, mergeProps({
         "ref": vTextFieldRef
@@ -11880,7 +11894,7 @@ const VAutocomplete = genericComponent()({
       const hasChips = !!(props.chips || slots.chip);
       const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
       const isDirty = model.value.length > 0;
-      const [textFieldProps] = VTextField.filterProps(props);
+      const textFieldProps = VTextField.filterProps(props);
       return createVNode(VTextField, mergeProps({
         "ref": vTextFieldRef
       }, textFieldProps, {
@@ -12117,7 +12131,7 @@ const VBadge = genericComponent()({
     useRender(() => {
       const value = Number(props.content);
       const content = !props.max || isNaN(value) ? props.content : value <= +props.max ? value : `${props.max}+`;
-      const [badgeAttrs, attrs] = pick(ctx.attrs, ['aria-atomic', 'aria-label', 'aria-live', 'role', 'title']);
+      const [badgeAttrs, attrs] = pickWithRest(ctx.attrs, ['aria-atomic', 'aria-label', 'aria-live', 'role', 'title']);
       return createVNode(props.tag, mergeProps({
         "class": ['v-badge', {
           'v-badge--bordered': props.bordered,
@@ -12486,7 +12500,7 @@ const VDialog = genericComponent()({
       'aria-expanded': String(isActive.value)
     }, props.activatorProps));
     useRender(() => {
-      const [overlayProps] = VOverlay.filterProps(props);
+      const overlayProps = VOverlay.filterProps(props);
       return createVNode(VOverlay, mergeProps({
         "ref": overlay,
         "class": ['v-dialog', {
@@ -12538,7 +12552,7 @@ const VBottomSheet = genericComponent()({
     } = _ref;
     const isActive = useProxiedModel(props, 'modelValue');
     useRender(() => {
-      const [dialogProps] = VDialog.filterProps(props);
+      const dialogProps = VDialog.filterProps(props);
       return createVNode(VDialog, mergeProps(dialogProps, {
         "contentClass": ['v-bottom-sheet__content', props.contentClass],
         "modelValue": isActive.value,
@@ -13345,7 +13359,7 @@ const VCarousel = genericComponent()({
       window.requestAnimationFrame(startTimeout);
     }
     useRender(() => {
-      const [windowProps] = VWindow.filterProps(props);
+      const windowProps = VWindow.filterProps(props);
       return createVNode(VWindow, mergeProps({
         "ref": windowRef
       }, windowProps, {
@@ -13535,8 +13549,8 @@ const VCarouselItem = genericComponent()({
       attrs
     } = _ref;
     useRender(() => {
-      const [imgProps] = VImg.filterProps(props);
-      const [windowItemProps] = VWindowItem.filterProps(props);
+      const imgProps = VImg.filterProps(props);
+      const windowItemProps = VWindowItem.filterProps(props);
       return createVNode(VWindowItem, mergeProps({
         "class": "v-carousel-item"
       }, windowItemProps), {
@@ -14608,7 +14622,7 @@ const VSlider = genericComponent()({
     } = useFocus(props);
     const trackStop = computed(() => position(model.value));
     useRender(() => {
-      const [inputProps, _] = VInput.filterProps(props);
+      const inputProps = VInput.filterProps(props);
       const hasPrepend = !!(props.label || slots.label || slots.prepend);
       return createVNode(VInput, mergeProps({
         "class": ['v-slider', {
@@ -15279,7 +15293,7 @@ const VColorPicker = defineComponent({
       }
     });
     useRender(() => {
-      const [sheetProps] = VSheet.filterProps(props);
+      const sheetProps = VSheet.filterProps(props);
       return createVNode(VSheet, mergeProps({
         "rounded": props.rounded,
         "elevation": props.elevation,
@@ -15624,7 +15638,7 @@ const VCombobox = genericComponent()({
       const hasChips = !!(props.chips || slots.chip);
       const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
       const isDirty = model.value.length > 0;
-      const [textFieldProps] = VTextField.filterProps(props);
+      const textFieldProps = VTextField.filterProps(props);
       return createVNode(VTextField, mergeProps({
         "ref": vTextFieldRef
       }, textFieldProps, {
@@ -17730,11 +17744,12 @@ const VDataTableHeaders = genericComponent()({
         "colspan": column.colspan,
         "rowspan": column.rowspan,
         "onClick": column.sortable ? () => toggleSort(column) : undefined,
+        "fixed": column.fixed,
         "lastFixed": column.lastFixed,
         "noPadding": noPadding
       }, column.headerProps), {
         default: () => {
-          const columnSlotName = `column.${column.key}`;
+          const columnSlotName = `header.${column.key}`;
           const columnSlotProps = {
             column,
             selectAll,
@@ -17747,7 +17762,7 @@ const VDataTableHeaders = genericComponent()({
           };
           if (slots[columnSlotName]) return slots[columnSlotName](columnSlotProps);
           if (column.key === 'data-table-select') {
-            return slots['column.data-table-select']?.(columnSlotProps) ?? (showSelectAll && createVNode(VCheckboxBtn, {
+            return slots['header.data-table-select']?.(columnSlotProps) ?? (showSelectAll && createVNode(VCheckboxBtn, {
               "modelValue": allSelected.value,
               "indeterminate": someSelected.value && !allSelected.value,
               "onUpdate:modelValue": selectAll
@@ -17873,7 +17888,9 @@ const makeVDataTableRowProps = propsFactory({
   index: Number,
   item: Object,
   cellProps: [Object, Function],
-  onClick: Function
+  onClick: EventProp(),
+  onContextmenu: EventProp(),
+  onDblclick: EventProp()
 }, 'VDataTableRow');
 const VDataTableRow = genericComponent()({
   name: 'VDataTableRow',
@@ -17895,9 +17912,11 @@ const VDataTableRow = genericComponent()({
     } = useHeaders();
     useRender(() => createVNode("tr", {
       "class": ['v-data-table__tr', {
-        'v-data-table__tr--clickable': !!props.onClick
+        'v-data-table__tr--clickable': !!(props.onClick || props.onContextmenu || props.onDblclick)
       }],
-      "onClick": props.onClick
+      "onClick": props.onClick,
+      "onContextmenu": props.onContextmenu,
+      "onDblclick": props.onDblclick
     }, [props.item && columns.value.map((column, i) => {
       const item = props.item;
       const slotName = `item.${column.key}`;
@@ -18332,16 +18351,17 @@ const VDataTable = genericComponent()({
       toggleExpand,
       isGroupOpen,
       toggleGroup,
-      items: paginatedItemsWithoutGroups.value,
+      items: paginatedItemsWithoutGroups.value.map(item => item.raw),
+      internalItems: paginatedItemsWithoutGroups.value,
       groupedItems: paginatedItems.value,
       columns: columns.value,
       headers: headers.value
     }));
     useRender(() => {
-      const [dataTableFooterProps] = VDataTableFooter.filterProps(props);
-      const [dataTableHeadersProps] = VDataTableHeaders.filterProps(props);
-      const [dataTableRowsProps] = VDataTableRows.filterProps(props);
-      const [tableProps] = VTable.filterProps(props);
+      const dataTableFooterProps = VDataTableFooter.filterProps(props);
+      const dataTableHeadersProps = VDataTableHeaders.filterProps(props);
+      const dataTableRowsProps = VDataTableRows.filterProps(props);
+      const tableProps = VTable.filterProps(props);
       return createVNode(VTable, mergeProps({
         "class": ['v-data-table', {
           'v-data-table--show-select': props.showSelect,
@@ -18382,7 +18402,7 @@ const VDataTableVirtual = genericComponent()({
   },
   setup(props, _ref) {
     let {
-      emit,
+      attrs,
       slots
     } = _ref;
     const {
@@ -18491,15 +18511,16 @@ const VDataTableVirtual = genericComponent()({
       toggleExpand,
       isGroupOpen,
       toggleGroup,
-      items: allItems.value,
+      items: allItems.value.map(item => item.raw),
+      internalItems: allItems.value,
       groupedItems: flatItems.value,
       columns: columns.value,
       headers: headers.value
     }));
     useRender(() => {
-      const [dataTableHeadersProps] = VDataTableHeaders.filterProps(props);
-      const [dataTableRowsProps] = VDataTableRows.filterProps(props);
-      const [tableProps] = VTable.filterProps(props);
+      const dataTableHeadersProps = VDataTableHeaders.filterProps(props);
+      const dataTableRowsProps = VDataTableRows.filterProps(props);
+      const tableProps = VTable.filterProps(props);
       return createVNode(VTable, mergeProps({
         "class": ['v-data-table', {
           'v-data-table--loading': props.loading
@@ -18529,7 +18550,7 @@ const VDataTableVirtual = genericComponent()({
             height: 0,
             border: 0
           }
-        }, null)]), slots['body.prepend']?.(slotProps.value), createVNode(VDataTableRows, mergeProps(dataTableRowsProps, {
+        }, null)]), slots['body.prepend']?.(slotProps.value), createVNode(VDataTableRows, mergeProps(attrs, dataTableRowsProps, {
           "items": displayItems.value
         }), {
           ...slots,
@@ -18594,7 +18615,7 @@ const VDataTableServer = genericComponent()({
   },
   setup(props, _ref) {
     let {
-      emit,
+      attrs,
       slots
     } = _ref;
     const {
@@ -18701,16 +18722,17 @@ const VDataTableServer = genericComponent()({
       toggleExpand,
       isGroupOpen,
       toggleGroup,
-      items: itemsWithoutGroups.value,
+      items: itemsWithoutGroups.value.map(item => item.raw),
+      internalItems: itemsWithoutGroups.value,
       groupedItems: flatItems.value,
       columns: columns.value,
       headers: headers.value
     }));
     useRender(() => {
-      const [dataTableFooterProps] = VDataTableFooter.filterProps(props);
-      const [dataTableHeadersProps] = VDataTableHeaders.filterProps(props);
-      const [dataTableRowsProps] = VDataTableRows.filterProps(props);
-      const [tableProps] = VTable.filterProps(props);
+      const dataTableFooterProps = VDataTableFooter.filterProps(props);
+      const dataTableHeadersProps = VDataTableHeaders.filterProps(props);
+      const dataTableRowsProps = VDataTableRows.filterProps(props);
+      const tableProps = VTable.filterProps(props);
       return createVNode(VTable, mergeProps({
         "class": ['v-data-table', {
           'v-data-table--loading': props.loading
@@ -18726,7 +18748,7 @@ const VDataTableServer = genericComponent()({
         }), slots)]), slots.thead?.(slotProps.value), createVNode("tbody", {
           "class": "v-data-table__tbody",
           "role": "rowgroup"
-        }, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : createVNode(VDataTableRows, mergeProps(dataTableRowsProps, {
+        }, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : createVNode(VDataTableRows, mergeProps(attrs, dataTableRowsProps, {
           "items": flatItems.value
         }), slots), slots['body.append']?.(slotProps.value)]), slots.tbody?.(slotProps.value), slots.tfoot?.(slotProps.value)]),
         bottom: () => slots.bottom ? slots.bottom(slotProps.value) : createVNode(VDataTableFooter, dataTableFooterProps, {
@@ -19005,7 +19027,7 @@ const VRow = genericComponent()({
   }
 });
 
-// Utilities
+// Styles
 const VSpacer = createSimpleFunctional('v-spacer', 'div', 'VSpacer');
 
 // Types
@@ -19536,7 +19558,7 @@ const VPicker = genericComponent()({
       backgroundColorStyles
     } = useBackgroundColor(toRef(props, 'color'));
     useRender(() => {
-      const [sheetProps] = VSheet.filterProps(props);
+      const sheetProps = VSheet.filterProps(props);
       const hasTitle = !!(props.title || slots.title);
       return createVNode(VSheet, mergeProps(sheetProps, {
         "color": props.bgColor,
@@ -19723,12 +19745,12 @@ const VDatePicker = genericComponent()({
       model.value = val;
     });
     useRender(() => {
-      const [pickerProps] = VPicker.filterProps(props);
-      const [datePickerControlsProps] = VDatePickerControls.filterProps(props);
-      const [datePickerHeaderProps] = VDatePickerHeader.filterProps(props);
-      const [datePickerMonthProps] = VDatePickerMonth.filterProps(props);
-      const [datePickerMonthsProps] = VDatePickerMonths.filterProps(omit(props, ['modelValue']));
-      const [datePickerYearsProps] = VDatePickerYears.filterProps(omit(props, ['modelValue']));
+      const pickerProps = VPicker.filterProps(props);
+      const datePickerControlsProps = VDatePickerControls.filterProps(props);
+      const datePickerHeaderProps = VDatePickerHeader.filterProps(props);
+      const datePickerMonthProps = VDatePickerMonth.filterProps(props);
+      const datePickerMonthsProps = omit(VDatePickerMonths.filterProps(props), ['modelValue']);
+      const datePickerYearsProps = omit(VDatePickerYears.filterProps(props), ['modelValue']);
       return createVNode(VPicker, mergeProps(pickerProps, {
         "class": ['v-date-picker', `v-date-picker--${viewMode.value}`, props.class],
         "style": props.style,
@@ -20144,11 +20166,11 @@ const VFileInput = genericComponent()({
       const hasCounter = !!(slots.counter || props.counter);
       const hasDetails = !!(hasCounter || slots.details);
       const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);
-      const [{
+      const {
         modelValue: _,
         ...inputProps
-      }] = VInput.filterProps(props);
-      const [fieldProps] = filterFieldProps(props);
+      } = VInput.filterProps(props);
+      const fieldProps = filterFieldProps(props);
       return createVNode(VInput, mergeProps({
         "ref": vInputRef,
         "modelValue": model.value,
@@ -22142,8 +22164,8 @@ const VRadioGroup = genericComponent()({
     const model = useProxiedModel(props, 'modelValue');
     useRender(() => {
       const [rootAttrs, controlAttrs] = filterInputAttrs(attrs);
-      const [inputProps, _1] = VInput.filterProps(props);
-      const [controlProps, _2] = VSelectionControl.filterProps(props);
+      const inputProps = VInput.filterProps(props);
+      const controlProps = VSelectionControl.filterProps(props);
       const label = slots.label ? slots.label({
         label: props.label,
         props: {
@@ -22288,7 +22310,7 @@ const VRangeSlider = genericComponent()({
     const trackStart = computed(() => position(model.value[0]));
     const trackStop = computed(() => position(model.value[1]));
     useRender(() => {
-      const [inputProps, _] = VInput.filterProps(props);
+      const inputProps = VInput.filterProps(props);
       const hasPrepend = !!(props.label || slots.label || slots.prepend);
       return createVNode(VInput, mergeProps({
         "class": ['v-slider', 'v-range-slider', {
@@ -23233,7 +23255,7 @@ const VSnackbar = genericComponent()({
       startTimeout();
     }
     useRender(() => {
-      const [overlayProps] = VOverlay.filterProps(props);
+      const overlayProps = VOverlay.filterProps(props);
       const hasContent = !!(slots.default || slots.text || props.text);
       return createVNode(VOverlay, mergeProps({
         "ref": overlay,
@@ -23482,9 +23504,7 @@ const VStepperItem = genericComponent()({
 
 const VStepperSymbol$1 = Symbol.for('vuetify:v-stepper');
 const makeVStepperWindowProps = propsFactory({
-  ...makeVWindowProps({
-    mandatory: false
-  })
+  ...omit(makeVWindowProps(), ['continuous', 'nextIcon', 'prevIcon', 'showArrows', 'touch', 'mandatory'])
 }, 'VStepperWindow');
 const VStepperWindow = genericComponent()({
   name: 'VStepperWindow',
@@ -23513,11 +23533,15 @@ const VStepperWindow = genericComponent()({
       }
     });
     useRender(() => {
-      const [windowProps] = VWindow.filterProps(props);
-      return createVNode(VWindow, mergeProps(windowProps, {
+      const windowProps = VWindow.filterProps(props);
+      return createVNode(VWindow, mergeProps({
+        "_as": "VStepperWindow"
+      }, windowProps, {
         "modelValue": model.value,
         "onUpdate:modelValue": $event => model.value = $event,
-        "class": "v-stepper-window"
+        "class": "v-stepper-window",
+        "mandatory": false,
+        "touch": false
       }), slots);
     });
     return {};
@@ -23535,8 +23559,10 @@ const VStepperWindowItem = genericComponent()({
       slots
     } = _ref;
     useRender(() => {
-      const [windowItemProps] = VWindowItem.filterProps(props);
-      return createVNode(VWindowItem, mergeProps(windowItemProps, {
+      const windowItemProps = VWindowItem.filterProps(props);
+      return createVNode(VWindowItem, mergeProps({
+        "_as": "VStepperWindowItem"
+      }, windowItemProps, {
         "class": "v-stepper-window-item"
       }), slots);
     });
@@ -23628,7 +23654,7 @@ const VStepper = genericComponent()({
       }
     });
     useRender(() => {
-      const [sheetProps] = VSheet.filterProps(props);
+      const sheetProps = VSheet.filterProps(props);
       const hasHeader = !!(slots.header || props.items.length);
       const hasWindow = props.items.length > 0;
       const hasActions = !props.hideActions && !!(hasWindow || slots.actions);
@@ -23734,8 +23760,8 @@ const VSwitch = genericComponent()({
     }
     useRender(() => {
       const [rootAttrs, controlAttrs] = filterInputAttrs(attrs);
-      const [inputProps, _1] = VInput.filterProps(props);
-      const [controlProps, _2] = VSelectionControl.filterProps(props);
+      const inputProps = VInput.filterProps(props);
+      const controlProps = VSelectionControl.filterProps(props);
       return createVNode(VInput, mergeProps({
         "class": ['v-switch', {
           'v-switch--inset': props.inset
@@ -23948,7 +23974,7 @@ const VTab = genericComponent()({
       }
     }
     useRender(() => {
-      const [btnProps] = VBtn.filterProps(props);
+      const btnProps = VBtn.filterProps(props);
       return createVNode(VBtn, mergeProps({
         "symbol": VTabsSymbol,
         "ref": rootEl,
@@ -24040,7 +24066,7 @@ const VTabs = genericComponent()({
       }
     });
     useRender(() => {
-      const [slideGroupProps] = VSlideGroup.filterProps(props);
+      const slideGroupProps = VSlideGroup.filterProps(props);
       return createVNode(VSlideGroup, mergeProps(slideGroupProps, {
         "modelValue": model.value,
         "onUpdate:modelValue": $event => model.value = $event,
@@ -24207,11 +24233,11 @@ const VTextarea = genericComponent()({
       const hasCounter = !!(slots.counter || props.counter || props.counterValue);
       const hasDetails = !!(hasCounter || slots.details);
       const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);
-      const [{
+      const {
         modelValue: _,
         ...inputProps
-      }] = VInput.filterProps(props);
-      const [fieldProps] = filterFieldProps(props);
+      } = VInput.filterProps(props);
+      const fieldProps = filterFieldProps(props);
       return createVNode(VInput, mergeProps({
         "ref": vInputRef,
         "modelValue": model.value,
@@ -24233,6 +24259,7 @@ const VTextarea = genericComponent()({
         ...slots,
         default: _ref2 => {
           let {
+            id,
             isDisabled,
             isDirty,
             isReadonly,
@@ -24249,6 +24276,7 @@ const VTextarea = genericComponent()({
             "onClick:prependInner": props['onClick:prependInner'],
             "onClick:appendInner": props['onClick:appendInner']
           }, fieldProps, {
+            "id": id.value,
             "active": isActive.value || isDirty.value,
             "centerAffix": rows.value === 1 && !isPlainOrUnderlined.value,
             "dirty": isDirty.value || props.dirty,
@@ -24652,7 +24680,7 @@ const VTooltip = genericComponent()({
       'aria-describedby': id.value
     }, props.activatorProps));
     useRender(() => {
-      const [overlayProps] = VOverlay.filterProps(props);
+      const overlayProps = VOverlay.filterProps(props);
       return createVNode(VOverlay, mergeProps({
         "ref": overlay,
         "class": ['v-tooltip', props.class],
@@ -25075,7 +25103,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.4.0-beta.0";
+const version$1 = "3.4.0";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -25100,7 +25128,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.4.0-beta.0";
+const version = "3.4.0";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDate, useDefaults, useDisplay, useLayout, useLocale, useRtl, useTheme, version };