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

package/dist/vuetify.d.ts

@@ -93469,75 +93469,74 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: VApp
+    VAppBar: VAppBar
+    VAppBarNavIcon: VAppBarNavIcon
+    VAppBarTitle: VAppBarTitle
     VAlert: VAlert
     VAlertTitle: VAlertTitle
-    VBanner: VBanner
-    VBannerActions: VBannerActions
-    VBannerText: VBannerText
+    VApp: VApp
     VAutocomplete: VAutocomplete
-    VBottomNavigation: VBottomNavigation
-    VAvatar: VAvatar
     VBadge: VBadge
-    VBottomSheet: VBottomSheet
+    VBottomNavigation: VBottomNavigation
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
+    VBanner: VBanner
+    VBannerActions: VBannerActions
+    VBannerText: VBannerText
     VBtnGroup: VBtnGroup
+    VBottomSheet: VBottomSheet
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VBtnToggle: VBtnToggle
+    VChip: VChip
     VBtn: VBtn
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
+    VBtnToggle: VBtnToggle
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VChip: VChip
+    VAvatar: VAvatar
+    VCombobox: VCombobox
     VCode: VCode
-    VColorPicker: VColorPicker
     VCounter: VCounter
-    VCombobox: VCombobox
+    VDataTable: VDataTable
+    VDataTableHeaders: VDataTableHeaders
+    VDataTableFooter: VDataTableFooter
+    VDataTableRows: VDataTableRows
+    VDataTableRow: VDataTableRow
+    VDataTableVirtual: VDataTableVirtual
+    VDataTableServer: VDataTableServer
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
+    VColorPicker: VColorPicker
+    VChipGroup: VChipGroup
     VDialog: VDialog
     VDivider: VDivider
-    VDataTable: VDataTable
-    VDataTableHeaders: VDataTableHeaders
-    VDataTableFooter: VDataTableFooter
-    VDataTableRows: VDataTableRows
-    VDataTableRow: VDataTableRow
-    VDataTableVirtual: VDataTableVirtual
-    VDataTableServer: VDataTableServer
+    VEmptyState: VEmptyState
+    VFab: VFab
     VField: VField
     VFieldLabel: VFieldLabel
-    VFab: VFab
-    VEmptyState: VEmptyState
-    VFooter: VFooter
-    VImg: VImg
-    VExpansionPanels: VExpansionPanels
-    VExpansionPanel: VExpansionPanel
-    VExpansionPanelText: VExpansionPanelText
-    VExpansionPanelTitle: VExpansionPanelTitle
     VFileInput: VFileInput
+    VFooter: VFooter
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VInput: VInput
+    VExpansionPanels: VExpansionPanels
+    VExpansionPanel: VExpansionPanel
+    VExpansionPanelText: VExpansionPanelText
+    VExpansionPanelTitle: VExpansionPanelTitle
     VInfiniteScroll: VInfiniteScroll
-    VKbd: VKbd
+    VInput: VInput
     VItemGroup: VItemGroup
     VItem: VItem
-    VLabel: VLabel
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -93547,25 +93546,29 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMessages: VMessages
+    VKbd: VKbd
+    VLabel: VLabel
+    VImg: VImg
     VMain: VMain
-    VOverlay: VOverlay
     VNavigationDrawer: VNavigationDrawer
-    VNumberInput: VNumberInput
-    VMenu: VMenu
-    VProgressCircular: VProgressCircular
+    VMessages: VMessages
     VOtpInput: VOtpInput
+    VMenu: VMenu
+    VNumberInput: VNumberInput
+    VOverlay: VOverlay
     VPagination: VPagination
+    VProgressCircular: VProgressCircular
     VProgressLinear: VProgressLinear
-    VRating: VRating
     VRadioGroup: VRadioGroup
+    VSheet: VSheet
+    VRating: VRating
     VSelectionControl: VSelectionControl
+    VSkeletonLoader: VSkeletonLoader
     VSelectionControlGroup: VSelectionControlGroup
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
     VSlider: VSlider
     VSelect: VSelect
-    VSkeletonLoader: VSkeletonLoader
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
     VSnackbar: VSnackbar
     VStepper: VStepper
     VStepperActions: VStepperActions
@@ -93581,48 +93584,47 @@ declare module 'vue' {
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
     VTextField: VTextField
-    VTextarea: VTextarea
-    VToolbar: VToolbar
-    VToolbarTitle: VToolbarTitle
-    VToolbarItems: VToolbarItems
-    VTimePicker: VTimePicker
-    VTimePickerClock: VTimePickerClock
-    VTimePickerControls: VTimePickerControls
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
-    VTooltip: VTooltip
+    VTextarea: VTextarea
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
-    VAppBar: VAppBar
-    VAppBarNavIcon: VAppBarNavIcon
-    VAppBarTitle: VAppBarTitle
+    VTooltip: VTooltip
+    VTimePicker: VTimePicker
+    VTimePickerClock: VTimePickerClock
+    VTimePickerControls: VTimePickerControls
+    VToolbar: VToolbar
+    VToolbarTitle: VToolbarTitle
+    VToolbarItems: VToolbarItems
     VWindow: VWindow
     VWindowItem: VWindowItem
-    VChipGroup: VChipGroup
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VConfirmEdit: VConfirmEdit
-    VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
     VForm: VForm
+    VHover: VHover
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
-    VHover: VHover
     VLayout: VLayout
     VLayoutItem: VLayoutItem
     VLazy: VLazy
+    VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
     VParallax: VParallax
-    VLocaleProvider: VLocaleProvider
     VRadio: VRadio
+    VRangeSlider: VRangeSlider
+    VResponsive: VResponsive
     VSparkline: VSparkline
-    VSnackbarQueue: VSnackbarQueue
     VSpeedDial: VSpeedDial
-    VRangeSlider: VRangeSlider
-    VValidation: VValidation
+    VSnackbarQueue: VSnackbarQueue
     VThemeProvider: VThemeProvider
     VVirtualScroll: VVirtualScroll
+    VValidation: VValidation
+    VDataIterator: VDataIterator
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -93639,25 +93641,23 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VResponsive: VResponsive
-    VSheet: VSheet
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
+    VColorInput: VColorInput
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VColorInput: VColorInput
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
+    VIconBtn: VIconBtn
     VPicker: VPicker
     VPickerTitle: VPickerTitle
-    VIconBtn: VIconBtn
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
-    VMaskInput: VMaskInput
     VDateInput: VDateInput
+    VMaskInput: VMaskInput
     VPullToRefresh: VPullToRefresh
   }
   export interface GlobalDirectives {

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.0-beta.0-dev.2025-06-24
+* Vuetify v3.9.0-beta.1-dev.2025-06-26
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -9295,9 +9295,9 @@ const makeNestedProps = propsFactory({
 }, 'nested');
 const useNested = props => {
   let isUnmounted = false;
-  const children = ref(new Map());
-  const parents = ref(new Map());
-  const opened = useProxiedModel(props, 'opened', props.opened, v => new Set(v), v => [...v.values()]);
+  const children = shallowRef(new Map());
+  const parents = shallowRef(new Map());
+  const opened = useProxiedModel(props, 'opened', props.opened, v => new Set(Array.isArray(v) ? v.map(i => toRaw(i)) : v), v => [...v.values()]);
   const activeStrategy = computed(() => {
     if (typeof props.activeStrategy === 'object') return props.activeStrategy;
     if (typeof props.activeStrategy === 'function') return props.activeStrategy(props.mandatory);
@@ -9351,7 +9351,7 @@ const useNested = props => {
   });
   function getPath(id) {
     const path = [];
-    let parent = id;
+    let parent = toRaw(id);
     while (parent != null) {
       path.unshift(parent);
       parent = parents.value.get(parent);
@@ -9494,7 +9494,7 @@ const useNested = props => {
 const useNestedItem = (id, isGroup) => {
   const parent = inject$1(VNestedSymbol, emptyNested);
   const uidSymbol = Symbol('nested item');
-  const computedId = computed(() => toValue(id) ?? uidSymbol);
+  const computedId = computed(() => toRaw(toValue(id)) ?? uidSymbol);
   const item = {
     ...parent,
     id: computedId,
@@ -9503,10 +9503,10 @@ const useNestedItem = (id, isGroup) => {
     isOpen: computed(() => parent.root.opened.value.has(computedId.value)),
     parent: computed(() => parent.root.parents.value.get(computedId.value)),
     activate: (activated, e) => parent.root.activate(computedId.value, activated, e),
-    isActivated: computed(() => parent.root.activated.value.has(toRaw(computedId.value))),
+    isActivated: computed(() => parent.root.activated.value.has(computedId.value)),
     select: (selected, e) => parent.root.select(computedId.value, selected, e),
-    isSelected: computed(() => parent.root.selected.value.get(toRaw(computedId.value)) === 'on'),
-    isIndeterminate: computed(() => parent.root.selected.value.get(toRaw(computedId.value)) === 'indeterminate'),
+    isSelected: computed(() => parent.root.selected.value.get(computedId.value) === 'on'),
+    isIndeterminate: computed(() => parent.root.selected.value.get(computedId.value) === 'indeterminate'),
     isLeaf: computed(() => !parent.root.children.value.get(computedId.value)),
     isGroupActivator: parent.isGroupActivator
   };
@@ -30040,7 +30040,7 @@ const VTreeviewItem = genericComponent()({
       emit('toggleExpand', e);
     }
     useRender(() => {
-      const listItemProps = omit(VListItem.filterProps(props), ['onClick']);
+      const listItemProps = VListItem.filterProps(props);
       const hasPrepend = slots.prepend || props.toggleIcon;
       return createVNode(VListItem, mergeProps({
         "ref": vListItemRef
@@ -30051,7 +30051,7 @@ const VTreeviewItem = genericComponent()({
           'v-treeview-item--filtered': isFiltered.value
         }, props.class],
         "ripple": false,
-        "onClick": props.onClick ?? activateGroupActivator
+        "onClick": activateGroupActivator
       }), {
         ...slots,
         prepend: hasPrepend ? slotProps => {
@@ -30102,6 +30102,7 @@ const makeVTreeviewChildrenProps = propsFactory({
   falseIcon: IconValue,
   trueIcon: IconValue,
   returnObject: Boolean,
+  activatable: Boolean,
   selectable: Boolean,
   selectedColor: String,
   selectStrategy: [String, Function, Object],
@@ -30121,7 +30122,7 @@ const VTreeviewChildren = genericComponent()({
     } = _ref;
     const isLoading = reactive(new Set());
     const activatorItems = ref([]);
-    const isClickOnOpen = computed(() => !props.disabled && (props.openOnClick != null ? props.openOnClick : props.selectable));
+    const isClickOnOpen = computed(() => !props.disabled && (props.openOnClick != null ? props.openOnClick : props.selectable && !props.activatable));
     async function checkChildren(item) {
       try {
         if (!props.items?.length || !props.loadChildren) return;
@@ -30892,7 +30893,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.9.0-beta.0-dev.2025-06-24";
+const version$1 = "3.9.0-beta.1-dev.2025-06-26";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -30917,7 +30918,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.9.0-beta.0-dev.2025-06-24";
+const version = "3.9.0-beta.1-dev.2025-06-26";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };