@vuetify/nightly 4.0.0-dev-20230426.0 → 4.0.0-dev-20230511.0

package/lib/components/VCard/{index.d.ts → index.d.mts}

@@ -15,7 +15,7 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
 
 type Density = null | 'default' | 'comfortable' | 'compact';
 
-type IconValue = string | JSXComponent;
+type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
 interface LoaderSlotProps {
@@ -32,6 +32,7 @@ declare const VCard: {
             link: boolean;
             flat: boolean;
             exact: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
             rounded: string | number | boolean;
@@ -43,6 +44,7 @@ declare const VCard: {
             replace: boolean;
             flat: boolean;
             exact: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
             density: Density;
@@ -65,6 +67,7 @@ declare const VCard: {
             title?: string | undefined;
             image?: string | undefined;
             text?: string | undefined;
+            class?: any;
             href?: string | undefined;
             elevation?: string | number | undefined;
             to?: vue_router.RouteLocationRaw | undefined;
@@ -76,7 +79,7 @@ declare const VCard: {
             prependAvatar?: string | undefined;
             subtitle?: string | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 actions?: (() => vue.VNodeChild) | undefined;
                 title?: (() => vue.VNodeChild) | undefined;
@@ -87,17 +90,6 @@ declare const VCard: {
                 prepend?: (() => vue.VNodeChild) | undefined;
                 append?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                actions?: (() => vue.VNodeChild) | undefined;
-                title?: (() => vue.VNodeChild) | undefined;
-                subtitle?: (() => vue.VNodeChild) | undefined;
-                text?: (() => vue.VNodeChild) | undefined;
-                loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                image?: (() => vue.VNodeChild) | undefined;
-                prepend?: (() => vue.VNodeChild) | undefined;
-                append?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 actions?: false | (() => vue.VNodeChild) | undefined;
@@ -119,7 +111,7 @@ declare const VCard: {
             "v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "replace" | "link" | "flat" | "exact" | "disabled" | "tag" | "rounded" | "density" | "variant" | "ripple" | "hover">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "replace" | "link" | "flat" | "exact" | "style" | "disabled" | "tag" | "rounded" | "density" | "variant" | "ripple" | "hover">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -137,6 +129,7 @@ declare const VCard: {
             replace: boolean;
             flat: boolean;
             exact: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
             density: Density;
@@ -159,6 +152,7 @@ declare const VCard: {
             title?: string | undefined;
             image?: string | undefined;
             text?: string | undefined;
+            class?: any;
             href?: string | undefined;
             elevation?: string | number | undefined;
             to?: vue_router.RouteLocationRaw | undefined;
@@ -170,7 +164,7 @@ declare const VCard: {
             prependAvatar?: string | undefined;
             subtitle?: string | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 actions?: (() => vue.VNodeChild) | undefined;
                 title?: (() => vue.VNodeChild) | undefined;
@@ -181,17 +175,6 @@ declare const VCard: {
                 prepend?: (() => vue.VNodeChild) | undefined;
                 append?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                actions?: (() => vue.VNodeChild) | undefined;
-                title?: (() => vue.VNodeChild) | undefined;
-                subtitle?: (() => vue.VNodeChild) | undefined;
-                text?: (() => vue.VNodeChild) | undefined;
-                loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                image?: (() => vue.VNodeChild) | undefined;
-                prepend?: (() => vue.VNodeChild) | undefined;
-                append?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 actions?: false | (() => vue.VNodeChild) | undefined;
@@ -218,6 +201,7 @@ declare const VCard: {
             link: boolean;
             flat: boolean;
             exact: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
             rounded: string | number | boolean;
@@ -249,6 +233,7 @@ declare const VCard: {
         replace: boolean;
         flat: boolean;
         exact: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
         tag: string;
         density: Density;
@@ -271,6 +256,7 @@ declare const VCard: {
         title?: string | undefined;
         image?: string | undefined;
         text?: string | undefined;
+        class?: any;
         href?: string | undefined;
         elevation?: string | number | undefined;
         to?: vue_router.RouteLocationRaw | undefined;
@@ -282,7 +268,7 @@ declare const VCard: {
         prependAvatar?: string | undefined;
         subtitle?: string | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
             actions?: (() => vue.VNodeChild) | undefined;
             title?: (() => vue.VNodeChild) | undefined;
@@ -293,17 +279,6 @@ declare const VCard: {
             prepend?: (() => vue.VNodeChild) | undefined;
             append?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-            actions?: (() => vue.VNodeChild) | undefined;
-            title?: (() => vue.VNodeChild) | undefined;
-            subtitle?: (() => vue.VNodeChild) | undefined;
-            text?: (() => vue.VNodeChild) | undefined;
-            loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            image?: (() => vue.VNodeChild) | undefined;
-            prepend?: (() => vue.VNodeChild) | undefined;
-            append?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
             actions?: false | (() => vue.VNodeChild) | undefined;
@@ -333,6 +308,7 @@ declare const VCard: {
     replace: boolean;
     flat: boolean;
     exact: boolean;
+    style: vue.StyleValue;
     disabled: boolean;
     tag: string;
     density: Density;
@@ -355,6 +331,7 @@ declare const VCard: {
     title?: string | undefined;
     image?: string | undefined;
     text?: string | undefined;
+    class?: any;
     href?: string | undefined;
     elevation?: string | number | undefined;
     to?: vue_router.RouteLocationRaw | undefined;
@@ -366,7 +343,7 @@ declare const VCard: {
     prependAvatar?: string | undefined;
     subtitle?: string | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
         actions?: (() => vue.VNodeChild) | undefined;
         title?: (() => vue.VNodeChild) | undefined;
@@ -377,17 +354,6 @@ declare const VCard: {
         prepend?: (() => vue.VNodeChild) | undefined;
         append?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-        actions?: (() => vue.VNodeChild) | undefined;
-        title?: (() => vue.VNodeChild) | undefined;
-        subtitle?: (() => vue.VNodeChild) | undefined;
-        text?: (() => vue.VNodeChild) | undefined;
-        loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-        image?: (() => vue.VNodeChild) | undefined;
-        prepend?: (() => vue.VNodeChild) | undefined;
-        append?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
         actions?: false | (() => vue.VNodeChild) | undefined;
@@ -414,6 +380,7 @@ declare const VCard: {
     link: boolean;
     flat: boolean;
     exact: boolean;
+    style: vue.StyleValue;
     disabled: boolean;
     tag: string;
     rounded: string | number | boolean;
@@ -431,6 +398,7 @@ declare const VCard: {
         type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
+    theme: StringConstructor;
     tag: {
         type: StringConstructor;
         default: string;
@@ -464,8 +432,12 @@ declare const VCard: {
         default: string;
         validator: (v: any) => boolean;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    theme: StringConstructor;
     appendAvatar: StringConstructor;
     appendIcon: vue.PropType<IconValue>;
     disabled: BooleanConstructor;
@@ -495,6 +467,7 @@ declare const VCard: {
         type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
+    theme: StringConstructor;
     tag: {
         type: StringConstructor;
         default: string;
@@ -528,8 +501,12 @@ declare const VCard: {
         default: string;
         validator: (v: any) => boolean;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    theme: StringConstructor;
     appendAvatar: StringConstructor;
     appendIcon: vue.PropType<IconValue>;
     disabled: BooleanConstructor;
@@ -552,19 +529,119 @@ declare const VCard: {
 }>>;
 type VCard = InstanceType<typeof VCard>;
 
-declare const VCardActions: vue.DefineComponent<{
+declare const VCardActions: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            style: vue.StyleValue;
+        }> & Omit<{
+            style: vue.StyleValue;
+        } & {
+            class?: any;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+            };
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
+        } & {
+            class?: any;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+            };
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & {
+        style: vue.StyleValue;
+    } & {
+        class?: any;
+    } & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            default?: (() => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
+} & {
+    class?: any;
+} & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string>;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
+}, vue.ExtractPropTypes<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
+}>>;
 type VCardActions = InstanceType<typeof VCardActions>;
 
 declare const VCardItem: {
@@ -572,31 +649,27 @@ declare const VCardItem: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             density: Density;
         }> & Omit<{
+            style: vue.StyleValue;
             density: Density;
         } & {
             title?: string | undefined;
+            class?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
             appendAvatar?: string | undefined;
             prependAvatar?: string | undefined;
             subtitle?: string | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 prepend?: (() => vue.VNodeChild) | undefined;
                 append?: (() => vue.VNodeChild) | undefined;
                 title?: (() => vue.VNodeChild) | undefined;
                 subtitle?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                prepend?: (() => vue.VNodeChild) | undefined;
-                append?: (() => vue.VNodeChild) | undefined;
-                title?: (() => vue.VNodeChild) | undefined;
-                subtitle?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 prepend?: false | (() => vue.VNodeChild) | undefined;
@@ -610,7 +683,7 @@ declare const VCardItem: {
             "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "density">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "density">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -625,29 +698,24 @@ declare const VCardItem: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             density: Density;
         } & {
             title?: string | undefined;
+            class?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
             appendAvatar?: string | undefined;
             prependAvatar?: string | undefined;
             subtitle?: string | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 prepend?: (() => vue.VNodeChild) | undefined;
                 append?: (() => vue.VNodeChild) | undefined;
                 title?: (() => vue.VNodeChild) | undefined;
                 subtitle?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                prepend?: (() => vue.VNodeChild) | undefined;
-                append?: (() => vue.VNodeChild) | undefined;
-                title?: (() => vue.VNodeChild) | undefined;
-                subtitle?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 prepend?: false | (() => vue.VNodeChild) | undefined;
@@ -662,6 +730,7 @@ declare const VCardItem: {
             "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
             density: Density;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -684,29 +753,24 @@ declare const VCardItem: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        style: vue.StyleValue;
         density: Density;
     } & {
         title?: string | undefined;
+        class?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         appendAvatar?: string | undefined;
         prependAvatar?: string | undefined;
         subtitle?: string | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
             prepend?: (() => vue.VNodeChild) | undefined;
             append?: (() => vue.VNodeChild) | undefined;
             title?: (() => vue.VNodeChild) | undefined;
             subtitle?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-            prepend?: (() => vue.VNodeChild) | undefined;
-            append?: (() => vue.VNodeChild) | undefined;
-            title?: (() => vue.VNodeChild) | undefined;
-            subtitle?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
             prepend?: false | (() => vue.VNodeChild) | undefined;
@@ -725,29 +789,24 @@ declare const VCardItem: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     density: Density;
 } & {
     title?: string | undefined;
+    class?: any;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
     appendAvatar?: string | undefined;
     prependAvatar?: string | undefined;
     subtitle?: string | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
         prepend?: (() => vue.VNodeChild) | undefined;
         append?: (() => vue.VNodeChild) | undefined;
         title?: (() => vue.VNodeChild) | undefined;
         subtitle?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-        prepend?: (() => vue.VNodeChild) | undefined;
-        append?: (() => vue.VNodeChild) | undefined;
-        title?: (() => vue.VNodeChild) | undefined;
-        subtitle?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
         prepend?: false | (() => vue.VNodeChild) | undefined;
@@ -762,6 +821,7 @@ declare const VCardItem: {
     "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
     density: Density;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     density: {
@@ -769,6 +829,11 @@ declare const VCardItem: {
         default: string;
         validator: (v: any) => boolean;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     appendAvatar: StringConstructor;
     appendIcon: vue.PropType<IconValue>;
     prependAvatar: StringConstructor;
@@ -781,6 +846,11 @@ declare const VCardItem: {
         default: string;
         validator: (v: any) => boolean;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     appendAvatar: StringConstructor;
     appendIcon: vue.PropType<IconValue>;
     prependAvatar: StringConstructor;
@@ -795,22 +865,23 @@ declare const VCardSubtitle: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             tag: string;
         }> & Omit<{
+            style: vue.StyleValue;
             tag: string;
-        } & {} & {
+        } & {
+            class?: any;
+        } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "tag">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "tag">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -825,14 +896,14 @@ declare const VCardSubtitle: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             tag: string;
-        } & {} & {
+        } & {
+            class?: any;
+        } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -841,6 +912,7 @@ declare const VCardSubtitle: {
         }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
             tag: string;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -863,14 +935,14 @@ declare const VCardSubtitle: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        style: vue.StyleValue;
         tag: string;
-    } & {} & {
+    } & {
+        class?: any;
+    } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -883,14 +955,14 @@ declare const VCardSubtitle: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     tag: string;
-} & {} & {
+} & {
+    class?: any;
+} & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -899,13 +971,24 @@ declare const VCardSubtitle: {
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
     tag: string;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     tag: {
         type: StringConstructor;
         default: string;
     };
 }, vue.ExtractPropTypes<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     tag: {
         type: StringConstructor;
         default: string;
@@ -918,22 +1001,23 @@ declare const VCardText: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             tag: string;
         }> & Omit<{
+            style: vue.StyleValue;
             tag: string;
-        } & {} & {
+        } & {
+            class?: any;
+        } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "tag">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "tag">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -948,14 +1032,14 @@ declare const VCardText: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             tag: string;
-        } & {} & {
+        } & {
+            class?: any;
+        } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -964,6 +1048,7 @@ declare const VCardText: {
         }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
             tag: string;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -986,14 +1071,14 @@ declare const VCardText: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        style: vue.StyleValue;
         tag: string;
-    } & {} & {
+    } & {
+        class?: any;
+    } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -1006,14 +1091,14 @@ declare const VCardText: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     tag: string;
-} & {} & {
+} & {
+    class?: any;
+} & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -1022,13 +1107,24 @@ declare const VCardText: {
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
     tag: string;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     tag: {
         type: StringConstructor;
         default: string;
     };
 }, vue.ExtractPropTypes<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     tag: {
         type: StringConstructor;
         default: string;
@@ -1041,22 +1137,23 @@ declare const VCardTitle: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             tag: string;
         }> & Omit<{
+            style: vue.StyleValue;
             tag: string;
-        } & {} & {
+        } & {
+            class?: any;
+        } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "tag">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "tag">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1071,14 +1168,14 @@ declare const VCardTitle: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             tag: string;
-        } & {} & {
+        } & {
+            class?: any;
+        } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -1087,6 +1184,7 @@ declare const VCardTitle: {
         }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
             tag: string;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -1109,14 +1207,14 @@ declare const VCardTitle: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        style: vue.StyleValue;
         tag: string;
-    } & {} & {
+    } & {
+        class?: any;
+    } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -1129,14 +1227,14 @@ declare const VCardTitle: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     tag: string;
-} & {} & {
+} & {
+    class?: any;
+} & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -1145,13 +1243,24 @@ declare const VCardTitle: {
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
     tag: string;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     tag: {
         type: StringConstructor;
         default: string;
     };
 }, vue.ExtractPropTypes<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     tag: {
         type: StringConstructor;
         default: string;