@vuetify/nightly 3.8.9-master.2025-06-14 → 3.8.9-master.2025-06-17

package/dist/vuetify.d.ts

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

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.9-master.2025-06-14
+* Vuetify v3.8.9-master.2025-06-17
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4887,6 +4887,7 @@ function useGroup(props, injectKey) {
     } else {
       const isSelected = selected.value.includes(id);
       if (props.mandatory && isSelected) return;
+      if (!isSelected && !value) return;
       selected.value = value ?? !isSelected ? [id] : [];
     }
   }
@@ -5112,7 +5113,7 @@ function useIntersectionObserver(callback, options) {
     const observer = new IntersectionObserver(entries => {
       isIntersecting.value = !!entries.find(entry => entry.isIntersecting);
     }, options);
-    onBeforeUnmount(() => {
+    onScopeDispose(() => {
       observer.disconnect();
     });
     watch(intersectionRef, (newValue, oldValue) => {
@@ -5643,9 +5644,9 @@ function useBackButton(router, cb) {
 
 function useSelectLink(link, select) {
   watch(() => link.isActive?.value, isActive => {
-    if (link.isLink.value && isActive && select) {
+    if (link.isLink.value && isActive != null && select) {
       nextTick(() => {
-        select(true);
+        select(isActive);
       });
     }
   }, {
@@ -12342,6 +12343,16 @@ const VField = genericComponent()({
   }
 });
 
+function useAutofocus(props) {
+  function onIntersect(isIntersecting, entries) {
+    if (!props.autofocus || !isIntersecting) return;
+    entries[0].target?.focus?.();
+  }
+  return {
+    onIntersect
+  };
+}
+
 // Types
 
 const activeTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'month'];
@@ -12388,6 +12399,9 @@ const VTextField = genericComponent()({
       focus,
       blur
     } = useFocus(props);
+    const {
+      onIntersect
+    } = useAutofocus(props);
     const counterValue = computed(() => {
       return typeof props.counterValue === 'function' ? props.counterValue(model.value) : typeof props.counterValue === 'number' ? props.counterValue : (model.value ?? '').toString().length;
     });
@@ -12397,10 +12411,6 @@ const VTextField = genericComponent()({
       return props.counter;
     });
     const isPlainOrUnderlined = computed(() => ['plain', 'underlined'].includes(props.variant));
-    function onIntersect(isIntersecting, entries) {
-      if (!props.autofocus || !isIntersecting) return;
-      entries[0].target?.focus?.();
-    }
     const vInputRef = ref();
     const vFieldRef = ref();
     const inputRef = ref();
@@ -25646,6 +25656,21 @@ const VOtpInput = genericComponent()({
     const contentRef = ref();
     const inputRef = ref([]);
     const current = computed(() => inputRef.value[focusIndex.value]);
+    const intersectScope = effectScope();
+    intersectScope.run(() => {
+      const {
+        intersectionRef,
+        isIntersecting
+      } = useIntersectionObserver();
+      watch(isIntersecting, v => {
+        if (!v) return;
+        intersectionRef.value?.focus();
+        intersectScope.stop();
+      });
+      watchEffect(() => {
+        intersectionRef.value = inputRef.value[0];
+      });
+    });
     function onInput() {
       // The maxlength attribute doesn't work for the number type input, so the text type is used.
       // The following logic simulates the behavior of a number input.
@@ -28392,6 +28417,9 @@ const VTextarea = genericComponent()({
       focus,
       blur
     } = useFocus(props);
+    const {
+      onIntersect
+    } = useAutofocus(props);
     const counterValue = computed(() => {
       return typeof props.counterValue === 'function' ? props.counterValue(model.value) : (model.value || '').toString().length;
     });
@@ -28400,10 +28428,6 @@ const VTextarea = genericComponent()({
       if (!props.counter || typeof props.counter !== 'number' && typeof props.counter !== 'string') return undefined;
       return props.counter;
     });
-    function onIntersect(isIntersecting, entries) {
-      if (!props.autofocus || !isIntersecting) return;
-      entries[0].target?.focus?.();
-    }
     const vInputRef = ref();
     const vFieldRef = ref();
     const controlHeight = shallowRef('');
@@ -29483,7 +29507,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.9-master.2025-06-14";
+const version$1 = "3.8.9-master.2025-06-17";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29508,7 +29532,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.9-master.2025-06-14";
+const version = "3.8.9-master.2025-06-17";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };