@nuxt/ui 3.0.0-alpha.12 → 3.0.0-alpha.13

package/dist/unplugin.cjs

@@ -3,26 +3,27 @@
 const node_url = require('node:url');
 const pathe = require('pathe');
 const unplugin = require('unplugin');
-const AutoImport = require('unplugin-auto-import');
 const defu = require('defu');
 const tailwind = require('@tailwindcss/vite');
-const templates = require('./shared/ui.ClMXjgLK.cjs');
+const templates = require('./shared/ui.C5FzRWM5.cjs');
 const tinyglobby = require('tinyglobby');
 const knitwork = require('knitwork');
 const MagicString = require('magic-string');
 const mlly = require('mlly');
 const AutoImportComponents = require('unplugin-vue-components');
+const AutoImport = require('unplugin-auto-import');
 require('../dist/runtime/utils/index.js');
 require('scule');
 require('@nuxt/kit');
+require('tailwindcss/colors');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
-const AutoImport__default = /*#__PURE__*/_interopDefaultCompat(AutoImport);
 const tailwind__default = /*#__PURE__*/_interopDefaultCompat(tailwind);
 const MagicString__default = /*#__PURE__*/_interopDefaultCompat(MagicString);
 const AutoImportComponents__default = /*#__PURE__*/_interopDefaultCompat(AutoImportComponents);
+const AutoImport__default = /*#__PURE__*/_interopDefaultCompat(AutoImport);
 
 function TemplatePlugin(options, appConfig) {
   const templates$1 = templates.getTemplates(options, appConfig.ui);
@@ -101,11 +102,23 @@ function AppConfigPlugin(options, appConfig) {
   };
 }
 
-function ComponentImportPlugin(framework, options) {
+function ComponentImportPlugin(options, meta) {
   const components = tinyglobby.globSync("**/*.vue", { cwd: pathe.join(runtimeDir, "components") });
   const componentNames = new Set(components.map((c) => `${options.prefix}${c.replace(/\.vue$/, "")}`));
   const overrides = tinyglobby.globSync("**/*.vue", { cwd: pathe.join(runtimeDir, "vue/components") });
   const overrideNames = new Set(overrides.map((c) => `${options.prefix}${c.replace(/\.vue$/, "")}`));
+  const pluginOptions = defu.defu(options.components, {
+    dts: options.dts ?? true,
+    exclude: [/[\\/]node_modules[\\/](?!\.pnpm|@nuxt\/ui)/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/],
+    resolvers: [
+      (componentName) => {
+        if (overrideNames.has(componentName))
+          return { name: "default", from: pathe.join(runtimeDir, "vue/components", `${componentName.slice(options.prefix.length)}.vue`) };
+        if (componentNames.has(componentName))
+          return { name: "default", from: pathe.join(runtimeDir, "components", `${componentName.slice(options.prefix.length)}.vue`) };
+      }
+    ]
+  });
   return [
     /**
      * This plugin aims to ensure we override certain components with Vue-compatible versions:
@@ -127,18 +140,7 @@ function ComponentImportPlugin(framework, options) {
         }
       }
     },
-    AutoImportComponents__default[framework]({
-      dts: options.dts ?? true,
-      exclude: [/[\\/]node_modules[\\/](?!\.pnpm|@nuxt\/ui)/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/],
-      resolvers: [
-        (componentName) => {
-          if (overrideNames.has(componentName))
-            return { name: "default", from: pathe.join(runtimeDir, "vue/components", `${componentName.slice(options.prefix.length)}.vue`) };
-          if (componentNames.has(componentName))
-            return { name: "default", from: pathe.join(runtimeDir, "components", `${componentName.slice(options.prefix.length)}.vue`) };
-        }
-      ]
-    })
+    AutoImportComponents__default.raw(pluginOptions, meta)
   ];
 }
 const RELATIVE_IMPORT_RE = /^\.{1,2}\//;
@@ -171,6 +173,14 @@ function NuxtEnvironmentPlugin() {
   };
 }
 
+function AutoImportPlugin(options, meta) {
+  const pluginOptions = defu.defu(options.autoImport, {
+    dts: options.dts ?? true,
+    dirs: [pathe.join(runtimeDir, "composables")]
+  });
+  return AutoImport__default.raw(pluginOptions, meta);
+}
+
 const runtimeDir = pathe.normalize(node_url.fileURLToPath(new URL("./runtime", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('unplugin.cjs', document.baseURI).href)))));
 const NuxtUIPlugin = unplugin.createUnplugin((_options = {}, meta) => {
   const options = defu.defu(_options, { fonts: false, devtools: { enabled: false } }, templates.defaultOptions);
@@ -179,13 +189,27 @@ const NuxtUIPlugin = unplugin.createUnplugin((_options = {}, meta) => {
   const appConfig = defu.defu({ ui: options.ui }, { ui: templates.getDefaultUiConfig(options.theme.colors) });
   return [
     NuxtEnvironmentPlugin(),
-    ...ComponentImportPlugin(meta.framework, options),
-    AutoImport__default[meta.framework]({ dts: options.dts ?? true, dirs: [pathe.join(runtimeDir, "composables")] }),
+    ComponentImportPlugin(options, meta),
+    AutoImportPlugin(options, meta),
     tailwind__default(),
     PluginsPlugin(options),
     TemplatePlugin(options, appConfig),
-    AppConfigPlugin(options, appConfig)
-  ];
+    AppConfigPlugin(options, appConfig),
+    {
+      name: "nuxt:ui:plugins-duplication-detection",
+      vite: {
+        configResolved(config) {
+          const plugins = config.plugins || [];
+          if (plugins.filter((i) => i.name === "unplugin-auto-import").length > 1) {
+            throw new Error("[Nuxt UI] Multiple instances of `unplugin-auto-import` detected. Nuxt UI includes `unplugin-auto-import` already, and you can configure it using `autoImport` option in Nuxt UI module options.");
+          }
+          if (plugins.filter((i) => i.name === "unplugin-vue-components").length > 1) {
+            throw new Error("[Nuxt UI] Multiple instances of `unplugin-vue-components` detected. Nuxt UI includes `unplugin-vue-components` already, and you can configure it using `components` option in Nuxt UI module options.");
+          }
+        }
+      }
+    }
+  ].flat(1);
 });
 
 exports.NuxtUIPlugin = NuxtUIPlugin;

package/dist/unplugin.d.cts

@@ -1,4 +1,6 @@
 import * as unplugin from 'unplugin';
+import { Options } from 'unplugin-auto-import/types';
+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.cjs';
@@ -42,6 +44,14 @@ interface NuxtUIOptions extends Omit<ModuleOptions, 'fonts' | 'colorMode'> {
      * @defaultValue `true`
      */
     colorMode?: boolean;
+    /**
+     * Override options for `unplugin-auto-import`
+     */
+    autoImport?: Partial<Options>;
+    /**
+     * Override options for `unplugin-vue-components`
+     */
+    components?: Partial<Options$1>;
 }
 declare const runtimeDir: string;
 declare const NuxtUIPlugin: unplugin.UnpluginInstance<NuxtUIOptions | undefined, boolean>;

package/dist/unplugin.d.mts

@@ -1,4 +1,6 @@
 import * as unplugin from 'unplugin';
+import { Options } from 'unplugin-auto-import/types';
+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';
@@ -42,6 +44,14 @@ interface NuxtUIOptions extends Omit<ModuleOptions, 'fonts' | 'colorMode'> {
      * @defaultValue `true`
      */
     colorMode?: boolean;
+    /**
+     * Override options for `unplugin-auto-import`
+     */
+    autoImport?: Partial<Options>;
+    /**
+     * Override options for `unplugin-vue-components`
+     */
+    components?: Partial<Options$1>;
 }
 declare const runtimeDir: string;
 declare const NuxtUIPlugin: unplugin.UnpluginInstance<NuxtUIOptions | undefined, boolean>;

package/dist/unplugin.d.ts

@@ -1,4 +1,6 @@
 import * as unplugin from 'unplugin';
+import { Options } from 'unplugin-auto-import/types';
+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.js';
@@ -42,6 +44,14 @@ interface NuxtUIOptions extends Omit<ModuleOptions, 'fonts' | 'colorMode'> {
      * @defaultValue `true`
      */
     colorMode?: boolean;
+    /**
+     * Override options for `unplugin-auto-import`
+     */
+    autoImport?: Partial<Options>;
+    /**
+     * Override options for `unplugin-vue-components`
+     */
+    components?: Partial<Options$1>;
 }
 declare const runtimeDir: string;
 declare const NuxtUIPlugin: unplugin.UnpluginInstance<NuxtUIOptions | undefined, boolean>;

package/dist/unplugin.mjs

@@ -1,18 +1,19 @@
 import { fileURLToPath } from 'node:url';
 import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
-import AutoImport from 'unplugin-auto-import';
 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.CENZ17mM.mjs';
+import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultUiConfig } from './shared/ui.DCZM2pl8.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';
 import { resolvePathSync } from 'mlly';
 import AutoImportComponents from 'unplugin-vue-components';
+import AutoImport from 'unplugin-auto-import';
 import '../dist/runtime/utils/index.js';
 import 'scule';
 import '@nuxt/kit';
+import 'tailwindcss/colors';
 
 function TemplatePlugin(options, appConfig) {
   const templates = getTemplates(options, appConfig.ui);
@@ -91,11 +92,23 @@ function AppConfigPlugin(options, appConfig) {
   };
 }
 
-function ComponentImportPlugin(framework, options) {
+function ComponentImportPlugin(options, meta) {
   const components = globSync("**/*.vue", { cwd: join(runtimeDir, "components") });
   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 pluginOptions = defu(options.components, {
+    dts: options.dts ?? true,
+    exclude: [/[\\/]node_modules[\\/](?!\.pnpm|@nuxt\/ui)/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/],
+    resolvers: [
+      (componentName) => {
+        if (overrideNames.has(componentName))
+          return { name: "default", from: join(runtimeDir, "vue/components", `${componentName.slice(options.prefix.length)}.vue`) };
+        if (componentNames.has(componentName))
+          return { name: "default", from: join(runtimeDir, "components", `${componentName.slice(options.prefix.length)}.vue`) };
+      }
+    ]
+  });
   return [
     /**
      * This plugin aims to ensure we override certain components with Vue-compatible versions:
@@ -117,18 +130,7 @@ function ComponentImportPlugin(framework, options) {
         }
       }
     },
-    AutoImportComponents[framework]({
-      dts: options.dts ?? true,
-      exclude: [/[\\/]node_modules[\\/](?!\.pnpm|@nuxt\/ui)/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/],
-      resolvers: [
-        (componentName) => {
-          if (overrideNames.has(componentName))
-            return { name: "default", from: join(runtimeDir, "vue/components", `${componentName.slice(options.prefix.length)}.vue`) };
-          if (componentNames.has(componentName))
-            return { name: "default", from: join(runtimeDir, "components", `${componentName.slice(options.prefix.length)}.vue`) };
-        }
-      ]
-    })
+    AutoImportComponents.raw(pluginOptions, meta)
   ];
 }
 const RELATIVE_IMPORT_RE = /^\.{1,2}\//;
@@ -161,6 +163,14 @@ function NuxtEnvironmentPlugin() {
   };
 }
 
+function AutoImportPlugin(options, meta) {
+  const pluginOptions = defu(options.autoImport, {
+    dts: options.dts ?? true,
+    dirs: [join(runtimeDir, "composables")]
+  });
+  return AutoImport.raw(pluginOptions, meta);
+}
+
 const runtimeDir = normalize(fileURLToPath(new URL("./runtime", import.meta.url)));
 const NuxtUIPlugin = createUnplugin((_options = {}, meta) => {
   const options = defu(_options, { fonts: false, devtools: { enabled: false } }, defaultOptions);
@@ -169,13 +179,27 @@ const NuxtUIPlugin = createUnplugin((_options = {}, meta) => {
   const appConfig = defu({ ui: options.ui }, { ui: getDefaultUiConfig(options.theme.colors) });
   return [
     NuxtEnvironmentPlugin(),
-    ...ComponentImportPlugin(meta.framework, options),
-    AutoImport[meta.framework]({ dts: options.dts ?? true, dirs: [join(runtimeDir, "composables")] }),
+    ComponentImportPlugin(options, meta),
+    AutoImportPlugin(options, meta),
     tailwind(),
     PluginsPlugin(options),
     TemplatePlugin(options, appConfig),
-    AppConfigPlugin(options, appConfig)
-  ];
+    AppConfigPlugin(options, appConfig),
+    {
+      name: "nuxt:ui:plugins-duplication-detection",
+      vite: {
+        configResolved(config) {
+          const plugins = config.plugins || [];
+          if (plugins.filter((i) => i.name === "unplugin-auto-import").length > 1) {
+            throw new Error("[Nuxt UI] Multiple instances of `unplugin-auto-import` detected. Nuxt UI includes `unplugin-auto-import` already, and you can configure it using `autoImport` option in Nuxt UI module options.");
+          }
+          if (plugins.filter((i) => i.name === "unplugin-vue-components").length > 1) {
+            throw new Error("[Nuxt UI] Multiple instances of `unplugin-vue-components` detected. Nuxt UI includes `unplugin-vue-components` already, and you can configure it using `components` option in Nuxt UI module options.");
+          }
+        }
+      }
+    }
+  ].flat(1);
 });
 
 export { NuxtUIPlugin, runtimeDir };

package/dist/vite.cjs

@@ -4,18 +4,19 @@ const unplugin = require('./unplugin.cjs');
 require('node:url');
 require('pathe');
 require('unplugin');
-require('unplugin-auto-import');
 require('defu');
 require('@tailwindcss/vite');
-require('./shared/ui.ClMXjgLK.cjs');
+require('./shared/ui.C5FzRWM5.cjs');
 require('../dist/runtime/utils/index.js');
 require('scule');
 require('@nuxt/kit');
+require('tailwindcss/colors');
 require('tinyglobby');
 require('knitwork');
 require('magic-string');
 require('mlly');
 require('unplugin-vue-components');
+require('unplugin-auto-import');
 
 const vite = unplugin.NuxtUIPlugin.vite;
 

package/dist/vite.d.cts

@@ -1,6 +1,8 @@
 import * as vite from 'vite';
 import { NuxtUIOptions } from './unplugin.cjs';
 import 'unplugin';
+import 'unplugin-auto-import/types';
+import 'unplugin-vue-components/types';
 import 'tailwindcss/colors';
 import '#build/ui';
 import './module.cjs';

package/dist/vite.d.mts

@@ -1,6 +1,8 @@
 import * as vite from 'vite';
 import { NuxtUIOptions } from './unplugin.mjs';
 import 'unplugin';
+import 'unplugin-auto-import/types';
+import 'unplugin-vue-components/types';
 import 'tailwindcss/colors';
 import '#build/ui';
 import './module.mjs';

package/dist/vite.d.ts

@@ -1,6 +1,8 @@
 import * as vite from 'vite';
 import { NuxtUIOptions } from './unplugin.js';
 import 'unplugin';
+import 'unplugin-auto-import/types';
+import 'unplugin-vue-components/types';
 import 'tailwindcss/colors';
 import '#build/ui';
 import './module.js';

package/dist/vite.mjs

@@ -2,18 +2,19 @@ import { NuxtUIPlugin } from './unplugin.mjs';
 import 'node:url';
 import 'pathe';
 import 'unplugin';
-import 'unplugin-auto-import';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/ui.CENZ17mM.mjs';
+import './shared/ui.DCZM2pl8.mjs';
 import '../dist/runtime/utils/index.js';
 import 'scule';
 import '@nuxt/kit';
+import 'tailwindcss/colors';
 import 'tinyglobby';
 import 'knitwork';
 import 'magic-string';
 import 'mlly';
 import 'unplugin-vue-components';
+import 'unplugin-auto-import';
 
 const vite = NuxtUIPlugin.vite;
 

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.0-alpha.12",
-  "packageManager": "pnpm@9.15.4",
+  "version": "3.0.0-alpha.13",
+  "packageManager": "pnpm@10.4.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/ui.git"
@@ -31,13 +31,18 @@
       "types": "./vue-plugin.d.ts"
     },
     "./runtime/*": "./dist/runtime/*",
+    "./utils/*": {
+      "types": "./dist/runtime/utils/*.d.ts",
+      "import": "./dist/runtime/utils/*.js"
+    },
     "./locale": {
       "types": "./dist/runtime/locale/index.d.ts",
       "import": "./dist/runtime/locale/index.js"
     }
   },
   "imports": {
-    "#build/ui/*": "./.nuxt/ui/*.ts"
+    "#build/ui/*": "./.nuxt/ui/*.ts",
+    "#build/ui.css": "./.nuxt/ui.css"
   },
   "bin": {
     "nuxt-ui": "./cli/index.mjs"
@@ -47,6 +52,7 @@
   "types": "./dist/types.d.ts",
   "files": [
     ".nuxt/ui",
+    ".nuxt/ui.css",
     "dist",
     "cli",
     "vue-plugin.d.ts"
@@ -76,18 +82,18 @@
     "@iconify/vue": "^4.3.0",
     "@internationalized/date": "^3.7.0",
     "@internationalized/number": "^3.6.0",
-    "@nuxt/devtools-kit": "^1.7.0",
+    "@nuxt/devtools-kit": "^2.1.0",
     "@nuxt/fonts": "^0.10.3",
     "@nuxt/icon": "^1.10.3",
-    "@nuxt/kit": "^3.15.3",
-    "@nuxt/schema": "^3.15.3",
+    "@nuxt/kit": "^3.15.4",
+    "@nuxt/schema": "^3.15.4",
     "@nuxtjs/color-mode": "^3.5.2",
-    "@tailwindcss/postcss": "4.0.0",
-    "@tailwindcss/vite": "4.0.0",
-    "@tanstack/vue-table": "^8.20.5",
-    "@unhead/vue": "^1.11.18",
-    "@vueuse/core": "^12.5.0",
-    "@vueuse/integrations": "^12.5.0",
+    "@tailwindcss/postcss": "^4.0.6",
+    "@tailwindcss/vite": "^4.0.6",
+    "@tanstack/vue-table": "^8.21.2",
+    "@unhead/vue": "^1.11.19",
+    "@vueuse/core": "^12.7.0",
+    "@vueuse/integrations": "^12.7.0",
     "colortranslator": "^4.1.0",
     "consola": "^3.4.0",
     "defu": "^6.1.4",
@@ -98,46 +104,46 @@
     "embla-carousel-fade": "^8.5.2",
     "embla-carousel-vue": "^8.5.2",
     "embla-carousel-wheel-gestures": "^8.0.1",
-    "fuse.js": "^7.0.0",
+    "fuse.js": "^7.1.0",
     "get-port-please": "^3.1.2",
     "knitwork": "^1.2.0",
     "magic-string": "^0.30.17",
     "mlly": "^1.7.4",
     "ohash": "^1.1.4",
-    "pathe": "^2.0.2",
-    "reka-ui": "1.0.0-alpha.8",
+    "pathe": "^2.0.3",
+    "reka-ui": "1.0.0-alpha.10",
     "scule": "^1.3.0",
     "sirv": "^3.0.0",
     "tailwind-variants": "^0.3.1",
-    "tailwindcss": "4.0.0",
+    "tailwindcss": "^4.0.6",
     "tinyglobby": "^0.2.10",
-    "unplugin": "^2.1.2",
-    "unplugin-auto-import": "^19.0.0",
-    "unplugin-vue-components": "^28.0.0",
-    "vaul-vue": "^0.2.0"
+    "unplugin": "^2.2.0",
+    "unplugin-auto-import": "^19.1.0",
+    "unplugin-vue-components": "^28.1.0",
+    "vaul-vue": "^0.2.1"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^0.7.5",
+    "@nuxt/eslint-config": "^1.0.1",
     "@nuxt/module-builder": "^0.8.4",
     "@nuxt/test-utils": "^3.15.4",
     "@release-it/conventional-changelog": "^10.0.0",
-    "@standard-schema/spec": "1.0.0",
+    "@standard-schema/spec": "^1.0.0",
     "@vue/test-utils": "^2.4.6",
     "embla-carousel": "^8.5.2",
-    "eslint": "^9.19.0",
-    "happy-dom": "^15.7.4",
+    "eslint": "^9.20.1",
+    "happy-dom": "^17.1.0",
     "joi": "^17.13.3",
     "knitwork": "^1.2.0",
-    "nuxt": "^3.15.3",
+    "nuxt": "^3.15.4",
     "nuxt-component-meta": "^0.10.0",
     "release-it": "^18.1.2",
     "superstruct": "^2.0.2",
     "valibot": "^0.42.1",
-    "vitest": "^3.0.4",
+    "vitest": "^3.0.5",
     "vitest-environment-nuxt": "^1.0.1",
     "vue-tsc": "^2.2.0",
     "yup": "^1.6.1",
-    "zod": "^3.24.1"
+    "zod": "^3.24.2"
   },
   "peerDependencies": {
     "typescript": "^5.6.3"
@@ -146,12 +152,33 @@
     "@nuxt/ui": "workspace:*",
     "chokidar": "3.6.0",
     "debug": "4.3.7",
-    "happy-dom": "14.12.3",
-    "rollup": "^4.24.0",
+    "rollup": "4.32.1",
     "typescript": "5.6.3",
     "unimport": "3.14.5",
-    "unplugin": "^2.1.2",
-    "vite": "^6.0.7",
-    "vue-tsc": "^2.2.0"
-  }
+    "unplugin": "^2.2.0",
+    "vite": "6.0.11",
+    "vue": "3.5.13",
+    "vue-tsc": "2.2.0"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "better-sqlite3"
+    ]
+  },
+  "keywords": [
+    "nuxt-ui",
+    "nuxt",
+    "vue3",
+    "tailwindcss",
+    "component library",
+    "vue",
+    "vuejs",
+    "vue.js",
+    "typescript",
+    "vue-components",
+    "ui",
+    "tailwind",
+    "framework",
+    "ui-framework"
+  ]
 }