@nuxt/ui 2.19.2 → 2.21.0

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

@@ -182,7 +182,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         exactQuery: {
-            type: BooleanConstructor;
+            type: PropType<boolean | "partial">;
             default: boolean;
         };
         exactHash: {
@@ -285,7 +285,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         exactQuery: {
-            type: BooleanConstructor;
+            type: PropType<boolean | "partial">;
             default: boolean;
         };
         exactHash: {
@@ -378,7 +378,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/CommandPalette.vue.d.ts

@@ -50,7 +50,7 @@ declare const config: {
             };
             avatar: {
                 base: string;
-                size: "2xs";
+                size: import("../../types/avatar").AvatarSize;
             };
             chip: {
                 base: string;
@@ -217,7 +217,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 avatar: {
                     base: string;
-                    size: "2xs";
+                    size: import("../../types/avatar").AvatarSize;
                 };
                 chip: {
                     base: string;
@@ -411,7 +411,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 avatar: {
                     base: string;
-                    size: "2xs";
+                    size: import("../../types/avatar").AvatarSize;
                 };
                 chip: {
                     base: string;
@@ -1287,23 +1287,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;
@@ -1388,6 +1371,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;
@@ -1465,7 +1465,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             exactQuery: {
-                type: BooleanConstructor;
+                type: PropType<boolean | "partial">;
                 default: boolean;
             };
             exactHash: {
@@ -1568,7 +1568,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             exactQuery: {
-                type: BooleanConstructor;
+                type: PropType<boolean | "partial">;
                 default: boolean;
             };
             exactHash: {
@@ -1661,7 +1661,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;
@@ -2108,9 +2108,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;
@@ -2174,6 +2171,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;

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

@@ -441,9 +441,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;
@@ -507,6 +504,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             strategy?: import("../../types/utils").Strategy;
         };
+        as: string | Record<string, any>;
+        text: string;
+        alt: string;
         icon: string;
         src: string | boolean;
         chipColor: import("../../types/avatar").AvatarChipColor;

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

@@ -53,13 +53,13 @@
 
 <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 { useUI } from "../../composables/useUI";
-import { mergeConfig, getULinkProps } from "../../utils";
+import { getULinkProps, mergeConfig, twMerge } from "../../utils";
 import appConfig from "#build/app.config";
 import { horizontalNavigation } from "#ui/ui.config";
 const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.horizontalNavigation, horizontalNavigation);

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

@@ -18,13 +18,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;
     };
 };
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -60,13 +60,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;
         };
     }>;
     attrs: import("vue").ComputedRef<Pick<{
@@ -110,13 +110,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>;
     } & {
         [key: string]: any;
@@ -468,9 +468,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;
@@ -534,6 +531,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;
@@ -607,6 +607,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: () => "";
@@ -622,6 +642,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;
@@ -639,6 +665,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;
@@ -653,7 +688,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>;
@@ -674,6 +715,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: () => "";
@@ -689,6 +750,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;
@@ -706,6 +773,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;
@@ -719,9 +795,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;
@@ -732,6 +805,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;
@@ -749,6 +828,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;
@@ -759,7 +847,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;
@@ -782,7 +924,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         exactQuery: {
-            type: BooleanConstructor;
+            type: PropType<boolean | "partial">;
             default: boolean;
         };
         exactHash: {
@@ -885,7 +1027,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         exactQuery: {
-            type: BooleanConstructor;
+            type: PropType<boolean | "partial">;
             default: boolean;
         };
         exactHash: {
@@ -978,7 +1120,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;