basuicn 0.1.0 → 0.1.1

package/dist/ui-cli.cjs

@@ -0,0 +1,421 @@
+#!/usr/bin/env node
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// scripts/ui-cli.ts
+var import_fs = __toESM(require("fs"), 1);
+var import_path = __toESM(require("path"), 1);
+var import_child_process = require("child_process");
+var REGISTRY_LOCAL = "./registry.json";
+var REGISTRY_REMOTE = "https://raw.githubusercontent.com/huy14032003/ui-component/main/registry.json";
+var log = (msg) => console.log(`[basuicn] ${msg}`);
+var warn = (msg) => console.warn(`[basuicn] WARN: ${msg}`);
+var error = (msg) => console.error(`[basuicn] ERROR: ${msg}`);
+var getTargetProjectDir = () => process.cwd();
+var validateRegistry = (data) => {
+  if (!data || typeof data !== "object") return false;
+  const reg = data;
+  return "components" in reg && typeof reg.components === "object" && reg.components !== null;
+};
+var getRegistry = async (isLocal) => {
+  if (isLocal && import_fs.default.existsSync(REGISTRY_LOCAL)) {
+    log("Using local registry...");
+    try {
+      const data = JSON.parse(import_fs.default.readFileSync(REGISTRY_LOCAL, "utf-8"));
+      if (!validateRegistry(data)) {
+        error('Invalid local registry format \u2014 missing "components" field.');
+        process.exit(1);
+      }
+      return data;
+    } catch (err) {
+      error(`Failed to parse local registry: ${err instanceof Error ? err.message : err}`);
+      process.exit(1);
+    }
+  }
+  log("Fetching registry from remote...");
+  try {
+    const response = await fetch(REGISTRY_REMOTE);
+    if (!response.ok) throw new Error(`HTTP ${response.status}`);
+    const data = await response.json();
+    if (!validateRegistry(data)) {
+      error('Invalid remote registry format \u2014 missing "components" field.');
+      process.exit(1);
+    }
+    return data;
+  } catch (err) {
+    const message = err instanceof Error ? err.message : String(err);
+    error(`Cannot fetch registry: ${message}`);
+    process.exit(1);
+  }
+};
+var installNpmPackages = (packages, cwd, dev = false) => {
+  if (packages.length === 0) return;
+  const pkgJsonPath = import_path.default.join(cwd, "package.json");
+  let toInstall = packages;
+  if (import_fs.default.existsSync(pkgJsonPath)) {
+    const pkg = JSON.parse(import_fs.default.readFileSync(pkgJsonPath, "utf-8"));
+    const allDeps = { ...pkg.dependencies, ...pkg.devDependencies };
+    toInstall = packages.filter((p) => !allDeps[p]);
+  }
+  if (toInstall.length === 0) return;
+  log(`Installing: ${toInstall.join(", ")}...`);
+  const flag = dev ? "--save-dev" : "--save";
+  try {
+    (0, import_child_process.execSync)(`npm install ${toInstall.join(" ")} ${flag}`, { stdio: "inherit", cwd });
+  } catch (err) {
+    error(`Failed to install packages: ${toInstall.join(", ")}. ${err instanceof Error ? err.message : ""}`);
+  }
+};
+var VITE_DEV_PACKAGES = ["tailwindcss", "@tailwindcss/vite", "@vitejs/plugin-react", "vite-plugin-babel", "babel-plugin-react-compiler", "@types/node"];
+var RUNTIME_PACKAGES = ["@base-ui/react", "tailwind-variants", "clsx", "tailwind-merge", "tailwindcss-animate"];
+var VITE_CONFIG_TEMPLATE = `import { defineConfig } from 'vite';
+import tailwindcss from '@tailwindcss/vite';
+import react from '@vitejs/plugin-react';
+import babel from 'vite-plugin-babel';
+import { reactCompilerPreset } from 'babel-plugin-react-compiler';
+import path from 'path';
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [
+    tailwindcss(),
+    react(),
+    babel({ presets: [reactCompilerPreset()] }),
+  ],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+      '@lib': path.resolve(__dirname, './src/lib'),
+      '@components': path.resolve(__dirname, './src/components'),
+      '@assets': path.resolve(__dirname, './src/assets'),
+      '@pages': path.resolve(__dirname, './src/pages'),
+      '@styles': path.resolve(__dirname, './src/styles'),
+    },
+  },
+});
+`;
+var TSCONFIG_PATHS = {
+  "@/*": ["./src/*"],
+  "@lib/*": ["./src/lib/*"],
+  "@components/*": ["./src/components/*"],
+  "@assets/*": ["./src/assets/*"],
+  "@pages/*": ["./src/pages/*"],
+  "@styles/*": ["./src/styles/*"]
+};
+var setupViteConfig = (cwd) => {
+  installNpmPackages(VITE_DEV_PACKAGES, cwd, true);
+  const configTs = import_path.default.join(cwd, "vite.config.ts");
+  const configJs = import_path.default.join(cwd, "vite.config.js");
+  if (!import_fs.default.existsSync(configTs) && !import_fs.default.existsSync(configJs)) {
+    import_fs.default.writeFileSync(configTs, VITE_CONFIG_TEMPLATE);
+    log("Created vite.config.ts with Tailwind + React Compiler setup.");
+    return;
+  }
+  const existingPath = import_fs.default.existsSync(configTs) ? configTs : configJs;
+  let content = import_fs.default.readFileSync(existingPath, "utf-8");
+  const missingImports = [];
+  if (!content.includes("@tailwindcss/vite")) missingImports.push("import tailwindcss from '@tailwindcss/vite';");
+  if (!content.includes("@vitejs/plugin-react")) missingImports.push("import react from '@vitejs/plugin-react';");
+  if (!content.includes("vite-plugin-babel")) missingImports.push("import babel from 'vite-plugin-babel';");
+  if (!content.includes("babel-plugin-react-compiler")) missingImports.push("import { reactCompilerPreset } from 'babel-plugin-react-compiler';");
+  if (!content.includes("from 'path'") && !content.includes('from "path"')) missingImports.push("import path from 'path';");
+  const missingPlugins = [];
+  if (!content.includes("tailwindcss()")) missingPlugins.push("tailwindcss()");
+  if (!content.includes("react()") && !content.includes("react({")) missingPlugins.push("react()");
+  if (!content.includes("reactCompilerPreset")) missingPlugins.push("babel({ presets: [reactCompilerPreset()] })");
+  const hasAlias = content.includes("alias:") || content.includes("alias(") || content.includes("'@'") || content.includes('"@"');
+  if (missingImports.length === 0 && missingPlugins.length === 0 && hasAlias) {
+    log("vite.config already configured \u2014 skipping.");
+    return;
+  }
+  if (missingImports.length > 0) {
+    const importBlock = missingImports.join("\n");
+    const allImports = [...content.matchAll(/^import\s.+$/gm)];
+    if (allImports.length > 0) {
+      const last = allImports[allImports.length - 1];
+      const pos = last.index + last[0].length;
+      content = content.slice(0, pos) + "\n" + importBlock + content.slice(pos);
+    } else {
+      content = importBlock + "\n" + content;
+    }
+  }
+  if (missingPlugins.length > 0) {
+    const match = content.match(/plugins:\s*\[/);
+    if (match && match.index !== void 0) {
+      const pos = match.index + match[0].length;
+      const after = content.slice(pos);
+      const pluginLines = missingPlugins.map((p) => `
+      ${p},`).join("");
+      const needsNewline = after.length > 0 && after[0] !== "\n" && after[0] !== "\r";
+      content = content.slice(0, pos) + pluginLines + (needsNewline ? "\n      " : "") + after;
+    }
+  }
+  if (!hasAlias) {
+    const aliasBlock = [
+      "  resolve: {",
+      "    alias: {",
+      "      '@': path.resolve(__dirname, './src'),",
+      "      '@lib': path.resolve(__dirname, './src/lib'),",
+      "      '@components': path.resolve(__dirname, './src/components'),",
+      "      '@assets': path.resolve(__dirname, './src/assets'),",
+      "      '@pages': path.resolve(__dirname, './src/pages'),",
+      "      '@styles': path.resolve(__dirname, './src/styles'),",
+      "    },",
+      "  },"
+    ].join("\n");
+    const pluginsStart = content.search(/plugins:\s*\[/);
+    if (pluginsStart !== -1) {
+      let depth = 0;
+      let foundStart = false;
+      for (let i = pluginsStart; i < content.length; i++) {
+        if (content[i] === "[") {
+          depth++;
+          foundStart = true;
+        }
+        if (content[i] === "]") depth--;
+        if (foundStart && depth === 0) {
+          let lineEnd = content.indexOf("\n", i);
+          if (lineEnd === -1) lineEnd = content.length;
+          content = content.slice(0, lineEnd + 1) + aliasBlock + "\n" + content.slice(lineEnd + 1);
+          break;
+        }
+      }
+    }
+  }
+  import_fs.default.writeFileSync(existingPath, content);
+  log(`Updated ${import_path.default.basename(existingPath)} with Tailwind + React Compiler + path aliases.`);
+};
+var ensureTailwindCss = (cwd) => {
+  const candidates = ["src/index.css", "src/App.css", "src/main.css"];
+  for (const cssFile of candidates) {
+    const cssPath = import_path.default.join(cwd, cssFile);
+    if (import_fs.default.existsSync(cssPath)) {
+      const content = import_fs.default.readFileSync(cssPath, "utf-8");
+      if (!content.includes('@import "tailwindcss"') && !content.includes("@import 'tailwindcss'")) {
+        import_fs.default.writeFileSync(cssPath, `@import "tailwindcss";
+
+${content}`);
+        log(`Added @import "tailwindcss" to ${cssFile}`);
+      } else {
+        log(`${cssFile} already imports Tailwind \u2014 skipping.`);
+      }
+      return;
+    }
+  }
+  const srcDir = import_path.default.join(cwd, "src");
+  if (!import_fs.default.existsSync(srcDir)) import_fs.default.mkdirSync(srcDir, { recursive: true });
+  import_fs.default.writeFileSync(import_path.default.join(srcDir, "index.css"), '@import "tailwindcss";\n');
+  log('Created src/index.css with @import "tailwindcss"');
+};
+var setupTsConfig = (cwd) => {
+  const candidates = ["tsconfig.app.json", "tsconfig.json"];
+  for (const candidate of candidates) {
+    const configPath = import_path.default.join(cwd, candidate);
+    if (!import_fs.default.existsSync(configPath)) continue;
+    const raw = import_fs.default.readFileSync(configPath, "utf-8");
+    if (raw.includes('"@/*"') || raw.includes("'@/*'")) {
+      log(`${candidate} already has path aliases \u2014 skipping.`);
+      return;
+    }
+    try {
+      const stripped = raw.replace(/\/\*[\s\S]*?\*\//g, "").replace(/(^|[\s,{[\]])\/\/[^\n]*/g, "$1");
+      const parsed = JSON.parse(stripped);
+      if (!parsed.compilerOptions) parsed.compilerOptions = {};
+      parsed.compilerOptions.baseUrl = ".";
+      parsed.compilerOptions.paths = TSCONFIG_PATHS;
+      import_fs.default.writeFileSync(configPath, JSON.stringify(parsed, null, 2));
+      log(`Added path aliases to ${candidate}.`);
+    } catch (err) {
+      warn(`Could not auto-patch ${candidate}: ${err instanceof Error ? err.message : err}`);
+      warn("Add these to compilerOptions manually:");
+      console.log('\n  "baseUrl": ".",');
+      console.log('  "paths": {');
+      for (const [alias, targets] of Object.entries(TSCONFIG_PATHS)) {
+        console.log(`    "${alias}": ["${targets[0]}"],`);
+      }
+      console.log("  }");
+      console.log("");
+    }
+    return;
+  }
+  const newConfig = { compilerOptions: { baseUrl: ".", paths: TSCONFIG_PATHS } };
+  import_fs.default.writeFileSync(import_path.default.join(cwd, "tsconfig.json"), JSON.stringify(newConfig, null, 2));
+  log("Created tsconfig.json with path aliases.");
+};
+var ensureCore = (registry, cwd) => {
+  const core = registry.core;
+  if (!core) return;
+  installNpmPackages(core.dependencies, cwd);
+  for (const file of core.files) {
+    const targetPath = import_path.default.join(cwd, file.path);
+    const targetDir = import_path.default.dirname(targetPath);
+    if (!import_fs.default.existsSync(targetDir)) {
+      import_fs.default.mkdirSync(targetDir, { recursive: true });
+    }
+    if (!import_fs.default.existsSync(targetPath)) {
+      import_fs.default.writeFileSync(targetPath, file.content);
+      log(`Created core file: ${file.path}`);
+    }
+  }
+};
+var addComponent = (name, registry, cwd, options, added = /* @__PURE__ */ new Set()) => {
+  if (added.has(name)) return;
+  added.add(name);
+  const component = registry.components[name];
+  if (!component) {
+    error(`Component "${name}" not found. Run 'list' to see available components.`);
+    return;
+  }
+  log(`Adding: ${name}...`);
+  ensureCore(registry, cwd);
+  installNpmPackages(component.dependencies, cwd);
+  if (component.internalDependencies) {
+    for (const dep of component.internalDependencies) {
+      if (registry.components[dep]) {
+        addComponent(dep, registry, cwd, options, added);
+      }
+    }
+  }
+  for (const file of component.files) {
+    const targetPath = import_path.default.join(cwd, file.path);
+    const targetDir = import_path.default.dirname(targetPath);
+    if (!import_fs.default.existsSync(targetDir)) {
+      import_fs.default.mkdirSync(targetDir, { recursive: true });
+    }
+    if (import_fs.default.existsSync(targetPath) && !options.force) {
+      warn(`Skipped (exists): ${file.path} \u2014 use --force to overwrite`);
+      continue;
+    }
+    import_fs.default.writeFileSync(targetPath, file.content);
+    log(`Created: ${file.path}`);
+  }
+};
+var removeComponent = (name, registry, cwd) => {
+  const component = registry.components[name];
+  if (!component) {
+    error(`Component "${name}" not found.`);
+    return;
+  }
+  log(`Removing: ${name}...`);
+  for (const file of component.files) {
+    const targetPath = import_path.default.join(cwd, file.path);
+    if (import_fs.default.existsSync(targetPath)) {
+      import_fs.default.unlinkSync(targetPath);
+      log(`Deleted: ${file.path}`);
+    }
+  }
+  for (const file of component.files) {
+    const targetDir = import_path.default.dirname(import_path.default.join(cwd, file.path));
+    try {
+      if (import_fs.default.existsSync(targetDir) && import_fs.default.readdirSync(targetDir).length === 0) {
+        import_fs.default.rmdirSync(targetDir);
+        log(`Removed empty dir: ${import_path.default.relative(cwd, targetDir)}`);
+      }
+    } catch (err) {
+      warn(`Could not remove directory: ${err instanceof Error ? err.message : err}`);
+    }
+  }
+};
+var main = async () => {
+  const args = process.argv.slice(2);
+  const isLocal = args.includes("--local");
+  const isForce = args.includes("--force");
+  const filteredArgs = args.filter((a) => !a.startsWith("--"));
+  const command = filteredArgs[0];
+  const componentNames = filteredArgs.slice(1);
+  const cwd = getTargetProjectDir();
+  const registry = await getRegistry(isLocal);
+  switch (command) {
+    case "add": {
+      if (componentNames.length === 0) {
+        error("Usage: npx basuicn add <component-name> [--force]");
+        return;
+      }
+      const cnPath = import_path.default.join(cwd, "src/lib/utils/cn.ts");
+      if (!import_fs.default.existsSync(cnPath)) {
+        log("Project not initialized \u2014 running init first...");
+        setupViteConfig(cwd);
+        setupTsConfig(cwd);
+        ensureTailwindCss(cwd);
+        installNpmPackages(RUNTIME_PACKAGES, cwd);
+      }
+      for (const name of componentNames) {
+        addComponent(name, registry, cwd, { force: isForce });
+      }
+      log("Done!");
+      break;
+    }
+    case "remove": {
+      if (componentNames.length === 0) {
+        error("Usage: npx basuicn remove <component-name>");
+        return;
+      }
+      for (const name of componentNames) {
+        removeComponent(name, registry, cwd);
+      }
+      log("Done!");
+      break;
+    }
+    case "list": {
+      const components = Object.keys(registry.components).sort();
+      log(`Available components (${components.length}):`);
+      for (const k of components) {
+        const deps = registry.components[k].internalDependencies;
+        const depStr = deps?.length ? ` (requires: ${deps.join(", ")})` : "";
+        console.log(`  - ${k}${depStr}`);
+      }
+      break;
+    }
+    case "init": {
+      setupViteConfig(cwd);
+      setupTsConfig(cwd);
+      ensureTailwindCss(cwd);
+      installNpmPackages(RUNTIME_PACKAGES, cwd);
+      ensureCore(registry, cwd);
+      log("Initialization complete.");
+      break;
+    }
+    case "tailwind": {
+      console.log("\n--- Copy to tailwind.config.ts / tailwind.config.js ---\n");
+      console.log("// See README_CLI.md for full theme config");
+      break;
+    }
+    default: {
+      console.log(`
+  basuicn \u2014 UI Component CLI
+
+  Commands:
+    init                     Initialize project (install core deps + files)
+    add <name> [--force]     Add component(s) to your project
+    remove <name>            Remove component(s) from your project
+    list                     List all available components
+    tailwind                 Show Tailwind config instructions
+
+  Options:
+    --local                  Use local registry.json instead of remote
+    --force                  Overwrite existing files when adding
+`);
+    }
+  }
+};
+main();

package/package.json

@@ -1,86 +1,85 @@
-{
-  "name": "basuicn",
-  "private": false,
-  "version": "0.1.0",
-  "type": "module",
-  "bin": {
-    "basuicn": "./dist/ui-cli.cjs"
-  },
-  "files": [
-    "dist",
-    "registry.json",
-    "scripts",
-    "README_CLI.md"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "build:cli": "npx -y esbuild scripts/ui-cli.ts --bundle --platform=node --outfile=dist/ui-cli.cjs --format=cjs --packages=external",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "test": "vitest",
-    "test:ui": "vitest --ui",
-    "test:coverage": "vitest run --coverage",
-    "registry:build": "npx -y tsx scripts/build-registry.ts",
-    "ui:add": "npx -y tsx scripts/ui-cli.ts add"
-  },
-  "dependencies": {
-    "@base-ui/react": "^1.3.0",
-    "@codesandbox/sandpack-react": "^2.20.0",
-    "@fontsource-variable/geist": "^5.2.8",
-    "@hookform/resolvers": "^5.2.2",
-    "@monaco-editor/react": "^4.7.0",
-    "@tailwindcss/vite": "^4.2.2",
-    "@tanstack/react-table": "^8.21.3",
-    "@types/hast": "^3.0.4",
-    "clsx": "^2.1.1",
-    "date-fns": "^4.1.0",
-    "dayjs": "^1.11.20",
-    "lucide-react": "^0.577.0",
-    "react": "^19.2.4",
-    "react-day-picker": "^9.14.0",
-    "react-dom": "^19.2.4",
-    "react-hook-form": "^7.72.0",
-    "react-live": "^4.1.8",
-    "react-resizable-panels": "^4.8.0",
-    "react-router-dom": "^7.13.2",
-    "rehype-parse": "^9.0.1",
-    "rehype-pretty-code": "^0.14.3",
-    "rehype-react": "^8.0.0",
-    "shiki": "^4.0.2",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.5.0",
-    "tailwind-variants": "^3.2.2",
-    "tailwindcss-animate": "^1.0.7",
-    "tw-animate-css": "^1.4.0",
-    "unified": "^11.0.5",
-    "zod": "^4.3.6"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.29.0",
-    "@eslint/js": "^9.39.4",
-    "@rolldown/plugin-babel": "^0.2.1",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/babel__core": "^7.20.5",
-    "@types/node": "^24.12.0",
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@vitest/ui": "^4.1.2",
-    "autoprefixer": "^10.4.27",
-    "babel-plugin-react-compiler": "^1.0.0",
-    "eslint": "^9.39.4",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.5.2",
-    "globals": "^17.4.0",
-    "jsdom": "^29.0.1",
-    "postcss": "^8.5.8",
-    "tailwindcss": "^4.2.2",
-    "typescript": "~5.9.3",
-    "typescript-eslint": "^8.57.0",
-    "vite": "^8.0.1",
-    "vitest": "^4.1.2"
-  }
-}
+{
+  "name": "basuicn",
+  "private": false,
+  "version": "0.1.1",
+  "type": "module",
+  "bin": {
+    "basuicn": "./dist/ui-cli.cjs"
+  },
+  "files": [
+    "dist",
+    "registry.json",
+    "scripts",
+    "README_CLI.md"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "build:cli": "npx -y esbuild scripts/ui-cli.ts --bundle --platform=node --outfile=dist/ui-cli.cjs --format=cjs --packages=external",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest run --coverage",
+    "registry:build": "npx -y tsx scripts/build-registry.ts",
+    "ui:add": "npx -y tsx scripts/ui-cli.ts add"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@babel/core": "^7.29.0",
+    "@base-ui/react": "^1.3.0",
+    "@codesandbox/sandpack-react": "^2.20.0",
+    "@eslint/js": "^9.39.4",
+    "@fontsource-variable/geist": "^5.2.8",
+    "@hookform/resolvers": "^5.2.2",
+    "@monaco-editor/react": "^4.7.0",
+    "@rolldown/plugin-babel": "^0.2.1",
+    "@tailwindcss/vite": "^4.2.2",
+    "@tanstack/react-table": "^8.21.3",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/babel__core": "^7.20.5",
+    "@types/hast": "^3.0.4",
+    "@types/node": "^24.12.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/ui": "^4.1.2",
+    "autoprefixer": "^10.4.27",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "dayjs": "^1.11.20",
+    "eslint": "^9.39.4",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "globals": "^17.4.0",
+    "jsdom": "^29.0.1",
+    "lucide-react": "^0.577.0",
+    "postcss": "^8.5.8",
+    "react": "^19.2.4",
+    "react-day-picker": "^9.14.0",
+    "react-dom": "^19.2.4",
+    "react-hook-form": "^7.72.0",
+    "react-live": "^4.1.8",
+    "react-resizable-panels": "^4.8.0",
+    "react-router-dom": "^7.13.2",
+    "rehype-parse": "^9.0.1",
+    "rehype-pretty-code": "^0.14.3",
+    "rehype-react": "^8.0.0",
+    "shiki": "^4.0.2",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.5.0",
+    "tailwind-variants": "^3.2.2",
+    "tailwindcss": "^4.2.2",
+    "tailwindcss-animate": "^1.0.7",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.57.0",
+    "unified": "^11.0.5",
+    "vite": "^8.0.1",
+    "vitest": "^4.1.2",
+    "zod": "^4.3.6"
+  }
+}