@vuetify/nightly 3.8.6-master.2025-05-22 → 3.8.6-master.2025-05-24

package/dist/vuetify.d.ts

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

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.6-master.2025-05-22
+* Vuetify v3.8.6-master.2025-05-24
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -510,6 +510,21 @@ function checkPrintable(e) {
 function isPrimitive(value) {
   return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || typeof value === 'bigint';
 }
+function extractNumber(text, decimalDigitsLimit) {
+  const cleanText = text.split('').filter(x => /[\d\-.]/.test(x)).filter((x, i, all) => i === 0 && /[-]/.test(x) ||
+  // sign allowed at the start
+  x === '.' && i === all.indexOf('.') ||
+  // decimal separator allowed only once
+  /\d/.test(x)).join('');
+  if (decimalDigitsLimit === 0) {
+    return cleanText.split('.')[0];
+  }
+  if (decimalDigitsLimit !== null && /\.\d/.test(cleanText)) {
+    const parts = cleanText.split('.');
+    return [parts[0], parts[1].substring(0, decimalDigitsLimit)].join('.');
+  }
+  return cleanText;
+}
 
 // Utilities
 const block = ['top', 'bottom'];
@@ -6820,7 +6835,8 @@ function useInputIcon(props) {
   function InputIcon(_ref) {
     let {
       name,
-      color
+      color,
+      ...attrs
     } = _ref;
     const localeKey = {
       prepend: 'prependAction',
@@ -6837,13 +6853,13 @@ function useInputIcon(props) {
       callEvent(listener, new PointerEvent('click', e));
     }
     const label = listener && localeKey ? t(`$vuetify.input.${localeKey}`, props.label ?? '') : undefined;
-    return createVNode(VIcon, {
+    return createVNode(VIcon, mergeProps({
       "icon": props[`${name}Icon`],
       "aria-label": label,
       "onClick": listener,
       "onKeydown": onKeydown,
       "color": color
-    }, null);
+    }, attrs), null);
   }
   return {
     InputIcon
@@ -12256,12 +12272,14 @@ const VField = genericComponent()({
             props: {
               onFocus: focus,
               onBlur: blur,
-              onClick: props['onClick:clear']
+              onClick: props['onClick:clear'],
+              tabindex: -1
             }
           }) : createVNode(InputIcon, {
             "name": "clear",
             "onFocus": focus,
-            "onBlur": blur
+            "onBlur": blur,
+            "tabindex": -1
           }, null)]
         })]), [[vShow, props.dirty]])]
       }), hasAppend && createVNode("div", {
@@ -25171,25 +25189,33 @@ const VNumberInput = genericComponent()({
     }
     function onBeforeinput(e) {
       if (!e.data) return;
-      const existingTxt = e.target?.value;
-      const selectionStart = e.target?.selectionStart;
-      const selectionEnd = e.target?.selectionEnd;
+      const inputElement = e.target;
+      const {
+        value: existingTxt,
+        selectionStart,
+        selectionEnd
+      } = inputElement ?? {};
       const potentialNewInputVal = existingTxt ? existingTxt.slice(0, selectionStart) + e.data + existingTxt.slice(selectionEnd) : e.data;
+      const potentialNewNumber = extractNumber(potentialNewInputVal, props.precision);
+
       // Only numbers, "-", "." are allowed
       // AND "-", "." are allowed only once
       // AND "-" is only allowed at the start
       if (!/^-?(\d+(\.\d*)?|(\.\d+)|\d*|\.)$/.test(potentialNewInputVal)) {
         e.preventDefault();
+        inputElement.value = potentialNewNumber;
       }
       if (props.precision == null) return;
 
       // Ignore decimal digits above precision limit
       if (potentialNewInputVal.split('.')[1]?.length > props.precision) {
         e.preventDefault();
+        inputElement.value = potentialNewNumber;
       }
       // Ignore decimal separator when precision = 0
       if (props.precision === 0 && potentialNewInputVal.includes('.')) {
         e.preventDefault();
+        inputElement.value = potentialNewNumber;
       }
     }
     async function onKeydown(e) {
@@ -29290,7 +29316,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.6-master.2025-05-22";
+const version$1 = "3.8.6-master.2025-05-24";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29315,7 +29341,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.6-master.2025-05-22";
+const version = "3.8.6-master.2025-05-24";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };