@dpa-id-components/dpa-shared-components 9.2.1 → 9.4.1

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

@@ -1,41 +1,42 @@
-import type { StoryObj } from "@storybook/vue3";
+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').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
             modelValue: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 required: true;
                 default: string;
             };
             placeholder: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 default: string;
             };
             backgroundColor: {
-                type: import("vue").PropType<"gray" | "white">;
+                type: import('vue').PropType<"gray" | "white">;
                 required: true;
                 default: string;
             };
             hiddenFilterRules: {
-                type: import("vue").PropType<number>;
+                type: import('vue').PropType<number>;
                 default: number;
             };
             isFilterChipEditable: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             hasChips: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             executeSearchButtonTitle: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 required: true;
                 default: string;
             };
             resetSearchButtonTittle: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 required: true;
                 default: string;
             };
@@ -47,48 +48,48 @@ declare const meta: {
             "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>;
+        }, 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<{
+        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             modelValue: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 required: true;
                 default: string;
             };
             placeholder: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 default: string;
             };
             backgroundColor: {
-                type: import("vue").PropType<"gray" | "white">;
+                type: import('vue').PropType<"gray" | "white">;
                 required: true;
                 default: string;
             };
             hiddenFilterRules: {
-                type: import("vue").PropType<number>;
+                type: import('vue').PropType<number>;
                 default: number;
             };
             isFilterChipEditable: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             hasChips: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             executeSearchButtonTitle: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 required: true;
                 default: string;
             };
             resetSearchButtonTittle: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 required: true;
                 default: string;
             };
@@ -115,40 +116,40 @@ declare const meta: {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
+        }, Readonly<import('vue').ExtractPropTypes<{
             modelValue: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 required: true;
                 default: string;
             };
             placeholder: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 default: string;
             };
             backgroundColor: {
-                type: import("vue").PropType<"gray" | "white">;
+                type: import('vue').PropType<"gray" | "white">;
                 required: true;
                 default: string;
             };
             hiddenFilterRules: {
-                type: import("vue").PropType<number>;
+                type: import('vue').PropType<number>;
                 default: number;
             };
             isFilterChipEditable: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             hasChips: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             executeSearchButtonTitle: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 required: true;
                 default: string;
             };
             resetSearchButtonTittle: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 required: true;
                 default: string;
             };
@@ -160,7 +161,7 @@ declare const meta: {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onSearch?: ((...args: any[]) => any) | undefined;
         }, {
-            searchInputRef: import("vue").Ref<HTMLInputElement | undefined>;
+            searchInputRef: import('vue').Ref<HTMLInputElement | undefined>;
         }, {}, {}, {}, {
             modelValue: string;
             placeholder: string;
@@ -174,40 +175,40 @@ declare const meta: {
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
         modelValue: {
-            type: import("vue").PropType<string>;
+            type: import('vue').PropType<string>;
             required: true;
             default: string;
         };
         placeholder: {
-            type: import("vue").PropType<string>;
+            type: import('vue').PropType<string>;
             default: string;
         };
         backgroundColor: {
-            type: import("vue").PropType<"gray" | "white">;
+            type: import('vue').PropType<"gray" | "white">;
             required: true;
             default: string;
         };
         hiddenFilterRules: {
-            type: import("vue").PropType<number>;
+            type: import('vue').PropType<number>;
             default: number;
         };
         isFilterChipEditable: {
-            type: import("vue").PropType<boolean>;
+            type: import('vue').PropType<boolean>;
             default: boolean;
         };
         hasChips: {
-            type: import("vue").PropType<boolean>;
+            type: import('vue').PropType<boolean>;
             default: boolean;
         };
         executeSearchButtonTitle: {
-            type: import("vue").PropType<string>;
+            type: import('vue').PropType<string>;
             required: true;
             default: string;
         };
         resetSearchButtonTittle: {
-            type: import("vue").PropType<string>;
+            type: import('vue').PropType<string>;
             required: true;
             default: string;
         };
@@ -219,8 +220,8 @@ declare const meta: {
         "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>;
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         reset: (...args: any[]) => void;
         search: (...args: any[]) => void;
         blur: (...args: any[]) => void;
@@ -236,7 +237,7 @@ declare const meta: {
         hasChips: boolean;
         executeSearchButtonTitle: string;
         resetSearchButtonTittle: string;
-    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             nonEditableChips?(_: {}): any;
             editableChips?(_: {}): any;
@@ -246,20 +247,20 @@ declare const meta: {
     });
     argTypes: {
         modelValue: {
-            control: string;
+            control: "text";
         };
         placeholder: {
-            control: string;
+            control: "text";
         };
         backgroundColor: {
-            control: string;
+            control: "select";
             options: string[];
         };
         hiddenFilterRules: {
-            control: string;
+            control: "number";
         };
         isFilterChipEditable: {
-            control: string;
+            control: "boolean";
         };
     };
     args: {
@@ -278,40 +279,40 @@ export declare const WithChips: {
     render: (args: any) => {
         components: {
             UiSearchBar: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
                     modelValue: {
-                        type: import("vue").PropType<string>;
+                        type: import('vue').PropType<string>;
                         required: true;
                         default: string;
                     };
                     placeholder: {
-                        type: import("vue").PropType<string>;
+                        type: import('vue').PropType<string>;
                         default: string;
                     };
                     backgroundColor: {
-                        type: import("vue").PropType<"gray" | "white">;
+                        type: import('vue').PropType<"gray" | "white">;
                         required: true;
                         default: string;
                     };
                     hiddenFilterRules: {
-                        type: import("vue").PropType<number>;
+                        type: import('vue').PropType<number>;
                         default: number;
                     };
                     isFilterChipEditable: {
-                        type: import("vue").PropType<boolean>;
+                        type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
                     hasChips: {
-                        type: import("vue").PropType<boolean>;
+                        type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
                     executeSearchButtonTitle: {
-                        type: import("vue").PropType<string>;
+                        type: import('vue').PropType<string>;
                         required: true;
                         default: string;
                     };
                     resetSearchButtonTittle: {
-                        type: import("vue").PropType<string>;
+                        type: import('vue').PropType<string>;
                         required: true;
                         default: string;
                     };
@@ -323,48 +324,48 @@ export declare const WithChips: {
                     "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>;
+                }, 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<{
+                }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
                     modelValue: {
-                        type: import("vue").PropType<string>;
+                        type: import('vue').PropType<string>;
                         required: true;
                         default: string;
                     };
                     placeholder: {
-                        type: import("vue").PropType<string>;
+                        type: import('vue').PropType<string>;
                         default: string;
                     };
                     backgroundColor: {
-                        type: import("vue").PropType<"gray" | "white">;
+                        type: import('vue').PropType<"gray" | "white">;
                         required: true;
                         default: string;
                     };
                     hiddenFilterRules: {
-                        type: import("vue").PropType<number>;
+                        type: import('vue').PropType<number>;
                         default: number;
                     };
                     isFilterChipEditable: {
-                        type: import("vue").PropType<boolean>;
+                        type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
                     hasChips: {
-                        type: import("vue").PropType<boolean>;
+                        type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
                     executeSearchButtonTitle: {
-                        type: import("vue").PropType<string>;
+                        type: import('vue').PropType<string>;
                         required: true;
                         default: string;
                     };
                     resetSearchButtonTittle: {
-                        type: import("vue").PropType<string>;
+                        type: import('vue').PropType<string>;
                         required: true;
                         default: string;
                     };
@@ -391,40 +392,40 @@ export declare const WithChips: {
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
+                }, Readonly<import('vue').ExtractPropTypes<{
                     modelValue: {
-                        type: import("vue").PropType<string>;
+                        type: import('vue').PropType<string>;
                         required: true;
                         default: string;
                     };
                     placeholder: {
-                        type: import("vue").PropType<string>;
+                        type: import('vue').PropType<string>;
                         default: string;
                     };
                     backgroundColor: {
-                        type: import("vue").PropType<"gray" | "white">;
+                        type: import('vue').PropType<"gray" | "white">;
                         required: true;
                         default: string;
                     };
                     hiddenFilterRules: {
-                        type: import("vue").PropType<number>;
+                        type: import('vue').PropType<number>;
                         default: number;
                     };
                     isFilterChipEditable: {
-                        type: import("vue").PropType<boolean>;
+                        type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
                     hasChips: {
-                        type: import("vue").PropType<boolean>;
+                        type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
                     executeSearchButtonTitle: {
-                        type: import("vue").PropType<string>;
+                        type: import('vue').PropType<string>;
                         required: true;
                         default: string;
                     };
                     resetSearchButtonTittle: {
-                        type: import("vue").PropType<string>;
+                        type: import('vue').PropType<string>;
                         required: true;
                         default: string;
                     };
@@ -436,7 +437,7 @@ export declare const WithChips: {
                     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                     onSearch?: ((...args: any[]) => any) | undefined;
                 }, {
-                    searchInputRef: import("vue").Ref<HTMLInputElement | undefined>;
+                    searchInputRef: import('vue').Ref<HTMLInputElement | undefined>;
                 }, {}, {}, {}, {
                     modelValue: string;
                     placeholder: string;
@@ -450,40 +451,40 @@ export declare const WithChips: {
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                 modelValue: {
-                    type: import("vue").PropType<string>;
+                    type: import('vue').PropType<string>;
                     required: true;
                     default: string;
                 };
                 placeholder: {
-                    type: import("vue").PropType<string>;
+                    type: import('vue').PropType<string>;
                     default: string;
                 };
                 backgroundColor: {
-                    type: import("vue").PropType<"gray" | "white">;
+                    type: import('vue').PropType<"gray" | "white">;
                     required: true;
                     default: string;
                 };
                 hiddenFilterRules: {
-                    type: import("vue").PropType<number>;
+                    type: import('vue').PropType<number>;
                     default: number;
                 };
                 isFilterChipEditable: {
-                    type: import("vue").PropType<boolean>;
+                    type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
                 hasChips: {
-                    type: import("vue").PropType<boolean>;
+                    type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
                 executeSearchButtonTitle: {
-                    type: import("vue").PropType<string>;
+                    type: import('vue').PropType<string>;
                     required: true;
                     default: string;
                 };
                 resetSearchButtonTittle: {
-                    type: import("vue").PropType<string>;
+                    type: import('vue').PropType<string>;
                     required: true;
                     default: string;
                 };
@@ -495,8 +496,8 @@ export declare const WithChips: {
                 "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>;
+            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 reset: (...args: any[]) => void;
                 search: (...args: any[]) => void;
                 blur: (...args: any[]) => void;
@@ -512,7 +513,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').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
                 $slots: {
                     nonEditableChips?(_: {}): any;
                     editableChips?(_: {}): any;
@@ -521,66 +522,66 @@ export declare const WithChips: {
                 };
             });
             UiButton: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
                     size: {
-                        type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
+                        type: import('vue').PropType<"xs" | "small" | "medium" | "large">;
                         default: string;
                     };
                     disabled: {
-                        type: import("vue").PropType<boolean>;
+                        type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
                     color: {
-                        type: import("vue").PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
+                        type: import('vue').PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
                         default: string;
                     };
                     rounded: {
-                        type: import("vue").PropType<boolean>;
+                        type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
                     iconName: {
-                        type: import("vue").PropType<string | null>;
+                        type: import('vue').PropType<string | null>;
                         default: null;
                     };
                     disabledVariant: {
-                        type: import("vue").PropType<"primary" | "secondary">;
+                        type: import('vue').PropType<"primary" | "secondary">;
                         default: string;
                     };
                     href: {
-                        type: import("vue").PropType<string>;
+                        type: import('vue').PropType<string>;
                         default: string;
                     };
                 }>> & {
                     onClick?: (() => any) | undefined;
-                }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     click: () => void;
-                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
                     size: {
-                        type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
+                        type: import('vue').PropType<"xs" | "small" | "medium" | "large">;
                         default: string;
                     };
                     disabled: {
-                        type: import("vue").PropType<boolean>;
+                        type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
                     color: {
-                        type: import("vue").PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
+                        type: import('vue').PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
                         default: string;
                     };
                     rounded: {
-                        type: import("vue").PropType<boolean>;
+                        type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
                     iconName: {
-                        type: import("vue").PropType<string | null>;
+                        type: import('vue').PropType<string | null>;
                         default: null;
                     };
                     disabledVariant: {
-                        type: import("vue").PropType<"primary" | "secondary">;
+                        type: import('vue').PropType<"primary" | "secondary">;
                         default: string;
                     };
                     href: {
-                        type: import("vue").PropType<string>;
+                        type: import('vue').PropType<string>;
                         default: string;
                     };
                 }>> & {
@@ -600,33 +601,33 @@ export declare const WithChips: {
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
+                }, Readonly<import('vue').ExtractPropTypes<{
                     size: {
-                        type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
+                        type: import('vue').PropType<"xs" | "small" | "medium" | "large">;
                         default: string;
                     };
                     disabled: {
-                        type: import("vue").PropType<boolean>;
+                        type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
                     color: {
-                        type: import("vue").PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
+                        type: import('vue').PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
                         default: string;
                     };
                     rounded: {
-                        type: import("vue").PropType<boolean>;
+                        type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
                     iconName: {
-                        type: import("vue").PropType<string | null>;
+                        type: import('vue').PropType<string | null>;
                         default: null;
                     };
                     disabledVariant: {
-                        type: import("vue").PropType<"primary" | "secondary">;
+                        type: import('vue').PropType<"primary" | "secondary">;
                         default: string;
                     };
                     href: {
-                        type: import("vue").PropType<string>;
+                        type: import('vue').PropType<string>;
                         default: string;
                     };
                 }>> & {
@@ -643,38 +644,38 @@ export declare const WithChips: {
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
+                    type: import('vue').PropType<"xs" | "small" | "medium" | "large">;
                     default: string;
                 };
                 disabled: {
-                    type: import("vue").PropType<boolean>;
+                    type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
                 color: {
-                    type: import("vue").PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
+                    type: import('vue').PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
                     default: string;
                 };
                 rounded: {
-                    type: import("vue").PropType<boolean>;
+                    type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
                 iconName: {
-                    type: import("vue").PropType<string | null>;
+                    type: import('vue').PropType<string | null>;
                     default: null;
                 };
                 disabledVariant: {
-                    type: import("vue").PropType<"primary" | "secondary">;
+                    type: import('vue').PropType<"primary" | "secondary">;
                     default: string;
                 };
                 href: {
-                    type: import("vue").PropType<string>;
+                    type: import('vue').PropType<string>;
                     default: string;
                 };
             }>> & {
                 onClick?: (() => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: () => void;
             }, string, {
                 size: "xs" | "small" | "medium" | "large";
@@ -684,61 +685,61 @@ export declare const WithChips: {
                 iconName: string | null;
                 disabledVariant: "primary" | "secondary";
                 href: string;
-            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
                 $slots: {
                     default?(_: {}): any;
                 };
             });
-            UiIconButton: import("vue").DefineComponent<{
+            UiIconButton: import('vue').DefineComponent<{
                 size: {
-                    type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
+                    type: import('vue').PropType<"small" | "medium" | "large" | "xl">;
                     default: string;
                 };
                 disabled: {
-                    type: import("vue").PropType<boolean>;
+                    type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
                 title: {
-                    type: import("vue").PropType<string>;
+                    type: import('vue').PropType<string>;
                     default: string;
                 };
                 iconName: {
-                    type: import("vue").PropType<string>;
+                    type: import('vue').PropType<string>;
                     required: true;
                 };
                 backgroundColor: {
-                    type: import("vue").PropType<"none" | "blue" | "gray-hover">;
+                    type: import('vue').PropType<"none" | "blue" | "gray-hover">;
                     default: string;
                 };
                 iconColor: {
-                    type: import("vue").PropType<"blue" | "gray" | "white">;
+                    type: import('vue').PropType<"blue" | "gray" | "white">;
                     default: string;
                 };
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (payload: any) => void;
-            }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
+                    type: import('vue').PropType<"small" | "medium" | "large" | "xl">;
                     default: string;
                 };
                 disabled: {
-                    type: import("vue").PropType<boolean>;
+                    type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
                 title: {
-                    type: import("vue").PropType<string>;
+                    type: import('vue').PropType<string>;
                     default: string;
                 };
                 iconName: {
-                    type: import("vue").PropType<string>;
+                    type: import('vue').PropType<string>;
                     required: true;
                 };
                 backgroundColor: {
-                    type: import("vue").PropType<"none" | "blue" | "gray-hover">;
+                    type: import('vue').PropType<"none" | "blue" | "gray-hover">;
                     default: string;
                 };
                 iconColor: {
-                    type: import("vue").PropType<"blue" | "gray" | "white">;
+                    type: import('vue').PropType<"blue" | "gray" | "white">;
                     default: string;
                 };
             }>> & {
@@ -750,30 +751,30 @@ export declare const WithChips: {
                 backgroundColor: "none" | "blue" | "gray-hover";
                 iconColor: "blue" | "gray" | "white";
             }, {}>;
-            UiIcon: import("vue").DefineComponent<{
+            UiIcon: import('vue').DefineComponent<{
                 name: {
-                    type: import("vue").PropType<string>;
+                    type: import('vue').PropType<string>;
                     required: true;
                 };
                 size: {
-                    type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl" | "2xl">;
+                    type: import('vue').PropType<"xs" | "small" | "medium" | "large" | "xl" | "2xl">;
                     default: string;
                 };
                 sizeClasses: {
-                    type: import("vue").PropType<string>;
+                    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').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 name: {
-                    type: import("vue").PropType<string>;
+                    type: import('vue').PropType<string>;
                     required: true;
                 };
                 size: {
-                    type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl" | "2xl">;
+                    type: import('vue').PropType<"xs" | "small" | "medium" | "large" | "xl" | "2xl">;
                     default: string;
                 };
                 sizeClasses: {
-                    type: import("vue").PropType<string>;
+                    type: import('vue').PropType<string>;
                     default: string;
                 };
             }>>, {
@@ -781,30 +782,30 @@ export declare const WithChips: {
                 sizeClasses: string;
             }, {}>;
             UiChip: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
                     size: {
-                        type: import("vue").PropType<"small" | "medium" | "big">;
+                        type: import('vue').PropType<"small" | "medium" | "big">;
                         default: string;
                     };
                     cursorStyle: {
-                        type: import("vue").PropType<"text" | "default" | "pointer">;
+                        type: import('vue').PropType<"text" | "default" | "pointer">;
                         default: string;
                     };
                     isVisible: {
-                        type: import("vue").PropType<boolean>;
+                        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<{
+                }>>, {}, 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">;
+                        type: import('vue').PropType<"small" | "medium" | "big">;
                         default: string;
                     };
                     cursorStyle: {
-                        type: import("vue").PropType<"text" | "default" | "pointer">;
+                        type: import('vue').PropType<"text" | "default" | "pointer">;
                         default: string;
                     };
                     isVisible: {
-                        type: import("vue").PropType<boolean>;
+                        type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
                 }>>, {
@@ -818,17 +819,17 @@ export declare const WithChips: {
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
+                }, Readonly<import('vue').ExtractPropTypes<{
                     size: {
-                        type: import("vue").PropType<"small" | "medium" | "big">;
+                        type: import('vue').PropType<"small" | "medium" | "big">;
                         default: string;
                     };
                     cursorStyle: {
-                        type: import("vue").PropType<"text" | "default" | "pointer">;
+                        type: import('vue').PropType<"text" | "default" | "pointer">;
                         default: string;
                     };
                     isVisible: {
-                        type: import("vue").PropType<boolean>;
+                        type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
                 }>>, {}, {}, {}, {}, {
@@ -839,24 +840,24 @@ export declare const WithChips: {
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: import("vue").PropType<"small" | "medium" | "big">;
+                    type: import('vue').PropType<"small" | "medium" | "big">;
                     default: string;
                 };
                 cursorStyle: {
-                    type: import("vue").PropType<"text" | "default" | "pointer">;
+                    type: import('vue').PropType<"text" | "default" | "pointer">;
                     default: string;
                 };
                 isVisible: {
-                    type: import("vue").PropType<boolean>;
+                    type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 size: "small" | "medium" | "big";
                 cursorStyle: "text" | "default" | "pointer";
                 isVisible: boolean;
-            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
                 $slots: {
                     default?(_: {}): any;
                 };