@nuxt/ui 2.19.2 → 2.21.0

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

@@ -8,28 +8,28 @@ declare const config: {
     default: {
         size: string;
         activeButton: {
-            color: "primary";
+            color: import("../../types/button").ButtonColor;
         };
         inactiveButton: {
-            color: "white";
+            color: import("../../types/button").ButtonColor;
         };
         firstButton: {
-            color: "white";
+            color: import("../../types/button").ButtonColor;
             class: string;
             icon: string;
         };
         lastButton: {
-            color: "white";
+            color: import("../../types/button").ButtonColor;
             class: string;
             icon: string;
         };
         prevButton: {
-            color: "white";
+            color: import("../../types/button").ButtonColor;
             class: string;
             icon: string;
         };
         nextButton: {
-            color: "white";
+            color: import("../../types/button").ButtonColor;
             class: string;
             icon: string;
         };
@@ -120,28 +120,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: {
             size: string;
             activeButton: {
-                color: "primary";
+                color: import("../../types/button").ButtonColor;
             };
             inactiveButton: {
-                color: "white";
+                color: import("../../types/button").ButtonColor;
             };
             firstButton: {
-                color: "white";
+                color: import("../../types/button").ButtonColor;
                 class: string;
                 icon: string;
             };
             lastButton: {
-                color: "white";
+                color: import("../../types/button").ButtonColor;
                 class: string;
                 icon: string;
             };
             prevButton: {
-                color: "white";
+                color: import("../../types/button").ButtonColor;
                 class: string;
                 icon: string;
             };
             nextButton: {
-                color: "white";
+                color: import("../../types/button").ButtonColor;
                 class: string;
                 icon: string;
             };
@@ -252,28 +252,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default?: DeepPartial<{
             size: string;
             activeButton: {
-                color: "primary";
+                color: import("../../types/button").ButtonColor;
             };
             inactiveButton: {
-                color: "white";
+                color: import("../../types/button").ButtonColor;
             };
             firstButton: {
-                color: "white";
+                color: import("../../types/button").ButtonColor;
                 class: string;
                 icon: string;
             };
             lastButton: {
-                color: "white";
+                color: import("../../types/button").ButtonColor;
                 class: string;
                 icon: string;
             };
             prevButton: {
-                color: "white";
+                color: import("../../types/button").ButtonColor;
                 class: string;
                 icon: string;
             };
             nextButton: {
-                color: "white";
+                color: import("../../types/button").ButtonColor;
                 class: string;
                 icon: string;
             };
@@ -845,23 +845,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         class: any;
         to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         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: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
-        rel: any;
-        label: string;
         ui: {
             base?: string;
             font?: string;
@@ -946,6 +929,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             strategy?: Strategy;
         };
+        color: import("../../types/button").ButtonColor;
+        variant: import("../../types/button").ButtonVariant;
+        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;
+        href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
+        rel: any;
+        label: string;
         icon: string;
         block: boolean;
         square: boolean;
@@ -1023,7 +1023,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             exactQuery: {
-                type: BooleanConstructor;
+                type: PropType<boolean | "partial">;
                 default: boolean;
             };
             exactHash: {
@@ -1126,7 +1126,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             exactQuery: {
-                type: BooleanConstructor;
+                type: PropType<boolean | "partial">;
                 default: boolean;
             };
             exactHash: {
@@ -1219,7 +1219,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             as: string;
             active: boolean;
             exact: boolean;
-            exactQuery: boolean;
+            exactQuery: boolean | "partial";
             exactHash: boolean;
             inactiveClass: string;
             href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;

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

@@ -154,8 +154,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }>, {
     class: any;
-    content: boolean;
-    orientation: "horizontal" | "vertical";
     ui: {
         wrapper?: string;
         container?: string;
@@ -194,6 +192,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    content: boolean;
+    orientation: "horizontal" | "vertical";
     modelValue: number;
     unmount: boolean;
     items: TabItem[];

package/dist/runtime/components/navigation/VerticalNavigation.vue

@@ -54,14 +54,14 @@
 
 <script>
 import { toRef, defineComponent, computed } from "vue";
-import { twMerge, twJoin } from "tailwind-merge";
+import { twJoin } from "tailwind-merge";
 import UIcon from "../elements/Icon.vue";
 import UAvatar from "../elements/Avatar.vue";
 import UBadge from "../elements/Badge.vue";
 import ULink from "../elements/Link.vue";
 import UDivider from "../layout/Divider.vue";
 import { useUI } from "../../composables/useUI";
-import { mergeConfig, getULinkProps } from "../../utils";
+import { getULinkProps, mergeConfig, twMerge } from "../../utils";
 import appConfig from "#build/app.config";
 import { verticalNavigation } from "#ui/ui.config";
 const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.verticalNavigation, verticalNavigation);

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

@@ -20,13 +20,13 @@ declare const config: {
     };
     avatar: {
         base: string;
-        size: "2xs";
+        size: import("../../types/avatar").AvatarSize;
     };
     badge: {
         base: string;
-        color: "gray";
-        variant: "solid";
-        size: "xs";
+        color: import("../../types/badge").BadgeColor;
+        variant: import("../../types/badge").BadgeVariant;
+        size: import("../../types/badge").BadgeSize;
     };
     divider: {
         wrapper: {
@@ -69,13 +69,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         avatar: {
             base: string;
-            size: "2xs";
+            size: import("../../types/avatar").AvatarSize;
         };
         badge: {
             base: string;
-            color: "gray";
-            variant: "solid";
-            size: "xs";
+            color: import("../../types/badge").BadgeColor;
+            variant: import("../../types/badge").BadgeVariant;
+            size: import("../../types/badge").BadgeSize;
         };
         divider: {
             wrapper: {
@@ -126,13 +126,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, any>;
         avatar?: DeepPartial<{
             base: string;
-            size: "2xs";
+            size: import("../../types/avatar").AvatarSize;
         }, any>;
         badge?: DeepPartial<{
             base: string;
-            color: "gray";
-            variant: "solid";
-            size: "xs";
+            color: import("../../types/badge").BadgeColor;
+            variant: import("../../types/badge").BadgeVariant;
+            size: import("../../types/badge").BadgeSize;
         }, any>;
         divider?: DeepPartial<{
             wrapper: {
@@ -489,9 +489,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         size: import("../../types/avatar").AvatarSize;
         class: any;
-        as: string | Record<string, any>;
-        text: string;
-        alt: string;
         ui: {
             wrapper?: string;
             background?: string;
@@ -555,6 +552,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             strategy?: Strategy;
         };
+        as: string | Record<string, any>;
+        text: string;
+        alt: string;
         icon: string;
         src: string | boolean;
         chipColor: import("../../types/avatar").AvatarChipColor;
@@ -628,6 +628,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: (StringConstructor | NumberConstructor)[];
             default: any;
         };
+        icon: {
+            type: StringConstructor;
+            default: any;
+        };
+        leadingIcon: {
+            type: StringConstructor;
+            default: any;
+        };
+        trailingIcon: {
+            type: StringConstructor;
+            default: any;
+        };
+        trailing: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        leading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         class: {
             type: PropType<any>;
             default: () => "";
@@ -643,6 +663,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     md: string;
                     lg: string;
                 };
+                gap: {
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                };
                 color: {
                     white: {
                         solid: string;
@@ -660,6 +686,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     soft: string;
                     subtle: string;
                 };
+                icon: {
+                    base: string;
+                    size: {
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                    };
+                };
                 default: {
                     size: string;
                     variant: string;
@@ -674,7 +709,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         attrs: import("vue").ComputedRef<Pick<{
             [x: string]: unknown;
         }, string>>;
+        isLeading: import("vue").ComputedRef<string | true>;
+        isTrailing: import("vue").ComputedRef<string | true>;
         badgeClass: import("vue").ComputedRef<string>;
+        leadingIconName: import("vue").ComputedRef<string>;
+        trailingIconName: import("vue").ComputedRef<string>;
+        leadingIconClass: import("vue").ComputedRef<string>;
+        trailingIconClass: import("vue").ComputedRef<string>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         size: {
             type: PropType<import("../../types/badge").BadgeSize>;
@@ -695,6 +736,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: (StringConstructor | NumberConstructor)[];
             default: any;
         };
+        icon: {
+            type: StringConstructor;
+            default: any;
+        };
+        leadingIcon: {
+            type: StringConstructor;
+            default: any;
+        };
+        trailingIcon: {
+            type: StringConstructor;
+            default: any;
+        };
+        trailing: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        leading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         class: {
             type: PropType<any>;
             default: () => "";
@@ -710,6 +771,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     md: string;
                     lg: string;
                 };
+                gap: {
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                };
                 color: {
                     white: {
                         solid: string;
@@ -727,6 +794,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     soft: string;
                     subtle: string;
                 };
+                icon: {
+                    base: string;
+                    size: {
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                    };
+                };
                 default: {
                     size: string;
                     variant: string;
@@ -740,9 +816,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         size: import("../../types/badge").BadgeSize;
         class: any;
-        color: import("../../types/badge").BadgeColor;
-        variant: import("../../types/badge").BadgeVariant;
-        label: string | number;
         ui: {
             base?: string;
             rounded?: string;
@@ -753,6 +826,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 md: string;
                 lg: string;
             }, any>;
+            gap?: DeepPartial<{
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+            }, any>;
             color?: DeepPartial<{
                 white: {
                     solid: string;
@@ -770,6 +849,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 soft: string;
                 subtle: string;
             }, any>;
+            icon?: DeepPartial<{
+                base: string;
+                size: {
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                };
+            }, any>;
             default?: DeepPartial<{
                 size: string;
                 variant: string;
@@ -780,7 +868,61 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             strategy?: Strategy;
         };
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        color: import("../../types/badge").BadgeColor;
+        variant: import("../../types/badge").BadgeVariant;
+        leading: boolean;
+        label: string | number;
+        icon: 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>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     ULink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         as: {
             type: StringConstructor;
@@ -803,7 +945,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         exactQuery: {
-            type: BooleanConstructor;
+            type: PropType<boolean | "partial">;
             default: boolean;
         };
         exactHash: {
@@ -906,7 +1048,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         exactQuery: {
-            type: BooleanConstructor;
+            type: PropType<boolean | "partial">;
             default: boolean;
         };
         exactHash: {
@@ -999,7 +1141,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         as: string;
         active: boolean;
         exact: boolean;
-        exactQuery: boolean;
+        exactQuery: boolean | "partial";
         exactHash: boolean;
         inactiveClass: string;
         href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
@@ -1020,7 +1162,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         size: {
             type: PropType<import("../../types/divider").DividerSize>;
-            default: () => "2xs";
+            default: () => string;
             validator(value: string): boolean;
         };
         orientation: {
@@ -1030,7 +1172,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         type: {
             type: PropType<"solid" | "dotted" | "dashed">;
-            default: () => "solid";
+            default: () => string;
             validator: (value: string) => boolean;
         };
         class: {
@@ -1082,12 +1224,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 avatar: {
                     base: string;
-                    size: "2xs";
+                    size: import("../../types/avatar").AvatarSize;
                 };
                 label: string;
                 default: {
-                    size: "2xs";
-                    type: "solid";
+                    size: string;
+                    type: string;
                 };
             }> & {
                 strategy?: Strategy;
@@ -1139,12 +1281,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             avatar: {
                 base: string;
-                size: "2xs";
+                size: import("../../types/avatar").AvatarSize;
             };
             label: string;
             default: {
-                size: "2xs";
-                type: "solid";
+                size: string;
+                type: string;
             };
         }>;
         attrs: import("vue").ComputedRef<Pick<{
@@ -1168,7 +1310,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         size: {
             type: PropType<import("../../types/divider").DividerSize>;
-            default: () => "2xs";
+            default: () => string;
             validator(value: string): boolean;
         };
         orientation: {
@@ -1178,7 +1320,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         type: {
             type: PropType<"solid" | "dotted" | "dashed">;
-            default: () => "solid";
+            default: () => string;
             validator: (value: string) => boolean;
         };
         class: {
@@ -1230,12 +1372,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 avatar: {
                     base: string;
-                    size: "2xs";
+                    size: import("../../types/avatar").AvatarSize;
                 };
                 label: string;
                 default: {
-                    size: "2xs";
-                    type: "solid";
+                    size: string;
+                    type: string;
                 };
             }> & {
                 strategy?: Strategy;
@@ -1246,9 +1388,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: "solid" | "dotted" | "dashed";
         size: import("../../types/divider").DividerSize;
         class: any;
-        avatar: import("../../types/avatar").Avatar;
-        label: string;
-        orientation: "horizontal" | "vertical";
         ui: {
             wrapper?: DeepPartial<{
                 base: string;
@@ -1293,18 +1432,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, any>;
             avatar?: DeepPartial<{
                 base: string;
-                size: "2xs";
+                size: import("../../types/avatar").AvatarSize;
             }, any>;
             label?: string;
             default?: DeepPartial<{
-                size: "2xs";
-                type: "solid";
+                size: string;
+                type: string;
             }, any>;
         } & {
             [key: string]: any;
         } & {
             strategy?: Strategy;
         };
+        avatar: import("../../types/avatar").Avatar;
+        label: string;
+        orientation: "horizontal" | "vertical";
         icon: string;
     }, {}, {
         UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1650,9 +1792,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>> & Readonly<{}>, {
             size: import("../../types/avatar").AvatarSize;
             class: any;
-            as: string | Record<string, any>;
-            text: string;
-            alt: string;
             ui: {
                 wrapper?: string;
                 background?: string;
@@ -1716,6 +1855,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } & {
                 strategy?: Strategy;
             };
+            as: string | Record<string, any>;
+            text: string;
+            alt: string;
             icon: string;
             src: string | boolean;
             chipColor: import("../../types/avatar").AvatarChipColor;