@vuetify/nightly 3.9.0-master.2025-07-08 → 3.9.0-master.2025-07-10

package/dist/vuetify.d.ts

@@ -93573,50 +93573,44 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: VApp
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAutocomplete: VAutocomplete
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
-    VBreadcrumbs: VBreadcrumbs
-    VBreadcrumbsItem: VBreadcrumbsItem
-    VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBadge: VBadge
+    VApp: VApp
     VAvatar: VAvatar
-    VBottomNavigation: VBottomNavigation
-    VBtn: VBtn
-    VBtnGroup: VBtnGroup
+    VBadge: VBadge
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
+    VBreadcrumbs: VBreadcrumbs
+    VBreadcrumbsItem: VBreadcrumbsItem
+    VBreadcrumbsDivider: VBreadcrumbsDivider
+    VAutocomplete: VAutocomplete
     VBottomSheet: VBottomSheet
-    VChip: VChip
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
+    VBtnToggle: VBtnToggle
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VBtnToggle: VBtnToggle
+    VBottomNavigation: VBottomNavigation
+    VChip: VChip
+    VBtnGroup: VBtnGroup
+    VCombobox: VCombobox
+    VCode: VCode
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
     VChipGroup: VChipGroup
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
     VColorPicker: VColorPicker
-    VCode: VCode
-    VCombobox: VCombobox
-    VCounter: VCounter
-    VDialog: VDialog
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
-    VDivider: VDivider
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -93624,25 +93618,33 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VEmptyState: VEmptyState
-    VFab: VFab
+    VDivider: VDivider
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
+    VDialog: VDialog
+    VCounter: VCounter
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
+    VEmptyState: VEmptyState
+    VFab: VFab
     VFileInput: VFileInput
-    VField: VField
-    VFieldLabel: VFieldLabel
     VFooter: VFooter
-    VImg: VImg
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VInfiniteScroll: VInfiniteScroll
-    VKbd: VKbd
+    VField: VField
+    VFieldLabel: VFieldLabel
+    VImg: VImg
     VInput: VInput
+    VKbd: VKbd
+    VInfiniteScroll: VInfiniteScroll
+    VLabel: VLabel
+    VMain: VMain
+    VMessages: VMessages
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -93652,30 +93654,23 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VItemGroup: VItemGroup
-    VItem: VItem
-    VLabel: VLabel
-    VMain: VMain
-    VNumberInput: VNumberInput
-    VMenu: VMenu
-    VMessages: VMessages
     VNavigationDrawer: VNavigationDrawer
-    VPagination: VPagination
-    VOtpInput: VOtpInput
     VOverlay: VOverlay
-    VRadioGroup: VRadioGroup
+    VOtpInput: VOtpInput
+    VPagination: VPagination
     VProgressLinear: VProgressLinear
     VProgressCircular: VProgressCircular
+    VRadioGroup: VRadioGroup
     VRating: VRating
     VSelect: VSelect
-    VSheet: VSheet
     VSelectionControl: VSelectionControl
-    VSkeletonLoader: VSkeletonLoader
     VSelectionControlGroup: VSelectionControlGroup
-    VSlider: VSlider
+    VSkeletonLoader: VSkeletonLoader
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
+    VSheet: VSheet
     VSnackbar: VSnackbar
+    VSlider: VSlider
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
@@ -93683,52 +93678,53 @@ declare module 'vue' {
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
     VSwitch: VSwitch
+    VTextarea: VTextarea
     VSystemBar: VSystemBar
+    VTextField: VTextField
+    VTable: VTable
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTextField: VTextField
-    VTable: VTable
+    VToolbar: VToolbar
+    VToolbarTitle: VToolbarTitle
+    VToolbarItems: VToolbarItems
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
-    VTextarea: VTextarea
     VTooltip: VTooltip
-    VToolbar: VToolbar
-    VToolbarTitle: VToolbarTitle
-    VToolbarItems: VToolbarItems
+    VWindow: VWindow
+    VWindowItem: VWindowItem
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
-    VWindow: VWindow
-    VWindowItem: VWindowItem
+    VItemGroup: VItemGroup
+    VItem: VItem
+    VMenu: VMenu
+    VBtn: VBtn
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
+    VNumberInput: VNumberInput
     VDefaultsProvider: VDefaultsProvider
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
-    VForm: VForm
     VHover: VHover
-    VLayout: VLayout
-    VLayoutItem: VLayoutItem
     VLazy: VLazy
-    VLocaleProvider: VLocaleProvider
+    VRadio: VRadio
     VNoSsr: VNoSsr
     VParallax: VParallax
     VRangeSlider: VRangeSlider
-    VRadio: VRadio
     VResponsive: VResponsive
-    VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
     VSpeedDial: VSpeedDial
+    VSnackbarQueue: VSnackbarQueue
     VThemeProvider: VThemeProvider
-    VValidation: VValidation
     VVirtualScroll: VVirtualScroll
+    VValidation: VValidation
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -93745,12 +93741,22 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
+    VLocaleProvider: VLocaleProvider
+    VLayout: VLayout
+    VLayoutItem: VLayoutItem
+    VForm: VForm
+    VCalendar: VCalendar
+    VCalendarDay: VCalendarDay
+    VCalendarHeader: VCalendarHeader
+    VCalendarInterval: VCalendarInterval
+    VCalendarIntervalEvent: VCalendarIntervalEvent
+    VCalendarMonthDay: VCalendarMonthDay
     VColorInput: VColorInput
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
-    VIconBtn: VIconBtn
     VPicker: VPicker
     VPickerTitle: VPickerTitle
+    VIconBtn: VIconBtn
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
@@ -93758,12 +93764,6 @@ declare module 'vue' {
     VDateInput: VDateInput
     VMaskInput: VMaskInput
     VPullToRefresh: VPullToRefresh
-    VCalendar: VCalendar
-    VCalendarDay: VCalendarDay
-    VCalendarHeader: VCalendarHeader
-    VCalendarInterval: VCalendarInterval
-    VCalendarIntervalEvent: VCalendarIntervalEvent
-    VCalendarMonthDay: VCalendarMonthDay
   }
   export interface GlobalDirectives {
     vClickOutside: typeof import('vuetify/directives')['ClickOutside']

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.0-master.2025-07-08
+* Vuetify v3.9.0-master.2025-07-10
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2429,7 +2429,7 @@ function createLayout(props) {
         };
         if (!isMounted.value) return styles;
         const item = items.value[index.value];
-        if (!item) throw new Error(`[Vuetify] Could not find layout item "${id}"`);
+        if (!item) consoleWarn(`[Vuetify] Could not find layout item "${id}"`);
         const overlap = computedOverlaps.value.get(id);
         if (overlap) {
           item[overlap.position] += overlap.amount;
@@ -10189,12 +10189,16 @@ const makeItemsProps = propsFactory({
   returnObject: Boolean,
   valueComparator: Function
 }, 'list-items');
+const itemTypes$1 = new Set(['item', 'divider', 'subheader']);
 function transformItem$3(props, item) {
   const title = getPropertyFromItem(item, props.itemTitle, item);
   const value = getPropertyFromItem(item, props.itemValue, title);
   const children = getPropertyFromItem(item, props.itemChildren);
-  const type = getPropertyFromItem(item, props.itemType, 'item');
   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);
+  let type = getPropertyFromItem(item, props.itemType, 'item');
+  if (!itemTypes$1.has(type)) {
+    type = 'item';
+  }
   const _props = {
     title,
     value,
@@ -10209,8 +10213,10 @@ function transformItem$3(props, item) {
     raw: item
   };
 }
+transformItem$3.neededProps = ['itemTitle', 'itemValue', 'itemChildren', 'itemProps', 'itemType'];
 function transformItems$3(props, items) {
-  const _props = pick(props, ['itemTitle', 'itemValue', 'itemChildren', 'itemProps', 'itemType', 'returnObject', 'valueComparator']);
+  // avoid reactive access in the loop
+  const _props = pick(props, transformItem$3.neededProps);
   const array = [];
   for (const item of items) {
     array.push(transformItem$3(_props, item));
@@ -10252,7 +10258,7 @@ function useItems(props) {
     const _returnObject = props.returnObject;
     const hasValueComparator = !!props.valueComparator;
     const valueComparator = props.valueComparator || deepEqual;
-    const _props = pick(props, ['itemTitle', 'itemValue', 'itemChildren', 'itemProps', 'itemType', 'returnObject', 'valueComparator']);
+    const _props = pick(props, transformItem$3.neededProps);
     const returnValue = [];
     main: for (const v of value) {
       // When the model value is null, return an InternalItem
@@ -10311,12 +10317,16 @@ function useItems(props) {
 
 // Types
 
+const itemTypes = new Set(['item', 'divider', 'subheader']);
 function transformItem$2(props, item) {
-  const type = getPropertyFromItem(item, props.itemType, 'item');
   const title = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemTitle);
   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);
+  let type = getPropertyFromItem(item, props.itemType, 'item');
+  if (!itemTypes.has(type)) {
+    type = 'item';
+  }
   const _props = {
     title,
     value,
@@ -20860,7 +20870,7 @@ const VDataTableFooter = genericComponent()({
         "onUpdate:modelValue": v => setItemsPerPage(Number(v)),
         "density": "compact",
         "variant": "outlined",
-        "hide-details": true
+        "hideDetails": true
       }, null)]), createElementVNode("div", {
         "class": "v-data-table-footer__info"
       }, [createElementVNode("div", null, [t(props.pageText, !itemsLength.value ? 0 : startIndex.value + 1, stopIndex.value, itemsLength.value)])]), createElementVNode("div", {
@@ -20869,14 +20879,14 @@ const VDataTableFooter = genericComponent()({
         "modelValue": page.value,
         "onUpdate:modelValue": $event => page.value = $event,
         "density": "comfortable",
-        "first-aria-label": props.firstPageLabel,
-        "last-aria-label": props.lastPageLabel,
+        "firstAriaLabel": props.firstPageLabel,
+        "lastAriaLabel": props.lastPageLabel,
         "length": pageCount.value,
-        "next-aria-label": props.nextPageLabel,
-        "previous-aria-label": props.prevPageLabel,
+        "nextAriaLabel": props.nextPageLabel,
+        "previousAriaLabel": props.prevPageLabel,
         "rounded": true,
-        "show-first-last-page": true,
-        "total-visible": props.showCurrentPage ? 1 : 0,
+        "showFirstLastPage": true,
+        "totalVisible": props.showCurrentPage ? 1 : 0,
         "variant": "plain"
       }, paginationProps), null)])]);
     });
@@ -24547,7 +24557,7 @@ const VFileInput = genericComponent()({
           } = _ref3;
           return createVNode(VField, mergeProps({
             "ref": vFieldRef,
-            "prepend-icon": props.prependIcon,
+            "prependIcon": props.prependIcon,
             "onMousedown": onControlMousedown,
             "onClick": onControlClick,
             "onClick:clear": onClear,
@@ -26580,8 +26590,8 @@ const VOtpInput = genericComponent()({
         "value": model.value.join('')
       }), null), createVNode(VOverlay, {
         "contained": true,
-        "content-class": "v-otp-input__loader",
-        "model-value": !!props.loading,
+        "contentClass": "v-otp-input__loader",
+        "modelValue": !!props.loading,
         "persistent": true
       }, {
         default: () => [slots.loader?.() ?? createVNode(VProgressCircular, {
@@ -27556,7 +27566,7 @@ const VSnackbar = genericComponent()({
           "ref": timerRef,
           "color": typeof props.timer === 'string' ? props.timer : 'info',
           "max": props.timeout,
-          "model-value": countdown.time.value
+          "modelValue": countdown.time.value
         }, null)]), hasContent && createElementVNode("div", {
           "key": "content",
           "class": "v-snackbar__content",
@@ -30849,7 +30859,7 @@ const VTreeview = genericComponent()({
         "class": ['v-treeview', {
           'v-treeview--fluid': props.fluid
         }, props.class],
-        "open-strategy": "multiple",
+        "openStrategy": "multiple",
         "style": props.style,
         "opened": opened.value,
         "activated": activated.value,
@@ -31382,7 +31392,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.9.0-master.2025-07-08";
+const version$1 = "3.9.0-master.2025-07-10";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31407,7 +31417,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.9.0-master.2025-07-08";
+const version = "3.9.0-master.2025-07-10";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useRtl, useTheme, version };