@nuxt/ui 2.18.5 → 2.18.7

package/dist/runtime/components/forms/Textarea.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { TextareaSize, TextareaColor, TextareaVariant, Strategy } from '../../types/index.js';
+import type { TextareaSize, TextareaColor, TextareaVariant, Strategy, DeepPartial } from '../../types/index.js';
 declare const config: {
     form: string;
     default: {
@@ -110,7 +110,7 @@ declare const config: {
 };
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: PropType<string | number | null>;
         default: string;
     };
     id: {
@@ -185,7 +185,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: () => {};
@@ -319,7 +319,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onBlur: (event: FocusEvent) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "update:modelValue")[], "blur" | "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: PropType<string | number | null>;
         default: string;
     };
     id: {
@@ -394,7 +394,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: () => {};
@@ -420,7 +420,118 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     resize: boolean;
     color: TextareaColor;
     variant: TextareaVariant;
-    ui: {};
+    ui: {
+        form?: string;
+        default?: DeepPartial<{
+            size: string;
+            color: string;
+            variant: string;
+        }, any>;
+        wrapper?: string;
+        base?: string;
+        rounded?: string;
+        placeholder?: string;
+        file?: DeepPartial<{
+            base: string;
+        }, any>;
+        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>;
+        leading?: DeepPartial<{
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        }, any>;
+        trailing?: DeepPartial<{
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        }, any>;
+        color?: DeepPartial<{
+            white: {
+                outline: string;
+            };
+            gray: {
+                outline: string;
+            };
+        }, any>;
+        variant?: DeepPartial<{
+            outline: string;
+            none: string;
+        }, any>;
+        icon?: DeepPartial<{
+            base: string;
+            color: string;
+            loading: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+            leading: {
+                wrapper: string;
+                pointer: string;
+                padding: {
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                };
+            };
+            trailing: {
+                wrapper: string;
+                pointer: string;
+                padding: {
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                };
+            };
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     id: string;
     modelValue: string | number;
     padded: boolean;
@@ -428,7 +539,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     placeholder: string;
     autofocus: boolean;
     autofocusDelay: number;
-    modelModifiers: {};
+    modelModifiers: {
+        trim?: boolean;
+        lazy?: boolean;
+        number?: boolean;
+    };
     maxrows: number;
     autoresize: boolean;
     textareaClass: string;

package/dist/runtime/components/forms/Toggle.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { ToggleSize, ToggleColor, Strategy } from '../../types/index.js';
+import type { ToggleSize, ToggleColor, Strategy, DeepPartial } from '../../types/index.js';
 declare const config: {
     base: string;
     rounded: string;
@@ -72,7 +72,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: any;
     };
     modelValue: {
-        type: BooleanConstructor;
+        type: PropType<boolean | null>;
         default: boolean;
     };
     disabled: {
@@ -110,7 +110,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: () => {};
@@ -199,7 +199,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: any;
     };
     modelValue: {
-        type: BooleanConstructor;
+        type: PropType<boolean | null>;
         default: boolean;
     };
     disabled: {
@@ -237,7 +237,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: () => {};
@@ -251,7 +251,72 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     class: any;
     disabled: boolean;
     color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
-    ui: {};
+    ui: {
+        base?: string;
+        rounded?: string;
+        ring?: string;
+        active?: string;
+        inactive?: string;
+        size?: DeepPartial<{
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        }, any>;
+        container?: DeepPartial<{
+            base: string;
+            active: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+            inactive: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+        }, any>;
+        icon?: DeepPartial<{
+            base: string;
+            active: string;
+            inactive: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+            on: string;
+            off: string;
+            loading: string;
+        }, any>;
+        default?: DeepPartial<{
+            onIcon: any;
+            offIcon: any;
+            loadingIcon: string;
+            color: string;
+            size: string;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     id: string;
     modelValue: boolean;
     loading: boolean;

package/dist/runtime/components/layout/Card.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { Strategy } from '../../types/index.js';
+import type { DeepPartial, Strategy } from '../../types/index.js';
 declare const config: {
     base: string;
     background: string;
@@ -33,7 +33,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: () => {};
@@ -76,7 +76,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: () => {};
@@ -84,6 +84,32 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     class: any;
     as: string;
-    ui: {};
+    ui: {
+        base?: string;
+        background?: string;
+        divide?: string;
+        ring?: string;
+        rounded?: string;
+        shadow?: string;
+        body?: DeepPartial<{
+            base: string;
+            background: string;
+            padding: string;
+        }, any>;
+        header?: DeepPartial<{
+            base: string;
+            background: string;
+            padding: string;
+        }, any>;
+        footer?: DeepPartial<{
+            base: string;
+            background: string;
+            padding: string;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/layout/Container.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { Strategy } from '../../types/index.js';
+import type { DeepPartial, Strategy } from '../../types/index.js';
 declare const config: {
     base: string;
     padding: string;
@@ -15,7 +15,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: () => {};
@@ -40,7 +40,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: () => {};
@@ -48,6 +48,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     class: any;
     as: string;
-    ui: {};
+    ui: {
+        base?: string;
+        padding?: string;
+        constrained?: string;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/layout/Divider.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { Avatar, DividerSize, Strategy } from '../../types/index.js';
+import type { Avatar, DeepPartial, DividerSize, Strategy } from '../../types/index.js';
 declare const config: {
     wrapper: {
         base: string;
@@ -84,7 +84,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: () => {};
@@ -180,7 +180,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: () => {};
@@ -189,10 +189,64 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     type: "solid" | "dotted" | "dashed";
     size: DividerSize;
     class: any;
-    avatar: any;
+    avatar: Avatar;
     label: string;
     orientation: "horizontal" | "vertical";
-    ui: {};
+    ui: {
+        wrapper?: DeepPartial<{
+            base: string;
+            horizontal: string;
+            vertical: string;
+        }, any>;
+        container?: DeepPartial<{
+            base: string;
+            horizontal: string;
+            vertical: string;
+        }, any>;
+        border?: DeepPartial<{
+            base: string;
+            horizontal: string;
+            vertical: string;
+            size: {
+                horizontal: {
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                };
+                vertical: {
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                };
+            };
+            type: {
+                solid: string;
+                dotted: string;
+                dashed: string;
+            };
+        }, any>;
+        icon?: DeepPartial<{
+            base: string;
+        }, any>;
+        avatar?: DeepPartial<{
+            base: string;
+            size: "2xs";
+        }, any>;
+        label?: string;
+        default?: DeepPartial<{
+            size: "2xs";
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     icon: string;
 }, {}, {
     UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -289,7 +343,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 wrapper: string;
                 background: string;
                 rounded: string;
@@ -472,7 +526,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 wrapper: string;
                 background: string;
                 rounded: string;
@@ -541,7 +595,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;

package/dist/runtime/components/layout/Skeleton.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { Strategy } from '../../types/index.js';
+import type { DeepPartial, Strategy } from '../../types/index.js';
 declare const config: {
     base: string;
     background: string;
@@ -15,7 +15,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: () => {};
@@ -40,7 +40,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: () => {};
@@ -48,6 +48,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     class: any;
     as: string;
-    ui: {};
+    ui: {
+        base?: string;
+        background?: string;
+        rounded?: string;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import { twJoin } from 'tailwind-merge';
-import type { BreadcrumbLink, Strategy } from '../../types/index.js';
+import type { BreadcrumbLink, DeepPartial, Strategy } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     ol: string;
@@ -35,7 +35,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: () => {};
@@ -81,14 +81,37 @@ 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;
+        ol?: string;
+        li?: string;
+        base?: string;
+        label?: string;
+        icon?: DeepPartial<{
+            base: string;
+            active: string;
+            inactive: string;
+        }, any>;
+        divider?: DeepPartial<{
+            base: string;
+        }, any>;
+        active?: string;
+        inactive?: string;
+        default?: DeepPartial<{
+            divider: string;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     divider: string;
     links: BreadcrumbLink[];
 }, {}, {
@@ -340,7 +363,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;
@@ -358,7 +381,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>;