@vuetify/nightly 4.0.0-dev-20230422.0 → 4.0.0-dev-20230427.0

package/lib/components/VGrid/index.d.ts

@@ -10,24 +10,25 @@ declare const VContainer: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             tag: string;
             fluid: boolean;
         }> & Omit<{
+            style: vue.StyleValue;
             tag: string;
             fluid: boolean;
-        } & {} & {
+        } & {
+            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" | "fluid">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "tag" | "fluid">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -42,21 +43,22 @@ declare const VContainer: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             tag: string;
             fluid: boolean;
-        } & {} & {
+        } & {
+            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;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
             tag: string;
             fluid: boolean;
         }, {}, string> & {
@@ -80,15 +82,15 @@ declare const VContainer: {
         $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;
         fluid: boolean;
-    } & {} & {
+    } & {
+        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;
@@ -99,21 +101,22 @@ declare const VContainer: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     tag: string;
     fluid: boolean;
-} & {} & {
+} & {
+    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;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
     tag: string;
     fluid: boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
@@ -121,6 +124,11 @@ declare const VContainer: {
         type: StringConstructor;
         default: string;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     fluid: {
         type: BooleanConstructor;
         default: boolean;
@@ -130,6 +138,11 @@ declare const VContainer: {
         type: StringConstructor;
         default: string;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     fluid: {
         type: BooleanConstructor;
         default: boolean;
@@ -145,15 +158,18 @@ declare const VCol: {
             offset: string | number;
             alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
             order: string | number;
+            style: vue.StyleValue;
             tag: string;
             cols: string | number | boolean;
         }> & Omit<{
             offset: string | number;
             alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
             order: string | number;
+            style: vue.StyleValue;
             tag: string;
             cols: string | number | boolean;
         } & {
+            class?: any;
             sm?: string | number | boolean | undefined;
             md?: string | number | boolean | undefined;
             lg?: string | number | boolean | undefined;
@@ -173,15 +189,12 @@ declare const VCol: {
             $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, "offset" | "alignSelf" | "order" | "tag" | "cols">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "offset" | "alignSelf" | "order" | "style" | "tag" | "cols">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -199,9 +212,11 @@ declare const VCol: {
             offset: string | number;
             alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
             order: string | number;
+            style: vue.StyleValue;
             tag: string;
             cols: string | number | boolean;
         } & {
+            class?: any;
             sm?: string | number | boolean | undefined;
             md?: string | number | boolean | undefined;
             lg?: string | number | boolean | undefined;
@@ -221,9 +236,6 @@ declare const VCol: {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -235,6 +247,7 @@ declare const VCol: {
             offset: string | number;
             alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
             order: string | number;
+            style: vue.StyleValue;
             tag: string;
             cols: string | number | boolean;
         }, {}, string> & {
@@ -261,9 +274,11 @@ declare const VCol: {
         offset: string | number;
         alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
         order: string | number;
+        style: vue.StyleValue;
         tag: string;
         cols: string | number | boolean;
     } & {
+        class?: any;
         sm?: string | number | boolean | undefined;
         md?: string | number | boolean | undefined;
         lg?: string | number | boolean | undefined;
@@ -283,9 +298,6 @@ declare const VCol: {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -301,9 +313,11 @@ declare const VCol: {
     offset: string | number;
     alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
     order: string | number;
+    style: vue.StyleValue;
     tag: string;
     cols: string | number | boolean;
 } & {
+    class?: any;
     sm?: string | number | boolean | undefined;
     md?: string | number | boolean | undefined;
     lg?: string | number | boolean | undefined;
@@ -323,9 +337,6 @@ declare const VCol: {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -337,6 +348,7 @@ declare const VCol: {
     offset: string | number;
     alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
     order: string | number;
+    style: vue.StyleValue;
     tag: string;
     cols: string | number | boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
@@ -344,6 +356,11 @@ declare const VCol: {
         type: StringConstructor;
         default: string;
     };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     alignSelf: {
         type: PropType<"auto" | "center" | "end" | "start" | "stretch" | "baseline">;
         default: null;
@@ -381,6 +398,11 @@ declare const VCol: {
         type: StringConstructor;
         default: string;
     };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     alignSelf: {
         type: PropType<"auto" | "center" | "end" | "start" | "stretch" | "baseline">;
         default: null;
@@ -422,6 +444,7 @@ declare const VRow: {
         $data: {};
         $props: Partial<{
             alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
+            style: vue.StyleValue;
             tag: string;
             dense: boolean;
             justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
@@ -429,12 +452,14 @@ declare const VRow: {
             noGutters: boolean;
         }> & Omit<{
             alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
+            style: vue.StyleValue;
             tag: string;
             dense: boolean;
             justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
             align: "center" | "end" | "start" | "stretch" | "baseline";
             noGutters: boolean;
         } & {
+            class?: any;
             alignSm?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
             alignMd?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
             alignLg?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
@@ -454,15 +479,12 @@ declare const VRow: {
             $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, "alignContent" | "tag" | "dense" | "justify" | "align" | "noGutters">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "alignContent" | "style" | "tag" | "dense" | "justify" | "align" | "noGutters">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -478,12 +500,14 @@ declare const VRow: {
         $el: any;
         $options: vue.ComponentOptionsBase<{
             alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
+            style: vue.StyleValue;
             tag: string;
             dense: boolean;
             justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
             align: "center" | "end" | "start" | "stretch" | "baseline";
             noGutters: boolean;
         } & {
+            class?: any;
             alignSm?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
             alignMd?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
             alignLg?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
@@ -503,9 +527,6 @@ declare const VRow: {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -515,6 +536,7 @@ declare const VRow: {
             [key: string]: any;
         }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
+            style: vue.StyleValue;
             tag: string;
             dense: boolean;
             justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
@@ -542,12 +564,14 @@ declare const VRow: {
         $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;
     } & {
         alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
+        style: vue.StyleValue;
         tag: string;
         dense: boolean;
         justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
         align: "center" | "end" | "start" | "stretch" | "baseline";
         noGutters: boolean;
     } & {
+        class?: any;
         alignSm?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
         alignMd?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
         alignLg?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
@@ -567,9 +591,6 @@ declare const VRow: {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -583,12 +604,14 @@ declare const VRow: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
+    style: vue.StyleValue;
     tag: string;
     dense: boolean;
     justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
     align: "center" | "end" | "start" | "stretch" | "baseline";
     noGutters: boolean;
 } & {
+    class?: any;
     alignSm?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
     alignMd?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
     alignLg?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
@@ -608,9 +631,6 @@ declare const VRow: {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -620,6 +640,7 @@ declare const VRow: {
     [key: string]: any;
 }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
+    style: vue.StyleValue;
     tag: string;
     dense: boolean;
     justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
@@ -630,6 +651,11 @@ declare const VRow: {
         type: StringConstructor;
         default: string;
     };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     alignContentSm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
     alignContentMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
     alignContentLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
@@ -667,6 +693,11 @@ declare const VRow: {
         type: StringConstructor;
         default: string;
     };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     alignContentSm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
     alignContentMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
     alignContentLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
@@ -707,22 +738,23 @@ declare const VSpacer: {
         $: 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;
         };
@@ -737,14 +769,14 @@ declare const VSpacer: {
         $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;
@@ -753,6 +785,7 @@ declare const VSpacer: {
         }, () => 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;
@@ -775,14 +808,14 @@ declare const VSpacer: {
         $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;
@@ -795,14 +828,14 @@ declare const VSpacer: {
     __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;
@@ -811,13 +844,24 @@ declare const VSpacer: {
 }, () => 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;

package/lib/components/VHover/index.d.ts

@@ -19,21 +19,15 @@ declare const VHover: {
             closeDelay?: string | number | undefined;
             openDelay?: string | number | undefined;
         } & {
-            $children?: vue.VNodeChild | ((args_0: {
-                isHovering: boolean;
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | {
-                default?: ((args_0: {
-                    isHovering: boolean;
-                    props: Record<string, unknown>;
-                }) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: {
                     isHovering: boolean;
                     props: Record<string, unknown>;
                 }) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((args_0: {
+                isHovering: boolean;
+                props: Record<string, unknown>;
+            }) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: {
                     isHovering: boolean;
@@ -68,21 +62,15 @@ declare const VHover: {
             closeDelay?: string | number | undefined;
             openDelay?: string | number | undefined;
         } & {
-            $children?: vue.VNodeChild | ((args_0: {
-                isHovering: boolean;
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | {
-                default?: ((args_0: {
-                    isHovering: boolean;
-                    props: Record<string, unknown>;
-                }) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: {
                     isHovering: boolean;
                     props: Record<string, unknown>;
                 }) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((args_0: {
+                isHovering: boolean;
+                props: Record<string, unknown>;
+            }) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: {
                     isHovering: boolean;
@@ -130,21 +118,15 @@ declare const VHover: {
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
     } & {
-        $children?: vue.VNodeChild | ((args_0: {
-            isHovering: boolean;
-            props: Record<string, unknown>;
-        }) => vue.VNodeChild) | {
-            default?: ((args_0: {
-                isHovering: boolean;
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-        };
-        $slots?: {
+        $children?: vue.VNodeChild | {
             default?: ((args_0: {
                 isHovering: boolean;
                 props: Record<string, unknown>;
             }) => vue.VNodeChild) | undefined;
-        } | undefined;
+        } | ((args_0: {
+            isHovering: boolean;
+            props: Record<string, unknown>;
+        }) => vue.VNodeChild);
         'v-slots'?: {
             default?: false | ((args_0: {
                 isHovering: boolean;
@@ -171,21 +153,15 @@ declare const VHover: {
     closeDelay?: string | number | undefined;
     openDelay?: string | number | undefined;
 } & {
-    $children?: vue.VNodeChild | ((args_0: {
-        isHovering: boolean;
-        props: Record<string, unknown>;
-    }) => vue.VNodeChild) | {
+    $children?: vue.VNodeChild | {
         default?: ((args_0: {
             isHovering: boolean;
             props: Record<string, unknown>;
         }) => vue.VNodeChild) | undefined;
-    };
-    $slots?: {
-        default?: ((args_0: {
-            isHovering: boolean;
-            props: Record<string, unknown>;
-        }) => vue.VNodeChild) | undefined;
-    } | undefined;
+    } | ((args_0: {
+        isHovering: boolean;
+        props: Record<string, unknown>;
+    }) => vue.VNodeChild);
     'v-slots'?: {
         default?: false | ((args_0: {
             isHovering: boolean;

package/lib/components/VIcon/VIcon.mjs

@@ -4,6 +4,7 @@ import "./VIcon.css";
 
 // Composables
 import { IconValue, useIcon } from "../../composables/icons.mjs";
+import { makeComponentProps } from "../../composables/component.mjs";
 import { makeSizeProps, useSize } from "../../composables/size.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
@@ -15,6 +16,7 @@ export const makeVIconProps = propsFactory({
   start: Boolean,
   end: Boolean,
   icon: IconValue,
+  ...makeComponentProps(),
   ...makeSizeProps(),
   ...makeTagProps({
     tag: 'i'
@@ -57,12 +59,12 @@ export const VIcon = genericComponent()({
         'v-icon--clickable': !!attrs.onClick,
         'v-icon--start': props.start,
         'v-icon--end': props.end
-      }],
+      }, props.class],
       "style": [!sizeClasses.value ? {
         fontSize: convertToUnit(props.size),
         height: convertToUnit(props.size),
         width: convertToUnit(props.size)
-      } : undefined, textColorStyles.value],
+      } : undefined, textColorStyles.value, props.style],
       "role": attrs.onClick ? 'button' : undefined,
       "aria-hidden": !attrs.onClick
     }, {