@eslamdevui/ui 4.1.1-rc.1 → 4.3.0

package/dist/unplugin.d.mts

@@ -25,6 +25,7 @@ declare const _default: {
     copy: string;
     copyCheck: string;
     dark: string;
+    drag: string;
     ellipsis: string;
     error: string;
     external: string;
@@ -59,6 +60,7 @@ type AppConfigUI = {
         neutral?: NeutralColor;
     };
     icons?: Partial<typeof _default>;
+    prefix?: string;
 } & TVConfig<typeof ui>;
 interface NuxtUIOptions extends Omit<ModuleOptions, 'fonts' | 'colorMode'> {
     /** Whether to generate declaration files for auto-imported components. */
@@ -77,10 +79,23 @@ interface NuxtUIOptions extends Omit<ModuleOptions, 'fonts' | 'colorMode'> {
      * Override options for `unplugin-vue-components`
      */
     components?: Partial<Options$1>;
+    /**
+     * Router integration mode
+     * - `true` (default): Use vue-router integration
+     * - `false`: Disable routing, use anchor tags
+     * - `'inertia'`: Use Inertia.js compatibility layer
+     * @defaultValue `true`
+     */
+    router?: boolean | 'inertia';
     /**
      * Enables compatibility layer for InertiaJS
+     * @deprecated Use `router: 'inertia'` instead
      */
     inertia?: boolean;
+    /**
+     * Additional packages to scan for components using Nuxt UI
+     */
+    scanPackages?: string[];
 }
 declare const runtimeDir: string;
 declare const NuxtUIPlugin: unplugin.UnpluginInstance<NuxtUIOptions | undefined, boolean>;

package/dist/unplugin.mjs

@@ -3,7 +3,9 @@ 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.Dy8dMbVj.mjs';
+import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultConfig } from './shared/ui.ZAh839z9.mjs';
+import fs from 'node:fs';
+import path from 'node:path';
 import MagicString from 'magic-string';
 import { genSafeVariableName } from 'knitwork';
 import { resolvePathSync } from 'mlly';
@@ -11,17 +13,43 @@ import { globSync } from 'tinyglobby';
 import AutoImportComponents from 'unplugin-vue-components';
 import AutoImport from 'unplugin-auto-import';
 import '../dist/runtime/utils/index.js';
-import 'node:fs/promises';
 import 'scule';
 import 'tailwindcss/colors';
 import '@nuxt/kit';
+import 'node:fs/promises';
 
 function TemplatePlugin(options, appConfig) {
   const templates = getTemplates(options, appConfig.ui);
   const templateKeys = new Set(templates.map((t) => `#build/${t.filename}`));
+  async function writeTemplates(root) {
+    const map = {};
+    const dir = path.join(root, "node_modules", ".nuxt-ui");
+    for (const template of templates) {
+      if (!template.write || !template.filename) {
+        continue;
+      }
+      const filePath = path.join(dir, template.filename);
+      if (!fs.existsSync(path.dirname(filePath))) {
+        fs.mkdirSync(path.dirname(filePath), { recursive: true });
+      }
+      fs.writeFileSync(filePath, await template.getContents({}));
+      map[`#build/${template.filename}`] = filePath;
+    }
+    return map;
+  }
   return {
     name: "nuxt:ui:templates",
     enforce: "pre",
+    vite: {
+      async config(config) {
+        const alias = await writeTemplates(config.root || process.cwd());
+        return {
+          resolve: {
+            alias
+          }
+        };
+      }
+    },
     resolveId(id) {
       if (templateKeys.has(id + ".ts")) {
         return id.replace("#build/", "virtual:nuxt-ui-templates/") + ".ts";
@@ -118,56 +146,80 @@ function AppConfigPlugin(_options, appConfig) {
   };
 }
 
-function ComponentImportPlugin(options, meta) {
-  const components = globSync("**/*.vue", {
-    cwd: join(runtimeDir, "components"),
-    ignore: [
-      !options.colorMode && "color-mode/**/*.vue",
-      "content/*.vue",
-      "prose/**/*.vue"
-    ].filter(Boolean)
-  });
-  const componentNames = new Set(components.map((c) => `${options.prefix}${c.split("/").pop()?.replace(/\.vue$/, "")}`));
-  const componentPaths = new Map(components.map((c) => {
-    const name = c.replace(/\.vue$/, "");
-    const componentName = `${options.prefix}${name.split("/").pop()}`;
-    return [componentName, c];
-  }));
-  const overrides = globSync("**/*.vue", {
-    cwd: join(runtimeDir, "vue/components"),
-    ignore: [
-      !options.colorMode && "color-mode/**/*.vue"
-    ].filter(Boolean)
-  });
-  const overrideNames = new Set(overrides.map((c) => `${options.prefix}${c.split("/").pop()?.replace(/\.vue$/, "")}`));
-  const overridePaths = new Map(overrides.map((c) => {
-    const name = c.replace(/\.vue$/, "");
-    const componentName = `${options.prefix}${name.split("/").pop()}`;
+function resolveRouterMode(options) {
+  if (options.router === false) {
+    return "none";
+  }
+  if (options.router === "inertia") {
+    return "inertia";
+  }
+  if (options.router === void 0 && options.inertia === true) {
+    return "inertia";
+  }
+  return "vue-router";
+}
+
+function createComponentSource(cwd, prefix, ignore = []) {
+  const files = globSync("**/*.vue", { cwd, ignore: ignore.filter(Boolean) });
+  const names = new Set(files.map((c) => `${prefix}${c.split("/").pop()?.replace(/\.vue$/, "")}`));
+  const paths = new Map(files.map((c) => {
+    const componentName = `${prefix}${c.split("/").pop()?.replace(/\.vue$/, "")}`;
     return [componentName, c];
   }));
-  const inertiaOverrides = globSync("**/*.vue", {
-    cwd: join(runtimeDir, "inertia/components")
-  });
-  const inertiaOverrideNames = new Set(inertiaOverrides.map((c) => `${options.prefix}${c.replace(/\.vue$/, "")}`));
+  return {
+    has: (name) => names.has(name),
+    resolve: (componentName) => {
+      const relativePath = paths.get(componentName);
+      if (!relativePath) return;
+      return { name: "default", from: join(cwd, relativePath) };
+    },
+    resolveFile: (filename) => {
+      const componentName = `${prefix}${filename}`;
+      const relativePath = paths.get(componentName);
+      if (!relativePath) return;
+      return join(cwd, relativePath);
+    }
+  };
+}
+function ComponentImportPlugin(options, meta) {
+  const colorModeIgnore = !options.colorMode ? ["color-mode/**/*.vue"] : [];
+  const routerMode = resolveRouterMode(options);
+  const routerOverrides = {
+    "vue-router": createComponentSource(join(runtimeDir, "vue/overrides/vue-router"), options.prefix),
+    "inertia": createComponentSource(join(runtimeDir, "vue/overrides/inertia"), options.prefix),
+    "none": createComponentSource(join(runtimeDir, "vue/overrides/none"), options.prefix)
+  };
+  const unpluginComponents = createComponentSource(
+    join(runtimeDir, "vue/components"),
+    options.prefix,
+    colorModeIgnore
+  );
+  const defaultComponents = createComponentSource(
+    join(runtimeDir, "components"),
+    options.prefix,
+    [...colorModeIgnore, "content/*.vue", "prose/**/*.vue"]
+  );
+  const sources = [routerOverrides[routerMode], unpluginComponents, defaultComponents].filter((s) => !!s);
+  const packagesToScan = [
+    "@eslamdevui/ui",
+    "@compodium/examples",
+    ...Array.isArray(options.scanPackages) ? options.scanPackages : []
+  ];
+  const escapeRegex = (str) => str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const packagesRegex = packagesToScan.map(escapeRegex).join("|");
+  const excludeRegex = new RegExp(`[\\\\/]node_modules[\\\\/](?!\\.pnpm|${packagesRegex})`);
   const pluginOptions = defu(options.components, {
     dts: options.dts ?? true,
     exclude: [
-      /[\\/]node_modules[\\/](?!\.pnpm|@nuxt\/ui|@compodium\/examples)/,
+      excludeRegex,
       /[\\/]\.git[\\/]/,
       /[\\/]\.nuxt[\\/]/
     ],
     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)) {
-          const relativePath = overridePaths.get(componentName);
-          return { name: "default", from: join(runtimeDir, "vue/components", relativePath) };
-        }
-        if (componentNames.has(componentName)) {
-          const relativePath = componentPaths.get(componentName);
-          return { name: "default", from: join(runtimeDir, "components", relativePath) };
+        for (const source of sources) {
+          const resolved = source.resolve(componentName);
+          if (resolved) return resolved;
         }
       }
     ]
@@ -188,12 +240,11 @@ 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}`)) {
-          const relativePath = overridePaths.get(`${options.prefix}${filename}`);
-          return join(runtimeDir, "vue/components", relativePath);
+        if (filename) {
+          for (const source of sources) {
+            const resolved = source.resolveFile(filename);
+            if (resolved) return resolved;
+          }
         }
       }
     },
@@ -203,7 +254,9 @@ function ComponentImportPlugin(options, meta) {
 const RELATIVE_IMPORT_RE = /^\.{1,2}\//;
 
 function NuxtEnvironmentPlugin(options) {
-  const stubPath = resolvePathSync(options.inertia ? "../runtime/inertia/stubs" : "../runtime/vue/stubs", { extensions: [".ts", ".mjs", ".js"], url: import.meta.url });
+  const routerMode = resolveRouterMode(options);
+  const stubsPath = `../runtime/vue/stubs/${routerMode}`;
+  const stubPath = resolvePathSync(stubsPath, { extensions: [".ts", ".mjs", ".js"], url: import.meta.url });
   return {
     name: "nuxt:ui",
     enforce: "pre",
@@ -243,7 +296,7 @@ const NuxtUIPlugin = createUnplugin((_options = {}, meta) => {
   const options = defu(_options, { fonts: false }, defaultOptions);
   options.theme = options.theme || {};
   options.theme.colors = resolveColors(options.theme.colors);
-  const appConfig = defu({ ui: options.ui, colorMode: options.colorMode }, { ui: getDefaultUiConfig(options.theme.colors) });
+  const appConfig = defu({ ui: options.ui, colorMode: options.colorMode }, { ui: getDefaultConfig(options.theme) });
   return [
     NuxtEnvironmentPlugin(options),
     ComponentImportPlugin(options, meta),

package/dist/vite.mjs

@@ -4,14 +4,16 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/ui.Dy8dMbVj.mjs';
+import './shared/ui.ZAh839z9.mjs';
 import '../dist/runtime/utils/index.js';
-import 'node:fs/promises';
-import 'tinyglobby';
 import 'scule';
 import 'knitwork';
 import 'tailwindcss/colors';
 import '@nuxt/kit';
+import 'node:fs/promises';
+import 'tinyglobby';
+import 'node:fs';
+import 'node:path';
 import 'magic-string';
 import 'mlly';
 import 'unplugin-vue-components';

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@eslamdevui/ui",
   "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
-  "version": "4.1.1-rc.1",
-  "packageManager": "pnpm@10.24.0",
+  "version": "4.3.0",
+  "packageManager": "pnpm@10.26.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/ui.git"
@@ -29,7 +29,14 @@
     },
     "./runtime/*": "./dist/runtime/*",
     "./components/*": "./dist/runtime/components/*",
-    "./composables/*": "./dist/runtime/composables/*",
+    "./composables": {
+      "types": "./dist/runtime/composables/index.d.ts",
+      "import": "./dist/runtime/composables/index.js"
+    },
+    "./composables/*": {
+      "types": "./dist/runtime/composables/*.d.ts",
+      "import": "./dist/runtime/composables/*.js"
+    },
     "./utils": {
       "types": "./dist/runtime/utils/index.d.ts",
       "import": "./dist/runtime/utils/index.js"
@@ -63,8 +70,11 @@
       "components/*": [
         "./dist/runtime/components/*"
       ],
+      "composables": [
+        "./dist/runtime/composables/index.d.ts"
+      ],
       "composables/*": [
-        "./dist/runtime/composables/*"
+        "./dist/runtime/composables/*.d.ts"
       ],
       "utils": [
         "./dist/runtime/utils/index.d.ts"
@@ -78,7 +88,6 @@
     }
   },
   "imports": {
-    "#build/ui/*": "./.nuxt/ui/*.ts",
     "#build/ui.css": "./.nuxt/ui.css"
   },
   "bin": {
@@ -87,7 +96,6 @@
   "style": "./dist/runtime/index.css",
   "main": "./dist/module.mjs",
   "files": [
-    ".nuxt/ui",
     ".nuxt/ui.css",
     "dist",
     "cli",
@@ -107,27 +115,40 @@
     "lint:fix": "eslint . --fix",
     "typecheck": "vue-tsc --noEmit && nuxt typecheck playgrounds/nuxt && nuxt typecheck docs && cd playgrounds/vue && vue-tsc --noEmit",
     "test": "vitest",
-    "test:vue": "vitest -c vitest.vue.config.ts",
+    "test:vue": "vitest --project vue",
+    "test:nuxt": "vitest --project nuxt",
     "release": "release-it"
   },
   "dependencies": {
-    "@ai-sdk/vue": "^2.0.76",
     "@iconify/vue": "^5.0.0",
-    "@internationalized/date": "^3.10.0",
+    "@internationalized/date": "^3.10.1",
     "@internationalized/number": "^3.6.5",
-    "@nuxt/fonts": "^0.11.4",
-    "@nuxt/icon": "^2.0.0",
-    "@nuxt/kit": "^4.1.2",
-    "@nuxt/schema": "^4.1.2",
+    "@nuxt/fonts": "^0.12.1",
+    "@nuxt/icon": "^2.1.1",
+    "@nuxt/kit": "^4.2.2",
+    "@nuxt/schema": "^4.2.2",
     "@nuxtjs/color-mode": "^3.5.2",
-    "@standard-schema/spec": "^1.0.0",
-    "@tailwindcss/postcss": "^4.1.16",
-    "@tailwindcss/vite": "^4.1.16",
+    "@standard-schema/spec": "^1.1.0",
+    "@tailwindcss/postcss": "^4.1.18",
+    "@tailwindcss/vite": "^4.1.18",
     "@tanstack/vue-table": "^8.21.3",
-    "@tanstack/vue-virtual": "^3.13.12",
+    "@tanstack/vue-virtual": "^3.13.13",
+    "@tiptap/core": "3.13.0",
+    "@tiptap/extension-bubble-menu": "3.13.0",
+    "@tiptap/extension-drag-handle-vue-3": "3.13.0",
+    "@tiptap/extension-floating-menu": "3.13.0",
+    "@tiptap/extension-horizontal-rule": "3.13.0",
+    "@tiptap/extension-image": "3.13.0",
+    "@tiptap/extension-mention": "3.13.0",
+    "@tiptap/extension-placeholder": "3.13.0",
+    "@tiptap/markdown": "3.13.0",
+    "@tiptap/pm": "3.13.0",
+    "@tiptap/starter-kit": "3.13.0",
+    "@tiptap/suggestion": "3.13.0",
+    "@tiptap/vue-3": "3.13.0",
     "@unhead/vue": "^2.0.19",
-    "@vueuse/core": "^13.9.0",
-    "@vueuse/integrations": "^13.9.0",
+    "@vueuse/core": "^14.1.0",
+    "@vueuse/integrations": "^14.1.0",
     "colortranslator": "^5.0.0",
     "consola": "^3.4.2",
     "defu": "^6.1.4",
@@ -140,44 +161,44 @@
     "embla-carousel-wheel-gestures": "^8.1.0",
     "fuse.js": "^7.1.0",
     "hookable": "^5.5.3",
-    "knitwork": "^1.2.0",
-    "magic-string": "^0.30.19",
+    "knitwork": "^1.3.0",
+    "magic-string": "^0.30.21",
     "mlly": "^1.8.0",
     "motion-v": "^1.7.3",
     "ohash": "^2.0.11",
     "pathe": "^2.0.3",
-    "reka-ui": "2.6.0",
+    "reka-ui": "2.6.1",
     "scule": "^1.3.0",
-    "tailwind-merge": "^3.3.1",
-    "tailwind-variants": "^3.1.1",
-    "tailwindcss": "^4.1.16",
+    "tailwind-merge": "^3.4.0",
+    "tailwind-variants": "^3.2.2",
+    "tailwindcss": "^4.1.18",
     "tinyglobby": "^0.2.15",
-    "unplugin": "^2.3.10",
-    "unplugin-auto-import": "^20.2.0",
+    "unplugin": "^2.3.11",
+    "unplugin-auto-import": "^20.3.0",
     "unplugin-vue-components": "^30.0.0",
     "vaul-vue": "0.4.1",
-    "vue-component-type-helpers": "^3.1.1"
+    "vue-component-type-helpers": "^3.1.5"
   },
   "devDependencies": {
-    "@nuxt/content": "^3.7.1",
-    "@nuxt/eslint-config": "^1.9.0",
+    "@nuxt/eslint-config": "^1.12.1",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/test-utils": "^3.19.2",
-    "@release-it/conventional-changelog": "^10.0.1",
+    "@nuxt/test-utils": "^3.21.0",
+    "@release-it/conventional-changelog": "^10.0.4",
     "@vue/test-utils": "^2.4.6",
-    "ai": "^5.0.76",
+    "ai": "^5.0.114",
     "embla-carousel": "^8.6.0",
-    "eslint": "^9.38.0",
-    "happy-dom": "^20.0.7",
-    "nuxt": "^4.1.2",
-    "release-it": "^19.0.5",
+    "eslint": "^9.39.2",
+    "happy-dom": "^20.0.11",
+    "nuxt": "^4.2.2",
+    "release-it": "^19.1.0",
     "vitest": "^3.2.4",
     "vitest-axe": "^0.1.0",
     "vitest-environment-nuxt": "^1.0.1",
-    "vue-tsc": "^3.1.1"
+    "vue-tsc": "^3.1.5"
   },
   "peerDependencies": {
     "@inertiajs/vue3": "^2.0.7",
+    "@nuxt/content": "^3.0.0",
     "joi": "^18.0.0",
     "superstruct": "^2.0.0",
     "typescript": "^5.6.3",
@@ -190,6 +211,9 @@
     "@inertiajs/vue3": {
       "optional": true
     },
+    "@nuxt/content": {
+      "optional": true
+    },
     "joi": {
       "optional": true
     },
@@ -210,12 +234,11 @@
     }
   },
   "resolutions": {
-    "@nuxt/kit": "^4.1.2",
+    "@nuxt/kit": "^4.2.2",
     "@eslamdevui/ui": "workspace:*",
-    "debug": "4.3.7",
     "typescript": "5.8.3",
-    "unimport": "4.1.1",
-    "unplugin": "^2.3.10"
+    "unplugin": "^2.3.11",
+    "c12": "^3.3.2"
   },
   "keywords": [
     "nuxt-ui",

package/.nuxt/ui/accordion.ts

@@ -1,20 +0,0 @@
-export default {
-  "slots": {
-    "root": "w-full",
-    "item": "border-b border-default last:border-b-0",
-    "header": "flex",
-    "trigger": "group flex-1 flex items-center gap-1.5 font-medium text-sm py-3.5 focus-visible:outline-primary min-w-0",
-    "content": "data-[state=open]:animate-[accordion-down_200ms_ease-out] data-[state=closed]:animate-[accordion-up_200ms_ease-out] overflow-hidden focus:outline-none",
-    "body": "text-sm pb-3.5",
-    "leadingIcon": "shrink-0 size-5",
-    "trailingIcon": "shrink-0 size-5 ms-auto group-data-[state=open]:rotate-180 transition-transform duration-200",
-    "label": "text-start break-words"
-  },
-  "variants": {
-    "disabled": {
-      "true": {
-        "trigger": "cursor-not-allowed opacity-75"
-      }
-    }
-  }
-}