@dpa-id-components/dpa-shared-components 11.0.0 → 12.0.1

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

@@ -1,35 +1,15 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     label?: string;
     placeholder?: string;
     value?: string;
     options?: string[];
     readonly?: boolean;
     chevron?: boolean;
-}>, {
-    label: string;
-    placeholder: string;
-    value: string;
-    options: () => never[];
-    readonly: boolean;
-    chevron: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     input: (...args: any[]) => void;
     select: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    label?: string;
-    placeholder?: string;
-    value?: string;
-    options?: string[];
-    readonly?: boolean;
-    chevron?: boolean;
-}>, {
-    label: string;
-    placeholder: string;
-    value: string;
-    options: () => never[];
-    readonly: boolean;
-    chevron: boolean;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onInput?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -39,22 +19,182 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     chevron: boolean;
     value: string;
     options: string[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly id?: string | undefined;
+            readonly modelValue: string;
+            readonly type?: "text" | "number" | "time" | "date" | "password" | "datetime-local" | undefined;
+            readonly label?: string | undefined;
+            readonly placeholder?: string | undefined;
+            readonly autofocus?: boolean | undefined;
+            readonly chevron?: boolean | undefined;
+            readonly readonly?: boolean | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly isDateTimePicker?: boolean | undefined;
+            readonly autocomplete?: string | undefined;
+            readonly isInvalid?: boolean | undefined;
+            readonly errorMessage?: string | undefined;
+            readonly showWarning?: boolean | undefined;
+            readonly warningMessage?: string | undefined;
+            readonly isTextarea?: boolean | undefined;
+            readonly hasInfo?: boolean | undefined;
+            readonly infoText?: string | undefined;
+            readonly inputStatus?: "default" | "info" | "readonly" | "warning" | "error" | undefined;
+            readonly isUiAutocomplete?: boolean | undefined;
+            readonly onFocus?: ((...args: any[]) => any) | undefined;
+            readonly onBlur?: ((...args: any[]) => any) | undefined;
+            readonly onInput?: ((...args: any[]) => any) | undefined;
+            readonly onKeyup?: ((...args: any[]) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            inputRef: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "input", ...args: any[]) => void) & ((event: "keyup", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            id?: string;
+            modelValue: string;
+            type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+            label?: string;
+            placeholder?: string;
+            autofocus?: boolean;
+            chevron?: boolean;
+            readonly?: boolean;
+            disabled?: boolean;
+            isDateTimePicker?: boolean;
+            autocomplete?: string;
+            isInvalid?: boolean;
+            errorMessage?: string;
+            showWarning?: boolean;
+            warningMessage?: string;
+            isTextarea?: boolean;
+            hasInfo?: boolean;
+            infoText?: string;
+            inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+            isUiAutocomplete?: boolean;
+        }> & Readonly<{
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onInput?: ((...args: any[]) => any) | undefined;
+            onKeyup?: ((...args: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            focus: (...args: any[]) => void;
+            blur: (...args: any[]) => void;
+            input: (...args: any[]) => void;
+            keyup: (...args: any[]) => void;
+            "update:modelValue": (...args: any[]) => void;
+        }, string, {
+            type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+            disabled: boolean;
+            label: string;
+            readonly: boolean;
+            id: string;
+            placeholder: string;
+            autofocus: boolean;
+            chevron: boolean;
+            isDateTimePicker: boolean;
+            autocomplete: string;
+            isInvalid: boolean;
+            errorMessage: string;
+            showWarning: boolean;
+            warningMessage: string;
+            isTextarea: boolean;
+            hasInfo: boolean;
+            infoText: string;
+            inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+            isUiAutocomplete: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+        disabled: boolean;
+        label: string;
+        readonly: boolean;
+        id: string;
+        placeholder: string;
+        autofocus: boolean;
+        chevron: boolean;
+        isDateTimePicker: boolean;
+        autocomplete: string;
+        isInvalid: boolean;
+        errorMessage: string;
+        showWarning: boolean;
+        warningMessage: string;
+        isTextarea: boolean;
+        hasInfo: boolean;
+        infoText: string;
+        inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+        isUiAutocomplete: boolean;
+    }> & Omit<Readonly<{
+        id?: string;
+        modelValue: string;
+        type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+        label?: string;
+        placeholder?: string;
+        autofocus?: boolean;
+        chevron?: boolean;
+        readonly?: boolean;
+        disabled?: boolean;
+        isDateTimePicker?: boolean;
+        autocomplete?: string;
+        isInvalid?: boolean;
+        errorMessage?: string;
+        showWarning?: boolean;
+        warningMessage?: string;
+        isTextarea?: boolean;
+        hasInfo?: boolean;
+        infoText?: string;
+        inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+        isUiAutocomplete?: boolean;
+    }> & Readonly<{
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onInput?: ((...args: any[]) => any) | undefined;
+        onKeyup?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, "inputRef" | ("type" | "disabled" | "label" | "readonly" | "id" | "placeholder" | "autofocus" | "chevron" | "isDateTimePicker" | "autocomplete" | "isInvalid" | "errorMessage" | "showWarning" | "warningMessage" | "isTextarea" | "hasInfo" | "infoText" | "inputStatus" | "isUiAutocomplete")> & import('vue').ShallowUnwrapRef<{
+        inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            buttons?(_: {}): any;
+        };
+    }) | null;
+    dropdownRef: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

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

@@ -1,86 +1,43 @@
 import { iconNames } from '../UiIcon/iconNames';
 import { StoryObj } from '@storybook/vue3';
-
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-            text: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            trim: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            small: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            color: {
-                type: import('vue').PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
-                default: string;
-            };
-            iconName: {
-                type: import('vue').PropType<string | null>;
-                default: null;
-            };
-            mobileTrim: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            screenReaderText: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            text?: string;
+            color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
+            iconName?: (typeof iconNames)[number] | null;
+            mobileTrim?: boolean;
+            trim?: boolean;
+            small?: boolean;
+            screenReaderText?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             text: string;
-            trim: boolean;
             small: boolean;
+            trim: boolean;
             color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
             iconName: (typeof iconNames)[number] | null;
             mobileTrim: boolean;
             screenReaderText: string;
-        }, 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<{
-            text: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            trim: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            small: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            color: {
-                type: import('vue').PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
-                default: string;
-            };
-            iconName: {
-                type: import('vue').PropType<string | null>;
-                default: null;
-            };
-            mobileTrim: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            screenReaderText: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, {
+        }, Readonly<{
+            text?: string;
+            color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
+            iconName?: (typeof iconNames)[number] | null;
+            mobileTrim?: boolean;
+            trim?: boolean;
+            small?: boolean;
+            screenReaderText?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, {
             text: string;
-            trim: boolean;
             small: boolean;
+            trim: boolean;
             color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
             iconName: (typeof iconNames)[number] | null;
             mobileTrim: boolean;
@@ -89,39 +46,18 @@ declare const meta: {
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        text: {
-            type: import('vue').PropType<string>;
-            default: undefined;
-        };
-        trim: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        small: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        color: {
-            type: import('vue').PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
-            default: string;
-        };
-        iconName: {
-            type: import('vue').PropType<string | null>;
-            default: null;
-        };
-        mobileTrim: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        screenReaderText: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        text?: string;
+        color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
+        iconName?: (typeof iconNames)[number] | null;
+        mobileTrim?: boolean;
+        trim?: boolean;
+        small?: boolean;
+        screenReaderText?: string;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         text: string;
-        trim: boolean;
         small: boolean;
+        trim: boolean;
         color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
         iconName: (typeof iconNames)[number] | null;
         mobileTrim: boolean;

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

@@ -1,25 +1,5 @@
 import { iconNames } from '../UiIcon/iconNames';
-
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    text?: string;
-    color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
-    iconName?: (typeof iconNames)[number] | null;
-    mobileTrim?: boolean;
-    trim?: boolean;
-    small?: boolean;
-    screenReaderText?: string;
-}>, {
-    text: undefined;
-    color: string;
-    iconName: null;
-    mobileTrim: boolean;
-    trim: boolean;
-    small: boolean;
-    screenReaderText: string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     text?: string;
     color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
     iconName?: (typeof iconNames)[number] | null;
@@ -27,42 +7,27 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     trim?: boolean;
     small?: boolean;
     screenReaderText?: string;
-}>, {
-    text: undefined;
-    color: string;
-    iconName: null;
-    mobileTrim: boolean;
-    trim: boolean;
-    small: boolean;
-    screenReaderText: string;
-}>>> & Readonly<{}>, {
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     text: string;
-    trim: boolean;
     small: boolean;
+    trim: boolean;
     color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
     iconName: (typeof iconNames)[number] | null;
     mobileTrim: boolean;
     screenReaderText: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,42 +1,20 @@
 import { iconNames } from '../UiIcon/iconNames';
 import { StoryObj } from '@storybook/vue3';
-
 declare const meta: {
     title: string;
     component: {
-        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 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;
@@ -45,43 +23,22 @@ declare const meta: {
             iconName: (typeof 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 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";
@@ -95,39 +52,18 @@ declare const meta: {
         __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 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;