vuetify 3.4.0-beta.0 → 3.4.0

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.4.0-beta.0
+* Vuetify v3.4.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -219,7 +219,21 @@
   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) {
@@ -257,9 +271,9 @@
    * 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];
@@ -1304,9 +1318,9 @@
     }
     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) {
@@ -3293,7 +3307,7 @@
         });
       }
       useRender(() => {
-        const [responsiveProps] = VResponsive.filterProps(props);
+        const responsiveProps = VResponsive.filterProps(props);
         return vue.withDirectives(vue.createVNode(VResponsive, vue.mergeProps({
           "class": ['v-img', {
             'v-img--booting': !isBooted.value
@@ -3832,7 +3846,7 @@
         absolute: vue.toRef(props, 'absolute')
       });
       useRender(() => {
-        const [toolbarProps] = VToolbar.filterProps(props);
+        const toolbarProps = VToolbar.filterProps(props);
         return vue.createVNode(VToolbar, vue.mergeProps({
           "ref": vToolbarRef,
           "class": ['v-app-bar', {
@@ -4206,7 +4220,7 @@
         selected
       } = useGroup(props, VBtnToggleSymbol);
       useRender(() => {
-        const [btnGroupProps] = VBtnGroup.filterProps(props);
+        const btnGroupProps = VBtnGroup.filterProps(props);
         return vue.createVNode(VBtnGroup, vue.mergeProps({
           "class": ['v-btn-toggle', props.class]
         }, btnGroupProps, {
@@ -6088,7 +6102,7 @@
         return indeterminate.value ? props.indeterminateIcon : props.trueIcon;
       });
       useRender(() => {
-        const controlProps = omit(VSelectionControl.filterProps(props)[0], ['modelValue']);
+        const controlProps = omit(VSelectionControl.filterProps(props), ['modelValue']);
         return vue.createVNode(VSelectionControl, vue.mergeProps(controlProps, {
           "modelValue": model.value,
           "onUpdate:modelValue": [$event => model.value = $event, onChange],
@@ -6668,8 +6682,8 @@
       const id = vue.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 vue.createVNode(VInput, vue.mergeProps({
           "class": ['v-checkbox', props.class]
         }, rootAttrs, inputProps, {
@@ -8037,7 +8051,7 @@
             item
           }) : undefined
         };
-        const [listGroupProps, _1] = VListGroup.filterProps(itemProps);
+        const listGroupProps = VListGroup.filterProps(itemProps);
         return children ? vue.createVNode(VListGroup, vue.mergeProps({
           "value": itemProps?.value
         }, listGroupProps), {
@@ -8102,7 +8116,7 @@
     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,
@@ -8171,7 +8185,7 @@
     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,
@@ -10142,7 +10156,7 @@
         onKeydown: onActivatorKeydown
       }, props.activatorProps));
       useRender(() => {
-        const [overlayProps] = VOverlay.filterProps(props);
+        const overlayProps = VOverlay.filterProps(props);
         return vue.createVNode(VOverlay, vue.mergeProps({
           "ref": overlay,
           "class": ['v-menu', props.class],
@@ -10615,11 +10629,11 @@
         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 vue.createVNode(VInput, vue.mergeProps({
           "ref": vInputRef,
           "modelValue": model.value,
@@ -11352,7 +11366,7 @@
         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 vue.createVNode(VTextField, vue.mergeProps({
           "ref": vTextFieldRef
@@ -11884,7 +11898,7 @@
         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 vue.createVNode(VTextField, vue.mergeProps({
           "ref": vTextFieldRef
         }, textFieldProps, {
@@ -12121,7 +12135,7 @@
       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 vue.createVNode(props.tag, vue.mergeProps({
           "class": ['v-badge', {
             'v-badge--bordered': props.bordered,
@@ -12490,7 +12504,7 @@
         'aria-expanded': String(isActive.value)
       }, props.activatorProps));
       useRender(() => {
-        const [overlayProps] = VOverlay.filterProps(props);
+        const overlayProps = VOverlay.filterProps(props);
         return vue.createVNode(VOverlay, vue.mergeProps({
           "ref": overlay,
           "class": ['v-dialog', {
@@ -12542,7 +12556,7 @@
       } = _ref;
       const isActive = useProxiedModel(props, 'modelValue');
       useRender(() => {
-        const [dialogProps] = VDialog.filterProps(props);
+        const dialogProps = VDialog.filterProps(props);
         return vue.createVNode(VDialog, vue.mergeProps(dialogProps, {
           "contentClass": ['v-bottom-sheet__content', props.contentClass],
           "modelValue": isActive.value,
@@ -13349,7 +13363,7 @@
         window.requestAnimationFrame(startTimeout);
       }
       useRender(() => {
-        const [windowProps] = VWindow.filterProps(props);
+        const windowProps = VWindow.filterProps(props);
         return vue.createVNode(VWindow, vue.mergeProps({
           "ref": windowRef
         }, windowProps, {
@@ -13539,8 +13553,8 @@
         attrs
       } = _ref;
       useRender(() => {
-        const [imgProps] = VImg.filterProps(props);
-        const [windowItemProps] = VWindowItem.filterProps(props);
+        const imgProps = VImg.filterProps(props);
+        const windowItemProps = VWindowItem.filterProps(props);
         return vue.createVNode(VWindowItem, vue.mergeProps({
           "class": "v-carousel-item"
         }, windowItemProps), {
@@ -14612,7 +14626,7 @@
       } = useFocus(props);
       const trackStop = vue.computed(() => position(model.value));
       useRender(() => {
-        const [inputProps, _] = VInput.filterProps(props);
+        const inputProps = VInput.filterProps(props);
         const hasPrepend = !!(props.label || slots.label || slots.prepend);
         return vue.createVNode(VInput, vue.mergeProps({
           "class": ['v-slider', {
@@ -15283,7 +15297,7 @@
         }
       });
       useRender(() => {
-        const [sheetProps] = VSheet.filterProps(props);
+        const sheetProps = VSheet.filterProps(props);
         return vue.createVNode(VSheet, vue.mergeProps({
           "rounded": props.rounded,
           "elevation": props.elevation,
@@ -15628,7 +15642,7 @@
         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 vue.createVNode(VTextField, vue.mergeProps({
           "ref": vTextFieldRef
         }, textFieldProps, {
@@ -17734,11 +17748,12 @@
           "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,
@@ -17751,7 +17766,7 @@
             };
             if (slots[columnSlotName]) return slots[columnSlotName](columnSlotProps);
             if (column.key === 'data-table-select') {
-              return slots['column.data-table-select']?.(columnSlotProps) ?? (showSelectAll && vue.createVNode(VCheckboxBtn, {
+              return slots['header.data-table-select']?.(columnSlotProps) ?? (showSelectAll && vue.createVNode(VCheckboxBtn, {
                 "modelValue": allSelected.value,
                 "indeterminate": someSelected.value && !allSelected.value,
                 "onUpdate:modelValue": selectAll
@@ -17877,7 +17892,9 @@
     index: Number,
     item: Object,
     cellProps: [Object, Function],
-    onClick: Function
+    onClick: EventProp(),
+    onContextmenu: EventProp(),
+    onDblclick: EventProp()
   }, 'VDataTableRow');
   const VDataTableRow = genericComponent()({
     name: 'VDataTableRow',
@@ -17899,9 +17916,11 @@
       } = useHeaders();
       useRender(() => vue.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}`;
@@ -18336,16 +18355,17 @@
         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 vue.createVNode(VTable, vue.mergeProps({
           "class": ['v-data-table', {
             'v-data-table--show-select': props.showSelect,
@@ -18386,7 +18406,7 @@
     },
     setup(props, _ref) {
       let {
-        emit,
+        attrs,
         slots
       } = _ref;
       const {
@@ -18495,15 +18515,16 @@
         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 vue.createVNode(VTable, vue.mergeProps({
           "class": ['v-data-table', {
             'v-data-table--loading': props.loading
@@ -18533,7 +18554,7 @@
               height: 0,
               border: 0
             }
-          }, null)]), slots['body.prepend']?.(slotProps.value), vue.createVNode(VDataTableRows, vue.mergeProps(dataTableRowsProps, {
+          }, null)]), slots['body.prepend']?.(slotProps.value), vue.createVNode(VDataTableRows, vue.mergeProps(attrs, dataTableRowsProps, {
             "items": displayItems.value
           }), {
             ...slots,
@@ -18598,7 +18619,7 @@
     },
     setup(props, _ref) {
       let {
-        emit,
+        attrs,
         slots
       } = _ref;
       const {
@@ -18705,16 +18726,17 @@
         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 vue.createVNode(VTable, vue.mergeProps({
           "class": ['v-data-table', {
             'v-data-table--loading': props.loading
@@ -18730,7 +18752,7 @@
           }), slots)]), slots.thead?.(slotProps.value), vue.createVNode("tbody", {
             "class": "v-data-table__tbody",
             "role": "rowgroup"
-          }, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : vue.createVNode(VDataTableRows, vue.mergeProps(dataTableRowsProps, {
+          }, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : vue.createVNode(VDataTableRows, vue.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) : vue.createVNode(VDataTableFooter, dataTableFooterProps, {
@@ -19009,7 +19031,7 @@
     }
   });
 
-  // Utilities
+  // Styles
   const VSpacer = createSimpleFunctional('v-spacer', 'div', 'VSpacer');
 
   // Types
@@ -19540,7 +19562,7 @@
         backgroundColorStyles
       } = useBackgroundColor(vue.toRef(props, 'color'));
       useRender(() => {
-        const [sheetProps] = VSheet.filterProps(props);
+        const sheetProps = VSheet.filterProps(props);
         const hasTitle = !!(props.title || slots.title);
         return vue.createVNode(VSheet, vue.mergeProps(sheetProps, {
           "color": props.bgColor,
@@ -19727,12 +19749,12 @@
         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 vue.createVNode(VPicker, vue.mergeProps(pickerProps, {
           "class": ['v-date-picker', `v-date-picker--${viewMode.value}`, props.class],
           "style": props.style,
@@ -20148,11 +20170,11 @@
         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 vue.createVNode(VInput, vue.mergeProps({
           "ref": vInputRef,
           "modelValue": model.value,
@@ -22146,8 +22168,8 @@
       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: {
@@ -22292,7 +22314,7 @@
       const trackStart = vue.computed(() => position(model.value[0]));
       const trackStop = vue.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 vue.createVNode(VInput, vue.mergeProps({
           "class": ['v-slider', 'v-range-slider', {
@@ -23237,7 +23259,7 @@
         startTimeout();
       }
       useRender(() => {
-        const [overlayProps] = VOverlay.filterProps(props);
+        const overlayProps = VOverlay.filterProps(props);
         const hasContent = !!(slots.default || slots.text || props.text);
         return vue.createVNode(VOverlay, vue.mergeProps({
           "ref": overlay,
@@ -23486,9 +23508,7 @@
 
   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',
@@ -23517,11 +23537,15 @@
         }
       });
       useRender(() => {
-        const [windowProps] = VWindow.filterProps(props);
-        return vue.createVNode(VWindow, vue.mergeProps(windowProps, {
+        const windowProps = VWindow.filterProps(props);
+        return vue.createVNode(VWindow, vue.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 {};
@@ -23539,8 +23563,10 @@
         slots
       } = _ref;
       useRender(() => {
-        const [windowItemProps] = VWindowItem.filterProps(props);
-        return vue.createVNode(VWindowItem, vue.mergeProps(windowItemProps, {
+        const windowItemProps = VWindowItem.filterProps(props);
+        return vue.createVNode(VWindowItem, vue.mergeProps({
+          "_as": "VStepperWindowItem"
+        }, windowItemProps, {
           "class": "v-stepper-window-item"
         }), slots);
       });
@@ -23632,7 +23658,7 @@
         }
       });
       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);
@@ -23738,8 +23764,8 @@
       }
       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 vue.createVNode(VInput, vue.mergeProps({
           "class": ['v-switch', {
             'v-switch--inset': props.inset
@@ -23952,7 +23978,7 @@
         }
       }
       useRender(() => {
-        const [btnProps] = VBtn.filterProps(props);
+        const btnProps = VBtn.filterProps(props);
         return vue.createVNode(VBtn, vue.mergeProps({
           "symbol": VTabsSymbol,
           "ref": rootEl,
@@ -24044,7 +24070,7 @@
         }
       });
       useRender(() => {
-        const [slideGroupProps] = VSlideGroup.filterProps(props);
+        const slideGroupProps = VSlideGroup.filterProps(props);
         return vue.createVNode(VSlideGroup, vue.mergeProps(slideGroupProps, {
           "modelValue": model.value,
           "onUpdate:modelValue": $event => model.value = $event,
@@ -24211,11 +24237,11 @@
         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 vue.createVNode(VInput, vue.mergeProps({
           "ref": vInputRef,
           "modelValue": model.value,
@@ -24237,6 +24263,7 @@
           ...slots,
           default: _ref2 => {
             let {
+              id,
               isDisabled,
               isDirty,
               isReadonly,
@@ -24253,6 +24280,7 @@
               "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,
@@ -24656,7 +24684,7 @@
         'aria-describedby': id.value
       }, props.activatorProps));
       useRender(() => {
-        const [overlayProps] = VOverlay.filterProps(props);
+        const overlayProps = VOverlay.filterProps(props);
         return vue.createVNode(VOverlay, vue.mergeProps({
           "ref": overlay,
           "class": ['v-tooltip', props.class],
@@ -25154,7 +25182,7 @@
       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
@@ -25168,7 +25196,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.4.0-beta.0";
+  const version = "3.4.0";
 
   /* eslint-disable local-rules/sort-imports */