npm - @nuxt/ui - Versions diffs - 2.18.4 → 2.18.5 - Mend

@nuxt/ui 2.18.4 → 2.18.5

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 (74) hide show

package/dist/runtime/components/overlays/Notifications.vue.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ declare const config: {
     width: string;
     container: string;
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     class: {
         type: PropType<any>;
         default: () => string;
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         default: () => {};
     };
-}, {
+}>, {
     ui: import("vue").ComputedRef<{
         wrapper: string;
         position: string;
@@ -46,9 +46,9 @@ declare const _default: import("vue").DefineComponent<{
         update: (id: string, notification: Partial<Notification>) => void;
         clear: () => void;
     };
-    notifications: import("vue").Ref<Notification[]>;
+    notifications: import("vue").Ref<Notification[], Notification[]>;
     wrapperClass: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     class: {
         type: PropType<any>;
         default: () => string;
@@ -59,8 +59,1538 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         default: () => {};
     };
-}>>, {
+}>> & Readonly<{}>, {
     class: any;
     ui: {};
-}, {}>;
+}, {}, {
+    UNotification: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        id: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: true;
+        };
+        title: {
+            type: StringConstructor;
+            default: any;
+        };
+        description: {
+            type: StringConstructor;
+            default: any;
+        };
+        icon: {
+            type: StringConstructor;
+            default: () => any;
+        };
+        avatar: {
+            type: PropType<import("../../types/avatar").Avatar>;
+            default: any;
+        };
+        closeButton: {
+            type: PropType<import("../../types/button").Button>;
+            default: () => import("../../types/button").Button;
+        };
+        timeout: {
+            type: NumberConstructor;
+            default: () => number;
+        };
+        actions: {
+            type: PropType<import("../../types/notification").NotificationAction[]>;
+            default: () => any[];
+        };
+        callback: {
+            type: FunctionConstructor;
+            default: any;
+        };
+        color: {
+            type: PropType<import("../../types/notification").NotificationColor>;
+            default: () => string;
+            validator(value: string): boolean;
+        };
+        class: {
+            type: PropType<any>;
+            default: () => "";
+        };
+        ui: {
+            type: PropType<Partial<{
+                wrapper: string;
+                container: string;
+                inner: string;
+                title: string;
+                description: string;
+                actions: string;
+                background: string;
+                shadow: string;
+                rounded: string;
+                padding: string;
+                gap: string;
+                ring: string;
+                icon: {
+                    base: string;
+                    color: string;
+                };
+                avatar: {
+                    base: string;
+                    size: "md";
+                };
+                progress: {
+                    base: string;
+                    background: string;
+                };
+                transition: {
+                    enterActiveClass: string;
+                    enterFromClass: string;
+                    enterToClass: string;
+                    leaveActiveClass: string;
+                    leaveFromClass: string;
+                    leaveToClass: string;
+                };
+                default: {
+                    color: string;
+                    icon: any;
+                    timeout: number;
+                    closeButton: {
+                        icon: string;
+                        color: "gray";
+                        variant: "link";
+                        padded: boolean;
+                    };
+                    actionButton: {
+                        size: "xs";
+                        color: "white";
+                    };
+                };
+            }> & {
+                strategy?: Strategy;
+            }>;
+            default: () => {};
+        };
+    }>, {
+        ui: import("vue").ComputedRef<{
+            wrapper: string;
+            container: string;
+            inner: string;
+            title: string;
+            description: string;
+            actions: string;
+            background: string;
+            shadow: string;
+            rounded: string;
+            padding: string;
+            gap: string;
+            ring: string;
+            icon: {
+                base: string;
+                color: string;
+            };
+            avatar: {
+                base: string;
+                size: "md";
+            };
+            progress: {
+                base: string;
+                background: string;
+            };
+            transition: {
+                enterActiveClass: string;
+                enterFromClass: string;
+                enterToClass: string;
+                leaveActiveClass: string;
+                leaveFromClass: string;
+                leaveToClass: string;
+            };
+            default: {
+                color: string;
+                icon: any;
+                timeout: number;
+                closeButton: {
+                    icon: string;
+                    color: "gray";
+                    variant: "link";
+                    padded: boolean;
+                };
+                actionButton: {
+                    size: "xs";
+                    color: "white";
+                };
+            };
+        }>;
+        attrs: import("vue").ComputedRef<Pick<{
+            [x: string]: unknown;
+        }, string>>;
+        wrapperClass: import("vue").ComputedRef<string>;
+        progressClass: import("vue").ComputedRef<string>;
+        progressStyle: import("vue").ComputedRef<{
+            width: string;
+        }>;
+        iconClass: import("vue").ComputedRef<string>;
+        onMouseover: () => void;
+        onMouseleave: () => void;
+        onClose: () => void;
+        onAction: (action: import("../../types/notification").NotificationAction) => void;
+        twMerge: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        id: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: true;
+        };
+        title: {
+            type: StringConstructor;
+            default: any;
+        };
+        description: {
+            type: StringConstructor;
+            default: any;
+        };
+        icon: {
+            type: StringConstructor;
+            default: () => any;
+        };
+        avatar: {
+            type: PropType<import("../../types/avatar").Avatar>;
+            default: any;
+        };
+        closeButton: {
+            type: PropType<import("../../types/button").Button>;
+            default: () => import("../../types/button").Button;
+        };
+        timeout: {
+            type: NumberConstructor;
+            default: () => number;
+        };
+        actions: {
+            type: PropType<import("../../types/notification").NotificationAction[]>;
+            default: () => any[];
+        };
+        callback: {
+            type: FunctionConstructor;
+            default: any;
+        };
+        color: {
+            type: PropType<import("../../types/notification").NotificationColor>;
+            default: () => string;
+            validator(value: string): boolean;
+        };
+        class: {
+            type: PropType<any>;
+            default: () => "";
+        };
+        ui: {
+            type: PropType<Partial<{
+                wrapper: string;
+                container: string;
+                inner: string;
+                title: string;
+                description: string;
+                actions: string;
+                background: string;
+                shadow: string;
+                rounded: string;
+                padding: string;
+                gap: string;
+                ring: string;
+                icon: {
+                    base: string;
+                    color: string;
+                };
+                avatar: {
+                    base: string;
+                    size: "md";
+                };
+                progress: {
+                    base: string;
+                    background: string;
+                };
+                transition: {
+                    enterActiveClass: string;
+                    enterFromClass: string;
+                    enterToClass: string;
+                    leaveActiveClass: string;
+                    leaveFromClass: string;
+                    leaveToClass: string;
+                };
+                default: {
+                    color: string;
+                    icon: any;
+                    timeout: number;
+                    closeButton: {
+                        icon: string;
+                        color: "gray";
+                        variant: "link";
+                        padded: boolean;
+                    };
+                    actionButton: {
+                        size: "xs";
+                        color: "white";
+                    };
+                };
+            }> & {
+                strategy?: Strategy;
+            }>;
+            default: () => {};
+        };
+    }>> & Readonly<{
+        onClose?: (...args: any[]) => any;
+    }>, {
+        class: any;
+        timeout: number;
+        avatar: any;
+        color: import("../../types/notification").NotificationColor;
+        title: string;
+        ui: {};
+        description: string;
+        icon: string;
+        closeButton: import("../../types/button").Button;
+        actions: import("../../types/notification").NotificationAction[];
+        callback: Function;
+    }, {}, {
+        UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            name: {
+                type: StringConstructor;
+                required: true;
+            };
+            mode: {
+                type: PropType<"svg" | "css">;
+                required: false;
+                default: any;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                required: false;
+                default: any;
+            };
+            customize: {
+                type: FunctionConstructor;
+                required: false;
+                default: any;
+            };
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: StringConstructor;
+                required: true;
+            };
+            mode: {
+                type: PropType<"svg" | "css">;
+                required: false;
+                default: any;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                required: false;
+                default: any;
+            };
+            customize: {
+                type: FunctionConstructor;
+                required: false;
+                default: any;
+            };
+        }>> & Readonly<{}>, {
+            mode: "svg" | "css";
+            size: string | number;
+            customize: Function;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        UAvatar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            as: {
+                type: (StringConstructor | ObjectConstructor)[];
+                default: string;
+            };
+            src: {
+                type: (StringConstructor | BooleanConstructor)[];
+                default: any;
+            };
+            alt: {
+                type: StringConstructor;
+                default: any;
+            };
+            text: {
+                type: StringConstructor;
+                default: any;
+            };
+            icon: {
+                type: StringConstructor;
+                default: () => any;
+            };
+            size: {
+                type: PropType<import("../../types/avatar").AvatarSize>;
+                default: () => string;
+                validator(value: string): boolean;
+            };
+            chipColor: {
+                type: PropType<import("../../types/avatar").AvatarChipColor>;
+                default: () => any;
+                validator(value: string): boolean;
+            };
+            chipPosition: {
+                type: PropType<import("../../types/avatar").AvatarChipPosition>;
+                default: () => string;
+                validator(value: string): boolean;
+            };
+            chipText: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: any;
+            };
+            imgClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            class: {
+                type: PropType<any>;
+                default: () => "";
+            };
+            ui: {
+                type: PropType<Partial<{
+                    wrapper: string;
+                    background: string;
+                    rounded: string;
+                    text: string;
+                    placeholder: string;
+                    size: {
+                        '3xs': string;
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                        '2xl': string;
+                        '3xl': string;
+                    };
+                    chip: {
+                        base: string;
+                        background: string;
+                        position: {
+                            'top-right': string;
+                            'bottom-right': string;
+                            'top-left': string;
+                            'bottom-left': string;
+                        };
+                        size: {
+                            '3xs': string;
+                            '2xs': string;
+                            xs: string;
+                            sm: string;
+                            md: string;
+                            lg: string;
+                            xl: string;
+                            '2xl': string;
+                            '3xl': string;
+                        };
+                    };
+                    icon: {
+                        base: string;
+                        size: {
+                            '3xs': string;
+                            '2xs': string;
+                            xs: string;
+                            sm: string;
+                            md: string;
+                            lg: string;
+                            xl: string;
+                            '2xl': string;
+                            '3xl': string;
+                        };
+                    };
+                    default: {
+                        size: string;
+                        icon: any;
+                        chipColor: any;
+                        chipPosition: string;
+                    };
+                }> & {
+                    strategy?: Strategy;
+                }>;
+                default: () => {};
+            };
+        }>, {
+            ui: import("vue").ComputedRef<{
+                wrapper: string;
+                background: string;
+                rounded: string;
+                text: string;
+                placeholder: string;
+                size: {
+                    '3xs': string;
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                    '2xl': string;
+                    '3xl': string;
+                };
+                chip: {
+                    base: string;
+                    background: string;
+                    position: {
+                        'top-right': string;
+                        'bottom-right': string;
+                        'top-left': string;
+                        'bottom-left': string;
+                    };
+                    size: {
+                        '3xs': string;
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                        '2xl': string;
+                        '3xl': string;
+                    };
+                };
+                icon: {
+                    base: string;
+                    size: {
+                        '3xs': string;
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                        '2xl': string;
+                        '3xl': string;
+                    };
+                };
+                default: {
+                    size: string;
+                    icon: any;
+                    chipColor: any;
+                    chipPosition: string;
+                };
+            }>;
+            attrs: import("vue").ComputedRef<Pick<{
+                [x: string]: unknown;
+            }, string>>;
+            wrapperClass: import("vue").ComputedRef<string>;
+            imgClass: import("vue").ComputedRef<string>;
+            iconClass: import("vue").ComputedRef<string>;
+            chipClass: import("vue").ComputedRef<string>;
+            url: import("vue").ComputedRef<string>;
+            placeholder: import("vue").ComputedRef<string>;
+            error: import("vue").Ref<boolean, boolean>;
+            onError: () => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            as: {
+                type: (StringConstructor | ObjectConstructor)[];
+                default: string;
+            };
+            src: {
+                type: (StringConstructor | BooleanConstructor)[];
+                default: any;
+            };
+            alt: {
+                type: StringConstructor;
+                default: any;
+            };
+            text: {
+                type: StringConstructor;
+                default: any;
+            };
+            icon: {
+                type: StringConstructor;
+                default: () => any;
+            };
+            size: {
+                type: PropType<import("../../types/avatar").AvatarSize>;
+                default: () => string;
+                validator(value: string): boolean;
+            };
+            chipColor: {
+                type: PropType<import("../../types/avatar").AvatarChipColor>;
+                default: () => any;
+                validator(value: string): boolean;
+            };
+            chipPosition: {
+                type: PropType<import("../../types/avatar").AvatarChipPosition>;
+                default: () => string;
+                validator(value: string): boolean;
+            };
+            chipText: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: any;
+            };
+            imgClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            class: {
+                type: PropType<any>;
+                default: () => "";
+            };
+            ui: {
+                type: PropType<Partial<{
+                    wrapper: string;
+                    background: string;
+                    rounded: string;
+                    text: string;
+                    placeholder: string;
+                    size: {
+                        '3xs': string;
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                        '2xl': string;
+                        '3xl': string;
+                    };
+                    chip: {
+                        base: string;
+                        background: string;
+                        position: {
+                            'top-right': string;
+                            'bottom-right': string;
+                            'top-left': string;
+                            'bottom-left': string;
+                        };
+                        size: {
+                            '3xs': string;
+                            '2xs': string;
+                            xs: string;
+                            sm: string;
+                            md: string;
+                            lg: string;
+                            xl: string;
+                            '2xl': string;
+                            '3xl': string;
+                        };
+                    };
+                    icon: {
+                        base: string;
+                        size: {
+                            '3xs': string;
+                            '2xs': string;
+                            xs: string;
+                            sm: string;
+                            md: string;
+                            lg: string;
+                            xl: string;
+                            '2xl': string;
+                            '3xl': string;
+                        };
+                    };
+                    default: {
+                        size: string;
+                        icon: any;
+                        chipColor: any;
+                        chipPosition: string;
+                    };
+                }> & {
+                    strategy?: Strategy;
+                }>;
+                default: () => {};
+            };
+        }>> & Readonly<{}>, {
+            size: import("../../types/avatar").AvatarSize;
+            class: any;
+            as: string | Record<string, any>;
+            text: string;
+            alt: string;
+            ui: {};
+            icon: string;
+            src: string | boolean;
+            chipColor: import("../../types/avatar").AvatarChipColor;
+            chipPosition: "top-right" | "bottom-right" | "top-left" | "bottom-left";
+            chipText: string | number;
+            imgClass: string;
+        }, {}, {
+            UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                name: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                mode: {
+                    type: PropType<"svg" | "css">;
+                    required: false;
+                    default: any;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    required: false;
+                    default: any;
+                };
+                customize: {
+                    type: FunctionConstructor;
+                    required: false;
+                    default: any;
+                };
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                name: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                mode: {
+                    type: PropType<"svg" | "css">;
+                    required: false;
+                    default: any;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    required: false;
+                    default: any;
+                };
+                customize: {
+                    type: FunctionConstructor;
+                    required: false;
+                    default: any;
+                };
+            }>> & Readonly<{}>, {
+                mode: "svg" | "css";
+                size: string | number;
+                customize: Function;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        UButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            label: {
+                type: StringConstructor;
+                default: any;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            padded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: PropType<import("../../types/button").ButtonSize>;
+                default: () => string;
+                validator(value: string): boolean;
+            };
+            color: {
+                type: PropType<import("../../types/button").ButtonColor>;
+                default: () => string;
+                validator(value: string): boolean;
+            };
+            variant: {
+                type: PropType<import("../../types/button").ButtonVariant>;
+                default: () => string;
+                validator(value: string): boolean;
+            };
+            icon: {
+                type: StringConstructor;
+                default: any;
+            };
+            loadingIcon: {
+                type: StringConstructor;
+                default: () => string;
+            };
+            leadingIcon: {
+                type: StringConstructor;
+                default: any;
+            };
+            trailingIcon: {
+                type: StringConstructor;
+                default: any;
+            };
+            trailing: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            leading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            square: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            truncate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            class: {
+                type: PropType<any>;
+                default: () => "";
+            };
+            ui: {
+                type: PropType<Partial<{
+                    base: string;
+                    font: string;
+                    rounded: string;
+                    truncate: string;
+                    block: string;
+                    inline: string;
+                    size: {
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                    };
+                    gap: {
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                    };
+                    padding: {
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                    };
+                    square: {
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                    };
+                    color: {
+                        white: {
+                            solid: string;
+                            ghost: string;
+                        };
+                        gray: {
+                            solid: string;
+                            ghost: string;
+                            link: string;
+                        };
+                        black: {
+                            solid: string;
+                            link: string;
+                        };
+                    };
+                    variant: {
+                        solid: string;
+                        outline: string;
+                        soft: string;
+                        ghost: string;
+                        link: string;
+                    };
+                    icon: {
+                        base: string;
+                        loading: string;
+                        size: {
+                            '2xs': string;
+                            xs: string;
+                            sm: string;
+                            md: string;
+                            lg: string;
+                            xl: string;
+                        };
+                    };
+                    default: {
+                        size: string;
+                        variant: string;
+                        color: string;
+                        loadingIcon: string;
+                    };
+                }> & {
+                    strategy?: Strategy;
+                }>;
+                default: () => {};
+            };
+            to: {
+                readonly type: PropType<import("vue-router").RouteLocationRaw>;
+                readonly default: any;
+                readonly required: false;
+            };
+            href: {
+                readonly type: PropType<import("vue-router").RouteLocationRaw>;
+                readonly default: any;
+                readonly required: false;
+            };
+            target: {
+                readonly type: PropType<import("#app").NuxtLinkProps["target"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            rel: {
+                readonly type: PropType<any>;
+                readonly default: any;
+                readonly required: false;
+            };
+            noRel: {
+                readonly type: PropType<import("#app").NuxtLinkProps["noRel"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            prefetch: {
+                readonly type: PropType<import("#app").NuxtLinkProps["prefetch"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            noPrefetch: {
+                readonly type: PropType<import("#app").NuxtLinkProps["noPrefetch"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            activeClass: {
+                readonly type: PropType<import("#app").NuxtLinkProps["activeClass"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            exactActiveClass: {
+                readonly type: PropType<import("#app").NuxtLinkProps["exactActiveClass"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            prefetchedClass: {
+                readonly type: PropType<import("#app").NuxtLinkProps["prefetchedClass"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            replace: {
+                readonly type: PropType<import("#app").NuxtLinkProps["replace"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            ariaCurrentValue: {
+                readonly type: PropType<import("#app").NuxtLinkProps["ariaCurrentValue"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            external: {
+                readonly type: PropType<import("#app").NuxtLinkProps["external"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+        }>, {
+            ui: import("vue").ComputedRef<{
+                base: string;
+                font: string;
+                rounded: string;
+                truncate: string;
+                block: string;
+                inline: string;
+                size: {
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                };
+                gap: {
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                };
+                padding: {
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                };
+                square: {
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                };
+                color: {
+                    white: {
+                        solid: string;
+                        ghost: string;
+                    };
+                    gray: {
+                        solid: string;
+                        ghost: string;
+                        link: string;
+                    };
+                    black: {
+                        solid: string;
+                        link: string;
+                    };
+                };
+                variant: {
+                    solid: string;
+                    outline: string;
+                    soft: string;
+                    ghost: string;
+                    link: string;
+                };
+                icon: {
+                    base: string;
+                    loading: string;
+                    size: {
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                    };
+                };
+                default: {
+                    size: string;
+                    variant: string;
+                    color: string;
+                    loadingIcon: string;
+                };
+            }>;
+            attrs: import("vue").ComputedRef<Pick<{
+                [x: string]: unknown;
+            }, string>>;
+            isLeading: import("vue").ComputedRef<string | true>;
+            isTrailing: import("vue").ComputedRef<string | true>;
+            isSquare: import("vue").ComputedRef<boolean>;
+            buttonClass: import("vue").ComputedRef<string>;
+            leadingIconName: import("vue").ComputedRef<string>;
+            trailingIconName: import("vue").ComputedRef<string>;
+            leadingIconClass: import("vue").ComputedRef<string>;
+            trailingIconClass: import("vue").ComputedRef<string>;
+            linkProps: import("vue").ComputedRef<{}>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            label: {
+                type: StringConstructor;
+                default: any;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            padded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: PropType<import("../../types/button").ButtonSize>;
+                default: () => string;
+                validator(value: string): boolean;
+            };
+            color: {
+                type: PropType<import("../../types/button").ButtonColor>;
+                default: () => string;
+                validator(value: string): boolean;
+            };
+            variant: {
+                type: PropType<import("../../types/button").ButtonVariant>;
+                default: () => string;
+                validator(value: string): boolean;
+            };
+            icon: {
+                type: StringConstructor;
+                default: any;
+            };
+            loadingIcon: {
+                type: StringConstructor;
+                default: () => string;
+            };
+            leadingIcon: {
+                type: StringConstructor;
+                default: any;
+            };
+            trailingIcon: {
+                type: StringConstructor;
+                default: any;
+            };
+            trailing: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            leading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            square: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            truncate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            class: {
+                type: PropType<any>;
+                default: () => "";
+            };
+            ui: {
+                type: PropType<Partial<{
+                    base: string;
+                    font: string;
+                    rounded: string;
+                    truncate: string;
+                    block: string;
+                    inline: string;
+                    size: {
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                    };
+                    gap: {
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                    };
+                    padding: {
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                    };
+                    square: {
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                    };
+                    color: {
+                        white: {
+                            solid: string;
+                            ghost: string;
+                        };
+                        gray: {
+                            solid: string;
+                            ghost: string;
+                            link: string;
+                        };
+                        black: {
+                            solid: string;
+                            link: string;
+                        };
+                    };
+                    variant: {
+                        solid: string;
+                        outline: string;
+                        soft: string;
+                        ghost: string;
+                        link: string;
+                    };
+                    icon: {
+                        base: string;
+                        loading: string;
+                        size: {
+                            '2xs': string;
+                            xs: string;
+                            sm: string;
+                            md: string;
+                            lg: string;
+                            xl: string;
+                        };
+                    };
+                    default: {
+                        size: string;
+                        variant: string;
+                        color: string;
+                        loadingIcon: string;
+                    };
+                }> & {
+                    strategy?: Strategy;
+                }>;
+                default: () => {};
+            };
+            to: {
+                readonly type: PropType<import("vue-router").RouteLocationRaw>;
+                readonly default: any;
+                readonly required: false;
+            };
+            href: {
+                readonly type: PropType<import("vue-router").RouteLocationRaw>;
+                readonly default: any;
+                readonly required: false;
+            };
+            target: {
+                readonly type: PropType<import("#app").NuxtLinkProps["target"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            rel: {
+                readonly type: PropType<any>;
+                readonly default: any;
+                readonly required: false;
+            };
+            noRel: {
+                readonly type: PropType<import("#app").NuxtLinkProps["noRel"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            prefetch: {
+                readonly type: PropType<import("#app").NuxtLinkProps["prefetch"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            noPrefetch: {
+                readonly type: PropType<import("#app").NuxtLinkProps["noPrefetch"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            activeClass: {
+                readonly type: PropType<import("#app").NuxtLinkProps["activeClass"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            exactActiveClass: {
+                readonly type: PropType<import("#app").NuxtLinkProps["exactActiveClass"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            prefetchedClass: {
+                readonly type: PropType<import("#app").NuxtLinkProps["prefetchedClass"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            replace: {
+                readonly type: PropType<import("#app").NuxtLinkProps["replace"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            ariaCurrentValue: {
+                readonly type: PropType<import("#app").NuxtLinkProps["ariaCurrentValue"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+            external: {
+                readonly type: PropType<import("#app").NuxtLinkProps["external"]>;
+                readonly default: any;
+                readonly required: false;
+            };
+        }>> & Readonly<{}>, {
+            type: string;
+            size: import("../../types/button").ButtonSize;
+            class: any;
+            to: any;
+            disabled: boolean;
+            truncate: boolean;
+            target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
+            activeClass: string;
+            exactActiveClass: string;
+            ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+            replace: boolean;
+            noRel: boolean;
+            prefetch: boolean;
+            noPrefetch: boolean;
+            prefetchedClass: string;
+            external: boolean;
+            leading: boolean;
+            color: import("../../types/button").ButtonColor;
+            variant: import("../../types/button").ButtonVariant;
+            href: any;
+            rel: any;
+            label: string;
+            ui: {};
+            icon: string;
+            block: boolean;
+            square: boolean;
+            loading: boolean;
+            padded: boolean;
+            loadingIcon: string;
+            leadingIcon: string;
+            trailingIcon: string;
+            trailing: boolean;
+        }, {}, {
+            UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                name: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                mode: {
+                    type: PropType<"svg" | "css">;
+                    required: false;
+                    default: any;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    required: false;
+                    default: any;
+                };
+                customize: {
+                    type: FunctionConstructor;
+                    required: false;
+                    default: any;
+                };
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                name: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                mode: {
+                    type: PropType<"svg" | "css">;
+                    required: false;
+                    default: any;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    required: false;
+                    default: any;
+                };
+                customize: {
+                    type: FunctionConstructor;
+                    required: false;
+                    default: any;
+                };
+            }>> & Readonly<{}>, {
+                mode: "svg" | "css";
+                size: string | number;
+                customize: Function;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            ULink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                as: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                exact: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                exactQuery: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                exactHash: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                inactiveClass: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                to: {
+                    readonly type: PropType<import("vue-router").RouteLocationRaw>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                href: {
+                    readonly type: PropType<import("vue-router").RouteLocationRaw>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                target: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["target"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                rel: {
+                    readonly type: PropType<any>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                noRel: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["noRel"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                prefetch: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["prefetch"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                noPrefetch: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["noPrefetch"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                activeClass: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["activeClass"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                exactActiveClass: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["exactActiveClass"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                prefetchedClass: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["prefetchedClass"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                replace: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["replace"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                ariaCurrentValue: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["ariaCurrentValue"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                external: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["external"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+            }>, {
+                resolveLinkClass: (route: any, $route: any, { isActive, isExactActive }: {
+                    isActive: boolean;
+                    isExactActive: boolean;
+                }) => string;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                as: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                exact: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                exactQuery: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                exactHash: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                inactiveClass: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                to: {
+                    readonly type: PropType<import("vue-router").RouteLocationRaw>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                href: {
+                    readonly type: PropType<import("vue-router").RouteLocationRaw>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                target: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["target"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                rel: {
+                    readonly type: PropType<any>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                noRel: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["noRel"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                prefetch: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["prefetch"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                noPrefetch: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["noPrefetch"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                activeClass: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["activeClass"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                exactActiveClass: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["exactActiveClass"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                prefetchedClass: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["prefetchedClass"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                replace: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["replace"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                ariaCurrentValue: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["ariaCurrentValue"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+                external: {
+                    readonly type: PropType<import("#app").NuxtLinkProps["external"]>;
+                    readonly default: any;
+                    readonly required: false;
+                };
+            }>> & Readonly<{}>, {
+                type: string;
+                to: any;
+                disabled: boolean;
+                target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
+                activeClass: string;
+                exactActiveClass: string;
+                ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+                replace: boolean;
+                noRel: boolean;
+                prefetch: boolean;
+                noPrefetch: boolean;
+                prefetchedClass: string;
+                external: boolean;
+                as: string;
+                active: boolean;
+                exact: boolean;
+                exactQuery: boolean;
+                exactHash: boolean;
+                inactiveClass: string;
+                href: any;
+                rel: any;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;