@nuxt/ui 3.0.2 → 3.1.1

package/dist/types.d.mts

@@ -1,7 +1,5 @@
-import type { NuxtModule } from '@nuxt/schema'
+export { default } from './module.mjs'
 
-import type { default as Module } from './module.js'
+export { type ModuleOptions } from './module.mjs'
 
-export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
-
-export { default } from './module.js'
+export * from '../dist/runtime/types/index.js'

package/dist/unplugin.d.mts

@@ -4,7 +4,7 @@ import { Options as Options$1 } from 'unplugin-vue-components/types';
 import colors from 'tailwindcss/colors';
 import * as ui from '#build/ui';
 import { ModuleOptions } from './module.mjs';
-import { DeepPartial } from '../dist/runtime/types/utils.js';
+import { TVConfig } from '../dist/runtime/types/tv.js';
 import '@nuxt/schema';
 import '../dist/runtime/types/index.js';
 
@@ -36,7 +36,7 @@ type AppConfigUI = {
         neutral?: NeutralColor;
     };
     icons?: Partial<typeof _default>;
-} & DeepPartial<typeof ui>;
+} & TVConfig<typeof ui>;
 interface NuxtUIOptions extends Omit<ModuleOptions, 'fonts' | 'colorMode'> {
     /** Whether to generate declaration files for auto-imported components. */
     dts?: boolean;
@@ -54,6 +54,10 @@ interface NuxtUIOptions extends Omit<ModuleOptions, 'fonts' | 'colorMode'> {
      * Override options for `unplugin-vue-components`
      */
     components?: Partial<Options$1>;
+    /**
+     * Enables compatibility layer for InertiaJS
+     */
+    inertia?: boolean;
 }
 declare const runtimeDir: string;
 declare const NuxtUIPlugin: unplugin.UnpluginInstance<NuxtUIOptions | undefined, boolean>;

package/dist/unplugin.mjs

@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultUiConfig } from './shared/ui.BkNUP964.mjs';
+import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultUiConfig } from './shared/ui.CbtTMMzt.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';
@@ -100,6 +100,19 @@ function AppConfigPlugin(options, appConfig) {
       return `
           export default ${JSON.stringify(appConfig)}
         `;
+    },
+    vite: {
+      config() {
+        return {
+          test: {
+            server: {
+              deps: {
+                inline: ["@nuxt/ui"]
+              }
+            }
+          }
+        };
+      }
     }
   };
 }
@@ -109,6 +122,8 @@ function ComponentImportPlugin(options, meta) {
   const componentNames = new Set(components.map((c) => `${options.prefix}${c.replace(/\.vue$/, "")}`));
   const overrides = globSync("**/*.vue", { cwd: join(runtimeDir, "vue/components") });
   const overrideNames = new Set(overrides.map((c) => `${options.prefix}${c.replace(/\.vue$/, "")}`));
+  const inertiaOverrides = globSync("**/*.vue", { cwd: join(runtimeDir, "inertia/components") });
+  const inertiaOverrideNames = new Set(inertiaOverrides.map((c) => `${options.prefix}${c.replace(/\.vue$/, "")}`));
   const pluginOptions = defu(options.components, {
     dts: options.dts ?? true,
     exclude: [
@@ -118,6 +133,9 @@ function ComponentImportPlugin(options, meta) {
     ],
     resolvers: [
       (componentName) => {
+        if (options.inertia && inertiaOverrideNames.has(componentName)) {
+          return { name: "default", from: join(runtimeDir, "inertia/components", `${componentName.slice(options.prefix.length)}.vue`) };
+        }
         if (overrideNames.has(componentName))
           return { name: "default", from: join(runtimeDir, "vue/components", `${componentName.slice(options.prefix.length)}.vue`) };
         if (componentNames.has(componentName))
@@ -141,6 +159,9 @@ function ComponentImportPlugin(options, meta) {
           return;
         }
         const filename = id.match(/([^/]+)\.vue$/)?.[1];
+        if (filename && options.inertia && inertiaOverrideNames.has(`${options.prefix}${filename}`)) {
+          return join(runtimeDir, "inertia/components", `${filename}.vue`);
+        }
         if (filename && overrideNames.has(`${options.prefix}${filename}`)) {
           return join(runtimeDir, "vue/components", `${filename}.vue`);
         }
@@ -151,8 +172,8 @@ function ComponentImportPlugin(options, meta) {
 }
 const RELATIVE_IMPORT_RE = /^\.{1,2}\//;
 
-function NuxtEnvironmentPlugin() {
-  const stubPath = resolvePathSync("../runtime/vue/stubs", { extensions: [".ts", ".mjs", ".js"], url: import.meta.url });
+function NuxtEnvironmentPlugin(options) {
+  const stubPath = resolvePathSync(options.inertia ? "../runtime/inertia/stubs" : "../runtime/vue/stubs", { extensions: [".ts", ".mjs", ".js"], url: import.meta.url });
   return {
     name: "nuxt:ui",
     enforce: "pre",
@@ -194,7 +215,7 @@ const NuxtUIPlugin = createUnplugin((_options = {}, meta) => {
   options.theme.colors = resolveColors(options.theme.colors);
   const appConfig = defu({ ui: options.ui, colorMode: options.colorMode }, { ui: getDefaultUiConfig(options.theme.colors) });
   return [
-    NuxtEnvironmentPlugin(),
+    NuxtEnvironmentPlugin(options),
     ComponentImportPlugin(options, meta),
     AutoImportPlugin(options, meta),
     tailwind(),

package/dist/vite.d.mts

@@ -8,7 +8,7 @@ import '#build/ui';
 import './module.mjs';
 import '@nuxt/schema';
 import '../dist/runtime/types/index.js';
-import '../dist/runtime/types/utils.js';
+import '../dist/runtime/types/tv.js';
 
 declare const _default: (options?: NuxtUIOptions | undefined) => vite.Plugin<any> | vite.Plugin<any>[];
 

package/dist/vite.mjs

@@ -4,13 +4,13 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/ui.BkNUP964.mjs';
+import './shared/ui.CbtTMMzt.mjs';
 import '../dist/runtime/utils/index.js';
 import 'scule';
 import '@nuxt/kit';
 import 'tailwindcss/colors';
-import 'tinyglobby';
 import 'knitwork';
+import 'tinyglobby';
 import 'magic-string';
 import 'mlly';
 import 'unplugin-vue-components';

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@nuxt/ui",
   "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
-  "version": "3.0.2",
-  "packageManager": "pnpm@10.7.0",
+  "version": "3.1.1",
+  "packageManager": "pnpm@10.10.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/ui.git"
@@ -12,20 +12,17 @@
   "license": "MIT",
   "exports": {
     ".": {
-      "types": "./dist/module.d.ts",
+      "types": "./dist/module.d.mts",
       "style": "./dist/runtime/index.css",
-      "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
+      "import": "./dist/module.mjs"
     },
     "./unplugin": {
-      "types": "./dist/unplugin.d.ts",
-      "import": "./dist/unplugin.mjs",
-      "require": "./dist/unplugin.cjs"
+      "types": "./dist/unplugin.d.mts",
+      "import": "./dist/unplugin.mjs"
     },
     "./vite": {
-      "types": "./dist/vite.d.ts",
-      "import": "./dist/vite.mjs",
-      "require": "./dist/vite.cjs"
+      "types": "./dist/vite.d.mts",
+      "import": "./dist/vite.mjs"
     },
     "./vue-plugin": {
       "types": "./vue-plugin.d.ts"
@@ -33,6 +30,10 @@
     "./runtime/*": "./dist/runtime/*",
     "./components/*": "./dist/runtime/components/*",
     "./composables/*": "./dist/runtime/composables/*",
+    "./utils": {
+      "types": "./dist/runtime/utils/index.d.ts",
+      "import": "./dist/runtime/utils/index.js"
+    },
     "./utils/*": {
       "types": "./dist/runtime/utils/*.d.ts",
       "import": "./dist/runtime/utils/*.js"
@@ -42,6 +43,40 @@
       "import": "./dist/runtime/locale/index.js"
     }
   },
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/module.d.mts"
+      ],
+      "unplugin": [
+        "./dist/unplugin.d.mts"
+      ],
+      "vite": [
+        "./dist/vite.d.mts"
+      ],
+      "vue-plugin": [
+        "./vue-plugin.d.ts"
+      ],
+      "runtime/*": [
+        "./dist/runtime/*"
+      ],
+      "components/*": [
+        "./dist/runtime/components/*"
+      ],
+      "composables/*": [
+        "./dist/runtime/composables/*"
+      ],
+      "utils": [
+        "./dist/runtime/utils/index.d.ts"
+      ],
+      "utils/*": [
+        "./dist/runtime/utils/*.d.ts"
+      ],
+      "locale": [
+        "./dist/runtime/locale/index.d.ts"
+      ]
+    }
+  },
   "imports": {
     "#build/ui/*": "./.nuxt/ui/*.ts",
     "#build/ui.css": "./.nuxt/ui.css"
@@ -50,8 +85,7 @@
     "nuxt-ui": "./cli/index.mjs"
   },
   "style": "./dist/runtime/index.css",
-  "main": "./dist/module.cjs",
-  "types": "./dist/types.d.ts",
+  "main": "./dist/module.mjs",
   "files": [
     ".nuxt/ui",
     ".nuxt/ui.css",
@@ -62,13 +96,13 @@
   "scripts": {
     "build": "nuxt-module-build build",
     "prepack": "pnpm build",
-    "dev": "DEV=true nuxi dev playground",
+    "dev": "nuxi dev playground --uiDev",
     "dev:build": "nuxi build playground",
-    "dev:vue": "DEV=true vite playground-vue",
+    "dev:vue": "vite playground-vue -- --uiDev",
     "dev:vue:build": "vite build playground-vue",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare docs && vite build playground-vue",
-    "docs": "DEV=true nuxi dev docs",
-    "docs:build": "NODE_OPTIONS='--max-old-space-size=8192' nuxi build docs",
+    "docs": "nuxi dev docs --uiDev",
+    "docs:build": "nuxi build docs",
     "docs:prepare": "nuxt-component-meta docs",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
@@ -79,30 +113,30 @@
   },
   "dependencies": {
     "@iconify/vue": "^4.3.0",
-    "@internationalized/date": "^3.7.0",
-    "@internationalized/number": "^3.6.0",
-    "@nuxt/fonts": "^0.11.0",
-    "@nuxt/icon": "^1.11.0",
-    "@nuxt/kit": "^3.16.1",
-    "@nuxt/schema": "^3.16.1",
+    "@internationalized/date": "^3.8.0",
+    "@internationalized/number": "^3.6.1",
+    "@nuxt/fonts": "^0.11.2",
+    "@nuxt/icon": "^1.12.0",
+    "@nuxt/kit": "^3.17.1",
+    "@nuxt/schema": "^3.17.1",
     "@nuxtjs/color-mode": "^3.5.2",
     "@standard-schema/spec": "^1.0.0",
-    "@tailwindcss/postcss": "^4.0.17",
-    "@tailwindcss/vite": "^4.0.17",
-    "@tanstack/vue-table": "^8.21.2",
-    "@unhead/vue": "^2.0.2",
-    "@vueuse/core": "^13.0.0",
-    "@vueuse/integrations": "^13.0.0",
+    "@tailwindcss/postcss": "^4.1.4",
+    "@tailwindcss/vite": "^4.1.4",
+    "@tanstack/vue-table": "^8.21.3",
+    "@unhead/vue": "^2.0.8",
+    "@vueuse/core": "^13.1.0",
+    "@vueuse/integrations": "^13.1.0",
     "colortranslator": "^4.1.0",
     "consola": "^3.4.2",
     "defu": "^6.1.4",
-    "embla-carousel-auto-height": "^8.5.2",
-    "embla-carousel-auto-scroll": "^8.5.2",
-    "embla-carousel-autoplay": "^8.5.2",
-    "embla-carousel-class-names": "^8.5.2",
-    "embla-carousel-fade": "^8.5.2",
-    "embla-carousel-vue": "^8.5.2",
-    "embla-carousel-wheel-gestures": "^8.0.1",
+    "embla-carousel-auto-height": "^8.6.0",
+    "embla-carousel-auto-scroll": "^8.6.0",
+    "embla-carousel-autoplay": "^8.6.0",
+    "embla-carousel-class-names": "^8.6.0",
+    "embla-carousel-fade": "^8.6.0",
+    "embla-carousel-vue": "^8.6.0",
+    "embla-carousel-wheel-gestures": "^8.0.2",
     "fuse.js": "^7.1.0",
     "hookable": "^5.5.3",
     "knitwork": "^1.2.0",
@@ -110,42 +144,46 @@
     "mlly": "^1.7.4",
     "ohash": "^2.0.11",
     "pathe": "^2.0.3",
-    "reka-ui": "^2.1.1",
+    "reka-ui": "^2.2.0",
     "scule": "^1.3.0",
     "tailwind-variants": "^1.0.0",
-    "tailwindcss": "^4.0.17",
-    "tinyglobby": "^0.2.12",
-    "unplugin": "^2.2.2",
+    "tailwindcss": "^4.1.4",
+    "tinyglobby": "^0.2.13",
+    "unplugin": "^2.3.2",
     "unplugin-auto-import": "^19.1.2",
-    "unplugin-vue-components": "^28.4.1",
+    "unplugin-vue-components": "^28.5.0",
     "vaul-vue": "^0.4.1",
-    "vue": "^3.5.13",
-    "vue-router": "^4.5.0"
+    "vue-component-type-helpers": "^2.2.10"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^1.2.0",
-    "@nuxt/module-builder": "^0.8.4",
+    "@nuxt/eslint-config": "^1.3.0",
+    "@nuxt/module-builder": "^1.0.1",
     "@nuxt/test-utils": "^3.17.2",
-    "@release-it/conventional-changelog": "^10.0.0",
+    "@release-it/conventional-changelog": "^10.0.1",
     "@vue/test-utils": "^2.4.6",
-    "embla-carousel": "^8.5.2",
-    "eslint": "^9.23.0",
+    "embla-carousel": "^8.6.0",
+    "eslint": "^9.25.1",
     "happy-dom": "^17.4.4",
-    "nuxt": "^3.16.1",
-    "release-it": "^18.1.2",
-    "vitest": "^3.0.9",
+    "nuxt": "^3.17.1",
+    "release-it": "^19.0.1",
+    "vitest": "^3.1.2",
     "vitest-environment-nuxt": "^1.0.1",
-    "vue-tsc": "^2.2.0"
+    "vue-tsc": "^2.2.10"
   },
   "peerDependencies": {
+    "@inertiajs/vue3": "^2.0.7",
     "joi": "^17.13.0",
     "superstruct": "^2.0.0",
     "typescript": "^5.6.3",
     "valibot": "^1.0.0",
+    "vue-router": "^4.5.0",
     "yup": "^1.6.0",
     "zod": "^3.24.0"
   },
   "peerDependenciesMeta": {
+    "@inertiajs/vue3": {
+      "optional": true
+    },
     "joi": {
       "optional": true
     },
@@ -155,6 +193,9 @@
     "superstruct": {
       "optional": true
     },
+    "vue-router": {
+      "optional": true
+    },
     "yup": {
       "optional": true
     },
@@ -167,12 +208,13 @@
     "chokidar": "3.6.0",
     "debug": "4.3.7",
     "rollup": "4.34.9",
-    "unplugin": "^2.2.2",
-    "vue-tsc": "2.2.0"
+    "unimport": "4.1.1",
+    "unplugin": "^2.3.2"
   },
   "pnpm": {
     "onlyBuiltDependencies": [
       "better-sqlite3",
+      "puppeteer",
       "sharp"
     ],
     "ignoredBuiltDependencies": [

package/dist/module.cjs

@@ -1,62 +0,0 @@
-'use strict';
-
-const defu = require('defu');
-const kit = require('@nuxt/kit');
-const templates = require('./shared/ui.BL-XB3u1.cjs');
-require('../dist/runtime/utils/index.js');
-require('node:url');
-require('scule');
-require('tailwindcss/colors');
-
-var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
-const module$1 = kit.defineNuxtModule({
-  meta: {
-    name: "ui",
-    configKey: "ui",
-    compatibility: {
-      nuxt: ">=3.16.0"
-    },
-    docs: "https://ui.nuxt.com/getting-started/installation/nuxt"
-  },
-  defaults: templates.defaultOptions,
-  async setup(options, nuxt) {
-    const { resolve } = kit.createResolver((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('module.cjs', document.baseURI).href)));
-    options.theme = options.theme || {};
-    options.theme.colors = templates.resolveColors(options.theme.colors);
-    nuxt.options.ui = options;
-    nuxt.options.alias["#ui"] = resolve("./runtime");
-    nuxt.options.appConfig.ui = defu.defu(nuxt.options.appConfig.ui || {}, templates.getDefaultUiConfig(options.theme.colors));
-    nuxt.options.app.rootAttrs = nuxt.options.app.rootAttrs || {};
-    nuxt.options.app.rootAttrs.class = [nuxt.options.app.rootAttrs.class, "isolate"].filter(Boolean).join(" ");
-    if (nuxt.options.builder === "@nuxt/vite-builder") {
-      const plugin = await import('@tailwindcss/vite').then((r) => r.default);
-      kit.addVitePlugin(plugin());
-    } else {
-      nuxt.options.postcss.plugins["@tailwindcss/postcss"] = {};
-    }
-    async function registerModule(name, key, options2) {
-      if (!kit.hasNuxtModule(name)) {
-        await kit.installModule(name, options2);
-      } else {
-        nuxt.options[key] = defu.defu(nuxt.options[key], options2);
-      }
-    }
-    await registerModule("@nuxt/icon", "icon", { cssLayer: "components" });
-    if (options.fonts) {
-      await registerModule("@nuxt/fonts", "fonts", { experimental: { processCSSVariables: true } });
-    }
-    if (options.colorMode) {
-      await registerModule("@nuxtjs/color-mode", "colorMode", { classSuffix: "", disableTransition: true });
-    }
-    kit.addPlugin({ src: resolve("./runtime/plugins/colors") });
-    kit.addComponentsDir({
-      path: resolve("./runtime/components"),
-      prefix: options.prefix,
-      pathPrefix: false
-    });
-    kit.addImportsDir(resolve("./runtime/composables"));
-    templates.addTemplates(options, nuxt, resolve);
-  }
-});
-
-module.exports = module$1;

package/dist/module.d.cts

@@ -1,45 +0,0 @@
-import * as _nuxt_schema from '@nuxt/schema';
-export * from '../dist/runtime/types/index.js';
-
-interface ModuleOptions {
-    /**
-     * Prefix for components
-     * @defaultValue `U`
-     * @link https://ui.nuxt.com/getting-started/installation/nuxt#prefix
-     */
-    prefix?: string;
-    /**
-     * Enable or disable `@nuxt/fonts` module
-     * @defaultValue `true`
-     * @link https://ui.nuxt.com/getting-started/installation/nuxt#fonts
-     */
-    fonts?: boolean;
-    /**
-     * Enable or disable `@nuxtjs/color-mode` module
-     * @defaultValue `true`
-     * @link https://ui.nuxt.com/getting-started/installation/nuxt#colormode
-     */
-    colorMode?: boolean;
-    /**
-     * Customize how the theme is generated
-     * @link https://ui.nuxt.com/getting-started/theme
-     */
-    theme?: {
-        /**
-         * Define the color aliases available for components
-         * @defaultValue `['primary', 'secondary', 'success', 'info', 'warning', 'error']`
-         * @link https://ui.nuxt.com/getting-started/installation/nuxt#themecolors
-         */
-        colors?: string[];
-        /**
-         * Enable or disable transitions on components
-         * @defaultValue `true`
-         * @link https://ui.nuxt.com/getting-started/installation/nuxt#themetransitions
-         */
-        transitions?: boolean;
-    };
-}
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
-
-export { _default as default };
-export type { ModuleOptions };

package/dist/module.d.ts

@@ -1,45 +0,0 @@
-import * as _nuxt_schema from '@nuxt/schema';
-export * from '../dist/runtime/types/index.js';
-
-interface ModuleOptions {
-    /**
-     * Prefix for components
-     * @defaultValue `U`
-     * @link https://ui.nuxt.com/getting-started/installation/nuxt#prefix
-     */
-    prefix?: string;
-    /**
-     * Enable or disable `@nuxt/fonts` module
-     * @defaultValue `true`
-     * @link https://ui.nuxt.com/getting-started/installation/nuxt#fonts
-     */
-    fonts?: boolean;
-    /**
-     * Enable or disable `@nuxtjs/color-mode` module
-     * @defaultValue `true`
-     * @link https://ui.nuxt.com/getting-started/installation/nuxt#colormode
-     */
-    colorMode?: boolean;
-    /**
-     * Customize how the theme is generated
-     * @link https://ui.nuxt.com/getting-started/theme
-     */
-    theme?: {
-        /**
-         * Define the color aliases available for components
-         * @defaultValue `['primary', 'secondary', 'success', 'info', 'warning', 'error']`
-         * @link https://ui.nuxt.com/getting-started/installation/nuxt#themecolors
-         */
-        colors?: string[];
-        /**
-         * Enable or disable transitions on components
-         * @defaultValue `true`
-         * @link https://ui.nuxt.com/getting-started/installation/nuxt#themetransitions
-         */
-        transitions?: boolean;
-    };
-}
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
-
-export { _default as default };
-export type { ModuleOptions };