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

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

@@ -19,92 +19,142 @@ declare const VChip: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            replace: boolean;
-            link: boolean;
-            filter: boolean;
-            exact: boolean;
-            label: boolean;
-            style: vue.StyleValue;
-            draggable: boolean;
-            disabled: boolean;
-            size: string | number;
-            tag: string;
-            rounded: string | number | boolean;
-            density: Density;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            modelValue: boolean;
-            ripple: boolean;
-            closable: boolean;
-            closeIcon: IconValue;
-            closeLabel: string;
-            pill: boolean;
-            filterIcon: string;
-        }> & Omit<{
-            replace: boolean;
-            filter: boolean;
-            exact: boolean;
-            label: boolean;
-            style: vue.StyleValue;
-            draggable: boolean;
-            disabled: boolean;
-            size: string | number;
-            tag: string;
-            density: Density;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            modelValue: boolean;
-            ripple: boolean;
-            closable: boolean;
-            closeIcon: IconValue;
-            closeLabel: string;
-            pill: boolean;
-            filterIcon: string;
-        } & {
+        $props: {
+            replace?: boolean | undefined;
             link?: boolean | undefined;
+            filter?: boolean | undefined;
+            exact?: boolean | undefined;
+            label?: boolean | undefined;
+            style?: vue.StyleValue | undefined;
+            draggable?: boolean | undefined;
+            disabled?: boolean | undefined;
+            size?: string | number | undefined;
+            tag?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            density?: Density | undefined;
+            variant?: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"> | undefined;
+            modelValue?: boolean | undefined;
+            ripple?: boolean | undefined;
+            closable?: boolean | undefined;
+            closeIcon?: IconValue | undefined;
+            closeLabel?: string | undefined;
+            filterIcon?: string | undefined;
+            pill?: boolean | undefined;
+            key?: string | number | symbol | undefined;
             border?: string | number | boolean | undefined;
             color?: string | undefined;
             value?: any;
             text?: string | undefined;
             class?: any;
-            onClick?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            onClick?: (EventProp<[MouseEvent], (args_0: MouseEvent) => any> & ((e: MouseEvent | KeyboardEvent) => any)) | undefined;
             onClickOnce?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            $children?: vue.VNodeChild | {
+                default?: ((args_0: {
+                    isSelected: boolean | undefined;
+                    selectedClass: boolean | (string | undefined)[] | undefined;
+                    select: ((value: boolean) => void) | undefined;
+                    toggle: (() => void) | undefined;
+                    value: unknown;
+                    disabled: boolean;
+                }) => vue.VNodeChild) | undefined;
+                label?: (() => vue.VNodeChild) | undefined;
+                prepend?: (() => vue.VNodeChild) | undefined;
+                append?: (() => vue.VNodeChild) | undefined;
+                close?: (() => vue.VNodeChild) | undefined;
+                filter?: (() => vue.VNodeChild) | undefined;
+            } | ((args_0: {
+                isSelected: boolean | undefined;
+                selectedClass: boolean | (string | undefined)[] | undefined;
+                select: ((value: boolean) => void) | undefined;
+                toggle: (() => void) | undefined;
+                value: unknown;
+                disabled: boolean;
+            }) => vue.VNodeChild);
             href?: string | undefined;
             elevation?: string | number | undefined;
             to?: vue_router.RouteLocationRaw | undefined;
+            ref?: vue.VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
             theme?: string | undefined;
-            rounded?: string | number | boolean | undefined;
-            selectedClass?: string | undefined;
-            prependIcon?: IconValue | undefined;
-            appendIcon?: IconValue | undefined;
-            activeClass?: string | undefined;
-            appendAvatar?: string | undefined;
-            prependAvatar?: string | undefined;
-        } & {
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
-                label?: (() => vue.VNodeChild) | undefined;
-                prepend?: (() => vue.VNodeChild) | undefined;
-                append?: (() => vue.VNodeChild) | undefined;
-            };
+            "v-slot:default"?: false | ((args_0: {
+                isSelected: boolean | undefined;
+                selectedClass: boolean | (string | undefined)[] | undefined;
+                select: ((value: boolean) => void) | undefined;
+                toggle: (() => void) | undefined;
+                value: unknown;
+                disabled: boolean;
+            }) => vue.VNodeChild) | undefined;
             'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
+                default?: false | ((args_0: {
+                    isSelected: boolean | undefined;
+                    selectedClass: boolean | (string | undefined)[] | undefined;
+                    select: ((value: boolean) => void) | undefined;
+                    toggle: (() => void) | undefined;
+                    value: unknown;
+                    disabled: boolean;
+                }) => vue.VNodeChild) | undefined;
                 label?: false | (() => vue.VNodeChild) | undefined;
                 prepend?: false | (() => vue.VNodeChild) | undefined;
                 append?: false | (() => vue.VNodeChild) | undefined;
+                close?: false | (() => vue.VNodeChild) | undefined;
+                filter?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-        } & {
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:label"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
             "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
-        } & {
-            onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
+            "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            selectedClass?: string | undefined;
             "onGroup:selected"?: ((val: {
                 value: boolean;
             }) => any) | undefined;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
             "onClick:close"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "replace" | "link" | "filter" | "exact" | "label" | "style" | "draggable" | "disabled" | "size" | "tag" | "rounded" | "density" | "variant" | "modelValue" | "ripple" | "closable" | "closeIcon" | "closeLabel" | "pill" | "filterIcon">;
+            "v-slot:close"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:label"?: false | (() => vue.VNodeChild) | undefined;
+            activeClass?: string | undefined;
+            appendAvatar?: string | undefined;
+            prependAvatar?: string | undefined;
+            "v-slot:filter"?: false | (() => vue.VNodeChild) | undefined;
+        };
         $attrs: {
             [x: string]: unknown;
         };
@@ -112,10 +162,34 @@ declare const VChip: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: vue.Slot | undefined;
+            default?: ((args_0: {
+                isSelected: boolean | undefined;
+                selectedClass: boolean | (string | undefined)[] | undefined;
+                select: ((value: boolean) => void) | undefined;
+                toggle: (() => void) | undefined;
+                value: unknown;
+                disabled: boolean;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            label?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            prepend?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            append?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            close?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            filter?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
         }>;
-        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $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: "click", e: MouseEvent | KeyboardEvent) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "group:selected", val: {
             value: boolean;
         }) => void) & ((event: "click:close", e: MouseEvent) => void);
@@ -137,8 +211,8 @@ declare const VChip: {
             closable: boolean;
             closeIcon: IconValue;
             closeLabel: string;
-            pill: boolean;
             filterIcon: string;
+            pill: boolean;
         } & {
             link?: boolean | undefined;
             border?: string | number | boolean | undefined;
@@ -160,23 +234,57 @@ declare const VChip: {
             appendAvatar?: string | undefined;
             prependAvatar?: string | undefined;
         } & {
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
+            $children?: vue.VNodeChild | {
+                default?: ((args_0: {
+                    isSelected: boolean | undefined;
+                    selectedClass: boolean | (string | undefined)[] | undefined;
+                    select: ((value: boolean) => void) | undefined;
+                    toggle: (() => void) | undefined;
+                    value: unknown;
+                    disabled: boolean;
+                }) => vue.VNodeChild) | undefined;
                 label?: (() => vue.VNodeChild) | undefined;
                 prepend?: (() => vue.VNodeChild) | undefined;
                 append?: (() => vue.VNodeChild) | undefined;
-            };
+                close?: (() => vue.VNodeChild) | undefined;
+                filter?: (() => vue.VNodeChild) | undefined;
+            } | ((args_0: {
+                isSelected: boolean | undefined;
+                selectedClass: boolean | (string | undefined)[] | undefined;
+                select: ((value: boolean) => void) | undefined;
+                toggle: (() => void) | undefined;
+                value: unknown;
+                disabled: boolean;
+            }) => vue.VNodeChild);
             'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
+                default?: false | ((args_0: {
+                    isSelected: boolean | undefined;
+                    selectedClass: boolean | (string | undefined)[] | undefined;
+                    select: ((value: boolean) => void) | undefined;
+                    toggle: (() => void) | undefined;
+                    value: unknown;
+                    disabled: boolean;
+                }) => vue.VNodeChild) | undefined;
                 label?: false | (() => vue.VNodeChild) | undefined;
                 prepend?: false | (() => vue.VNodeChild) | undefined;
                 append?: false | (() => vue.VNodeChild) | undefined;
+                close?: false | (() => vue.VNodeChild) | undefined;
+                filter?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | ((args_0: {
+                isSelected: boolean | undefined;
+                selectedClass: boolean | (string | undefined)[] | undefined;
+                select: ((value: boolean) => void) | undefined;
+                toggle: (() => void) | undefined;
+                value: unknown;
+                disabled: boolean;
+            }) => vue.VNodeChild) | undefined;
             "v-slot:label"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:close"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:filter"?: false | (() => vue.VNodeChild) | undefined;
         } & {
             onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -210,9 +318,35 @@ declare const VChip: {
             closable: boolean;
             closeIcon: IconValue;
             closeLabel: string;
-            pill: boolean;
             filterIcon: string;
-        }, {}, string> & {
+            pill: boolean;
+        }, {}, string, vue.SlotsType<Partial<{
+            default: (args_0: {
+                isSelected: boolean | undefined;
+                selectedClass: boolean | (string | undefined)[] | undefined;
+                select: ((value: boolean) => void) | undefined;
+                toggle: (() => void) | undefined;
+                value: unknown;
+                disabled: boolean;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            label: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            close: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            filter: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+        }>>> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -227,7 +361,7 @@ declare const VChip: {
             unmounted?: ((() => void) | (() => void)[]) | undefined;
             renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
             renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
@@ -249,8 +383,8 @@ declare const VChip: {
         closable: boolean;
         closeIcon: IconValue;
         closeLabel: string;
-        pill: boolean;
         filterIcon: string;
+        pill: boolean;
     } & {
         link?: boolean | undefined;
         border?: string | number | boolean | undefined;
@@ -272,23 +406,57 @@ declare const VChip: {
         appendAvatar?: string | undefined;
         prependAvatar?: string | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            default?: (() => vue.VNodeChild) | undefined;
+        $children?: vue.VNodeChild | {
+            default?: ((args_0: {
+                isSelected: boolean | undefined;
+                selectedClass: boolean | (string | undefined)[] | undefined;
+                select: ((value: boolean) => void) | undefined;
+                toggle: (() => void) | undefined;
+                value: unknown;
+                disabled: boolean;
+            }) => vue.VNodeChild) | undefined;
             label?: (() => vue.VNodeChild) | undefined;
             prepend?: (() => vue.VNodeChild) | undefined;
             append?: (() => vue.VNodeChild) | undefined;
-        };
+            close?: (() => vue.VNodeChild) | undefined;
+            filter?: (() => vue.VNodeChild) | undefined;
+        } | ((args_0: {
+            isSelected: boolean | undefined;
+            selectedClass: boolean | (string | undefined)[] | undefined;
+            select: ((value: boolean) => void) | undefined;
+            toggle: (() => void) | undefined;
+            value: unknown;
+            disabled: boolean;
+        }) => vue.VNodeChild);
         'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
+            default?: false | ((args_0: {
+                isSelected: boolean | undefined;
+                selectedClass: boolean | (string | undefined)[] | undefined;
+                select: ((value: boolean) => void) | undefined;
+                toggle: (() => void) | undefined;
+                value: unknown;
+                disabled: boolean;
+            }) => vue.VNodeChild) | undefined;
             label?: false | (() => vue.VNodeChild) | undefined;
             prepend?: false | (() => vue.VNodeChild) | undefined;
             append?: false | (() => vue.VNodeChild) | undefined;
+            close?: false | (() => vue.VNodeChild) | undefined;
+            filter?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:default"?: false | ((args_0: {
+            isSelected: boolean | undefined;
+            selectedClass: boolean | (string | undefined)[] | undefined;
+            select: ((value: boolean) => void) | undefined;
+            toggle: (() => void) | undefined;
+            value: unknown;
+            disabled: boolean;
+        }) => vue.VNodeChild) | undefined;
         "v-slot:label"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:close"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:filter"?: false | (() => vue.VNodeChild) | undefined;
     } & {
         onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -317,8 +485,8 @@ declare const VChip: {
     closable: boolean;
     closeIcon: IconValue;
     closeLabel: string;
-    pill: boolean;
     filterIcon: string;
+    pill: boolean;
 } & {
     link?: boolean | undefined;
     border?: string | number | boolean | undefined;
@@ -340,23 +508,57 @@ declare const VChip: {
     appendAvatar?: string | undefined;
     prependAvatar?: string | undefined;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-        default?: (() => vue.VNodeChild) | undefined;
+    $children?: vue.VNodeChild | {
+        default?: ((args_0: {
+            isSelected: boolean | undefined;
+            selectedClass: boolean | (string | undefined)[] | undefined;
+            select: ((value: boolean) => void) | undefined;
+            toggle: (() => void) | undefined;
+            value: unknown;
+            disabled: boolean;
+        }) => vue.VNodeChild) | undefined;
         label?: (() => vue.VNodeChild) | undefined;
         prepend?: (() => vue.VNodeChild) | undefined;
         append?: (() => vue.VNodeChild) | undefined;
-    };
+        close?: (() => vue.VNodeChild) | undefined;
+        filter?: (() => vue.VNodeChild) | undefined;
+    } | ((args_0: {
+        isSelected: boolean | undefined;
+        selectedClass: boolean | (string | undefined)[] | undefined;
+        select: ((value: boolean) => void) | undefined;
+        toggle: (() => void) | undefined;
+        value: unknown;
+        disabled: boolean;
+    }) => vue.VNodeChild);
     'v-slots'?: {
-        default?: false | (() => vue.VNodeChild) | undefined;
+        default?: false | ((args_0: {
+            isSelected: boolean | undefined;
+            selectedClass: boolean | (string | undefined)[] | undefined;
+            select: ((value: boolean) => void) | undefined;
+            toggle: (() => void) | undefined;
+            value: unknown;
+            disabled: boolean;
+        }) => vue.VNodeChild) | undefined;
         label?: false | (() => vue.VNodeChild) | undefined;
         prepend?: false | (() => vue.VNodeChild) | undefined;
         append?: false | (() => vue.VNodeChild) | undefined;
+        close?: false | (() => vue.VNodeChild) | undefined;
+        filter?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:default"?: false | ((args_0: {
+        isSelected: boolean | undefined;
+        selectedClass: boolean | (string | undefined)[] | undefined;
+        select: ((value: boolean) => void) | undefined;
+        toggle: (() => void) | undefined;
+        value: unknown;
+        disabled: boolean;
+    }) => vue.VNodeChild) | undefined;
     "v-slot:label"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:close"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:filter"?: false | (() => vue.VNodeChild) | undefined;
 } & {
     onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -390,9 +592,35 @@ declare const VChip: {
     closable: boolean;
     closeIcon: IconValue;
     closeLabel: string;
-    pill: boolean;
     filterIcon: string;
-}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    pill: boolean;
+}, {}, string, vue.SlotsType<Partial<{
+    default: (args_0: {
+        isSelected: boolean | undefined;
+        selectedClass: boolean | (string | undefined)[] | undefined;
+        select: ((value: boolean) => void) | undefined;
+        toggle: (() => void) | undefined;
+        value: unknown;
+        disabled: boolean;
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    label: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    close: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    filter: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     color: StringConstructor;
     variant: Omit<{
         type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;

package/lib/components/VChipGroup/VChipGroup.mjs

@@ -9,31 +9,32 @@ import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { makeVariantProps } from "../../composables/variant.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs"; // Utilities
-import { deepEqual, genericComponent, useRender } from "../../util/index.mjs";
+import { deepEqual, genericComponent, propsFactory, useRender } from "../../util/index.mjs";
 import { toRef } from 'vue';
 
 // Types
 
 export const VChipGroupSymbol = Symbol.for('vuetify:v-chip-group');
+export const makeVChipGroupProps = propsFactory({
+  column: Boolean,
+  filter: Boolean,
+  valueComparator: {
+    type: Function,
+    default: deepEqual
+  },
+  ...makeComponentProps(),
+  ...makeGroupProps({
+    selectedClass: 'v-chip--selected'
+  }),
+  ...makeTagProps(),
+  ...makeThemeProps(),
+  ...makeVariantProps({
+    variant: 'tonal'
+  })
+}, 'v-chip-group');
 export const VChipGroup = genericComponent()({
   name: 'VChipGroup',
-  props: {
-    column: Boolean,
-    filter: Boolean,
-    valueComparator: {
-      type: Function,
-      default: deepEqual
-    },
-    ...makeComponentProps(),
-    ...makeGroupProps({
-      selectedClass: 'v-chip--selected'
-    }),
-    ...makeTagProps(),
-    ...makeThemeProps(),
-    ...makeVariantProps({
-      variant: 'tonal'
-    })
-  },
+  props: makeVChipGroupProps(),
   emits: {
     'update:modelValue': value => true
   },

package/lib/components/VChipGroup/VChipGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VChipGroup.mjs","names":["makeComponentProps","makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","deepEqual","genericComponent","useRender","toRef","VChipGroupSymbol","Symbol","for","VChipGroup","name","props","column","Boolean","filter","valueComparator","type","Function","default","selectedClass","variant","emits","value","setup","_ref","slots","themeClasses","isSelected","select","next","prev","selected","VChip","color","disabled","_createVNode","tag","class","style"],"sources":["../../../src/components/VChipGroup/VChipGroup.tsx"],"sourcesContent":["// Styles\nimport './VChipGroup.sass'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { deepEqual, genericComponent, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VChipGroupSymbol = Symbol.for('vuetify:v-chip-group')\n\nexport const VChipGroup = genericComponent()({\n  name: 'VChipGroup',\n\n  props: {\n    column: Boolean,\n    filter: Boolean,\n    valueComparator: {\n      type: Function as PropType<typeof deepEqual>,\n      default: deepEqual,\n    },\n\n    ...makeComponentProps(),\n    ...makeGroupProps({ selectedClass: 'v-chip--selected' }),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'tonal' } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isSelected, select, next, prev, selected } = useGroup(props, VChipGroupSymbol)\n\n    provideDefaults({\n      VChip: {\n        color: toRef(props, 'color'),\n        disabled: toRef(props, 'disabled'),\n        filter: toRef(props, 'filter'),\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-chip-group',\n          {\n            'v-chip-group--column': props.column,\n          },\n          themeClasses.value,\n          props.class,\n        ]}\n        style={ props.style }\n      >\n        { slots.default?.({\n          isSelected,\n          select,\n          next,\n          prev,\n          selected: selected.value,\n        })}\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VChipGroup = InstanceType<typeof VChipGroup>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB;AAAA,SAClBC,cAAc,EAAEC,QAAQ;AAAA,SACxBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,gBAAgB;AAAA,SAChBC,eAAe,0CAExB;AAAA,SACSC,SAAS,EAAEC,gBAAgB,EAAEC,SAAS;AAC/C,SAASC,KAAK,QAAQ,KAAK;;AAE3B;;AAGA,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAG,CAAC,sBAAsB,CAAC;AAElE,OAAO,MAAMC,UAAU,GAAGN,gBAAgB,EAAE,CAAC;EAC3CO,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAE;IACLC,MAAM,EAAEC,OAAO;IACfC,MAAM,EAAED,OAAO;IACfE,eAAe,EAAE;MACfC,IAAI,EAAEC,QAAsC;MAC5CC,OAAO,EAAEhB;IACX,CAAC;IAED,GAAGR,kBAAkB,EAAE;IACvB,GAAGC,cAAc,CAAC;MAAEwB,aAAa,EAAE;IAAmB,CAAC,CAAC;IACxD,GAAGtB,YAAY,EAAE;IACjB,GAAGC,cAAc,EAAE;IACnB,GAAGE,gBAAgB,CAAC;MAAEoB,OAAO,EAAE;IAAQ,CAAC;EAC1C,CAAC;EAEDC,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAKA,CAAEZ,KAAK,EAAAa,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAa,CAAC,GAAG3B,YAAY,CAACY,KAAK,CAAC;IAC5C,MAAM;MAAEgB,UAAU;MAAEC,MAAM;MAAEC,IAAI;MAAEC,IAAI;MAAEC;IAAS,CAAC,GAAGnC,QAAQ,CAACe,KAAK,EAAEL,gBAAgB,CAAC;IAEtFL,eAAe,CAAC;MACd+B,KAAK,EAAE;QACLC,KAAK,EAAE5B,KAAK,CAACM,KAAK,EAAE,OAAO,CAAC;QAC5BuB,QAAQ,EAAE7B,KAAK,CAACM,KAAK,EAAE,UAAU,CAAC;QAClCG,MAAM,EAAET,KAAK,CAACM,KAAK,EAAE,QAAQ,CAAC;QAC9BS,OAAO,EAAEf,KAAK,CAACM,KAAK,EAAE,SAAS;MACjC;IACF,CAAC,CAAC;IAEFP,SAAS,CAAC,MAAA+B,YAAA,CAAAxB,KAAA,CAAAyB,GAAA;MAAA,SAEC,CACL,cAAc,EACd;QACE,sBAAsB,EAAEzB,KAAK,CAACC;MAChC,CAAC,EACDc,YAAY,CAACJ,KAAK,EAClBX,KAAK,CAAC0B,KAAK,CACZ;MAAA,SACO1B,KAAK,CAAC2B;IAAK;MAAApB,OAAA,EAAAA,CAAA,MAEjBO,KAAK,CAACP,OAAO,GAAG;QAChBS,UAAU;QACVC,MAAM;QACNC,IAAI;QACJC,IAAI;QACJC,QAAQ,EAAEA,QAAQ,CAACT;MACrB,CAAC,CAAC;IAAA,EAEL,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VChipGroup.mjs","names":["makeComponentProps","makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","deepEqual","genericComponent","propsFactory","useRender","toRef","VChipGroupSymbol","Symbol","for","makeVChipGroupProps","column","Boolean","filter","valueComparator","type","Function","default","selectedClass","variant","VChipGroup","name","props","emits","value","setup","_ref","slots","themeClasses","isSelected","select","next","prev","selected","VChip","color","disabled","_createVNode","tag","class","style"],"sources":["../../../src/components/VChipGroup/VChipGroup.tsx"],"sourcesContent":["// Styles\nimport './VChipGroup.sass'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { deepEqual, genericComponent, propsFactory, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VChipGroupSymbol = Symbol.for('vuetify:v-chip-group')\n\nexport const makeVChipGroupProps = propsFactory({\n  column: Boolean,\n  filter: Boolean,\n  valueComparator: {\n    type: Function as PropType<typeof deepEqual>,\n    default: deepEqual,\n  },\n\n  ...makeComponentProps(),\n  ...makeGroupProps({ selectedClass: 'v-chip--selected' }),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps({ variant: 'tonal' } as const),\n}, 'v-chip-group')\n\ntype VChipGroupProps = {\n  default: [{\n    isSelected: (id: number) => boolean\n    select: (id: number, value: boolean) => void\n    next: () => void\n    prev: () => void\n    selected: readonly number[]\n  }]\n}\n\nexport const VChipGroup = genericComponent<VChipGroupProps>()({\n  name: 'VChipGroup',\n\n  props: makeVChipGroupProps(),\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isSelected, select, next, prev, selected } = useGroup(props, VChipGroupSymbol)\n\n    provideDefaults({\n      VChip: {\n        color: toRef(props, 'color'),\n        disabled: toRef(props, 'disabled'),\n        filter: toRef(props, 'filter'),\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-chip-group',\n          {\n            'v-chip-group--column': props.column,\n          },\n          themeClasses.value,\n          props.class,\n        ]}\n        style={ props.style }\n      >\n        { slots.default?.({\n          isSelected,\n          select,\n          next,\n          prev,\n          selected: selected.value,\n        })}\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VChipGroup = InstanceType<typeof VChipGroup>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB;AAAA,SAClBC,cAAc,EAAEC,QAAQ;AAAA,SACxBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,gBAAgB;AAAA,SAChBC,eAAe,0CAExB;AAAA,SACSC,SAAS,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAC7D,SAASC,KAAK,QAAQ,KAAK;;AAE3B;;AAGA,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAG,CAAC,sBAAsB,CAAC;AAElE,OAAO,MAAMC,mBAAmB,GAAGN,YAAY,CAAC;EAC9CO,MAAM,EAAEC,OAAO;EACfC,MAAM,EAAED,OAAO;EACfE,eAAe,EAAE;IACfC,IAAI,EAAEC,QAAsC;IAC5CC,OAAO,EAAEf;EACX,CAAC;EAED,GAAGR,kBAAkB,EAAE;EACvB,GAAGC,cAAc,CAAC;IAAEuB,aAAa,EAAE;EAAmB,CAAC,CAAC;EACxD,GAAGrB,YAAY,EAAE;EACjB,GAAGC,cAAc,EAAE;EACnB,GAAGE,gBAAgB,CAAC;IAAEmB,OAAO,EAAE;EAAQ,CAAC;AAC1C,CAAC,EAAE,cAAc,CAAC;AAYlB,OAAO,MAAMC,UAAU,GAAGjB,gBAAgB,EAAmB,CAAC;EAC5DkB,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEZ,mBAAmB,EAAE;EAE5Ba,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAa,CAAC,GAAG7B,YAAY,CAACuB,KAAK,CAAC;IAC5C,MAAM;MAAEO,UAAU;MAAEC,MAAM;MAAEC,IAAI;MAAEC,IAAI;MAAEC;IAAS,CAAC,GAAGrC,QAAQ,CAAC0B,KAAK,EAAEf,gBAAgB,CAAC;IAEtFN,eAAe,CAAC;MACdiC,KAAK,EAAE;QACLC,KAAK,EAAE7B,KAAK,CAACgB,KAAK,EAAE,OAAO,CAAC;QAC5Bc,QAAQ,EAAE9B,KAAK,CAACgB,KAAK,EAAE,UAAU,CAAC;QAClCT,MAAM,EAAEP,KAAK,CAACgB,KAAK,EAAE,QAAQ,CAAC;QAC9BH,OAAO,EAAEb,KAAK,CAACgB,KAAK,EAAE,SAAS;MACjC;IACF,CAAC,CAAC;IAEFjB,SAAS,CAAC,MAAAgC,YAAA,CAAAf,KAAA,CAAAgB,GAAA;MAAA,SAEC,CACL,cAAc,EACd;QACE,sBAAsB,EAAEhB,KAAK,CAACX;MAChC,CAAC,EACDiB,YAAY,CAACJ,KAAK,EAClBF,KAAK,CAACiB,KAAK,CACZ;MAAA,SACOjB,KAAK,CAACkB;IAAK;MAAAvB,OAAA,EAAAA,CAAA,MAEjBU,KAAK,CAACV,OAAO,GAAG;QAChBY,UAAU;QACVC,MAAM;QACNC,IAAI;QACJC,IAAI;QACJC,QAAQ,EAAEA,QAAQ,CAACT;MACrB,CAAC,CAAC;IAAA,EAEL,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}