@nuxt/ui 2.21.0 → 2.22.0

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

@@ -18,13 +18,13 @@ declare const config: {
     };
     avatar: {
         base: string;
-        size: import("../../types/avatar").AvatarSize;
+        size: import("../../types/avatar.js").AvatarSize;
     };
     badge: {
         base: string;
-        color: import("../../types/badge").BadgeColor;
-        variant: import("../../types/badge").BadgeVariant;
-        size: import("../../types/badge").BadgeSize;
+        color: import("../../types/badge.js").BadgeColor;
+        variant: import("../../types/badge.js").BadgeVariant;
+        size: import("../../types/badge.js").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: import("../../types/avatar").AvatarSize;
+            size: import("../../types/avatar.js").AvatarSize;
         };
         badge: {
             base: string;
-            color: import("../../types/badge").BadgeColor;
-            variant: import("../../types/badge").BadgeVariant;
-            size: import("../../types/badge").BadgeSize;
+            color: import("../../types/badge.js").BadgeColor;
+            variant: import("../../types/badge.js").BadgeVariant;
+            size: import("../../types/badge.js").BadgeSize;
         };
     }>;
     attrs: import("vue").ComputedRef<Pick<{
@@ -92,7 +92,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    class: any;
     ui: {
         wrapper?: string;
         container?: string;
@@ -110,19 +109,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, any>;
         avatar?: DeepPartial<{
             base: string;
-            size: import("../../types/avatar").AvatarSize;
+            size: import("../../types/avatar.js").AvatarSize;
         }, any>;
         badge?: DeepPartial<{
             base: string;
-            color: import("../../types/badge").BadgeColor;
-            variant: import("../../types/badge").BadgeVariant;
-            size: import("../../types/badge").BadgeSize;
+            color: import("../../types/badge.js").BadgeColor;
+            variant: import("../../types/badge.js").BadgeVariant;
+            size: import("../../types/badge.js").BadgeSize;
         }, any>;
     } & {
         [key: string]: any;
     } & {
         strategy?: Strategy;
     };
+    class: any;
     links: HorizontalNavigationLink[] | HorizontalNavigationLink[][];
 }, {}, {
     UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -192,17 +192,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => any;
         };
         size: {
-            type: PropType<import("../../types/avatar").AvatarSize>;
+            type: PropType<import("../../types/avatar.js").AvatarSize>;
             default: () => string;
             validator(value: string): boolean;
         };
         chipColor: {
-            type: PropType<import("../../types/avatar").AvatarChipColor>;
+            type: PropType<import("../../types/avatar.js").AvatarChipColor>;
             default: () => any;
             validator(value: string): boolean;
         };
         chipPosition: {
-            type: PropType<import("../../types/avatar").AvatarChipPosition>;
+            type: PropType<import("../../types/avatar.js").AvatarChipPosition>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -375,17 +375,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => any;
         };
         size: {
-            type: PropType<import("../../types/avatar").AvatarSize>;
+            type: PropType<import("../../types/avatar.js").AvatarSize>;
             default: () => string;
             validator(value: string): boolean;
         };
         chipColor: {
-            type: PropType<import("../../types/avatar").AvatarChipColor>;
+            type: PropType<import("../../types/avatar.js").AvatarChipColor>;
             default: () => any;
             validator(value: string): boolean;
         };
         chipPosition: {
-            type: PropType<import("../../types/avatar").AvatarChipPosition>;
+            type: PropType<import("../../types/avatar.js").AvatarChipPosition>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -466,8 +466,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => {};
         };
     }>> & Readonly<{}>, {
-        size: import("../../types/avatar").AvatarSize;
-        class: any;
+        size: import("../../types/avatar.js").AvatarSize;
         ui: {
             wrapper?: string;
             background?: string;
@@ -532,11 +531,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             strategy?: Strategy;
         };
         as: string | Record<string, any>;
-        text: string;
         alt: string;
         icon: string;
+        class: any;
+        text: string;
         src: string | boolean;
-        chipColor: import("../../types/avatar").AvatarChipColor;
+        chipColor: import("../../types/avatar.js").AvatarChipColor;
         chipPosition: "top-right" | "bottom-right" | "top-left" | "bottom-left";
         chipText: string | number;
         imgClass: string;
@@ -589,17 +589,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     UBadge: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         size: {
-            type: PropType<import("../../types/badge").BadgeSize>;
+            type: PropType<import("../../types/badge.js").BadgeSize>;
             default: () => string;
             validator(value: string): boolean;
         };
         color: {
-            type: PropType<import("../../types/badge").BadgeColor>;
+            type: PropType<import("../../types/badge.js").BadgeColor>;
             default: () => string;
             validator(value: string): boolean;
         };
         variant: {
-            type: PropType<import("../../types/badge").BadgeVariant>;
+            type: PropType<import("../../types/badge.js").BadgeVariant>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -697,17 +697,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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>;
+            type: PropType<import("../../types/badge.js").BadgeSize>;
             default: () => string;
             validator(value: string): boolean;
         };
         color: {
-            type: PropType<import("../../types/badge").BadgeColor>;
+            type: PropType<import("../../types/badge.js").BadgeColor>;
             default: () => string;
             validator(value: string): boolean;
         };
         variant: {
-            type: PropType<import("../../types/badge").BadgeVariant>;
+            type: PropType<import("../../types/badge.js").BadgeVariant>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -793,8 +793,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => {};
         };
     }>> & Readonly<{}>, {
-        size: import("../../types/badge").BadgeSize;
-        class: any;
+        size: import("../../types/badge.js").BadgeSize;
         ui: {
             base?: string;
             rounded?: string;
@@ -847,11 +846,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             strategy?: Strategy;
         };
-        color: import("../../types/badge").BadgeColor;
-        variant: import("../../types/badge").BadgeVariant;
+        color: import("../../types/badge.js").BadgeColor;
+        variant: import("../../types/badge.js").BadgeVariant;
         leading: boolean;
-        label: string | number;
         icon: string;
+        class: any;
+        label: string | number;
         leadingIcon: string;
         trailingIcon: string;
         trailing: boolean;
@@ -1105,9 +1105,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{}>, {
         type: string;
-        to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
-        disabled: boolean;
         target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
+        to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         activeClass: string;
         exactActiveClass: string;
         ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
@@ -1118,6 +1117,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         prefetchedClass: string;
         external: boolean;
         as: string;
+        disabled: boolean;
         active: boolean;
         exact: boolean;
         exactQuery: boolean | "partial";

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

@@ -7,7 +7,7 @@
         :to="to?.(1)"
         :disabled="!canGoFirstOrPrev || disabled"
         :class="[ui.base, ui.rounded]"
-        v-bind="{ ...(ui.default.firstButton || {}), ...firstButton }"
+        v-bind="{ ...ui.default.firstButton || {}, ...firstButton }"
         :ui="{ rounded: '' }"
         aria-label="First"
         @click="onClickFirst"
@@ -21,7 +21,7 @@
         :to="to?.(currentPage - 1)"
         :disabled="!canGoFirstOrPrev || disabled"
         :class="[ui.base, ui.rounded]"
-        v-bind="{ ...(ui.default.prevButton || {}), ...prevButton }"
+        v-bind="{ ...ui.default.prevButton || {}, ...prevButton }"
         :ui="{ rounded: '' }"
         aria-label="Prev"
         @click="onClickPrev"
@@ -35,7 +35,7 @@
       :size="size"
       :disabled="disabled"
       :label="`${page}`"
-      v-bind="page === currentPage ? { ...(ui.default.activeButton || {}), ...activeButton } : { ...(ui.default.inactiveButton || {}), ...inactiveButton }"
+      v-bind="page === currentPage ? { ...ui.default.activeButton || {}, ...activeButton } : { ...ui.default.inactiveButton || {}, ...inactiveButton }"
       :class="[{ 'pointer-events-none': typeof page === 'string', 'z-[1]': page === currentPage }, ui.base, ui.rounded]"
       :ui="{ rounded: '' }"
       @click="() => onClickPage(page)"
@@ -48,7 +48,7 @@
         :to="to?.(currentPage + 1)"
         :disabled="!canGoLastOrNext || disabled"
         :class="[ui.base, ui.rounded]"
-        v-bind="{ ...(ui.default.nextButton || {}), ...nextButton }"
+        v-bind="{ ...ui.default.nextButton || {}, ...nextButton }"
         :ui="{ rounded: '' }"
         aria-label="Next"
         @click="onClickNext"
@@ -62,7 +62,7 @@
         :to="to?.(pages.length)"
         :disabled="!canGoLastOrNext || disabled"
         :class="[ui.base, ui.rounded]"
-        v-bind="{ ...(ui.default.lastButton || {}), ...lastButton }"
+        v-bind="{ ...ui.default.lastButton || {}, ...lastButton }"
         :ui="{ rounded: '' }"
         aria-label="Last"
         @click="onClickLast"

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

@@ -8,28 +8,28 @@ declare const config: {
     default: {
         size: string;
         activeButton: {
-            color: import("../../types/button").ButtonColor;
+            color: import("../../types/button.js").ButtonColor;
         };
         inactiveButton: {
-            color: import("../../types/button").ButtonColor;
+            color: import("../../types/button.js").ButtonColor;
         };
         firstButton: {
-            color: import("../../types/button").ButtonColor;
+            color: import("../../types/button.js").ButtonColor;
             class: string;
             icon: string;
         };
         lastButton: {
-            color: import("../../types/button").ButtonColor;
+            color: import("../../types/button.js").ButtonColor;
             class: string;
             icon: string;
         };
         prevButton: {
-            color: import("../../types/button").ButtonColor;
+            color: import("../../types/button.js").ButtonColor;
             class: string;
             icon: string;
         };
         nextButton: {
-            color: import("../../types/button").ButtonColor;
+            color: import("../../types/button.js").ButtonColor;
             class: string;
             icon: string;
         };
@@ -120,28 +120,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: {
             size: string;
             activeButton: {
-                color: import("../../types/button").ButtonColor;
+                color: import("../../types/button.js").ButtonColor;
             };
             inactiveButton: {
-                color: import("../../types/button").ButtonColor;
+                color: import("../../types/button.js").ButtonColor;
             };
             firstButton: {
-                color: import("../../types/button").ButtonColor;
+                color: import("../../types/button.js").ButtonColor;
                 class: string;
                 icon: string;
             };
             lastButton: {
-                color: import("../../types/button").ButtonColor;
+                color: import("../../types/button.js").ButtonColor;
                 class: string;
                 icon: string;
             };
             prevButton: {
-                color: import("../../types/button").ButtonColor;
+                color: import("../../types/button.js").ButtonColor;
                 class: string;
                 icon: string;
             };
             nextButton: {
-                color: import("../../types/button").ButtonColor;
+                color: import("../../types/button.js").ButtonColor;
                 class: string;
                 icon: string;
             };
@@ -241,10 +241,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }>, {
     size: ButtonSize;
-    class: any;
-    to: (page: number) => RouteLocationRaw;
-    disabled: boolean;
-    max: number;
     ui: {
         wrapper?: string;
         base?: string;
@@ -252,28 +248,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default?: DeepPartial<{
             size: string;
             activeButton: {
-                color: import("../../types/button").ButtonColor;
+                color: import("../../types/button.js").ButtonColor;
             };
             inactiveButton: {
-                color: import("../../types/button").ButtonColor;
+                color: import("../../types/button.js").ButtonColor;
             };
             firstButton: {
-                color: import("../../types/button").ButtonColor;
+                color: import("../../types/button.js").ButtonColor;
                 class: string;
                 icon: string;
             };
             lastButton: {
-                color: import("../../types/button").ButtonColor;
+                color: import("../../types/button.js").ButtonColor;
                 class: string;
                 icon: string;
             };
             prevButton: {
-                color: import("../../types/button").ButtonColor;
+                color: import("../../types/button.js").ButtonColor;
                 class: string;
                 icon: string;
             };
             nextButton: {
-                color: import("../../types/button").ButtonColor;
+                color: import("../../types/button.js").ButtonColor;
                 class: string;
                 icon: string;
             };
@@ -283,6 +279,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    to: (page: number) => RouteLocationRaw;
+    disabled: boolean;
+    class: any;
+    max: number;
     prevButton: Button;
     nextButton: Button;
     divider: string;
@@ -325,12 +325,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             validator(value: string): boolean;
         };
         color: {
-            type: PropType<import("../../types/button").ButtonColor>;
+            type: PropType<import("../../types/button.js").ButtonColor>;
             default: () => string;
             validator(value: string): boolean;
         };
         variant: {
-            type: PropType<import("../../types/button").ButtonVariant>;
+            type: PropType<import("../../types/button.js").ButtonVariant>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -644,12 +644,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             validator(value: string): boolean;
         };
         color: {
-            type: PropType<import("../../types/button").ButtonColor>;
+            type: PropType<import("../../types/button.js").ButtonColor>;
             default: () => string;
             validator(value: string): boolean;
         };
         variant: {
-            type: PropType<import("../../types/button").ButtonVariant>;
+            type: PropType<import("../../types/button.js").ButtonVariant>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -842,9 +842,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         type: string;
         size: ButtonSize;
-        class: any;
-        to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
-        disabled: boolean;
         ui: {
             base?: string;
             font?: string;
@@ -929,10 +926,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             strategy?: Strategy;
         };
-        color: import("../../types/button").ButtonColor;
-        variant: import("../../types/button").ButtonVariant;
+        color: import("../../types/button.js").ButtonColor;
+        variant: import("../../types/button.js").ButtonVariant;
         truncate: boolean;
         target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
+        to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         activeClass: string;
         exactActiveClass: string;
         ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
@@ -943,12 +941,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         prefetchedClass: string;
         external: boolean;
         leading: boolean;
+        disabled: boolean;
         href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         rel: any;
-        label: string;
         icon: string;
+        class: any;
         block: boolean;
         square: boolean;
+        label: string;
         loading: boolean;
         padded: boolean;
         loadingIcon: string;
@@ -1204,9 +1204,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{}>, {
             type: string;
-            to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
-            disabled: boolean;
             target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
+            to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
             activeClass: string;
             exactActiveClass: string;
             ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
@@ -1217,6 +1216,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             prefetchedClass: string;
             external: boolean;
             as: string;
+            disabled: boolean;
             active: boolean;
             exact: boolean;
             exactQuery: boolean | "partial";

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

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

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

@@ -37,11 +37,11 @@
             <UBadge
               v-if="link.badge"
               v-bind="{
-                size: ui.badge.size,
-                color: ui.badge.color,
-                variant: ui.badge.variant,
-                ...((typeof link.badge === 'string' || typeof link.badge === 'number') ? { label: link.badge } : link.badge)
-              }"
+  size: ui.badge.size,
+  color: ui.badge.color,
+  variant: ui.badge.variant,
+  ...typeof link.badge === 'string' || typeof link.badge === 'number' ? { label: link.badge } : link.badge
+}"
               :class="ui.badge.base"
             />
           </slot>