@dpa-id-components/dpa-shared-components 8.11.4 → 8.11.6

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

@@ -2,120 +2,174 @@ import type { StoryObj } from "@storybook/vue3";
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<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;
-        }, {
-            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;
-        }, 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;
+        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;
+                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;
             };
-            executeSearchButtonTitle: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
+            $refs: {
+                [x: string]: unknown;
             };
-            resetSearchButtonTittle: {
-                type: import("vue").PropType<string>;
-                required: true;
-                default: string;
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $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);
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<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;
+            }, {
+                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;
+                placeholder: string;
+                backgroundColor: "white" | "gray";
+                hiddenFilterRules: number;
+                isFilterChipEditable: boolean;
+                hasChips: boolean;
+                executeSearchButtonTitle: string;
+                resetSearchButtonTittle: string;
+            }, {}, string, {}> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
             };
-        }>> & {
-            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: string;
-            placeholder: string;
-            backgroundColor: "white" | "gray";
-            hiddenFilterRules: number;
-            isFilterChipEditable: boolean;
-            hasChips: boolean;
-            executeSearchButtonTitle: string;
-            resetSearchButtonTittle: string;
-        }, true, {}, {}, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
+            $forceUpdate: () => void;
+            $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: {
                 type: import("vue").PropType<string>;
                 required: true;
@@ -159,18 +213,9 @@ declare const meta: {
             onSubmit?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onSearch?: ((...args: any[]) => any) | undefined;
-        }, {
+        } & import("vue").ShallowUnwrapRef<{
             searchInputRef: import("vue").Ref<HTMLInputElement | undefined>;
-        }, {}, {}, {}, {
-            modelValue: string;
-            placeholder: string;
-            backgroundColor: "white" | "gray";
-            hiddenFilterRules: number;
-            isFilterChipEditable: boolean;
-            hasChips: boolean;
-            executeSearchButtonTitle: string;
-            resetSearchButtonTittle: string;
-        }>;
+        }> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
@@ -278,120 +323,174 @@ export declare const WithChips: {
     render: (args: any) => {
         components: {
             UiSearchBar: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<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;
+                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;
+                        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;
                     };
-                    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;
-                }, {
-                    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;
-                }, 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;
+                    $refs: {
+                        [x: string]: unknown;
                     };
-                    resetSearchButtonTittle: {
-                        type: import("vue").PropType<string>;
-                        required: true;
-                        default: string;
+                    $slots: Readonly<{
+                        [name: string]: import("vue").Slot<any> | undefined;
+                    }>;
+                    $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);
+                    $el: any;
+                    $options: import("vue").ComponentOptionsBase<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;
+                    }, {
+                        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;
+                        placeholder: string;
+                        backgroundColor: "white" | "gray";
+                        hiddenFilterRules: number;
+                        isFilterChipEditable: boolean;
+                        hasChips: boolean;
+                        executeSearchButtonTitle: string;
+                        resetSearchButtonTittle: string;
+                    }, {}, string, {}> & {
+                        beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                        created?: ((() => void) | (() => void)[]) | undefined;
+                        beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                        mounted?: ((() => void) | (() => void)[]) | undefined;
+                        beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                        updated?: ((() => void) | (() => void)[]) | undefined;
+                        activated?: ((() => void) | (() => void)[]) | undefined;
+                        deactivated?: ((() => void) | (() => void)[]) | undefined;
+                        beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                        beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                        destroyed?: ((() => void) | (() => void)[]) | undefined;
+                        unmounted?: ((() => void) | (() => void)[]) | undefined;
+                        renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                        renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                        errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
                     };
-                }>> & {
-                    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: string;
-                    placeholder: string;
-                    backgroundColor: "white" | "gray";
-                    hiddenFilterRules: number;
-                    isFilterChipEditable: boolean;
-                    hasChips: boolean;
-                    executeSearchButtonTitle: string;
-                    resetSearchButtonTittle: string;
-                }, true, {}, {}, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
+                    $forceUpdate: () => void;
+                    $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: {
                         type: import("vue").PropType<string>;
                         required: true;
@@ -435,18 +534,9 @@ export declare const WithChips: {
                     onSubmit?: ((...args: any[]) => any) | undefined;
                     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                     onSearch?: ((...args: any[]) => any) | undefined;
-                }, {
+                } & import("vue").ShallowUnwrapRef<{
                     searchInputRef: import("vue").Ref<HTMLInputElement | undefined>;
-                }, {}, {}, {}, {
-                    modelValue: string;
-                    placeholder: string;
-                    backgroundColor: "white" | "gray";
-                    hiddenFilterRules: number;
-                    isFilterChipEditable: boolean;
-                    hasChips: boolean;
-                    executeSearchButtonTitle: string;
-                    resetSearchButtonTittle: string;
-                }>;
+                }> & {} & import("vue").ComponentCustomProperties & {};
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
@@ -521,40 +611,133 @@ export declare const WithChips: {
                 };
             });
             UiButton: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<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;
+                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;
+                        };
+                    }>> & {
+                        onClick?: (() => any) | undefined;
+                    }, "size" | "color" | "iconName" | "disabled" | "rounded" | "disabledVariant" | "href">;
+                    $attrs: {
+                        [x: string]: unknown;
                     };
-                    rounded: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
+                    $refs: {
+                        [x: string]: unknown;
                     };
-                    disabledVariant: {
-                        type: import("vue").PropType<"primary" | "secondary">;
-                        default: string;
+                    $slots: Readonly<{
+                        [name: string]: import("vue").Slot<any> | undefined;
+                    }>;
+                    $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: "click") => void;
+                    $el: any;
+                    $options: import("vue").ComponentOptionsBase<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;
+                        };
+                    }>> & {
+                        onClick?: (() => any) | undefined;
+                    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                        click: () => void;
+                    }, string, {
+                        size: "xs" | "small" | "medium" | "large";
+                        color: "blue" | "white" | "gray" | "transparent" | "light-gray";
+                        iconName: string | null;
+                        disabled: boolean;
+                        rounded: boolean;
+                        disabledVariant: "primary" | "secondary";
+                        href: string;
+                    }, {}, string, {}> & {
+                        beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                        created?: ((() => void) | (() => void)[]) | undefined;
+                        beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                        mounted?: ((() => void) | (() => void)[]) | undefined;
+                        beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                        updated?: ((() => void) | (() => void)[]) | undefined;
+                        activated?: ((() => void) | (() => void)[]) | undefined;
+                        deactivated?: ((() => void) | (() => void)[]) | undefined;
+                        beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                        beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                        destroyed?: ((() => void) | (() => void)[]) | undefined;
+                        unmounted?: ((() => void) | (() => void)[]) | undefined;
+                        renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                        renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                        errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
                     };
-                    href: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                }>> & {
-                    onClick?: (() => any) | undefined;
-                }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                    click: () => void;
-                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    $forceUpdate: () => void;
+                    $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<{
                     size: {
                         type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
                         default: string;
@@ -585,61 +768,7 @@ export declare const WithChips: {
                     };
                 }>> & {
                     onClick?: (() => any) | undefined;
-                }, {
-                    size: "xs" | "small" | "medium" | "large";
-                    color: "blue" | "white" | "gray" | "transparent" | "light-gray";
-                    iconName: string | null;
-                    disabled: boolean;
-                    rounded: boolean;
-                    disabledVariant: "primary" | "secondary";
-                    href: string;
-                }, true, {}, {}, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, 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;
-                    };
-                }>> & {
-                    onClick?: (() => any) | undefined;
-                }, {}, {}, {}, {}, {
-                    size: "xs" | "small" | "medium" | "large";
-                    color: "blue" | "white" | "gray" | "transparent" | "light-gray";
-                    iconName: string | null;
-                    disabled: boolean;
-                    rounded: boolean;
-                    disabledVariant: "primary" | "secondary";
-                    href: string;
-                }>;
+                } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
@@ -716,7 +845,7 @@ export declare const WithChips: {
                 };
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (payload: any) => void;
-            }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 size: {
                     type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
                     default: string;
@@ -763,7 +892,7 @@ export declare const WithChips: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: import("vue").PropType<string>;
                     required: true;
@@ -781,44 +910,82 @@ export declare const WithChips: {
                 sizeClasses: string;
             }, {}>;
             UiChip: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<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;
+                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">;
+                    $attrs: {
+                        [x: string]: unknown;
                     };
-                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                    size: {
-                        type: import("vue").PropType<"small" | "medium" | "big">;
-                        default: string;
+                    $refs: {
+                        [x: string]: unknown;
                     };
-                    cursorStyle: {
-                        type: import("vue").PropType<"text" | "default" | "pointer">;
-                        default: string;
-                    };
-                    isVisible: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
+                    $slots: Readonly<{
+                        [name: string]: import("vue").Slot<any> | undefined;
+                    }>;
+                    $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: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import("vue").ComponentOptionsBase<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;
+                        };
+                    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                        size: "small" | "medium" | "big";
+                        cursorStyle: "text" | "default" | "pointer";
+                        isVisible: boolean;
+                    }, {}, string, {}> & {
+                        beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                        created?: ((() => void) | (() => void)[]) | undefined;
+                        beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                        mounted?: ((() => void) | (() => void)[]) | undefined;
+                        beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                        updated?: ((() => void) | (() => void)[]) | undefined;
+                        activated?: ((() => void) | (() => void)[]) | undefined;
+                        deactivated?: ((() => void) | (() => void)[]) | undefined;
+                        beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                        beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                        destroyed?: ((() => void) | (() => void)[]) | undefined;
+                        unmounted?: ((() => void) | (() => void)[]) | undefined;
+                        renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                        renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                        errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
                     };
-                }>>, {
-                    size: "small" | "medium" | "big";
-                    cursorStyle: "text" | "default" | "pointer";
-                    isVisible: boolean;
-                }, true, {}, {}, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
+                    $forceUpdate: () => void;
+                    $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<{
                     size: {
                         type: import("vue").PropType<"small" | "medium" | "big">;
                         default: string;
@@ -831,11 +998,7 @@ export declare const WithChips: {
                         type: import("vue").PropType<boolean>;
                         default: boolean;
                     };
-                }>>, {}, {}, {}, {}, {
-                    size: "small" | "medium" | "big";
-                    cursorStyle: "text" | "default" | "pointer";
-                    isVisible: boolean;
-                }>;
+                }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;