@vuetify/nightly 3.9.0-beta.0-dev.2025-06-20 → 3.9.0-beta.1-dev.2025-06-26

package/lib/framework.d.ts

@@ -2553,42 +2553,38 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: typeof import('vuetify/components')['VApp']
-    VAlert: typeof import('vuetify/components')['VAlert']
-    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
-    VAvatar: typeof import('vuetify/components')['VAvatar']
-    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
-    VBadge: typeof import('vuetify/components')['VBadge']
-    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
-    VBtn: typeof import('vuetify/components')['VBtn']
+    VAlert: typeof import('vuetify/components')['VAlert']
+    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
+    VApp: typeof import('vuetify/components')['VApp']
     VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
+    VBadge: typeof import('vuetify/components')['VBadge']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
-    VCheckbox: typeof import('vuetify/components')['VCheckbox']
-    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
-    VChip: typeof import('vuetify/components')['VChip']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
+    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
     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']
-    VCombobox: typeof import('vuetify/components')['VCombobox']
+    VChip: typeof import('vuetify/components')['VChip']
+    VBtn: typeof import('vuetify/components')['VBtn']
     VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
-    VColorPicker: typeof import('vuetify/components')['VColorPicker']
-    VCounter: typeof import('vuetify/components')['VCounter']
+    VCheckbox: typeof import('vuetify/components')['VCheckbox']
+    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
+    VAvatar: typeof import('vuetify/components')['VAvatar']
+    VCombobox: typeof import('vuetify/components')['VCombobox']
     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']
@@ -2596,34 +2592,35 @@ declare module 'vue' {
     VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
     VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
     VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
-    VDialog: typeof import('vuetify/components')['VDialog']
     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']
+    VColorPicker: typeof import('vuetify/components')['VColorPicker']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VDialog: typeof import('vuetify/components')['VDialog']
     VDivider: typeof import('vuetify/components')['VDivider']
-    VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
-    VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
-    VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
-    VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
     VEmptyState: typeof import('vuetify/components')['VEmptyState']
     VFab: typeof import('vuetify/components')['VFab']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
-    VFooter: typeof import('vuetify/components')['VFooter']
     VFileInput: typeof import('vuetify/components')['VFileInput']
-    VImg: typeof import('vuetify/components')['VImg']
-    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VFooter: typeof import('vuetify/components')['VFooter']
     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']
-    VKbd: typeof import('vuetify/components')['VKbd']
-    VLabel: typeof import('vuetify/components')['VLabel']
+    VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
+    VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
+    VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
+    VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
+    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
     VInput: typeof import('vuetify/components')['VInput']
+    VItemGroup: typeof import('vuetify/components')['VItemGroup']
+    VItem: typeof import('vuetify/components')['VItem']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -2633,82 +2630,85 @@ declare module 'vue' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
-    VItemGroup: typeof import('vuetify/components')['VItemGroup']
-    VItem: typeof import('vuetify/components')['VItem']
+    VKbd: typeof import('vuetify/components')['VKbd']
+    VLabel: typeof import('vuetify/components')['VLabel']
+    VImg: typeof import('vuetify/components')['VImg']
     VMain: typeof import('vuetify/components')['VMain']
-    VMessages: typeof import('vuetify/components')['VMessages']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
+    VMessages: typeof import('vuetify/components')['VMessages']
+    VOtpInput: typeof import('vuetify/components')['VOtpInput']
     VMenu: typeof import('vuetify/components')['VMenu']
+    VNumberInput: typeof import('vuetify/components')['VNumberInput']
     VOverlay: typeof import('vuetify/components')['VOverlay']
-    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
-    VOtpInput: typeof import('vuetify/components')['VOtpInput']
     VPagination: typeof import('vuetify/components')['VPagination']
+    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
-    VNumberInput: typeof import('vuetify/components')['VNumberInput']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
-    VRating: typeof import('vuetify/components')['VRating']
-    VSelect: typeof import('vuetify/components')['VSelect']
     VSheet: typeof import('vuetify/components')['VSheet']
+    VRating: typeof import('vuetify/components')['VRating']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
-    VSnackbar: typeof import('vuetify/components')['VSnackbar']
+    VSlider: typeof import('vuetify/components')['VSlider']
+    VSelect: typeof import('vuetify/components')['VSelect']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
+    VSnackbar: typeof import('vuetify/components')['VSnackbar']
     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']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VSwitch: typeof import('vuetify/components')['VSwitch']
+    VTable: typeof import('vuetify/components')['VTable']
     VTab: typeof import('vuetify/components')['VTab']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
     VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
-    VTable: typeof import('vuetify/components')['VTable']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTextField: typeof import('vuetify/components')['VTextField']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
-    VToolbar: typeof import('vuetify/components')['VToolbar']
-    VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
-    VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
     VTreeview: typeof import('vuetify/components')['VTreeview']
     VTreeviewItem: typeof import('vuetify/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/components')['VTreeviewGroup']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
     VTimePicker: typeof import('vuetify/components')['VTimePicker']
     VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
     VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
+    VToolbar: typeof import('vuetify/components')['VToolbar']
+    VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
+    VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     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']
-    VHover: typeof import('vuetify/components')['VHover']
-    VLazy: typeof import('vuetify/components')['VLazy']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
+    VLazy: typeof import('vuetify/components')['VLazy']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
-    VRadio: typeof import('vuetify/components')['VRadio']
     VParallax: typeof import('vuetify/components')['VParallax']
+    VRadio: typeof import('vuetify/components')['VRadio']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VResponsive: typeof import('vuetify/components')['VResponsive']
     VSparkline: typeof import('vuetify/components')['VSparkline']
-    VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
     VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
+    VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
-    VValidation: typeof import('vuetify/components')['VValidation']
     VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
+    VValidation: typeof import('vuetify/components')['VValidation']
+    VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
     VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
@@ -2725,24 +2725,24 @@ declare module 'vue' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
+    VColorInput: typeof import('vuetify/labs/components')['VColorInput']
     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']
-    VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
     VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
     VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
+    VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
     VPicker: typeof import('vuetify/labs/components')['VPicker']
     VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
     VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
     VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
+    VDateInput: typeof import('vuetify/labs/components')['VDateInput']
     VMaskInput: typeof import('vuetify/labs/components')['VMaskInput']
     VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
-    VDateInput: typeof import('vuetify/labs/components')['VDateInput']
-    VColorInput: typeof import('vuetify/labs/components')['VColorInput']
   }
   export interface GlobalDirectives {
     vClickOutside: typeof import('vuetify/directives')['ClickOutside']

package/lib/framework.js

@@ -109,7 +109,7 @@ export function createVuetify() {
     };
   });
 }
-export const version = "3.9.0-beta.0-dev.2025-06-20";
+export const version = "3.9.0-beta.1-dev.2025-06-26";
 createVuetify.version = version;
 
 // Vue's inject() can only be used in setup

package/lib/labs/VPicker/VPicker.css

@@ -2,6 +2,7 @@
   display: grid;
   grid-auto-rows: min-content;
   grid-template-areas: "title" "header" "body";
+  grid-template-columns: minmax(0, 1fr);
   overflow: hidden;
 }
 .v-picker.v-sheet {
@@ -18,6 +19,9 @@
   grid-area: body;
   overflow: hidden;
   position: relative;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
 }
 
 .v-picker__header {

package/lib/labs/VPicker/VPicker.sass

@@ -7,6 +7,7 @@
     display: grid
     grid-auto-rows: min-content
     grid-template-areas: "title" "header" "body"
+    grid-template-columns: minmax(0, 1fr)
     overflow: hidden
     @include tools.elevation($picker-elevation)
     @include tools.rounded($picker-border-radius)
@@ -18,6 +19,9 @@
     grid-area: body
     overflow: hidden
     position: relative
+    display: flex
+    justify-content: center
+    flex-wrap: wrap
 
   .v-picker__header
     grid-area: header

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vuetify/nightly",
   "description": "Vue Material Component Framework",
-  "version": "3.9.0-beta.0-dev.2025-06-20",
+  "version": "3.9.0-beta.1-dev.2025-06-26",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"