vuetify 3.3.2 → 3.3.4

package/dist/vuetify.d.ts

@@ -259,6 +259,7 @@ interface IconAliases {
     file: IconValue;
     plus: IconValue;
     minus: IconValue;
+    calendar: IconValue;
 }
 interface IconProps {
     tag: string;
@@ -270,9 +271,9 @@ interface IconSet {
     component: IconComponent;
 }
 type IconOptions = {
-    defaultSet: string;
+    defaultSet?: string;
     aliases?: Partial<IconAliases>;
-    sets: Record<string, IconSet>;
+    sets?: Record<string, IconSet>;
 };
 declare const VComponentIcon: {
     new (...args: any[]): {
@@ -831,36 +832,42 @@ declare const VClassIcon: {
 }>>;
 type VClassIcon = InstanceType<typeof VClassIcon>;
 
-interface DateAdapter<Date> {
-    date(value?: any): Date | null;
-    format(date: Date, formatString: string): string;
-    startOfMonth(date: Date): Date;
-    endOfMonth(date: Date): Date;
-    startOfYear(date: Date): Date;
-    endOfYear(date: Date): Date;
-    isAfter(date: Date, comparing: Date): boolean;
-    isEqual(date: Date, comparing: Date): boolean;
-    isSameDay(date: Date, comparing: Date): boolean;
-    isSameMonth(date: Date, comparing: Date): boolean;
+interface DateAdapter<T> {
+    date(value?: any): T | null;
+    format(date: T, formatString: string): string;
+    toJsDate(value: T): Date;
+    startOfMonth(date: T): T;
+    endOfMonth(date: T): T;
+    startOfYear(date: T): T;
+    endOfYear(date: T): T;
+    isBefore(date: T, comparing: T): boolean;
+    isAfter(date: T, comparing: T): boolean;
+    isEqual(date: T, comparing: T): boolean;
+    isSameDay(date: T, comparing: T): boolean;
+    isSameMonth(date: T, comparing: T): boolean;
     isValid(date: any): boolean;
-    isWithinRange(date: Date, range: [Date, Date]): boolean;
-    addDays(date: Date, amount: number): Date;
-    addMonths(date: Date, amount: number): Date;
-    getYear(date: Date): number;
-    setYear(date: Date, year: number): Date;
-    getDiff(date: Date, comparing: Date | string, unit?: string): number;
-    getWeek(date: Date): number;
-    getWeekArray(date: Date): (Date | null)[][];
+    isWithinRange(date: T, range: [T, T]): boolean;
+    addDays(date: T, amount: number): T;
+    addMonths(date: T, amount: number): T;
+    getYear(date: T): number;
+    setYear(date: T, year: number): T;
+    getDiff(date: T, comparing: T | string, unit?: string): number;
+    getWeekArray(date: T): T[][];
     getWeekdays(): string[];
-    getMonth(date: Date): number;
+    getMonth(date: T): number;
 }
 
-interface DateInstance extends DateAdapter<Date> {
-    locale: string;
+interface DateInstance<T> extends DateAdapter<T> {
+    locale?: any;
 }
-type DateOptions = {
-    adapter: (new (locale: string) => DateInstance) | DateInstance;
+type InternalDateOptions<T = any> = {
+    adapter: (new (options: {
+        locale: any;
+    }) => DateInstance<T>) | DateInstance<T>;
+    formats?: Record<string, string>;
+    locale: Record<string, any>;
 };
+type DateOptions<T = any> = Partial<InternalDateOptions<T>>;
 
 type Position = 'top' | 'left' | 'right' | 'bottom';
 interface Layer {
@@ -2172,7 +2179,9 @@ declare const VAppBarNavIcon: {
             density?: Density | undefined;
             variant?: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">> | undefined;
             stacked?: boolean | undefined;
-            ripple?: boolean | undefined;
+            ripple?: boolean | {
+                class: string;
+            } | undefined;
             key?: string | number | symbol | undefined;
             location?: Anchor | undefined;
             height?: string | number | undefined;
@@ -2291,7 +2300,9 @@ declare const VAppBarNavIcon: {
             density: Density;
             variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
             stacked: boolean;
-            ripple: boolean;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
         } & {
             location?: Anchor | undefined;
             height?: string | number | undefined;
@@ -2350,7 +2361,9 @@ declare const VAppBarNavIcon: {
             density: Density;
             variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
             stacked: boolean;
-            ripple: boolean;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
         }, {}, string, vue.SlotsType<Partial<{
             default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
@@ -2398,7 +2411,9 @@ declare const VAppBarNavIcon: {
         density: Density;
         variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         stacked: boolean;
-        ripple: boolean;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
     } & {
         location?: Anchor | undefined;
         height?: string | number | undefined;
@@ -2459,7 +2474,9 @@ declare const VAppBarNavIcon: {
     density: Density;
     variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
     stacked: boolean;
-    ripple: boolean;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
 } & {
     location?: Anchor | undefined;
     height?: string | number | undefined;
@@ -2518,7 +2535,9 @@ declare const VAppBarNavIcon: {
     density: Density;
     variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
     stacked: boolean;
-    ripple: boolean;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
@@ -2613,7 +2632,9 @@ declare const VAppBarNavIcon: {
     block: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: BooleanConstructor;
+        type: vue.PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     text: StringConstructor;
@@ -2698,7 +2719,9 @@ declare const VAppBarNavIcon: {
     block: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: BooleanConstructor;
+        type: vue.PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     text: StringConstructor;
@@ -8633,9 +8656,9 @@ declare const VBreadcrumbs: {
             style?: vue.StyleValue | undefined;
             disabled?: boolean | undefined;
             tag?: string | undefined;
+            divider?: string | undefined;
             rounded?: string | number | boolean | undefined;
             density?: Density | undefined;
-            divider?: string | undefined;
             key?: string | number | symbol | undefined;
             color?: string | undefined;
             class?: any;
@@ -8719,8 +8742,8 @@ declare const VBreadcrumbs: {
             style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            density: Density;
             divider: string;
+            density: Density;
         } & {
             color?: string | undefined;
             class?: any;
@@ -8733,9 +8756,9 @@ declare const VBreadcrumbs: {
             style: vue.StyleValue;
             disabled: boolean;
             tag: string;
+            divider: string;
             rounded: string | number | boolean;
             density: Density;
-            divider: string;
         }, {}, string, vue.SlotsType<Partial<{
             prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
@@ -8779,8 +8802,8 @@ declare const VBreadcrumbs: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        density: Density;
         divider: string;
+        density: Density;
     } & {
         color?: string | undefined;
         class?: any;
@@ -8797,8 +8820,8 @@ declare const VBreadcrumbs: {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    density: Density;
     divider: string;
+    density: Density;
 } & {
     color?: string | undefined;
     class?: any;
@@ -8811,9 +8834,9 @@ declare const VBreadcrumbs: {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
+    divider: string;
     rounded: string | number | boolean;
     density: Density;
-    divider: string;
 }, {}, string, vue.SlotsType<Partial<{
     prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
@@ -9199,6 +9222,7 @@ declare const VBreadcrumbsDivider: {
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            divider?: string | number | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -9240,7 +9264,6 @@ declare const VBreadcrumbsDivider: {
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            divider?: string | number | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -9371,7 +9394,9 @@ declare const VBtn: {
             density?: Density | undefined;
             variant?: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"> | undefined;
             stacked?: boolean | undefined;
-            ripple?: boolean | undefined;
+            ripple?: boolean | {
+                class: string;
+            } | undefined;
             key?: string | number | symbol | undefined;
             location?: Anchor | undefined;
             height?: string | number | undefined;
@@ -9495,7 +9520,9 @@ declare const VBtn: {
             density: Density;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             stacked: boolean;
-            ripple: boolean;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
         } & {
             location?: Anchor | undefined;
             height?: string | number | undefined;
@@ -9562,7 +9589,9 @@ declare const VBtn: {
             density: Density;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             stacked: boolean;
-            ripple: boolean;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
         }, {}, string, vue.SlotsType<Partial<{
             default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
@@ -9609,7 +9638,9 @@ declare const VBtn: {
         density: Density;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         stacked: boolean;
-        ripple: boolean;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
     } & {
         location?: Anchor | undefined;
         height?: string | number | undefined;
@@ -9674,7 +9705,9 @@ declare const VBtn: {
     density: Density;
     variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     stacked: boolean;
-    ripple: boolean;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
 } & {
     location?: Anchor | undefined;
     height?: string | number | undefined;
@@ -9741,7 +9774,9 @@ declare const VBtn: {
     density: Density;
     variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     stacked: boolean;
-    ripple: boolean;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
@@ -9830,7 +9865,9 @@ declare const VBtn: {
     block: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     text: StringConstructor;
@@ -9909,7 +9946,9 @@ declare const VBtn: {
     block: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     text: StringConstructor;
@@ -10823,7 +10862,9 @@ declare const VCard: {
             rounded?: string | number | boolean | undefined;
             density?: Density | undefined;
             variant?: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"> | undefined;
-            ripple?: boolean | undefined;
+            ripple?: boolean | {
+                class: string;
+            } | undefined;
             hover?: boolean | undefined;
             key?: string | number | symbol | undefined;
             location?: Anchor | undefined;
@@ -10977,7 +11018,9 @@ declare const VCard: {
             tag: string;
             density: Density;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            ripple: boolean;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
             hover: boolean;
         } & {
             link?: boolean | undefined;
@@ -11053,7 +11096,9 @@ declare const VCard: {
             rounded: string | number | boolean;
             density: Density;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            ripple: boolean;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
             hover: boolean;
         }, {}, string, vue.SlotsType<Partial<{
             default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -11115,7 +11160,9 @@ declare const VCard: {
         tag: string;
         density: Density;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        ripple: boolean;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
         hover: boolean;
     } & {
         link?: boolean | undefined;
@@ -11193,7 +11240,9 @@ declare const VCard: {
     tag: string;
     density: Density;
     variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    ripple: boolean;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
     hover: boolean;
 } & {
     link?: boolean | undefined;
@@ -11269,7 +11318,9 @@ declare const VCard: {
     rounded: string | number | boolean;
     density: Density;
     variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    ripple: boolean;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
     hover: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -11305,11 +11356,11 @@ declare const VCard: {
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     color: StringConstructor;
     variant: Omit<{
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     theme: StringConstructor;
@@ -11319,17 +11370,17 @@ declare const VCard: {
     };
     href: StringConstructor;
     replace: BooleanConstructor;
-    to: vue.PropType<vue_router.RouteLocationRaw>;
+    to: PropType<vue_router.RouteLocationRaw>;
     exact: BooleanConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     position: {
-        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
         validator: (v: any) => boolean;
     };
-    location: vue.PropType<Anchor>;
+    location: PropType<Anchor>;
     loading: (StringConstructor | BooleanConstructor)[];
     elevation: {
         type: (StringConstructor | NumberConstructor)[];
@@ -11342,18 +11393,18 @@ declare const VCard: {
     minWidth: (StringConstructor | NumberConstructor)[];
     width: (StringConstructor | NumberConstructor)[];
     density: {
-        type: vue.PropType<Density>;
+        type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<any>;
+    class: PropType<any>;
     style: {
-        type: vue.PropType<vue.StyleValue>;
+        type: PropType<vue.StyleValue>;
         default: null;
     };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     appendAvatar: StringConstructor;
-    appendIcon: vue.PropType<IconValue>;
+    appendIcon: PropType<IconValue>;
     disabled: BooleanConstructor;
     flat: BooleanConstructor;
     hover: BooleanConstructor;
@@ -11363,9 +11414,11 @@ declare const VCard: {
         default: undefined;
     };
     prependAvatar: StringConstructor;
-    prependIcon: vue.PropType<IconValue>;
+    prependIcon: PropType<IconValue>;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     subtitle: StringConstructor;
@@ -11374,11 +11427,11 @@ declare const VCard: {
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<{
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     theme: StringConstructor;
@@ -11388,17 +11441,17 @@ declare const VCard: {
     };
     href: StringConstructor;
     replace: BooleanConstructor;
-    to: vue.PropType<vue_router.RouteLocationRaw>;
+    to: PropType<vue_router.RouteLocationRaw>;
     exact: BooleanConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     position: {
-        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
         validator: (v: any) => boolean;
     };
-    location: vue.PropType<Anchor>;
+    location: PropType<Anchor>;
     loading: (StringConstructor | BooleanConstructor)[];
     elevation: {
         type: (StringConstructor | NumberConstructor)[];
@@ -11411,18 +11464,18 @@ declare const VCard: {
     minWidth: (StringConstructor | NumberConstructor)[];
     width: (StringConstructor | NumberConstructor)[];
     density: {
-        type: vue.PropType<Density>;
+        type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<any>;
+    class: PropType<any>;
     style: {
-        type: vue.PropType<vue.StyleValue>;
+        type: PropType<vue.StyleValue>;
         default: null;
     };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     appendAvatar: StringConstructor;
-    appendIcon: vue.PropType<IconValue>;
+    appendIcon: PropType<IconValue>;
     disabled: BooleanConstructor;
     flat: BooleanConstructor;
     hover: BooleanConstructor;
@@ -11432,9 +11485,11 @@ declare const VCard: {
         default: undefined;
     };
     prependAvatar: StringConstructor;
-    prependIcon: vue.PropType<IconValue>;
+    prependIcon: PropType<IconValue>;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     subtitle: StringConstructor;
@@ -14724,6 +14779,7 @@ declare const VCheckbox: {
             "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             modelValue?: any;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
             defaultsTarget?: string | undefined;
@@ -14778,7 +14834,7 @@ declare const VCheckbox: {
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "update:focused", focused: boolean) => void;
+        $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "update:focused", focused: boolean) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
             error: boolean;
@@ -14860,8 +14916,10 @@ declare const VCheckbox: {
             }) => vue.VNodeChild) | undefined;
             "v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
         } & {
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            'update:modelValue': (value: boolean) => boolean;
             'update:focused': (focused: boolean) => boolean;
         }, string, {
             error: boolean;
@@ -15009,6 +15067,7 @@ declare const VCheckbox: {
         }) => vue.VNodeChild) | undefined;
         "v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
     } & {
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
@@ -15094,8 +15153,10 @@ declare const VCheckbox: {
     }) => vue.VNodeChild) | undefined;
     "v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
 } & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (value: boolean) => boolean;
     'update:focused': (focused: boolean) => boolean;
 }, string, {
     error: boolean;
@@ -15809,7 +15870,9 @@ declare const VChip: {
             density?: Density | undefined;
             variant?: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"> | undefined;
             modelValue?: boolean | undefined;
-            ripple?: boolean | undefined;
+            ripple?: boolean | {
+                class: string;
+            } | undefined;
             closable?: boolean | undefined;
             closeIcon?: IconValue | undefined;
             closeLabel?: string | undefined;
@@ -15982,7 +16045,9 @@ declare const VChip: {
             density: Density;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             modelValue: boolean;
-            ripple: boolean;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
             closable: boolean;
             closeIcon: IconValue;
             closeLabel: string;
@@ -16089,7 +16154,9 @@ declare const VChip: {
             density: Density;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             modelValue: boolean;
-            ripple: boolean;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
             closable: boolean;
             closeIcon: IconValue;
             closeLabel: string;
@@ -16154,7 +16221,9 @@ declare const VChip: {
         density: Density;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         modelValue: boolean;
-        ripple: boolean;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
         closable: boolean;
         closeIcon: IconValue;
         closeLabel: string;
@@ -16256,7 +16325,9 @@ declare const VChip: {
     density: Density;
     variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     modelValue: boolean;
-    ripple: boolean;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
     closable: boolean;
     closeIcon: IconValue;
     closeLabel: string;
@@ -16363,7 +16434,9 @@ declare const VChip: {
     density: Density;
     variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     modelValue: boolean;
-    ripple: boolean;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
     closable: boolean;
     closeIcon: IconValue;
     closeLabel: string;
@@ -16398,11 +16471,11 @@ declare const VChip: {
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     color: StringConstructor;
     variant: Omit<{
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     theme: StringConstructor;
@@ -16410,7 +16483,7 @@ declare const VChip: {
         type: StringConstructor;
         default: string;
     }, "type" | "default"> & {
-        type: vue.PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     size: {
@@ -16419,7 +16492,7 @@ declare const VChip: {
     };
     href: StringConstructor;
     replace: BooleanConstructor;
-    to: vue.PropType<vue_router.RouteLocationRaw>;
+    to: PropType<vue_router.RouteLocationRaw>;
     exact: BooleanConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -16433,22 +16506,22 @@ declare const VChip: {
         validator(v: any): boolean;
     };
     density: {
-        type: vue.PropType<Density>;
+        type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<any>;
+    class: PropType<any>;
     style: {
-        type: vue.PropType<vue.StyleValue>;
+        type: PropType<vue.StyleValue>;
         default: null;
     };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     activeClass: StringConstructor;
     appendAvatar: StringConstructor;
-    appendIcon: vue.PropType<IconValue>;
+    appendIcon: PropType<IconValue>;
     closable: BooleanConstructor;
     closeIcon: {
-        type: vue.PropType<IconValue>;
+        type: PropType<IconValue>;
         default: string;
     };
     closeLabel: {
@@ -16468,9 +16541,11 @@ declare const VChip: {
     };
     pill: BooleanConstructor;
     prependAvatar: StringConstructor;
-    prependIcon: vue.PropType<IconValue>;
+    prependIcon: PropType<IconValue>;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     text: StringConstructor;
@@ -16478,16 +16553,16 @@ declare const VChip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    onClick: vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-    onClickOnce: vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    onClick: PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    onClickOnce: PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<{
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     theme: StringConstructor;
@@ -16495,7 +16570,7 @@ declare const VChip: {
         type: StringConstructor;
         default: string;
     }, "type" | "default"> & {
-        type: vue.PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     size: {
@@ -16504,7 +16579,7 @@ declare const VChip: {
     };
     href: StringConstructor;
     replace: BooleanConstructor;
-    to: vue.PropType<vue_router.RouteLocationRaw>;
+    to: PropType<vue_router.RouteLocationRaw>;
     exact: BooleanConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -16518,22 +16593,22 @@ declare const VChip: {
         validator(v: any): boolean;
     };
     density: {
-        type: vue.PropType<Density>;
+        type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<any>;
+    class: PropType<any>;
     style: {
-        type: vue.PropType<vue.StyleValue>;
+        type: PropType<vue.StyleValue>;
         default: null;
     };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     activeClass: StringConstructor;
     appendAvatar: StringConstructor;
-    appendIcon: vue.PropType<IconValue>;
+    appendIcon: PropType<IconValue>;
     closable: BooleanConstructor;
     closeIcon: {
-        type: vue.PropType<IconValue>;
+        type: PropType<IconValue>;
         default: string;
     };
     closeLabel: {
@@ -16553,9 +16628,11 @@ declare const VChip: {
     };
     pill: BooleanConstructor;
     prependAvatar: StringConstructor;
-    prependIcon: vue.PropType<IconValue>;
+    prependIcon: PropType<IconValue>;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     text: StringConstructor;
@@ -16563,8 +16640,8 @@ declare const VChip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    onClick: vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-    onClickOnce: vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    onClick: PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    onClickOnce: PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
 }>>;
 type VChip = InstanceType<typeof VChip>;
 
@@ -19590,9 +19667,9 @@ declare const VCounter: {
             max?: string | number | undefined;
             key?: string | number | symbol | undefined;
             class?: any;
-            $children?: vue.VNodeChild | {
+            $children?: vue.VNodeChild | ((arg: VCounterSlot) => vue.VNodeChild) | {
                 default?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-            } | ((arg: VCounterSlot) => vue.VNodeChild);
+            };
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
@@ -19667,9 +19744,9 @@ declare const VCounter: {
             max?: string | number | undefined;
             class?: any;
         } & {
-            $children?: vue.VNodeChild | {
+            $children?: vue.VNodeChild | ((arg: VCounterSlot) => vue.VNodeChild) | {
                 default?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-            } | ((arg: VCounterSlot) => vue.VNodeChild);
+            };
             'v-slots'?: {
                 default?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
             } | undefined;
@@ -19721,9 +19798,9 @@ declare const VCounter: {
         max?: string | number | undefined;
         class?: any;
     } & {
-        $children?: vue.VNodeChild | {
+        $children?: vue.VNodeChild | ((arg: VCounterSlot) => vue.VNodeChild) | {
             default?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-        } | ((arg: VCounterSlot) => vue.VNodeChild);
+        };
         'v-slots'?: {
             default?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
         } | undefined;
@@ -19746,9 +19823,9 @@ declare const VCounter: {
     max?: string | number | undefined;
     class?: any;
 } & {
-    $children?: vue.VNodeChild | {
+    $children?: vue.VNodeChild | ((arg: VCounterSlot) => vue.VNodeChild) | {
         default?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-    } | ((arg: VCounterSlot) => vue.VNodeChild);
+    };
     'v-slots'?: {
         default?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
     } | undefined;
@@ -22315,7 +22392,9 @@ declare const VExpansionPanel: {
             readonly?: boolean | undefined;
             tag?: string | undefined;
             rounded?: string | number | boolean | undefined;
-            ripple?: boolean | Record<string, any> | undefined;
+            ripple?: boolean | {
+                class: string;
+            } | undefined;
             collapseIcon?: IconValue | undefined;
             expandIcon?: IconValue | undefined;
             hideActions?: boolean | undefined;
@@ -22415,7 +22494,9 @@ declare const VExpansionPanel: {
             disabled: boolean;
             readonly: boolean;
             tag: string;
-            ripple: boolean | Record<string, any>;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
             collapseIcon: IconValue;
             expandIcon: IconValue;
             hideActions: boolean;
@@ -22459,7 +22540,9 @@ declare const VExpansionPanel: {
             readonly: boolean;
             tag: string;
             rounded: string | number | boolean;
-            ripple: boolean | Record<string, any>;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
             collapseIcon: IconValue;
             expandIcon: IconValue;
             hideActions: boolean;
@@ -22499,7 +22582,9 @@ declare const VExpansionPanel: {
         disabled: boolean;
         readonly: boolean;
         tag: string;
-        ripple: boolean | Record<string, any>;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
         collapseIcon: IconValue;
         expandIcon: IconValue;
         hideActions: boolean;
@@ -22542,7 +22627,9 @@ declare const VExpansionPanel: {
     disabled: boolean;
     readonly: boolean;
     tag: string;
-    ripple: boolean | Record<string, any>;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
     collapseIcon: IconValue;
     expandIcon: IconValue;
     hideActions: boolean;
@@ -22586,7 +22673,9 @@ declare const VExpansionPanel: {
     readonly: boolean;
     tag: string;
     rounded: string | number | boolean;
-    ripple: boolean | Record<string, any>;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
     collapseIcon: IconValue;
     expandIcon: IconValue;
     hideActions: boolean;
@@ -22617,7 +22706,9 @@ declare const VExpansionPanel: {
     };
     hideActions: BooleanConstructor;
     ripple: {
-        type: (ObjectConstructor | BooleanConstructor)[];
+        type: vue.PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     readonly: BooleanConstructor;
@@ -22657,7 +22748,9 @@ declare const VExpansionPanel: {
     };
     hideActions: BooleanConstructor;
     ripple: {
-        type: (ObjectConstructor | BooleanConstructor)[];
+        type: vue.PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     readonly: BooleanConstructor;
@@ -22867,7 +22960,9 @@ declare const VExpansionPanelTitle: {
         $props: {
             style?: vue.StyleValue | undefined;
             readonly?: boolean | undefined;
-            ripple?: boolean | Record<string, any> | undefined;
+            ripple?: boolean | {
+                class: string;
+            } | undefined;
             collapseIcon?: IconValue | undefined;
             expandIcon?: IconValue | undefined;
             hideActions?: boolean | undefined;
@@ -22947,7 +23042,9 @@ declare const VExpansionPanelTitle: {
         $options: vue.ComponentOptionsBase<{
             style: vue.StyleValue;
             readonly: boolean;
-            ripple: boolean | Record<string, any>;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
             collapseIcon: IconValue;
             expandIcon: IconValue;
             hideActions: boolean;
@@ -22969,7 +23066,9 @@ declare const VExpansionPanelTitle: {
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             style: vue.StyleValue;
             readonly: boolean;
-            ripple: boolean | Record<string, any>;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
             collapseIcon: IconValue;
             expandIcon: IconValue;
             hideActions: boolean;
@@ -23003,7 +23102,9 @@ declare const VExpansionPanelTitle: {
     } & {
         style: vue.StyleValue;
         readonly: boolean;
-        ripple: boolean | Record<string, any>;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
         collapseIcon: IconValue;
         expandIcon: IconValue;
         hideActions: boolean;
@@ -23029,7 +23130,9 @@ declare const VExpansionPanelTitle: {
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
     readonly: boolean;
-    ripple: boolean | Record<string, any>;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
     collapseIcon: IconValue;
     expandIcon: IconValue;
     hideActions: boolean;
@@ -23051,7 +23154,9 @@ declare const VExpansionPanelTitle: {
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     style: vue.StyleValue;
     readonly: boolean;
-    ripple: boolean | Record<string, any>;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
     collapseIcon: IconValue;
     expandIcon: IconValue;
     hideActions: boolean;
@@ -23063,44 +23168,48 @@ declare const VExpansionPanelTitle: {
         [key: string]: any;
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    class: vue.PropType<any>;
+    class: PropType<any>;
     style: {
-        type: vue.PropType<vue.StyleValue>;
+        type: PropType<vue.StyleValue>;
         default: null;
     };
     color: StringConstructor;
     expandIcon: {
-        type: vue.PropType<IconValue>;
+        type: PropType<IconValue>;
         default: string;
     };
     collapseIcon: {
-        type: vue.PropType<IconValue>;
+        type: PropType<IconValue>;
         default: string;
     };
     hideActions: BooleanConstructor;
     ripple: {
-        type: (ObjectConstructor | BooleanConstructor)[];
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     readonly: BooleanConstructor;
 }, vue.ExtractPropTypes<{
-    class: vue.PropType<any>;
+    class: PropType<any>;
     style: {
-        type: vue.PropType<vue.StyleValue>;
+        type: PropType<vue.StyleValue>;
         default: null;
     };
     color: StringConstructor;
     expandIcon: {
-        type: vue.PropType<IconValue>;
+        type: PropType<IconValue>;
         default: string;
     };
     collapseIcon: {
-        type: vue.PropType<IconValue>;
+        type: PropType<IconValue>;
         default: string;
     };
     hideActions: BooleanConstructor;
     ripple: {
-        type: (ObjectConstructor | BooleanConstructor)[];
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     readonly: BooleanConstructor;
@@ -29639,7 +29748,9 @@ declare const VListItem: {
             rounded?: string | number | boolean | undefined;
             density?: Density | undefined;
             variant?: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"> | undefined;
-            ripple?: boolean | undefined;
+            ripple?: boolean | {
+                class: string;
+            } | undefined;
             key?: string | number | symbol | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
@@ -29764,7 +29875,9 @@ declare const VListItem: {
             tag: string;
             density: Density;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            ripple: boolean;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
         } & {
             link?: boolean | undefined;
             height?: string | number | undefined;
@@ -29832,7 +29945,9 @@ declare const VListItem: {
             rounded: string | number | boolean;
             density: Density;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            ripple: boolean;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
         }, {}, string, vue.SlotsType<Partial<{
             prepend: (arg: ListItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
@@ -29878,7 +29993,9 @@ declare const VListItem: {
         tag: string;
         density: Density;
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        ripple: boolean;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
     } & {
         link?: boolean | undefined;
         height?: string | number | undefined;
@@ -29945,7 +30062,9 @@ declare const VListItem: {
     tag: string;
     density: Density;
     variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    ripple: boolean;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
 } & {
     link?: boolean | undefined;
     height?: string | number | undefined;
@@ -30013,7 +30132,9 @@ declare const VListItem: {
     rounded: string | number | boolean;
     density: Density;
     variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    ripple: boolean;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
 }, {}, string, vue.SlotsType<Partial<{
     prepend: (arg: ListItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
@@ -30093,7 +30214,9 @@ declare const VListItem: {
     prependAvatar: StringConstructor;
     prependIcon: PropType<IconValue>;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     subtitle: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -30164,7 +30287,9 @@ declare const VListItem: {
     prependAvatar: StringConstructor;
     prependIcon: PropType<IconValue>;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     subtitle: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -46648,7 +46773,9 @@ declare const VTab: {
             variant?: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">> | undefined;
             selectedClass?: string | undefined;
             stacked?: boolean | undefined;
-            ripple?: boolean | undefined;
+            ripple?: boolean | {
+                class: string;
+            } | undefined;
             hideSlider?: boolean | undefined;
             key?: string | number | symbol | undefined;
             height?: string | number | undefined;
@@ -46748,7 +46875,9 @@ declare const VTab: {
             variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
             selectedClass: string;
             stacked: boolean;
-            ripple: boolean;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
             hideSlider: boolean;
         } & {
             height?: string | number | undefined;
@@ -46795,7 +46924,9 @@ declare const VTab: {
             variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
             selectedClass: string;
             stacked: boolean;
-            ripple: boolean;
+            ripple: boolean | {
+                class: string;
+            } | undefined;
             hideSlider: boolean;
         }, {}, string, vue.SlotsType<Partial<{
             default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -46834,7 +46965,9 @@ declare const VTab: {
         variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         selectedClass: string;
         stacked: boolean;
-        ripple: boolean;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
         hideSlider: boolean;
     } & {
         height?: string | number | undefined;
@@ -46884,7 +47017,9 @@ declare const VTab: {
     variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
     selectedClass: string;
     stacked: boolean;
-    ripple: boolean;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
     hideSlider: boolean;
 } & {
     height?: string | number | undefined;
@@ -46931,7 +47066,9 @@ declare const VTab: {
     variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
     selectedClass: string;
     stacked: boolean;
-    ripple: boolean;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
     hideSlider: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -47004,7 +47141,9 @@ declare const VTab: {
     appendIcon: PropType<IconValue>;
     stacked: BooleanConstructor;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     fixed: BooleanConstructor;
@@ -47081,7 +47220,9 @@ declare const VTab: {
     appendIcon: PropType<IconValue>;
     stacked: BooleanConstructor;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     fixed: BooleanConstructor;
@@ -59796,7 +59937,7 @@ declare const createVuetify: {
             n: (value: number) => string;
             provide: (props: LocaleOptions) => LocaleInstance;
         };
-        date: DateOptions;
+        date: Record<string, any>;
     };
     version: string;
 };
@@ -59871,13 +60012,13 @@ declare module '@vue/runtime-core' {
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VChip: typeof import('vuetify/components')['VChip']
     VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VCode: typeof import('vuetify/components')['VCode']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VCombobox: typeof import('vuetify/components')['VCombobox']
     VCounter: typeof import('vuetify/components')['VCounter']
@@ -59912,6 +60053,7 @@ declare module '@vue/runtime-core' {
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
     VMain: typeof import('vuetify/components')['VMain']
+    VMenu: typeof import('vuetify/components')['VMenu']
     VMessages: typeof import('vuetify/components')['VMessages']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
     VOverlay: typeof import('vuetify/components')['VOverlay']
@@ -59927,13 +60069,12 @@ declare module '@vue/runtime-core' {
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
     VSlider: typeof import('vuetify/components')['VSlider']
-    VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VSwitch: typeof import('vuetify/components')['VSwitch']
+    VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTab: typeof import('vuetify/components')['VTab']
     VTable: typeof import('vuetify/components')['VTable']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
     VTextField: typeof import('vuetify/components')['VTextField']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
@@ -59945,11 +60086,11 @@ declare module '@vue/runtime-core' {
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
     VForm: typeof import('vuetify/components')['VForm']
+    VHover: typeof import('vuetify/components')['VHover']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
-    VHover: typeof import('vuetify/components')['VHover']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
     VLazy: typeof import('vuetify/components')['VLazy']
@@ -59959,7 +60100,6 @@ declare module '@vue/runtime-core' {
     VRadio: typeof import('vuetify/components')['VRadio']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VResponsive: typeof import('vuetify/components')['VResponsive']
-    VMenu: typeof import('vuetify/components')['VMenu']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VValidation: typeof import('vuetify/components')['VValidation']
     VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
@@ -59979,6 +60119,7 @@ declare module '@vue/runtime-core' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
     VBottomSheet: typeof import('vuetify/labs/components')['VBottomSheet']
     VDataTable: typeof import('vuetify/labs/components')['VDataTable']
     VDataTableFooter: typeof import('vuetify/labs/components')['VDataTableFooter']
@@ -59986,7 +60127,15 @@ declare module '@vue/runtime-core' {
     VDataTableRow: typeof import('vuetify/labs/components')['VDataTableRow']
     VDataTableVirtual: typeof import('vuetify/labs/components')['VDataTableVirtual']
     VDataTableServer: typeof import('vuetify/labs/components')['VDataTableServer']
+    VDateCard: typeof import('vuetify/labs/components')['VDateCard']
+    VDatePicker: typeof import('vuetify/labs/components')['VDatePicker']
+    VDatePickerControls: typeof import('vuetify/labs/components')['VDatePickerControls']
+    VDatePickerHeader: typeof import('vuetify/labs/components')['VDatePickerHeader']
+    VDatePickerMonth: typeof import('vuetify/labs/components')['VDatePickerMonth']
+    VDatePickerYears: typeof import('vuetify/labs/components')['VDatePickerYears']
     VInfiniteScroll: typeof import('vuetify/labs/components')['VInfiniteScroll']
+    VPicker: typeof import('vuetify/labs/components')['VPicker']
+    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VSkeletonLoader: typeof import('vuetify/labs/components')['VSkeletonLoader']
     VDataIterator: typeof import('vuetify/labs/components')['VDataIterator']
   }