@dpa-id-components/dpa-shared-components 9.9.5 → 9.9.7

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

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/vue3';
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
             modelValue: {
                 type: import('vue').PropType<string>;
                 required: true;
@@ -40,67 +40,23 @@ declare const meta: {
                 required: true;
                 default: string;
             };
-        }>> & {
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onBlur?: ((...args: any[]) => any) | undefined;
+        }>> & Readonly<{
             onReset?: ((...args: any[]) => any) | undefined;
+            onSearch?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...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, {
+        }>, {
+            searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        }, {}, {}, {}, 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<"gray" | "white">;
-                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;
-        }, {
+        }, import('vue').PublicProps, {
             modelValue: string;
             placeholder: string;
             backgroundColor: "gray" | "white";
@@ -109,7 +65,7 @@ declare const meta: {
             hasChips: boolean;
             executeSearchButtonTitle: string;
             resetSearchButtonTittle: string;
-        }, true, {}, {}, {
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -153,15 +109,15 @@ declare const meta: {
                 required: true;
                 default: string;
             };
-        }>> & {
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onBlur?: ((...args: any[]) => any) | undefined;
+        }>> & Readonly<{
             onReset?: ((...args: any[]) => any) | undefined;
+            onSearch?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...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>;
+        }>, {
+            searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
         }, {}, {}, {}, {
             modelValue: string;
             placeholder: string;
@@ -212,16 +168,16 @@ declare const meta: {
             required: true;
             default: string;
         };
-    }>> & {
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onBlur?: ((...args: any[]) => any) | undefined;
+    }>> & Readonly<{
         onReset?: ((...args: any[]) => any) | undefined;
+        onSearch?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...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, {
+    }>, {
+        searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         reset: (...args: any[]) => void;
         search: (...args: any[]) => void;
         blur: (...args: any[]) => void;
@@ -237,7 +193,7 @@ declare const meta: {
         hasChips: boolean;
         executeSearchButtonTitle: string;
         resetSearchButtonTittle: string;
-    }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             nonEditableChips?(_: {}): any;
             editableChips?(_: {}): any;
@@ -279,7 +235,7 @@ export declare const WithChips: {
     render: (args: any) => {
         components: {
             UiSearchBar: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                     modelValue: {
                         type: import('vue').PropType<string>;
                         required: true;
@@ -316,67 +272,23 @@ export declare const WithChips: {
                         required: true;
                         default: string;
                     };
-                }>> & {
-                    onFocus?: ((...args: any[]) => any) | undefined;
-                    onBlur?: ((...args: any[]) => any) | undefined;
+                }>> & Readonly<{
                     onReset?: ((...args: any[]) => any) | undefined;
+                    onSearch?: ((...args: any[]) => any) | undefined;
+                    onBlur?: ((...args: any[]) => any) | undefined;
+                    onFocus?: ((...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, {
+                }>, {
+                    searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+                }, {}, {}, {}, 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<"gray" | "white">;
-                        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;
-                }, {
+                }, import('vue').PublicProps, {
                     modelValue: string;
                     placeholder: string;
                     backgroundColor: "gray" | "white";
@@ -385,7 +297,7 @@ export declare const WithChips: {
                     hasChips: boolean;
                     executeSearchButtonTitle: string;
                     resetSearchButtonTittle: string;
-                }, true, {}, {}, {
+                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
@@ -429,15 +341,15 @@ export declare const WithChips: {
                         required: true;
                         default: string;
                     };
-                }>> & {
-                    onFocus?: ((...args: any[]) => any) | undefined;
-                    onBlur?: ((...args: any[]) => any) | undefined;
+                }>> & Readonly<{
                     onReset?: ((...args: any[]) => any) | undefined;
+                    onSearch?: ((...args: any[]) => any) | undefined;
+                    onBlur?: ((...args: any[]) => any) | undefined;
+                    onFocus?: ((...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>;
+                }>, {
+                    searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
                 }, {}, {}, {}, {
                     modelValue: string;
                     placeholder: string;
@@ -488,16 +400,16 @@ export declare const WithChips: {
                     required: true;
                     default: string;
                 };
-            }>> & {
-                onFocus?: ((...args: any[]) => any) | undefined;
-                onBlur?: ((...args: any[]) => any) | undefined;
+            }>> & Readonly<{
                 onReset?: ((...args: any[]) => any) | undefined;
+                onSearch?: ((...args: any[]) => any) | undefined;
+                onBlur?: ((...args: any[]) => any) | undefined;
+                onFocus?: ((...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, {
+            }>, {
+                searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 reset: (...args: any[]) => void;
                 search: (...args: any[]) => void;
                 blur: (...args: any[]) => void;
@@ -513,7 +425,7 @@ export declare const WithChips: {
                 hasChips: boolean;
                 executeSearchButtonTitle: string;
                 resetSearchButtonTittle: string;
-            }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
                 $slots: {
                     nonEditableChips?(_: {}): any;
                     editableChips?(_: {}): any;
@@ -522,7 +434,7 @@ export declare const WithChips: {
                 };
             });
             UiButton: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                     size: {
                         type: import('vue').PropType<"xs" | "small" | "medium" | "large">;
                         default: string;
@@ -551,42 +463,11 @@ export declare const WithChips: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
-                }>> & {
+                }>> & Readonly<{
                     onClick?: (() => any) | undefined;
-                }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                }>, {}, {}, {}, {}, 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;
-                    };
-                    disabled: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    color: {
-                        type: import('vue').PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
-                        default: string;
-                    };
-                    rounded: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    iconName: {
-                        type: import('vue').PropType<string | null>;
-                        default: null;
-                    };
-                    disabledVariant: {
-                        type: import('vue').PropType<"primary" | "secondary">;
-                        default: string;
-                    };
-                    href: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                }>> & {
-                    onClick?: (() => any) | undefined;
-                }, {
+                }, import('vue').PublicProps, {
                     size: "xs" | "small" | "medium" | "large";
                     disabled: boolean;
                     color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
@@ -594,7 +475,7 @@ export declare const WithChips: {
                     iconName: typeof import('../UiIcon/iconNames').iconNames[number] | null;
                     disabledVariant: "primary" | "secondary";
                     href: string;
-                }, true, {}, {}, {
+                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
@@ -630,9 +511,9 @@ export declare const WithChips: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
-                }>> & {
+                }>> & Readonly<{
                     onClick?: (() => any) | undefined;
-                }, {}, {}, {}, {}, {
+                }>, {}, {}, {}, {}, {
                     size: "xs" | "small" | "medium" | "large";
                     disabled: boolean;
                     color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
@@ -673,9 +554,9 @@ export declare const WithChips: {
                     type: import('vue').PropType<string>;
                     default: string;
                 };
-            }>> & {
+            }>> & Readonly<{
                 onClick?: (() => any) | undefined;
-            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: () => void;
             }, string, {
                 size: "xs" | "small" | "medium" | "large";
@@ -685,12 +566,12 @@ export declare const WithChips: {
                 iconName: typeof import('../UiIcon/iconNames').iconNames[number] | null;
                 disabledVariant: "primary" | "secondary";
                 href: string;
-            }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
                 $slots: {
                     default?(_: {}): any;
                 };
             });
-            UiIconButton: import('vue').DefineComponent<{
+            UiIconButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
                     type: import('vue').PropType<"small" | "medium" | "large" | "xl">;
                     default: string;
@@ -715,7 +596,7 @@ export declare const WithChips: {
                     type: import('vue').PropType<"blue" | "gray" | "white">;
                     default: string;
                 };
-            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (payload: any) => void;
             }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
@@ -742,16 +623,16 @@ export declare const WithChips: {
                     type: import('vue').PropType<"blue" | "gray" | "white">;
                     default: string;
                 };
-            }>> & {
+            }>> & Readonly<{
                 onClick?: ((payload: any) => any) | undefined;
-            }, {
+            }>, {
                 size: "small" | "medium" | "large" | "xl";
                 disabled: boolean;
                 title: string;
                 backgroundColor: "blue" | "none" | "gray-hover";
                 iconColor: "blue" | "gray" | "white";
-            }, {}>;
-            UiIcon: import('vue').DefineComponent<{
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            UiIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 name: {
                     type: import('vue').PropType<string>;
                     required: true;
@@ -764,7 +645,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<{
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 name: {
                     type: import('vue').PropType<string>;
                     required: true;
@@ -777,25 +658,12 @@ export declare const WithChips: {
                     type: import('vue').PropType<string>;
                     default: string;
                 };
-            }>>, {
+            }>> & Readonly<{}>, {
                 size: "xs" | "small" | "medium" | "large" | "xl" | "2xl";
                 sizeClasses: string;
-            }, {}>;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             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;
-                    };
-                }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                     size: {
                         type: import('vue').PropType<"small" | "medium" | "big">;
                         default: string;
@@ -808,11 +676,11 @@ export declare const WithChips: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
-                }>>, {
+                }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
                     size: "small" | "medium" | "big";
                     cursorStyle: "default" | "text" | "pointer";
                     isVisible: boolean;
-                }, true, {}, {}, {
+                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
@@ -832,7 +700,7 @@ export declare const WithChips: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
-                }>>, {}, {}, {}, {}, {
+                }>> & Readonly<{}>, {}, {}, {}, {}, {
                     size: "small" | "medium" | "big";
                     cursorStyle: "default" | "text" | "pointer";
                     isVisible: boolean;
@@ -853,11 +721,11 @@ export declare const WithChips: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
-            }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 size: "small" | "medium" | "big";
                 cursorStyle: "default" | "text" | "pointer";
                 isVisible: boolean;
-            }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
                 $slots: {
                     default?(_: {}): any;
                 };

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

@@ -4,7 +4,7 @@ declare function __VLS_template(): {
     searchCriteriaButton?(_: {}): any;
     extendedSearchButton?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: string;
     placeholder?: string;
     backgroundColor: "gray" | "white";
@@ -22,9 +22,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     hasChips: boolean;
     executeSearchButtonTitle: string;
     resetSearchButtonTittle: string;
-}>, {
-    searchInputRef: import('vue').Ref<HTMLInputElement | undefined>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>>, {
+    searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     reset: (...args: any[]) => void;
     search: (...args: any[]) => void;
     blur: (...args: any[]) => void;
@@ -49,14 +49,14 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     hasChips: boolean;
     executeSearchButtonTitle: string;
     resetSearchButtonTittle: string;
-}>>> & {
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
+}>>> & Readonly<{
     onReset?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...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: "gray" | "white";
@@ -65,7 +65,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     hasChips: boolean;
     executeSearchButtonTitle: string;
     resetSearchButtonTittle: string;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;