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

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

@@ -11,7 +11,7 @@ declare const EventProp: <T extends any[] = any[]>() => PropType<EventProp<T, (.
 
 type Density = null | 'default' | 'comfortable' | 'compact';
 
-type IconValue = string | JSXComponent;
+type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
 type SelectionControlSlot = {
@@ -49,6 +49,7 @@ declare const VCheckbox: {
         $props: Partial<{
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             multiple: boolean | null;
             readonly: boolean;
@@ -68,6 +69,7 @@ declare const VCheckbox: {
         }> & Omit<{
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             multiple: boolean | null;
             readonly: boolean;
@@ -91,13 +93,14 @@ declare const VCheckbox: {
             color?: string | undefined;
             value?: any;
             label?: string | undefined;
+            class?: any;
             theme?: string | undefined;
             modelValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -105,8 +108,8 @@ declare const VCheckbox: {
             trueValue?: any;
             falseValue?: any;
         } & {
-            $children?: {} | vue.VNodeChild | {
-                default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+            $children?: vue.VNodeChild | {
+                default?: ((...args: never) => vue.VNodeChild) | undefined;
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -115,20 +118,9 @@ declare const VCheckbox: {
                     props: Record<string, unknown>;
                 }) => vue.VNodeChild) | undefined;
                 input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
-                default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
-                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                label?: ((args_0: {
-                    label: string | undefined;
-                    props: Record<string, unknown>;
-                }) => vue.VNodeChild) | undefined;
-                input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((...args: never) => vue.VNodeChild);
             'v-slots'?: {
-                default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+                default?: false | ((...args: never) => vue.VNodeChild) | undefined;
                 prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -139,7 +131,7 @@ declare const VCheckbox: {
                 input?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+            "v-slot:default"?: false | ((...args: never) => vue.VNodeChild) | undefined;
             "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -150,7 +142,7 @@ declare const VCheckbox: {
             "v-slot:input"?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "multiple" | "readonly" | "indeterminate" | "messages" | "density" | "ripple" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint" | "falseIcon" | "trueIcon" | "valueComparator" | "indeterminateIcon">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "multiple" | "readonly" | "indeterminate" | "messages" | "density" | "ripple" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint" | "falseIcon" | "trueIcon" | "valueComparator" | "indeterminateIcon">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -167,6 +159,7 @@ declare const VCheckbox: {
         $options: vue.ComponentOptionsBase<{
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             multiple: boolean | null;
             readonly: boolean;
@@ -190,13 +183,14 @@ declare const VCheckbox: {
             color?: string | undefined;
             value?: any;
             label?: string | undefined;
+            class?: any;
             theme?: string | undefined;
             modelValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -204,19 +198,8 @@ declare const VCheckbox: {
             trueValue?: any;
             falseValue?: any;
         } & {
-            $children?: {} | vue.VNodeChild | {
-                default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
-                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                label?: ((args_0: {
-                    label: string | undefined;
-                    props: Record<string, unknown>;
-                }) => vue.VNodeChild) | undefined;
-                input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
-                default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+            $children?: vue.VNodeChild | {
+                default?: ((...args: never) => vue.VNodeChild) | undefined;
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -225,9 +208,9 @@ declare const VCheckbox: {
                     props: Record<string, unknown>;
                 }) => vue.VNodeChild) | undefined;
                 input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((...args: never) => vue.VNodeChild);
             'v-slots'?: {
-                default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+                default?: false | ((...args: never) => vue.VNodeChild) | undefined;
                 prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -238,7 +221,7 @@ declare const VCheckbox: {
                 input?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+            "v-slot:default"?: false | ((...args: never) => vue.VNodeChild) | undefined;
             "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -254,6 +237,7 @@ declare const VCheckbox: {
         }, string, {
             error: boolean;
             direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
             disabled: boolean;
             multiple: boolean | null;
             readonly: boolean;
@@ -293,6 +277,7 @@ declare const VCheckbox: {
     } & {
         error: boolean;
         direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
         disabled: boolean;
         multiple: boolean | null;
         readonly: boolean;
@@ -316,13 +301,14 @@ declare const VCheckbox: {
         color?: string | undefined;
         value?: any;
         label?: string | undefined;
+        class?: any;
         theme?: string | undefined;
         modelValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -330,19 +316,8 @@ declare const VCheckbox: {
         trueValue?: any;
         falseValue?: any;
     } & {
-        $children?: {} | vue.VNodeChild | {
-            default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
-            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            label?: ((args_0: {
-                label: string | undefined;
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-            input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
-        };
-        $slots?: {
-            default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+        $children?: vue.VNodeChild | {
+            default?: ((...args: never) => vue.VNodeChild) | undefined;
             prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -351,9 +326,9 @@ declare const VCheckbox: {
                 props: Record<string, unknown>;
             }) => vue.VNodeChild) | undefined;
             input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
+        } | ((...args: never) => vue.VNodeChild);
         'v-slots'?: {
-            default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+            default?: false | ((...args: never) => vue.VNodeChild) | undefined;
             prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -364,7 +339,7 @@ declare const VCheckbox: {
             input?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+        "v-slot:default"?: false | ((...args: never) => vue.VNodeChild) | undefined;
         "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -382,6 +357,7 @@ declare const VCheckbox: {
 } & vue.ComponentOptionsBase<{
     error: boolean;
     direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
     disabled: boolean;
     multiple: boolean | null;
     readonly: boolean;
@@ -405,13 +381,14 @@ declare const VCheckbox: {
     color?: string | undefined;
     value?: any;
     label?: string | undefined;
+    class?: any;
     theme?: string | undefined;
     modelValue?: any;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
     'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-    'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
     validateOn?: "input" | "blur" | "submit" | undefined;
     validationValue?: any;
     hint?: string | undefined;
@@ -419,19 +396,8 @@ declare const VCheckbox: {
     trueValue?: any;
     falseValue?: any;
 } & {
-    $children?: {} | vue.VNodeChild | {
-        default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
-        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        label?: ((args_0: {
-            label: string | undefined;
-            props: Record<string, unknown>;
-        }) => vue.VNodeChild) | undefined;
-        input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
-    };
-    $slots?: {
-        default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+    $children?: vue.VNodeChild | {
+        default?: ((...args: never) => vue.VNodeChild) | undefined;
         prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -440,9 +406,9 @@ declare const VCheckbox: {
             props: Record<string, unknown>;
         }) => vue.VNodeChild) | undefined;
         input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
-    } | undefined;
+    } | ((...args: never) => vue.VNodeChild);
     'v-slots'?: {
-        default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+        default?: false | ((...args: never) => vue.VNodeChild) | undefined;
         prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -453,7 +419,7 @@ declare const VCheckbox: {
         input?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+    "v-slot:default"?: false | ((...args: never) => vue.VNodeChild) | undefined;
     "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -469,6 +435,7 @@ declare const VCheckbox: {
 }, string, {
     error: boolean;
     direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
     disabled: boolean;
     multiple: boolean | null;
     readonly: boolean;
@@ -493,12 +460,17 @@ declare const VCheckbox: {
     color: StringConstructor;
     value: null;
     label: StringConstructor;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     disabled: BooleanConstructor;
     multiple: {
         type: vue.PropType<boolean | null>;
         default: null;
     };
     readonly: BooleanConstructor;
+    class: vue.PropType<any>;
     indeterminate: BooleanConstructor;
     theme: StringConstructor;
     density: {
@@ -530,7 +502,7 @@ declare const VCheckbox: {
         default: string;
     };
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: vue.PropType<string | string[]>;
         default: () => never[];
@@ -569,12 +541,17 @@ declare const VCheckbox: {
     color: StringConstructor;
     value: null;
     label: StringConstructor;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     disabled: BooleanConstructor;
     multiple: {
         type: vue.PropType<boolean | null>;
         default: null;
     };
     readonly: BooleanConstructor;
+    class: vue.PropType<any>;
     indeterminate: BooleanConstructor;
     theme: StringConstructor;
     density: {
@@ -606,7 +583,7 @@ declare const VCheckbox: {
         default: string;
     };
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: vue.PropType<string | string[]>;
         default: () => never[];
@@ -647,6 +624,7 @@ declare const VCheckboxBtn: {
         $props: Partial<{
             inline: boolean;
             error: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             multiple: boolean | null;
             readonly: boolean;
@@ -660,6 +638,7 @@ declare const VCheckboxBtn: {
         }> & Omit<{
             inline: boolean;
             error: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             multiple: boolean | null;
             readonly: boolean;
@@ -677,12 +656,13 @@ declare const VCheckboxBtn: {
             color?: string | undefined;
             value?: any;
             label?: string | undefined;
+            class?: any;
             theme?: string | undefined;
             modelValue?: any;
             trueValue?: any;
             falseValue?: any;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 label?: ((args_0: {
                     label: string | undefined;
@@ -690,14 +670,6 @@ declare const VCheckboxBtn: {
                 }) => vue.VNodeChild) | undefined;
                 input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                label?: ((args_0: {
-                    label: string | undefined;
-                    props: Record<string, unknown>;
-                }) => vue.VNodeChild) | undefined;
-                input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 label?: false | ((args_0: {
@@ -716,7 +688,7 @@ declare const VCheckboxBtn: {
         } & {
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             "onUpdate:indeterminate"?: ((val: boolean) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "inline" | "error" | "disabled" | "multiple" | "readonly" | "indeterminate" | "density" | "ripple" | "falseIcon" | "trueIcon" | "valueComparator" | "indeterminateIcon">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "inline" | "error" | "style" | "disabled" | "multiple" | "readonly" | "indeterminate" | "density" | "ripple" | "falseIcon" | "trueIcon" | "valueComparator" | "indeterminateIcon">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -733,6 +705,7 @@ declare const VCheckboxBtn: {
         $options: vue.ComponentOptionsBase<{
             inline: boolean;
             error: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             multiple: boolean | null;
             readonly: boolean;
@@ -750,12 +723,13 @@ declare const VCheckboxBtn: {
             color?: string | undefined;
             value?: any;
             label?: string | undefined;
+            class?: any;
             theme?: string | undefined;
             modelValue?: any;
             trueValue?: any;
             falseValue?: any;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 label?: ((args_0: {
                     label: string | undefined;
@@ -763,14 +737,6 @@ declare const VCheckboxBtn: {
                 }) => vue.VNodeChild) | undefined;
                 input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                label?: ((args_0: {
-                    label: string | undefined;
-                    props: Record<string, unknown>;
-                }) => vue.VNodeChild) | undefined;
-                input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 label?: false | ((args_0: {
@@ -795,6 +761,7 @@ declare const VCheckboxBtn: {
         }, string, {
             inline: boolean;
             error: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             multiple: boolean | null;
             readonly: boolean;
@@ -828,6 +795,7 @@ declare const VCheckboxBtn: {
     } & {
         inline: boolean;
         error: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
         multiple: boolean | null;
         readonly: boolean;
@@ -845,12 +813,13 @@ declare const VCheckboxBtn: {
         color?: string | undefined;
         value?: any;
         label?: string | undefined;
+        class?: any;
         theme?: string | undefined;
         modelValue?: any;
         trueValue?: any;
         falseValue?: any;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
             label?: ((args_0: {
                 label: string | undefined;
@@ -858,14 +827,6 @@ declare const VCheckboxBtn: {
             }) => vue.VNodeChild) | undefined;
             input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-            label?: ((args_0: {
-                label: string | undefined;
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-            input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
             label?: false | ((args_0: {
@@ -891,6 +852,7 @@ declare const VCheckboxBtn: {
 } & vue.ComponentOptionsBase<{
     inline: boolean;
     error: boolean;
+    style: vue.StyleValue;
     disabled: boolean;
     multiple: boolean | null;
     readonly: boolean;
@@ -908,12 +870,13 @@ declare const VCheckboxBtn: {
     color?: string | undefined;
     value?: any;
     label?: string | undefined;
+    class?: any;
     theme?: string | undefined;
     modelValue?: any;
     trueValue?: any;
     falseValue?: any;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
         label?: ((args_0: {
             label: string | undefined;
@@ -921,14 +884,6 @@ declare const VCheckboxBtn: {
         }) => vue.VNodeChild) | undefined;
         input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-        label?: ((args_0: {
-            label: string | undefined;
-            props: Record<string, unknown>;
-        }) => vue.VNodeChild) | undefined;
-        input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
         label?: false | ((args_0: {
@@ -953,6 +908,7 @@ declare const VCheckboxBtn: {
 }, string, {
     inline: boolean;
     error: boolean;
+    style: vue.StyleValue;
     disabled: boolean;
     multiple: boolean | null;
     readonly: boolean;
@@ -999,6 +955,11 @@ declare const VCheckboxBtn: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     label: StringConstructor;
     trueValue: null;
     falseValue: null;
@@ -1044,6 +1005,11 @@ declare const VCheckboxBtn: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     label: StringConstructor;
     trueValue: null;
     falseValue: null;

package/lib/components/VChip/VChip.mjs

@@ -10,7 +10,9 @@ import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
 import { VExpandXTransition } from "../transitions/index.mjs";
 import { VIcon } from "../VIcon/index.mjs"; // Composables
 import { genOverlays, makeVariantProps, useVariant } from "../../composables/variant.mjs";
+import { IconValue } from "../../composables/icons.mjs";
 import { makeBorderProps, useBorder } from "../../composables/border.mjs";
+import { makeComponentProps } from "../../composables/component.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
 import { makeGroupItemProps, useGroupItem } from "../../composables/group.mjs";
@@ -19,15 +21,11 @@ import { makeRouterProps, useLink } from "../../composables/router.mjs";
 import { makeSizeProps, useSize } from "../../composables/size.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
-import { useProxiedModel } from "../../composables/proxiedModel.mjs";
-import { IconValue } from "../../composables/icons.mjs";
-import { useLocale } from "../../composables/locale.mjs"; // Directives
+import { useLocale } from "../../composables/locale.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Directives
 import { Ripple } from "../../directives/ripple/index.mjs"; // Utilities
 import { EventProp, genericComponent } from "../../util/index.mjs";
 import { computed } from 'vue';
-
-// Types
-
 export const VChip = genericComponent()({
   name: 'VChip',
   directives: {
@@ -72,6 +70,7 @@ export const VChip = genericComponent()({
     onClick: EventProp(),
     onClickOnce: EventProp(),
     ...makeBorderProps(),
+    ...makeComponentProps(),
     ...makeDensityProps(),
     ...makeElevationProps(),
     ...makeGroupItemProps(),
@@ -164,8 +163,8 @@ export const VChip = genericComponent()({
           'v-chip--link': isClickable.value,
           'v-chip--filter': hasFilter,
           'v-chip--pill': props.pill
-        }, themeClasses.value, borderClasses.value, hasColor ? colorClasses.value : undefined, densityClasses.value, elevationClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, group?.selectedClass.value],
-        "style": [hasColor ? colorStyles.value : undefined],
+        }, themeClasses.value, borderClasses.value, hasColor ? colorClasses.value : undefined, densityClasses.value, elevationClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, group?.selectedClass.value, props.class],
+        "style": [hasColor ? colorStyles.value : undefined, props.style],
         "disabled": props.disabled || undefined,
         "draggable": props.draggable,
         "href": link.href.value,