@vuetify/nightly 3.8.10-master.2025-06-19 → 3.8.11-master.2025-06-24

package/dist/vuetify-labs.d.ts

@@ -101805,24 +101805,22 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
     VApp: VApp
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
     VAvatar: VAvatar
-    VBadge: VBadge
+    VAutocomplete: VAutocomplete
+    VBottomNavigation: VBottomNavigation
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBottomNavigation: VBottomNavigation
-    VAutocomplete: VAutocomplete
+    VBottomSheet: VBottomSheet
+    VBadge: VBadge
+    VBtnToggle: VBtnToggle
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBottomSheet: VBottomSheet
-    VBtnGroup: VBtnGroup
     VBtn: VBtn
     VCard: VCard
     VCardActions: VCardActions
@@ -101830,23 +101828,18 @@ declare module 'vue' {
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VBtnToggle: VBtnToggle
-    VChipGroup: VChipGroup
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VColorPicker: VColorPicker
     VChip: VChip
+    VBtnGroup: VBtnGroup
+    VChipGroup: VChipGroup
     VCode: VCode
-    VCombobox: VCombobox
     VCounter: VCounter
-    VDatePicker: VDatePicker
-    VDatePickerControls: VDatePickerControls
-    VDatePickerHeader: VDatePickerHeader
-    VDatePickerMonth: VDatePickerMonth
-    VDatePickerMonths: VDatePickerMonths
-    VDatePickerYears: VDatePickerYears
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
+    VCombobox: VCombobox
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -101854,30 +101847,37 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
+    VColorPicker: VColorPicker
+    VDatePicker: VDatePicker
+    VDatePickerControls: VDatePickerControls
+    VDatePickerHeader: VDatePickerHeader
+    VDatePickerMonth: VDatePickerMonth
+    VDatePickerMonths: VDatePickerMonths
+    VDatePickerYears: VDatePickerYears
     VDialog: VDialog
+    VEmptyState: VEmptyState
     VDivider: VDivider
+    VFooter: VFooter
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
+    VFab: VFab
     VField: VField
     VFieldLabel: VFieldLabel
-    VFab: VFab
-    VFileInput: VFileInput
-    VEmptyState: VEmptyState
-    VFooter: VFooter
-    VImg: VImg
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VInfiniteScroll: VInfiniteScroll
-    VKbd: VKbd
-    VLabel: VLabel
+    VFileInput: VFileInput
+    VImg: VImg
     VInput: VInput
     VItemGroup: VItemGroup
     VItem: VItem
+    VKbd: VKbd
+    VLabel: VLabel
+    VInfiniteScroll: VInfiniteScroll
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -101887,26 +101887,25 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMain: VMain
     VMenu: VMenu
+    VMain: VMain
     VMessages: VMessages
     VNumberInput: VNumberInput
     VNavigationDrawer: VNavigationDrawer
     VPagination: VPagination
+    VProgressCircular: VProgressCircular
     VOtpInput: VOtpInput
     VOverlay: VOverlay
     VProgressLinear: VProgressLinear
-    VProgressCircular: VProgressCircular
-    VRating: VRating
     VRadioGroup: VRadioGroup
     VSelectionControl: VSelectionControl
     VSelectionControlGroup: VSelectionControlGroup
-    VSelect: VSelect
+    VRating: VRating
     VSkeletonLoader: VSkeletonLoader
-    VSheet: VSheet
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSlider: VSlider
+    VSelect: VSelect
+    VSheet: VSheet
     VSnackbar: VSnackbar
     VStepper: VStepper
     VStepperActions: VStepperActions
@@ -101914,6 +101913,7 @@ declare module 'vue' {
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
+    VSlider: VSlider
     VSwitch: VSwitch
     VTab: VTab
     VTabs: VTabs
@@ -101921,24 +101921,22 @@ declare module 'vue' {
     VTabsWindowItem: VTabsWindowItem
     VTable: VTable
     VSystemBar: VSystemBar
-    VTextarea: VTextarea
-    VToolbar: VToolbar
-    VToolbarTitle: VToolbarTitle
-    VToolbarItems: VToolbarItems
-    VTextField: VTextField
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
     VTooltip: VTooltip
+    VToolbar: VToolbar
+    VToolbarTitle: VToolbarTitle
+    VToolbarItems: VToolbarItems
     VWindow: VWindow
     VWindowItem: VWindowItem
-    VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
-    VForm: VForm
+    VConfirmEdit: VConfirmEdit
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
+    VForm: VForm
     VHover: VHover
     VLayout: VLayout
     VLayoutItem: VLayoutItem
@@ -101955,6 +101953,8 @@ declare module 'vue' {
     VThemeProvider: VThemeProvider
     VValidation: VValidation
     VVirtualScroll: VVirtualScroll
+    VTextField: VTextField
+    VTextarea: VTextarea
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -101971,27 +101971,27 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
+    VColorInput: VColorInput
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VColorInput: VColorInput
+    VIconBtn: VIconBtn
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
     VPicker: VPicker
     VPickerTitle: VPickerTitle
-    VIconBtn: VIconBtn
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
     VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
   }

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.10-master.2025-06-19
+* Vuetify v3.8.11-master.2025-06-24
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -9709,7 +9709,7 @@ function useItems(props) {
 function transformItem$2(props, item) {
   const type = getPropertyFromItem(item, props.itemType, 'item');
   const title = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemTitle);
-  const value = getPropertyFromItem(item, props.itemValue, undefined);
+  const value = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemValue, undefined);
   const children = getPropertyFromItem(item, props.itemChildren);
   const itemProps = props.itemProps === true ? omit(item, ['children']) : getPropertyFromItem(item, props.itemProps);
   const _props = {
@@ -11954,11 +11954,7 @@ const VField = genericComponent()({
         default: slots.loader
       }), hasPrepend && createElementVNode("div", {
         "key": "prepend",
-        "class": "v-field__prepend-inner",
-        "onMousedown": e => {
-          e.preventDefault();
-          e.stopPropagation();
-        }
+        "class": "v-field__prepend-inner"
       }, [props.prependInnerIcon && createVNode(InputIcon, {
         "key": "prepend-icon",
         "name": "prependInner",
@@ -12027,11 +12023,7 @@ const VField = genericComponent()({
         })]), [[vShow, props.dirty]])]
       }), hasAppend && createElementVNode("div", {
         "key": "append",
-        "class": "v-field__append-inner",
-        "onMousedown": e => {
-          e.preventDefault();
-          e.stopPropagation();
-        }
+        "class": "v-field__append-inner"
       }, [slots['append-inner']?.(slotProps.value), props.appendInnerIcon && createVNode(InputIcon, {
         "key": "append-icon",
         "name": "appendInner",
@@ -15225,6 +15217,7 @@ const VCarousel = genericComponent()({
               }) : createVNode(VBtn, mergeProps(item, props), null);
             })]
           })]), props.progress && createVNode(VProgressLinear, {
+            "absolute": true,
             "class": "v-carousel__progress",
             "color": typeof props.progress === 'string' ? props.progress : undefined,
             "modelValue": (group.getItemIndex(model.value) + 1) / group.items.value.length * 100
@@ -22105,8 +22098,11 @@ function useCalendar(props) {
   }, v => adapter.getMonth(v));
   const weekDays = computed(() => {
     const firstDayOfWeek = adapter.toJsDate(adapter.startOfWeek(adapter.date(), props.firstDayOfWeek)).getDay();
-    // Always generate all days, regardless of props.weekdays
-    return [0, 1, 2, 3, 4, 5, 6].map(day => (day + firstDayOfWeek) % 7);
+    return props.weekdays.map(day => (day + firstDayOfWeek) % 7);
+  });
+  const weekdayLabels = computed(() => {
+    const labels = adapter.getWeekdays(props.firstDayOfWeek);
+    return weekDays.value.map(day => labels[day]);
   });
   const weeksInMonth = computed(() => {
     const weeks = adapter.getWeekArray(month.value, props.firstDayOfWeek);
@@ -22187,7 +22183,7 @@ function useCalendar(props) {
     if (typeof props.allowedDates === 'function') {
       return !props.allowedDates(date);
     }
-    return !props.weekdays.includes(adapter.toJsDate(date).getDay());
+    return false;
   }
   return {
     displayValue,
@@ -22197,6 +22193,7 @@ function useCalendar(props) {
     model,
     weeksInMonth,
     weekDays,
+    weekdayLabels,
     weekNumbers
   };
 }
@@ -22235,7 +22232,9 @@ const VDatePickerMonth = genericComponent()({
     const {
       daysInMonth,
       model,
-      weekNumbers
+      weekNumbers,
+      weekDays,
+      weekdayLabels
     } = useCalendar(props);
     const adapter = useDate();
     const rangeStart = shallowRef();
@@ -22307,7 +22306,10 @@ const VDatePickerMonth = genericComponent()({
       }
     }
     useRender(() => createElementVNode("div", {
-      "class": "v-date-picker-month"
+      "class": "v-date-picker-month",
+      "style": {
+        '--v-date-picker-days-in-week': weekDays.value.length
+      }
     }, [props.showWeek && createElementVNode("div", {
       "key": "weeks",
       "class": "v-date-picker-month__weeks"
@@ -22323,7 +22325,7 @@ const VDatePickerMonth = genericComponent()({
         "ref": daysRef,
         "key": daysInMonth.value[0].date?.toString(),
         "class": "v-date-picker-month__days"
-      }, [!props.hideWeekdays && adapter.getWeekdays(props.firstDayOfWeek).map(weekDay => createElementVNode("div", {
+      }, [!props.hideWeekdays && weekdayLabels.value.map(weekDay => createElementVNode("div", {
         "class": normalizeClass(['v-date-picker-month__day', 'v-date-picker-month__weekday'])
       }, [weekDay])), daysInMonth.value.map((item, i) => {
         const slotProps = {
@@ -24925,6 +24927,8 @@ function useHold(_ref) {
   function holdStart(value) {
     holdStop();
     tick(value);
+    window.addEventListener('pointerup', holdStop);
+    document.addEventListener('blur', holdStop);
     timeout = window.setTimeout(() => {
       interval = window.setInterval(() => tick(value), HOLD_REPEAT);
     }, HOLD_DELAY);
@@ -24932,6 +24936,8 @@ function useHold(_ref) {
   function holdStop() {
     window.clearTimeout(timeout);
     window.clearInterval(interval);
+    window.removeEventListener('pointerup', holdStop);
+    document.removeEventListener('blur', holdStop);
   }
   function tick(value) {
     toggleUpDown(value === 'up');
@@ -25043,7 +25049,7 @@ const VNumberInput = genericComponent()({
         onClick: onControlClick,
         onPointerup: onControlMouseup,
         onPointerdown: onUpControlMousedown,
-        onPointercancel: onControlPointerCancel
+        onPointercancel: onControlMouseup
       }
     };
     const decrementSlotProps = {
@@ -25051,7 +25057,7 @@ const VNumberInput = genericComponent()({
         onClick: onControlClick,
         onPointerup: onControlMouseup,
         onPointerdown: onDownControlMousedown,
-        onPointercancel: onControlPointerCancel
+        onPointercancel: onControlMouseup
       }
     };
     watch(() => props.precision, () => formatInputValue());
@@ -25131,7 +25137,6 @@ const VNumberInput = genericComponent()({
       const el = e.currentTarget;
       el?.releasePointerCapture(e.pointerId);
       e.preventDefault();
-      e.stopPropagation();
       holdStop();
     }
     function onUpControlMousedown(e) {
@@ -25148,11 +25153,6 @@ const VNumberInput = genericComponent()({
       e.stopPropagation();
       holdStart('down');
     }
-    function onControlPointerCancel(e) {
-      const el = e.currentTarget;
-      el?.releasePointerCapture(e.pointerId);
-      holdStop();
-    }
     function clampModel() {
       if (controlsDisabled.value) return;
       if (!vTextFieldRef.value) return;
@@ -25202,7 +25202,7 @@ const VNumberInput = genericComponent()({
           "onClick": onControlClick,
           "onPointerdown": onUpControlMousedown,
           "onPointerup": onControlMouseup,
-          "onPointercancel": onControlPointerCancel,
+          "onPointercancel": onControlMouseup,
           "size": controlNodeSize.value,
           "tabindex": "-1"
         }, null) : createVNode(VDefaultsProvider, {
@@ -25232,7 +25232,7 @@ const VNumberInput = genericComponent()({
           "onClick": onControlClick,
           "onPointerdown": onDownControlMousedown,
           "onPointerup": onControlMouseup,
-          "onPointercancel": onControlPointerCancel,
+          "onPointercancel": onControlMouseup,
           "size": controlNodeSize.value,
           "tabindex": "-1"
         }, null) : createVNode(VDefaultsProvider, {
@@ -32198,7 +32198,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.10-master.2025-06-19";
+const version$1 = "3.8.11-master.2025-06-24";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -32496,7 +32496,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.8.10-master.2025-06-19";
+const version = "3.8.11-master.2025-06-24";
 
 /* eslint-disable local-rules/sort-imports */