@vuetify/nightly 3.9.2-master.2025-07-27 → 3.9.2-master.2025-07-29

package/dist/vuetify.d.ts

@@ -95378,36 +95378,37 @@ declare module 'vue' {
     VApp: VApp
     VAlert: VAlert
     VAlertTitle: VAlertTitle
+    VAvatar: VAvatar
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
     VAutocomplete: VAutocomplete
-    VAvatar: VAvatar
-    VBreadcrumbs: VBreadcrumbs
-    VBreadcrumbsItem: VBreadcrumbsItem
-    VBreadcrumbsDivider: VBreadcrumbsDivider
     VBadge: VBadge
-    VBottomNavigation: VBottomNavigation
-    VBottomSheet: VBottomSheet
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
+    VBottomNavigation: VBottomNavigation
+    VBottomSheet: VBottomSheet
     VBtnGroup: VBtnGroup
     VBtn: VBtn
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
+    VBtnToggle: VBtnToggle
+    VBreadcrumbs: VBreadcrumbs
+    VBreadcrumbsItem: VBreadcrumbsItem
+    VBreadcrumbsDivider: VBreadcrumbsDivider
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
-    VBtnToggle: VBtnToggle
+    VChipGroup: VChipGroup
+    VCode: VCode
+    VChip: VChip
+    VCombobox: VCombobox
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VCode: VCode
-    VChip: VChip
-    VChipGroup: VChipGroup
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
     VColorPicker: VColorPicker
     VCounter: VCounter
     VDataTable: VDataTable
@@ -95417,25 +95418,23 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
+    VDialog: VDialog
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
-    VCombobox: VCombobox
-    VDialog: VDialog
-    VDivider: VDivider
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
+    VFab: VFab
+    VDivider: VDivider
     VEmptyState: VEmptyState
-    VFileInput: VFileInput
     VField: VField
     VFieldLabel: VFieldLabel
-    VFooter: VFooter
-    VFab: VFab
+    VFileInput: VFileInput
     VImg: VImg
     VIcon: VIcon
     VComponentIcon: VComponentIcon
@@ -95443,10 +95442,12 @@ declare module 'vue' {
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
     VInput: VInput
+    VKbd: VKbd
     VInfiniteScroll: VInfiniteScroll
     VItemGroup: VItemGroup
     VItem: VItem
     VLabel: VLabel
+    VMessages: VMessages
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -95456,24 +95457,24 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VKbd: VKbd
-    VNavigationDrawer: VNavigationDrawer
     VMenu: VMenu
+    VNavigationDrawer: VNavigationDrawer
     VMain: VMain
-    VMessages: VMessages
-    VOtpInput: VOtpInput
     VNumberInput: VNumberInput
+    VOtpInput: VOtpInput
+    VOverlay: VOverlay
     VPagination: VPagination
     VProgressCircular: VProgressCircular
-    VOverlay: VOverlay
-    VRadioGroup: VRadioGroup
     VProgressLinear: VProgressLinear
-    VSelect: VSelect
+    VRadioGroup: VRadioGroup
     VRating: VRating
     VSelectionControl: VSelectionControl
+    VSelect: VSelect
+    VSheet: VSheet
     VSelectionControlGroup: VSelectionControlGroup
     VSkeletonLoader: VSkeletonLoader
-    VSheet: VSheet
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
     VSlider: VSlider
     VSnackbar: VSnackbar
     VStepper: VStepper
@@ -95483,53 +95484,48 @@ declare module 'vue' {
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
     VSwitch: VSwitch
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
+    VSystemBar: VSystemBar
+    VTextField: VTextField
+    VTextarea: VTextarea
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VSystemBar: VSystemBar
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
-    VTextField: VTextField
-    VTimePicker: VTimePicker
-    VTimePickerClock: VTimePickerClock
-    VTimePickerControls: VTimePickerControls
+    VTable: VTable
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
-    VTextarea: VTextarea
+    VTimePicker: VTimePicker
+    VTimePickerClock: VTimePickerClock
+    VTimePickerControls: VTimePickerControls
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
-    VTable: VTable
+    VTooltip: VTooltip
     VWindow: VWindow
     VWindowItem: VWindowItem
-    VTooltip: VTooltip
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
+    VForm: VForm
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
-    VForm: VForm
     VHover: VHover
-    VLazy: VLazy
     VLayout: VLayout
     VLayoutItem: VLayoutItem
+    VLazy: VLazy
     VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
     VParallax: VParallax
     VRadio: VRadio
     VRangeSlider: VRangeSlider
-    VSparkline: VSparkline
     VResponsive: VResponsive
-    VSnackbarQueue: VSnackbarQueue
     VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
     VValidation: VValidation
+    VVirtualScroll: VVirtualScroll
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -95546,7 +95542,11 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VVirtualScroll: VVirtualScroll
+    VFooter: VFooter
+    VSparkline: VSparkline
+    VSnackbarQueue: VSnackbarQueue
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
@@ -95555,20 +95555,20 @@ declare module 'vue' {
     VCalendarMonthDay: VCalendarMonthDay
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
-    VPie: VPie
-    VPieSegment: VPieSegment
-    VPieTooltip: VPieTooltip
     VColorInput: VColorInput
-    VIconBtn: VIconBtn
-    VHotkey: VHotkey
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
     VPicker: VPicker
     VPickerTitle: VPickerTitle
+    VIconBtn: VIconBtn
+    VHotkey: VHotkey
+    VPie: VPie
+    VPieSegment: VPieSegment
+    VPieTooltip: VPieTooltip
     VVideo: VVideo
     VVideoControls: VVideoControls
     VVideoVolume: VVideoVolume
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
     VDateInput: VDateInput
     VMaskInput: VMaskInput
     VPullToRefresh: VPullToRefresh

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.2-master.2025-07-27
+* Vuetify v3.9.2-master.2025-07-29
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2613,6 +2613,14 @@ var en = {
     header: 'Enter date',
     input: {
       placeholder: 'Enter date'
+    },
+    ariaLabel: {
+      previousMonth: 'Previous month',
+      nextMonth: 'Next month',
+      selectYear: 'Select year',
+      selectDate: '{0}',
+      // Full date format
+      currentDate: 'Today, {0}'
     }
   },
   noDataText: 'No data available',
@@ -5923,8 +5931,8 @@ const ripples = {
     if (!el?._ripple?.enabled) return;
     const ripples = el.getElementsByClassName('v-ripple__animation');
     if (ripples.length === 0) return;
-    const animation = ripples[ripples.length - 1];
-    if (animation.dataset.isHiding) return;else animation.dataset.isHiding = 'true';
+    const animation = Array.from(ripples).findLast(ripple => !ripple.dataset.isHiding);
+    if (!animation) return;else animation.dataset.isHiding = 'true';
     const diff = performance.now() - Number(animation.dataset.activated);
     const delay = Math.max(250 - diff, 0);
     setTimeout(() => {
@@ -10142,11 +10150,9 @@ const VListChildren = genericComponent()({
           let {
             props: activatorProps
           } = _ref3;
-          const listItemProps = {
-            ...itemProps,
-            ...activatorProps,
+          const listItemProps = mergeProps(itemProps, activatorProps, {
             value: props.returnObject ? item : itemProps.value
-          };
+          });
           return slots.header ? slots.header({
             props: listItemProps
           }) : createVNode(VListItem, listItemProps, slotsWithItem);
@@ -16550,6 +16556,7 @@ const useSlider = _ref => {
   const numTicks = computed(() => (max.value - min.value) / step.value);
   const disabled = toRef(() => props.disabled);
   const thumbColor = computed(() => props.error || props.disabled ? undefined : props.thumbColor ?? props.color);
+  const thumbLabelColor = computed(() => props.error || props.disabled ? undefined : props.thumbColor);
   const trackColor = computed(() => props.error || props.disabled ? undefined : props.trackColor ?? props.color);
   const trackFillColor = computed(() => props.error || props.disabled ? undefined : props.trackFillColor ?? props.color);
   const mousePressed = shallowRef(false);
@@ -16707,6 +16714,7 @@ const useSlider = _ref => {
     step,
     thumbSize,
     thumbColor,
+    thumbLabelColor,
     thumbLabel: toRef(() => props.thumbLabel),
     ticks: toRef(() => props.ticks),
     tickSize,
@@ -16772,6 +16780,7 @@ const VSliderThumb = genericComponent()({
       min,
       max,
       thumbColor,
+      thumbLabelColor,
       step,
       disabled,
       thumbSize,
@@ -16793,6 +16802,10 @@ const VSliderThumb = genericComponent()({
       textColorClasses,
       textColorStyles
     } = useTextColor(thumbColor);
+    const {
+      backgroundColorClasses,
+      backgroundColorStyles
+    } = useBackgroundColor(thumbLabelColor);
     const {
       pageup,
       pagedown,
@@ -16858,9 +16871,7 @@ const VSliderThumb = genericComponent()({
         "onKeydown": !readonly.value ? onKeydown : undefined
       }, [createElementVNode("div", {
         "class": normalizeClass(['v-slider-thumb__surface', textColorClasses.value, elevationClasses.value]),
-        "style": {
-          ...textColorStyles.value
-        }
+        "style": normalizeStyle(textColorStyles.value)
       }, null), withDirectives(createElementVNode("div", {
         "class": normalizeClass(['v-slider-thumb__ripple', textColorClasses.value]),
         "style": normalizeStyle(textColorStyles.value)
@@ -16873,10 +16884,13 @@ const VSliderThumb = genericComponent()({
         default: () => [withDirectives(createElementVNode("div", {
           "class": "v-slider-thumb__label-container"
         }, [createElementVNode("div", {
-          "class": normalizeClass(['v-slider-thumb__label', textColorClasses.value])
+          "class": normalizeClass(['v-slider-thumb__label', backgroundColorClasses.value]),
+          "style": normalizeStyle(backgroundColorStyles.value)
         }, [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']])]
+        }) ?? props.modelValue.toFixed(step.value ? decimals.value : 1)]), createElementVNode("div", {
+          "class": "v-slider-thumb__label-wedge"
+        }, null)])]), [[vShow, thumbLabel.value && props.focused || thumbLabel.value === 'always']])]
       })]);
     });
     return {};
@@ -22890,6 +22904,9 @@ const VDatePickerControls = genericComponent()({
     let {
       emit
     } = _ref;
+    const {
+      t
+    } = useLocale();
     const disableMonth = computed(() => {
       return Array.isArray(props.disabled) ? props.disabled.includes('text') : !!props.disabled;
     });
@@ -22936,6 +22953,7 @@ const VDatePickerControls = genericComponent()({
         "density": "comfortable",
         "icon": props.modeIcon,
         "variant": "text",
+        "aria-label": t('$vuetify.datePicker.ariaLabel.selectYear'),
         "onClick": onClickYear
       }, null), createVNode(VSpacer, null, null), createElementVNode("div", {
         "class": "v-date-picker-controls__month"
@@ -22945,6 +22963,7 @@ const VDatePickerControls = genericComponent()({
         "density": "comfortable",
         "icon": props.prevIcon,
         "variant": "text",
+        "aria-label": t('$vuetify.datePicker.ariaLabel.previousMonth'),
         "onClick": onClickPrev
       }, null), createVNode(VBtn, {
         "data-testid": "next-month",
@@ -22952,6 +22971,7 @@ const VDatePickerControls = genericComponent()({
         "icon": props.nextIcon,
         "density": "comfortable",
         "variant": "text",
+        "aria-label": t('$vuetify.datePicker.ariaLabel.nextMonth'),
         "onClick": onClickNext
       }, null)])]);
     });
@@ -23216,6 +23236,9 @@ const VDatePickerMonth = genericComponent()({
       slots
     } = _ref;
     const daysRef = ref();
+    const {
+      t
+    } = useLocale();
     const {
       daysInMonth,
       model,
@@ -23272,6 +23295,11 @@ const VDatePickerMonth = genericComponent()({
         model.value = [rangeStart.value];
       }
     }
+    function getDateAriaLabel(item) {
+      const fullDate = adapter.format(item.date, 'fullDateWithWeekday');
+      const localeKey = item.isToday ? 'currentDate' : 'selectDate';
+      return t(`$vuetify.datePicker.ariaLabel.${localeKey}`, fullDate);
+    }
     function onMultipleClick(value) {
       const index = model.value.findIndex(selection => adapter.isSameDay(selection, value));
       if (index === -1) {
@@ -23323,6 +23351,8 @@ const VDatePickerMonth = genericComponent()({
             ripple: false,
             text: item.localized,
             variant: item.isSelected ? 'flat' : item.isToday ? 'outlined' : 'text',
+            'aria-label': getDateAriaLabel(item),
+            'aria-current': item.isToday ? 'date' : undefined,
             onClick: () => onClick(item.date)
           },
           item,
@@ -23377,11 +23407,13 @@ const VDatePickerMonths = genericComponent()({
       }
       return createRange(12).map(i => {
         const text = adapter.format(date, 'monthShort');
+        const label = adapter.format(date, 'month');
         const isDisabled = !!(!isMonthAllowed(i) || props.min && adapter.isAfter(adapter.startOfMonth(adapter.date(props.min)), date) || props.max && adapter.isAfter(date, adapter.startOfMonth(adapter.date(props.max))));
         date = adapter.getNextMonth(date);
         return {
           isDisabled,
           text,
+          label,
           value: i
         };
       });
@@ -23408,6 +23440,7 @@ const VDatePickerMonths = genericComponent()({
     }, [months.value.map((month, i) => {
       const btnProps = {
         active: model.value === i,
+        ariaLabel: month.label,
         color: model.value === i ? props.color : undefined,
         disabled: month.isDisabled,
         rounded: true,
@@ -26093,7 +26126,7 @@ const VNumberInput = genericComponent()({
         return fixed.replace('.', decimalSeparator.value);
       }
       let [baseDigits, fractionDigits] = fixed.split('.');
-      fractionDigits = (fractionDigits ?? '').padEnd(props.minFractionDigits, '0').replace(new RegExp(`(?<=\\d{${props.minFractionDigits}})0`, 'g'), '');
+      fractionDigits = (fractionDigits ?? '').padEnd(props.minFractionDigits, '0').replace(new RegExp(`(?<=\\d{${props.minFractionDigits}})0+$`, 'g'), '');
       return [baseDigits, fractionDigits].filter(Boolean).join(decimalSeparator.value);
     }
     const model = useProxiedModel(props, 'modelValue', null, val => val ?? null, val => val == null ? val ?? null : clamp(Number(val), props.min, props.max));
@@ -31432,7 +31465,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.9.2-master.2025-07-27";
+const version$1 = "3.9.2-master.2025-07-29";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31457,7 +31490,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.9.2-master.2025-07-27";
+const version = "3.9.2-master.2025-07-29";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useRtl, useTheme, version };