@eslamdevui/ui 3.2.0-beta.1

package/dist/types.d.mts

@@ -0,0 +1,5 @@
+export { default } from './module.mjs'
+
+export { type ModuleOptions } from './module.mjs'
+
+export * from '../dist/runtime/types/index.js'

package/dist/unplugin.d.mts

@@ -0,0 +1,88 @@
+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';
+import { TVConfig } from '../dist/runtime/types/tv.js';
+import '@nuxt/schema';
+import '../dist/runtime/types/index.js';
+
+declare const _default: {
+    arrowUp: string;
+    arrowDown: string;
+    arrowLeft: string;
+    arrowRight: string;
+    check: string;
+    chevronDoubleLeft: string;
+    chevronDoubleRight: string;
+    chevronDown: string;
+    chevronLeft: string;
+    chevronRight: string;
+    chevronUp: string;
+    close: string;
+    ellipsis: string;
+    external: string;
+    folder: string;
+    folderOpen: string;
+    loading: string;
+    minus: string;
+    plus: string;
+    reload: string;
+    search: string;
+    stop: string;
+    caution: string;
+    copy: string;
+    copyCheck: string;
+    dark: string;
+    error: string;
+    eye: string;
+    eyeOff: string;
+    file: string;
+    hash: string;
+    info: string;
+    light: string;
+    menu: string;
+    panelClose: string;
+    panelOpen: string;
+    success: string;
+    system: string;
+    tip: string;
+    warning: string;
+};
+
+type NeutralColor = 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone';
+type Color = Exclude<keyof typeof colors, 'inherit' | 'current' | 'transparent' | 'black' | 'white' | NeutralColor> | (string & {});
+type AppConfigUI = {
+    colors?: Record<string, Color> & {
+        neutral?: NeutralColor;
+    };
+    icons?: Partial<typeof _default>;
+} & TVConfig<typeof ui>;
+interface NuxtUIOptions extends Omit<ModuleOptions, 'fonts' | 'colorMode'> {
+    /** Whether to generate declaration files for auto-imported components. */
+    dts?: boolean;
+    ui?: AppConfigUI;
+    /**
+     * Enable or disable `@vueuse/core` color-mode integration
+     * @defaultValue `true`
+     */
+    colorMode?: boolean;
+    /**
+     * Override options for `unplugin-auto-import`
+     */
+    autoImport?: Partial<Options>;
+    /**
+     * 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>;
+
+export { NuxtUIPlugin, runtimeDir };
+export type { NuxtUIOptions };

package/dist/unplugin.mjs

@@ -0,0 +1,242 @@
+import { fileURLToPath } from 'node:url';
+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.BcVNrqyb.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);
+  const templateKeys = new Set(templates.map((t) => `#build/${t.filename}`));
+  return {
+    name: "nuxt:ui:templates",
+    enforce: "pre",
+    resolveId(id) {
+      if (templateKeys.has(id + ".ts")) {
+        return id.replace("#build/", "virtual:nuxt-ui-templates/") + ".ts";
+      }
+    },
+    loadInclude: (id) => templateKeys.has(id.replace("virtual:nuxt-ui-templates/", "#build/")),
+    load(id) {
+      id = id.replace("virtual:nuxt-ui-templates/", "#build/");
+      return templates.find((t) => `#build/${t.filename}` === id).getContents({});
+    }
+  };
+}
+
+function PluginsPlugin(options) {
+  const plugins = globSync(["**/*", "!*.d.ts"], { cwd: join(runtimeDir, "plugins"), absolute: true });
+  plugins.unshift(resolvePathSync("../runtime/vue/plugins/head", { extensions: [".ts", ".mjs", ".js"], url: import.meta.url }));
+  if (options.colorMode) {
+    plugins.push(resolvePathSync("../runtime/vue/plugins/color-mode", { extensions: [".ts", ".mjs", ".js"], url: import.meta.url }));
+  }
+  return {
+    name: "nuxt:ui:plugins",
+    enforce: "pre",
+    resolveId(id) {
+      if (id === "@eslamdevui/ui/vue-plugin") {
+        return "virtual:nuxt-ui-plugins";
+      }
+    },
+    transform(code, id) {
+      if (plugins.some((p) => id.startsWith(p)) && code.includes("import.meta.client")) {
+        const s = new MagicString(code);
+        s.replaceAll("import.meta.client", "true");
+        if (s.hasChanged()) {
+          return {
+            code: s.toString(),
+            map: s.generateMap({ hires: true })
+          };
+        }
+      }
+    },
+    loadInclude: (id) => id === "virtual:nuxt-ui-plugins",
+    load() {
+      return `
+        ${plugins.map((p) => `import ${genSafeVariableName(p)} from "${p}"`).join("\n")}
+export default {
+  install (app) {
+${plugins.map((p) => `    app.use(${genSafeVariableName(p)})`).join("\n")}
+  }
+}
+        `;
+    },
+    // Argument Vite specific configuration
+    vite: {
+      config() {
+        return {
+          // Opt-out Nuxt UI from Vite's pre-bundling,
+          // as we need Vite's pipeline to resolve imports like `#imports`
+          optimizeDeps: {
+            exclude: ["@eslamdevui/ui"]
+          }
+        };
+      }
+    }
+  };
+}
+
+function AppConfigPlugin(options, appConfig) {
+  return {
+    name: "nuxt:ui:app-config",
+    enforce: "pre",
+    resolveId(id) {
+      if (id === "#build/app.config") {
+        return "virtual:nuxt-ui-app-config";
+      }
+    },
+    loadInclude: (id) => id === "virtual:nuxt-ui-app-config",
+    load() {
+      return `
+          export default ${JSON.stringify(appConfig)}
+        `;
+    },
+    vite: {
+      config() {
+        return {
+          test: {
+            server: {
+              deps: {
+                inline: ["@eslamdevui/ui"]
+              }
+            }
+          }
+        };
+      }
+    }
+  };
+}
+
+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 inertiaOverrideNames = new Set(inertiaOverrides.map((c) => `${options.prefix}${c.replace(/\.vue$/, "")}`));
+  const pluginOptions = defu(options.components, {
+    dts: options.dts ?? true,
+    exclude: [
+      /[\\/]node_modules[\\/](?!\.pnpm|@nuxt\/ui|@compodium\/examples)/,
+      /[\\/]\.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))
+          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:
+     * <UIcon> and <ULink> currently.
+     */
+    {
+      name: "nuxt:ui:components",
+      enforce: "pre",
+      resolveId(id, importer) {
+        if (!importer || !normalize(importer).includes(runtimeDir)) {
+          return;
+        }
+        if (!RELATIVE_IMPORT_RE.test(id)) {
+          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`);
+        }
+      }
+    },
+    AutoImportComponents.raw(pluginOptions, 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 });
+  return {
+    name: "nuxt:ui",
+    enforce: "pre",
+    resolveId(id) {
+      if (id === "#imports") {
+        return stubPath;
+      }
+    },
+    transformInclude(id) {
+      return normalize(id).includes(runtimeDir);
+    },
+    transform(code) {
+      if (code.includes("import.meta.client")) {
+        const s = new MagicString(code);
+        s.replaceAll("import.meta.client", "true");
+        if (s.hasChanged()) {
+          return {
+            code: s.toString(),
+            map: s.generateMap({ hires: true })
+          };
+        }
+      }
+    }
+  };
+}
+
+function AutoImportPlugin(options, meta) {
+  const pluginOptions = defu(options.autoImport, {
+    dts: options.dts ?? true,
+    dirs: [join(runtimeDir, "composables"), join(runtimeDir, "vue/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 }, 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) });
+  return [
+    NuxtEnvironmentPlugin(options),
+    ComponentImportPlugin(options, meta),
+    AutoImportPlugin(options, meta),
+    tailwind(),
+    PluginsPlugin(options),
+    TemplatePlugin(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.d.mts

@@ -0,0 +1,15 @@
+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';
+import '@nuxt/schema';
+import '../dist/runtime/types/index.js';
+import '../dist/runtime/types/tv.js';
+
+declare const _default: (options?: NuxtUIOptions | undefined) => vite.Plugin<any> | vite.Plugin<any>[];
+
+export { NuxtUIOptions, _default as default };

package/dist/vite.mjs

@@ -0,0 +1,21 @@
+import { NuxtUIPlugin } from './unplugin.mjs';
+import 'node:url';
+import 'pathe';
+import 'unplugin';
+import 'defu';
+import '@tailwindcss/vite';
+import './shared/ui.BcVNrqyb.mjs';
+import '../dist/runtime/utils/index.js';
+import 'scule';
+import '@nuxt/kit';
+import 'tailwindcss/colors';
+import 'knitwork';
+import 'tinyglobby';
+import 'magic-string';
+import 'mlly';
+import 'unplugin-vue-components';
+import 'unplugin-auto-import';
+
+const vite = NuxtUIPlugin.vite;
+
+export { vite as default };

package/package.json

@@ -0,0 +1,255 @@
+{
+  "name": "@eslamdevui/ui",
+  "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
+  "version": "3.2.0-beta.1",
+  "packageManager": "pnpm@10.12.2",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/MohamedEslam04/ui.git"
+  },
+  "homepage": "https://ui.nuxt.com",
+  "type": "module",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/module.d.mts",
+      "style": "./dist/runtime/index.css",
+      "import": "./dist/module.mjs"
+    },
+    "./unplugin": {
+      "types": "./dist/unplugin.d.mts",
+      "import": "./dist/unplugin.mjs"
+    },
+    "./vite": {
+      "types": "./dist/vite.d.mts",
+      "import": "./dist/vite.mjs"
+    },
+    "./vue-plugin": {
+      "types": "./vue-plugin.d.ts"
+    },
+    "./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"
+    },
+    "./locale": {
+      "types": "./dist/runtime/locale/index.d.ts",
+      "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"
+  },
+  "bin": {
+    "nuxt-ui": "./cli/index.mjs"
+  },
+  "style": "./dist/runtime/index.css",
+  "main": "./dist/module.mjs",
+  "files": [
+    ".nuxt/ui",
+    ".nuxt/ui.css",
+    "dist",
+    "cli",
+    "vue-plugin.d.ts"
+  ],
+  "scripts": {
+    "build": "nuxt-module-build build",
+    "prepack": "pnpm build",
+    "dev": "nuxt dev playground --uiDev",
+    "dev:build": "nuxt build playground",
+    "dev:vue": "vite playground-vue -- --uiDev",
+    "dev:vue:build": "vite build playground-vue",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playground && nuxt prepare docs && vite build playground-vue",
+    "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",
+    "test": "vitest",
+    "test:vue": "vitest -c vitest.vue.config.ts",
+    "release": "release-it",
+    "clean": "rm -rf dist .nuxt playground/.nuxt playground-vue/dist docs/.nuxt"
+  },
+  "dependencies": {
+    "@ai-sdk/vue": "^1.2.12",
+    "@iconify/vue": "^5.0.0",
+    "@internationalized/date": "^3.8.2",
+    "@internationalized/number": "^3.6.3",
+    "@nuxt/fonts": "^0.11.4",
+    "@nuxt/icon": "^1.14.0",
+    "@nuxt/kit": "^3.17.5",
+    "@nuxt/schema": "^3.17.5",
+    "@nuxtjs/color-mode": "^3.5.2",
+    "@standard-schema/spec": "^1.0.0",
+    "@tailwindcss/postcss": "^4.1.10",
+    "@tailwindcss/vite": "^4.1.10",
+    "@tanstack/vue-table": "^8.21.3",
+    "@unhead/vue": "^2.0.10",
+    "@vueuse/core": "^13.4.0",
+    "@vueuse/integrations": "^13.4.0",
+    "better-sqlite3": "11.10.0",
+    "colortranslator": "^5.0.0",
+    "consola": "^3.4.2",
+    "defu": "^6.1.4",
+    "dotenv": "^16.5.0",
+    "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",
+    "git-url-parse": "^16.1.0",
+    "hookable": "^5.5.3",
+    "knitwork": "^1.2.0",
+    "magic-string": "^0.30.17",
+    "mlly": "^1.7.4",
+    "ofetch": "^1.4.1",
+    "ohash": "^2.0.11",
+    "pathe": "^2.0.3",
+    "pkg-types": "^2.1.0",
+    "reka-ui": "2.3.1",
+    "scule": "^1.3.0",
+    "tailwind-variants": "^1.0.0",
+    "tailwindcss": "^4.1.10",
+    "tinyglobby": "^0.2.14",
+    "unplugin": "^2.3.5",
+    "unplugin-auto-import": "^19.3.0",
+    "unplugin-vue-components": "^28.7.0",
+    "vaul-vue": "^0.4.1",
+    "vue-component-type-helpers": "^2.2.10"
+  },
+  "devDependencies": {
+    "@eslamdevui/ui": "workspace:*",
+    "@nuxt/content": "^3.5.1",
+    "@nuxt/eslint-config": "^1.4.1",
+    "@nuxt/module-builder": "^1.0.1",
+    "@nuxt/test-utils": "^3.19.1",
+    "@release-it/conventional-changelog": "^10.0.1",
+    "@vue/compiler-sfc": "3.5.17",
+    "@vue/test-utils": "^2.4.6",
+    "embla-carousel": "^8.6.0",
+    "eslint": "^9.29.0",
+    "happy-dom": "^17.0.1",
+    "nuxt": "^3.17.5",
+    "release-it": "^19.0.3",
+    "vitest": "^3.2.4",
+    "vitest-environment-nuxt": "^1.0.1",
+    "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
+    },
+    "valibot": {
+      "optional": true
+    },
+    "superstruct": {
+      "optional": true
+    },
+    "vue-router": {
+      "optional": true
+    },
+    "yup": {
+      "optional": true
+    },
+    "zod": {
+      "optional": true
+    }
+  },
+  "resolutions": {
+    "@eslamdevui/ui": "workspace:*",
+    "chokidar": "3.6.0",
+    "debug": "4.3.7",
+    "rollup": "4.34.9",
+    "unimport": "4.1.1",
+    "unplugin": "^2.3.5"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "better-sqlite3",
+      "puppeteer",
+      "sharp"
+    ],
+    "ignoredBuiltDependencies": [
+      "@parcel/watcher",
+      "esbuild",
+      "vue-demi",
+      "workerd"
+    ]
+  },
+  "keywords": [
+    "nuxt-ui",
+    "nuxt",
+    "vue3",
+    "tailwindcss",
+    "component library",
+    "vue",
+    "vuejs",
+    "vue.js",
+    "typescript",
+    "vue-components",
+    "ui",
+    "tailwind",
+    "framework",
+    "ui-framework"
+  ]
+}

package/vue-plugin.d.ts

@@ -0,0 +1,5 @@
+import type { Plugin } from 'vue'
+
+declare const plugin: Plugin
+
+export default plugin