@eslamdevui/ui 3.3.4 → 4.0.0-beta

package/dist/unplugin.d.mts

@@ -9,10 +9,11 @@ import '@nuxt/schema';
 import '../dist/runtime/types/index.js';
 
 declare const _default: {
-    arrowUp: string;
     arrowDown: string;
     arrowLeft: string;
     arrowRight: string;
+    arrowUp: string;
+    caution: string;
     check: string;
     chevronDoubleLeft: string;
     chevronDoubleRight: string;
@@ -21,34 +22,33 @@ declare const _default: {
     chevronRight: string;
     chevronUp: string;
     close: string;
-    ellipsis: string;
-    external: string;
-    file: string;
-    folder: string;
-    folderOpen: string;
-    loading: string;
-    minus: string;
-    plus: string;
-    reload: string;
-    search: string;
-    upload: string;
-    stop: string;
-    caution: string;
     copy: string;
     copyCheck: string;
     dark: string;
+    ellipsis: string;
     error: string;
+    external: string;
     eye: string;
     eyeOff: string;
+    file: string;
+    folder: string;
+    folderOpen: string;
     hash: string;
     info: string;
     light: string;
+    loading: string;
     menu: string;
+    minus: string;
     panelClose: string;
     panelOpen: string;
+    plus: string;
+    reload: string;
+    search: string;
+    stop: string;
     success: string;
     system: string;
     tip: string;
+    upload: string;
     warning: string;
 };
 

package/dist/unplugin.mjs

@@ -3,32 +3,32 @@ 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.CgUuvRXi.mjs';
-import { globSync } from 'tinyglobby';
-import { genSafeVariableName } from 'knitwork';
+import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultUiConfig } from './shared/ui.BBlr3wu_.mjs';
 import MagicString from 'magic-string';
+import { genSafeVariableName } from 'knitwork';
 import { resolvePathSync } from 'mlly';
+import { globSync } from 'tinyglobby';
 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';
+import '@nuxt/kit';
 
 function TemplatePlugin(options, appConfig) {
   const templates = getTemplates(options, appConfig.ui);
   const templateKeys = new Set(templates.map((t) => `#build/${t.filename}`));
   return {
-    name: "eslamdevui:ui:templates",
+    name: "nuxt:ui:templates",
     enforce: "pre",
     resolveId(id) {
       if (templateKeys.has(id + ".ts")) {
-        return id.replace("#build/", "virtual:eslamdevui-ui-templates/") + ".ts";
+        return id.replace("#build/", "virtual:nuxt-ui-templates/") + ".ts";
       }
     },
-    loadInclude: (id) => templateKeys.has(id.replace("virtual:eslamdevui-ui-templates/", "#build/")),
+    loadInclude: (id) => templateKeys.has(id.replace("virtual:nuxt-ui-templates/", "#build/")),
     load(id) {
-      id = id.replace("virtual:eslamdevui-ui-templates/", "#build/");
+      id = id.replace("virtual:nuxt-ui-templates/", "#build/");
       return templates.find((t) => `#build/${t.filename}` === id).getContents({});
     }
   };
@@ -41,11 +41,11 @@ function PluginsPlugin(options) {
     plugins.push(resolvePathSync("../runtime/vue/plugins/color-mode", { extensions: [".ts", ".mjs", ".js"], url: import.meta.url }));
   }
   return {
-    name: "eslamdevui:ui:plugins",
+    name: "nuxt:ui:plugins",
     enforce: "pre",
     resolveId(id) {
       if (id === "@eslamdevui/ui/vue-plugin") {
-        return "virtual:eslamdevui-ui-plugins";
+        return "virtual:nuxt-ui-plugins";
       }
     },
     transform(code, id) {
@@ -60,7 +60,7 @@ function PluginsPlugin(options) {
         }
       }
     },
-    loadInclude: (id) => id === "virtual:eslamdevui-ui-plugins",
+    loadInclude: (id) => id === "virtual:nuxt-ui-plugins",
     load() {
       return `
         ${plugins.map((p) => `import ${genSafeVariableName(p)} from "${p}"`).join("\n")}
@@ -86,16 +86,16 @@ ${plugins.map((p) => `    app.use(${genSafeVariableName(p)})`).join("\n")}
   };
 }
 
-function AppConfigPlugin(options, appConfig) {
+function AppConfigPlugin(_options, appConfig) {
   return {
-    name: "eslamdevui:ui:app-config",
+    name: "nuxt:ui:app-config",
     enforce: "pre",
     resolveId(id) {
       if (id === "#build/app.config") {
-        return "virtual:eslamdevui-ui-app-config";
+        return "virtual:nuxt-ui-app-config";
       }
     },
-    loadInclude: (id) => id === "virtual:eslamdevui-ui-app-config",
+    loadInclude: (id) => id === "virtual:nuxt-ui-app-config",
     load() {
       return `
           export default ${JSON.stringify(appConfig)}
@@ -118,16 +118,35 @@ function AppConfigPlugin(options, appConfig) {
 }
 
 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 inertiaOverrides = globSync("**/*.vue", { cwd: join(runtimeDir, "inertia/components") });
+  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 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()}`;
+    return [componentName, c];
+  }));
+  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: [
-      /[\\/]node_modules[\\/](?!\.pnpm|@eslamdevui\/ui|@compodium\/examples)/,
+      /[\\/]node_modules[\\/](?!\.pnpm|@nuxt\/ui|@compodium\/examples)/,
       /[\\/]\.git[\\/]/,
       /[\\/]\.nuxt[\\/]/
     ],
@@ -136,8 +155,10 @@ function ComponentImportPlugin(options, meta) {
         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 (overrideNames.has(componentName)) {
+          const relativePath = overridePaths.get(componentName);
+          return { name: "default", from: join(runtimeDir, "vue/components", relativePath) };
+        }
         if (componentNames.has(componentName))
           return { name: "default", from: join(runtimeDir, "components", `${componentName.slice(options.prefix.length)}.vue`) };
       }
@@ -149,16 +170,13 @@ function ComponentImportPlugin(options, meta) {
      * <UIcon> and <ULink> currently.
      */
     {
-      name: "eslamdevui:ui:components",
+      name: "nuxt:ui:components",
       enforce: "pre",
       resolveId(id, importer) {
-        if (!importer) {
-          return;
-        }
-        if (!normalize(importer).includes(runtimeDir) && (!options.extraRuntimeDir || !normalize(importer).includes(options.extraRuntimeDir))) {
+        if (!importer || !normalize(importer).includes(runtimeDir)) {
           return;
         }
-        if (!RELATIVE_IMPORT_RE.test(id) && !id.startsWith("@nuxt/ui/components/")) {
+        if (!RELATIVE_IMPORT_RE.test(id)) {
           return;
         }
         const filename = id.match(/([^/]+)\.vue$/)?.[1];
@@ -166,7 +184,8 @@ function ComponentImportPlugin(options, meta) {
           return join(runtimeDir, "inertia/components", `${filename}.vue`);
         }
         if (filename && overrideNames.has(`${options.prefix}${filename}`)) {
-          return join(runtimeDir, "vue/components", `${filename}.vue`);
+          const relativePath = overridePaths.get(`${options.prefix}${filename}`);
+          return join(runtimeDir, "vue/components", relativePath);
         }
       }
     },
@@ -178,7 +197,7 @@ 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 });
   return {
-    name: "eslamdevui:ui",
+    name: "nuxt:ui",
     enforce: "pre",
     resolveId(id) {
       if (id === "#imports") {
@@ -226,7 +245,7 @@ const NuxtUIPlugin = createUnplugin((_options = {}, meta) => {
     TemplatePlugin(options, appConfig),
     AppConfigPlugin(options, appConfig),
     {
-      name: "eslamdevui:ui:plugins-duplication-detection",
+      name: "nuxt:ui:plugins-duplication-detection",
       vite: {
         configResolved(config) {
           const plugins = config.plugins || [];

package/dist/vite.mjs

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

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@eslamdevui/ui",
   "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
-  "version": "3.3.4",
-  "packageManager": "pnpm@10.13.1",
+  "version": "4.0.0-beta",
+  "packageManager": "pnpm@10.17.0",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/MohamedEslam04/ui.git"
+    "url": "git+https://github.com/nuxt/ui.git"
   },
-  "homepage": "https://ui.nuxt.com/pro",
+  "homepage": "https://ui.nuxt.com",
   "type": "module",
   "license": "MIT",
   "exports": {
@@ -82,7 +82,7 @@
     "#build/ui.css": "./.nuxt/ui.css"
   },
   "bin": {
-    "eslamdevui-ui": "cli/index.mjs"
+    "nuxt-ui": "./cli/index.mjs"
   },
   "style": "./dist/runtime/index.css",
   "main": "./dist/module.mjs",
@@ -96,98 +96,91 @@
   "scripts": {
     "build": "nuxt-module-build build",
     "prepack": "pnpm build",
-    "dev": "nuxt dev playground --uiDev",
-    "dev:build": "nuxt build playground",
-    "dev:vue": "pnpm --filter playground-vue dev -- --uiDev",
-    "dev:vue:build": "pnpm --filter playground-vue build",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playground && nuxt prepare docs && pnpm dev:vue:build",
+    "dev": "nuxt dev playgrounds/nuxt --uiDev",
+    "dev:build": "nuxt build playgrounds/nuxt",
+    "dev:vue": "pnpm --filter './playgrounds/vue' dev -- --uiDev",
+    "dev:vue:build": "pnpm --filter './playgrounds/vue' build",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playgrounds/nuxt && nuxt prepare docs && pnpm dev:vue:build",
     "docs": "nuxt dev docs --uiDev",
     "docs:build": "nuxt build docs",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
-    "typecheck": "vue-tsc --noEmit && nuxt typecheck playground && nuxt typecheck docs && cd playground-vue && vue-tsc --noEmit",
+    "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",
-    "release": "release-it",
-    "clean-win": "rmrf dist .nuxt playground/.nuxt playground-vue/dist docs/.nuxt",
-    "clean": "rm -rf dist .nuxt playground/.nuxt playground-vue/dist docs/.nuxt"
+    "release": "release-it"
   },
   "dependencies": {
-    "@ai-sdk/vue": "^1.2.12",
+    "@ai-sdk/vue": "^2.0.48",
     "@iconify/vue": "^5.0.0",
-    "@internationalized/date": "^3.8.2",
-    "@internationalized/number": "^3.6.3",
+    "@internationalized/date": "^3.9.0",
+    "@internationalized/number": "^3.6.5",
     "@nuxt/fonts": "^0.11.4",
-    "@nuxt/icon": "^1.15.0",
-    "@nuxt/kit": "^4.0.1",
-    "@nuxt/schema": "^4.0.1",
+    "@nuxt/icon": "^2.0.0",
+    "@nuxt/kit": "^4.0.3",
+    "@nuxt/schema": "^4.0.3",
     "@nuxtjs/color-mode": "^3.5.2",
     "@standard-schema/spec": "^1.0.0",
-    "@tailwindcss/postcss": "^4.1.11",
-    "@tailwindcss/vite": "^4.1.11",
+    "@tailwindcss/postcss": "^4.1.13",
+    "@tailwindcss/vite": "^4.1.13",
     "@tanstack/vue-table": "^8.21.3",
-    "@unhead/vue": "^2.0.12",
-    "@vueuse/core": "^13.5.0",
-    "@vueuse/integrations": "^13.5.0",
+    "@unhead/vue": "^2.0.17",
+    "@vueuse/core": "^13.9.0",
+    "@vueuse/integrations": "^13.9.0",
     "colortranslator": "^5.0.0",
     "consola": "^3.4.2",
     "defu": "^6.1.4",
-    "dotenv": "^16.6.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",
+    "embla-carousel-wheel-gestures": "^8.1.0",
     "fuse.js": "^7.1.0",
-    "git-url-parse": "^16.1.0",
-    "motion-v": "^1.5.0",
     "hookable": "^5.5.3",
     "knitwork": "^1.2.0",
-    "magic-string": "^0.30.17",
-    "mlly": "^1.7.4",
-    "ofetch": "^1.4.1",
+    "magic-string": "^0.30.19",
+    "mlly": "^1.8.0",
+    "motion-v": "^1.7.1",
     "ohash": "^2.0.11",
     "pathe": "^2.0.3",
-    "pkg-types": "^2.2.0",
-    "reka-ui": "2.3.2",
+    "reka-ui": "2.5.0",
     "scule": "^1.3.0",
-    "tailwind-variants": "^1.0.0",
-    "tailwindcss": "^4.1.11",
-    "tinyglobby": "^0.2.14",
-    "unplugin": "^2.3.5",
-    "unplugin-auto-import": "^20.0.0",
-    "unplugin-vue-components": "^29.0.0",
+    "tailwind-merge": "^3.3.1",
+    "tailwind-variants": "^3.1.1",
+    "tailwindcss": "^4.1.13",
+    "tinyglobby": "^0.2.15",
+    "unplugin": "^2.3.10",
+    "unplugin-auto-import": "^20.1.0",
+    "unplugin-vue-components": "^29.1.0",
     "vaul-vue": "0.4.1",
-    "vue-component-type-helpers": "^3.0.5"
+    "vue-component-type-helpers": "^3.0.7"
   },
   "devDependencies": {
-    "@nuxt/content": "^3.6.3",
-    "@nuxt/eslint-config": "^1.6.0",
-    "@nuxt/module-builder": "^1.0.1",
+    "@nuxt/content": "^3.7.1",
+    "@nuxt/eslint-config": "^1.9.0",
+    "@nuxt/module-builder": "^1.0.2",
     "@nuxt/test-utils": "^3.19.2",
     "@release-it/conventional-changelog": "^10.0.1",
-    "@vue/compiler-sfc": "3.5.17",
     "@vue/test-utils": "^2.4.6",
-    "better-sqlite3": "^12.2.0",
     "embla-carousel": "^8.6.0",
-    "eslint": "^9.31.0",
+    "eslint": "^9.36.0",
     "happy-dom": "^18.0.1",
-    "nuxt": "^4.0.1",
-    "release-it": "^19.0.4",
+    "nuxt": "^4.0.3",
+    "release-it": "^19.0.5",
     "vitest": "^3.2.4",
     "vitest-environment-nuxt": "^1.0.1",
-    "vue-tsc": "^3.0.3"
+    "vue-tsc": "^3.0.7"
   },
   "peerDependencies": {
     "@inertiajs/vue3": "^2.0.7",
-    "joi": "^17.13.0",
+    "joi": "^18.0.0",
     "superstruct": "^2.0.0",
     "typescript": "^5.6.3",
     "valibot": "^1.0.0",
     "vue-router": "^4.5.0",
-    "yup": "^1.6.0",
+    "yup": "^1.7.0",
     "zod": "^3.24.0 || ^4.0.0"
   },
   "peerDependenciesMeta": {
@@ -214,28 +207,15 @@
     }
   },
   "resolutions": {
+    "@nuxt/kit": "4.0.3",
     "@eslamdevui/ui": "workspace:*",
     "chokidar": "3.6.0",
     "debug": "4.3.7",
-    "rollup": "4.34.9",
+    "typescript": "5.8.3",
     "unimport": "4.1.1",
-    "unplugin": "^2.3.5"
-  },
-  "pnpm": {
-    "onlyBuiltDependencies": [
-      "better-sqlite3",
-      "puppeteer",
-      "sharp"
-    ],
-    "ignoredBuiltDependencies": [
-      "@parcel/watcher",
-      "esbuild",
-      "vue-demi",
-      "workerd"
-    ]
+    "unplugin": "^2.3.10"
   },
   "keywords": [
-    "eslamdevui-ui",
     "nuxt-ui",
     "nuxt",
     "vue3",

package/.nuxt/ui/content/index.ts

@@ -1,5 +0,0 @@
-export { default as contentNavigation } from './content-navigation'
-export { default as contentSearch } from './content-search'
-export { default as contentSearchButton } from './content-search-button'
-export { default as contentSurround } from './content-surround'
-export { default as contentToc } from './content-toc'