@vuetify/nightly 3.8.7-master.2025-05-31 → 3.8.7-master.2025-06-03

package/dist/vuetify.d.ts

@@ -85901,38 +85901,39 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
+    VBadge: VBadge
     VApp: VApp
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
-    VAvatar: VAvatar
-    VAutocomplete: VAutocomplete
+    VBottomSheet: VBottomSheet
     VBottomNavigation: VBottomNavigation
+    VAutocomplete: VAutocomplete
+    VAvatar: VAvatar
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBadge: VBadge
-    VBtn: VBtn
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
+    VBtnGroup: VBtnGroup
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
+    VBtn: VBtn
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VBottomSheet: VBottomSheet
     VBtnToggle: VBtnToggle
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
-    VBtnGroup: VBtnGroup
-    VChip: VChip
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
     VCode: VCode
+    VChip: VChip
     VChipGroup: VChipGroup
-    VColorPicker: VColorPicker
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
     VCombobox: VCombobox
+    VDialog: VDialog
+    VColorPicker: VColorPicker
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
@@ -85947,7 +85948,6 @@ declare module 'vue' {
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
     VCounter: VCounter
-    VDialog: VDialog
     VEmptyState: VEmptyState
     VDivider: VDivider
     VExpansionPanels: VExpansionPanels
@@ -85957,20 +85957,21 @@ declare module 'vue' {
     VFab: VFab
     VField: VField
     VFieldLabel: VFieldLabel
+    VFooter: VFooter
     VFileInput: VFileInput
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
+    VInfiniteScroll: VInfiniteScroll
     VItemGroup: VItemGroup
     VItem: VItem
-    VInfiniteScroll: VInfiniteScroll
-    VFooter: VFooter
-    VInput: VInput
     VImg: VImg
     VKbd: VKbd
     VLabel: VLabel
+    VInput: VInput
+    VMain: VMain
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -85981,28 +85982,25 @@ declare module 'vue' {
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
     VMenu: VMenu
-    VMessages: VMessages
     VNumberInput: VNumberInput
-    VMain: VMain
+    VOtpInput: VOtpInput
     VNavigationDrawer: VNavigationDrawer
+    VMessages: VMessages
     VOverlay: VOverlay
-    VOtpInput: VOtpInput
+    VPagination: VPagination
     VProgressLinear: VProgressLinear
     VRadioGroup: VRadioGroup
-    VProgressCircular: VProgressCircular
-    VSelectionControl: VSelectionControl
     VRating: VRating
+    VProgressCircular: VProgressCircular
     VSelectionControlGroup: VSelectionControlGroup
-    VPagination: VPagination
     VSkeletonLoader: VSkeletonLoader
     VSlider: VSlider
     VSheet: VSheet
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
     VSnackbar: VSnackbar
-    VSelect: VSelect
-    VSystemBar: VSystemBar
     VSwitch: VSwitch
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
+    VTable: VTable
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
@@ -86013,23 +86011,23 @@ declare module 'vue' {
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTextarea: VTextarea
     VTextField: VTextField
-    VTable: VTable
-    VTooltip: VTooltip
-    VToolbar: VToolbar
-    VToolbarTitle: VToolbarTitle
-    VToolbarItems: VToolbarItems
+    VTextarea: VTextarea
+    VSystemBar: VSystemBar
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
     VWindow: VWindow
     VWindowItem: VWindowItem
+    VTooltip: VTooltip
+    VToolbar: VToolbar
+    VToolbarTitle: VToolbarTitle
+    VToolbarItems: VToolbarItems
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
     VConfirmEdit: VConfirmEdit
-    VDefaultsProvider: VDefaultsProvider
     VDataIterator: VDataIterator
+    VDefaultsProvider: VDefaultsProvider
     VForm: VForm
     VContainer: VContainer
     VCol: VCol
@@ -86038,12 +86036,12 @@ declare module 'vue' {
     VHover: VHover
     VLayout: VLayout
     VLayoutItem: VLayoutItem
-    VLazy: VLazy
     VLocaleProvider: VLocaleProvider
+    VLazy: VLazy
     VParallax: VParallax
-    VRadio: VRadio
     VNoSsr: VNoSsr
     VRangeSlider: VRangeSlider
+    VRadio: VRadio
     VResponsive: VResponsive
     VSparkline: VSparkline
     VSnackbarQueue: VSnackbarQueue
@@ -86067,27 +86065,29 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
-    VIconBtn: VIconBtn
+    VSelectionControl: VSelectionControl
+    VSelect: VSelect
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
+    VColorInput: VColorInput
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
+    VIconBtn: VIconBtn
     VPicker: VPicker
     VPickerTitle: VPickerTitle
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
-    VColorInput: VColorInput
     VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
   }

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.7-master.2025-05-31
+* Vuetify v3.8.7-master.2025-06-03
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4035,9 +4035,9 @@ const VImg = genericComponent()({
       if (!normalisedSrc.value.src || state.value === 'idle') return null;
       const img = createElementVNode("img", {
         "class": normalizeClass(['v-img__img', containClasses.value]),
-        "style": normalizeStyle({
+        "style": {
           objectPosition: props.position
-        }),
+        },
         "crossorigin": props.crossorigin,
         "src": normalisedSrc.value.src,
         "srcset": normalisedSrc.value.srcset,
@@ -4064,9 +4064,9 @@ const VImg = genericComponent()({
     }, {
       default: () => [normalisedSrc.value.lazySrc && state.value !== 'loaded' && createElementVNode("img", {
         "class": normalizeClass(['v-img__img', 'v-img__img--preload', containClasses.value]),
-        "style": normalizeStyle({
+        "style": {
           objectPosition: props.position
-        }),
+        },
         "crossorigin": props.crossorigin,
         "src": normalisedSrc.value.lazySrc,
         "alt": props.alt,
@@ -4100,9 +4100,9 @@ const VImg = genericComponent()({
       if (!props.gradient) return null;
       return createElementVNode("div", {
         "class": "v-img__gradient",
-        "style": normalizeStyle({
+        "style": {
           backgroundImage: `linear-gradient(${props.gradient})`
-        })
+        }
       }, null);
     };
     const isBooted = shallowRef(false);
@@ -4313,9 +4313,9 @@ const VToolbar = genericComponent()({
         }, {
           default: () => [createElementVNode("div", {
             "class": "v-toolbar__content",
-            "style": normalizeStyle({
+            "style": {
               height: convertToUnit(contentHeight.value)
-            })
+            }
           }, [slots.prepend && createElementVNode("div", {
             "class": "v-toolbar__prepend"
           }, [slots.prepend?.()]), hasTitle && createVNode(VToolbarTitle, {
@@ -4336,9 +4336,9 @@ const VToolbar = genericComponent()({
           default: () => [createVNode(VExpandTransition, null, {
             default: () => [isExtended.value && createElementVNode("div", {
               "class": "v-toolbar__extension",
-              "style": normalizeStyle({
+              "style": {
                 height: convertToUnit(extensionHeight.value)
-              })
+              }
             }, [extension])]
           })]
         })]
@@ -5202,9 +5202,9 @@ const VProgressCircular = genericComponent()({
       "aria-valuenow": props.indeterminate ? undefined : normalizedValue.value
     }, {
       default: () => [createElementVNode("svg", {
-        "style": normalizeStyle({
+        "style": {
           transform: `rotate(calc(-90deg + ${Number(props.rotate)}deg))`
-        }),
+        },
         "xmlns": "http://www.w3.org/2000/svg",
         "viewBox": `0 0 ${diameter.value} ${diameter.value}`
       }, [createElementVNode("circle", {
@@ -5425,7 +5425,7 @@ const VProgressLinear = genericComponent()({
       default: () => [props.stream && createElementVNode("div", {
         "key": "stream",
         "class": normalizeClass(['v-progress-linear__stream', textColorClasses.value]),
-        "style": normalizeStyle({
+        "style": {
           ...textColorStyles.value,
           [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),
           borderTop: `${convertToUnit(height.value / 2)} dotted`,
@@ -5433,7 +5433,7 @@ const VProgressLinear = genericComponent()({
           top: `calc(50% - ${convertToUnit(height.value / 4)})`,
           width: convertToUnit(100 - normalizedBuffer.value, '%'),
           '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1))
-        })
+        }
       }, null), createElementVNode("div", {
         "class": normalizeClass(['v-progress-linear__background', !isForcedColorsModeActive ? backgroundColorClasses.value : undefined]),
         "style": normalizeStyle([backgroundColorStyles.value, {
@@ -6741,7 +6741,7 @@ const VSelectionControl = genericComponent()({
         backgroundColorClasses,
         backgroundColorStyles
       }), withDirectives(createElementVNode("div", {
-        "class": ['v-selection-control__input']
+        "class": normalizeClass(['v-selection-control__input'])
       }, [slots.input?.({
         model,
         textColorClasses,
@@ -8374,6 +8374,7 @@ const VChip = genericComponent()({
     const isClickable = computed(() => !props.disabled && props.link !== false && (!!group || props.link || link.isClickable.value));
     const closeProps = toRef(() => ({
       'aria-label': t(props.closeLabel),
+      disabled: props.disabled,
       onClick(e) {
         e.preventDefault();
         e.stopPropagation();
@@ -12888,14 +12889,14 @@ const VVirtualScroll = genericComponent()({
       return props.renderless ? createElementVNode(Fragment, null, [createElementVNode("div", {
         "ref": markerRef,
         "class": "v-virtual-scroll__spacer",
-        "style": normalizeStyle({
+        "style": {
           paddingTop: convertToUnit(paddingTop.value)
-        })
+        }
       }, null), children, createElementVNode("div", {
         "class": "v-virtual-scroll__spacer",
-        "style": normalizeStyle({
+        "style": {
           paddingBottom: convertToUnit(paddingBottom.value)
-        })
+        }
       }, null)]) : createElementVNode("div", {
         "ref": containerRef,
         "class": normalizeClass(['v-virtual-scroll', props.class]),
@@ -12905,10 +12906,10 @@ const VVirtualScroll = genericComponent()({
       }, [createElementVNode("div", {
         "ref": markerRef,
         "class": "v-virtual-scroll__container",
-        "style": normalizeStyle({
+        "style": {
           paddingTop: convertToUnit(paddingTop.value),
           paddingBottom: convertToUnit(paddingBottom.value)
-        })
+        }
       }, [children])]);
     });
     return {
@@ -15342,9 +15343,9 @@ const VWindow = genericComponent()({
     }, {
       default: () => [createElementVNode("div", {
         "class": "v-window__container",
-        "style": normalizeStyle({
+        "style": {
           height: transitionHeight.value
-        })
+        }
       }, [slots.default?.({
         group
       }), props.showArrows !== false && createElementVNode("div", {
@@ -15439,10 +15440,10 @@ const VCarousel = genericComponent()({
           } = _ref2;
           return createElementVNode(Fragment, null, [!props.hideDelimiters && createElementVNode("div", {
             "class": "v-carousel__controls",
-            "style": normalizeStyle({
+            "style": {
               left: props.verticalDelimiters === 'left' && props.verticalDelimiters ? 0 : 'auto',
               right: props.verticalDelimiters === 'right' ? 0 : 'auto'
-            })
+            }
           }, [group.items.value.length > 0 && createVNode(VDefaultsProvider, {
             "defaults": {
               VBtn: {
@@ -16162,7 +16163,10 @@ const useSteps = props => {
     if (step.value <= 0) return value;
     const clamped = clamp(value, min.value, max.value);
     const offset = min.value % step.value;
-    const newValue = Math.round((clamped - offset) / step.value) * step.value + offset;
+    let newValue = Math.round((clamped - offset) / step.value) * step.value + offset;
+    if (clamped > newValue && newValue + step.value > max.value) {
+      newValue = max.value;
+    }
     return parseFloat(Math.min(newValue, max.value).toFixed(decimals.value));
   }
   return {
@@ -16418,6 +16422,8 @@ const VSliderThumb = genericComponent()({
     } = useRtl();
     if (!slider) throw new Error('[Vuetify] v-slider-thumb must be used inside v-slider or v-range-slider');
     const {
+      min,
+      max,
       thumbColor,
       step,
       disabled,
@@ -16458,16 +16464,20 @@ const VSliderThumb = genericComponent()({
       if (!relevantKeys.includes(e.key)) return;
       e.preventDefault();
       const _step = step.value || 0.1;
-      const steps = (props.max - props.min) / _step;
+      const steps = (max.value - min.value) / _step;
       if ([left, right, down, up].includes(e.key)) {
         const increase = vertical.value ? [isRtl.value ? left : right, isReversed.value ? down : up] : indexFromEnd.value !== isRtl.value ? [left, up] : [right, up];
         const direction = increase.includes(e.key) ? 1 : -1;
         const multiplier = e.shiftKey ? 2 : e.ctrlKey ? 1 : 0;
-        value = value + direction * _step * multipliers.value[multiplier];
+        if (direction === -1 && value === max.value && !multiplier && !Number.isInteger(steps)) {
+          value = value - steps % 1 * _step;
+        } else {
+          value = value + direction * _step * multipliers.value[multiplier];
+        }
       } else if (e.key === home) {
-        value = props.min;
+        value = min.value;
       } else if (e.key === end) {
-        value = props.max;
+        value = max.value;
       } else {
         const direction = e.key === pagedown ? 1 : -1;
         value = value - direction * _step * (steps > 100 ? steps / 10 : 10);
@@ -16492,17 +16502,17 @@ const VSliderThumb = genericComponent()({
         "role": "slider",
         "tabindex": disabled.value ? -1 : 0,
         "aria-label": props.name,
-        "aria-valuemin": props.min,
-        "aria-valuemax": props.max,
+        "aria-valuemin": min.value,
+        "aria-valuemax": max.value,
         "aria-valuenow": props.modelValue,
         "aria-readonly": !!readonly.value,
         "aria-orientation": direction.value,
         "onKeydown": !readonly.value ? onKeydown : undefined
       }, [createElementVNode("div", {
         "class": normalizeClass(['v-slider-thumb__surface', textColorClasses.value, elevationClasses.value]),
-        "style": normalizeStyle({
+        "style": {
           ...textColorStyles.value
-        })
+        }
       }, null), withDirectives(createElementVNode("div", {
         "class": normalizeClass(['v-slider-thumb__ripple', textColorClasses.value]),
         "style": normalizeStyle(textColorStyles.value)
@@ -16515,7 +16525,7 @@ const VSliderThumb = genericComponent()({
         default: () => [withDirectives(createElementVNode("div", {
           "class": "v-slider-thumb__label-container"
         }, [createElementVNode("div", {
-          "class": ['v-slider-thumb__label']
+          "class": normalizeClass(['v-slider-thumb__label'])
         }, [createElementVNode("div", null, [slots['thumb-label']?.({
           modelValue: props.modelValue
         }) ?? props.modelValue.toFixed(step.value ? decimals.value : 1)])])]), [[vShow, thumbLabel.value && props.focused || thumbLabel.value === 'always']])]
@@ -16600,9 +16610,9 @@ const VSliderTrack = genericComponent()({
             'v-slider-track__tick--first': tick.value === min.value,
             'v-slider-track__tick--last': tick.value === max.value
           }]),
-          "style": normalizeStyle({
+          "style": {
             [startDir.value]: directionValue
-          })
+          }
         }, [(tick.label || slots['tick-label']) && createElementVNode("div", {
           "class": "v-slider-track__tick-label"
         }, [slots['tick-label']?.({
@@ -16622,16 +16632,16 @@ const VSliderTrack = genericComponent()({
         "class": normalizeClass(['v-slider-track__background', trackColorClasses.value, {
           'v-slider-track__background--opacity': !!color.value || !trackFillColor.value
         }]),
-        "style": normalizeStyle({
+        "style": {
           ...backgroundStyles.value,
           ...trackColorStyles.value
-        })
+        }
       }, null), createElementVNode("div", {
         "class": normalizeClass(['v-slider-track__fill', trackFillColorClasses.value]),
-        "style": normalizeStyle({
+        "style": {
           ...trackFillStyles.value,
           ...trackFillColorStyles.value
-        })
+        }
       }, null), showTicks.value && createElementVNode("div", {
         "class": normalizeClass(['v-slider-track__ticks', {
           'v-slider-track__ticks--always-show': showTicks.value === 'always'
@@ -16833,9 +16843,9 @@ const VColorPickerPreview = defineComponent({
     }, null)]), createElementVNode("div", {
       "class": "v-color-picker-preview__dot"
     }, [createElementVNode("div", {
-      "style": normalizeStyle({
+      "style": {
         background: HSVtoCSS(props.color ?? nullColor)
-      })
+      }
     }, null)]), createElementVNode("div", {
       "class": "v-color-picker-preview__sliders"
     }, [createVNode(VSlider, {
@@ -17236,9 +17246,9 @@ const VColorPickerSwatches = defineComponent({
         "class": "v-color-picker-swatches__color",
         "onClick": () => hsva && emit('update:color', hsva)
       }, [createElementVNode("div", {
-        "style": normalizeStyle({
+        "style": {
           background
-        })
+        }
       }, [props.color && deepEqual(props.color, hsva) ? createVNode(VIcon, {
         "size": "x-small",
         "icon": "$success",
@@ -20257,12 +20267,12 @@ const VDataTableColumn = defineFunctionalComponent({
       'v-data-table-column--no-padding': props.noPadding,
       'v-data-table-column--nowrap': props.nowrap
     }, `v-data-table-column--align-${props.align}`]),
-    "style": normalizeStyle({
+    "style": {
       height: convertToUnit(props.height),
       width: convertToUnit(props.width),
       maxWidth: convertToUnit(props.maxWidth),
       left: convertToUnit(props.fixedOffset || null)
-    })
+    }
   }, {
     default: () => [slots.default?.()]
   });
@@ -20787,9 +20797,9 @@ const VDataTableGroupHeaderRow = genericComponent()({
     });
     return () => createElementVNode("tr", {
       "class": "v-data-table-group-header-row",
-      "style": normalizeStyle({
+      "style": {
         '--v-data-table-group-header-row-depth': props.item.depth
-      })
+      }
     }, [columns.value.map(column => {
       if (column.key === 'data-table-group') {
         const icon = isGroupOpen(props.item) ? '$expand' : '$next';
@@ -21137,9 +21147,9 @@ const VTable = genericComponent()({
     }, {
       default: () => [slots.top?.(), slots.default ? createElementVNode("div", {
         "class": "v-table__wrapper",
-        "style": normalizeStyle({
+        "style": {
           height: convertToUnit(props.height)
-        })
+        }
       }, [createElementVNode("table", null, [slots.default()])]) : slots.wrapper?.(), slots.bottom?.()]
     }));
     return {};
@@ -21574,19 +21584,19 @@ const VDataTableVirtual = genericComponent()({
           "onScrollPassive": handleScroll,
           "onScrollend": handleScrollend,
           "class": "v-table__wrapper",
-          "style": normalizeStyle({
+          "style": {
             height: convertToUnit(props.height)
-          })
+          }
         }, [createElementVNode("table", null, [slots.colgroup?.(slotProps.value), !props.hideDefaultHeader && createElementVNode("thead", {
           "key": "thead"
         }, [createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && createElementVNode("tbody", {
           "key": "tbody"
         }, [createElementVNode("tr", {
           "ref": markerRef,
-          "style": normalizeStyle({
+          "style": {
             height: convertToUnit(paddingTop.value),
             border: 0
-          })
+          }
         }, [createElementVNode("td", {
           "colspan": columns.value.length,
           "style": {
@@ -21617,10 +21627,10 @@ const VDataTableVirtual = genericComponent()({
             }
           })
         }), slots['body.append']?.(slotProps.value), createElementVNode("tr", {
-          "style": normalizeStyle({
+          "style": {
             height: convertToUnit(paddingBottom.value),
             border: 0
-          })
+          }
         }, [createElementVNode("td", {
           "colspan": columns.value.length,
           "style": {
@@ -22158,10 +22168,10 @@ const VDatePickerControls = genericComponent()({
     useRender(() => {
       // TODO: add slot support and scope defaults
       return createElementVNode("div", {
-        "class": ['v-date-picker-controls'],
-        "style": normalizeStyle({
+        "class": normalizeClass(['v-date-picker-controls']),
+        "style": {
           '--v-date-picker-controls-height': convertToUnit(props.controlHeight)
-        })
+        }
       }, [createVNode(VBtn, {
         "class": "v-date-picker-controls__month-btn",
         "data-testid": "month-btn",
@@ -22539,7 +22549,7 @@ const VDatePickerMonth = genericComponent()({
       "key": "hide-week-days",
       "class": "v-date-picker-month__day"
     }, [createTextVNode("\xA0")]), weekNumbers.value.map(week => createElementVNode("div", {
-      "class": ['v-date-picker-month__day', 'v-date-picker-month__day--adjacent']
+      "class": normalizeClass(['v-date-picker-month__day', 'v-date-picker-month__day--adjacent'])
     }, [week]))]), createVNode(MaybeTransition, {
       "name": transition.value
     }, {
@@ -22548,7 +22558,7 @@ const VDatePickerMonth = genericComponent()({
         "key": daysInMonth.value[0].date?.toString(),
         "class": "v-date-picker-month__days"
       }, [!props.hideWeekdays && adapter.getWeekdays(props.firstDayOfWeek).map(weekDay => createElementVNode("div", {
-        "class": ['v-date-picker-month__day', 'v-date-picker-month__weekday']
+        "class": normalizeClass(['v-date-picker-month__day', 'v-date-picker-month__weekday'])
       }, [weekDay])), daysInMonth.value.map((item, i) => {
         const slotProps = {
           props: {
@@ -22636,9 +22646,9 @@ const VDatePickerMonths = genericComponent()({
     }
     useRender(() => createElementVNode("div", {
       "class": "v-date-picker-months",
-      "style": normalizeStyle({
+      "style": {
         height: convertToUnit(props.height)
-      })
+      }
     }, [createElementVNode("div", {
       "class": "v-date-picker-months__content"
     }, [months.value.map((month, i) => {
@@ -22738,9 +22748,9 @@ const VDatePickerYears = genericComponent()({
     }
     useRender(() => createElementVNode("div", {
       "class": "v-date-picker-years",
-      "style": normalizeStyle({
+      "style": {
         height: convertToUnit(props.height)
-      })
+      }
     }, [createElementVNode("div", {
       "class": "v-date-picker-years__content"
     }, [years.value.map((year, i) => {
@@ -23184,9 +23194,9 @@ const VEmptyState = genericComponent()({
       }, [slots.title?.() ?? props.title]), hasText && createElementVNode("div", {
         "key": "text",
         "class": "v-empty-state__text",
-        "style": normalizeStyle({
+        "style": {
           maxWidth: convertToUnit(props.textWidth)
-        })
+        }
       }, [slots.text?.() ?? props.text]), slots.default && createElementVNode("div", {
         "key": "content",
         "class": "v-empty-state__content"
@@ -24051,9 +24061,9 @@ const VInfiniteScrollIntersect = defineComponent({
     });
     useRender(() => createElementVNode("div", {
       "class": "v-infinite-scroll-intersect",
-      "style": normalizeStyle({
+      "style": {
         '--v-infinite-margin-size': props.rootMargin
-      }),
+      },
       "ref": intersectionRef
     }, [createTextVNode("\xA0")]));
     return {};
@@ -25664,7 +25674,7 @@ const VOtpInput = genericComponent()({
             "aria-label": t(props.label, i + 1),
             "autofocus": i === 0 && props.autofocus,
             "autocomplete": "one-time-code",
-            "class": ['v-otp-input__field'],
+            "class": normalizeClass(['v-otp-input__field']),
             "disabled": props.disabled,
             "inputmode": props.type === 'number' ? 'numeric' : 'text',
             "min": props.type === 'number' ? 0 : undefined,
@@ -29382,7 +29392,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.7-master.2025-05-31";
+const version$1 = "3.8.7-master.2025-06-03";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29407,7 +29417,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.7-master.2025-05-31";
+const version = "3.8.7-master.2025-06-03";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };