@vuetify/nightly 3.6.14-master.2024-08-04 → 3.6.14-master.2024-08-13

package/lib/components/VCheckbox/index.d.mts

@@ -1,5 +1,7 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, JSXComponent, PropType, WritableComputedRef, Ref, CSSProperties, ComputedRef } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, JSXComponent, DirectiveBinding, WritableComputedRef, Ref, CSSProperties, ComputedRef } from 'vue';
+
+type ClassValue = any;
 
 type SlotsToProps<U extends RawSlots, T = MakeInternalSlots<U>> = {
     $children?: (VNodeChild | (T extends {
@@ -31,12 +33,25 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
 }
 
 declare function deepEqual(a: any, b: any): boolean;
+type EventProp<T extends any[] = any[], F = (...args: T) => void> = F;
+declare const EventProp: <T extends any[] = any[]>() => PropType<EventProp<T>>;
 
 type Density = null | 'default' | 'comfortable' | 'compact';
 
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
+interface RippleDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
+    value?: boolean | {
+        class: string;
+    };
+    modifiers: {
+        center?: boolean;
+        circle?: boolean;
+        stop?: boolean;
+    };
+}
+
 type SelectionControlSlot = {
     model: WritableComputedRef<boolean>;
     textColorClasses: Ref<string[]>;
@@ -65,6 +80,22 @@ type VSelectionControlSlots = {
 
 type ValidationResult = string | boolean;
 type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
+type ValidateOnValue = 'blur' | 'input' | 'submit';
+interface ValidationProps {
+    disabled: boolean | null;
+    error: boolean;
+    errorMessages: string | readonly string[] | null;
+    focused: boolean;
+    maxErrors: string | number;
+    name: string | undefined;
+    label: string | undefined;
+    readonly: boolean | null;
+    rules: readonly ValidationRule[];
+    modelValue: any;
+    'onUpdate:modelValue': EventProp | undefined;
+    validateOn?: ValidateOnValue | `${ValidateOnValue} lazy` | `lazy ${ValidateOnValue}` | 'lazy';
+    validationValue: any;
+}
 
 type VMessageSlot = {
     message: string;
@@ -110,18 +141,18 @@ declare const VCheckbox: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        falseIcon: NonNullable<IconValue>;
-        trueIcon: NonNullable<IconValue>;
+        falseIcon: IconValue;
+        trueIcon: IconValue;
         valueComparator: typeof deepEqual;
         indeterminateIcon: IconValue;
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
     } & {
+        name?: string | undefined;
         type?: string | undefined;
         id?: string | undefined;
         width?: string | number | undefined;
-        name?: string | undefined;
         color?: string | undefined;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
@@ -145,9 +176,9 @@ declare const VCheckbox: {
     } & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-        'update:modelValue': (value: any) => boolean;
-        'update:focused': (focused: boolean) => boolean;
-    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "v-slot:append" | "v-slot:prepend" | "update:modelValue" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        'update:modelValue': (value: any) => true;
+        'update:focused': (focused: boolean) => true;
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         error: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -164,18 +195,18 @@ declare const VCheckbox: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        falseIcon: NonNullable<IconValue>;
-        trueIcon: NonNullable<IconValue>;
+        falseIcon: IconValue;
+        trueIcon: IconValue;
         valueComparator: typeof deepEqual;
         indeterminateIcon: IconValue;
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
     } & {
+        name?: string | undefined;
         type?: string | undefined;
         id?: string | undefined;
         width?: string | number | undefined;
-        name?: string | undefined;
         color?: string | undefined;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
@@ -215,41 +246,27 @@ declare const VCheckbox: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        falseIcon: NonNullable<IconValue>;
-        trueIcon: NonNullable<IconValue>;
+        falseIcon: IconValue;
+        trueIcon: IconValue;
         valueComparator: typeof deepEqual;
         indeterminateIcon: IconValue;
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
     }, true, {}, vue.SlotsType<Partial<{
-        message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        message: (arg: VMessageSlot) => vue.VNode[];
+        details: (arg: VInputSlot) => vue.VNode[];
+        append: (arg: VInputSlot) => vue.VNode[];
+        prepend: (arg: VInputSlot) => vue.VNode[];
         default: (arg: {
             backgroundColorClasses: vue.Ref<string[]>;
             backgroundColorStyles: vue.Ref<vue.CSSProperties>;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        }) => vue.VNode[];
         label: (arg: {
             label: string | undefined;
             props: Record<string, unknown>;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        input: (arg: SelectionControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        }) => vue.VNode[];
+        input: (arg: SelectionControlSlot) => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -274,18 +291,18 @@ declare const VCheckbox: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        falseIcon: NonNullable<IconValue>;
-        trueIcon: NonNullable<IconValue>;
+        falseIcon: IconValue;
+        trueIcon: IconValue;
         valueComparator: typeof deepEqual;
         indeterminateIcon: IconValue;
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
     } & {
+        name?: string | undefined;
         type?: string | undefined;
         id?: string | undefined;
         width?: string | number | undefined;
-        name?: string | undefined;
         color?: string | undefined;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
@@ -325,17 +342,17 @@ declare const VCheckbox: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        falseIcon: NonNullable<IconValue>;
-        trueIcon: NonNullable<IconValue>;
+        falseIcon: IconValue;
+        trueIcon: IconValue;
         valueComparator: typeof deepEqual;
         indeterminateIcon: IconValue;
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     error: boolean;
     direction: "horizontal" | "vertical";
@@ -353,18 +370,18 @@ declare const VCheckbox: {
     ripple: boolean | {
         class: string;
     } | undefined;
-    falseIcon: NonNullable<IconValue>;
-    trueIcon: NonNullable<IconValue>;
+    falseIcon: IconValue;
+    trueIcon: IconValue;
     valueComparator: typeof deepEqual;
     indeterminateIcon: IconValue;
     centerAffix: boolean;
     hideSpinButtons: boolean;
     persistentHint: boolean;
 } & {
+    name?: string | undefined;
     type?: string | undefined;
     id?: string | undefined;
     width?: string | number | undefined;
-    name?: string | undefined;
     color?: string | undefined;
     maxWidth?: string | number | undefined;
     minWidth?: string | number | undefined;
@@ -388,9 +405,9 @@ declare const VCheckbox: {
 } & {
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-    'update:modelValue': (value: any) => boolean;
-    'update:focused': (focused: boolean) => boolean;
-}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "v-slot:append" | "v-slot:prepend" | "update:modelValue" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details">, string, {
+    'update:modelValue': (value: any) => true;
+    'update:focused': (focused: boolean) => true;
+}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details">, string, {
     error: boolean;
     direction: "horizontal" | "vertical";
     style: vue.StyleValue;
@@ -407,52 +424,35 @@ declare const VCheckbox: {
     ripple: boolean | {
         class: string;
     } | undefined;
-    falseIcon: NonNullable<IconValue>;
-    trueIcon: NonNullable<IconValue>;
+    falseIcon: IconValue;
+    trueIcon: IconValue;
     valueComparator: typeof deepEqual;
     indeterminateIcon: IconValue;
     centerAffix: boolean;
     hideSpinButtons: boolean;
     persistentHint: boolean;
 }, {}, string, vue.SlotsType<Partial<{
-    message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    message: (arg: VMessageSlot) => vue.VNode[];
+    details: (arg: VInputSlot) => vue.VNode[];
+    append: (arg: VInputSlot) => vue.VNode[];
+    prepend: (arg: VInputSlot) => vue.VNode[];
     default: (arg: {
         backgroundColorClasses: vue.Ref<string[]>;
         backgroundColorStyles: vue.Ref<vue.CSSProperties>;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    }) => vue.VNode[];
     label: (arg: {
         label: string | undefined;
         props: Record<string, unknown>;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    input: (arg: SelectionControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    }) => vue.VNode[];
+    input: (arg: SelectionControlSlot) => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
-    modelValue?: T | null | undefined;
-    'onUpdate:modelValue'?: ((value: T | null) => void) | undefined;
-}, slots: VCheckboxSlots) => GenericProps<{
-    modelValue?: T | null | undefined;
-    'onUpdate:modelValue'?: ((value: T | null) => void) | undefined;
-}, VCheckboxSlots>) & FilterPropsOptions<{
+    modelValue?: T | null;
+    "onUpdate:modelValue"?: (value: T | null) => void;
+}, slots: VCheckboxSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
+    name: StringConstructor;
     type: StringConstructor;
     error: BooleanConstructor;
     id: StringConstructor;
-    name: StringConstructor;
     color: StringConstructor;
     value: null;
     label: StringConstructor;
@@ -472,7 +472,7 @@ declare const VCheckbox: {
         type: vue.PropType<boolean | null>;
         default: null;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     indeterminate: BooleanConstructor;
     theme: StringConstructor;
     modelValue: null;
@@ -483,18 +483,16 @@ declare const VCheckbox: {
     };
     baseColor: StringConstructor;
     ripple: {
-        type: vue.PropType<boolean | {
-            class: string;
-        } | undefined>;
+        type: vue.PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     defaultsTarget: StringConstructor;
     falseIcon: {
-        type: vue.PropType<NonNullable<IconValue>>;
+        type: vue.PropType<IconValue>;
         default: NonNullable<IconValue>;
     };
     trueIcon: {
-        type: vue.PropType<NonNullable<IconValue>>;
+        type: vue.PropType<IconValue>;
         default: NonNullable<IconValue>;
     };
     valueComparator: {
@@ -521,7 +519,7 @@ declare const VCheckbox: {
         type: vue.PropType<readonly ValidationRule[]>;
         default: () => never[];
     };
-    validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
+    validateOn: vue.PropType<ValidationProps["validateOn"]>;
     validationValue: null;
     width: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];
@@ -548,10 +546,10 @@ declare const VCheckbox: {
     'onClick:prepend': vue.PropType<(args_0: MouseEvent) => void>;
     'onClick:append': vue.PropType<(args_0: MouseEvent) => void>;
 }, vue.ExtractPropTypes<{
+    name: StringConstructor;
     type: StringConstructor;
     error: BooleanConstructor;
     id: StringConstructor;
-    name: StringConstructor;
     color: StringConstructor;
     value: null;
     label: StringConstructor;
@@ -571,7 +569,7 @@ declare const VCheckbox: {
         type: vue.PropType<boolean | null>;
         default: null;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     indeterminate: BooleanConstructor;
     theme: StringConstructor;
     modelValue: null;
@@ -582,18 +580,16 @@ declare const VCheckbox: {
     };
     baseColor: StringConstructor;
     ripple: {
-        type: vue.PropType<boolean | {
-            class: string;
-        } | undefined>;
+        type: vue.PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     defaultsTarget: StringConstructor;
     falseIcon: {
-        type: vue.PropType<NonNullable<IconValue>>;
+        type: vue.PropType<IconValue>;
         default: NonNullable<IconValue>;
     };
     trueIcon: {
-        type: vue.PropType<NonNullable<IconValue>>;
+        type: vue.PropType<IconValue>;
         default: NonNullable<IconValue>;
     };
     valueComparator: {
@@ -620,7 +616,7 @@ declare const VCheckbox: {
         type: vue.PropType<readonly ValidationRule[]>;
         default: () => never[];
     };
-    validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
+    validateOn: vue.PropType<ValidationProps["validateOn"]>;
     validationValue: null;
     width: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];
@@ -662,14 +658,14 @@ declare const VCheckboxBtn: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        falseIcon: NonNullable<IconValue>;
-        trueIcon: NonNullable<IconValue>;
+        falseIcon: IconValue;
+        trueIcon: IconValue;
         valueComparator: typeof deepEqual;
         indeterminateIcon: IconValue;
     } & {
+        name?: string | undefined;
         type?: string | undefined;
         id?: string | undefined;
-        name?: string | undefined;
         color?: string | undefined;
         value?: any;
         label?: string | undefined;
@@ -682,9 +678,9 @@ declare const VCheckboxBtn: {
     } & {
         "onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-        'update:modelValue': (value: any) => boolean;
-        'update:indeterminate': (value: boolean) => boolean;
-    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        'update:modelValue': (value: any) => true;
+        'update:indeterminate': (value: boolean) => true;
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         inline: boolean;
         error: boolean;
         style: vue.StyleValue;
@@ -696,14 +692,14 @@ declare const VCheckboxBtn: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        falseIcon: NonNullable<IconValue>;
-        trueIcon: NonNullable<IconValue>;
+        falseIcon: IconValue;
+        trueIcon: IconValue;
         valueComparator: typeof deepEqual;
         indeterminateIcon: IconValue;
     } & {
+        name?: string | undefined;
         type?: string | undefined;
         id?: string | undefined;
-        name?: string | undefined;
         color?: string | undefined;
         value?: any;
         label?: string | undefined;
@@ -727,26 +723,20 @@ declare const VCheckboxBtn: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        falseIcon: NonNullable<IconValue>;
-        trueIcon: NonNullable<IconValue>;
+        falseIcon: IconValue;
+        trueIcon: IconValue;
         valueComparator: typeof deepEqual;
         indeterminateIcon: IconValue;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: {
             backgroundColorClasses: vue.Ref<string[]>;
             backgroundColorStyles: vue.Ref<vue.CSSProperties>;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        }) => vue.VNode[];
         label: (arg: {
             label: string | undefined;
             props: Record<string, unknown>;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        input: (arg: SelectionControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        }) => vue.VNode[];
+        input: (arg: SelectionControlSlot) => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -766,14 +756,14 @@ declare const VCheckboxBtn: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        falseIcon: NonNullable<IconValue>;
-        trueIcon: NonNullable<IconValue>;
+        falseIcon: IconValue;
+        trueIcon: IconValue;
         valueComparator: typeof deepEqual;
         indeterminateIcon: IconValue;
     } & {
+        name?: string | undefined;
         type?: string | undefined;
         id?: string | undefined;
-        name?: string | undefined;
         color?: string | undefined;
         value?: any;
         label?: string | undefined;
@@ -797,14 +787,14 @@ declare const VCheckboxBtn: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        falseIcon: NonNullable<IconValue>;
-        trueIcon: NonNullable<IconValue>;
+        falseIcon: IconValue;
+        trueIcon: IconValue;
         valueComparator: typeof deepEqual;
         indeterminateIcon: IconValue;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     inline: boolean;
     error: boolean;
@@ -817,14 +807,14 @@ declare const VCheckboxBtn: {
     ripple: boolean | {
         class: string;
     } | undefined;
-    falseIcon: NonNullable<IconValue>;
-    trueIcon: NonNullable<IconValue>;
+    falseIcon: IconValue;
+    trueIcon: IconValue;
     valueComparator: typeof deepEqual;
     indeterminateIcon: IconValue;
 } & {
+    name?: string | undefined;
     type?: string | undefined;
     id?: string | undefined;
-    name?: string | undefined;
     color?: string | undefined;
     value?: any;
     label?: string | undefined;
@@ -837,9 +827,9 @@ declare const VCheckboxBtn: {
 } & {
     "onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-    'update:modelValue': (value: any) => boolean;
-    'update:indeterminate': (value: boolean) => boolean;
-}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label">, string, {
+    'update:modelValue': (value: any) => true;
+    'update:indeterminate': (value: boolean) => true;
+}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label">, string, {
     inline: boolean;
     error: boolean;
     style: vue.StyleValue;
@@ -851,40 +841,31 @@ declare const VCheckboxBtn: {
     ripple: boolean | {
         class: string;
     } | undefined;
-    falseIcon: NonNullable<IconValue>;
-    trueIcon: NonNullable<IconValue>;
+    falseIcon: IconValue;
+    trueIcon: IconValue;
     valueComparator: typeof deepEqual;
     indeterminateIcon: IconValue;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: {
         backgroundColorClasses: vue.Ref<string[]>;
         backgroundColorStyles: vue.Ref<vue.CSSProperties>;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    }) => vue.VNode[];
     label: (arg: {
         label: string | undefined;
         props: Record<string, unknown>;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    input: (arg: SelectionControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    }) => vue.VNode[];
+    input: (arg: SelectionControlSlot) => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
-    modelValue?: T | undefined;
-    'onUpdate:modelValue'?: ((value: T) => void) | undefined;
-}, slots: VSelectionControlSlots) => GenericProps<{
-    modelValue?: T | undefined;
-    'onUpdate:modelValue'?: ((value: T) => void) | undefined;
-}, VSelectionControlSlots>) & FilterPropsOptions<{
+    modelValue?: T;
+    "onUpdate:modelValue"?: (value: T) => void;
+}, slots: VSelectionControlSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
     theme: StringConstructor;
     density: {
         type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -899,17 +880,15 @@ declare const VCheckboxBtn: {
     id: StringConstructor;
     inline: BooleanConstructor;
     falseIcon: {
-        type: vue.PropType<NonNullable<IconValue>>;
+        type: vue.PropType<IconValue>;
         default: NonNullable<IconValue>;
     };
     trueIcon: {
-        type: vue.PropType<NonNullable<IconValue>>;
+        type: vue.PropType<IconValue>;
         default: NonNullable<IconValue>;
     };
     ripple: {
-        type: vue.PropType<boolean | {
-            class: string;
-        } | undefined>;
+        type: vue.PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     multiple: {
@@ -944,7 +923,7 @@ declare const VCheckboxBtn: {
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -959,17 +938,15 @@ declare const VCheckboxBtn: {
     id: StringConstructor;
     inline: BooleanConstructor;
     falseIcon: {
-        type: vue.PropType<NonNullable<IconValue>>;
+        type: vue.PropType<IconValue>;
         default: NonNullable<IconValue>;
     };
     trueIcon: {
-        type: vue.PropType<NonNullable<IconValue>>;
+        type: vue.PropType<IconValue>;
         default: NonNullable<IconValue>;
     };
     ripple: {
-        type: vue.PropType<boolean | {
-            class: string;
-        } | undefined>;
+        type: vue.PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     multiple: {