@nuxt/ui 2.18.5 → 2.18.7

package/dist/runtime/components/navigation/HorizontalNavigation.vue.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import { twJoin } from 'tailwind-merge';
-import type { HorizontalNavigationLink, Strategy } from '../../types/index.js';
+import type { DeepPartial, HorizontalNavigationLink, Strategy } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     container: string;
@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -86,14 +86,43 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
 }>> & Readonly<{}>, {
     class: any;
-    ui: {};
+    ui: {
+        wrapper?: string;
+        container?: string;
+        inner?: string;
+        base?: string;
+        before?: string;
+        after?: string;
+        active?: string;
+        inactive?: string;
+        label?: string;
+        icon?: DeepPartial<{
+            base: string;
+            active: string;
+            inactive: string;
+        }, any>;
+        avatar?: DeepPartial<{
+            base: string;
+            size: "2xs";
+        }, any>;
+        badge?: DeepPartial<{
+            base: string;
+            color: "gray";
+            variant: "solid";
+            size: "xs";
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     links: HorizontalNavigationLink[] | HorizontalNavigationLink[][];
 }, {}, {
     UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -190,7 +219,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 wrapper: string;
                 background: string;
                 rounded: string;
@@ -373,7 +402,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 wrapper: string;
                 background: string;
                 rounded: string;
@@ -442,7 +471,69 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         as: string | Record<string, any>;
         text: string;
         alt: string;
-        ui: {};
+        ui: {
+            wrapper?: string;
+            background?: string;
+            rounded?: string;
+            text?: string;
+            placeholder?: string;
+            size?: DeepPartial<{
+                '3xs': string;
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+                '3xl': string;
+            }, any>;
+            chip?: DeepPartial<{
+                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;
+                };
+            }, any>;
+            icon?: DeepPartial<{
+                base: string;
+                size: {
+                    '3xs': string;
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                    '2xl': string;
+                    '3xl': string;
+                };
+            }, any>;
+            default?: DeepPartial<{
+                size: string;
+                icon: any;
+                chipColor: any;
+                chipPosition: string;
+            }, any>;
+        } & {
+            [key: string]: any;
+        } & {
+            strategy?: Strategy;
+        };
         icon: string;
         src: string | boolean;
         chipColor: import("../../types/avatar").AvatarChipColor;
@@ -521,7 +612,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 base: string;
                 rounded: string;
                 font: string;
@@ -588,7 +679,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 base: string;
                 rounded: string;
                 font: string;
@@ -631,7 +722,43 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         color: import("../../types/badge").BadgeColor;
         variant: import("../../types/badge").BadgeVariant;
         label: string | number;
-        ui: {};
+        ui: {
+            base?: string;
+            rounded?: string;
+            font?: string;
+            size?: DeepPartial<{
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+            }, any>;
+            color?: DeepPartial<{
+                white: {
+                    solid: string;
+                };
+                gray: {
+                    solid: string;
+                };
+                black: {
+                    solid: string;
+                };
+            }, any>;
+            variant?: DeepPartial<{
+                solid: string;
+                outline: string;
+                soft: string;
+                subtle: string;
+            }, any>;
+            default?: DeepPartial<{
+                size: string;
+                variant: string;
+                color: string;
+            }, any>;
+        } & {
+            [key: string]: any;
+        } & {
+            strategy?: Strategy;
+        };
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     ULink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         as: {
@@ -836,7 +963,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{}>, {
         type: string;
-        to: any;
+        to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         disabled: boolean;
         target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
         activeClass: string;
@@ -854,7 +981,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         exactQuery: boolean;
         exactHash: boolean;
         inactiveClass: string;
-        href: any;
+        href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         rel: any;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/navigation/Pagination.vue.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import type { RouteLocationRaw } from '#vue-router';
-import type { Button, ButtonSize, Strategy } from '../../types/index.js';
+import type { Button, ButtonSize, DeepPartial, Strategy } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     base: string;
@@ -107,7 +107,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -232,7 +232,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -245,7 +245,44 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     to: (page: number) => RouteLocationRaw;
     disabled: boolean;
     max: number;
-    ui: {};
+    ui: {
+        wrapper?: string;
+        base?: string;
+        rounded?: string;
+        default?: DeepPartial<{
+            size: string;
+            activeButton: {
+                color: "primary";
+            };
+            inactiveButton: {
+                color: "white";
+            };
+            firstButton: {
+                color: "white";
+                class: string;
+                icon: string;
+            };
+            lastButton: {
+                color: "white";
+                class: string;
+                icon: string;
+            };
+            prevButton: {
+                color: "white";
+                class: string;
+                icon: string;
+            };
+            nextButton: {
+                color: "white";
+                class: string;
+                icon: string;
+            };
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     prevButton: Button;
     nextButton: Button;
     divider: string;
@@ -334,7 +371,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 base: string;
                 font: string;
                 rounded: string;
@@ -653,7 +690,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 base: string;
                 font: string;
                 rounded: string;
@@ -806,7 +843,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: string;
         size: ButtonSize;
         class: any;
-        to: any;
+        to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         disabled: boolean;
         truncate: boolean;
         target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
@@ -822,10 +859,93 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         leading: boolean;
         color: import("../../types/button").ButtonColor;
         variant: import("../../types/button").ButtonVariant;
-        href: any;
+        href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         rel: any;
         label: string;
-        ui: {};
+        ui: {
+            base?: string;
+            font?: string;
+            rounded?: string;
+            truncate?: string;
+            block?: string;
+            inline?: string;
+            size?: DeepPartial<{
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            }, any>;
+            gap?: DeepPartial<{
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            }, any>;
+            padding?: DeepPartial<{
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            }, any>;
+            square?: DeepPartial<{
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            }, any>;
+            color?: DeepPartial<{
+                white: {
+                    solid: string;
+                    ghost: string;
+                };
+                gray: {
+                    solid: string;
+                    ghost: string;
+                    link: string;
+                };
+                black: {
+                    solid: string;
+                    link: string;
+                };
+            }, any>;
+            variant?: DeepPartial<{
+                solid: string;
+                outline: string;
+                soft: string;
+                ghost: string;
+                link: string;
+            }, any>;
+            icon?: DeepPartial<{
+                base: string;
+                loading: string;
+                size: {
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                };
+            }, any>;
+            default?: DeepPartial<{
+                size: string;
+                variant: string;
+                color: string;
+                loadingIcon: string;
+            }, any>;
+        } & {
+            [key: string]: any;
+        } & {
+            strategy?: Strategy;
+        };
         icon: string;
         block: boolean;
         square: boolean;
@@ -1084,7 +1204,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{}>, {
             type: string;
-            to: any;
+            to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
             disabled: boolean;
             target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
             activeClass: string;
@@ -1102,7 +1222,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             exactQuery: boolean;
             exactHash: boolean;
             inactiveClass: string;
-            href: any;
+            href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
             rel: any;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/navigation/Tabs.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { TabItem, Strategy } from '../../types/index.js';
+import type { TabItem, Strategy, DeepPartial } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     container: string;
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -144,7 +144,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -156,7 +156,44 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     class: any;
     content: boolean;
     orientation: "horizontal" | "vertical";
-    ui: {};
+    ui: {
+        wrapper?: string;
+        container?: string;
+        base?: string;
+        list?: DeepPartial<{
+            base: string;
+            background: string;
+            rounded: string;
+            shadow: string;
+            padding: string;
+            height: string;
+            width: string;
+            marker: {
+                wrapper: string;
+                base: string;
+                background: string;
+                rounded: string;
+                shadow: string;
+            };
+            tab: {
+                base: string;
+                background: string;
+                active: string;
+                inactive: string;
+                height: string;
+                padding: string;
+                size: string;
+                font: string;
+                rounded: string;
+                shadow: string;
+                icon: string;
+            };
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     modelValue: number;
     unmount: boolean;
     items: TabItem[];