@vuetify/nightly 3.7.5-master.2024-12-11 → 3.7.5-master.2024-12-12

package/lib/entry-bundler.mjs

@@ -16,7 +16,7 @@ export const createVuetify = function () {
     ...options
   });
 };
-export const version = "3.7.5-master.2024-12-11";
+export const version = "3.7.5-master.2024-12-12";
 createVuetify.version = version;
 export { blueprints, components, directives };
 export * from "./composables/index.mjs";

package/lib/framework.mjs

@@ -97,7 +97,7 @@ export function createVuetify() {
     goTo
   };
 }
-export const version = "3.7.5-master.2024-12-11";
+export const version = "3.7.5-master.2024-12-12";
 createVuetify.version = version;
 
 // Vue's inject() can only be used in setup

package/lib/iconsets/mdi.mjs

@@ -45,7 +45,8 @@ const aliases = {
   calendar: 'mdi-calendar',
   treeviewCollapse: 'mdi-menu-down',
   treeviewExpand: 'mdi-menu-right',
-  eyeDropper: 'mdi-eyedropper'
+  eyeDropper: 'mdi-eyedropper',
+  upload: 'mdi-cloud-upload'
 };
 const mdi = {
   // Not using mergeProps here, functional components merge props by default (?)

package/lib/iconsets/mdi.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mdi.mjs","names":["VClassIcon","h","aliases","collapse","complete","cancel","close","delete","clear","success","info","warning","error","prev","next","checkboxOn","checkboxOff","checkboxIndeterminate","delimiter","sortAsc","sortDesc","expand","menu","subgroup","dropdown","radioOn","radioOff","edit","ratingEmpty","ratingFull","ratingHalf","loading","first","last","unfold","file","plus","minus","calendar","treeviewCollapse","treeviewExpand","eyeDropper","mdi","component","props","class"],"sources":["../../src/iconsets/mdi.ts"],"sourcesContent":["// Composables\nimport { VClassIcon } from '@/composables/icons'\n\n// Utilities\nimport { h } from 'vue'\n\n// Types\nimport type { IconAliases, IconSet } from '@/composables/icons'\n\nconst aliases: IconAliases = {\n  collapse: 'mdi-chevron-up',\n  complete: 'mdi-check',\n  cancel: 'mdi-close-circle',\n  close: 'mdi-close',\n  delete: 'mdi-close-circle', // delete (e.g. v-chip close)\n  clear: 'mdi-close-circle',\n  success: 'mdi-check-circle',\n  info: 'mdi-information',\n  warning: 'mdi-alert-circle',\n  error: 'mdi-close-circle',\n  prev: 'mdi-chevron-left',\n  next: 'mdi-chevron-right',\n  checkboxOn: 'mdi-checkbox-marked',\n  checkboxOff: 'mdi-checkbox-blank-outline',\n  checkboxIndeterminate: 'mdi-minus-box',\n  delimiter: 'mdi-circle', // for carousel\n  sortAsc: 'mdi-arrow-up',\n  sortDesc: 'mdi-arrow-down',\n  expand: 'mdi-chevron-down',\n  menu: 'mdi-menu',\n  subgroup: 'mdi-menu-down',\n  dropdown: 'mdi-menu-down',\n  radioOn: 'mdi-radiobox-marked',\n  radioOff: 'mdi-radiobox-blank',\n  edit: 'mdi-pencil',\n  ratingEmpty: 'mdi-star-outline',\n  ratingFull: 'mdi-star',\n  ratingHalf: 'mdi-star-half-full',\n  loading: 'mdi-cached',\n  first: 'mdi-page-first',\n  last: 'mdi-page-last',\n  unfold: 'mdi-unfold-more-horizontal',\n  file: 'mdi-paperclip',\n  plus: 'mdi-plus',\n  minus: 'mdi-minus',\n  calendar: 'mdi-calendar',\n  treeviewCollapse: 'mdi-menu-down',\n  treeviewExpand: 'mdi-menu-right',\n  eyeDropper: 'mdi-eyedropper',\n}\n\nconst mdi: IconSet = {\n  // Not using mergeProps here, functional components merge props by default (?)\n  component: (props: any) => h(VClassIcon, { ...props, class: 'mdi' }),\n}\n\nexport { aliases, mdi }\n"],"mappings":"AAAA;AAAA,SACSA,UAAU,oCAEnB;AACA,SAASC,CAAC,QAAQ,KAAK;;AAEvB;;AAGA,MAAMC,OAAoB,GAAG;EAC3BC,QAAQ,EAAE,gBAAgB;EAC1BC,QAAQ,EAAE,WAAW;EACrBC,MAAM,EAAE,kBAAkB;EAC1BC,KAAK,EAAE,WAAW;EAClBC,MAAM,EAAE,kBAAkB;EAAE;EAC5BC,KAAK,EAAE,kBAAkB;EACzBC,OAAO,EAAE,kBAAkB;EAC3BC,IAAI,EAAE,iBAAiB;EACvBC,OAAO,EAAE,kBAAkB;EAC3BC,KAAK,EAAE,kBAAkB;EACzBC,IAAI,EAAE,kBAAkB;EACxBC,IAAI,EAAE,mBAAmB;EACzBC,UAAU,EAAE,qBAAqB;EACjCC,WAAW,EAAE,4BAA4B;EACzCC,qBAAqB,EAAE,eAAe;EACtCC,SAAS,EAAE,YAAY;EAAE;EACzBC,OAAO,EAAE,cAAc;EACvBC,QAAQ,EAAE,gBAAgB;EAC1BC,MAAM,EAAE,kBAAkB;EAC1BC,IAAI,EAAE,UAAU;EAChBC,QAAQ,EAAE,eAAe;EACzBC,QAAQ,EAAE,eAAe;EACzBC,OAAO,EAAE,qBAAqB;EAC9BC,QAAQ,EAAE,oBAAoB;EAC9BC,IAAI,EAAE,YAAY;EAClBC,WAAW,EAAE,kBAAkB;EAC/BC,UAAU,EAAE,UAAU;EACtBC,UAAU,EAAE,oBAAoB;EAChCC,OAAO,EAAE,YAAY;EACrBC,KAAK,EAAE,gBAAgB;EACvBC,IAAI,EAAE,eAAe;EACrBC,MAAM,EAAE,4BAA4B;EACpCC,IAAI,EAAE,eAAe;EACrBC,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAE,WAAW;EAClBC,QAAQ,EAAE,cAAc;EACxBC,gBAAgB,EAAE,eAAe;EACjCC,cAAc,EAAE,gBAAgB;EAChCC,UAAU,EAAE;AACd,CAAC;AAED,MAAMC,GAAY,GAAG;EACnB;EACAC,SAAS,EAAGC,KAAU,IAAK3C,CAAC,CAACD,UAAU,EAAE;IAAE,GAAG4C,KAAK;IAAEC,KAAK,EAAE;EAAM,CAAC;AACrE,CAAC;AAED,SAAS3C,OAAO,EAAEwC,GAAG","ignoreList":[]}
+{"version":3,"file":"mdi.mjs","names":["VClassIcon","h","aliases","collapse","complete","cancel","close","delete","clear","success","info","warning","error","prev","next","checkboxOn","checkboxOff","checkboxIndeterminate","delimiter","sortAsc","sortDesc","expand","menu","subgroup","dropdown","radioOn","radioOff","edit","ratingEmpty","ratingFull","ratingHalf","loading","first","last","unfold","file","plus","minus","calendar","treeviewCollapse","treeviewExpand","eyeDropper","upload","mdi","component","props","class"],"sources":["../../src/iconsets/mdi.ts"],"sourcesContent":["// Composables\nimport { VClassIcon } from '@/composables/icons'\n\n// Utilities\nimport { h } from 'vue'\n\n// Types\nimport type { IconAliases, IconSet } from '@/composables/icons'\n\nconst aliases: IconAliases = {\n  collapse: 'mdi-chevron-up',\n  complete: 'mdi-check',\n  cancel: 'mdi-close-circle',\n  close: 'mdi-close',\n  delete: 'mdi-close-circle', // delete (e.g. v-chip close)\n  clear: 'mdi-close-circle',\n  success: 'mdi-check-circle',\n  info: 'mdi-information',\n  warning: 'mdi-alert-circle',\n  error: 'mdi-close-circle',\n  prev: 'mdi-chevron-left',\n  next: 'mdi-chevron-right',\n  checkboxOn: 'mdi-checkbox-marked',\n  checkboxOff: 'mdi-checkbox-blank-outline',\n  checkboxIndeterminate: 'mdi-minus-box',\n  delimiter: 'mdi-circle', // for carousel\n  sortAsc: 'mdi-arrow-up',\n  sortDesc: 'mdi-arrow-down',\n  expand: 'mdi-chevron-down',\n  menu: 'mdi-menu',\n  subgroup: 'mdi-menu-down',\n  dropdown: 'mdi-menu-down',\n  radioOn: 'mdi-radiobox-marked',\n  radioOff: 'mdi-radiobox-blank',\n  edit: 'mdi-pencil',\n  ratingEmpty: 'mdi-star-outline',\n  ratingFull: 'mdi-star',\n  ratingHalf: 'mdi-star-half-full',\n  loading: 'mdi-cached',\n  first: 'mdi-page-first',\n  last: 'mdi-page-last',\n  unfold: 'mdi-unfold-more-horizontal',\n  file: 'mdi-paperclip',\n  plus: 'mdi-plus',\n  minus: 'mdi-minus',\n  calendar: 'mdi-calendar',\n  treeviewCollapse: 'mdi-menu-down',\n  treeviewExpand: 'mdi-menu-right',\n  eyeDropper: 'mdi-eyedropper',\n  upload: 'mdi-cloud-upload',\n}\n\nconst mdi: IconSet = {\n  // Not using mergeProps here, functional components merge props by default (?)\n  component: (props: any) => h(VClassIcon, { ...props, class: 'mdi' }),\n}\n\nexport { aliases, mdi }\n"],"mappings":"AAAA;AAAA,SACSA,UAAU,oCAEnB;AACA,SAASC,CAAC,QAAQ,KAAK;;AAEvB;;AAGA,MAAMC,OAAoB,GAAG;EAC3BC,QAAQ,EAAE,gBAAgB;EAC1BC,QAAQ,EAAE,WAAW;EACrBC,MAAM,EAAE,kBAAkB;EAC1BC,KAAK,EAAE,WAAW;EAClBC,MAAM,EAAE,kBAAkB;EAAE;EAC5BC,KAAK,EAAE,kBAAkB;EACzBC,OAAO,EAAE,kBAAkB;EAC3BC,IAAI,EAAE,iBAAiB;EACvBC,OAAO,EAAE,kBAAkB;EAC3BC,KAAK,EAAE,kBAAkB;EACzBC,IAAI,EAAE,kBAAkB;EACxBC,IAAI,EAAE,mBAAmB;EACzBC,UAAU,EAAE,qBAAqB;EACjCC,WAAW,EAAE,4BAA4B;EACzCC,qBAAqB,EAAE,eAAe;EACtCC,SAAS,EAAE,YAAY;EAAE;EACzBC,OAAO,EAAE,cAAc;EACvBC,QAAQ,EAAE,gBAAgB;EAC1BC,MAAM,EAAE,kBAAkB;EAC1BC,IAAI,EAAE,UAAU;EAChBC,QAAQ,EAAE,eAAe;EACzBC,QAAQ,EAAE,eAAe;EACzBC,OAAO,EAAE,qBAAqB;EAC9BC,QAAQ,EAAE,oBAAoB;EAC9BC,IAAI,EAAE,YAAY;EAClBC,WAAW,EAAE,kBAAkB;EAC/BC,UAAU,EAAE,UAAU;EACtBC,UAAU,EAAE,oBAAoB;EAChCC,OAAO,EAAE,YAAY;EACrBC,KAAK,EAAE,gBAAgB;EACvBC,IAAI,EAAE,eAAe;EACrBC,MAAM,EAAE,4BAA4B;EACpCC,IAAI,EAAE,eAAe;EACrBC,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAE,WAAW;EAClBC,QAAQ,EAAE,cAAc;EACxBC,gBAAgB,EAAE,eAAe;EACjCC,cAAc,EAAE,gBAAgB;EAChCC,UAAU,EAAE,gBAAgB;EAC5BC,MAAM,EAAE;AACV,CAAC;AAED,MAAMC,GAAY,GAAG;EACnB;EACAC,SAAS,EAAGC,KAAU,IAAK5C,CAAC,CAACD,UAAU,EAAE;IAAE,GAAG6C,KAAK;IAAEC,KAAK,EAAE;EAAM,CAAC;AACrE,CAAC;AAED,SAAS5C,OAAO,EAAEyC,GAAG","ignoreList":[]}

package/lib/index.d.mts

@@ -487,39 +487,47 @@ declare module 'vue' {
   }
   export interface GlobalComponents {
     VApp: typeof import('vuetify/components')['VApp']
-    VAvatar: typeof import('vuetify/components')['VAvatar']
     VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
+    VAlert: typeof import('vuetify/components')['VAlert']
+    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
+    VBadge: typeof import('vuetify/components')['VBadge']
+    VAvatar: typeof import('vuetify/components')['VAvatar']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
-    VBadge: typeof import('vuetify/components')['VBadge']
-    VAlert: typeof import('vuetify/components')['VAlert']
-    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
-    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
     VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
-    VBtn: typeof import('vuetify/components')['VBtn']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VCode: typeof import('vuetify/components')['VCode']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
+    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VBtn: typeof import('vuetify/components')['VBtn']
+    VCheckbox: typeof import('vuetify/components')['VCheckbox']
+    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VCard: typeof import('vuetify/components')['VCard']
     VCardActions: typeof import('vuetify/components')['VCardActions']
     VCardItem: typeof import('vuetify/components')['VCardItem']
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
-    VCheckbox: typeof import('vuetify/components')['VCheckbox']
-    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     VChip: typeof import('vuetify/components')['VChip']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VCombobox: typeof import('vuetify/components')['VCombobox']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
+    VDatePicker: typeof import('vuetify/components')['VDatePicker']
+    VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
+    VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
+    VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
+    VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
+    VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
+    VCode: typeof import('vuetify/components')['VCode']
+    VCounter: typeof import('vuetify/components')['VCounter']
     VDataTable: typeof import('vuetify/components')['VDataTable']
     VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
     VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
@@ -527,38 +535,29 @@ declare module 'vue' {
     VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
     VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
     VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
-    VCombobox: typeof import('vuetify/components')['VCombobox']
-    VCounter: typeof import('vuetify/components')['VCounter']
-    VDivider: typeof import('vuetify/components')['VDivider']
-    VFab: typeof import('vuetify/components')['VFab']
-    VDatePicker: typeof import('vuetify/components')['VDatePicker']
-    VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
-    VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
-    VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
-    VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
-    VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
+    VDialog: typeof import('vuetify/components')['VDialog']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VFileInput: typeof import('vuetify/components')['VFileInput']
+    VDivider: typeof import('vuetify/components')['VDivider']
+    VEmptyState: typeof import('vuetify/components')['VEmptyState']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
+    VFab: typeof import('vuetify/components')['VFab']
     VFooter: typeof import('vuetify/components')['VFooter']
-    VDialog: typeof import('vuetify/components')['VDialog']
-    VEmptyState: typeof import('vuetify/components')['VEmptyState']
+    VImg: typeof import('vuetify/components')['VImg']
+    VFileInput: typeof import('vuetify/components')['VFileInput']
+    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
-    VImg: typeof import('vuetify/components')['VImg']
-    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
-    VKbd: typeof import('vuetify/components')['VKbd']
+    VInput: typeof import('vuetify/components')['VInput']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
-    VLabel: typeof import('vuetify/components')['VLabel']
-    VInput: typeof import('vuetify/components')['VInput']
+    VKbd: typeof import('vuetify/components')['VKbd']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -568,72 +567,73 @@ declare module 'vue' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
+    VMain: typeof import('vuetify/components')['VMain']
+    VLabel: typeof import('vuetify/components')['VLabel']
+    VMessages: typeof import('vuetify/components')['VMessages']
     VMenu: typeof import('vuetify/components')['VMenu']
     VOtpInput: typeof import('vuetify/components')['VOtpInput']
-    VMain: typeof import('vuetify/components')['VMain']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
-    VMessages: typeof import('vuetify/components')['VMessages']
     VPagination: typeof import('vuetify/components')['VPagination']
-    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
-    VOverlay: typeof import('vuetify/components')['VOverlay']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
-    VRating: typeof import('vuetify/components')['VRating']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
+    VOverlay: typeof import('vuetify/components')['VOverlay']
+    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
+    VSheet: typeof import('vuetify/components')['VSheet']
+    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VRating: typeof import('vuetify/components')['VRating']
     VSelect: typeof import('vuetify/components')['VSelect']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
-    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
-    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
-    VSheet: typeof import('vuetify/components')['VSheet']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
+    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
+    VSlider: typeof import('vuetify/components')['VSlider']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
     VStepper: typeof import('vuetify/components')['VStepper']
     VStepperActions: typeof import('vuetify/components')['VStepperActions']
     VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
     VStepperItem: typeof import('vuetify/components')['VStepperItem']
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
-    VSlider: typeof import('vuetify/components')['VSlider']
+    VTable: typeof import('vuetify/components')['VTable']
+    VTextField: typeof import('vuetify/components')['VTextField']
+    VToolbar: typeof import('vuetify/components')['VToolbar']
+    VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
+    VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
     VTab: typeof import('vuetify/components')['VTab']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
     VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
-    VTable: typeof import('vuetify/components')['VTable']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
-    VTextField: typeof import('vuetify/components')['VTextField']
-    VToolbar: typeof import('vuetify/components')['VToolbar']
-    VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
-    VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
     VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
     VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
+    VForm: typeof import('vuetify/components')['VForm']
+    VHover: typeof import('vuetify/components')['VHover']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
-    VForm: typeof import('vuetify/components')['VForm']
-    VHover: typeof import('vuetify/components')['VHover']
     VLazy: typeof import('vuetify/components')['VLazy']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
     VParallax: typeof import('vuetify/components')['VParallax']
-    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VRadio: typeof import('vuetify/components')['VRadio']
     VResponsive: typeof import('vuetify/components')['VResponsive']
+    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VSparkline: typeof import('vuetify/components')['VSparkline']
     VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
-    VValidation: typeof import('vuetify/components')['VValidation']
     VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
+    VValidation: typeof import('vuetify/components')['VValidation']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
     VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
@@ -650,21 +650,23 @@ declare module 'vue' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
-    VPicker: typeof import('vuetify/labs/components')['VPicker']
-    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
-    VNumberInput: typeof import('vuetify/labs/components')['VNumberInput']
     VCalendar: typeof import('vuetify/labs/components')['VCalendar']
     VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
     VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
     VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
     VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
     VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
+    VPicker: typeof import('vuetify/labs/components')['VPicker']
+    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VTreeview: typeof import('vuetify/labs/components')['VTreeview']
     VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']
+    VNumberInput: typeof import('vuetify/labs/components')['VNumberInput']
     VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
     VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
     VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
+    VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
+    VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
     VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
     VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
     VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']

package/lib/labs/VFileUpload/VFileUpload.css

@@ -0,0 +1,74 @@
+.v-file-upload {
+  padding: 64px 0;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+}
+.v-file-upload.v-sheet {
+  display: flex;
+  border-radius: 4px;
+  border-style: dashed;
+  border-width: 2px;
+}
+.v-file-upload.v-file-upload--density-compact {
+  padding: 32px 0;
+  flex-direction: row;
+  gap: 1rem;
+}
+.v-file-upload .v-overlay__scrim {
+  pointer-events: none;
+}
+.v-file-upload--disabled {
+  pointer-events: none;
+  opacity: var(--v-disabled-opacity);
+}
+.v-file-upload--dragging > * {
+  pointer-events: none;
+}
+.v-file-upload--clickable {
+  cursor: pointer;
+}
+.v-file-upload input[type=file] {
+  left: 0;
+  opacity: 0;
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  z-index: -1;
+}
+
+.v-file-upload-title {
+  font-size: 1.5rem;
+  font-weight: 600;
+}
+
+.v-file-upload-icon {
+  opacity: var(--v-medium-emphasis-opacity);
+  font-size: 3rem;
+  margin-bottom: 1rem;
+}
+.v-file-upload--density-comfortable .v-file-upload-icon {
+  font-size: 2.5rem;
+  margin-bottom: 0.5rem;
+}
+.v-file-upload--density-compact .v-file-upload-icon {
+  font-size: 2rem;
+  margin-bottom: 0rem;
+}
+
+.v-file-upload-divider {
+  align-items: center;
+  display: flex;
+  margin: 32px 0;
+  justify-content: center;
+  width: 100%;
+}
+
+.v-file-upload-items {
+  margin: 16px 0;
+}
+
+.v-file-upload-item:not(:first-child) {
+  margin-top: 8px;
+}

package/lib/labs/VFileUpload/VFileUpload.mjs

@@ -0,0 +1,241 @@
+import { resolveDirective as _resolveDirective, Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+// Styles
+import "./VFileUpload.css";
+
+// Components
+import { VFileUploadItem } from "./VFileUploadItem.mjs";
+import { VBtn } from "../../components/VBtn/VBtn.mjs";
+import { VDefaultsProvider } from "../../components/VDefaultsProvider/VDefaultsProvider.mjs";
+import { makeVDividerProps, VDivider } from "../../components/VDivider/VDivider.mjs";
+import { VIcon } from "../../components/VIcon/VIcon.mjs";
+import { VOverlay } from "../../components/VOverlay/VOverlay.mjs";
+import { makeVSheetProps, VSheet } from "../../components/VSheet/VSheet.mjs"; // Composables
+import { makeDelayProps } from "../../composables/delay.mjs";
+import { makeDensityProps, useDensity } from "../../composables/density.mjs";
+import { IconValue } from "../../composables/icons.mjs";
+import { useLocale } from "../../composables/locale.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
+import { onMounted, onUnmounted, ref, shallowRef } from 'vue';
+import { filterInputAttrs, genericComponent, only, propsFactory, useRender, wrapInArray } from "../../util/index.mjs"; // Types
+export const makeVFileUploadProps = propsFactory({
+  browseText: {
+    type: String,
+    default: '$vuetify.fileUpload.browse'
+  },
+  dividerText: {
+    type: String,
+    default: '$vuetify.fileUpload.divider'
+  },
+  title: {
+    type: String,
+    default: '$vuetify.fileUpload.title'
+  },
+  subtitle: String,
+  icon: {
+    type: IconValue,
+    default: '$upload'
+  },
+  modelValue: {
+    type: [Array, Object],
+    default: null,
+    validator: val => {
+      return wrapInArray(val).every(v => v != null && typeof v === 'object');
+    }
+  },
+  clearable: Boolean,
+  disabled: Boolean,
+  hideBrowse: Boolean,
+  multiple: Boolean,
+  scrim: {
+    type: [Boolean, String],
+    default: true
+  },
+  showSize: Boolean,
+  name: String,
+  ...makeDelayProps(),
+  ...makeDensityProps(),
+  ...only(makeVDividerProps({
+    length: 150
+  }), ['length', 'thickness', 'opacity']),
+  ...makeVSheetProps()
+}, 'VFileUpload');
+export const VFileUpload = genericComponent()({
+  name: 'VFileUpload',
+  inheritAttrs: false,
+  props: makeVFileUploadProps(),
+  emits: {
+    'update:modelValue': files => true
+  },
+  setup(props, _ref) {
+    let {
+      attrs,
+      slots
+    } = _ref;
+    const {
+      t
+    } = useLocale();
+    const {
+      densityClasses
+    } = useDensity(props);
+    const model = useProxiedModel(props, 'modelValue', props.modelValue, val => wrapInArray(val), val => props.multiple || Array.isArray(props.modelValue) ? val : val[0]);
+    const dragOver = shallowRef(false);
+    const vSheetRef = ref(null);
+    const inputRef = ref(null);
+    onMounted(() => {
+      vSheetRef.value?.$el.addEventListener('dragover', onDragOver);
+      vSheetRef.value?.$el.addEventListener('drop', onDrop);
+    });
+    onUnmounted(() => {
+      vSheetRef.value?.$el.removeEventListener('dragover', onDragOver);
+      vSheetRef.value?.$el.removeEventListener('drop', onDrop);
+    });
+    function onDragOver(e) {
+      e.preventDefault();
+      e.stopImmediatePropagation();
+      dragOver.value = true;
+    }
+    function onDragLeave(e) {
+      e.preventDefault();
+      dragOver.value = false;
+    }
+    function onDrop(e) {
+      e.preventDefault();
+      e.stopImmediatePropagation();
+      dragOver.value = false;
+      const files = Array.from(e.dataTransfer?.files ?? []);
+      if (!files.length) return;
+      if (!props.multiple) {
+        model.value = [files[0]];
+        return;
+      }
+      const array = model.value.slice();
+      for (const file of files) {
+        if (!array.some(f => f.name === file.name)) {
+          array.push(file);
+        }
+      }
+      model.value = array;
+    }
+    function onClick() {
+      inputRef.value?.click();
+    }
+    function onClickRemove(index) {
+      model.value = model.value.filter((_, i) => i !== index);
+      if (model.value.length > 0 || !inputRef.value) return;
+      inputRef.value.value = '';
+    }
+    useRender(() => {
+      const hasTitle = !!(slots.title || props.title);
+      const hasIcon = !!(slots.icon || props.icon);
+      const hasBrowse = !!(!props.hideBrowse && (slots.browse || props.density === 'default'));
+      const cardProps = VSheet.filterProps(props);
+      const dividerProps = VDivider.filterProps(props);
+      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);
+      const inputNode = _createVNode("input", _mergeProps({
+        "ref": inputRef,
+        "type": "file",
+        "disabled": props.disabled,
+        "multiple": props.multiple,
+        "name": props.name,
+        "onChange": e => {
+          if (!e.target) return;
+          const target = e.target;
+          model.value = [...(target.files ?? [])];
+        }
+      }, inputAttrs), null);
+      return _createVNode(_Fragment, null, [_createVNode(VSheet, _mergeProps({
+        "ref": vSheetRef
+      }, cardProps, {
+        "class": ['v-file-upload', {
+          'v-file-upload--clickable': !hasBrowse,
+          'v-file-upload--disabled': props.disabled,
+          'v-file-upload--dragging': dragOver.value
+        }, densityClasses.value],
+        "onDragleave": onDragLeave,
+        "onDragover": onDragOver,
+        "onDrop": onDrop,
+        "onClick": !hasBrowse ? onClick : undefined
+      }, rootAttrs), {
+        default: () => [hasIcon && _createVNode("div", {
+          "key": "icon",
+          "class": "v-file-upload-icon"
+        }, [!slots.icon ? _createVNode(VIcon, {
+          "key": "icon-icon",
+          "icon": props.icon
+        }, null) : _createVNode(VDefaultsProvider, {
+          "key": "icon-defaults",
+          "defaults": {
+            VIcon: {
+              icon: props.icon
+            }
+          }
+        }, {
+          default: () => [slots.icon()]
+        })]), hasTitle && _createVNode("div", {
+          "key": "title",
+          "class": "v-file-upload-title"
+        }, [slots.title?.() ?? t(props.title)]), props.density === 'default' && _createVNode(_Fragment, null, [_createVNode("div", {
+          "key": "upload-divider",
+          "class": "v-file-upload-divider"
+        }, [slots.divider?.() ?? _createVNode(VDivider, dividerProps, {
+          default: () => [t(props.dividerText)]
+        })]), hasBrowse && _createVNode(_Fragment, null, [!slots.browse ? _createVNode(VBtn, {
+          "readonly": props.disabled,
+          "size": "large",
+          "text": t(props.browseText),
+          "variant": "tonal",
+          "onClick": onClick
+        }, null) : _createVNode(VDefaultsProvider, {
+          "defaults": {
+            VBtn: {
+              readonly: props.disabled,
+              size: 'large',
+              text: t(props.browseText),
+              variant: 'tonal'
+            }
+          }
+        }, {
+          default: () => [slots.browse({
+            props: {
+              onClick
+            }
+          })]
+        })]), props.subtitle && _createVNode("div", {
+          "class": "v-file-upload-subtitle"
+        }, [props.subtitle])]), _createVNode(VOverlay, {
+          "model-value": dragOver.value,
+          "contained": true,
+          "scrim": props.scrim
+        }, null), slots.input?.({
+          inputNode
+        }) ?? inputNode]
+      }), model.value.length > 0 && _createVNode("div", {
+        "class": "v-file-upload-items"
+      }, [model.value.map((file, i) => {
+        const slotProps = {
+          file,
+          props: {
+            'onClick:remove': () => onClickRemove(i)
+          }
+        };
+        return _createVNode(VDefaultsProvider, {
+          "key": i,
+          "defaults": {
+            VFileUploadItem: {
+              file,
+              clearable: props.clearable,
+              disabled: props.disabled,
+              showSize: props.showSize
+            }
+          }
+        }, {
+          default: () => [slots.item?.(slotProps) ?? _createVNode(VFileUploadItem, {
+            "key": i,
+            "onClick:remove": () => onClickRemove(i)
+          }, slots)]
+        });
+      })])]);
+    });
+  }
+});
+//# sourceMappingURL=VFileUpload.mjs.map