cnui-radix 0.0.1

package/dist/cli.js

@@ -0,0 +1,382 @@
+#!/usr/bin/env node
+
+// cli/index.ts
+import { Command } from "commander";
+import { readFileSync as readFileSync3 } from "fs";
+import { resolve as resolve5 } from "path";
+import { fileURLToPath as fileURLToPath2 } from "url";
+import { dirname as dirname4 } from "path";
+
+// cli/commands/init.ts
+import {
+  existsSync,
+  readFileSync,
+  writeFileSync,
+  mkdirSync,
+  copyFileSync
+} from "fs";
+import { resolve as resolve2, dirname as dirname2 } from "path";
+import { execSync } from "child_process";
+
+// cli/utils/paths.ts
+import { fileURLToPath } from "url";
+import { dirname, resolve } from "path";
+var __filename = fileURLToPath(import.meta.url);
+var __dirname = dirname(__filename);
+function getPackageRoot() {
+  return resolve(__dirname, "..");
+}
+function getRegistryDir() {
+  return resolve(getPackageRoot(), "r");
+}
+function getTemplateFile(name) {
+  return resolve(getPackageRoot(), "src", "lib", name);
+}
+
+// cli/utils/templates.ts
+function getComponentsJsonTemplate(opts) {
+  return JSON.stringify(
+    {
+      $schema: "https://ui.shadcn.com/schema.json",
+      style: "new-york",
+      rsc: false,
+      tsx: true,
+      tailwind: {
+        config: opts.tailwindConfig,
+        css: opts.cssFile,
+        baseColor: "zinc",
+        cssVariables: true
+      },
+      aliases: {
+        components: "@/components",
+        utils: "@/lib/utils",
+        ui: "@/components/ui",
+        lib: "@/lib",
+        hooks: "@/hooks"
+      }
+    },
+    null,
+    2
+  );
+}
+function getTailwindConfigTemplate() {
+  return `import cnuiPreset from "./src/lib/cnui-preset";
+
+/** @type {import('tailwindcss').Config} */
+export default {
+  presets: [cnuiPreset],
+  content: ["./src/**/*.{ts,tsx}", "./index.html"],
+};
+`;
+}
+function getGlobalsCssTemplate() {
+  return `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+`;
+}
+
+// cli/utils/logger.ts
+var RESET = "\x1B[0m";
+var GREEN = "\x1B[32m";
+var YELLOW = "\x1B[33m";
+var RED = "\x1B[31m";
+var CYAN = "\x1B[36m";
+var DIM = "\x1B[2m";
+function success(msg) {
+  console.log(`${GREEN}\u2714${RESET} ${msg}`);
+}
+function warn(msg) {
+  console.log(`${YELLOW}\u26A0${RESET} ${msg}`);
+}
+function error(msg) {
+  console.error(`${RED}\u2716${RESET} ${msg}`);
+}
+function info(msg) {
+  console.log(`${CYAN}\u2139${RESET} ${msg}`);
+}
+function dim(msg) {
+  console.log(`${DIM}${msg}${RESET}`);
+}
+
+// cli/commands/init.ts
+async function initCommand(options) {
+  const cwd = resolve2(options.cwd);
+  const force = options.force ?? false;
+  info(`\u521D\u59CB\u5316 cnui-radix \u9879\u76EE\u914D\u7F6E... (${cwd})`);
+  const hasSrc = existsSync(resolve2(cwd, "src"));
+  const hasTsconfig = existsSync(resolve2(cwd, "tsconfig.json"));
+  if (!hasSrc) {
+    mkdirSync(resolve2(cwd, "src"), { recursive: true });
+    dim("  \u521B\u5EFA src/ \u76EE\u5F55");
+  }
+  const componentsJsonPath = resolve2(cwd, "components.json");
+  if (existsSync(componentsJsonPath) && !force) {
+    warn("components.json \u5DF2\u5B58\u5728\uFF0C\u8DF3\u8FC7 (\u4F7F\u7528 --force \u8986\u76D6)");
+  } else {
+    const twConfigName = detectTailwindConfig(cwd);
+    const cssFile = "src/styles/globals.css";
+    writeFileSync(
+      componentsJsonPath,
+      getComponentsJsonTemplate({ tailwindConfig: twConfigName, cssFile })
+    );
+    success("\u521B\u5EFA components.json");
+  }
+  const presetDest = resolve2(cwd, "src/lib/cnui-preset.ts");
+  ensureDir(dirname2(presetDest));
+  if (existsSync(presetDest) && !force) {
+    warn("src/lib/cnui-preset.ts \u5DF2\u5B58\u5728\uFF0C\u8DF3\u8FC7");
+  } else {
+    copyFileSync(getTemplateFile("cnui-preset.ts"), presetDest);
+    success("\u521B\u5EFA src/lib/cnui-preset.ts (CNUI Tailwind Preset)");
+  }
+  const utilsDest = resolve2(cwd, "src/lib/utils.ts");
+  if (existsSync(utilsDest) && !force) {
+    warn("src/lib/utils.ts \u5DF2\u5B58\u5728\uFF0C\u8DF3\u8FC7");
+  } else {
+    copyFileSync(getTemplateFile("utils.ts"), utilsDest);
+    success("\u521B\u5EFA src/lib/utils.ts (cn \u5DE5\u5177\u51FD\u6570)");
+  }
+  const twConfigPath = resolve2(cwd, detectTailwindConfig(cwd));
+  if (existsSync(twConfigPath) && !force) {
+    const content = readFileSync(twConfigPath, "utf-8");
+    if (content.includes("cnui-preset")) {
+      warn(`${detectTailwindConfig(cwd)} \u5DF2\u5305\u542B cnui-preset\uFF0C\u8DF3\u8FC7`);
+    } else {
+      warn(
+        `${detectTailwindConfig(cwd)} \u5DF2\u5B58\u5728\u4F46\u672A\u914D\u7F6E cnui-preset\uFF0C\u8BF7\u624B\u52A8\u6DFB\u52A0:`
+      );
+      dim('  import cnuiPreset from "./src/lib/cnui-preset";');
+      dim("  // \u5728\u914D\u7F6E\u4E2D\u6DFB\u52A0: presets: [cnuiPreset]");
+    }
+  } else {
+    writeFileSync(twConfigPath, getTailwindConfigTemplate());
+    success(`\u521B\u5EFA ${detectTailwindConfig(cwd)}`);
+  }
+  const cssPath = resolve2(cwd, "src/styles/globals.css");
+  ensureDir(dirname2(cssPath));
+  if (existsSync(cssPath)) {
+    const content = readFileSync(cssPath, "utf-8");
+    if (!content.includes("@tailwind")) {
+      warn("src/styles/globals.css \u672A\u5305\u542B @tailwind \u6307\u4EE4\uFF0C\u8BF7\u624B\u52A8\u6DFB\u52A0");
+    }
+  } else {
+    writeFileSync(cssPath, getGlobalsCssTemplate());
+    success("\u521B\u5EFA src/styles/globals.css");
+  }
+  if (hasTsconfig) {
+    updateTsconfig(cwd, force);
+  } else {
+    warn("\u672A\u68C0\u6D4B\u5230 tsconfig.json\uFF0C\u8DF3\u8FC7\u8DEF\u5F84\u522B\u540D\u914D\u7F6E");
+  }
+  const pm = detectPackageManager(cwd);
+  info(`\u4F7F\u7528 ${pm} \u5B89\u88C5\u4F9D\u8D56...`);
+  try {
+    const installCmd = pm === "yarn" ? "yarn add clsx tailwind-merge" : `${pm} add clsx tailwind-merge`;
+    execSync(installCmd, { cwd, stdio: "pipe" });
+    success("\u5B89\u88C5 clsx, tailwind-merge");
+  } catch {
+    warn("\u4F9D\u8D56\u5B89\u88C5\u5931\u8D25\uFF0C\u8BF7\u624B\u52A8\u8FD0\u884C: " + pm + " add clsx tailwind-merge");
+  }
+  console.log("");
+  success("cnui-radix \u521D\u59CB\u5316\u5B8C\u6210!");
+  console.log("");
+  info("\u4E0B\u4E00\u6B65: \u6DFB\u52A0\u7EC4\u4EF6");
+  dim("  npx cnui-radix add button");
+  dim("  npx cnui-radix add input");
+}
+function detectTailwindConfig(cwd) {
+  for (const name of [
+    "tailwind.config.ts",
+    "tailwind.config.js",
+    "tailwind.config.mjs"
+  ]) {
+    if (existsSync(resolve2(cwd, name))) return name;
+  }
+  return "tailwind.config.ts";
+}
+function detectPackageManager(cwd) {
+  if (existsSync(resolve2(cwd, "pnpm-lock.yaml"))) return "pnpm";
+  if (existsSync(resolve2(cwd, "yarn.lock"))) return "yarn";
+  if (existsSync(resolve2(cwd, "bun.lockb"))) return "bun";
+  return "npm";
+}
+function ensureDir(dir) {
+  if (!existsSync(dir)) {
+    mkdirSync(dir, { recursive: true });
+  }
+}
+function updateTsconfig(cwd, force) {
+  const tsconfigPath = resolve2(cwd, "tsconfig.json");
+  try {
+    const content = readFileSync(tsconfigPath, "utf-8");
+    const tsconfig = JSON.parse(content);
+    let modified = false;
+    if (!tsconfig.compilerOptions) {
+      tsconfig.compilerOptions = {};
+    }
+    if (!tsconfig.compilerOptions.baseUrl) {
+      tsconfig.compilerOptions.baseUrl = ".";
+      modified = true;
+    }
+    if (!tsconfig.compilerOptions.paths) {
+      tsconfig.compilerOptions.paths = {};
+    }
+    if (!tsconfig.compilerOptions.paths["@/*"]) {
+      tsconfig.compilerOptions.paths["@/*"] = ["./src/*"];
+      modified = true;
+    }
+    if (modified) {
+      writeFileSync(tsconfigPath, JSON.stringify(tsconfig, null, 2) + "\n");
+      success("\u66F4\u65B0 tsconfig.json (\u6DFB\u52A0 @/* \u8DEF\u5F84\u522B\u540D)");
+    } else {
+      dim("  tsconfig.json \u8DEF\u5F84\u522B\u540D\u5DF2\u914D\u7F6E\uFF0C\u8DF3\u8FC7");
+    }
+  } catch {
+    warn("tsconfig.json \u89E3\u6790\u5931\u8D25\uFF0C\u8DF3\u8FC7\u8DEF\u5F84\u522B\u540D\u914D\u7F6E");
+  }
+}
+
+// cli/commands/add.ts
+import {
+  existsSync as existsSync2,
+  writeFileSync as writeFileSync2,
+  mkdirSync as mkdirSync2
+} from "fs";
+import { resolve as resolve4, dirname as dirname3 } from "path";
+import { execSync as execSync2 } from "child_process";
+
+// cli/utils/registry.ts
+import { readFileSync as readFileSync2, readdirSync } from "fs";
+import { resolve as resolve3 } from "path";
+function loadRegistryItem(name) {
+  const filePath = resolve3(getRegistryDir(), `${name}.json`);
+  const content = readFileSync2(filePath, "utf-8");
+  return JSON.parse(content);
+}
+function resolveAllDependencies(name) {
+  const resolved = /* @__PURE__ */ new Map();
+  const visited = /* @__PURE__ */ new Set();
+  function walk(itemName) {
+    if (visited.has(itemName)) return;
+    visited.add(itemName);
+    const item = loadRegistryItem(itemName);
+    if (item.registryDependencies) {
+      for (const dep of item.registryDependencies) {
+        walk(dep);
+      }
+    }
+    resolved.set(itemName, item);
+  }
+  walk(name);
+  return Array.from(resolved.values());
+}
+function listAvailableComponents() {
+  const dir = getRegistryDir();
+  const files = readdirSync(dir).filter(
+    (f) => f.endsWith(".json") && f !== "registry.json"
+  );
+  const items = [];
+  for (const file of files) {
+    const content = readFileSync2(resolve3(dir, file), "utf-8");
+    const item = JSON.parse(content);
+    if (item.type === "registry:ui") {
+      items.push(item);
+    }
+  }
+  return items;
+}
+
+// cli/commands/add.ts
+async function addCommand(components, options) {
+  const cwd = resolve4(options.cwd);
+  if (!existsSync2(resolve4(cwd, "components.json"))) {
+    error("\u672A\u627E\u5230 components.json\uFF0C\u8BF7\u5148\u8FD0\u884C: npx cnui-radix init");
+    process.exit(1);
+  }
+  if (!components || components.length === 0) {
+    const available = listAvailableComponents();
+    info("\u53EF\u7528\u7EC4\u4EF6:");
+    console.log("");
+    for (const item of available) {
+      console.log(`  ${item.name.padEnd(15)} ${item.description || ""}`);
+    }
+    console.log("");
+    dim("\u4F7F\u7528: npx cnui-radix add <component>");
+    return;
+  }
+  const allItems = /* @__PURE__ */ new Map();
+  for (const name of components) {
+    try {
+      const deps = resolveAllDependencies(name);
+      for (const item of deps) {
+        allItems.set(item.name, item);
+      }
+    } catch {
+      error(`\u672A\u627E\u5230\u7EC4\u4EF6: ${name}`);
+      const available = listAvailableComponents();
+      info(
+        "\u53EF\u7528\u7EC4\u4EF6: " + available.map((c) => c.name).join(", ")
+      );
+      process.exit(1);
+    }
+  }
+  const items = Array.from(allItems.values());
+  info(
+    `\u51C6\u5907\u5B89\u88C5: ${items.map((i) => i.name).join(", ")}`
+  );
+  const writtenFiles = [];
+  for (const item of items) {
+    if (!item.files || item.files.length === 0) continue;
+    for (const file of item.files) {
+      const targetPath = resolve4(cwd, file.path);
+      mkdirSync2(dirname3(targetPath), { recursive: true });
+      writeFileSync2(targetPath, file.content, "utf-8");
+      writtenFiles.push(file.path);
+    }
+  }
+  const allDeps = /* @__PURE__ */ new Set();
+  for (const item of items) {
+    if (item.dependencies) {
+      for (const dep of item.dependencies) {
+        allDeps.add(dep);
+      }
+    }
+  }
+  if (allDeps.size > 0) {
+    const pm = detectPackageManager2(cwd);
+    const depsList = Array.from(allDeps);
+    const depsStr = depsList.join(" ");
+    info(`\u4F7F\u7528 ${pm} \u5B89\u88C5\u4F9D\u8D56...`);
+    try {
+      const installCmd = pm === "yarn" ? `yarn add ${depsStr}` : `${pm} add ${depsStr}`;
+      execSync2(installCmd, { cwd, stdio: "pipe" });
+      success(`\u5B89\u88C5 ${depsList.join(", ")}`);
+    } catch {
+      warn(`\u4F9D\u8D56\u5B89\u88C5\u5931\u8D25\uFF0C\u8BF7\u624B\u52A8\u8FD0\u884C: ${pm} add ${depsStr}`);
+    }
+  }
+  console.log("");
+  success("\u7EC4\u4EF6\u5B89\u88C5\u5B8C\u6210!");
+  for (const file of writtenFiles) {
+    dim(`  + ${file}`);
+  }
+}
+function detectPackageManager2(cwd) {
+  if (existsSync2(resolve4(cwd, "pnpm-lock.yaml"))) return "pnpm";
+  if (existsSync2(resolve4(cwd, "yarn.lock"))) return "yarn";
+  if (existsSync2(resolve4(cwd, "bun.lockb"))) return "bun";
+  return "npm";
+}
+
+// cli/index.ts
+var __filename2 = fileURLToPath2(import.meta.url);
+var __dirname2 = dirname4(__filename2);
+var pkg = JSON.parse(
+  readFileSync3(resolve5(__dirname2, "..", "package.json"), "utf-8")
+);
+var program = new Command();
+program.name("cnui-radix").description("CNUI Radix \u7EC4\u4EF6\u5E93 CLI - \u521D\u59CB\u5316\u9879\u76EE\u914D\u7F6E\u5E76\u5B89\u88C5\u7EC4\u4EF6").version(pkg.version);
+program.command("init").description("\u521D\u59CB\u5316\u9879\u76EE\uFF1A\u914D\u7F6E Tailwind\u3001\u8DEF\u5F84\u522B\u540D\u3001\u7EC4\u4EF6\u76EE\u5F55\u7B49").option("-f, --force", "\u8986\u76D6\u5DF2\u6709\u6587\u4EF6").option("--cwd <path>", "\u6307\u5B9A\u5DE5\u4F5C\u76EE\u5F55", process.cwd()).action(initCommand);
+program.command("add").description("\u6DFB\u52A0\u7EC4\u4EF6\u5230\u9879\u76EE\u4E2D").argument("[components...]", "\u8981\u6DFB\u52A0\u7684\u7EC4\u4EF6\u540D\u79F0").option("--cwd <path>", "\u6307\u5B9A\u5DE5\u4F5C\u76EE\u5F55", process.cwd()).action(addCommand);
+program.parse();

package/dist/index.cjs

@@ -0,0 +1,284 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Button: () => Button,
+  Input: () => Input,
+  buttonVariants: () => buttonVariants,
+  cn: () => cn,
+  inputVariants: () => inputVariants
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/ui/button.tsx
+var React = __toESM(require("react"), 1);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/ui/button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  [
+    "inline-flex items-center justify-center gap-1 whitespace-nowrap",
+    "rounded border text-xs font-normal",
+    "transition-[box-shadow,border-color,background-color] duration-100",
+    "outline-none",
+    "disabled:pointer-events-none"
+  ],
+  {
+    variants: {
+      variant: {
+        // normal 按钮：白底 + 灰色边框，hover 文字变主色
+        default: [
+          "border-solid bg-white border-line-dark text-foreground",
+          "hover:text-primary hover:shadow-[0_4px_10px_0_rgba(32,60,153,0.1)]",
+          "active:text-primary active:border-primary",
+          "disabled:bg-white disabled:border-line disabled:text-foreground-disabled"
+        ],
+        // primary 按钮：主色背景 + 白色文字
+        primary: [
+          "border-solid bg-primary border-transparent text-white",
+          "hover:bg-primary-hover hover:shadow-[0_4px_10px_0_rgba(32,60,153,0.1)]",
+          "active:bg-primary-active",
+          "disabled:bg-secondary-light disabled:border-transparent disabled:text-foreground-disabled"
+        ],
+        // secondary 按钮：白底 + 主色边框 + 主色文字
+        secondary: [
+          "border-solid bg-white border-primary text-primary",
+          "hover:border-primary-hover hover:text-primary-hover hover:shadow-[0_4px_10px_0_rgba(32,60,153,0.1)]",
+          "active:bg-fill-lighter active:border-primary-active active:text-primary-active",
+          "disabled:bg-fill-lighter disabled:border-line-dark disabled:text-foreground-disabled"
+        ],
+        // ghost 按钮：透明底，hover 半透明背景
+        ghost: [
+          "border-solid bg-transparent border-transparent text-foreground",
+          "hover:bg-[rgba(126,147,217,0.3)]",
+          "active:bg-[rgba(126,147,217,0.3)]",
+          "disabled:bg-transparent disabled:border-[rgba(0,0,0,0.1)] disabled:text-[rgba(0,0,0,0.2)]"
+        ],
+        // text 按钮：无边框无背景，纯文本
+        text: [
+          "border-0 bg-transparent shadow-none !p-0 !h-auto text-primary",
+          "hover:text-primary-hover hover:shadow-none",
+          "active:text-primary-hover",
+          "disabled:text-foreground-disabled"
+        ],
+        // warning 按钮：error 色背景
+        warning: [
+          "border-solid bg-error border-transparent text-white",
+          "hover:bg-error-dark hover:shadow-[0_4px_10px_0_rgba(32,60,153,0.1)]",
+          "active:bg-error-heavy",
+          "disabled:bg-fill-lighter disabled:border-transparent disabled:text-foreground-disabled"
+        ]
+      },
+      size: {
+        sm: "h-6 px-1.5 py-0.5 text-xs",
+        default: "h-8 px-3 py-1.5 text-xs",
+        lg: "h-10 px-3 py-[9px] text-sm"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      variant,
+      size,
+      asChild = false,
+      loading = false,
+      disabled,
+      children
+    } = _b, props = __objRest(_b, [
+      "className",
+      "variant",
+      "size",
+      "asChild",
+      "loading",
+      "disabled",
+      "children"
+    ]);
+    const Comp = asChild ? import_react_slot.Slot : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      Comp,
+      __spreadProps(__spreadValues({
+        className: cn(
+          buttonVariants({ variant, size }),
+          loading && "pointer-events-none",
+          className
+        ),
+        ref,
+        disabled: disabled || loading
+      }, props), {
+        children: [
+          loading && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "svg",
+            {
+              className: "animate-spin h-4 w-4",
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "circle",
+                  {
+                    className: "opacity-25",
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    strokeWidth: "4"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "path",
+                  {
+                    className: "opacity-75",
+                    fill: "currentColor",
+                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                  }
+                )
+              ]
+            }
+          ),
+          children
+        ]
+      })
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/ui/input.tsx
+var React2 = __toESM(require("react"), 1);
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var inputVariants = (0, import_class_variance_authority2.cva)(
+  [
+    "flex w-full rounded border bg-white text-xs text-foreground",
+    "border-line-dark",
+    "transition-[box-shadow,border-color,background-color] duration-100",
+    "placeholder:text-foreground-disabled",
+    "hover:border-line-darker",
+    "focus-visible:outline-none focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-[rgba(40,76,192,0.2)]",
+    "disabled:cursor-not-allowed disabled:bg-fill-lighter disabled:border-line-light disabled:text-foreground-disabled",
+    "disabled:placeholder:text-foreground-disabled",
+    "file:border-0 file:bg-transparent file:text-sm file:font-medium"
+  ],
+  {
+    variants: {
+      inputSize: {
+        sm: "h-6 px-1.5 py-0.5 text-xs",
+        default: "h-8 px-2 py-1.5 text-xs",
+        lg: "h-10 px-2.5 py-[9px] text-sm leading-5"
+      },
+      state: {
+        default: "",
+        error: [
+          "border-[#ff695c]",
+          "hover:border-[#ff695c]",
+          "focus-visible:border-[#ff695c] focus-visible:ring-[rgba(255,105,92,0.2)]"
+        ],
+        warning: [
+          "border-[#ffcd00]",
+          "hover:border-[#ffcd00]",
+          "focus-visible:border-[#ffcd00] focus-visible:ring-[rgba(255,205,0,0.2)]"
+        ]
+      }
+    },
+    defaultVariants: {
+      inputSize: "default",
+      state: "default"
+    }
+  }
+);
+var Input = React2.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, inputSize, state, type } = _b, props = __objRest(_b, ["className", "inputSize", "state", "type"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "input",
+      __spreadValues({
+        type,
+        className: cn(inputVariants({ inputSize, state }), className),
+        ref
+      }, props)
+    );
+  }
+);
+Input.displayName = "Input";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  Input,
+  buttonVariants,
+  cn,
+  inputVariants
+});