vuetify 3.4.0 → 3.4.2

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

@@ -1,6 +1,31 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType, ComponentInternalInstance, Ref, ComputedRef } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, JSXComponent, PropType, ComponentInternalInstance, Ref, ComputedRef } from 'vue';
 
+type SlotsToProps<U extends RawSlots, T = MakeInternalSlots<U>> = {
+    $children?: (VNodeChild | (T extends {
+        default: infer V;
+    } ? V : {}) | {
+        [K in keyof T]?: T[K];
+    });
+    'v-slots'?: {
+        [K in keyof T]?: T[K] | false;
+    };
+} & {
+    [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
+};
+type RawSlots = Record<string, unknown>;
+type Slot<T> = [T] extends [never] ? () => VNodeChild : (arg: T) => VNodeChild;
+type VueSlot<T> = [T] extends [never] ? () => VNode[] : (arg: T) => VNode[];
+type MakeInternalSlots<T extends RawSlots> = {
+    [K in keyof T]: Slot<T[K]>;
+};
+type MakeSlots<T extends RawSlots> = {
+    [K in keyof T]: VueSlot<T[K]>;
+};
+type GenericProps<Props, Slots extends Record<string, unknown>> = {
+    $props: Props & SlotsToProps<Slots>;
+    $slots: MakeSlots<Slots>;
+};
 interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
 }
@@ -57,6 +82,37 @@ interface GroupProvide {
     getItemIndex: (value: unknown) => number;
 }
 
+type VWindowSlots = {
+    default: {
+        group: GroupProvide;
+    };
+    additional: {
+        group: GroupProvide;
+    };
+    prev: {
+        props: ControlProps;
+    };
+    next: {
+        props: ControlProps;
+    };
+};
+type ControlProps = {
+    icon: IconValue;
+    class: string;
+    onClick: () => void;
+    ariaLabel: string;
+};
+
+type VCarouselSlots = VWindowSlots & {
+    item: {
+        props: Record<string, any>;
+        item: {
+            id: number;
+            value: unknown;
+            disabled: boolean | undefined;
+        };
+    };
+};
 declare const VCarousel: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
@@ -103,105 +159,7 @@ declare const VCarousel: {
             class?: any;
             touch?: boolean | TouchHandlers | undefined;
             theme?: string | undefined;
-            modelValue?: any;
             verticalDelimiters?: boolean | "left" | "right" | undefined;
-            $children?: vue.VNodeChild | ((arg: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | {
-                default?: ((arg: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                additional?: ((arg: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                prev?: ((arg: {
-                    props: {
-                        icon: IconValue;
-                        class: string;
-                        onClick: () => void;
-                        ariaLabel: string;
-                    };
-                }) => vue.VNodeChild) | undefined;
-                next?: ((arg: {
-                    props: {
-                        icon: IconValue;
-                        class: string;
-                        onClick: () => void;
-                        ariaLabel: string;
-                    };
-                }) => vue.VNodeChild) | undefined;
-                item?: ((arg: {
-                    props: Record<string, any>;
-                    item: {
-                        id: number;
-                        value: unknown;
-                        disabled: boolean | undefined;
-                    };
-                }) => vue.VNodeChild) | undefined;
-            };
-            'v-slots'?: {
-                default?: false | ((arg: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                additional?: false | ((arg: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                prev?: false | ((arg: {
-                    props: {
-                        icon: IconValue;
-                        class: string;
-                        onClick: () => void;
-                        ariaLabel: string;
-                    };
-                }) => vue.VNodeChild) | undefined;
-                next?: false | ((arg: {
-                    props: {
-                        icon: IconValue;
-                        class: string;
-                        onClick: () => void;
-                        ariaLabel: string;
-                    };
-                }) => vue.VNodeChild) | undefined;
-                item?: false | ((arg: {
-                    props: Record<string, any>;
-                    item: {
-                        id: number;
-                        value: unknown;
-                        disabled: boolean | undefined;
-                    };
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
-            "v-slot:default"?: false | ((arg: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:additional"?: false | ((arg: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:prev"?: false | ((arg: {
-                props: {
-                    icon: IconValue;
-                    class: string;
-                    onClick: () => void;
-                    ariaLabel: string;
-                };
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:next"?: false | ((arg: {
-                props: {
-                    icon: IconValue;
-                    class: string;
-                    onClick: () => void;
-                    ariaLabel: string;
-                };
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:item"?: false | ((arg: {
-                props: Record<string, any>;
-                item: {
-                    id: number;
-                    value: unknown;
-                    disabled: boolean | undefined;
-                };
-            }) => vue.VNodeChild) | undefined;
-            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
             reverse: boolean;
             interval: string | number;
@@ -226,109 +184,8 @@ declare const VCarousel: {
             class?: any;
             touch?: boolean | TouchHandlers | undefined;
             theme?: string | undefined;
-            modelValue?: any;
             verticalDelimiters?: boolean | "left" | "right" | undefined;
-        } & {
-            $children?: vue.VNodeChild | ((arg: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | {
-                default?: ((arg: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                additional?: ((arg: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                prev?: ((arg: {
-                    props: {
-                        icon: IconValue;
-                        class: string;
-                        onClick: () => void;
-                        ariaLabel: string;
-                    };
-                }) => vue.VNodeChild) | undefined;
-                next?: ((arg: {
-                    props: {
-                        icon: IconValue;
-                        class: string;
-                        onClick: () => void;
-                        ariaLabel: string;
-                    };
-                }) => vue.VNodeChild) | undefined;
-                item?: ((arg: {
-                    props: Record<string, any>;
-                    item: {
-                        id: number;
-                        value: unknown;
-                        disabled: boolean | undefined;
-                    };
-                }) => vue.VNodeChild) | undefined;
-            };
-            'v-slots'?: {
-                default?: false | ((arg: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                additional?: false | ((arg: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                prev?: false | ((arg: {
-                    props: {
-                        icon: IconValue;
-                        class: string;
-                        onClick: () => void;
-                        ariaLabel: string;
-                    };
-                }) => vue.VNodeChild) | undefined;
-                next?: false | ((arg: {
-                    props: {
-                        icon: IconValue;
-                        class: string;
-                        onClick: () => void;
-                        ariaLabel: string;
-                    };
-                }) => vue.VNodeChild) | undefined;
-                item?: false | ((arg: {
-                    props: Record<string, any>;
-                    item: {
-                        id: number;
-                        value: unknown;
-                        disabled: boolean | undefined;
-                    };
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:default"?: false | ((arg: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:additional"?: false | ((arg: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:prev"?: false | ((arg: {
-                props: {
-                    icon: IconValue;
-                    class: string;
-                    onClick: () => void;
-                    ariaLabel: string;
-                };
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:next"?: false | ((arg: {
-                props: {
-                    icon: IconValue;
-                    class: string;
-                    onClick: () => void;
-                    ariaLabel: string;
-                };
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:item"?: false | ((arg: {
-                props: Record<string, any>;
-                item: {
-                    id: number;
-                    value: unknown;
-                    disabled: boolean | undefined;
-                };
-            }) => vue.VNodeChild) | undefined;
-        } & {
-            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-        }, "reverse" | "interval" | "height" | "direction" | "style" | "disabled" | "tag" | "mandatory" | "touch" | "selectedClass" | "continuous" | "nextIcon" | "prevIcon" | "showArrows" | "cycle" | "delimiterIcon" | "hideDelimiters" | "hideDelimiterBackground">;
+        } & {}, "reverse" | "interval" | "height" | "direction" | "style" | "disabled" | "tag" | "mandatory" | "touch" | "selectedClass" | "continuous" | "nextIcon" | "prevIcon" | "showArrows" | "cycle" | "delimiterIcon" | "hideDelimiters" | "hideDelimiterBackground">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -379,7 +236,7 @@ declare const VCarousel: {
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "update:modelValue", val: any) => void;
+        $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
             reverse: boolean;
@@ -405,111 +262,10 @@ declare const VCarousel: {
             class?: any;
             touch?: boolean | TouchHandlers | undefined;
             theme?: string | undefined;
-            modelValue?: any;
             verticalDelimiters?: boolean | "left" | "right" | undefined;
-        } & {
-            $children?: vue.VNodeChild | ((arg: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | {
-                default?: ((arg: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                additional?: ((arg: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                prev?: ((arg: {
-                    props: {
-                        icon: IconValue;
-                        class: string;
-                        onClick: () => void;
-                        ariaLabel: string;
-                    };
-                }) => vue.VNodeChild) | undefined;
-                next?: ((arg: {
-                    props: {
-                        icon: IconValue;
-                        class: string;
-                        onClick: () => void;
-                        ariaLabel: string;
-                    };
-                }) => vue.VNodeChild) | undefined;
-                item?: ((arg: {
-                    props: Record<string, any>;
-                    item: {
-                        id: number;
-                        value: unknown;
-                        disabled: boolean | undefined;
-                    };
-                }) => vue.VNodeChild) | undefined;
-            };
-            'v-slots'?: {
-                default?: false | ((arg: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                additional?: false | ((arg: {
-                    group: GroupProvide;
-                }) => vue.VNodeChild) | undefined;
-                prev?: false | ((arg: {
-                    props: {
-                        icon: IconValue;
-                        class: string;
-                        onClick: () => void;
-                        ariaLabel: string;
-                    };
-                }) => vue.VNodeChild) | undefined;
-                next?: false | ((arg: {
-                    props: {
-                        icon: IconValue;
-                        class: string;
-                        onClick: () => void;
-                        ariaLabel: string;
-                    };
-                }) => vue.VNodeChild) | undefined;
-                item?: false | ((arg: {
-                    props: Record<string, any>;
-                    item: {
-                        id: number;
-                        value: unknown;
-                        disabled: boolean | undefined;
-                    };
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:default"?: false | ((arg: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:additional"?: false | ((arg: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:prev"?: false | ((arg: {
-                props: {
-                    icon: IconValue;
-                    class: string;
-                    onClick: () => void;
-                    ariaLabel: string;
-                };
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:next"?: false | ((arg: {
-                props: {
-                    icon: IconValue;
-                    class: string;
-                    onClick: () => void;
-                    ariaLabel: string;
-                };
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:item"?: false | ((arg: {
-                props: Record<string, any>;
-                item: {
-                    id: number;
-                    value: unknown;
-                    disabled: boolean | undefined;
-                };
-            }) => vue.VNodeChild) | undefined;
-        } & {
-            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            'update:modelValue': (val: any) => boolean;
-        }, string, {
+        } & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+            'update:modelValue': (value: any) => boolean;
+        }, "$children" | "v-slot:default" | "v-slots" | "v-slot:additional" | "modelValue" | "update:modelValue" | "v-slot:item" | "v-slot:next" | "v-slot:prev">, string, {
             reverse: boolean;
             interval: string | number;
             height: string | number;
@@ -613,109 +369,8 @@ declare const VCarousel: {
         class?: any;
         touch?: boolean | TouchHandlers | undefined;
         theme?: string | undefined;
-        modelValue?: any;
         verticalDelimiters?: boolean | "left" | "right" | undefined;
-    } & {
-        $children?: vue.VNodeChild | ((arg: {
-            group: GroupProvide;
-        }) => vue.VNodeChild) | {
-            default?: ((arg: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | undefined;
-            additional?: ((arg: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | undefined;
-            prev?: ((arg: {
-                props: {
-                    icon: IconValue;
-                    class: string;
-                    onClick: () => void;
-                    ariaLabel: string;
-                };
-            }) => vue.VNodeChild) | undefined;
-            next?: ((arg: {
-                props: {
-                    icon: IconValue;
-                    class: string;
-                    onClick: () => void;
-                    ariaLabel: string;
-                };
-            }) => vue.VNodeChild) | undefined;
-            item?: ((arg: {
-                props: Record<string, any>;
-                item: {
-                    id: number;
-                    value: unknown;
-                    disabled: boolean | undefined;
-                };
-            }) => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            default?: false | ((arg: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | undefined;
-            additional?: false | ((arg: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | undefined;
-            prev?: false | ((arg: {
-                props: {
-                    icon: IconValue;
-                    class: string;
-                    onClick: () => void;
-                    ariaLabel: string;
-                };
-            }) => vue.VNodeChild) | undefined;
-            next?: false | ((arg: {
-                props: {
-                    icon: IconValue;
-                    class: string;
-                    onClick: () => void;
-                    ariaLabel: string;
-                };
-            }) => vue.VNodeChild) | undefined;
-            item?: false | ((arg: {
-                props: Record<string, any>;
-                item: {
-                    id: number;
-                    value: unknown;
-                    disabled: boolean | undefined;
-                };
-            }) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | ((arg: {
-            group: GroupProvide;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:additional"?: false | ((arg: {
-            group: GroupProvide;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:prev"?: false | ((arg: {
-            props: {
-                icon: IconValue;
-                class: string;
-                onClick: () => void;
-                ariaLabel: string;
-            };
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:next"?: false | ((arg: {
-            props: {
-                icon: IconValue;
-                class: string;
-                onClick: () => void;
-                ariaLabel: string;
-            };
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:item"?: false | ((arg: {
-            props: Record<string, any>;
-            item: {
-                id: number;
-                value: unknown;
-                disabled: boolean | undefined;
-            };
-        }) => vue.VNodeChild) | undefined;
-    } & {
-        "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
+    } & {} & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -743,111 +398,10 @@ declare const VCarousel: {
     class?: any;
     touch?: boolean | TouchHandlers | undefined;
     theme?: string | undefined;
-    modelValue?: any;
     verticalDelimiters?: boolean | "left" | "right" | undefined;
-} & {
-    $children?: vue.VNodeChild | ((arg: {
-        group: GroupProvide;
-    }) => vue.VNodeChild) | {
-        default?: ((arg: {
-            group: GroupProvide;
-        }) => vue.VNodeChild) | undefined;
-        additional?: ((arg: {
-            group: GroupProvide;
-        }) => vue.VNodeChild) | undefined;
-        prev?: ((arg: {
-            props: {
-                icon: IconValue;
-                class: string;
-                onClick: () => void;
-                ariaLabel: string;
-            };
-        }) => vue.VNodeChild) | undefined;
-        next?: ((arg: {
-            props: {
-                icon: IconValue;
-                class: string;
-                onClick: () => void;
-                ariaLabel: string;
-            };
-        }) => vue.VNodeChild) | undefined;
-        item?: ((arg: {
-            props: Record<string, any>;
-            item: {
-                id: number;
-                value: unknown;
-                disabled: boolean | undefined;
-            };
-        }) => vue.VNodeChild) | undefined;
-    };
-    'v-slots'?: {
-        default?: false | ((arg: {
-            group: GroupProvide;
-        }) => vue.VNodeChild) | undefined;
-        additional?: false | ((arg: {
-            group: GroupProvide;
-        }) => vue.VNodeChild) | undefined;
-        prev?: false | ((arg: {
-            props: {
-                icon: IconValue;
-                class: string;
-                onClick: () => void;
-                ariaLabel: string;
-            };
-        }) => vue.VNodeChild) | undefined;
-        next?: false | ((arg: {
-            props: {
-                icon: IconValue;
-                class: string;
-                onClick: () => void;
-                ariaLabel: string;
-            };
-        }) => vue.VNodeChild) | undefined;
-        item?: false | ((arg: {
-            props: Record<string, any>;
-            item: {
-                id: number;
-                value: unknown;
-                disabled: boolean | undefined;
-            };
-        }) => vue.VNodeChild) | undefined;
-    } | undefined;
-} & {
-    "v-slot:default"?: false | ((arg: {
-        group: GroupProvide;
-    }) => vue.VNodeChild) | undefined;
-    "v-slot:additional"?: false | ((arg: {
-        group: GroupProvide;
-    }) => vue.VNodeChild) | undefined;
-    "v-slot:prev"?: false | ((arg: {
-        props: {
-            icon: IconValue;
-            class: string;
-            onClick: () => void;
-            ariaLabel: string;
-        };
-    }) => vue.VNodeChild) | undefined;
-    "v-slot:next"?: false | ((arg: {
-        props: {
-            icon: IconValue;
-            class: string;
-            onClick: () => void;
-            ariaLabel: string;
-        };
-    }) => vue.VNodeChild) | undefined;
-    "v-slot:item"?: false | ((arg: {
-        props: Record<string, any>;
-        item: {
-            id: number;
-            value: unknown;
-            disabled: boolean | undefined;
-        };
-    }) => vue.VNodeChild) | undefined;
-} & {
-    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:modelValue': (val: any) => boolean;
-}, string, {
+} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+    'update:modelValue': (value: any) => boolean;
+}, "$children" | "v-slot:default" | "v-slots" | "v-slot:additional" | "modelValue" | "update:modelValue" | "v-slot:item" | "v-slot:next" | "v-slot:prev">, string, {
     reverse: boolean;
     interval: string | number;
     height: string | number;
@@ -907,7 +461,13 @@ declare const VCarousel: {
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1>(props: {
+    modelValue?: T_1 | undefined;
+    'onUpdate:modelValue'?: ((value: T_1) => void) | undefined;
+}, slots: VCarouselSlots) => GenericProps<{
+    modelValue?: T_1 | undefined;
+    'onUpdate:modelValue'?: ((value: T_1) => void) | undefined;
+}, VCarouselSlots>) & FilterPropsOptions<{
     theme: StringConstructor;
     tag: {
         type: StringConstructor;

package/lib/components/VCheckbox/VCheckbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VCheckbox.mjs","names":["makeVCheckboxBtnProps","VCheckboxBtn","makeVInputProps","VInput","useFocus","useProxiedModel","computed","filterInputAttrs","genericComponent","getUid","omit","propsFactory","useRender","makeVCheckboxProps","VCheckbox","name","inheritAttrs","props","emits","value","focused","setup","_ref","attrs","slots","model","isFocused","focus","blur","uid","id","rootAttrs","controlAttrs","inputProps","filterProps","checkboxProps","_createVNode","_mergeProps","class","$event","style","default","_ref2","messagesId","isDisabled","isReadonly"],"sources":["../../../src/components/VCheckbox/VCheckbox.tsx"],"sourcesContent":["// Styles\nimport './VCheckbox.sass'\n\n// Components\nimport { makeVCheckboxBtnProps, VCheckboxBtn } from './VCheckboxBtn'\nimport { makeVInputProps, VInput } from '@/components/VInput/VInput'\n\n// Composables\nimport { useFocus } from '@/composables/focus'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed } from 'vue'\nimport { filterInputAttrs, genericComponent, getUid, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '../VSelectionControl/VSelectionControl'\nimport type { VInputSlots } from '@/components/VInput/VInput'\n\nexport type VCheckboxSlots = Omit<VInputSlots, 'default'> & VSelectionControlSlots\n\nexport const makeVCheckboxProps = propsFactory({\n  ...makeVInputProps(),\n  ...omit(makeVCheckboxBtnProps(), ['inline']),\n}, 'VCheckbox')\n\nexport const VCheckbox = genericComponent<VCheckboxSlots>()({\n  name: 'VCheckbox',\n\n  inheritAttrs: false,\n\n  props: makeVCheckboxProps(),\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n    'update:focused': (focused: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const { isFocused, focus, blur } = useFocus(props)\n\n    const uid = getUid()\n    const id = computed(() => props.id || `checkbox-${uid}`)\n\n    useRender(() => {\n      const [rootAttrs, controlAttrs] = filterInputAttrs(attrs)\n      const inputProps = VInput.filterProps(props)\n      const checkboxProps = VCheckboxBtn.filterProps(props)\n\n      return (\n        <VInput\n          class={[\n            'v-checkbox',\n            props.class,\n          ]}\n          { ...rootAttrs }\n          { ...inputProps }\n          v-model={ model.value }\n          id={ id.value }\n          focused={ isFocused.value }\n          style={ props.style }\n        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              messagesId,\n              isDisabled,\n              isReadonly,\n            }) => (\n              <VCheckboxBtn\n                { ...checkboxProps }\n                id={ id.value }\n                aria-describedby={ messagesId.value }\n                disabled={ isDisabled.value }\n                readonly={ isReadonly.value }\n                { ...controlAttrs }\n                v-model={ model.value }\n                onFocus={ focus }\n                onBlur={ blur }\n                v-slots={ slots }\n              />\n            ),\n          }}\n        </VInput>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCheckbox = InstanceType<typeof VCheckbox>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,qBAAqB,EAAEC,YAAY;AAAA,SACnCC,eAAe,EAAEC,MAAM,gCAEhC;AAAA,SACSC,QAAQ;AAAA,SACRC,eAAe,8CAExB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,gCAElF;AAMA,OAAO,MAAMC,kBAAkB,GAAGF,YAAY,CAAC;EAC7C,GAAGT,eAAe,EAAE;EACpB,GAAGQ,IAAI,CAACV,qBAAqB,EAAE,EAAE,CAAC,QAAQ,CAAC;AAC7C,CAAC,EAAE,WAAW,CAAC;AAEf,OAAO,MAAMc,SAAS,GAAGN,gBAAgB,EAAkB,CAAC;EAC1DO,IAAI,EAAE,WAAW;EAEjBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAEJ,kBAAkB,EAAE;EAE3BK,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK,IAAI;IAC7C,gBAAgB,EAAGC,OAAgB,IAAK;EAC1C,CAAC;EAEDC,KAAKA,CAAEJ,KAAK,EAAAK,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAMG,KAAK,GAAGpB,eAAe,CAACY,KAAK,EAAE,YAAY,CAAC;IAClD,MAAM;MAAES,SAAS;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAGxB,QAAQ,CAACa,KAAK,CAAC;IAElD,MAAMY,GAAG,GAAGpB,MAAM,EAAE;IACpB,MAAMqB,EAAE,GAAGxB,QAAQ,CAAC,MAAMW,KAAK,CAACa,EAAE,IAAK,YAAWD,GAAI,EAAC,CAAC;IAExDjB,SAAS,CAAC,MAAM;MACd,MAAM,CAACmB,SAAS,EAAEC,YAAY,CAAC,GAAGzB,gBAAgB,CAACgB,KAAK,CAAC;MACzD,MAAMU,UAAU,GAAG9B,MAAM,CAAC+B,WAAW,CAACjB,KAAK,CAAC;MAC5C,MAAMkB,aAAa,GAAGlC,YAAY,CAACiC,WAAW,CAACjB,KAAK,CAAC;MAErD,OAAAmB,YAAA,CAAAjC,MAAA,EAAAkC,WAAA;QAAA,SAEW,CACL,YAAY,EACZpB,KAAK,CAACqB,KAAK;MACZ,GACIP,SAAS,EACTE,UAAU;QAAA,cACLR,KAAK,CAACN,KAAK;QAAA,uBAAAoB,MAAA,IAAXd,KAAK,CAACN,KAAK,GAAAoB,MAAA;QAAA,MAChBT,EAAE,CAACX,KAAK;QAAA,WACHO,SAAS,CAACP,KAAK;QAAA,SACjBF,KAAK,CAACuB;MAAK;QAGjB,GAAGhB,KAAK;QACRiB,OAAO,EAAEC,KAAA;UAAA,IAAC;YACRZ,EAAE;YACFa,UAAU;YACVC,UAAU;YACVC;UACF,CAAC,GAAAH,KAAA;UAAA,OAAAN,YAAA,CAAAnC,YAAA,EAAAoC,WAAA,CAEQF,aAAa;YAAA,MACbL,EAAE,CAACX,KAAK;YAAA,oBACMwB,UAAU,CAACxB,KAAK;YAAA,YACxByB,UAAU,CAACzB,KAAK;YAAA,YAChB0B,UAAU,CAAC1B;UAAK,GACtBa,YAAY;YAAA,cACPP,KAAK,CAACN,KAAK;YAAA,uBAAAoB,MAAA,IAAXd,KAAK,CAACN,KAAK,GAAAoB,MAAA;YAAA,WACXZ,KAAK;YAAA,UACNC;UAAI,IACHJ,KAAK;QAAA;MAElB;IAIT,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VCheckbox.mjs","names":["makeVCheckboxBtnProps","VCheckboxBtn","makeVInputProps","VInput","useFocus","useProxiedModel","computed","filterInputAttrs","genericComponent","getUid","omit","propsFactory","useRender","makeVCheckboxProps","VCheckbox","name","inheritAttrs","props","emits","value","focused","setup","_ref","attrs","slots","model","isFocused","focus","blur","uid","id","rootAttrs","controlAttrs","inputProps","filterProps","checkboxProps","_createVNode","_mergeProps","class","$event","style","default","_ref2","messagesId","isDisabled","isReadonly"],"sources":["../../../src/components/VCheckbox/VCheckbox.tsx"],"sourcesContent":["// Styles\nimport './VCheckbox.sass'\n\n// Components\nimport { makeVCheckboxBtnProps, VCheckboxBtn } from './VCheckboxBtn'\nimport { makeVInputProps, VInput } from '@/components/VInput/VInput'\n\n// Composables\nimport { useFocus } from '@/composables/focus'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed } from 'vue'\nimport { filterInputAttrs, genericComponent, getUid, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '../VSelectionControl/VSelectionControl'\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { GenericProps } from '@/util'\n\nexport type VCheckboxSlots = Omit<VInputSlots, 'default'> & VSelectionControlSlots\n\nexport const makeVCheckboxProps = propsFactory({\n  ...makeVInputProps(),\n  ...omit(makeVCheckboxBtnProps(), ['inline']),\n}, 'VCheckbox')\n\nexport const VCheckbox = genericComponent<new <T>(\n  props: {\n    modelValue?: T | null\n    'onUpdate:modelValue'?: (value: T | null) => void\n  },\n  slots: VCheckboxSlots,\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VCheckbox',\n\n  inheritAttrs: false,\n\n  props: makeVCheckboxProps(),\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n    'update:focused': (focused: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const { isFocused, focus, blur } = useFocus(props)\n\n    const uid = getUid()\n    const id = computed(() => props.id || `checkbox-${uid}`)\n\n    useRender(() => {\n      const [rootAttrs, controlAttrs] = filterInputAttrs(attrs)\n      const inputProps = VInput.filterProps(props)\n      const checkboxProps = VCheckboxBtn.filterProps(props)\n\n      return (\n        <VInput\n          class={[\n            'v-checkbox',\n            props.class,\n          ]}\n          { ...rootAttrs }\n          { ...inputProps }\n          v-model={ model.value }\n          id={ id.value }\n          focused={ isFocused.value }\n          style={ props.style }\n        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              messagesId,\n              isDisabled,\n              isReadonly,\n            }) => (\n              <VCheckboxBtn\n                { ...checkboxProps }\n                id={ id.value }\n                aria-describedby={ messagesId.value }\n                disabled={ isDisabled.value }\n                readonly={ isReadonly.value }\n                { ...controlAttrs }\n                v-model={ model.value }\n                onFocus={ focus }\n                onBlur={ blur }\n                v-slots={ slots }\n              />\n            ),\n          }}\n        </VInput>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCheckbox = InstanceType<typeof VCheckbox>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,qBAAqB,EAAEC,YAAY;AAAA,SACnCC,eAAe,EAAEC,MAAM,gCAEhC;AAAA,SACSC,QAAQ;AAAA,SACRC,eAAe,8CAExB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,gCAElF;AAOA,OAAO,MAAMC,kBAAkB,GAAGF,YAAY,CAAC;EAC7C,GAAGT,eAAe,EAAE;EACpB,GAAGQ,IAAI,CAACV,qBAAqB,EAAE,EAAE,CAAC,QAAQ,CAAC;AAC7C,CAAC,EAAE,WAAW,CAAC;AAEf,OAAO,MAAMc,SAAS,GAAGN,gBAAgB,EAMO,CAAC;EAC/CO,IAAI,EAAE,WAAW;EAEjBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAEJ,kBAAkB,EAAE;EAE3BK,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK,IAAI;IACzC,gBAAgB,EAAGC,OAAgB,IAAK;EAC1C,CAAC;EAEDC,KAAKA,CAAEJ,KAAK,EAAAK,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAMG,KAAK,GAAGpB,eAAe,CAACY,KAAK,EAAE,YAAY,CAAC;IAClD,MAAM;MAAES,SAAS;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAGxB,QAAQ,CAACa,KAAK,CAAC;IAElD,MAAMY,GAAG,GAAGpB,MAAM,EAAE;IACpB,MAAMqB,EAAE,GAAGxB,QAAQ,CAAC,MAAMW,KAAK,CAACa,EAAE,IAAK,YAAWD,GAAI,EAAC,CAAC;IAExDjB,SAAS,CAAC,MAAM;MACd,MAAM,CAACmB,SAAS,EAAEC,YAAY,CAAC,GAAGzB,gBAAgB,CAACgB,KAAK,CAAC;MACzD,MAAMU,UAAU,GAAG9B,MAAM,CAAC+B,WAAW,CAACjB,KAAK,CAAC;MAC5C,MAAMkB,aAAa,GAAGlC,YAAY,CAACiC,WAAW,CAACjB,KAAK,CAAC;MAErD,OAAAmB,YAAA,CAAAjC,MAAA,EAAAkC,WAAA;QAAA,SAEW,CACL,YAAY,EACZpB,KAAK,CAACqB,KAAK;MACZ,GACIP,SAAS,EACTE,UAAU;QAAA,cACLR,KAAK,CAACN,KAAK;QAAA,uBAAAoB,MAAA,IAAXd,KAAK,CAACN,KAAK,GAAAoB,MAAA;QAAA,MAChBT,EAAE,CAACX,KAAK;QAAA,WACHO,SAAS,CAACP,KAAK;QAAA,SACjBF,KAAK,CAACuB;MAAK;QAGjB,GAAGhB,KAAK;QACRiB,OAAO,EAAEC,KAAA;UAAA,IAAC;YACRZ,EAAE;YACFa,UAAU;YACVC,UAAU;YACVC;UACF,CAAC,GAAAH,KAAA;UAAA,OAAAN,YAAA,CAAAnC,YAAA,EAAAoC,WAAA,CAEQF,aAAa;YAAA,MACbL,EAAE,CAACX,KAAK;YAAA,oBACMwB,UAAU,CAACxB,KAAK;YAAA,YACxByB,UAAU,CAACzB,KAAK;YAAA,YAChB0B,UAAU,CAAC1B;UAAK,GACtBa,YAAY;YAAA,cACPP,KAAK,CAACN,KAAK;YAAA,uBAAAoB,MAAA,IAAXd,KAAK,CAACN,KAAK,GAAAoB,MAAA;YAAA,WACXZ,KAAK;YAAA,UACNC;UAAI,IACHJ,KAAK;QAAA;MAElB;IAIT,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VCheckbox/VCheckboxBtn.mjs

@@ -21,7 +21,7 @@ export const VCheckboxBtn = genericComponent()({
   props: makeVCheckboxBtnProps(),
   emits: {
     'update:modelValue': value => true,
-    'update:indeterminate': val => true
+    'update:indeterminate': value => true
   },
   setup(props, _ref) {
     let {