@dpa-id-components/dpa-shared-components 9.2.0 → 9.4.0

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

@@ -1,942 +0,0 @@
-import type { StoryObj } from "@storybook/vue3";
-declare const meta: {
-    title: string;
-    component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            view: {
-                type: import("vue").PropType<"compact" | "standard" | "preview">;
-                required: true;
-            };
-            title: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            date: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            dateDetail: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            location: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            noticeType: {
-                type: import("vue").PropType<{
-                    iconName: "event" | "topic";
-                    displayText: string;
-                }>;
-                required: true;
-            };
-            comments: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            partnerText: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            isPartnerTextVisible: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            topEntry: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            description: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            truncateTitle: {
-                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<{
-            view: {
-                type: import("vue").PropType<"compact" | "standard" | "preview">;
-                required: true;
-            };
-            title: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            date: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            dateDetail: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            location: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            noticeType: {
-                type: import("vue").PropType<{
-                    iconName: "event" | "topic";
-                    displayText: string;
-                }>;
-                required: true;
-            };
-            comments: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            partnerText: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            isPartnerTextVisible: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            topEntry: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            description: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            truncateTitle: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>>, {
-            dateDetail: string;
-            location: string | null;
-            comments: string | null;
-            partnerText: string | null;
-            isPartnerTextVisible: boolean;
-            topEntry: boolean;
-            description: string;
-            truncateTitle: boolean;
-        }, true, {}, {}, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            view: {
-                type: import("vue").PropType<"compact" | "standard" | "preview">;
-                required: true;
-            };
-            title: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            date: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            dateDetail: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            location: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            noticeType: {
-                type: import("vue").PropType<{
-                    iconName: "event" | "topic";
-                    displayText: string;
-                }>;
-                required: true;
-            };
-            comments: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            partnerText: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            isPartnerTextVisible: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            topEntry: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            description: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            truncateTitle: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>>, {}, {}, {}, {}, {
-            dateDetail: string;
-            location: string | null;
-            comments: string | null;
-            partnerText: string | null;
-            isPartnerTextVisible: boolean;
-            topEntry: boolean;
-            description: string;
-            truncateTitle: boolean;
-        }>;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        view: {
-            type: import("vue").PropType<"compact" | "standard" | "preview">;
-            required: true;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-        date: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-        dateDetail: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        location: {
-            type: import("vue").PropType<string | null>;
-            default: null;
-        };
-        noticeType: {
-            type: import("vue").PropType<{
-                iconName: "event" | "topic";
-                displayText: string;
-            }>;
-            required: true;
-        };
-        comments: {
-            type: import("vue").PropType<string | null>;
-            default: null;
-        };
-        partnerText: {
-            type: import("vue").PropType<string | null>;
-            default: null;
-        };
-        isPartnerTextVisible: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        topEntry: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        description: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        truncateTitle: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        dateDetail: string;
-        location: string | null;
-        comments: string | null;
-        partnerText: string | null;
-        isPartnerTextVisible: boolean;
-        topEntry: boolean;
-        description: string;
-        truncateTitle: boolean;
-    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            addFavoriteAction?(_: {}): any;
-            actions?(_: {}): any;
-            filters?(_: {}): any;
-            planningItems?(_: {}): any;
-        };
-    });
-    argTypes: {
-        date: {
-            control: string;
-            defaultValue: string;
-        };
-        dateDetail: {
-            control: string;
-            defaultValue: string;
-        };
-        location: {
-            control: string;
-            defaultValue: string;
-        };
-        comments: {
-            control: string;
-            defaultValue: string;
-        };
-        partnerText: {
-            control: string;
-            defaultValue: string;
-        };
-        isPartnerTextVisible: {
-            control: string;
-            defaultValue: boolean;
-        };
-        title: {
-            control: string;
-            defaultValue: string;
-        };
-        description: {
-            control: string;
-            defaultValue: string;
-        };
-        noticeType: {
-            control: string;
-            options: string[];
-        };
-        defaultValue: {
-            iconName: string;
-            displayText: string;
-        };
-        view: {
-            control: string;
-            options: string[];
-            defaultValue: string;
-        };
-        topEntry: {
-            control: string;
-            defaultValue: boolean;
-        };
-    };
-    args: {
-        date: string;
-        dateDetail: string;
-        location: string;
-        comments: string;
-        partnerText: string;
-        isPartnerTextVisible: true;
-        title: string;
-        description: {
-            defaultValue: string;
-        };
-        noticeType: {
-            iconName: "topic";
-            displayText: string;
-        };
-        view: "compact";
-        topEntry: true;
-    };
-    render: (args: any) => {
-        setup(this: void): {
-            args: any;
-        };
-        components: {
-            DpaEventItem: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                    view: {
-                        type: import("vue").PropType<"compact" | "standard" | "preview">;
-                        required: true;
-                    };
-                    title: {
-                        type: import("vue").PropType<string>;
-                        required: true;
-                    };
-                    date: {
-                        type: import("vue").PropType<string>;
-                        required: true;
-                    };
-                    dateDetail: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    location: {
-                        type: import("vue").PropType<string | null>;
-                        default: null;
-                    };
-                    noticeType: {
-                        type: import("vue").PropType<{
-                            iconName: "event" | "topic";
-                            displayText: string;
-                        }>;
-                        required: true;
-                    };
-                    comments: {
-                        type: import("vue").PropType<string | null>;
-                        default: null;
-                    };
-                    partnerText: {
-                        type: import("vue").PropType<string | null>;
-                        default: null;
-                    };
-                    isPartnerTextVisible: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    topEntry: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    description: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    truncateTitle: {
-                        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<{
-                    view: {
-                        type: import("vue").PropType<"compact" | "standard" | "preview">;
-                        required: true;
-                    };
-                    title: {
-                        type: import("vue").PropType<string>;
-                        required: true;
-                    };
-                    date: {
-                        type: import("vue").PropType<string>;
-                        required: true;
-                    };
-                    dateDetail: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    location: {
-                        type: import("vue").PropType<string | null>;
-                        default: null;
-                    };
-                    noticeType: {
-                        type: import("vue").PropType<{
-                            iconName: "event" | "topic";
-                            displayText: string;
-                        }>;
-                        required: true;
-                    };
-                    comments: {
-                        type: import("vue").PropType<string | null>;
-                        default: null;
-                    };
-                    partnerText: {
-                        type: import("vue").PropType<string | null>;
-                        default: null;
-                    };
-                    isPartnerTextVisible: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    topEntry: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    description: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    truncateTitle: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                }>>, {
-                    dateDetail: string;
-                    location: string | null;
-                    comments: string | null;
-                    partnerText: string | null;
-                    isPartnerTextVisible: boolean;
-                    topEntry: boolean;
-                    description: string;
-                    truncateTitle: boolean;
-                }, true, {}, {}, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
-                    view: {
-                        type: import("vue").PropType<"compact" | "standard" | "preview">;
-                        required: true;
-                    };
-                    title: {
-                        type: import("vue").PropType<string>;
-                        required: true;
-                    };
-                    date: {
-                        type: import("vue").PropType<string>;
-                        required: true;
-                    };
-                    dateDetail: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    location: {
-                        type: import("vue").PropType<string | null>;
-                        default: null;
-                    };
-                    noticeType: {
-                        type: import("vue").PropType<{
-                            iconName: "event" | "topic";
-                            displayText: string;
-                        }>;
-                        required: true;
-                    };
-                    comments: {
-                        type: import("vue").PropType<string | null>;
-                        default: null;
-                    };
-                    partnerText: {
-                        type: import("vue").PropType<string | null>;
-                        default: null;
-                    };
-                    isPartnerTextVisible: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    topEntry: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    description: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    truncateTitle: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                }>>, {}, {}, {}, {}, {
-                    dateDetail: string;
-                    location: string | null;
-                    comments: string | null;
-                    partnerText: string | null;
-                    isPartnerTextVisible: boolean;
-                    topEntry: boolean;
-                    description: string;
-                    truncateTitle: boolean;
-                }>;
-                __isFragment?: undefined;
-                __isTeleport?: undefined;
-                __isSuspense?: undefined;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                view: {
-                    type: import("vue").PropType<"compact" | "standard" | "preview">;
-                    required: true;
-                };
-                title: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                date: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                dateDetail: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                location: {
-                    type: import("vue").PropType<string | null>;
-                    default: null;
-                };
-                noticeType: {
-                    type: import("vue").PropType<{
-                        iconName: "event" | "topic";
-                        displayText: string;
-                    }>;
-                    required: true;
-                };
-                comments: {
-                    type: import("vue").PropType<string | null>;
-                    default: null;
-                };
-                partnerText: {
-                    type: import("vue").PropType<string | null>;
-                    default: null;
-                };
-                isPartnerTextVisible: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                topEntry: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                description: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                truncateTitle: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-                dateDetail: string;
-                location: string | null;
-                comments: string | null;
-                partnerText: string | null;
-                isPartnerTextVisible: boolean;
-                topEntry: boolean;
-                description: string;
-                truncateTitle: boolean;
-            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-                $slots: {
-                    addFavoriteAction?(_: {}): any;
-                    actions?(_: {}): any;
-                    filters?(_: {}): any;
-                    planningItems?(_: {}): any;
-                };
-            });
-            UiFilterBadge: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                    size: {
-                        type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
-                        default: string;
-                    };
-                    fill: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    color: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    iconIsFilled: {
-                        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<{
-                    size: {
-                        type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
-                        default: string;
-                    };
-                    fill: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    color: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    iconIsFilled: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                }>>, {
-                    size: "small" | "medium" | "large" | "xl";
-                    fill: string;
-                    color: string;
-                    iconIsFilled: boolean;
-                }, true, {}, {}, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
-                    size: {
-                        type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
-                        default: string;
-                    };
-                    fill: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    color: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    iconIsFilled: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                }>>, {}, {}, {}, {}, {
-                    size: "small" | "medium" | "large" | "xl";
-                    fill: string;
-                    color: string;
-                    iconIsFilled: boolean;
-                }>;
-                __isFragment?: undefined;
-                __isTeleport?: undefined;
-                __isSuspense?: undefined;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                size: {
-                    type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
-                    default: string;
-                };
-                fill: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                color: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                iconIsFilled: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-                size: "small" | "medium" | "large" | "xl";
-                fill: string;
-                color: string;
-                iconIsFilled: boolean;
-            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-                $slots: {
-                    default?(_: {}): any;
-                };
-            });
-            UiIconButton: import("vue").DefineComponent<{
-                size: {
-                    type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
-                    default: string;
-                };
-                iconName: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                title: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                disabled: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                backgroundColor: {
-                    type: import("vue").PropType<"blue" | "none" | "gray-hover">;
-                    default: string;
-                };
-                iconColor: {
-                    type: import("vue").PropType<"blue" | "white" | "gray">;
-                    default: string;
-                };
-            }, {}, unknown, {}, {}, 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;
-                };
-                iconName: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                title: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                disabled: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                backgroundColor: {
-                    type: import("vue").PropType<"blue" | "none" | "gray-hover">;
-                    default: string;
-                };
-                iconColor: {
-                    type: import("vue").PropType<"blue" | "white" | "gray">;
-                    default: string;
-                };
-            }>> & {
-                onClick?: ((payload: any) => any) | undefined;
-            }, {
-                size: "small" | "medium" | "large" | "xl";
-                title: string;
-                disabled: boolean;
-                backgroundColor: "blue" | "none" | "gray-hover";
-                iconColor: "blue" | "white" | "gray";
-            }, {}>;
-            UiBadge: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                    text: {
-                        type: import("vue").PropType<string>;
-                        default: undefined;
-                    };
-                    small: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    trim: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    color: {
-                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "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;
-                    };
-                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                    text: {
-                        type: import("vue").PropType<string>;
-                        default: undefined;
-                    };
-                    small: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    trim: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    color: {
-                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "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;
-                    };
-                }>>, {
-                    text: string;
-                    small: boolean;
-                    trim: boolean;
-                    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
-                    iconName: string | null;
-                    mobileTrim: boolean;
-                    screenReaderText: string;
-                }, true, {}, {}, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
-                    text: {
-                        type: import("vue").PropType<string>;
-                        default: undefined;
-                    };
-                    small: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    trim: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    color: {
-                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "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;
-                    };
-                }>>, {}, {}, {}, {}, {
-                    text: string;
-                    small: boolean;
-                    trim: boolean;
-                    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
-                    iconName: string | null;
-                    mobileTrim: boolean;
-                    screenReaderText: string;
-                }>;
-                __isFragment?: undefined;
-                __isTeleport?: undefined;
-                __isSuspense?: undefined;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                text: {
-                    type: import("vue").PropType<string>;
-                    default: undefined;
-                };
-                small: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                trim: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                color: {
-                    type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "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;
-                };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-                text: string;
-                small: boolean;
-                trim: boolean;
-                color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
-                iconName: string | null;
-                mobileTrim: boolean;
-                screenReaderText: string;
-            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-                $slots: {
-                    default?(_: {}): any;
-                };
-            });
-            UiIcon: import("vue").DefineComponent<{
-                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;
-                };
-            }, {}, unknown, {}, {}, 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;
-                };
-            }>>, {
-                size: "xs" | "small" | "medium" | "large" | "xl" | "2xl";
-                sizeClasses: string;
-            }, {}>;
-        };
-        template: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;