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

package/dist/vuetify-labs.d.ts

@@ -101795,43 +101795,39 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
+    VAutocomplete: VAutocomplete
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VApp: VApp
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
     VAvatar: VAvatar
-    VAutocomplete: VAutocomplete
-    VBreadcrumbs: VBreadcrumbs
-    VBreadcrumbsItem: VBreadcrumbsItem
-    VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBadge: VBadge
+    VApp: VApp
+    VBanner: VBanner
+    VBannerActions: VBannerActions
+    VBannerText: VBannerText
     VBottomSheet: VBottomSheet
-    VBottomNavigation: VBottomNavigation
+    VBadge: VBadge
     VBtnToggle: VBtnToggle
-    VBtn: VBtn
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
+    VCode: VCode
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VBtnGroup: VBtnGroup
+    VChip: VChip
+    VBreadcrumbs: VBreadcrumbs
+    VBreadcrumbsItem: VBreadcrumbsItem
+    VBreadcrumbsDivider: VBreadcrumbsDivider
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VChip: VChip
-    VCombobox: VCombobox
-    VChipGroup: VChipGroup
-    VCode: VCode
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
-    VDatePicker: VDatePicker
-    VDatePickerControls: VDatePickerControls
-    VDatePickerHeader: VDatePickerHeader
-    VDatePickerMonth: VDatePickerMonth
-    VDatePickerMonths: VDatePickerMonths
-    VDatePickerYears: VDatePickerYears
+    VCounter: VCounter
+    VColorPicker: VColorPicker
+    VBtn: VBtn
+    VBtnGroup: VBtnGroup
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -101839,30 +101835,37 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VColorPicker: VColorPicker
-    VCounter: VCounter
     VDialog: VDialog
+    VDatePicker: VDatePicker
+    VDatePickerControls: VDatePickerControls
+    VDatePickerHeader: VDatePickerHeader
+    VDatePickerMonth: VDatePickerMonth
+    VDatePickerMonths: VDatePickerMonths
+    VDatePickerYears: VDatePickerYears
+    VEmptyState: VEmptyState
+    VChipGroup: VChipGroup
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VFab: VFab
-    VEmptyState: VEmptyState
+    VFileInput: VFileInput
     VField: VField
     VFieldLabel: VFieldLabel
+    VCombobox: VCombobox
+    VFab: VFab
     VFooter: VFooter
-    VInfiniteScroll: VInfiniteScroll
-    VFileInput: VFileInput
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
+    VInput: VInput
+    VInfiniteScroll: VInfiniteScroll
     VImg: VImg
-    VKbd: VKbd
+    VLabel: VLabel
     VItemGroup: VItemGroup
     VItem: VItem
-    VInput: VInput
+    VKbd: VKbd
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -101872,78 +101875,75 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VLabel: VLabel
-    VMenu: VMenu
     VMessages: VMessages
-    VMain: VMain
     VNavigationDrawer: VNavigationDrawer
     VOtpInput: VOtpInput
-    VDivider: VDivider
-    VOverlay: VOverlay
+    VMain: VMain
+    VMenu: VMenu
     VNumberInput: VNumberInput
     VPagination: VPagination
     VProgressCircular: VProgressCircular
-    VRadioGroup: VRadioGroup
     VProgressLinear: VProgressLinear
-    VSelect: VSelect
+    VOverlay: VOverlay
     VRating: VRating
     VSelectionControl: VSelectionControl
+    VSlider: VSlider
+    VSelect: VSelect
+    VRadioGroup: VRadioGroup
+    VSheet: VSheet
     VSelectionControlGroup: VSelectionControlGroup
+    VSkeletonLoader: VSkeletonLoader
+    VSnackbar: VSnackbar
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSnackbar: VSnackbar
-    VSheet: VSheet
-    VSkeletonLoader: VSkeletonLoader
+    VSwitch: VSwitch
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSlider: VSlider
-    VSwitch: VSwitch
-    VSystemBar: VSystemBar
-    VTable: VTable
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTextarea: VTextarea
+    VTable: VTable
     VTextField: VTextField
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
+    VTooltip: VTooltip
+    VSystemBar: VSystemBar
+    VTextarea: VTextarea
     VWindow: VWindow
     VWindowItem: VWindowItem
-    VTooltip: VTooltip
-    VDataIterator: VDataIterator
-    VConfirmEdit: VConfirmEdit
+    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
     VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
-    VParallax: VParallax
     VRadio: VRadio
+    VParallax: VParallax
+    VRangeSlider: VRangeSlider
     VResponsive: VResponsive
     VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
     VSpeedDial: VSpeedDial
-    VBanner: VBanner
-    VBannerActions: VBannerActions
-    VBannerText: VBannerText
+    VVirtualScroll: VVirtualScroll
     VThemeProvider: VThemeProvider
     VValidation: VValidation
-    VVirtualScroll: VVirtualScroll
+    VDivider: VDivider
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -101960,7 +101960,7 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VRangeSlider: VRangeSlider
+    VDataIterator: VDataIterator
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
@@ -101968,21 +101968,21 @@ declare module 'vue' {
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
     VIconBtn: VIconBtn
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
+    VColorInput: VColorInput
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
-    VTimePicker: VTimePicker
-    VTimePickerClock: VTimePickerClock
-    VTimePickerControls: VTimePickerControls
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
+    VTimePicker: VTimePicker
+    VTimePickerClock: VTimePickerClock
+    VTimePickerControls: VTimePickerControls
     VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
-    VColorInput: VColorInput
   }
 }

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.9-master.2025-06-13
+* Vuetify v3.8.9-master.2025-06-17
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4400,6 +4400,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] : [];
     }
   }
@@ -4834,7 +4835,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) => {
@@ -5365,9 +5366,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);
       });
     }
   }, {
@@ -12064,6 +12065,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'];
@@ -12110,6 +12121,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;
     });
@@ -12119,10 +12133,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();
@@ -25368,6 +25378,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.
@@ -28114,6 +28139,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;
     });
@@ -28122,10 +28150,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('');
@@ -29842,6 +29866,7 @@ const VFileUploadItem = genericComponent()({
         "class": "v-file-upload-item"
       }), {
         ...slots,
+        title: () => props?.title ?? props.file?.name,
         prepend: slotProps => createElementVNode(Fragment, null, [!slots.prepend ? createVNode(VAvatar, {
           "icon": props.fileIcon,
           "image": preview.value,
@@ -32170,7 +32195,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.9-master.2025-06-13";
+const version$1 = "3.8.9-master.2025-06-17";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -32468,7 +32493,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.8.9-master.2025-06-13";
+const version = "3.8.9-master.2025-06-17";
 
 /* eslint-disable local-rules/sort-imports */