@dpa-id-components/dpa-shared-components 8.10.5 → 8.11.0

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

@@ -2,174 +2,120 @@ import type { StoryObj } from "@storybook/vue3";
 declare const meta: {
     title: string;
     component: {
-        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;
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
             };
-            $refs: {
-                [x: string]: unknown;
+            placeholder: {
+                type: import("vue").PropType<string>;
+                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;
+            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;
+            };
+            executeSearchButtonTitle: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
             };
-            $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<{
+            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: 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<{
             modelValue: {
                 type: import("vue").PropType<string>;
                 required: true;
@@ -213,9 +159,18 @@ 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>;
-        }> & {} & import("vue").ComponentCustomProperties & {};
+        }, {}, {}, {}, {
+            modelValue: string;
+            placeholder: string;
+            backgroundColor: "white" | "gray";
+            hiddenFilterRules: number;
+            isFilterChipEditable: boolean;
+            hasChips: boolean;
+            executeSearchButtonTitle: string;
+            resetSearchButtonTittle: string;
+        }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
@@ -323,174 +278,120 @@ export declare const WithChips: {
     render: (args: any) => {
         components: {
             UiSearchBar: {
-                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;
+                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;
                     };
-                    $refs: {
-                        [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;
                     };
-                    $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;
+                    resetSearchButtonTittle: {
+                        type: import("vue").PropType<string>;
+                        required: true;
+                        default: string;
                     };
-                    $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<{
+                }>> & {
+                    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<{
                     modelValue: {
                         type: import("vue").PropType<string>;
                         required: true;
@@ -534,9 +435,18 @@ 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>;
-                }> & {} & import("vue").ComponentCustomProperties & {};
+                }, {}, {}, {}, {
+                    modelValue: string;
+                    placeholder: string;
+                    backgroundColor: "white" | "gray";
+                    hiddenFilterRules: number;
+                    isFilterChipEditable: boolean;
+                    hasChips: boolean;
+                    executeSearchButtonTitle: string;
+                    resetSearchButtonTittle: string;
+                }>;
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
@@ -611,133 +521,40 @@ export declare const WithChips: {
                 };
             });
             UiButton: {
-                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;
+                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;
                     };
-                    $refs: {
-                        [x: string]: unknown;
+                    rounded: {
+                        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: "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;
+                    disabledVariant: {
+                        type: import("vue").PropType<"primary" | "secondary">;
+                        default: string;
                     };
-                    $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<{
+                    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<{
                     size: {
                         type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
                         default: string;
@@ -768,7 +585,61 @@ export declare const WithChips: {
                     };
                 }>> & {
                     onClick?: (() => any) | undefined;
-                } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+                }, {
+                    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;
+                }>;
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
@@ -845,7 +716,7 @@ export declare const WithChips: {
                 };
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (payload: any) => void;
-            }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 size: {
                     type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
                     default: string;
@@ -892,7 +763,7 @@ export declare const WithChips: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: import("vue").PropType<string>;
                     required: true;
@@ -910,82 +781,44 @@ export declare const WithChips: {
                 sizeClasses: string;
             }, {}>;
             UiChip: {
-                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;
+                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;
                     };
-                    $refs: {
-                        [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;
                     };
-                    $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;
+                    cursorStyle: {
+                        type: import("vue").PropType<"text" | "default" | "pointer">;
+                        default: string;
+                    };
+                    isVisible: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
                     };
-                    $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: "small" | "medium" | "big";
+                    cursorStyle: "text" | "default" | "pointer";
+                    isVisible: boolean;
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
                     size: {
                         type: import("vue").PropType<"small" | "medium" | "big">;
                         default: string;
@@ -998,7 +831,11 @@ export declare const WithChips: {
                         type: import("vue").PropType<boolean>;
                         default: boolean;
                     };
-                }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+                }>>, {}, {}, {}, {}, {
+                    size: "small" | "medium" | "big";
+                    cursorStyle: "text" | "default" | "pointer";
+                    isVisible: boolean;
+                }>;
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;