@vuetify/nightly 3.8.2-dev.2025-04-17 → 3.8.2-dev.2025-04-28

package/dist/vuetify.d.ts

@@ -20695,6 +20695,7 @@ type VBtn = InstanceType<typeof VBtn>;
 declare const VBtnGroup: {
     new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         tag: string | JSXComponent;
         density: Density;
@@ -20719,6 +20720,7 @@ declare const VBtnGroup: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         tag: string | JSXComponent;
         density: Density;
@@ -20736,6 +20738,7 @@ declare const VBtnGroup: {
         Defaults: {};
     }, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         tag: string | JSXComponent;
         density: Density;
@@ -20760,6 +20763,7 @@ declare const VBtnGroup: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {}, {}, {}, {}, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         tag: string | JSXComponent;
         density: Density;
@@ -20772,6 +20776,7 @@ declare const VBtnGroup: {
     __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    direction: "horizontal" | "vertical";
     style: vue.StyleValue;
     tag: string | JSXComponent;
     density: Density;
@@ -20796,6 +20801,7 @@ declare const VBtnGroup: {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    direction: "horizontal" | "vertical";
     style: vue.StyleValue;
     tag: string | JSXComponent;
     density: Density;
@@ -20807,13 +20813,13 @@ declare const VBtnGroup: {
 }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     color: StringConstructor;
     variant: {
-        type: vue.PropType<Variant$2>;
+        type: PropType<Variant$2>;
         default: string;
         validator: (v: any) => boolean;
     };
     theme: StringConstructor;
     tag: {
-        type: vue.PropType<string | JSXComponent>;
+        type: PropType<string | JSXComponent>;
         default: string;
     };
     rounded: {
@@ -20826,28 +20832,32 @@ declare const VBtnGroup: {
         validator(v: any): boolean;
     };
     density: {
-        type: vue.PropType<Density>;
+        type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<ClassValue>;
+    class: PropType<ClassValue>;
     style: {
-        type: vue.PropType<vue.StyleValue>;
+        type: PropType<vue.StyleValue>;
         default: null;
     };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     baseColor: StringConstructor;
     divided: BooleanConstructor;
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: {
-        type: vue.PropType<Variant$2>;
+        type: PropType<Variant$2>;
         default: string;
         validator: (v: any) => boolean;
     };
     theme: StringConstructor;
     tag: {
-        type: vue.PropType<string | JSXComponent>;
+        type: PropType<string | JSXComponent>;
         default: string;
     };
     rounded: {
@@ -20860,18 +20870,22 @@ declare const VBtnGroup: {
         validator(v: any): boolean;
     };
     density: {
-        type: vue.PropType<Density>;
+        type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<ClassValue>;
+    class: PropType<ClassValue>;
     style: {
-        type: vue.PropType<vue.StyleValue>;
+        type: PropType<vue.StyleValue>;
         default: null;
     };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     baseColor: StringConstructor;
     divided: BooleanConstructor;
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
 }>>;
 type VBtnGroup = InstanceType<typeof VBtnGroup>;
 
@@ -20884,6 +20898,7 @@ type VBtnToggleSlots = {
 declare const VBtnToggle: {
     new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         disabled: boolean;
         multiple: boolean;
@@ -20910,6 +20925,7 @@ declare const VBtnToggle: {
         'update:modelValue': (value: any) => true;
     }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         disabled: boolean;
         multiple: boolean;
@@ -20929,6 +20945,7 @@ declare const VBtnToggle: {
         Defaults: {};
     }, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         disabled: boolean;
         multiple: boolean;
@@ -20953,6 +20970,7 @@ declare const VBtnToggle: {
         select: (id: string, value: boolean) => void;
     }, {}, {}, {}, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         disabled: boolean;
         multiple: boolean;
@@ -20967,6 +20985,7 @@ declare const VBtnToggle: {
     __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    direction: "horizontal" | "vertical";
     style: vue.StyleValue;
     disabled: boolean;
     multiple: boolean;
@@ -20993,6 +21012,7 @@ declare const VBtnToggle: {
     'update:modelValue': (value: any) => true;
 }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, string, {
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    direction: "horizontal" | "vertical";
     style: vue.StyleValue;
     disabled: boolean;
     multiple: boolean;
@@ -21049,6 +21069,10 @@ declare const VBtnToggle: {
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     baseColor: StringConstructor;
     divided: BooleanConstructor;
+    direction: {
+        type: vue.PropType<"horizontal" | "vertical">;
+        default: string;
+    };
 }, vue.ExtractPropTypes<{
     modelValue: {
         type: null;
@@ -21092,6 +21116,10 @@ declare const VBtnToggle: {
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     baseColor: StringConstructor;
     divided: BooleanConstructor;
+    direction: {
+        type: vue.PropType<"horizontal" | "vertical">;
+        default: string;
+    };
 }>>;
 type VBtnToggle = InstanceType<typeof VBtnToggle>;
 
@@ -82965,36 +82993,35 @@ declare module 'vue' {
   export interface GlobalComponents {
     VApp: VApp
     VAutocomplete: VAutocomplete
-    VAppBar: VAppBar
-    VAppBarNavIcon: VAppBarNavIcon
-    VAppBarTitle: VAppBarTitle
     VAlert: VAlert
     VAlertTitle: VAlertTitle
-    VAvatar: VAvatar
     VBadge: VBadge
-    VBottomNavigation: VBottomNavigation
-    VBottomSheet: VBottomSheet
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
+    VAvatar: VAvatar
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
+    VBottomNavigation: VBottomNavigation
+    VBtn: VBtn
+    VBtnToggle: VBtnToggle
+    VBtnGroup: VBtnGroup
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VBtnToggle: VBtnToggle
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VBtn: VBtn
+    VChipGroup: VChipGroup
     VChip: VChip
     VCode: VCode
     VColorPicker: VColorPicker
+    VCombobox: VCombobox
     VCounter: VCounter
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
@@ -83003,36 +83030,33 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
+    VDivider: VDivider
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
-    VChipGroup: VChipGroup
-    VDivider: VDivider
-    VExpansionPanels: VExpansionPanels
-    VExpansionPanel: VExpansionPanel
-    VExpansionPanelText: VExpansionPanelText
-    VExpansionPanelTitle: VExpansionPanelTitle
-    VEmptyState: VEmptyState
+    VDialog: VDialog
+    VFab: VFab
     VField: VField
     VFieldLabel: VFieldLabel
     VFileInput: VFileInput
-    VFab: VFab
-    VImg: VImg
-    VBtnGroup: VBtnGroup
-    VCombobox: VCombobox
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VFooter: VFooter
+    VImg: VImg
     VInfiniteScroll: VInfiniteScroll
     VInput: VInput
     VKbd: VKbd
+    VFooter: VFooter
     VLabel: VLabel
+    VItemGroup: VItemGroup
+    VItem: VItem
+    VMain: VMain
+    VMenu: VMenu
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -83042,77 +83066,79 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMain: VMain
     VMessages: VMessages
-    VItemGroup: VItemGroup
-    VItem: VItem
-    VDialog: VDialog
     VNumberInput: VNumberInput
-    VNavigationDrawer: VNavigationDrawer
-    VMenu: VMenu
     VOverlay: VOverlay
+    VNavigationDrawer: VNavigationDrawer
     VOtpInput: VOtpInput
-    VProgressLinear: VProgressLinear
     VPagination: VPagination
+    VProgressCircular: VProgressCircular
+    VProgressLinear: VProgressLinear
     VRadioGroup: VRadioGroup
+    VSelectionControl: VSelectionControl
     VRating: VRating
-    VProgressCircular: VProgressCircular
+    VSheet: VSheet
     VSelectionControlGroup: VSelectionControlGroup
     VSelect: VSelect
-    VSheet: VSheet
-    VSnackbar: VSnackbar
-    VSkeletonLoader: VSkeletonLoader
-    VSelectionControl: VSelectionControl
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSwitch: VSwitch
     VSlider: VSlider
+    VSnackbar: VSnackbar
+    VSkeletonLoader: VSkeletonLoader
+    VTab: VTab
+    VTabs: VTabs
+    VTabsWindow: VTabsWindow
+    VTabsWindowItem: VTabsWindowItem
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VTab: VTab
-    VTabs: VTabs
-    VTabsWindow: VTabsWindow
-    VTabsWindowItem: VTabsWindowItem
-    VTable: VTable
-    VTextField: VTextField
+    VSwitch: VSwitch
     VSystemBar: VSystemBar
-    VTooltip: VTooltip
     VTextarea: VTextarea
+    VTable: VTable
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
+    VTextField: VTextField
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
     VWindow: VWindow
     VWindowItem: VWindowItem
+    VTooltip: VTooltip
+    VBottomSheet: VBottomSheet
+    VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
-    VDefaultsProvider: VDefaultsProvider
+    VExpansionPanels: VExpansionPanels
+    VExpansionPanel: VExpansionPanel
+    VExpansionPanelText: VExpansionPanelText
+    VExpansionPanelTitle: VExpansionPanelTitle
+    VEmptyState: VEmptyState
     VForm: VForm
+    VAppBar: VAppBar
+    VAppBarNavIcon: VAppBarNavIcon
+    VAppBarTitle: VAppBarTitle
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
-    VHover: VHover
+    VLazy: VLazy
+    VLocaleProvider: VLocaleProvider
     VLayout: VLayout
     VLayoutItem: VLayoutItem
-    VLocaleProvider: VLocaleProvider
-    VLazy: VLazy
     VNoSsr: VNoSsr
     VParallax: VParallax
     VRadio: VRadio
     VRangeSlider: VRangeSlider
-    VSpeedDial: VSpeedDial
-    VSnackbarQueue: VSnackbarQueue
     VResponsive: VResponsive
+    VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
+    VSpeedDial: VSpeedDial
+    VThemeProvider: VThemeProvider
     VValidation: VValidation
     VVirtualScroll: VVirtualScroll
-    VThemeProvider: VThemeProvider
-    VConfirmEdit: VConfirmEdit
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -83129,6 +83155,8 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
+    VHover: VHover
+    VDefaultsProvider: VDefaultsProvider
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
@@ -83137,18 +83165,18 @@ declare module 'vue' {
     VCalendarMonthDay: VCalendarMonthDay
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
+    VIconBtn: VIconBtn
+    VTreeview: VTreeview
+    VTreeviewItem: VTreeviewItem
+    VTreeviewGroup: VTreeviewGroup
     VPicker: VPicker
     VPickerTitle: VPickerTitle
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
-    VIconBtn: VIconBtn
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
-    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.2-dev.2025-04-17
+* Vuetify v3.8.2-dev.2025-04-28
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4666,9 +4666,15 @@ function useVariant(props) {
   };
 }
 
+// Types
+
 const makeVBtnGroupProps = propsFactory({
   baseColor: String,
   divided: Boolean,
+  direction: {
+    type: String,
+    default: 'horizontal'
+  },
   ...makeBorderProps(),
   ...makeComponentProps(),
   ...makeDensityProps(),
@@ -4702,7 +4708,7 @@ const VBtnGroup = genericComponent()({
     } = useRounded(props);
     provideDefaults({
       VBtn: {
-        height: 'auto',
+        height: props.direction === 'horizontal' ? 'auto' : null,
         baseColor: toRef(props, 'baseColor'),
         color: toRef(props, 'color'),
         density: toRef(props, 'density'),
@@ -4712,7 +4718,7 @@ const VBtnGroup = genericComponent()({
     });
     useRender(() => {
       return createVNode(props.tag, {
-        "class": ['v-btn-group', {
+        "class": ['v-btn-group', `v-btn-group--${props.direction}`, {
           'v-btn-group--divided': props.divided
         }, themeClasses.value, borderClasses.value, densityClasses.value, elevationClasses.value, roundedClasses.value, props.class],
         "style": props.style
@@ -29248,7 +29254,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.2-dev.2025-04-17";
+const version$1 = "3.8.2-dev.2025-04-28";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29273,7 +29279,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.2-dev.2025-04-17";
+const version = "3.8.2-dev.2025-04-28";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };