vuetify 3.3.2 → 3.3.4

package/lib/components/index.d.mts

@@ -1932,7 +1932,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;
@@ -2051,7 +2053,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;
@@ -2110,7 +2114,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;
@@ -2158,7 +2164,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;
@@ -2219,7 +2227,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;
@@ -2278,7 +2288,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;
@@ -2373,7 +2385,9 @@ declare const VAppBarNavIcon: {
     block: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: BooleanConstructor;
+        type: vue.PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     text: StringConstructor;
@@ -2458,7 +2472,9 @@ declare const VAppBarNavIcon: {
     block: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: BooleanConstructor;
+        type: vue.PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     text: StringConstructor;
@@ -8396,9 +8412,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;
@@ -8482,8 +8498,8 @@ declare const VBreadcrumbs: {
             style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            density: Density;
             divider: string;
+            density: Density;
         } & {
             color?: string | undefined;
             class?: any;
@@ -8496,9 +8512,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;
@@ -8542,8 +8558,8 @@ declare const VBreadcrumbs: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        density: Density;
         divider: string;
+        density: Density;
     } & {
         color?: string | undefined;
         class?: any;
@@ -8560,8 +8576,8 @@ declare const VBreadcrumbs: {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    density: Density;
     divider: string;
+    density: Density;
 } & {
     color?: string | undefined;
     class?: any;
@@ -8574,9 +8590,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;
@@ -8962,6 +8978,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;
@@ -9003,7 +9020,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;
@@ -9134,7 +9150,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;
@@ -9258,7 +9276,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;
@@ -9325,7 +9345,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;
@@ -9372,7 +9394,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;
@@ -9437,7 +9461,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;
@@ -9504,7 +9530,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;
@@ -9593,7 +9621,9 @@ declare const VBtn: {
     block: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     text: StringConstructor;
@@ -9672,7 +9702,9 @@ declare const VBtn: {
     block: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     text: StringConstructor;
@@ -10586,7 +10618,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;
@@ -10740,7 +10774,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;
@@ -10816,7 +10852,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, {
@@ -10878,7 +10916,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;
@@ -10956,7 +10996,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;
@@ -11032,7 +11074,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, {
@@ -11068,11 +11112,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;
@@ -11082,17 +11126,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)[];
@@ -11105,18 +11149,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;
@@ -11126,9 +11170,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;
@@ -11137,11 +11183,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;
@@ -11151,17 +11197,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)[];
@@ -11174,18 +11220,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;
@@ -11195,9 +11241,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;
@@ -14474,6 +14522,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;
@@ -14528,7 +14577,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;
@@ -14610,8 +14659,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;
@@ -14759,6 +14810,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;
@@ -14844,8 +14896,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;
@@ -15559,7 +15613,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;
@@ -15732,7 +15788,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;
@@ -15839,7 +15897,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;
@@ -15904,7 +15964,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;
@@ -16006,7 +16068,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;
@@ -16113,7 +16177,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;
@@ -16148,11 +16214,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;
@@ -16160,7 +16226,7 @@ declare const VChip: {
         type: StringConstructor;
         default: string;
     }, "type" | "default"> & {
-        type: vue.PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     size: {
@@ -16169,7 +16235,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)[];
@@ -16183,22 +16249,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: {
@@ -16218,9 +16284,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;
@@ -16228,16 +16296,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;
@@ -16245,7 +16313,7 @@ declare const VChip: {
         type: StringConstructor;
         default: string;
     }, "type" | "default"> & {
-        type: vue.PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     size: {
@@ -16254,7 +16322,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)[];
@@ -16268,22 +16336,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: {
@@ -16303,9 +16371,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;
@@ -16313,8 +16383,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>;
 
@@ -19340,9 +19410,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;
@@ -19417,9 +19487,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;
@@ -19471,9 +19541,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;
@@ -19496,9 +19566,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;
@@ -22071,7 +22141,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;
@@ -22171,7 +22243,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;
@@ -22215,7 +22289,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;
@@ -22255,7 +22331,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;
@@ -22298,7 +22376,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;
@@ -22342,7 +22422,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;
@@ -22373,7 +22455,9 @@ declare const VExpansionPanel: {
     };
     hideActions: BooleanConstructor;
     ripple: {
-        type: (ObjectConstructor | BooleanConstructor)[];
+        type: vue.PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     readonly: BooleanConstructor;
@@ -22413,7 +22497,9 @@ declare const VExpansionPanel: {
     };
     hideActions: BooleanConstructor;
     ripple: {
-        type: (ObjectConstructor | BooleanConstructor)[];
+        type: vue.PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     readonly: BooleanConstructor;
@@ -22623,7 +22709,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;
@@ -22703,7 +22791,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;
@@ -22725,7 +22815,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;
@@ -22759,7 +22851,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;
@@ -22785,7 +22879,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;
@@ -22807,7 +22903,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;
@@ -22819,44 +22917,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;
@@ -29406,7 +29508,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;
@@ -29531,7 +29635,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;
@@ -29599,7 +29705,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;
@@ -29645,7 +29753,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;
@@ -29712,7 +29822,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;
@@ -29780,7 +29892,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;
@@ -29860,7 +29974,9 @@ declare const VListItem: {
     prependAvatar: StringConstructor;
     prependIcon: PropType<IconValue>;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     subtitle: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -29931,7 +30047,9 @@ declare const VListItem: {
     prependAvatar: StringConstructor;
     prependIcon: PropType<IconValue>;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     subtitle: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -46415,7 +46533,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;
@@ -46515,7 +46635,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;
@@ -46562,7 +46684,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, {
@@ -46601,7 +46725,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;
@@ -46651,7 +46777,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;
@@ -46698,7 +46826,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, {
@@ -46771,7 +46901,9 @@ declare const VTab: {
     appendIcon: PropType<IconValue>;
     stacked: BooleanConstructor;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     fixed: BooleanConstructor;
@@ -46848,7 +46980,9 @@ declare const VTab: {
     appendIcon: PropType<IconValue>;
     stacked: BooleanConstructor;
     ripple: {
-        type: BooleanConstructor;
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
         default: boolean;
     };
     fixed: BooleanConstructor;