@nuxt/ui 2.21.1 → 2.22.0

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

@@ -44,7 +44,7 @@ declare const config: {
     };
     avatar: {
         base: string;
-        size: import("../../types/avatar").AvatarSize;
+        size: import("../../types/avatar.js").AvatarSize;
     };
     label: string;
     default: {
@@ -135,7 +135,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         avatar: {
             base: string;
-            size: import("../../types/avatar").AvatarSize;
+            size: import("../../types/avatar.js").AvatarSize;
         };
         label: string;
         default: {
@@ -190,7 +190,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     type: "solid" | "dotted" | "dashed";
     size: DividerSize;
-    class: any;
     ui: {
         wrapper?: DeepPartial<{
             base: string;
@@ -235,7 +234,7 @@ 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>;
         label?: string;
         default?: DeepPartial<{
@@ -248,9 +247,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         strategy?: Strategy;
     };
     avatar: Avatar;
-    label: string;
     orientation: "horizontal" | "vertical";
     icon: string;
+    class: any;
+    label: string;
 }, {}, {
     UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         name: {
@@ -319,17 +319,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;
         };
@@ -502,17 +502,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;
         };
@@ -593,8 +593,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;
@@ -659,11 +658,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;

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

@@ -46,7 +46,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    class: any;
     ui: {
         base?: string;
         background?: string;
@@ -57,5 +56,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         strategy?: Strategy;
     };
     as: string;
+    class: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -5,7 +5,7 @@
         <ULink
           as="span"
           :class="[ui.base, index === links.length - 1 ? ui.active : !!link.to ? ui.inactive : '']"
-          :aria-current="index === links.length - 1 ? 'page' : undefined"
+          :aria-current="index === links.length - 1 ? 'page' : void 0"
           v-bind="getULinkProps(link)"
           @click="link.click"
         >

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

@@ -87,7 +87,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    class: any;
     ui: {
         wrapper?: string;
         ol?: string;
@@ -112,6 +111,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    class: any;
     divider: string;
     links: BreadcrumbLink[];
 }, {}, {
@@ -363,9 +363,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";
@@ -376,6 +375,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/CommandPalette.vue

@@ -21,7 +21,7 @@
         @change="query = $event.target.value"
       />
 
-      <UButton v-if="closeButton" aria-label="Close" v-bind="{ ...(ui.default.closeButton || {}), ...closeButton }" :class="ui.input.closeButton.base" @click="onClear" />
+      <UButton v-if="closeButton" aria-label="Close" v-bind="{ ...ui.default.closeButton || {}, ...closeButton }" :class="ui.input.closeButton.base" @click="onClear" />
     </div>
 
     <HComboboxOptions

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

@@ -50,7 +50,7 @@ declare const config: {
             };
             avatar: {
                 base: string;
-                size: import("../../types/avatar").AvatarSize;
+                size: import("../../types/avatar.js").AvatarSize;
             };
             chip: {
                 base: string;
@@ -217,7 +217,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 avatar: {
                     base: string;
-                    size: import("../../types/avatar").AvatarSize;
+                    size: import("../../types/avatar.js").AvatarSize;
                 };
                 chip: {
                     base: string;
@@ -362,7 +362,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClose?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }>, {
-    class: any;
     ui: {
         wrapper?: string;
         container?: string;
@@ -411,7 +410,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 avatar: {
                     base: string;
-                    size: import("../../types/avatar").AvatarSize;
+                    size: import("../../types/avatar.js").AvatarSize;
                 };
                 chip: {
                     base: string;
@@ -440,6 +439,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     icon: string;
     closeButton: Button;
+    class: any;
     modelValue: string | number | Record<string, any> | unknown[];
     loading: boolean;
     loadingIcon: string;
@@ -762,17 +762,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         size: {
-            type: PropType<import("../../types/button").ButtonSize>;
+            type: PropType<import("../../types/button.js").ButtonSize>;
             default: () => string;
             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;
         };
@@ -1081,17 +1081,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         size: {
-            type: PropType<import("../../types/button").ButtonSize>;
+            type: PropType<import("../../types/button.js").ButtonSize>;
             default: () => string;
             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;
         };
@@ -1283,10 +1283,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{}>, {
         type: string;
-        size: import("../../types/button").ButtonSize;
-        class: any;
-        to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
-        disabled: boolean;
+        size: import("../../types/button.js").ButtonSize;
         ui: {
             base?: string;
             font?: string;
@@ -1371,10 +1368,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";
@@ -1385,12 +1383,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;
@@ -1646,9 +1646,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";
@@ -1659,6 +1658,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";
@@ -1832,17 +1832,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;
             };
@@ -2015,17 +2015,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;
             };
@@ -2106,8 +2106,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;
@@ -2172,11 +2171,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;
@@ -2233,7 +2233,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: any;
             };
             size: {
-                type: PropType<import("../../types/kbd").KbdSize>;
+                type: PropType<import("../../types/kbd.js").KbdSize>;
                 default: () => string;
                 validator(value: string): boolean;
             };
@@ -2289,7 +2289,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: any;
             };
             size: {
-                type: PropType<import("../../types/kbd").KbdSize>;
+                type: PropType<import("../../types/kbd.js").KbdSize>;
                 default: () => string;
                 validator(value: string): boolean;
             };
@@ -2319,8 +2319,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: () => {};
             };
         }>> & Readonly<{}>, {
-            size: import("../../types/kbd").KbdSize;
-            class: any;
+            size: import("../../types/kbd.js").KbdSize;
             ui: {
                 base?: string;
                 padding?: string;
@@ -2341,6 +2340,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } & {
                 strategy?: Strategy;
             };
+            class: any;
             value: string;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -165,17 +165,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;
         };
@@ -192,7 +192,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<import("../../types/utils").DeepPartial<{
+            type: PropType<import("../../types/utils.js").DeepPartial<{
                 wrapper: string;
                 background: string;
                 rounded: string;
@@ -251,7 +251,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     chipPosition: string;
                 };
             }> & {
-                strategy?: import("../../types/utils").Strategy;
+                strategy?: import("../../types/utils.js").Strategy;
             }>;
             default: () => {};
         };
@@ -348,17 +348,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,7 +375,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<import("../../types/utils").DeepPartial<{
+            type: PropType<import("../../types/utils.js").DeepPartial<{
                 wrapper: string;
                 background: string;
                 rounded: string;
@@ -434,20 +434,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     chipPosition: string;
                 };
             }> & {
-                strategy?: import("../../types/utils").Strategy;
+                strategy?: import("../../types/utils.js").Strategy;
             }>;
             default: () => {};
         };
     }>> & Readonly<{}>, {
-        size: import("../../types/avatar").AvatarSize;
-        class: any;
+        size: import("../../types/avatar.js").AvatarSize;
         ui: {
             wrapper?: string;
             background?: string;
             rounded?: string;
             text?: string;
             placeholder?: string;
-            size?: import("../../types/utils").DeepPartial<{
+            size?: import("../../types/utils.js").DeepPartial<{
                 '3xs': string;
                 '2xs': string;
                 xs: string;
@@ -458,7 +457,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 '2xl': string;
                 '3xl': string;
             }, any>;
-            chip?: import("../../types/utils").DeepPartial<{
+            chip?: import("../../types/utils.js").DeepPartial<{
                 base: string;
                 background: string;
                 position: {
@@ -479,7 +478,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     '3xl': string;
                 };
             }, any>;
-            icon?: import("../../types/utils").DeepPartial<{
+            icon?: import("../../types/utils.js").DeepPartial<{
                 base: string;
                 size: {
                     '3xs': string;
@@ -493,7 +492,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     '3xl': string;
                 };
             }, any>;
-            default?: import("../../types/utils").DeepPartial<{
+            default?: import("../../types/utils.js").DeepPartial<{
                 size: string;
                 icon: any;
                 chipColor: any;
@@ -502,14 +501,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             [key: string]: any;
         } & {
-            strategy?: import("../../types/utils").Strategy;
+            strategy?: import("../../types/utils.js").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;
@@ -566,7 +566,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: any;
         };
         size: {
-            type: PropType<import("../../types/kbd").KbdSize>;
+            type: PropType<import("../../types/kbd.js").KbdSize>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -575,7 +575,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<import("../../types/utils").DeepPartial<{
+            type: PropType<import("../../types/utils.js").DeepPartial<{
                 base: string;
                 padding: string;
                 size: {
@@ -591,7 +591,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     size: string;
                 };
             }> & {
-                strategy?: import("../../types/utils").Strategy;
+                strategy?: import("../../types/utils.js").Strategy;
             }>;
             default: () => {};
         };
@@ -622,7 +622,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: any;
         };
         size: {
-            type: PropType<import("../../types/kbd").KbdSize>;
+            type: PropType<import("../../types/kbd.js").KbdSize>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -631,7 +631,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<import("../../types/utils").DeepPartial<{
+            type: PropType<import("../../types/utils.js").DeepPartial<{
                 base: string;
                 padding: string;
                 size: {
@@ -647,17 +647,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     size: string;
                 };
             }> & {
-                strategy?: import("../../types/utils").Strategy;
+                strategy?: import("../../types/utils.js").Strategy;
             }>;
             default: () => {};
         };
     }>> & Readonly<{}>, {
-        size: import("../../types/kbd").KbdSize;
-        class: any;
+        size: import("../../types/kbd.js").KbdSize;
         ui: {
             base?: string;
             padding?: string;
-            size?: import("../../types/utils").DeepPartial<{
+            size?: import("../../types/utils.js").DeepPartial<{
                 xs: string;
                 sm: string;
                 md: string;
@@ -666,14 +665,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             font?: string;
             background?: string;
             ring?: string;
-            default?: import("../../types/utils").DeepPartial<{
+            default?: import("../../types/utils.js").DeepPartial<{
                 size: string;
             }, any>;
         } & {
             [key: string]: any;
         } & {
-            strategy?: import("../../types/utils").Strategy;
+            strategy?: import("../../types/utils.js").Strategy;
         };
+        class: any;
         value: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/navigation/HorizontalNavigation.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>