@nuxt/ui 2.22.0 → 2.22.2

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

@@ -106,6 +106,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => {};
     };
 }>> & Readonly<{}>, {
+    class: any;
     ui: {
         wrapper?: string;
         base?: string;
@@ -143,7 +144,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
-    class: any;
     links: VerticalNavigationLink[] | VerticalNavigationLink[][];
 }, {}, {
     UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -488,6 +488,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{}>, {
         size: import("../../types/avatar.js").AvatarSize;
+        class: any;
         ui: {
             wrapper?: string;
             background?: string;
@@ -552,10 +553,9 @@ 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.js").AvatarChipColor;
         chipPosition: "top-right" | "bottom-right" | "top-left" | "bottom-left";
@@ -815,6 +815,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{}>, {
         size: import("../../types/badge.js").BadgeSize;
+        class: any;
         ui: {
             base?: string;
             rounded?: string;
@@ -870,9 +871,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         color: import("../../types/badge.js").BadgeColor;
         variant: import("../../types/badge.js").BadgeVariant;
         leading: boolean;
-        icon: string;
-        class: any;
         label: string | number;
+        icon: string;
         leadingIcon: string;
         trailingIcon: string;
         trailing: boolean;
@@ -1387,6 +1387,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         type: "solid" | "dotted" | "dashed";
         size: import("../../types/divider.js").DividerSize;
+        class: any;
         ui: {
             wrapper?: DeepPartial<{
                 base: string;
@@ -1444,10 +1445,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             strategy?: Strategy;
         };
         avatar: import("../../types/avatar.js").Avatar;
+        label: string;
         orientation: "horizontal" | "vertical";
         icon: string;
-        class: any;
-        label: string;
     }, {}, {
         UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             name: {
@@ -1791,6 +1791,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{}>, {
             size: import("../../types/avatar.js").AvatarSize;
+            class: any;
             ui: {
                 wrapper?: string;
                 background?: string;
@@ -1855,10 +1856,9 @@ 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.js").AvatarChipColor;
             chipPosition: "top-right" | "bottom-right" | "top-left" | "bottom-left";

package/dist/runtime/components/overlays/ContextMenu.vue.d.ts

@@ -118,6 +118,7 @@ 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;
@@ -153,7 +154,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         strategy?: Strategy;
     };
     popper: PopperOptions;
-    class: any;
     modelValue: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/overlays/Modal.vue.d.ts

@@ -161,6 +161,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onClose-prevented"?: (...args: any[]) => any;
     "onAfter-leave"?: (...args: any[]) => any;
 }>, {
+    class: any;
+    transition: boolean;
     ui: {
         wrapper?: string;
         inner?: string;
@@ -200,12 +202,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
-    transition: boolean;
     appear: boolean;
     overlay: boolean;
     preventClose: boolean;
     fullscreen: boolean;
-    class: any;
     modelValue: boolean;
 }, {}, {
     HDialog: import("vue").DefineComponent<{

package/dist/runtime/components/overlays/Notification.vue.d.ts

@@ -230,6 +230,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     onClose?: (...args: any[]) => any;
 }>, {
+    class: any;
     ui: {
         wrapper?: string;
         container?: string;
@@ -293,7 +294,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     timeout: number;
     actions: NotificationAction[];
     callback: Function;
-    class: any;
     pauseTimeoutOnHover: boolean;
 }, {}, {
     UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -638,6 +638,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{}>, {
         size: import("../../types/avatar.js").AvatarSize;
+        class: any;
         ui: {
             wrapper?: string;
             background?: string;
@@ -702,10 +703,9 @@ 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.js").AvatarChipColor;
         chipPosition: "top-right" | "bottom-right" | "top-left" | "bottom-left";
@@ -1306,6 +1306,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         type: string;
         size: import("../../types/button.js").ButtonSize;
+        class: any;
+        target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
         ui: {
             base?: string;
             font?: string;
@@ -1393,7 +1395,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -1408,11 +1409,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;

package/dist/runtime/components/overlays/Notifications.vue.d.ts

@@ -60,6 +60,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => {};
     };
 }>> & Readonly<{}>, {
+    class: any;
     ui: {
         wrapper?: string;
         position?: string;
@@ -70,7 +71,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
-    class: any;
 }, {}, {
     UNotification: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         id: {
@@ -350,6 +350,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{
         onClose?: (...args: any[]) => any;
     }>, {
+        class: any;
         ui: {
             wrapper?: string;
             container?: string;
@@ -413,7 +414,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         timeout: number;
         actions: import("../../types/notification.js").NotificationAction[];
         callback: Function;
-        class: any;
         pauseTimeoutOnHover: boolean;
     }, {}, {
         UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -758,6 +758,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{}>, {
             size: import("../../types/avatar.js").AvatarSize;
+            class: any;
             ui: {
                 wrapper?: string;
                 background?: string;
@@ -822,10 +823,9 @@ 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.js").AvatarChipColor;
             chipPosition: "top-right" | "bottom-right" | "top-left" | "bottom-left";
@@ -1426,6 +1426,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>> & Readonly<{}>, {
             type: string;
             size: import("../../types/button.js").ButtonSize;
+            class: any;
+            target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
             ui: {
                 base?: string;
                 font?: string;
@@ -1513,7 +1515,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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;
@@ -1528,11 +1529,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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;

package/dist/runtime/components/overlays/Popover.vue.d.ts

@@ -208,6 +208,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:open"?: (...args: any[]) => any;
 }>, {
     mode: "click" | "hover";
+    class: any;
     ui: {
         wrapper?: string;
         container?: string;
@@ -261,7 +262,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     popper: PopperOptions;
     disabled: boolean;
     overlay: boolean;
-    class: any;
     open: boolean;
     openDelay: number;
     closeDelay: number;

package/dist/runtime/components/overlays/Slideover.vue.d.ts

@@ -162,6 +162,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onClose-prevented"?: (...args: any[]) => any;
     "onAfter-leave"?: (...args: any[]) => any;
 }>, {
+    class: any;
+    transition: boolean;
     ui: {
         wrapper?: string;
         overlay?: DeepPartial<{
@@ -200,11 +202,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
-    transition: boolean;
     appear: boolean;
     overlay: boolean;
     preventClose: boolean;
-    class: any;
     side: "bottom" | "left" | "right" | "top";
     modelValue: boolean;
 }, {}, {

package/dist/runtime/components/overlays/Tooltip.vue.d.ts

@@ -154,6 +154,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => {};
     };
 }>> & Readonly<{}>, {
+    class: any;
     ui: {
         wrapper?: string;
         container?: string;
@@ -195,7 +196,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         strategy?: Strategy;
     };
     popper: PopperOptions;
-    class: any;
     text: string;
     openDelay: number;
     closeDelay: number;
@@ -295,6 +295,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{}>, {
         size: import("../../types/kbd.js").KbdSize;
+        class: any;
         ui: {
             base?: string;
             padding?: string;
@@ -315,7 +316,6 @@ 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/composables/useCarouselScroll.d.ts

@@ -1,2 +1,2 @@
-import { type Ref } from 'vue';
+import type { Ref } from 'vue';
 export declare const useCarouselScroll: (el: Ref<HTMLElement>) => void;

package/dist/runtime/types/component.d.ts

@@ -1,14 +1,14 @@
-export type ComponentProps<T> =
-T extends new () => { $props: infer P } ? NonNullable<P> :
-  T extends (props: infer P, ...args: any) => any ? P :
-      {}
+export type ComponentProps<T>
+= T extends new () => { $props: infer P } ? NonNullable<P>
+  : T extends (props: infer P, ...args: any) => any ? P
+    : {}
 
-export type ComponentSlots<T> =
-T extends new () => { $slots: infer S } ? NonNullable<S> :
-  T extends (props: any, ctx: { slots: infer S, attrs: any, emit: any }, ...args: any) => any ? NonNullable<S> :
-      {}
+export type ComponentSlots<T>
+= T extends new () => { $slots: infer S } ? NonNullable<S>
+  : T extends (props: any, ctx: { slots: infer S, attrs: any, emit: any }, ...args: any) => any ? NonNullable<S>
+    : {}
 
-export type ComponentEmit<T> =
-T extends new () => { $emit: infer E } ? NonNullable<E> :
-  T extends (props: any, ctx: { slots: any, attrs: any, emit: infer E }, ...args: any) => any ? NonNullable<E> :
-      {}
+export type ComponentEmit<T>
+= T extends new () => { $emit: infer E } ? NonNullable<E>
+  : T extends (props: any, ctx: { slots: any, attrs: any, emit: infer E }, ...args: any) => any ? NonNullable<E>
+    : {}

package/dist/runtime/types/utils.d.ts

@@ -18,8 +18,8 @@ export type NestedKeyOf<ObjectType extends Record<string, any>> = {
     : Key
 }[keyof ObjectType]
 
-type DeepKey<T, Keys extends string[]> =
-  Keys extends [infer First, ...infer Rest]
+type DeepKey<T, Keys extends string[]>
+  = Keys extends [infer First, ...infer Rest]
     ? First extends keyof T
       ? Rest extends string[]
         ? DeepKey<T[First], Rest>

package/dist/runtime/ui.config/elements/meter.js

@@ -30,8 +30,8 @@ export default {
       "2xl": "h-5"
     },
     appearance: {
-      inner: "[&::-webkit-meter-inner-element]:block [&::-webkit-meter-inner-element]:relative [&::-webkit-meter-inner-element]:border-none [&::-webkit-meter-inner-element]:bg-none [&::-webkit-meter-inner-element]:bg-transparent",
-      meter: "[&::-webkit-meter-bar]:border-none [&::-webkit-meter-bar]:bg-none [&::-webkit-meter-bar]:bg-transparent",
+      inner: "[&::-webkit-meter-inner-element]:block [&::-webkit-meter-inner-element]:relative [&::-webkit-meter-inner-element]:border-none [&::-webkit-meter-inner-element]:bg-none [&::-webkit-meter-inner-element]:bg-transparent [&::-webkit-meter-inner-element]:h-full [&::-webkit-meter-inner-element]:flex [&::-webkit-meter-inner-element]:items-center",
+      meter: "[&::-webkit-meter-bar]:border-none [&::-webkit-meter-bar]:bg-none [&::-webkit-meter-bar]:bg-transparent [&::-webkit-meter-bar]:h-full",
       bar: "[&::-webkit-meter-optimum-value]:border-none [&::-webkit-meter-optimum-value]:bg-none [&::-webkit-meter-optimum-value]:bg-current",
       value: "[&::-moz-meter-bar]:border-none [&::-moz-meter-bar]:bg-none [&::-moz-meter-bar]:bg-current"
     },

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@nuxt/ui",
   "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
-  "version": "2.22.0",
-  "packageManager": "pnpm@10.9.0",
+  "version": "2.22.2",
+  "packageManager": "pnpm@10.15.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/ui.git"
@@ -32,7 +32,7 @@
     "prepack": "pnpm build",
     "dev": "nuxi dev docs",
     "play": "nuxi dev playground",
-    "build:docs": "nuxi generate docs",
+    "docs:build": "nuxi generate docs",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "typecheck": "vue-tsc --noEmit && nuxi typecheck docs",
@@ -44,19 +44,19 @@
     "@headlessui/tailwindcss": "^0.2.2",
     "@headlessui/vue": "^1.7.23",
     "@iconify-json/heroicons": "^1.2.2",
-    "@nuxt/icon": "^1.12.0",
-    "@nuxt/kit": "^3.16.2",
+    "@nuxt/icon": "^2.0.0",
+    "@nuxt/kit": "^4.0.3",
     "@nuxtjs/color-mode": "^3.5.2",
-    "@nuxtjs/tailwindcss": "^6.13.2",
+    "@nuxtjs/tailwindcss": "^6.14.0",
     "@popperjs/core": "^2.11.8",
     "@standard-schema/spec": "^1.0.0",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/typography": "^0.5.16",
-    "@vueuse/core": "^13.1.0",
-    "@vueuse/integrations": "^13.1.0",
-    "@vueuse/math": "^13.1.0",
+    "@vueuse/core": "^13.8.0",
+    "@vueuse/integrations": "^13.8.0",
+    "@vueuse/math": "^13.8.0",
     "defu": "^6.1.4",
     "fuse.js": "^7.1.0",
     "ohash": "^2.0.11",
@@ -66,19 +66,19 @@
     "tailwindcss": "^3.4.17"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^1.3.0",
+    "@nuxt/eslint-config": "^1.9.0",
     "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/test-utils": "^3.17.2",
+    "@nuxt/test-utils": "^3.19.2",
     "@release-it/conventional-changelog": "^10.0.1",
     "@vue/test-utils": "^2.4.6",
-    "eslint": "^9.25.0",
-    "happy-dom": "^17.4.4",
-    "nuxt": "^3.16.2",
-    "release-it": "^19.0.1",
+    "eslint": "^9.34.0",
+    "happy-dom": "^18.0.1",
+    "nuxt": "^4.0.3",
+    "release-it": "^19.0.4",
     "typescript": "^5.8.3",
-    "vitest": "^3.1.1",
+    "vitest": "^3.2.4",
     "vitest-environment-nuxt": "^1.0.1",
-    "vue-tsc": "^2.1.10"
+    "vue-tsc": "^3.0.6"
   },
   "peerDependencies": {
     "joi": "^17.13.0",
@@ -106,9 +106,15 @@
   },
   "resolutions": {
     "@nuxt/ui": "workspace:*",
+    "@nuxt/module-builder": "1.0.1",
     "@nuxt/content": "2.13.2",
     "@nuxtjs/mdc": "0.9.0",
+    "@vueuse/core": "^13.8.0",
+    "@vueuse/integrations": "^13.8.0",
+    "@vueuse/math": "^13.8.0",
+    "@vueuse/nuxt": "13.1.0",
+    "unimport": "4.1.1",
     "chokidar": "3.6.0",
-    "vue-tsc": "2.1.10"
+    "typescript": "5.8.3"
   }
 }