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

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;
@@ -86356,49 +86386,39 @@ declare module 'vue' {
   }
   export interface GlobalComponents {
     VApp: VApp
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
-    VAutocomplete: VAutocomplete
-    VBadge: VBadge
     VAvatar: VAvatar
-    VBanner: VBanner
-    VBannerActions: VBannerActions
-    VBannerText: VBannerText
+    VBtnGroup: VBtnGroup
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
+    VBanner: VBanner
+    VBannerActions: VBannerActions
+    VBannerText: VBannerText
+    VBadge: VBadge
+    VBtnToggle: VBtnToggle
+    VAutocomplete: VAutocomplete
+    VBottomSheet: VBottomSheet
+    VBottomNavigation: VBottomNavigation
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     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
+    VBtn: VBtn
     VCode: VCode
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
-    VColorPicker: VColorPicker
     VChipGroup: VChipGroup
     VCombobox: VCombobox
-    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,28 +86426,36 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
+    VColorPicker: VColorPicker
+    VDialog: VDialog
+    VCounter: VCounter
+    VDatePicker: VDatePicker
+    VDatePickerControls: VDatePickerControls
+    VDatePickerHeader: VDatePickerHeader
+    VDatePickerMonth: VDatePickerMonth
+    VDatePickerMonths: VDatePickerMonths
+    VDatePickerYears: VDatePickerYears
+    VDivider: VDivider
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
+    VFileInput: VFileInput
     VEmptyState: VEmptyState
-    VFab: VFab
     VField: VField
     VFieldLabel: VFieldLabel
+    VFab: VFab
     VFooter: VFooter
-    VFileInput: VFileInput
-    VInfiniteScroll: VInfiniteScroll
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VInput: VInput
-    VImg: VImg
-    VLabel: VLabel
+    VInfiniteScroll: VInfiniteScroll
     VItemGroup: VItemGroup
     VItem: VItem
-    VMenu: VMenu
+    VImg: VImg
+    VInput: VInput
     VKbd: VKbd
     VList: VList
     VListGroup: VListGroup
@@ -86438,73 +86466,75 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMessages: VMessages
     VMain: VMain
-    VNumberInput: VNumberInput
+    VMessages: VMessages
+    VMenu: VMenu
     VNavigationDrawer: VNavigationDrawer
+    VNumberInput: VNumberInput
     VOtpInput: VOtpInput
-    VOverlay: VOverlay
     VPagination: VPagination
-    VProgressLinear: VProgressLinear
-    VProgressCircular: VProgressCircular
+    VOverlay: VOverlay
     VRadioGroup: VRadioGroup
-    VSelectionControl: VSelectionControl
+    VProgressCircular: VProgressCircular
+    VProgressLinear: VProgressLinear
+    VSheet: VSheet
     VRating: VRating
+    VSelectionControl: VSelectionControl
+    VSkeletonLoader: VSkeletonLoader
+    VSlider: VSlider
+    VSelectionControlGroup: VSelectionControlGroup
     VSelect: VSelect
-    VSheet: VSheet
     VSnackbar: VSnackbar
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSlider: VSlider
-    VSkeletonLoader: VSkeletonLoader
+    VSwitch: VSwitch
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
+    VSystemBar: VSystemBar
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VSwitch: VSwitch
-    VSystemBar: VSystemBar
+    VTextarea: VTextarea
     VTable: VTable
+    VToolbar: VToolbar
+    VToolbarTitle: VToolbarTitle
+    VToolbarItems: VToolbarItems
+    VTooltip: VTooltip
+    VTextField: VTextField
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
-    VTextarea: VTextarea
-    VTextField: VTextField
     VWindow: VWindow
     VWindowItem: VWindowItem
-    VTooltip: VTooltip
-    VToolbar: VToolbar
-    VToolbarTitle: VToolbarTitle
-    VToolbarItems: VToolbarItems
-    VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
+    VConfirmEdit: VConfirmEdit
     VDefaultsProvider: VDefaultsProvider
-    VForm: VForm
+    VHover: VHover
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
-    VHover: VHover
+    VForm: VForm
+    VLabel: VLabel
     VLayout: VLayout
     VLayoutItem: VLayoutItem
     VLazy: VLazy
-    VNoSsr: VNoSsr
     VLocaleProvider: VLocaleProvider
+    VNoSsr: VNoSsr
     VParallax: VParallax
     VRadio: VRadio
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
-    VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
+    VSnackbarQueue: VSnackbarQueue
     VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
     VValidation: VValidation
     VVirtualScroll: VVirtualScroll
-    VSelectionControlGroup: VSelectionControlGroup
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -86521,29 +86551,29 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
+    VColorInput: VColorInput
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
+    VTimePicker: VTimePicker
+    VTimePickerClock: VTimePickerClock
+    VTimePickerControls: VTimePickerControls
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
     VIconBtn: VIconBtn
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
     VDateInput: VDateInput
-    VTimePicker: VTimePicker
-    VTimePickerClock: VTimePickerClock
-    VTimePickerControls: VTimePickerControls
     VPullToRefresh: VPullToRefresh
-    VColorInput: VColorInput
   }
   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-08
 * 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",
@@ -29615,7 +29619,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.8-dev.2025-06-04";
+const version$1 = "3.8.8-dev.2025-06-08";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29640,7 +29644,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.8-dev.2025-06-04";
+const version = "3.8.8-dev.2025-06-08";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };