@vuetify/nightly 3.8.2-master.2025-04-27 → 3.8.3-dev.2025-04-29

package/dist/vuetify.d.ts

@@ -133,11 +133,12 @@ type DeepPartial<T> = T extends object ? {
 } : T;
 type ThemeOptions = false | {
     cspNonce?: string;
-    defaultTheme?: string;
+    defaultTheme?: 'light' | 'dark' | 'system' | string;
     variations?: false | VariationsOptions;
     themes?: Record<string, ThemeDefinition>;
     stylesheetId?: string;
     scope?: string;
+    unimportant?: boolean;
 };
 type ThemeDefinition = DeepPartial<InternalThemeDefinition>;
 interface VariationsOptions {
@@ -174,11 +175,15 @@ interface OnColors {
     'on-info': string;
 }
 interface ThemeInstance {
+    change: (themeName: string) => void;
+    cycle: (themeArray?: string[]) => void;
+    toggle: (themeArray?: [string, string]) => void;
     readonly isDisabled: boolean;
     readonly themes: Ref<Record<string, InternalThemeDefinition>>;
     readonly name: Readonly<Ref<string>>;
     readonly current: DeepReadonly<Ref<InternalThemeDefinition>>;
     readonly computedThemes: DeepReadonly<Ref<Record<string, InternalThemeDefinition>>>;
+    readonly prefix: string;
     readonly themeClasses: Readonly<Ref<string | undefined>>;
     readonly styles: Readonly<Ref<string>>;
     readonly global: {
@@ -1021,6 +1026,10 @@ declare function connectedLocationStrategy(data: LocationStrategyData, props: St
             y: number;
         };
         contentBox: Box;
+        flipped: {
+            x: boolean;
+            y: boolean;
+        };
     } | undefined;
 };
 
@@ -20692,6 +20701,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;
@@ -20716,6 +20726,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;
@@ -20733,6 +20744,7 @@ declare const VBtnGroup: {
         Defaults: {};
     }, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         tag: string | JSXComponent;
         density: Density;
@@ -20757,6 +20769,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;
@@ -20769,6 +20782,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;
@@ -20793,6 +20807,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;
@@ -20804,13 +20819,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: {
@@ -20823,28 +20838,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: {
@@ -20857,18 +20876,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>;
 
@@ -20881,6 +20904,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;
@@ -20907,6 +20931,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;
@@ -20926,6 +20951,7 @@ declare const VBtnToggle: {
         Defaults: {};
     }, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         disabled: boolean;
         multiple: boolean;
@@ -20950,6 +20976,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;
@@ -20964,6 +20991,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;
@@ -20990,6 +21018,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;
@@ -21046,6 +21075,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;
@@ -21089,6 +21122,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>;
 
@@ -82960,41 +82997,46 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
+    VApp: VApp
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
     VAlert: VAlert
     VAlertTitle: VAlertTitle
     VAutocomplete: VAutocomplete
+    VAvatar: VAvatar
+    VBottomSheet: VBottomSheet
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBadge: VBadge
-    VBottomSheet: VBottomSheet
-    VAvatar: VAvatar
     VBottomNavigation: VBottomNavigation
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBtnToggle: VBtnToggle
+    VBadge: VBadge
     VBtn: VBtn
+    VBtnToggle: VBtnToggle
+    VChip: VChip
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VBtnGroup: VBtnGroup
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
-    VChip: VChip
+    VCode: VCode
+    VChipGroup: VChipGroup
     VColorPicker: VColorPicker
+    VDatePicker: VDatePicker
+    VDatePickerControls: VDatePickerControls
+    VDatePickerHeader: VDatePickerHeader
+    VDatePickerMonth: VDatePickerMonth
+    VDatePickerMonths: VDatePickerMonths
+    VDatePickerYears: VDatePickerYears
     VCombobox: VCombobox
-    VCounter: VCounter
-    VChipGroup: VChipGroup
-    VCode: VCode
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -83002,24 +83044,18 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VDatePicker: VDatePicker
-    VDatePickerControls: VDatePickerControls
-    VDatePickerHeader: VDatePickerHeader
-    VDatePickerMonth: VDatePickerMonth
-    VDatePickerMonths: VDatePickerMonths
-    VDatePickerYears: VDatePickerYears
-    VDivider: VDivider
     VDialog: VDialog
+    VDivider: VDivider
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VEmptyState: VEmptyState
+    VCounter: VCounter
     VField: VField
     VFieldLabel: VFieldLabel
+    VFab: VFab
     VFileInput: VFileInput
     VFooter: VFooter
-    VFab: VFab
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
@@ -83029,9 +83065,9 @@ declare module 'vue' {
     VInfiniteScroll: VInfiniteScroll
     VItemGroup: VItemGroup
     VItem: VItem
-    VLabel: VLabel
-    VKbd: VKbd
     VInput: VInput
+    VKbd: VKbd
+    VLabel: VLabel
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -83041,42 +83077,41 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
+    VMenu: VMenu
     VMain: VMain
     VMessages: VMessages
-    VMenu: VMenu
-    VApp: VApp
-    VNavigationDrawer: VNavigationDrawer
-    VNumberInput: VNumberInput
     VOverlay: VOverlay
-    VOtpInput: VOtpInput
+    VBtnGroup: VBtnGroup
+    VNumberInput: VNumberInput
     VProgressLinear: VProgressLinear
-    VPagination: VPagination
+    VOtpInput: VOtpInput
     VRadioGroup: VRadioGroup
+    VProgressCircular: VProgressCircular
+    VPagination: VPagination
+    VSelectionControl: VSelectionControl
+    VSelect: VSelect
     VRating: VRating
     VSelectionControlGroup: VSelectionControlGroup
     VSheet: VSheet
-    VSelectionControl: VSelectionControl
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
-    VSnackbar: VSnackbar
-    VProgressCircular: VProgressCircular
-    VSelect: VSelect
-    VSlider: VSlider
     VSkeletonLoader: VSkeletonLoader
-    VSwitch: VSwitch
+    VSlider: VSlider
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSystemBar: VSystemBar
+    VSwitch: VSwitch
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
+    VSnackbar: VSnackbar
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTextarea: VTextarea
+    VSystemBar: VSystemBar
     VTextField: VTextField
+    VTextarea: VTextarea
     VTable: VTable
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
@@ -83086,25 +83121,30 @@ declare module 'vue' {
     VTimelineItem: VTimelineItem
     VWindow: VWindow
     VWindowItem: VWindowItem
+    VEmptyState: VEmptyState
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
-    VForm: VForm
+    VConfirmEdit: VConfirmEdit
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
-    VLazy: VLazy
+    VForm: VForm
+    VHover: VHover
     VLayout: VLayout
     VLayoutItem: VLayoutItem
+    VLazy: VLazy
     VNoSsr: VNoSsr
-    VLocaleProvider: VLocaleProvider
     VParallax: VParallax
-    VRangeSlider: VRangeSlider
     VRadio: VRadio
+    VRangeSlider: VRangeSlider
     VResponsive: VResponsive
-    VSpeedDial: VSpeedDial
     VSnackbarQueue: VSnackbarQueue
+    VSparkline: VSparkline
+    VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
+    VValidation: VValidation
+    VNavigationDrawer: VNavigationDrawer
     VVirtualScroll: VVirtualScroll
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
@@ -83122,30 +83162,27 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VValidation: VValidation
-    VHover: VHover
-    VConfirmEdit: VConfirmEdit
-    VSparkline: VSparkline
+    VLocaleProvider: VLocaleProvider
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VIconBtn: VIconBtn
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
     VPicker: VPicker
     VPickerTitle: VPickerTitle
+    VIconBtn: VIconBtn
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
     VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
   }