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

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

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.8-master.2025-06-07
+* Vuetify v3.8.8-master.2025-06-08
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -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']])]
@@ -18106,6 +18106,18 @@ function createDate(options, locale) {
     instance: createInstance(_options, locale)
   };
 }
+function createDateRange(adapter, start, stop) {
+  const diff = adapter.getDiff(stop ?? start, 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-08";
 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-08";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };