@dpa-id-components/dpa-shared-components 11.0.0-alpha.0 → 12.0.0

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

@@ -1,59 +1,30 @@
 import { StoryObj } from '@storybook/vue3';
-
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<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;
-            };
-        }>> & Readonly<{
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue: string;
+            placeholder?: string;
+            backgroundColor?: "gray" | "white";
+            hiddenFilterRules?: number;
+            isFilterChipEditable?: boolean;
+            hasChips?: boolean;
+            executeSearchButtonTitle?: string;
+            resetSearchButtonTittle?: string;
+        }> & Readonly<{
+            onFocus?: ((...args: any[]) => any) | undefined;
             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;
         }>, {
             searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            focus: (...args: any[]) => void;
             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').PublicProps, {
@@ -65,55 +36,29 @@ declare const meta: {
             hasChips: boolean;
             executeSearchButtonTitle: string;
             resetSearchButtonTittle: string;
-        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            searchInputRef: HTMLInputElement;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, 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;
-            };
-        }>> & Readonly<{
+        }, Readonly<{
+            modelValue: string;
+            placeholder?: string;
+            backgroundColor?: "gray" | "white";
+            hiddenFilterRules?: number;
+            isFilterChipEditable?: boolean;
+            hasChips?: boolean;
+            executeSearchButtonTitle?: string;
+            resetSearchButtonTittle?: string;
+        }> & Readonly<{
+            onFocus?: ((...args: any[]) => any) | undefined;
             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;
         }>, {
@@ -131,57 +76,29 @@ declare const meta: {
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & 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<"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;
-        };
-    }>> & Readonly<{
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        modelValue: string;
+        placeholder?: string;
+        backgroundColor?: "gray" | "white";
+        hiddenFilterRules?: number;
+        isFilterChipEditable?: boolean;
+        hasChips?: boolean;
+        executeSearchButtonTitle?: string;
+        resetSearchButtonTittle?: string;
+    }> & Readonly<{
+        onFocus?: ((...args: any[]) => any) | undefined;
         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;
     }>, {
         searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        focus: (...args: any[]) => void;
         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, {
@@ -235,57 +152,29 @@ export declare const WithChips: {
     render: (args: any) => {
         components: {
             UiSearchBar: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<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;
-                    };
-                }>> & Readonly<{
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                    modelValue: string;
+                    placeholder?: string;
+                    backgroundColor?: "gray" | "white";
+                    hiddenFilterRules?: number;
+                    isFilterChipEditable?: boolean;
+                    hasChips?: boolean;
+                    executeSearchButtonTitle?: string;
+                    resetSearchButtonTittle?: string;
+                }> & Readonly<{
+                    onFocus?: ((...args: any[]) => any) | undefined;
                     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;
                 }>, {
                     searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    focus: (...args: any[]) => void;
                     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').PublicProps, {
@@ -297,55 +186,29 @@ export declare const WithChips: {
                     hasChips: boolean;
                     executeSearchButtonTitle: string;
                     resetSearchButtonTittle: string;
-                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    searchInputRef: HTMLInputElement;
+                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, 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;
-                    };
-                }>> & Readonly<{
+                }, Readonly<{
+                    modelValue: string;
+                    placeholder?: string;
+                    backgroundColor?: "gray" | "white";
+                    hiddenFilterRules?: number;
+                    isFilterChipEditable?: boolean;
+                    hasChips?: boolean;
+                    executeSearchButtonTitle?: string;
+                    resetSearchButtonTittle?: string;
+                }> & Readonly<{
+                    onFocus?: ((...args: any[]) => any) | undefined;
                     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;
                 }>, {
@@ -363,57 +226,29 @@ export declare const WithChips: {
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & 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<"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;
-                };
-            }>> & Readonly<{
+            } & import('vue').ComponentOptionsBase<Readonly<{
+                modelValue: string;
+                placeholder?: string;
+                backgroundColor?: "gray" | "white";
+                hiddenFilterRules?: number;
+                isFilterChipEditable?: boolean;
+                hasChips?: boolean;
+                executeSearchButtonTitle?: string;
+                resetSearchButtonTittle?: string;
+            }> & Readonly<{
+                onFocus?: ((...args: any[]) => any) | undefined;
                 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;
             }>, {
                 searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                focus: (...args: any[]) => void;
                 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, {
@@ -434,39 +269,18 @@ export declare const WithChips: {
                 };
             });
             UiButton: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<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;
-                    };
-                }>> & Readonly<{
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                    iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
+                    size?: "xs" | "small" | "medium" | "large";
+                    color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
+                    disabledVariant?: "primary" | "secondary";
+                    disabled?: boolean;
+                    href?: string;
+                    rounded?: boolean;
+                }> & Readonly<{
                     onClick?: (() => any) | undefined;
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    click: () => void;
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                    click: () => any;
                 }, import('vue').PublicProps, {
                     size: "xs" | "small" | "medium" | "large";
                     disabled: boolean;
@@ -475,43 +289,22 @@ export declare const WithChips: {
                     iconName: typeof import('../UiIcon/iconNames').iconNames[number] | null;
                     disabledVariant: "primary" | "secondary";
                     href: string;
-                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, 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;
-                    };
-                }>> & Readonly<{
+                }, Readonly<{
+                    iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
+                    size?: "xs" | "small" | "medium" | "large";
+                    color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
+                    disabledVariant?: "primary" | "secondary";
+                    disabled?: boolean;
+                    href?: string;
+                    rounded?: boolean;
+                }> & Readonly<{
                     onClick?: (() => any) | undefined;
                 }>, {}, {}, {}, {}, {
                     size: "xs" | "small" | "medium" | "large";
@@ -525,39 +318,18 @@ export declare const WithChips: {
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<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;
-                };
-            }>> & Readonly<{
+            } & import('vue').ComponentOptionsBase<Readonly<{
+                iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
+                size?: "xs" | "small" | "medium" | "large";
+                color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
+                disabledVariant?: "primary" | "secondary";
+                disabled?: boolean;
+                href?: string;
+                rounded?: boolean;
+            }> & Readonly<{
                 onClick?: (() => any) | undefined;
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: () => void;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                click: () => any;
             }, string, {
                 size: "xs" | "small" | "medium" | "large";
                 disabled: boolean;
@@ -571,59 +343,23 @@ export declare const WithChips: {
                     default?(_: {}): any;
                 };
             });
-            UiIconButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<"small" | "medium" | "large" | "xl">;
-                    default: string;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                title: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                iconName: {
-                    type: import('vue').PropType<string>;
-                    required: true;
-                };
-                backgroundColor: {
-                    type: import('vue').PropType<"none" | "blue" | "gray-hover">;
-                    default: string;
-                };
-                iconColor: {
-                    type: import('vue').PropType<"blue" | "gray" | "white">;
-                    default: string;
-                };
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (payload: any) => void;
-            }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<"small" | "medium" | "large" | "xl">;
-                    default: string;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                title: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                iconName: {
-                    type: import('vue').PropType<string>;
-                    required: true;
-                };
-                backgroundColor: {
-                    type: import('vue').PropType<"none" | "blue" | "gray-hover">;
-                    default: string;
-                };
-                iconColor: {
-                    type: import('vue').PropType<"blue" | "gray" | "white">;
-                    default: string;
-                };
-            }>> & Readonly<{
+            UiIconButton: import('vue').DefineComponent<{
+                iconName: typeof import('../UiIcon/iconNames').iconNames[number];
+                title?: string;
+                disabled?: boolean;
+                backgroundColor?: "blue" | "none" | "gray-hover";
+                iconColor?: "blue" | "gray" | "white";
+                size?: "small" | "medium" | "large" | "xl";
+            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                click: (payload: any) => any;
+            }, string, import('vue').PublicProps, Readonly<{
+                iconName: typeof import('../UiIcon/iconNames').iconNames[number];
+                title?: string;
+                disabled?: boolean;
+                backgroundColor?: "blue" | "none" | "gray-hover";
+                iconColor?: "blue" | "gray" | "white";
+                size?: "small" | "medium" | "large" | "xl";
+            }> & Readonly<{
                 onClick?: ((payload: any) => any) | undefined;
             }>, {
                 size: "small" | "medium" | "large" | "xl";
@@ -631,76 +367,40 @@ export declare const WithChips: {
                 title: string;
                 backgroundColor: "blue" | "none" | "gray-hover";
                 iconColor: "blue" | "gray" | "white";
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            UiIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                name: {
-                    type: import('vue').PropType<string>;
-                    required: true;
-                };
-                size: {
-                    type: import('vue').PropType<"xs" | "small" | "medium" | "large" | "xl" | "2xl">;
-                    default: string;
-                };
-                sizeClasses: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                name: {
-                    type: import('vue').PropType<string>;
-                    required: true;
-                };
-                size: {
-                    type: import('vue').PropType<"xs" | "small" | "medium" | "large" | "xl" | "2xl">;
-                    default: string;
-                };
-                sizeClasses: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-            }>> & Readonly<{}>, {
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+            UiIcon: import('vue').DefineComponent<{
+                name: typeof import('../UiIcon/iconNames').iconNames[number];
+                size?: "xs" | "small" | "medium" | "large" | "xl" | "2xl";
+                sizeClasses?: string;
+            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+                name: typeof import('../UiIcon/iconNames').iconNames[number];
+                size?: "xs" | "small" | "medium" | "large" | "xl" | "2xl";
+                sizeClasses?: string;
+            }> & Readonly<{}>, {
                 size: "xs" | "small" | "medium" | "large" | "xl" | "2xl";
                 sizeClasses: string;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
             UiChip: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<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;
-                    };
-                }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                    cursorStyle?: "default" | "text" | "pointer";
+                    isVisible?: boolean;
+                    size?: "small" | "medium" | "big";
+                }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
                     size: "small" | "medium" | "big";
                     cursorStyle: "default" | "text" | "pointer";
                     isVisible: boolean;
-                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, 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;
-                    };
-                }>> & Readonly<{}>, {}, {}, {}, {}, {
+                }, Readonly<{
+                    cursorStyle?: "default" | "text" | "pointer";
+                    isVisible?: boolean;
+                    size?: "small" | "medium" | "big";
+                }> & Readonly<{}>, {}, {}, {}, {}, {
                     size: "small" | "medium" | "big";
                     cursorStyle: "default" | "text" | "pointer";
                     isVisible: boolean;
@@ -708,20 +408,11 @@ export declare const WithChips: {
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & 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;
-                };
-            }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            } & import('vue').ComponentOptionsBase<Readonly<{
+                cursorStyle?: "default" | "text" | "pointer";
+                isVisible?: boolean;
+                size?: "small" | "medium" | "big";
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 size: "small" | "medium" | "big";
                 cursorStyle: "default" | "text" | "pointer";
                 isVisible: boolean;