@vuetify/nightly 3.8.0-beta.0-dev.2025-03-24 → 3.8.0-beta.0-dev.2025-03-26

package/dist/vuetify.d.ts

@@ -23044,20 +23044,12 @@ declare const VDataTableHeaders: {
 }>>;
 type VDataTableHeaders = InstanceType<typeof VDataTableHeaders>;
 
-type VDataTableGroupHeaderRowSlots = {
-    'data-table-group': {
-        item: Group;
-        count: number;
-        props: Record<string, unknown>;
-    };
-    'data-table-select': {
-        props: Record<string, unknown>;
-    };
+type VDataTableItemCellColumnSlotProps<T> = Omit<ItemKeySlot<T>, 'value'> & {
+    props: Record<string, unknown>;
 };
-
 type VDataTableRowSlots<T> = {
-    'item.data-table-select': Omit<ItemKeySlot<T>, 'value'>;
-    'item.data-table-expand': Omit<ItemKeySlot<T>, 'value'>;
+    'item.data-table-select': VDataTableItemCellColumnSlotProps<T>;
+    'item.data-table-expand': VDataTableItemCellColumnSlotProps<T>;
     'header.data-table-select': VDataTableHeaderCellColumnSlotProps;
     'header.data-table-expand': VDataTableHeaderCellColumnSlotProps;
 } & {
@@ -23078,8 +23070,8 @@ declare const VDataTableRow: {
     }, true, {}, vue.SlotsType<Partial<{
         [x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode[];
         [x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
-        'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
-        'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
+        'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<unknown>) => vue.VNode[];
+        'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<unknown>) => vue.VNode[];
         'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
@@ -23116,8 +23108,8 @@ declare const VDataTableRow: {
 }, {}, string, vue.SlotsType<Partial<{
     [x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode[];
     [x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
-    'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
-    'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
+    'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<unknown>) => vue.VNode[];
+    'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<unknown>) => vue.VNode[];
     'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
 }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
@@ -23150,6 +23142,17 @@ declare const VDataTableRow: {
 }>>;
 type VDataTableRow = InstanceType<typeof VDataTableRow>;
 
+type VDataTableGroupHeaderRowSlots = {
+    'data-table-group': {
+        item: Group;
+        count: number;
+        props: Record<string, unknown>;
+    };
+    'data-table-select': {
+        props: Record<string, unknown>;
+    };
+};
+
 type VDataTableRowsSlots<T> = VDataTableGroupHeaderRowSlots & VDataTableRowSlots<T> & {
     item: ItemSlot$1<T> & {
         props: Record<string, any>;
@@ -23186,8 +23189,8 @@ declare const VDataTableRows: {
         'data-table-select': (arg: {
             props: Record<string, unknown>;
         }) => vue.VNode[];
-        'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
-        'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
+        'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<unknown>) => vue.VNode[];
+        'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<unknown>) => vue.VNode[];
         'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         item: (arg: {
@@ -23259,8 +23262,8 @@ declare const VDataTableRows: {
     'data-table-select': (arg: {
         props: Record<string, unknown>;
     }) => vue.VNode[];
-    'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
-    'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
+    'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<unknown>) => vue.VNode[];
+    'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<unknown>) => vue.VNode[];
     'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     item: (arg: {
@@ -23505,8 +23508,8 @@ declare const VDataTable: {
         'data-table-select': (arg: {
             props: Record<string, unknown>;
         }) => vue.VNode[];
-        'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
-        'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
+        'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
+        'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
         'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         item: (arg: {
@@ -23806,8 +23809,8 @@ declare const VDataTable: {
     'data-table-select': (arg: {
         props: Record<string, unknown>;
     }) => vue.VNode[];
-    'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
-    'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
+    'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
+    'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
     'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     item: (arg: {
@@ -24597,8 +24600,8 @@ declare const VDataTableVirtual: {
         'data-table-select': (arg: {
             props: Record<string, unknown>;
         }) => vue.VNode[];
-        'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
-        'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
+        'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
+        'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
         'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         item: (arg: {
@@ -24920,8 +24923,8 @@ declare const VDataTableVirtual: {
     'data-table-select': (arg: {
         props: Record<string, unknown>;
     }) => vue.VNode[];
-    'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
-    'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
+    'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
+    'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
     'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     item: (arg: {
@@ -25371,8 +25374,8 @@ declare const VDataTableServer: {
         'data-table-select': (arg: {
             props: Record<string, unknown>;
         }) => vue.VNode[];
-        'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
-        'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
+        'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
+        'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
         'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         item: (arg: {
@@ -25743,8 +25746,8 @@ declare const VDataTableServer: {
     'data-table-select': (arg: {
         props: Record<string, unknown>;
     }) => vue.VNode[];
-    'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
-    'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
+    'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
+    'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
     'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     item: (arg: {
@@ -65368,42 +65371,39 @@ declare module 'vue' {
   }
   export interface GlobalComponents {
     VApp: VApp
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
+    VAutocomplete: VAutocomplete
     VAvatar: VAvatar
+    VBadge: VBadge
+    VBottomNavigation: VBottomNavigation
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
-    VBottomNavigation: VBottomNavigation
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBadge: VBadge
-    VAutocomplete: VAutocomplete
-    VBottomSheet: VBottomSheet
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
+    VBtnToggle: VBtnToggle
+    VBtn: VBtn
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
-    VBtn: VBtn
-    VBtnToggle: VBtnToggle
+    VBottomSheet: VBottomSheet
     VBtnGroup: VBtnGroup
+    VChip: VChip
+    VChipGroup: VChipGroup
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
+    VCode: VCode
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VChip: VChip
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
-    VCode: VCode
-    VChipGroup: VChipGroup
-    VColorPicker: VColorPicker
-    VCombobox: VCombobox
     VCounter: VCounter
-    VDialog: VDialog
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
@@ -65417,28 +65417,31 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
+    VColorPicker: VColorPicker
+    VCombobox: VCombobox
     VEmptyState: VEmptyState
+    VDialog: VDialog
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
     VDivider: VDivider
-    VFooter: VFooter
     VFab: VFab
     VFileInput: VFileInput
     VField: VField
     VFieldLabel: VFieldLabel
+    VFooter: VFooter
+    VImg: VImg
     VInfiniteScroll: VInfiniteScroll
+    VKbd: VKbd
+    VInput: VInput
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VKbd: VKbd
-    VImg: VImg
     VItemGroup: VItemGroup
     VItem: VItem
-    VInput: VInput
     VLabel: VLabel
     VMenu: VMenu
     VList: VList
@@ -65450,43 +65453,43 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VNavigationDrawer: VNavigationDrawer
     VMain: VMain
-    VOverlay: VOverlay
+    VOtpInput: VOtpInput
     VMessages: VMessages
-    VNumberInput: VNumberInput
+    VNavigationDrawer: VNavigationDrawer
     VPagination: VPagination
+    VOverlay: VOverlay
+    VProgressCircular: VProgressCircular
+    VNumberInput: VNumberInput
     VRadioGroup: VRadioGroup
-    VOtpInput: VOtpInput
+    VSelectionControl: VSelectionControl
     VProgressLinear: VProgressLinear
-    VSelect: VSelect
-    VProgressCircular: VProgressCircular
     VRating: VRating
-    VSelectionControl: VSelectionControl
     VSelectionControlGroup: VSelectionControlGroup
-    VSheet: VSheet
-    VSlider: VSlider
+    VSelect: VSelect
     VSkeletonLoader: VSkeletonLoader
+    VSheet: VSheet
     VSnackbar: VSnackbar
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
+    VSlider: VSlider
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
     VSystemBar: VSystemBar
-    VTextarea: VTextarea
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
     VSwitch: VSwitch
     VTable: VTable
     VTextField: VTextField
+    VTextarea: VTextarea
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
     VTooltip: VTooltip
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
@@ -65501,10 +65504,10 @@ declare module 'vue' {
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
-    VLayout: VLayout
-    VLayoutItem: VLayoutItem
     VHover: VHover
     VLazy: VLazy
+    VLayout: VLayout
+    VLayoutItem: VLayoutItem
     VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
     VParallax: VParallax
@@ -65512,8 +65515,8 @@ declare module 'vue' {
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
     VSnackbarQueue: VSnackbarQueue
-    VSpeedDial: VSpeedDial
     VSparkline: VSparkline
+    VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
     VValidation: VValidation
     VVirtualScroll: VVirtualScroll
@@ -65533,25 +65536,25 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
+    VTimePicker: VTimePicker
+    VTimePickerClock: VTimePickerClock
+    VTimePickerControls: VTimePickerControls
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
-    VTimePicker: VTimePicker
-    VTimePickerClock: VTimePickerClock
-    VTimePickerControls: VTimePickerControls
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
     VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
   }

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.0-beta.0-dev.2025-03-24
+* Vuetify v3.8.0-beta.0-dev.2025-03-26
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -158,7 +158,7 @@ function has(obj, key) {
 function pick(obj, paths) {
   const found = {};
   for (const key of paths) {
-    if (Object.hasOwn(obj, key)) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
       found[key] = obj[key];
     }
   }
@@ -4947,7 +4947,7 @@ const VIcon = genericComponent()({
     const slotIcon = ref();
     const {
       themeClasses
-    } = provideTheme(props);
+    } = useTheme();
     const {
       iconData
     } = useIcon(computed(() => slotIcon.value || props.icon));
@@ -20832,22 +20832,37 @@ const VDataTableRow = genericComponent()({
         "width": !mobile.value ? column.width : undefined
       }, cellProps, columnCellProps), {
         default: () => {
-          if (slots[slotName] && !mobile.value) return slots[slotName]?.(slotProps);
           if (column.key === 'data-table-select') {
-            return slots['item.data-table-select']?.(slotProps) ?? createVNode(VCheckboxBtn, {
+            return slots['item.data-table-select']?.({
+              ...slotProps,
+              props: {
+                disabled: !item.selectable,
+                modelValue: isSelected([item]),
+                onClick: withModifiers(() => toggleSelect(item), ['stop'])
+              }
+            }) ?? createVNode(VCheckboxBtn, {
               "disabled": !item.selectable,
               "modelValue": isSelected([item]),
               "onClick": withModifiers(event => toggleSelect(item, props.index, event), ['stop'])
             }, null);
           }
           if (column.key === 'data-table-expand') {
-            return slots['item.data-table-expand']?.(slotProps) ?? createVNode(VBtn, {
+            return slots['item.data-table-expand']?.({
+              ...slotProps,
+              props: {
+                icon: isExpanded(item) ? '$collapse' : '$expand',
+                size: 'small',
+                variant: 'text',
+                onClick: withModifiers(() => toggleExpand(item), ['stop'])
+              }
+            }) ?? createVNode(VBtn, {
               "icon": isExpanded(item) ? '$collapse' : '$expand',
               "size": "small",
               "variant": "text",
               "onClick": withModifiers(() => toggleExpand(item), ['stop'])
             }, null);
           }
+          if (slots[slotName] && !mobile.value) return slots[slotName](slotProps);
           const displayValue = toDisplayString(slotProps.value);
           return !mobile.value ? displayValue : createVNode(Fragment, null, [createVNode("div", {
             "class": "v-data-table__td-title"
@@ -22190,7 +22205,7 @@ const makeCalendarProps = propsFactory({
 }, 'calendar');
 function useCalendar(props) {
   const adapter = useDate();
-  const model = useProxiedModel(props, 'modelValue', [], v => wrapInArray(v));
+  const model = useProxiedModel(props, 'modelValue', [], v => wrapInArray(v).map(i => adapter.date(i)));
   const displayValue = computed(() => {
     if (props.displayValue) return adapter.date(props.displayValue);
     if (model.value.length > 0) return adapter.date(model.value[0]);
@@ -22703,7 +22718,7 @@ const VDatePicker = genericComponent()({
     const {
       rtlClasses
     } = useRtl();
-    const model = useProxiedModel(props, 'modelValue', undefined, v => wrapInArray(v), v => props.multiple ? v : v[0]);
+    const model = useProxiedModel(props, 'modelValue', undefined, v => wrapInArray(v).map(i => adapter.date(i)), v => props.multiple ? v : v[0]);
     const viewMode = useProxiedModel(props, 'viewMode');
     // const inputMode = useProxiedModel(props, 'inputMode')
 
@@ -29175,7 +29190,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.0-beta.0-dev.2025-03-24";
+const version$1 = "3.8.0-beta.0-dev.2025-03-26";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29200,7 +29215,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.0-beta.0-dev.2025-03-24";
+const version = "3.8.0-beta.0-dev.2025-03-26";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };