@nuxt/ui 2.22.1 → 2.22.2

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/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.1",
-  "packageManager": "pnpm@10.13.1",
+  "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,8 +44,8 @@
     "@headlessui/tailwindcss": "^0.2.2",
     "@headlessui/vue": "^1.7.23",
     "@iconify-json/heroicons": "^1.2.2",
-    "@nuxt/icon": "^1.15.0",
-    "@nuxt/kit": "^4.0.0",
+    "@nuxt/icon": "^2.0.0",
+    "@nuxt/kit": "^4.0.3",
     "@nuxtjs/color-mode": "^3.5.2",
     "@nuxtjs/tailwindcss": "^6.14.0",
     "@popperjs/core": "^2.11.8",
@@ -54,9 +54,9 @@
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/typography": "^0.5.16",
-    "@vueuse/core": "^13.5.0",
-    "@vueuse/integrations": "^13.5.0",
-    "@vueuse/math": "^13.5.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.5.2",
+    "@nuxt/eslint-config": "^1.9.0",
     "@nuxt/module-builder": "^1.0.1",
     "@nuxt/test-utils": "^3.19.2",
     "@release-it/conventional-changelog": "^10.0.1",
     "@vue/test-utils": "^2.4.6",
-    "eslint": "^9.31.0",
+    "eslint": "^9.34.0",
     "happy-dom": "^18.0.1",
-    "nuxt": "^4.0.0",
-    "release-it": "^19.0.3",
+    "nuxt": "^4.0.3",
+    "release-it": "^19.0.4",
     "typescript": "^5.8.3",
     "vitest": "^3.2.4",
     "vitest-environment-nuxt": "^1.0.1",
-    "vue-tsc": "^3.0.1"
+    "vue-tsc": "^3.0.6"
   },
   "peerDependencies": {
     "joi": "^17.13.0",
@@ -106,13 +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.5.0",
-    "@vueuse/integrations": "^13.5.0",
-    "@vueuse/math": "^13.5.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"
+    "chokidar": "3.6.0",
+    "typescript": "5.8.3"
   }
 }