@dpa-id-components/dpa-shared-components 8.4.2 → 8.5.0

package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts

@@ -5,75 +5,66 @@ declare const meta: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
-            $props: Partial<{
-                modelValue: string;
-                placeholder: string;
-                backgroundColor: "white" | "gray";
-                hiddenFilterRules: number;
-                isFilterChipEditable: boolean;
-                hasChips: boolean;
-                executeSearchButtonTitle: string;
-                resetSearchButtonTittle: string;
-            }> & Omit<{
-                readonly modelValue: string;
-                readonly placeholder: string;
-                readonly backgroundColor: "white" | "gray";
-                readonly hiddenFilterRules: number;
-                readonly isFilterChipEditable: boolean;
-                readonly hasChips: boolean;
-                readonly executeSearchButtonTitle: string;
-                readonly resetSearchButtonTittle: string;
+            $props: {
+                placeholder?: string | undefined;
+                modelValue?: string | undefined;
+                backgroundColor?: "white" | "gray" | undefined;
+                hiddenFilterRules?: number | undefined;
+                isFilterChipEditable?: boolean | undefined;
+                hasChips?: boolean | undefined;
+                executeSearchButtonTitle?: string | undefined;
+                resetSearchButtonTittle?: string | undefined;
+                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                class?: unknown;
+                style?: unknown;
                 onFocus?: ((...args: any[]) => any) | undefined;
                 onBlur?: ((...args: any[]) => any) | undefined;
                 onReset?: ((...args: any[]) => any) | undefined;
                 onSubmit?: ((...args: any[]) => any) | undefined;
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 onSearch?: ((...args: any[]) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                modelValue: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                    default: string;
-                };
-                placeholder: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                backgroundColor: {
-                    type: import("vue").PropType<"white" | "gray">;
-                    required: true;
-                    default: string;
-                };
-                hiddenFilterRules: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
-                isFilterChipEditable: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                hasChips: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                executeSearchButtonTitle: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                    default: string;
-                };
-                resetSearchButtonTittle: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                    default: string;
-                };
-            }>> & {
-                onFocus?: ((...args: any[]) => any) | undefined;
-                onBlur?: ((...args: any[]) => any) | undefined;
-                onReset?: ((...args: any[]) => any) | undefined;
-                onSubmit?: ((...args: any[]) => any) | undefined;
-                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-                onSearch?: ((...args: any[]) => any) | undefined;
-            }, "modelValue" | "placeholder" | "backgroundColor" | "hiddenFilterRules" | "isFilterChipEditable" | "hasChips" | "executeSearchButtonTitle" | "resetSearchButtonTittle">;
+            };
             $attrs: {
                 [x: string]: unknown;
             };
@@ -85,16 +76,16 @@ declare const meta: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: ((event: "reset", ...args: any[]) => void) & ((event: "search", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "submit", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void);
+            $emit: (event: "reset" | "search" | "blur" | "focus" | "submit" | "update:modelValue", ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                modelValue: {
+                placeholder: {
                     type: import("vue").PropType<string>;
-                    required: true;
                     default: string;
                 };
-                placeholder: {
+                modelValue: {
                     type: import("vue").PropType<string>;
+                    required: true;
                     default: string;
                 };
                 backgroundColor: {
@@ -133,16 +124,9 @@ declare const meta: {
                 onSearch?: ((...args: any[]) => any) | undefined;
             }, {
                 searchInputRef: import("vue").Ref<HTMLInputElement | undefined>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                reset: (...args: any[]) => void;
-                search: (...args: any[]) => void;
-                blur: (...args: any[]) => void;
-                focus: (...args: any[]) => void;
-                submit: (...args: any[]) => void;
-                "update:modelValue": (...args: any[]) => void;
-            }, string, {
-                modelValue: string;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "search" | "blur" | "focus" | "submit" | "update:modelValue")[], string, {
                 placeholder: string;
+                modelValue: string;
                 backgroundColor: "white" | "gray";
                 hiddenFilterRules: number;
                 isFilterChipEditable: boolean;
@@ -170,13 +154,13 @@ declare const meta: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            modelValue: {
+            placeholder: {
                 type: import("vue").PropType<string>;
-                required: true;
                 default: string;
             };
-            placeholder: {
+            modelValue: {
                 type: import("vue").PropType<string>;
+                required: true;
                 default: string;
             };
             backgroundColor: {
@@ -220,13 +204,13 @@ declare const meta: {
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
+        placeholder: {
             type: import("vue").PropType<string>;
-            required: true;
             default: string;
         };
-        placeholder: {
+        modelValue: {
             type: import("vue").PropType<string>;
+            required: true;
             default: string;
         };
         backgroundColor: {
@@ -265,16 +249,9 @@ declare const meta: {
         onSearch?: ((...args: any[]) => any) | undefined;
     }, {
         searchInputRef: import("vue").Ref<HTMLInputElement | undefined>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        reset: (...args: any[]) => void;
-        search: (...args: any[]) => void;
-        blur: (...args: any[]) => void;
-        focus: (...args: any[]) => void;
-        submit: (...args: any[]) => void;
-        "update:modelValue": (...args: any[]) => void;
-    }, string, {
-        modelValue: string;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "search" | "blur" | "focus" | "submit" | "update:modelValue")[], "reset" | "search" | "blur" | "focus" | "submit" | "update:modelValue", {
         placeholder: string;
+        modelValue: string;
         backgroundColor: "white" | "gray";
         hiddenFilterRules: number;
         isFilterChipEditable: boolean;
@@ -326,75 +303,66 @@ export declare const WithChips: {
                 new (...args: any[]): {
                     $: import("vue").ComponentInternalInstance;
                     $data: {};
-                    $props: Partial<{
-                        modelValue: string;
-                        placeholder: string;
-                        backgroundColor: "white" | "gray";
-                        hiddenFilterRules: number;
-                        isFilterChipEditable: boolean;
-                        hasChips: boolean;
-                        executeSearchButtonTitle: string;
-                        resetSearchButtonTittle: string;
-                    }> & Omit<{
-                        readonly modelValue: string;
-                        readonly placeholder: string;
-                        readonly backgroundColor: "white" | "gray";
-                        readonly hiddenFilterRules: number;
-                        readonly isFilterChipEditable: boolean;
-                        readonly hasChips: boolean;
-                        readonly executeSearchButtonTitle: string;
-                        readonly resetSearchButtonTittle: string;
+                    $props: {
+                        placeholder?: string | undefined;
+                        modelValue?: string | undefined;
+                        backgroundColor?: "white" | "gray" | undefined;
+                        hiddenFilterRules?: number | undefined;
+                        isFilterChipEditable?: boolean | undefined;
+                        hasChips?: boolean | undefined;
+                        executeSearchButtonTitle?: string | undefined;
+                        resetSearchButtonTittle?: string | undefined;
+                        key?: string | number | symbol | undefined;
+                        ref?: import("vue").VNodeRef | undefined;
+                        ref_for?: boolean | undefined;
+                        ref_key?: string | undefined;
+                        onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        class?: unknown;
+                        style?: unknown;
                         onFocus?: ((...args: any[]) => any) | undefined;
                         onBlur?: ((...args: any[]) => any) | undefined;
                         onReset?: ((...args: any[]) => any) | undefined;
                         onSubmit?: ((...args: any[]) => any) | undefined;
                         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                         onSearch?: ((...args: any[]) => any) | undefined;
-                    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                        modelValue: {
-                            type: import("vue").PropType<string>;
-                            required: true;
-                            default: string;
-                        };
-                        placeholder: {
-                            type: import("vue").PropType<string>;
-                            default: string;
-                        };
-                        backgroundColor: {
-                            type: import("vue").PropType<"white" | "gray">;
-                            required: true;
-                            default: string;
-                        };
-                        hiddenFilterRules: {
-                            type: import("vue").PropType<number>;
-                            default: number;
-                        };
-                        isFilterChipEditable: {
-                            type: import("vue").PropType<boolean>;
-                            default: boolean;
-                        };
-                        hasChips: {
-                            type: import("vue").PropType<boolean>;
-                            default: boolean;
-                        };
-                        executeSearchButtonTitle: {
-                            type: import("vue").PropType<string>;
-                            required: true;
-                            default: string;
-                        };
-                        resetSearchButtonTittle: {
-                            type: import("vue").PropType<string>;
-                            required: true;
-                            default: string;
-                        };
-                    }>> & {
-                        onFocus?: ((...args: any[]) => any) | undefined;
-                        onBlur?: ((...args: any[]) => any) | undefined;
-                        onReset?: ((...args: any[]) => any) | undefined;
-                        onSubmit?: ((...args: any[]) => any) | undefined;
-                        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-                        onSearch?: ((...args: any[]) => any) | undefined;
-                    }, "modelValue" | "placeholder" | "backgroundColor" | "hiddenFilterRules" | "isFilterChipEditable" | "hasChips" | "executeSearchButtonTitle" | "resetSearchButtonTittle">;
+                    };
                     $attrs: {
                         [x: string]: unknown;
                     };
@@ -406,16 +374,16 @@ export declare const WithChips: {
                     }>;
                     $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
                     $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-                    $emit: ((event: "reset", ...args: any[]) => void) & ((event: "search", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "submit", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void);
+                    $emit: (event: "reset" | "search" | "blur" | "focus" | "submit" | "update:modelValue", ...args: any[]) => void;
                     $el: any;
                     $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                        modelValue: {
+                        placeholder: {
                             type: import("vue").PropType<string>;
-                            required: true;
                             default: string;
                         };
-                        placeholder: {
+                        modelValue: {
                             type: import("vue").PropType<string>;
+                            required: true;
                             default: string;
                         };
                         backgroundColor: {
@@ -454,16 +422,9 @@ export declare const WithChips: {
                         onSearch?: ((...args: any[]) => any) | undefined;
                     }, {
                         searchInputRef: import("vue").Ref<HTMLInputElement | undefined>;
-                    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                        reset: (...args: any[]) => void;
-                        search: (...args: any[]) => void;
-                        blur: (...args: any[]) => void;
-                        focus: (...args: any[]) => void;
-                        submit: (...args: any[]) => void;
-                        "update:modelValue": (...args: any[]) => void;
-                    }, string, {
-                        modelValue: string;
+                    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "search" | "blur" | "focus" | "submit" | "update:modelValue")[], string, {
                         placeholder: string;
+                        modelValue: string;
                         backgroundColor: "white" | "gray";
                         hiddenFilterRules: number;
                         isFilterChipEditable: boolean;
@@ -491,13 +452,13 @@ export declare const WithChips: {
                     $nextTick: typeof import("vue").nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
                 } & Readonly<import("vue").ExtractPropTypes<{
-                    modelValue: {
+                    placeholder: {
                         type: import("vue").PropType<string>;
-                        required: true;
                         default: string;
                     };
-                    placeholder: {
+                    modelValue: {
                         type: import("vue").PropType<string>;
+                        required: true;
                         default: string;
                     };
                     backgroundColor: {
@@ -541,13 +502,13 @@ export declare const WithChips: {
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
             } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                modelValue: {
+                placeholder: {
                     type: import("vue").PropType<string>;
-                    required: true;
                     default: string;
                 };
-                placeholder: {
+                modelValue: {
                     type: import("vue").PropType<string>;
+                    required: true;
                     default: string;
                 };
                 backgroundColor: {
@@ -586,16 +547,9 @@ export declare const WithChips: {
                 onSearch?: ((...args: any[]) => any) | undefined;
             }, {
                 searchInputRef: import("vue").Ref<HTMLInputElement | undefined>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                reset: (...args: any[]) => void;
-                search: (...args: any[]) => void;
-                blur: (...args: any[]) => void;
-                focus: (...args: any[]) => void;
-                submit: (...args: any[]) => void;
-                "update:modelValue": (...args: any[]) => void;
-            }, string, {
-                modelValue: string;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "search" | "blur" | "focus" | "submit" | "update:modelValue")[], "reset" | "search" | "blur" | "focus" | "submit" | "update:modelValue", {
                 placeholder: string;
+                modelValue: string;
                 backgroundColor: "white" | "gray";
                 hiddenFilterRules: number;
                 isFilterChipEditable: boolean;
@@ -614,55 +568,60 @@ export declare const WithChips: {
                 new (...args: any[]): {
                     $: import("vue").ComponentInternalInstance;
                     $data: {};
-                    $props: Partial<{
-                        size: "xs" | "small" | "medium" | "large";
-                        color: "blue" | "white" | "gray" | "transparent" | "light-gray";
-                        iconName: string | null;
-                        disabled: boolean;
-                        rounded: boolean;
-                        disabledVariant: "primary" | "secondary";
-                        href: string;
-                    }> & Omit<{
-                        readonly size: "xs" | "small" | "medium" | "large";
-                        readonly color: "blue" | "white" | "gray" | "transparent" | "light-gray";
-                        readonly iconName: string | null;
-                        readonly disabled: boolean;
-                        readonly rounded: boolean;
-                        readonly disabledVariant: "primary" | "secondary";
-                        readonly href: string;
-                        onClick?: (() => any) | undefined;
-                    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                        size: {
-                            type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
-                            default: string;
-                        };
-                        color: {
-                            type: import("vue").PropType<"blue" | "white" | "gray" | "transparent" | "light-gray">;
-                            default: string;
-                        };
-                        iconName: {
-                            type: import("vue").PropType<string | null>;
-                            default: null;
-                        };
-                        disabled: {
-                            type: import("vue").PropType<boolean>;
-                            default: boolean;
-                        };
-                        rounded: {
-                            type: import("vue").PropType<boolean>;
-                            default: boolean;
-                        };
-                        disabledVariant: {
-                            type: import("vue").PropType<"primary" | "secondary">;
-                            default: string;
-                        };
-                        href: {
-                            type: import("vue").PropType<string>;
-                            default: string;
-                        };
-                    }>> & {
+                    $props: {
+                        size?: "xs" | "small" | "medium" | "large" | undefined;
+                        color?: "blue" | "white" | "gray" | "transparent" | "light-gray" | undefined;
+                        iconName?: string | null | undefined;
+                        disabled?: boolean | undefined;
+                        href?: string | undefined;
+                        rounded?: boolean | undefined;
+                        disabledVariant?: "primary" | "secondary" | undefined;
+                        key?: string | number | symbol | undefined;
+                        ref?: import("vue").VNodeRef | undefined;
+                        ref_for?: boolean | undefined;
+                        ref_key?: string | undefined;
+                        onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        class?: unknown;
+                        style?: unknown;
                         onClick?: (() => any) | undefined;
-                    }, "size" | "color" | "iconName" | "disabled" | "rounded" | "disabledVariant" | "href">;
+                    };
                     $attrs: {
                         [x: string]: unknown;
                     };
@@ -693,6 +652,10 @@ export declare const WithChips: {
                             type: import("vue").PropType<boolean>;
                             default: boolean;
                         };
+                        href: {
+                            type: import("vue").PropType<string>;
+                            default: string;
+                        };
                         rounded: {
                             type: import("vue").PropType<boolean>;
                             default: boolean;
@@ -701,10 +664,6 @@ export declare const WithChips: {
                             type: import("vue").PropType<"primary" | "secondary">;
                             default: string;
                         };
-                        href: {
-                            type: import("vue").PropType<string>;
-                            default: string;
-                        };
                     }>> & {
                         onClick?: (() => any) | undefined;
                     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -714,9 +673,9 @@ export declare const WithChips: {
                         color: "blue" | "white" | "gray" | "transparent" | "light-gray";
                         iconName: string | null;
                         disabled: boolean;
+                        href: string;
                         rounded: boolean;
                         disabledVariant: "primary" | "secondary";
-                        href: string;
                     }, {}, string, {}> & {
                         beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                         created?: ((() => void) | (() => void)[]) | undefined;
@@ -754,6 +713,10 @@ export declare const WithChips: {
                         type: import("vue").PropType<boolean>;
                         default: boolean;
                     };
+                    href: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
                     rounded: {
                         type: import("vue").PropType<boolean>;
                         default: boolean;
@@ -762,10 +725,6 @@ export declare const WithChips: {
                         type: import("vue").PropType<"primary" | "secondary">;
                         default: string;
                     };
-                    href: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
                 }>> & {
                     onClick?: (() => any) | undefined;
                 } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -789,6 +748,10 @@ export declare const WithChips: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                href: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 rounded: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -797,10 +760,6 @@ export declare const WithChips: {
                     type: import("vue").PropType<"primary" | "secondary">;
                     default: string;
                 };
-                href: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
             }>> & {
                 onClick?: (() => any) | undefined;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -810,9 +769,9 @@ export declare const WithChips: {
                 color: "blue" | "white" | "gray" | "transparent" | "light-gray";
                 iconName: string | null;
                 disabled: boolean;
+                href: string;
                 rounded: boolean;
                 disabledVariant: "primary" | "secondary";
-                href: string;
             }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
                     default?(_: {}): any;
@@ -913,28 +872,55 @@ export declare const WithChips: {
                 new (...args: any[]): {
                     $: import("vue").ComponentInternalInstance;
                     $data: {};
-                    $props: Partial<{
-                        size: "small" | "medium" | "big";
-                        cursorStyle: "text" | "default" | "pointer";
-                        isVisible: boolean;
-                    }> & Omit<{
-                        readonly size: "small" | "medium" | "big";
-                        readonly cursorStyle: "text" | "default" | "pointer";
-                        readonly isVisible: boolean;
-                    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                        size: {
-                            type: import("vue").PropType<"small" | "medium" | "big">;
-                            default: string;
-                        };
-                        cursorStyle: {
-                            type: import("vue").PropType<"text" | "default" | "pointer">;
-                            default: string;
-                        };
-                        isVisible: {
-                            type: import("vue").PropType<boolean>;
-                            default: boolean;
-                        };
-                    }>>, "size" | "cursorStyle" | "isVisible">;
+                    $props: {
+                        size?: "small" | "medium" | "big" | undefined;
+                        cursorStyle?: "text" | "default" | "pointer" | undefined;
+                        isVisible?: boolean | undefined;
+                        key?: string | number | symbol | undefined;
+                        ref?: import("vue").VNodeRef | undefined;
+                        ref_for?: boolean | undefined;
+                        ref_key?: string | undefined;
+                        onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        class?: unknown;
+                        style?: unknown;
+                    };
                     $attrs: {
                         [x: string]: unknown;
                     };