@vuetify/nightly 3.8.8-master.2025-06-04 → 3.8.8-master.2025-06-07

package/dist/vuetify.d.ts

@@ -51075,6 +51075,7 @@ declare const VNumberInput: {
         "v-slot:increment"?: false | ((arg: ControlSlot$1) => vue.VNodeChild) | undefined;
         "v-slot:decrement"?: false | ((arg: ControlSlot$1) => vue.VNodeChild) | undefined;
     } & {
+        "onUpdate:focused"?: ((val: boolean) => any) | undefined;
         "onUpdate:modelValue"?: ((val: number) => any) | undefined;
     }, Omit<Omit<{
         $: vue.ComponentInternalInstance;
@@ -53015,6 +53016,7 @@ declare const VNumberInput: {
             } | {};
         }) | {};
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        'update:focused': (val: boolean) => true;
         'update:modelValue': (val: number) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         flat: boolean;
@@ -53211,6 +53213,7 @@ declare const VNumberInput: {
         "v-slot:increment"?: false | ((arg: ControlSlot$1) => vue.VNodeChild) | undefined;
         "v-slot:decrement"?: false | ((arg: ControlSlot$1) => vue.VNodeChild) | undefined;
     } & {
+        "onUpdate:focused"?: ((val: boolean) => any) | undefined;
         "onUpdate:modelValue"?: ((val: number) => any) | undefined;
     }, Omit<Omit<{
         $: vue.ComponentInternalInstance;
@@ -55324,6 +55327,7 @@ declare const VNumberInput: {
     "v-slot:increment"?: false | ((arg: ControlSlot$1) => vue.VNodeChild) | undefined;
     "v-slot:decrement"?: false | ((arg: ControlSlot$1) => vue.VNodeChild) | undefined;
 } & {
+    "onUpdate:focused"?: ((val: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((val: number) => any) | undefined;
 }, Omit<Omit<{
     $: vue.ComponentInternalInstance;
@@ -57264,6 +57268,7 @@ declare const VNumberInput: {
         } | {};
     }) | {};
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:focused': (val: boolean) => true;
     'update:modelValue': (val: number) => true;
 }, string, {
     flat: boolean;
@@ -85907,76 +85912,78 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: VApp
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAutocomplete: VAutocomplete
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VAvatar: VAvatar
+    VApp: VApp
+    VBadge: VBadge
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBadge: VBadge
-    VBottomNavigation: VBottomNavigation
+    VAutocomplete: VAutocomplete
+    VBottomSheet: VBottomSheet
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBottomSheet: VBottomSheet
-    VBtnGroup: VBtnGroup
-    VBtnToggle: VBtnToggle
+    VBottomNavigation: VBottomNavigation
     VBtn: VBtn
+    VBtnToggle: VBtnToggle
+    VBtnGroup: VBtnGroup
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
+    VDataTable: VDataTable
+    VDataTableHeaders: VDataTableHeaders
+    VDataTableFooter: VDataTableFooter
+    VDataTableRows: VDataTableRows
+    VDataTableRow: VDataTableRow
+    VDataTableVirtual: VDataTableVirtual
+    VDataTableServer: VDataTableServer
+    VCode: VCode
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VChipGroup: VChipGroup
     VChip: VChip
+    VCounter: VCounter
+    VChipGroup: VChipGroup
     VCombobox: VCombobox
-    VCode: VCode
     VColorPicker: VColorPicker
-    VCounter: VCounter
-    VDialog: VDialog
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
-    VDataTable: VDataTable
-    VDataTableHeaders: VDataTableHeaders
-    VDataTableFooter: VDataTableFooter
-    VDataTableRows: VDataTableRows
-    VDataTableRow: VDataTableRow
-    VDataTableVirtual: VDataTableVirtual
-    VDataTableServer: VDataTableServer
     VDivider: VDivider
-    VEmptyState: VEmptyState
-    VFooter: VFooter
-    VFileInput: VFileInput
+    VDialog: VDialog
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
     VFab: VFab
+    VFooter: VFooter
+    VFileInput: VFileInput
+    VField: VField
+    VFieldLabel: VFieldLabel
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VImg: VImg
     VInfiniteScroll: VInfiniteScroll
+    VInput: VInput
+    VKbd: VKbd
     VItemGroup: VItemGroup
     VItem: VItem
     VLabel: VLabel
-    VKbd: VKbd
+    VImg: VImg
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -85986,74 +85993,72 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
+    VMenu: VMenu
     VMain: VMain
     VNavigationDrawer: VNavigationDrawer
-    VMenu: VMenu
     VNumberInput: VNumberInput
-    VMessages: VMessages
     VOverlay: VOverlay
-    VPagination: VPagination
-    VProgressCircular: VProgressCircular
+    VMessages: VMessages
     VOtpInput: VOtpInput
+    VProgressCircular: VProgressCircular
+    VPagination: VPagination
     VProgressLinear: VProgressLinear
     VRadioGroup: VRadioGroup
-    VSelect: VSelect
-    VSelectionControl: VSelectionControl
     VRating: VRating
+    VSelect: VSelect
     VSelectionControlGroup: VSelectionControlGroup
-    VSheet: VSheet
     VSkeletonLoader: VSkeletonLoader
+    VSheet: VSheet
+    VSelectionControl: VSelectionControl
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
+    VStepper: VStepper
+    VStepperActions: VStepperActions
+    VStepperHeader: VStepperHeader
+    VStepperItem: VStepperItem
+    VStepperWindow: VStepperWindow
+    VStepperWindowItem: VStepperWindowItem
     VSnackbar: VSnackbar
     VSlider: VSlider
-    VField: VField
-    VFieldLabel: VFieldLabel
-    VSwitch: VSwitch
     VSystemBar: VSystemBar
+    VSwitch: VSwitch
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VStepper: VStepper
-    VStepperActions: VStepperActions
-    VStepperHeader: VStepperHeader
-    VStepperItem: VStepperItem
-    VStepperWindow: VStepperWindow
-    VStepperWindowItem: VStepperWindowItem
-    VTable: VTable
     VTextField: VTextField
     VTextarea: VTextarea
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
-    VTooltip: VTooltip
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
+    VTooltip: VTooltip
     VWindow: VWindow
     VWindowItem: VWindowItem
     VConfirmEdit: VConfirmEdit
+    VTable: VTable
     VDataIterator: VDataIterator
+    VDefaultsProvider: VDefaultsProvider
     VForm: VForm
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
     VHover: VHover
-    VLayout: VLayout
-    VLayoutItem: VLayoutItem
     VLazy: VLazy
     VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
+    VRadio: VRadio
     VParallax: VParallax
     VRangeSlider: VRangeSlider
-    VRadio: VRadio
     VResponsive: VResponsive
-    VSparkline: VSparkline
     VSnackbarQueue: VSnackbarQueue
     VSpeedDial: VSpeedDial
+    VSparkline: VSparkline
     VThemeProvider: VThemeProvider
     VValidation: VValidation
+    VVirtualScroll: VVirtualScroll
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -86070,30 +86075,30 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VVirtualScroll: VVirtualScroll
-    VInput: VInput
-    VDefaultsProvider: VDefaultsProvider
+    VEmptyState: VEmptyState
+    VLayout: VLayout
+    VLayoutItem: VLayoutItem
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
-    VColorInput: VColorInput
+    VIconBtn: VIconBtn
     VPicker: VPicker
     VPickerTitle: VPickerTitle
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
-    VIconBtn: VIconBtn
+    VColorInput: VColorInput
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
     VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
   }

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.8-master.2025-06-04
+* Vuetify v3.8.8-master.2025-06-07
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -12392,10 +12392,12 @@ const VTextField = genericComponent()({
     const inputRef = ref();
     const isActive = computed(() => activeTypes.includes(props.type) || props.persistentPlaceholder || isFocused.value || props.active);
     function onFocus() {
-      if (inputRef.value !== document.activeElement) {
-        inputRef.value?.focus();
-      }
       if (!isFocused.value) focus();
+      nextTick(() => {
+        if (inputRef.value !== document.activeElement) {
+          inputRef.value?.focus();
+        }
+      });
     }
     function onControlMousedown(e) {
       emit('mousedown:control', e);
@@ -12404,7 +12406,6 @@ const VTextField = genericComponent()({
       e.preventDefault();
     }
     function onControlClick(e) {
-      onFocus();
       emit('click:control', e);
     }
     function onClear(e, reset) {
@@ -20217,7 +20218,9 @@ const VDataTableFooter = genericComponent()({
         "class": "v-data-table-footer"
       }, [slots.prepend?.(), createElementVNode("div", {
         "class": "v-data-table-footer__items-per-page"
-      }, [createElementVNode("span", null, [t(props.itemsPerPageText)]), createVNode(VSelect, {
+      }, [createElementVNode("span", {
+        "aria-label": t(props.itemsPerPageText)
+      }, [t(props.itemsPerPageText)]), createVNode(VSelect, {
         "items": itemsPerPageOptions.value,
         "modelValue": itemsPerPage.value,
         "onUpdate:modelValue": v => setItemsPerPage(Number(v)),
@@ -25163,6 +25166,7 @@ const VNumberInput = genericComponent()({
     ...makeVNumberInputProps()
   },
   emits: {
+    'update:focused': val => true,
     'update:modelValue': val => true
   },
   setup(props, _ref) {
@@ -25178,11 +25182,7 @@ const VNumberInput = genericComponent()({
     });
     const form = useForm(props);
     const controlsDisabled = computed(() => form.isDisabled.value || form.isReadonly.value);
-    const {
-      isFocused,
-      focus,
-      blur
-    } = useFocus(props);
+    const isFocused = shallowRef(props.focused);
     function correctPrecision(val) {
       let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : props.precision;
       const fixed = precision == null ? String(val) : val.toFixed(precision);
@@ -25367,11 +25367,9 @@ const VNumberInput = genericComponent()({
       inputText.value = model.value.toString();
     }
     function onFocus() {
-      focus();
       trimDecimalZeros();
     }
     function onBlur() {
-      blur();
       clampModel();
     }
     useRender(() => {
@@ -25464,9 +25462,12 @@ const VNumberInput = genericComponent()({
       }, null)]) : props.reverse && controlVariant.value !== 'hidden' ? createElementVNode(Fragment, null, [controlNode(), dividerNode()]) : undefined;
       const hasPrependInner = slots['prepend-inner'] || prependInnerControl;
       return createVNode(VTextField, mergeProps({
-        "ref": vTextFieldRef,
+        "ref": vTextFieldRef
+      }, textFieldProps, {
         "modelValue": inputText.value,
         "onUpdate:modelValue": $event => inputText.value = $event,
+        "focused": isFocused.value,
+        "onUpdate:focused": $event => isFocused.value = $event,
         "validationValue": model.value,
         "onBeforeinput": onBeforeinput,
         "onFocus": onFocus,
@@ -25479,8 +25480,7 @@ const VNumberInput = genericComponent()({
           'v-number-input--reverse': props.reverse,
           'v-number-input--split': controlVariant.value === 'split',
           'v-number-input--stacked': controlVariant.value === 'stacked'
-        }, props.class]
-      }, textFieldProps, {
+        }, props.class],
         "style": props.style,
         "inputmode": "decimal"
       }), {
@@ -25615,7 +25615,7 @@ const VOtpInput = genericComponent()({
     function onPaste(index, e) {
       e.preventDefault();
       e.stopPropagation();
-      const clipboardText = e?.clipboardData?.getData('Text').slice(0, length.value) ?? '';
+      const clipboardText = e?.clipboardData?.getData('Text').trim().slice(0, length.value) ?? '';
       if (isValidNumber(clipboardText)) return;
       model.value = clipboardText.split('');
       inputRef.value?.[index].blur();
@@ -25647,7 +25647,10 @@ const VOtpInput = genericComponent()({
       scoped: true
     });
     watch(model, val => {
-      if (val.length === length.value) emit('finish', val.join(''));
+      if (val.length === length.value) {
+        focusIndex.value = length.value - 1;
+        emit('finish', val.join(''));
+      }
     }, {
       deep: true
     });
@@ -29400,7 +29403,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.8-master.2025-06-04";
+const version$1 = "3.8.8-master.2025-06-07";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29425,7 +29428,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.8-master.2025-06-04";
+const version = "3.8.8-master.2025-06-07";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };