@dpa-id-components/dpa-shared-components 9.8.0 → 9.9.0-alpha.0

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

@@ -0,0 +1,942 @@
+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" | "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;
+                    };
+                }>>, {}, 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" | "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;
+                    };
+                }>>, {
+                    text: string;
+                    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: 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" | "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;
+                    };
+                }>>, {}, {}, {}, {}, {
+                    text: string;
+                    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: 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" | "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;
+                };
+            }>>, {}, 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" | "green-neon" | "green-primary" | "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;