npm - @dpa-id-components/dpa-shared-components - Versions diffs - 8.10.5 → 8.11.1 - Mend

@dpa-id-components/dpa-shared-components 8.10.5 → 8.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (258) hide show

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

@@ -2,182 +2,127 @@ import type { StoryObj } from "@storybook/vue3";
 declare const meta: {
     title: string;
     component: {
-        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: {
+        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;
-                };
-                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;
+                }>;
+                required: true;
             };
-            $refs: {
-                [x: string]: unknown;
+            comments: {
+                type: import("vue").PropType<string | null>;
+                default: null;
             };
-            $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;
+            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;
             };
-            $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<{
+            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;
@@ -229,7 +174,16 @@ declare const meta: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        }>>, {}, {}, {}, {}, {
+            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;
@@ -377,182 +331,127 @@ declare const meta: {
         };
         components: {
             DpaEventItem: {
-                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: {
+                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;
-                        };
-                        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<{
+                        }>;
+                        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;
@@ -604,7 +503,16 @@ declare const meta: {
                         type: import("vue").PropType<boolean>;
                         default: boolean;
                     };
-                }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+                }>>, {}, {}, {}, {}, {
+                    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;
@@ -678,93 +586,53 @@ declare const meta: {
                 };
             });
             UiFilterBadge: {
-                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<{
+                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;
@@ -781,7 +649,12 @@ declare const meta: {
                         type: import("vue").PropType<boolean>;
                         default: boolean;
                     };
-                }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+                }>>, {}, {}, {}, {}, {
+                    size: "small" | "medium" | "large" | "xl";
+                    fill: string;
+                    color: string;
+                    iconIsFilled: boolean;
+                }>;
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
@@ -839,7 +712,7 @@ declare const meta: {
                 };
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (payload: any) => void;
-            }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 size: {
                     type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
                     default: string;
@@ -874,126 +747,7 @@ declare const meta: {
                 iconColor: "blue" | "white" | "gray";
             }, {}>;
             UiBadge: {
-                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<{
+                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
                     text: {
                         type: import("vue").PropType<string>;
                         default: undefined;
@@ -1022,7 +776,88 @@ declare const meta: {
                         type: import("vue").PropType<string>;
                         default: string;
                     };
-                }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    text: {
+                        type: import("vue").PropType<string>;
+                        default: undefined;
+                    };
+                    small: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    trim: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    color: {
+                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
+                        default: string;
+                    };
+                    iconName: {
+                        type: import("vue").PropType<string | null>;
+                        default: null;
+                    };
+                    mobileTrim: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    screenReaderText: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                }>>, {
+                    text: string;
+                    small: boolean;
+                    trim: boolean;
+                    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
+                    iconName: string | null;
+                    mobileTrim: boolean;
+                    screenReaderText: string;
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    text: {
+                        type: import("vue").PropType<string>;
+                        default: undefined;
+                    };
+                    small: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    trim: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    color: {
+                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
+                        default: string;
+                    };
+                    iconName: {
+                        type: import("vue").PropType<string | null>;
+                        default: null;
+                    };
+                    mobileTrim: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    screenReaderText: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                }>>, {}, {}, {}, {}, {
+                    text: string;
+                    small: boolean;
+                    trim: boolean;
+                    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
+                    iconName: string | null;
+                    mobileTrim: boolean;
+                    screenReaderText: string;
+                }>;
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
@@ -1081,7 +916,7 @@ declare const meta: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: import("vue").PropType<string>;
                     required: true;