@vuetify/nightly 3.8.9-master.2025-06-12 → 3.8.9-master.2025-06-14

package/dist/vuetify-labs.d.ts

@@ -101795,22 +101795,20 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VAutocomplete: VAutocomplete
-    VApp: VApp
     VAlert: VAlert
     VAlertTitle: VAlertTitle
-    VAvatar: VAvatar
-    VBadge: VBadge
-    VBottomSheet: VBottomSheet
+    VAppBar: VAppBar
+    VAppBarNavIcon: VAppBarNavIcon
+    VAppBarTitle: VAppBarTitle
+    VApp: VApp
+    VAutocomplete: VAutocomplete
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
     VBottomNavigation: VBottomNavigation
-    VBtn: VBtn
+    VBadge: VBadge
     VBtnGroup: VBtnGroup
-    VAppBar: VAppBar
-    VAppBarNavIcon: VAppBarNavIcon
-    VAppBarTitle: VAppBarTitle
+    VAvatar: VAvatar
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
@@ -101818,16 +101816,20 @@ declare module 'vue' {
     VCardText: VCardText
     VCardTitle: VCardTitle
     VBtnToggle: VBtnToggle
-    VChipGroup: VChipGroup
-    VChip: VChip
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
+    VBottomSheet: VBottomSheet
+    VBreadcrumbs: VBreadcrumbs
+    VBreadcrumbsItem: VBreadcrumbsItem
+    VBreadcrumbsDivider: VBreadcrumbsDivider
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
+    VBtn: VBtn
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
+    VChip: VChip
+    VCode: VCode
+    VCombobox: VCombobox
     VCounter: VCounter
     VColorPicker: VColorPicker
-    VCombobox: VCombobox
-    VCode: VCode
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -101835,38 +101837,40 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
+    VChipGroup: VChipGroup
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
-    VDivider: VDivider
     VDialog: VDialog
-    VField: VField
-    VFieldLabel: VFieldLabel
-    VEmptyState: VEmptyState
-    VFileInput: VFileInput
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
+    VDivider: VDivider
     VFooter: VFooter
     VFab: VFab
-    VImg: VImg
-    VInfiniteScroll: VInfiniteScroll
+    VField: VField
+    VFieldLabel: VFieldLabel
+    VEmptyState: VEmptyState
+    VFileInput: VFileInput
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VKbd: VKbd
+    VImg: VImg
+    VInfiniteScroll: VInfiniteScroll
     VItemGroup: VItemGroup
     VItem: VItem
     VInput: VInput
+    VMenu: VMenu
+    VKbd: VKbd
     VLabel: VLabel
-    VMain: VMain
     VNavigationDrawer: VNavigationDrawer
+    VMessages: VMessages
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -101876,24 +101880,21 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMenu: VMenu
-    VMessages: VMessages
     VNumberInput: VNumberInput
-    VOverlay: VOverlay
     VOtpInput: VOtpInput
+    VOverlay: VOverlay
+    VProgressCircular: VProgressCircular
+    VRadioGroup: VRadioGroup
     VProgressLinear: VProgressLinear
     VPagination: VPagination
-    VRadioGroup: VRadioGroup
-    VProgressCircular: VProgressCircular
-    VRating: VRating
+    VSelect: VSelect
     VSelectionControl: VSelectionControl
     VSelectionControlGroup: VSelectionControlGroup
+    VRating: VRating
+    VSheet: VSheet
+    VSkeletonLoader: VSkeletonLoader
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSkeletonLoader: VSkeletonLoader
-    VSheet: VSheet
-    VSelect: VSelect
-    VSlider: VSlider
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
@@ -101901,49 +101902,49 @@ declare module 'vue' {
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
     VSnackbar: VSnackbar
-    VSwitch: VSwitch
+    VSlider: VSlider
     VSystemBar: VSystemBar
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
+    VSwitch: VSwitch
     VTextarea: VTextarea
+    VTable: VTable
+    VTextField: VTextField
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTable: VTable
-    VTextField: VTextField
-    VToolbar: VToolbar
-    VToolbarTitle: VToolbarTitle
-    VToolbarItems: VToolbarItems
     VTooltip: VTooltip
     VWindow: VWindow
     VWindowItem: VWindowItem
-    VBreadcrumbs: VBreadcrumbs
-    VBreadcrumbsItem: VBreadcrumbsItem
-    VBreadcrumbsDivider: VBreadcrumbsDivider
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
+    VToolbar: VToolbar
+    VToolbarTitle: VToolbarTitle
+    VToolbarItems: VToolbarItems
+    VMain: VMain
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
+    VForm: VForm
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
-    VForm: VForm
     VHover: VHover
-    VLocaleProvider: VLocaleProvider
     VLayout: VLayout
     VLayoutItem: VLayoutItem
     VLazy: VLazy
+    VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
-    VParallax: VParallax
     VRadio: VRadio
+    VParallax: VParallax
     VRangeSlider: VRangeSlider
+    VResponsive: VResponsive
     VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
     VSpeedDial: VSpeedDial
-    VThemeProvider: VThemeProvider
-    VVirtualScroll: VVirtualScroll
     VValidation: VValidation
+    VVirtualScroll: VVirtualScroll
+    VThemeProvider: VThemeProvider
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -101960,29 +101961,28 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VResponsive: VResponsive
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VIconBtn: VIconBtn
-    VColorInput: VColorInput
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
-    VTreeview: VTreeview
-    VTreeviewItem: VTreeviewItem
-    VTreeviewGroup: VTreeviewGroup
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
+    VIconBtn: VIconBtn
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
     VPicker: VPicker
     VPickerTitle: VPickerTitle
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
     VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
+    VColorInput: VColorInput
+    VTreeview: VTreeview
+    VTreeviewItem: VTreeviewItem
+    VTreeviewGroup: VTreeviewGroup
   }
 }

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.9-master.2025-06-12
+* Vuetify v3.8.9-master.2025-06-14
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -609,6 +609,13 @@ function camelizeProps(props) {
   }
   return out;
 }
+function onlyDefinedProps(props) {
+  const booleanAttributes = ['checked', 'disabled'];
+  return Object.fromEntries(Object.entries(props).filter(_ref => {
+    let [key, v] = _ref;
+    return booleanAttributes.includes(key) ? !!v : v !== undefined;
+  }));
+}
 
 // Utilities
 const block = ['top', 'bottom'];
@@ -3321,10 +3328,10 @@ const MaybeTransition = (props, _ref) => {
   } = isObject(transition) ? transition : {};
   let transitionProps;
   if (isObject(transition)) {
-    transitionProps = mergeProps(customProps, JSON.parse(JSON.stringify({
+    transitionProps = mergeProps(customProps, onlyDefinedProps({
       disabled,
       group
-    })), rest);
+    }), rest);
   } else {
     transitionProps = mergeProps({
       name: disabled || !transition ? '' : transition
@@ -11945,7 +11952,11 @@ const VField = genericComponent()({
         default: slots.loader
       }), hasPrepend && createElementVNode("div", {
         "key": "prepend",
-        "class": "v-field__prepend-inner"
+        "class": "v-field__prepend-inner",
+        "onMousedown": e => {
+          e.preventDefault();
+          e.stopPropagation();
+        }
       }, [props.prependInnerIcon && createVNode(InputIcon, {
         "key": "prepend-icon",
         "name": "prependInner",
@@ -12014,7 +12025,11 @@ const VField = genericComponent()({
         })]), [[vShow, props.dirty]])]
       }), hasAppend && createElementVNode("div", {
         "key": "append",
-        "class": "v-field__append-inner"
+        "class": "v-field__append-inner",
+        "onMousedown": e => {
+          e.preventDefault();
+          e.stopPropagation();
+        }
       }, [slots['append-inner']?.(slotProps.value), props.appendInnerIcon && createVNode(InputIcon, {
         "key": "append-icon",
         "name": "appendInner",
@@ -22473,9 +22488,7 @@ const VDatePickerYears = genericComponent()({
     const yearRef = templateRef();
     onMounted(async () => {
       await nextTick();
-      yearRef.el?.scrollIntoView({
-        block: 'center'
-      });
+      yearRef.el?.focus();
     });
     function isYearAllowed(year) {
       if (Array.isArray(props.allowedYears) && props.allowedYears.length) {
@@ -22611,8 +22624,16 @@ const VDatePicker = genericComponent()({
       return value && adapter.isValid(value) ? value : today;
     });
     const headerColor = toRef(() => props.headerColor ?? props.color);
-    const month = ref(Number(props.month ?? adapter.getMonth(adapter.startOfMonth(internal.value))));
-    const year = ref(Number(props.year ?? adapter.getYear(adapter.startOfYear(adapter.setMonth(internal.value, month.value)))));
+    const _month = useProxiedModel(props, 'month');
+    const month = computed({
+      get: () => Number(_month.value ?? adapter.getMonth(adapter.startOfMonth(internal.value))),
+      set: v => _month.value = v
+    });
+    const _year = useProxiedModel(props, 'year');
+    const year = computed({
+      get: () => Number(_year.value ?? adapter.getYear(adapter.startOfYear(adapter.setMonth(internal.value, month.value)))),
+      set: v => _year.value = v
+    });
     const isReversing = shallowRef(false);
     const header = computed(() => {
       if (props.multiple && model.value.length > 1) {
@@ -22696,9 +22717,9 @@ const VDatePicker = genericComponent()({
       } else {
         year.value++;
         month.value = 0;
-        onUpdateYear(year.value);
+        onUpdateYear();
       }
-      onUpdateMonth(month.value);
+      onUpdateMonth();
     }
     function onClickPrev() {
       if (month.value > 0) {
@@ -22706,9 +22727,9 @@ const VDatePicker = genericComponent()({
       } else {
         year.value--;
         month.value = 11;
-        onUpdateYear(year.value);
+        onUpdateYear();
       }
-      onUpdateMonth(month.value);
+      onUpdateMonth();
     }
     function onClickDate() {
       viewMode.value = 'month';
@@ -22719,13 +22740,11 @@ const VDatePicker = genericComponent()({
     function onClickYear() {
       viewMode.value = viewMode.value === 'year' ? 'month' : 'year';
     }
-    function onUpdateMonth(value) {
+    function onUpdateMonth() {
       if (viewMode.value === 'months') onClickMonth();
-      emit('update:month', value);
     }
-    function onUpdateYear(value) {
+    function onUpdateYear() {
       if (viewMode.value === 'year') onClickYear();
-      emit('update:year', value);
     }
     watch(model, (val, oldVal) => {
       const arrBefore = wrapInArray(oldVal);
@@ -22737,11 +22756,11 @@ const VDatePicker = genericComponent()({
       const newYear = adapter.getYear(after);
       if (newMonth !== month.value) {
         month.value = newMonth;
-        onUpdateMonth(month.value);
+        onUpdateMonth();
       }
       if (newYear !== year.value) {
         year.value = newYear;
-        onUpdateYear(year.value);
+        onUpdateYear();
       }
       isReversing.value = adapter.isBefore(before, after);
     });
@@ -29823,6 +29842,7 @@ const VFileUploadItem = genericComponent()({
         "class": "v-file-upload-item"
       }), {
         ...slots,
+        title: () => props?.title ?? props.file?.name,
         prepend: slotProps => createElementVNode(Fragment, null, [!slots.prepend ? createVNode(VAvatar, {
           "icon": props.fileIcon,
           "image": preview.value,
@@ -30671,6 +30691,7 @@ const VTimePickerClock = genericComponent()({
     const isDragging = ref(false);
     const valueOnMouseDown = ref(null);
     const valueOnMouseUp = ref(null);
+    const emitChangeDebounced = debounce(value => emit('change', value), 750);
     const {
       textColorClasses,
       textColorStyles
@@ -30716,6 +30737,7 @@ const VTimePickerClock = genericComponent()({
       if (value !== props.displayedValue) {
         update(value);
       }
+      emitChangeDebounced(value);
     }
     function isInner(value) {
       return props.double && value - props.min >= roundCount.value;
@@ -32149,7 +32171,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.9-master.2025-06-12";
+const version$1 = "3.8.9-master.2025-06-14";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -32447,7 +32469,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.8.9-master.2025-06-12";
+const version = "3.8.9-master.2025-06-14";
 
 /* eslint-disable local-rules/sort-imports */