@vuetify/nightly 3.8.8-dev.2025-06-04 → 3.8.8-dev.2025-06-10

package/dist/vuetify.d.ts

@@ -18938,8 +18938,14 @@ declare const VBadge: {
         bordered: boolean;
     } & {
         max?: string | number | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
         color?: string | undefined;
         content?: string | number | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
         class?: any;
         theme?: string | undefined;
         icon?: IconValue | undefined;
@@ -19000,8 +19006,14 @@ declare const VBadge: {
         bordered: boolean;
     } & {
         max?: string | number | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
         color?: string | undefined;
         content?: string | number | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
         class?: any;
         theme?: string | undefined;
         icon?: IconValue | undefined;
@@ -19056,8 +19068,14 @@ declare const VBadge: {
     bordered: boolean;
 } & {
     max?: string | number | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
     color?: string | undefined;
     content?: string | number | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
     class?: any;
     theme?: string | undefined;
     icon?: IconValue | undefined;
@@ -19096,6 +19114,12 @@ declare const VBadge: {
     default: () => vue.VNode[];
     badge: () => vue.VNode[];
 }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
     transition: {
         type: vue.PropType<string | boolean | (vue.TransitionProps & {
             component?: vue.Component;
@@ -19143,6 +19167,12 @@ declare const VBadge: {
     offsetY: (StringConstructor | NumberConstructor)[];
     textColor: StringConstructor;
 }, vue.ExtractPropTypes<{
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
     transition: {
         type: vue.PropType<string | boolean | (vue.TransitionProps & {
             component?: vue.Component;
@@ -49522,7 +49552,9 @@ declare const VInfiniteScroll: {
             side: InfiniteScrollSide;
             done: (status: InfiniteScrollStatus) => void;
         }) => any) | undefined;
-    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    }, {
+        reset: (side?: InfiniteScrollSide) => void;
+    }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         load: (options: {
             side: InfiniteScrollSide;
             done: (status: InfiniteScrollStatus) => void;
@@ -49589,7 +49621,9 @@ declare const VInfiniteScroll: {
             side: InfiniteScrollSide;
             done: (status: InfiniteScrollStatus) => void;
         }) => any) | undefined;
-    }, {}, {}, {}, {}, {
+    }, {
+        reset: (side?: InfiniteScrollSide) => void;
+    }, {}, {}, {}, {
         direction: "horizontal" | "vertical";
         tag: string | JSXComponent;
         mode: "manual" | "intersect";
@@ -49642,7 +49676,9 @@ declare const VInfiniteScroll: {
         side: InfiniteScrollSide;
         done: (status: InfiniteScrollStatus) => void;
     }) => any) | undefined;
-}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, {
+    reset: (side?: InfiniteScrollSide) => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     load: (options: {
         side: InfiniteScrollSide;
         done: (status: InfiniteScrollStatus) => void;
@@ -86355,50 +86391,41 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: VApp
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
+    VApp: VApp
     VAlert: VAlert
     VAlertTitle: VAlertTitle
-    VAutocomplete: VAutocomplete
-    VBadge: VBadge
     VAvatar: VAvatar
+    VAutocomplete: VAutocomplete
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
+    VBottomSheet: VBottomSheet
+    VBadge: VBadge
+    VBottomNavigation: VBottomNavigation
+    VBtn: VBtn
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
+    VBtnToggle: VBtnToggle
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VBottomNavigation: VBottomNavigation
-    VBtn: VBtn
-    VBtnGroup: VBtnGroup
-    VBottomSheet: VBottomSheet
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
-    VBtnToggle: VBtnToggle
-    VChip: VChip
-    VCode: VCode
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
-    VColorPicker: VColorPicker
-    VChipGroup: VChipGroup
+    VChip: VChip
     VCombobox: VCombobox
+    VCode: VCode
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
+    VBtnGroup: VBtnGroup
+    VColorPicker: VColorPicker
     VCounter: VCounter
-    VDivider: VDivider
-    VDatePicker: VDatePicker
-    VDatePickerControls: VDatePickerControls
-    VDatePickerHeader: VDatePickerHeader
-    VDatePickerMonth: VDatePickerMonth
-    VDatePickerMonths: VDatePickerMonths
-    VDatePickerYears: VDatePickerYears
-    VDialog: VDialog
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -86406,29 +86433,33 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VExpansionPanels: VExpansionPanels
-    VExpansionPanel: VExpansionPanel
-    VExpansionPanelText: VExpansionPanelText
-    VExpansionPanelTitle: VExpansionPanelTitle
+    VDatePicker: VDatePicker
+    VDatePickerControls: VDatePickerControls
+    VDatePickerHeader: VDatePickerHeader
+    VDatePickerMonth: VDatePickerMonth
+    VDatePickerMonths: VDatePickerMonths
+    VDatePickerYears: VDatePickerYears
+    VDialog: VDialog
     VEmptyState: VEmptyState
+    VDivider: VDivider
+    VChipGroup: VChipGroup
     VFab: VFab
+    VFileInput: VFileInput
+    VFooter: VFooter
     VField: VField
     VFieldLabel: VFieldLabel
-    VFooter: VFooter
-    VFileInput: VFileInput
-    VInfiniteScroll: VInfiniteScroll
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VInput: VInput
+    VInfiniteScroll: VInfiniteScroll
     VImg: VImg
-    VLabel: VLabel
     VItemGroup: VItemGroup
     VItem: VItem
-    VMenu: VMenu
+    VLabel: VLabel
     VKbd: VKbd
+    VInput: VInput
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -86438,48 +86469,50 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMessages: VMessages
+    VMenu: VMenu
     VMain: VMain
-    VNumberInput: VNumberInput
+    VMessages: VMessages
+    VPagination: VPagination
     VNavigationDrawer: VNavigationDrawer
     VOtpInput: VOtpInput
+    VNumberInput: VNumberInput
     VOverlay: VOverlay
-    VPagination: VPagination
+    VRadioGroup: VRadioGroup
     VProgressLinear: VProgressLinear
     VProgressCircular: VProgressCircular
-    VRadioGroup: VRadioGroup
     VSelectionControl: VSelectionControl
     VRating: VRating
     VSelect: VSelect
-    VSheet: VSheet
+    VSkeletonLoader: VSkeletonLoader
+    VSelectionControlGroup: VSelectionControlGroup
     VSnackbar: VSnackbar
+    VSheet: VSheet
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
     VSlider: VSlider
-    VSkeletonLoader: VSkeletonLoader
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
+    VSystemBar: VSystemBar
+    VSwitch: VSwitch
+    VTextarea: VTextarea
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VSwitch: VSwitch
-    VSystemBar: VSystemBar
     VTable: VTable
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
-    VTextarea: VTextarea
     VTextField: VTextField
-    VWindow: VWindow
-    VWindowItem: VWindowItem
     VTooltip: VTooltip
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
+    VWindow: VWindow
+    VWindowItem: VWindowItem
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
@@ -86489,22 +86522,21 @@ declare module 'vue' {
     VRow: VRow
     VSpacer: VSpacer
     VHover: VHover
+    VLazy: VLazy
     VLayout: VLayout
     VLayoutItem: VLayoutItem
-    VLazy: VLazy
-    VNoSsr: VNoSsr
     VLocaleProvider: VLocaleProvider
+    VNoSsr: VNoSsr
     VParallax: VParallax
     VRadio: VRadio
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
-    VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
     VSpeedDial: VSpeedDial
+    VSnackbarQueue: VSnackbarQueue
     VThemeProvider: VThemeProvider
-    VValidation: VValidation
     VVirtualScroll: VVirtualScroll
-    VSelectionControlGroup: VSelectionControlGroup
+    VValidation: VValidation
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -86521,29 +86553,33 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
+    VExpansionPanels: VExpansionPanels
+    VExpansionPanel: VExpansionPanel
+    VExpansionPanelText: VExpansionPanelText
+    VExpansionPanelTitle: VExpansionPanelTitle
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
+    VColorInput: VColorInput
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
     VIconBtn: VIconBtn
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
-    VTreeview: VTreeview
-    VTreeviewItem: VTreeviewItem
-    VTreeviewGroup: VTreeviewGroup
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
-    VDateInput: VDateInput
+    VTreeview: VTreeview
+    VTreeviewItem: VTreeviewItem
+    VTreeviewGroup: VTreeviewGroup
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
     VPullToRefresh: VPullToRefresh
-    VColorInput: VColorInput
+    VDateInput: VDateInput
   }
   export interface GlobalDirectives {
     vClickOutside: typeof import('vuetify/directives')['ClickOutside']

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.8-dev.2025-06-04
+* Vuetify v3.8.8-dev.2025-06-10
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -14246,7 +14246,8 @@ const makeVBadgeProps = propsFactory({
   ...makeThemeProps(),
   ...makeTransitionProps({
     transition: 'scale-rotate-transition'
-  })
+  }),
+  ...makeDimensionProps()
 }, 'VBadge');
 const VBadge = genericComponent()({
   name: 'VBadge',
@@ -14276,6 +14277,9 @@ const VBadge = genericComponent()({
       const base = props.floating ? props.dot ? 2 : 4 : props.dot ? 8 : 12;
       return base + (['top', 'bottom'].includes(side) ? Number(props.offsetY ?? 0) : ['left', 'right'].includes(side) ? Number(props.offsetX ?? 0) : 0);
     });
+    const {
+      dimensionStyles
+    } = useDimension(props);
     useRender(() => {
       const value = Number(props.content);
       const content = !props.max || isNaN(value) ? props.content : value <= Number(props.max) ? value : `${props.max}+`;
@@ -14297,7 +14301,7 @@ const VBadge = genericComponent()({
         }, {
           default: () => [withDirectives(createElementVNode("span", mergeProps({
             "class": ['v-badge__badge', themeClasses.value, backgroundColorClasses.value, roundedClasses.value, textColorClasses.value],
-            "style": [backgroundColorStyles.value, textColorStyles.value, props.inline ? {} : locationStyles.value],
+            "style": [backgroundColorStyles.value, textColorStyles.value, dimensionStyles.value, props.inline ? {} : locationStyles.value],
             "aria-atomic": "true",
             "aria-label": t(props.label, value),
             "aria-live": "polite",
@@ -24325,6 +24329,9 @@ const VInfiniteScroll = genericComponent()({
         startStatus.value = status;
       } else if (side === 'end') {
         endStatus.value = status;
+      } else if (side === 'both') {
+        startStatus.value = status;
+        endStatus.value = status;
       }
     }
     function getStatus(side) {
@@ -24436,6 +24443,32 @@ const VInfiniteScroll = genericComponent()({
         }, [renderSide('end', endStatus.value)])]
       });
     });
+    function reset(side) {
+      const effectiveSide = side ?? props.side;
+      setStatus(effectiveSide, 'ok');
+      nextTick(() => {
+        setScrollAmount(getScrollSize() - previousScrollSize + getScrollAmount());
+        if (props.mode !== 'manual') {
+          nextTick(() => {
+            window.requestAnimationFrame(() => {
+              window.requestAnimationFrame(() => {
+                window.requestAnimationFrame(() => {
+                  if (effectiveSide === 'both') {
+                    intersecting('start');
+                    intersecting('end');
+                  } else {
+                    intersecting(effectiveSide);
+                  }
+                });
+              });
+            });
+          });
+        }
+      });
+    }
+    return {
+      reset
+    };
   }
 });
 
@@ -29615,7 +29648,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.8-dev.2025-06-04";
+const version$1 = "3.8.8-dev.2025-06-10";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29640,7 +29673,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.8-dev.2025-06-04";
+const version = "3.8.8-dev.2025-06-10";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };