@vuetify/nightly 3.8.8-master.2025-06-07 → 3.8.8-master.2025-06-10

package/dist/vuetify.d.ts

@@ -86,7 +86,6 @@ declare function useRtl(): {
 
 interface DateInstance extends DateModule.InternalAdapter {
     locale?: any;
-    createDateRange: (start: unknown, stop?: unknown) => unknown[];
 }
 /** Supports module augmentation to specify date adapter types */
 declare namespace DateModule {
@@ -85821,7 +85820,6 @@ declare const createVuetify: {
             options: InternalDateOptions;
             instance: {
                 locale?: any;
-                createDateRange: (start: unknown, stop?: unknown) => unknown[];
                 date: (value?: any) => unknown;
                 format: (date: unknown, formatString: string) => string;
                 toJsDate: (value: unknown) => Date;
@@ -85865,8 +85863,6 @@ declare const createVuetify: {
                 setHours: (date: unknown, hours: number) => unknown;
                 getMinutes: (date: unknown) => number;
                 setMinutes: (date: unknown, minutes: number) => unknown;
-            } & {
-                createDateRange(start: unknown, stop?: unknown): unknown[];
             };
         };
         goTo: GoToInstance;
@@ -85915,45 +85911,37 @@ declare module 'vue' {
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
+    VApp: VApp
     VAlert: VAlert
     VAlertTitle: VAlertTitle
-    VAvatar: VAvatar
-    VApp: VApp
-    VBadge: VBadge
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
+    VAvatar: VAvatar
     VAutocomplete: VAutocomplete
-    VBottomSheet: VBottomSheet
+    VBtn: VBtn
+    VBadge: VBadge
+    VBottomNavigation: VBottomNavigation
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBottomNavigation: VBottomNavigation
-    VBtn: VBtn
-    VBtnToggle: VBtnToggle
     VBtnGroup: VBtnGroup
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
+    VBottomSheet: VBottomSheet
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VDataTable: VDataTable
-    VDataTableHeaders: VDataTableHeaders
-    VDataTableFooter: VDataTableFooter
-    VDataTableRows: VDataTableRows
-    VDataTableRow: VDataTableRow
-    VDataTableVirtual: VDataTableVirtual
-    VDataTableServer: VDataTableServer
-    VCode: VCode
+    VBtnToggle: VBtnToggle
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
+    VChip: VChip
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VChip: VChip
-    VCounter: VCounter
-    VChipGroup: VChipGroup
     VCombobox: VCombobox
+    VChipGroup: VChipGroup
+    VCode: VCode
     VColorPicker: VColorPicker
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
@@ -85961,29 +85949,37 @@ declare module 'vue' {
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
-    VDivider: VDivider
+    VCounter: VCounter
     VDialog: VDialog
+    VDataTable: VDataTable
+    VDataTableHeaders: VDataTableHeaders
+    VDataTableFooter: VDataTableFooter
+    VDataTableRows: VDataTableRows
+    VDataTableRow: VDataTableRow
+    VDataTableVirtual: VDataTableVirtual
+    VDataTableServer: VDataTableServer
+    VDivider: VDivider
+    VEmptyState: VEmptyState
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
     VFab: VFab
-    VFooter: VFooter
-    VFileInput: VFileInput
     VField: VField
     VFieldLabel: VFieldLabel
+    VFileInput: VFileInput
+    VInfiniteScroll: VInfiniteScroll
+    VFooter: VFooter
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VInfiniteScroll: VInfiniteScroll
+    VImg: VImg
     VInput: VInput
-    VKbd: VKbd
+    VLabel: VLabel
     VItemGroup: VItemGroup
     VItem: VItem
-    VLabel: VLabel
-    VImg: VImg
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -85993,23 +85989,26 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
+    VKbd: VKbd
     VMenu: VMenu
     VMain: VMain
-    VNavigationDrawer: VNavigationDrawer
-    VNumberInput: VNumberInput
-    VOverlay: VOverlay
     VMessages: VMessages
     VOtpInput: VOtpInput
-    VProgressCircular: VProgressCircular
     VPagination: VPagination
+    VNavigationDrawer: VNavigationDrawer
+    VNumberInput: VNumberInput
     VProgressLinear: VProgressLinear
+    VOverlay: VOverlay
+    VProgressCircular: VProgressCircular
+    VSelect: VSelect
     VRadioGroup: VRadioGroup
     VRating: VRating
-    VSelect: VSelect
     VSelectionControlGroup: VSelectionControlGroup
-    VSkeletonLoader: VSkeletonLoader
-    VSheet: VSheet
     VSelectionControl: VSelectionControl
+    VSheet: VSheet
+    VSlider: VSlider
+    VSkeletonLoader: VSkeletonLoader
+    VSnackbar: VSnackbar
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
     VStepper: VStepper
@@ -86018,44 +86017,44 @@ declare module 'vue' {
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSnackbar: VSnackbar
-    VSlider: VSlider
-    VSystemBar: VSystemBar
     VSwitch: VSwitch
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
+    VTextField: VTextField
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTextField: VTextField
+    VTable: VTable
+    VSystemBar: VSystemBar
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
     VTextarea: VTextarea
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
-    VTooltip: VTooltip
     VWindow: VWindow
     VWindowItem: VWindowItem
-    VConfirmEdit: VConfirmEdit
-    VTable: VTable
+    VTooltip: VTooltip
     VDataIterator: VDataIterator
+    VConfirmEdit: VConfirmEdit
     VDefaultsProvider: VDefaultsProvider
-    VForm: VForm
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
     VHover: VHover
+    VForm: VForm
+    VLayout: VLayout
+    VLayoutItem: VLayoutItem
     VLazy: VLazy
     VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
-    VRadio: VRadio
     VParallax: VParallax
-    VRangeSlider: VRangeSlider
+    VRadio: VRadio
     VResponsive: VResponsive
+    VRangeSlider: VRangeSlider
     VSnackbarQueue: VSnackbarQueue
-    VSpeedDial: VSpeedDial
     VSparkline: VSparkline
+    VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
     VValidation: VValidation
     VVirtualScroll: VVirtualScroll
@@ -86075,31 +86074,28 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VEmptyState: VEmptyState
-    VLayout: VLayout
-    VLayoutItem: VLayoutItem
+    VColorInput: VColorInput
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VIconBtn: VIconBtn
     VPicker: VPicker
     VPickerTitle: VPickerTitle
-    VColorInput: VColorInput
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
+    VIconBtn: VIconBtn
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
-    VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
+    VDateInput: VDateInput
   }
 }

package/dist/vuetify.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.8.8-master.2025-06-07
+* Vuetify v3.8.8-master.2025-06-10
 * Forged by John Leider
 * Released under the MIT License.
 */
 
-import { shallowRef, reactive, watchEffect, toRef, capitalize, camelize, unref, Fragment, isVNode, Comment, warn, getCurrentInstance as getCurrentInstance$1, ref, computed, provide, inject as inject$1, defineComponent as defineComponent$1, h, createVNode, mergeProps, createElementVNode, normalizeClass, toValue, onBeforeUnmount, watch, readonly, onMounted, useId, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, normalizeStyle, TransitionGroup, Transition, toRefs, isRef, onBeforeMount, nextTick, withDirectives, vShow, onUpdated, Text, resolveDynamicComponent, toDisplayString, markRaw, Teleport, cloneVNode, createTextVNode, normalizeProps, guardReactiveProps, onUnmounted, onBeforeUpdate, withModifiers, vModelText, resolveComponent, render } from 'vue';
+import { shallowRef, reactive, watchEffect, toRef, capitalize, unref, Fragment, camelize, isVNode, Comment, warn, getCurrentInstance as getCurrentInstance$1, ref, computed, provide, inject as inject$1, defineComponent as defineComponent$1, h, createVNode, mergeProps, createElementVNode, normalizeClass, toValue, onBeforeUnmount, watch, readonly, onMounted, useId, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, normalizeStyle, TransitionGroup, Transition, toRefs, isRef, onBeforeMount, nextTick, withDirectives, vShow, onUpdated, Text, resolveDynamicComponent, toDisplayString, markRaw, Teleport, cloneVNode, createTextVNode, normalizeProps, guardReactiveProps, onUnmounted, onBeforeUpdate, withModifiers, vModelText, resolveComponent, render } from 'vue';
 
 const IN_BROWSER = typeof window !== 'undefined';
 const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window;
@@ -526,7 +526,6 @@ function extractNumber(text, decimalDigitsLimit) {
   return cleanText;
 }
 function camelizeProps(props) {
-  if (!props) return;
   const out = {};
   for (const prop in props) {
     out[camelize(prop)] = props[prop];
@@ -9864,7 +9863,7 @@ function transformItem$3(props, item) {
   const _props = {
     title,
     value,
-    ...camelizeProps(itemProps)
+    ...itemProps
   };
   return {
     title: String(_props.title ?? ''),
@@ -13331,6 +13330,7 @@ const VSelect = genericComponent()({
                   index,
                   itemRef
                 } = _ref2;
+                const camelizedProps = camelizeProps(item.props);
                 const itemProps = mergeProps(item.props, {
                   ref: itemRef,
                   key: item.value,
@@ -13352,10 +13352,10 @@ const VSelect = genericComponent()({
                       "modelValue": isSelected,
                       "ripple": false,
                       "tabindex": "-1"
-                    }, null) : undefined, item.props.prependAvatar && createVNode(VAvatar, {
-                      "image": item.props.prependAvatar
-                    }, null), item.props.prependIcon && createVNode(VIcon, {
-                      "icon": item.props.prependIcon
+                    }, null) : undefined, camelizedProps.prependAvatar && createVNode(VAvatar, {
+                      "image": camelizedProps.prependAvatar
+                    }, null), camelizedProps.prependIcon && createVNode(VIcon, {
+                      "icon": camelizedProps.prependIcon
                     }, null)]);
                   }
                 });
@@ -16534,7 +16534,7 @@ const VSliderThumb = genericComponent()({
         default: () => [withDirectives(createElementVNode("div", {
           "class": "v-slider-thumb__label-container"
         }, [createElementVNode("div", {
-          "class": normalizeClass(['v-slider-thumb__label'])
+          "class": normalizeClass(['v-slider-thumb__label', textColorClasses.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']])]
@@ -17803,7 +17803,7 @@ function getWeek(date, locale, firstDayOfWeek, firstWeekMinSize) {
   const yearStart = new Date(year, 0, 1);
   const size = firstWeekSize(year);
   const d1w1 = size >= minWeekSize ? addDays(yearStart, size - 7) : addDays(yearStart, size);
-  return 1 + getDiff(date, d1w1, 'weeks');
+  return 1 + getDiff(endOfDay(date), startOfDay(d1w1), 'weeks');
 }
 function getDate(date) {
   return date.getDate();
@@ -18106,6 +18106,18 @@ function createDate(options, locale) {
     instance: createInstance(_options, locale)
   };
 }
+function createDateRange(adapter, start, stop) {
+  const diff = adapter.getDiff(adapter.endOfDay(stop ?? start), adapter.startOfDay(start), 'days');
+  const datesInRange = [start];
+  for (let i = 1; i < diff; i++) {
+    const nextDate = adapter.addDays(start, i);
+    datesInRange.push(nextDate);
+  }
+  if (stop) {
+    datesInRange.push(adapter.endOfDay(stop));
+  }
+  return datesInRange;
+}
 function createInstance(options, locale) {
   const instance = reactive(typeof options.adapter === 'function'
   // eslint-disable-next-line new-cap
@@ -18116,20 +18128,7 @@ function createInstance(options, locale) {
   watch(locale.current, value => {
     instance.locale = options.locale[value] ?? value ?? instance.locale;
   });
-  return Object.assign(instance, {
-    createDateRange(start, stop) {
-      const diff = instance.getDiff(stop ?? start, start, 'days');
-      const datesInRange = [start];
-      for (let i = 1; i < diff; i++) {
-        const nextDate = instance.addDays(start, i);
-        datesInRange.push(nextDate);
-      }
-      if (stop) {
-        datesInRange.push(instance.endOfDay(stop));
-      }
-      return datesInRange;
-    }
-  });
+  return instance;
 }
 function useDate() {
   const options = inject$1(DateOptionsSymbol);
@@ -20272,6 +20271,7 @@ const VDataTableColumn = defineFunctionalComponent({
   } = _ref;
   const Tag = props.tag ?? 'td';
   return createVNode(Tag, {
+    "tabindex": "0",
     "class": normalizeClass(['v-data-table__td', {
       'v-data-table-column--fixed': props.fixed,
       'v-data-table-column--last-fixed': props.lastFixed,
@@ -20616,6 +20616,11 @@ const VDataTableHeaders = genericComponent()({
         top: props.sticky || props.fixedHeader ? `calc(var(--v-table-header-height) * ${y})` : undefined
       };
     }
+    function handleEnterKeyPress(event, column) {
+      if (event.key === 'Enter' && !props.disableSort) {
+        toggleSort(column);
+      }
+    }
     function getSortIcon(column) {
       const item = sortBy.value.find(item => item.key === column.key);
       if (!item) return props.sortAscIcon;
@@ -20672,7 +20677,9 @@ const VDataTableHeaders = genericComponent()({
         "nowrap": column.nowrap,
         "lastFixed": column.lastFixed,
         "noPadding": noPadding
-      }, headerProps), {
+      }, headerProps, {
+        "onKeydown": event => column.sortable && handleEnterKeyPress(event, column)
+      }), {
         default: () => {
           const columnSlotName = `header.${column.key}`;
           const columnSlotProps = {
@@ -22525,7 +22532,7 @@ const VDatePickerMonth = genericComponent()({
         } else {
           rangeStop.value = adapter.endOfDay(_value);
         }
-        model.value = adapter.createDateRange(rangeStart.value, rangeStop.value);
+        model.value = createDateRange(adapter, rangeStart.value, rangeStop.value);
       } else {
         rangeStart.value = value;
         rangeStop.value = undefined;
@@ -23612,6 +23619,56 @@ const VFab = genericComponent()({
 
 // Types
 
+function useFileDrop() {
+  function hasFilesOrFolders(e) {
+    const entries = [...(e.dataTransfer?.items ?? [])].filter(x => x.kind === 'file').map(x => x.webkitGetAsEntry()).filter(Boolean);
+    return entries.length > 0 || [...(e.dataTransfer?.files ?? [])].length > 0;
+  }
+  async function handleDrop(e) {
+    const result = [];
+    const entries = [...(e.dataTransfer?.items ?? [])].filter(x => x.kind === 'file').map(x => x.webkitGetAsEntry()).filter(Boolean);
+    if (entries.length) {
+      for (const entry of entries) {
+        const files = await traverseFileTree(entry, appendIfDirectory('.', entry));
+        result.push(...files.map(x => x.file));
+      }
+    } else {
+      result.push(...[...(e.dataTransfer?.files ?? [])]);
+    }
+    return result;
+  }
+  return {
+    handleDrop,
+    hasFilesOrFolders
+  };
+}
+function traverseFileTree(item) {
+  let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return new Promise((resolve, reject) => {
+    if (item.isFile) {
+      const fileEntry = item;
+      fileEntry.file(file => resolve([{
+        file,
+        path
+      }]), reject);
+    } else if (item.isDirectory) {
+      const directoryReader = item.createReader();
+      directoryReader.readEntries(async entries => {
+        const files = [];
+        for (const entry of entries) {
+          files.push(...(await traverseFileTree(entry, appendIfDirectory(path, entry))));
+        }
+        resolve(files);
+      });
+    }
+  });
+}
+function appendIfDirectory(path, item) {
+  return item.isDirectory ? `${path}/${item.name}` : path;
+}
+
+// Types
+
 const makeVFileInputProps = propsFactory({
   chips: Boolean,
   counter: Boolean,
@@ -23696,6 +23753,10 @@ const VFileInput = genericComponent()({
     const isActive = toRef(() => isFocused.value || props.active);
     const isPlainOrUnderlined = computed(() => ['plain', 'underlined'].includes(props.variant));
     const isDragging = shallowRef(false);
+    const {
+      handleDrop,
+      hasFilesOrFolders
+    } = useFileDrop();
     function onFocus() {
       if (inputRef.value !== document.activeElement) {
         inputRef.value?.focus();
@@ -23729,13 +23790,13 @@ const VFileInput = genericComponent()({
       e.preventDefault();
       isDragging.value = false;
     }
-    function onDrop(e) {
+    async function onDrop(e) {
       e.preventDefault();
       e.stopImmediatePropagation();
       isDragging.value = false;
-      if (!e.dataTransfer?.files?.length || !inputRef.value) return;
+      if (!inputRef.value || !hasFilesOrFolders(e)) return;
       const dataTransfer = new DataTransfer();
-      for (const file of e.dataTransfer.files) {
+      for (const file of await handleDrop(e)) {
         dataTransfer.items.add(file);
       }
       inputRef.value.files = dataTransfer.files;
@@ -29403,7 +29464,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.8-master.2025-06-07";
+const version$1 = "3.8.8-master.2025-06-10";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29428,7 +29489,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.8-master.2025-06-07";
+const version = "3.8.8-master.2025-06-10";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };