@dpa-id-components/dpa-shared-components 8.11.5 → 8.11.6

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

@@ -2,127 +2,182 @@ 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<{
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                dateDetail: string;
+                location: string | null;
+                comments: string | null;
+                partnerText: string | null;
+                isPartnerTextVisible: boolean;
+                topEntry: boolean;
+                description: string;
+                truncateTitle: boolean;
+            }> & Omit<{
+                readonly view: "compact" | "standard" | "preview";
+                readonly title: string;
+                readonly date: string;
+                readonly dateDetail: string;
+                readonly location: string | null;
+                readonly noticeType: {
                     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;
+                };
+                readonly comments: string | null;
+                readonly partnerText: string | null;
+                readonly isPartnerTextVisible: boolean;
+                readonly topEntry: boolean;
+                readonly description: string;
+                readonly truncateTitle: boolean;
+            } & 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" | "location" | "comments" | "partnerText" | "isPartnerTextVisible" | "topEntry" | "description" | "truncateTitle">;
+            $attrs: {
+                [x: string]: unknown;
             };
-            description: {
-                type: import("vue").PropType<string>;
-                default: string;
+            $refs: {
+                [x: string]: unknown;
             };
-            truncateTitle: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: 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, {}> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
             };
-        }>>, {
-            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<{
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
             view: {
                 type: import("vue").PropType<"compact" | "standard" | "preview">;
                 required: true;
@@ -174,16 +229,7 @@ declare const meta: {
                 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;
-        }>;
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
@@ -331,127 +377,182 @@ declare const meta: {
         };
         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<{
+                new (...args: any[]): {
+                    $: import("vue").ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{
+                        dateDetail: string;
+                        location: string | null;
+                        comments: string | null;
+                        partnerText: string | null;
+                        isPartnerTextVisible: boolean;
+                        topEntry: boolean;
+                        description: string;
+                        truncateTitle: boolean;
+                    }> & Omit<{
+                        readonly view: "compact" | "standard" | "preview";
+                        readonly title: string;
+                        readonly date: string;
+                        readonly dateDetail: string;
+                        readonly location: string | null;
+                        readonly noticeType: {
                             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<{
+                        };
+                        readonly comments: string | null;
+                        readonly partnerText: string | null;
+                        readonly isPartnerTextVisible: boolean;
+                        readonly topEntry: boolean;
+                        readonly description: string;
+                        readonly truncateTitle: boolean;
+                    } & 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" | "location" | "comments" | "partnerText" | "isPartnerTextVisible" | "topEntry" | "description" | "truncateTitle">;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import("vue").Slot<any> | undefined;
+                    }>;
+                    $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+                    $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: 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, {}> & {
+                        beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                        created?: ((() => void) | (() => void)[]) | undefined;
+                        beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                        mounted?: ((() => void) | (() => void)[]) | undefined;
+                        beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                        updated?: ((() => void) | (() => void)[]) | undefined;
+                        activated?: ((() => void) | (() => void)[]) | undefined;
+                        deactivated?: ((() => void) | (() => void)[]) | undefined;
+                        beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                        beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                        destroyed?: ((() => void) | (() => void)[]) | undefined;
+                        unmounted?: ((() => void) | (() => void)[]) | undefined;
+                        renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                        renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                        errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import("vue").nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+                } & Readonly<import("vue").ExtractPropTypes<{
                     view: {
                         type: import("vue").PropType<"compact" | "standard" | "preview">;
                         required: true;
@@ -503,16 +604,7 @@ declare const meta: {
                         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;
-                }>;
+                }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
@@ -586,53 +678,93 @@ declare const meta: {
                 };
             });
             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<{
+                new (...args: any[]): {
+                    $: import("vue").ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{
+                        size: "small" | "medium" | "large" | "xl";
+                        fill: string;
+                        color: string;
+                        iconIsFilled: boolean;
+                    }> & Omit<{
+                        readonly size: "small" | "medium" | "large" | "xl";
+                        readonly fill: string;
+                        readonly color: string;
+                        readonly iconIsFilled: boolean;
+                    } & 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" | "fill" | "color" | "iconIsFilled">;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import("vue").Slot<any> | undefined;
+                    }>;
+                    $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+                    $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: 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, {}> & {
+                        beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                        created?: ((() => void) | (() => void)[]) | undefined;
+                        beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                        mounted?: ((() => void) | (() => void)[]) | undefined;
+                        beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                        updated?: ((() => void) | (() => void)[]) | undefined;
+                        activated?: ((() => void) | (() => void)[]) | undefined;
+                        deactivated?: ((() => void) | (() => void)[]) | undefined;
+                        beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                        beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                        destroyed?: ((() => void) | (() => void)[]) | undefined;
+                        unmounted?: ((() => void) | (() => void)[]) | undefined;
+                        renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                        renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                        errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import("vue").nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+                } & Readonly<import("vue").ExtractPropTypes<{
                     size: {
                         type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
                         default: string;
@@ -649,12 +781,7 @@ declare const meta: {
                         type: import("vue").PropType<boolean>;
                         default: boolean;
                     };
-                }>>, {}, {}, {}, {}, {
-                    size: "small" | "medium" | "large" | "xl";
-                    fill: string;
-                    color: string;
-                    iconIsFilled: boolean;
-                }>;
+                }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
@@ -712,7 +839,7 @@ declare const meta: {
                 };
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (payload: any) => void;
-            }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 size: {
                     type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
                     default: string;
@@ -747,80 +874,126 @@ declare const meta: {
                 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<{
+                new (...args: any[]): {
+                    $: import("vue").ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{
+                        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;
+                    }> & Omit<{
+                        readonly small: boolean;
+                        readonly trim: boolean;
+                        readonly color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
+                        readonly iconName: string | null;
+                        readonly mobileTrim: boolean;
+                        readonly screenReaderText: string;
+                        readonly text?: string | undefined;
+                    } & 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" | "small" | "trim" | "color" | "iconName" | "mobileTrim" | "screenReaderText">;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import("vue").Slot<any> | undefined;
+                    }>;
+                    $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+                    $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: 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, {}> & {
+                        beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                        created?: ((() => void) | (() => void)[]) | undefined;
+                        beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                        mounted?: ((() => void) | (() => void)[]) | undefined;
+                        beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                        updated?: ((() => void) | (() => void)[]) | undefined;
+                        activated?: ((() => void) | (() => void)[]) | undefined;
+                        deactivated?: ((() => void) | (() => void)[]) | undefined;
+                        beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                        beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                        destroyed?: ((() => void) | (() => void)[]) | undefined;
+                        unmounted?: ((() => void) | (() => void)[]) | undefined;
+                        renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                        renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                        errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import("vue").nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+                } & Readonly<import("vue").ExtractPropTypes<{
                     text: {
                         type: import("vue").PropType<string>;
                         default: undefined;
@@ -849,15 +1022,7 @@ declare const meta: {
                         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;
-                }>;
+                }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
@@ -916,7 +1081,7 @@ declare const meta: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: import("vue").PropType<string>;
                     required: true;