@vuetify/nightly 3.9.0-dev.2025-07-08 → 3.9.0-dev.2025-07-15

package/dist/vuetify-labs.d.ts

@@ -114147,78 +114147,75 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: VApp
     VAlert: VAlert
     VAlertTitle: VAlertTitle
+    VApp: VApp
+    VAvatar: VAvatar
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAvatar: VAvatar
+    VBadge: VBadge
+    VBanner: VBanner
+    VBannerActions: VBannerActions
+    VBannerText: VBannerText
     VAutocomplete: VAutocomplete
-    VBottomSheet: VBottomSheet
+    VBottomNavigation: VBottomNavigation
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBottomNavigation: VBottomNavigation
-    VBtnGroup: VBtnGroup
-    VBanner: VBanner
-    VBannerActions: VBannerActions
-    VBannerText: VBannerText
-    VBadge: VBadge
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
+    VBottomSheet: VBottomSheet
     VBtn: VBtn
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VChipGroup: VChipGroup
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
+    VBtnToggle: VBtnToggle
+    VBtnGroup: VBtnGroup
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VBtnToggle: VBtnToggle
     VChip: VChip
-    VCode: VCode
+    VChipGroup: VChipGroup
     VCombobox: VCombobox
-    VCounter: VCounter
-    VDataTable: VDataTable
-    VDataTableHeaders: VDataTableHeaders
-    VDataTableFooter: VDataTableFooter
-    VDataTableRows: VDataTableRows
-    VDataTableRow: VDataTableRow
-    VDataTableVirtual: VDataTableVirtual
-    VDataTableServer: VDataTableServer
-    VDialog: VDialog
-    VColorPicker: VColorPicker
-    VDivider: VDivider
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
+    VCounter: VCounter
+    VColorPicker: VColorPicker
+    VCode: VCode
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
+    VDivider: VDivider
+    VEmptyState: VEmptyState
+    VDataTable: VDataTable
+    VDataTableHeaders: VDataTableHeaders
+    VDataTableFooter: VDataTableFooter
+    VDataTableRows: VDataTableRows
+    VDataTableRow: VDataTableRow
+    VDataTableVirtual: VDataTableVirtual
+    VDataTableServer: VDataTableServer
+    VDialog: VDialog
     VField: VField
     VFieldLabel: VFieldLabel
-    VFab: VFab
-    VEmptyState: VEmptyState
-    VFooter: VFooter
-    VIcon: VIcon
-    VComponentIcon: VComponentIcon
-    VSvgIcon: VSvgIcon
-    VLigatureIcon: VLigatureIcon
-    VClassIcon: VClassIcon
     VFileInput: VFileInput
-    VInfiniteScroll: VInfiniteScroll
-    VInput: VInput
-    VKbd: VKbd
-    VImg: VImg
+    VFooter: VFooter
+    VFab: VFab
     VItemGroup: VItemGroup
     VItem: VItem
+    VImg: VImg
+    VLabel: VLabel
+    VKbd: VKbd
+    VInfiniteScroll: VInfiniteScroll
+    VInput: VInput
+    VMenu: VMenu
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -114228,34 +114225,36 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VLabel: VLabel
-    VMenu: VMenu
     VMain: VMain
-    VMessages: VMessages
     VNavigationDrawer: VNavigationDrawer
-    VOtpInput: VOtpInput
+    VIcon: VIcon
+    VComponentIcon: VComponentIcon
+    VSvgIcon: VSvgIcon
+    VLigatureIcon: VLigatureIcon
+    VClassIcon: VClassIcon
+    VMessages: VMessages
     VNumberInput: VNumberInput
+    VOtpInput: VOtpInput
+    VProgressCircular: VProgressCircular
     VOverlay: VOverlay
+    VProgressLinear: VProgressLinear
     VPagination: VPagination
-    VProgressCircular: VProgressCircular
     VRadioGroup: VRadioGroup
-    VProgressLinear: VProgressLinear
     VSelect: VSelect
     VRating: VRating
-    VSelectionControl: VSelectionControl
-    VSheet: VSheet
-    VSelectionControlGroup: VSelectionControlGroup
     VSlider: VSlider
+    VSelectionControlGroup: VSelectionControlGroup
+    VSkeletonLoader: VSkeletonLoader
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSkeletonLoader: VSkeletonLoader
+    VSheet: VSheet
     VSnackbar: VSnackbar
-    VSwitch: VSwitch
+    VSelectionControl: VSelectionControl
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTextField: VTextField
+    VSystemBar: VSystemBar
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
@@ -114263,22 +114262,23 @@ declare module 'vue' {
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
     VTable: VTable
+    VTextarea: VTextarea
+    VSwitch: VSwitch
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
-    VSystemBar: VSystemBar
-    VTimePicker: VTimePicker
-    VTimePickerClock: VTimePickerClock
-    VTimePickerControls: VTimePickerControls
-    VWindow: VWindow
-    VWindowItem: VWindowItem
-    VTextarea: VTextarea
-    VTooltip: VTooltip
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
+    VTooltip: VTooltip
+    VTimePicker: VTimePicker
+    VTimePickerClock: VTimePickerClock
+    VTimePickerControls: VTimePickerControls
+    VTextField: VTextField
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
+    VWindow: VWindow
+    VWindowItem: VWindowItem
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
@@ -114287,22 +114287,21 @@ declare module 'vue' {
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
-    VHover: VHover
+    VLazy: VLazy
     VLayout: VLayout
     VLayoutItem: VLayoutItem
-    VLazy: VLazy
+    VHover: VHover
     VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
     VParallax: VParallax
-    VRangeSlider: VRangeSlider
     VRadio: VRadio
-    VSparkline: VSparkline
+    VResponsive: VResponsive
     VSnackbarQueue: VSnackbarQueue
+    VSparkline: VSparkline
     VSpeedDial: VSpeedDial
-    VResponsive: VResponsive
     VThemeProvider: VThemeProvider
-    VVirtualScroll: VVirtualScroll
     VValidation: VValidation
+    VVirtualScroll: VVirtualScroll
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -114319,8 +114318,10 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
+    VRangeSlider: VRangeSlider
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
+    VColorInput: VColorInput
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
@@ -114333,11 +114334,10 @@ declare module 'vue' {
     VStepperVerticalActions: VStepperVerticalActions
     VPicker: VPicker
     VPickerTitle: VPickerTitle
-    VColorInput: VColorInput
     VHotkey: VHotkey
     VDateInput: VDateInput
-    VPullToRefresh: VPullToRefresh
     VMaskInput: VMaskInput
+    VPullToRefresh: VPullToRefresh
   }
   export interface GlobalDirectives {
     vClickOutside: typeof import('vuetify/directives')['ClickOutside']

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.0-dev.2025-07-08
+* Vuetify v3.9.0-dev.2025-07-15
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -9558,6 +9558,11 @@ const VListItem = genericComponent()({
     const isLink = toRef(() => props.link !== false && link.isLink.value);
     const isSelectable = computed(() => !!list && (root.selectable.value || root.activatable.value || props.value != null));
     const isClickable = computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value || isSelectable.value));
+    const role = computed(() => list ? isSelectable.value ? 'option' : 'listitem' : undefined);
+    const ariaSelected = computed(() => {
+      if (!isSelectable.value) return undefined;
+      return root.activatable.value ? isActivated.value : root.selectable.value ? isSelected.value : isActive.value;
+    });
     const roundedProps = toRef(() => props.rounded || props.nav);
     const color = toRef(() => props.color ?? props.activeColor);
     const variantProps = toRef(() => ({
@@ -9661,7 +9666,8 @@ const VListItem = genericComponent()({
         }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, lineClasses.value, roundedClasses.value, variantClasses.value, props.class],
         "style": [colorStyles.value, dimensionStyles.value, props.style],
         "tabindex": isClickable.value ? list ? -2 : 0 : undefined,
-        "aria-selected": isSelectable.value ? root.activatable.value ? isActivated.value : root.selectable.value ? isSelected.value : isActive.value : undefined,
+        "aria-selected": ariaSelected.value,
+        "role": role.value,
         "onClick": onClick,
         "onKeydown": isClickable.value && !isLink.value && onKeyDown
       }, link.linkProps), {
@@ -10153,6 +10159,7 @@ const VList = genericComponent()({
     const activeColor = toRef(() => props.activeColor);
     const baseColor = toRef(() => props.baseColor);
     const color = toRef(() => props.color);
+    const isSelectable = toRef(() => props.selectable || props.activatable);
     createList({
       filterable: props.filterable
     });
@@ -10222,7 +10229,7 @@ const VList = genericComponent()({
         }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, densityClasses.value, elevationClasses.value, lineClasses.value, roundedClasses.value, props.class]),
         "style": normalizeStyle([backgroundColorStyles.value, dimensionStyles.value, props.style]),
         "tabindex": props.disabled ? -1 : 0,
-        "role": "listbox",
+        "role": isSelectable.value ? 'listbox' : 'list',
         "aria-activedescendant": undefined,
         "onFocusin": onFocusin,
         "onFocusout": onFocusout,
@@ -13287,6 +13294,7 @@ const VSelect = genericComponent()({
             "onKeydown": onListKeydown,
             "onFocusin": onFocusin,
             "tabindex": "-1",
+            "selectable": true,
             "aria-live": "polite",
             "aria-label": `${props.label}-list`,
             "color": props.itemColor ?? props.color
@@ -13906,6 +13914,7 @@ const VAutocomplete = genericComponent()({
             "onFocusin": onFocusin,
             "onFocusout": onFocusout,
             "tabindex": "-1",
+            "selectable": true,
             "aria-live": "polite",
             "color": props.itemColor ?? props.color
           }, listEvents, props.listProps), {
@@ -18993,6 +19002,7 @@ const VCombobox = genericComponent()({
             "selected": selectedValues.value,
             "selectStrategy": props.multiple ? 'independent' : 'single-independent',
             "onMousedown": e => e.preventDefault(),
+            "selectable": true,
             "onKeydown": onListKeydown,
             "onFocusin": onFocusin,
             "onFocusout": onFocusout,
@@ -33672,7 +33682,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.9.0-dev.2025-07-08";
+const version$1 = "3.9.0-dev.2025-07-15";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -33970,7 +33980,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.9.0-dev.2025-07-08";
+const version = "3.9.0-dev.2025-07-15";
 
 /* eslint-disable local-rules/sort-imports */