azamat-ui-kit 0.1.0

package/dist/cli/index.js

@@ -0,0 +1,725 @@
+#!/usr/bin/env node
+
+// cli/index.ts
+import { Command } from "commander";
+
+// cli/commands/init.ts
+import path3 from "path";
+import fs3 from "fs-extra";
+import prompts from "prompts";
+
+// cli/utils/logger.ts
+import { green, red, yellow, cyan } from "kolorist";
+var logger = {
+  info(message) {
+    console.log(cyan(message));
+  },
+  success(message) {
+    console.log(green(message));
+  },
+  warn(message) {
+    console.log(yellow(message));
+  },
+  error(message) {
+    console.log(red(message));
+  }
+};
+
+// cli/utils/detect-package-manager.ts
+import fs from "fs-extra";
+import path from "path";
+function detectPackageManager(cwd) {
+  if (fs.existsSync(path.join(cwd, "pnpm-lock.yaml"))) return "pnpm";
+  if (fs.existsSync(path.join(cwd, "yarn.lock"))) return "yarn";
+  if (fs.existsSync(path.join(cwd, "bun.lockb"))) return "bun";
+  if (fs.existsSync(path.join(cwd, "bun.lock"))) return "bun";
+  return "npm";
+}
+
+// cli/utils/install-packages.ts
+import { execa } from "execa";
+async function installPackages({
+  cwd,
+  packageManager,
+  packages,
+  dev = false
+}) {
+  if (!packages.length) return;
+  const commandMap = {
+    npm: "npm",
+    pnpm: "pnpm",
+    yarn: "yarn",
+    bun: "bun"
+  };
+  const argsMap = {
+    npm: ["install", ...dev ? ["-D"] : [], ...packages],
+    pnpm: ["add", ...dev ? ["-D"] : [], ...packages],
+    yarn: ["add", ...dev ? ["-D"] : [], ...packages],
+    bun: ["add", ...dev ? ["-d"] : [], ...packages]
+  };
+  await execa(commandMap[packageManager], argsMap[packageManager], {
+    cwd,
+    stdio: "inherit"
+  });
+}
+
+// cli/utils/upsert-theme-css.ts
+import path2 from "path";
+import fs2 from "fs-extra";
+
+// cli/templates/theme-css.ts
+var AZAMAT_UI_THEME_START = "/* azamat-ui-kit:start */";
+var AZAMAT_UI_THEME_END = "/* azamat-ui-kit:end */";
+var azamatUiThemeCss = `${AZAMAT_UI_THEME_START}
+@import "tw-animate-css";
+@import "shadcn/tailwind.css";
+@import "@fontsource-variable/geist";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --font-heading: var(--font-sans);
+  --font-sans: 'Geist Variable', sans-serif;
+
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+
+  --radius-sm: calc(var(--radius) * 0.6);
+  --radius-md: calc(var(--radius) * 0.8);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) * 1.4);
+  --radius-2xl: calc(var(--radius) * 1.8);
+  --radius-3xl: calc(var(--radius) * 2.2);
+  --radius-4xl: calc(var(--radius) * 2.6);
+}
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.87 0 0);
+  --chart-2: oklch(0.556 0 0);
+  --chart-3: oklch(0.439 0 0);
+  --chart-4: oklch(0.371 0 0);
+  --chart-5: oklch(0.269 0 0);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+
+  --aui-control-radius: var(--radius-lg);
+  --aui-control-shadow: 0 1px 2px oklch(0 0 0 / 5%);
+  --aui-card-radius: var(--radius-xl);
+  --aui-card-border: color-mix(in oklch, var(--border), transparent 5%);
+  --aui-card-shadow: 0 1px 2px oklch(0 0 0 / 4%), 0 10px 28px oklch(0 0 0 / 4%);
+  --aui-popover-shadow: 0 18px 60px oklch(0 0 0 / 16%);
+  --aui-table-header-bg: color-mix(in oklch, var(--muted), transparent 42%);
+  --aui-table-row-hover-bg: color-mix(in oklch, var(--muted), transparent 55%);
+  --aui-table-row-selected-bg: color-mix(in oklch, var(--primary), transparent 91%);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.87 0 0);
+  --chart-2: oklch(0.556 0 0);
+  --chart-3: oklch(0.439 0 0);
+  --chart-4: oklch(0.371 0 0);
+  --chart-5: oklch(0.269 0 0);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+
+  --aui-card-border: oklch(1 0 0 / 10%);
+  --aui-card-shadow: 0 1px 0 oklch(1 0 0 / 5%), 0 18px 70px oklch(0 0 0 / 24%);
+  --aui-popover-shadow: 0 18px 70px oklch(0 0 0 / 45%);
+  --aui-table-header-bg: oklch(1 0 0 / 5%);
+  --aui-table-row-hover-bg: oklch(1 0 0 / 5%);
+  --aui-table-row-selected-bg: color-mix(in oklch, var(--primary), transparent 88%);
+}
+
+:root[data-radius="none"] { --radius: 0rem; }
+:root[data-radius="sm"] { --radius: 0.375rem; }
+:root[data-radius="md"] { --radius: 0.5rem; }
+:root[data-radius="lg"] { --radius: 0.75rem; }
+:root[data-radius="xl"] { --radius: 1rem; }
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+
+  html {
+    @apply font-sans;
+  }
+
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+
+@layer components {
+  [data-slot="button"][data-slot="button"] {
+    border-radius: var(--aui-control-radius);
+    box-shadow: var(--aui-control-shadow);
+  }
+
+  [data-slot="input"][data-slot="input"],
+  [data-slot="textarea"][data-slot="textarea"],
+  [data-slot="select-trigger"][data-slot="select-trigger"] {
+    border-radius: var(--aui-control-radius);
+    box-shadow: var(--aui-control-shadow);
+  }
+
+  [data-slot="card"][data-slot="card"],
+  [data-slot="stat-card"][data-slot="stat-card"] {
+    border: 1px solid var(--aui-card-border);
+    border-radius: var(--aui-card-radius);
+    box-shadow: var(--aui-card-shadow);
+  }
+
+  [data-slot="popover-content"][data-slot="popover-content"],
+  [data-slot="dropdown-menu-content"][data-slot="dropdown-menu-content"],
+  [data-slot="dialog-content"][data-slot="dialog-content"],
+  [data-slot="sheet-content"][data-slot="sheet-content"] {
+    box-shadow: var(--aui-popover-shadow);
+  }
+
+  [data-slot="data-table-wrapper"][data-slot="data-table-wrapper"] {
+    box-shadow: var(--aui-card-shadow);
+  }
+
+  [data-slot="data-table-wrapper"] thead {
+    background: var(--aui-table-header-bg);
+  }
+
+  [data-slot="data-table-wrapper"] tbody tr:hover {
+    background: var(--aui-table-row-hover-bg);
+  }
+
+  [data-slot="data-table-wrapper"] tbody tr[data-state="selected"] {
+    background: var(--aui-table-row-selected-bg);
+  }
+
+  [data-slot="file-upload-dropzone"][data-dragging="true"] {
+    border-color: var(--primary);
+    background: color-mix(in oklch, var(--primary), transparent 93%);
+  }
+}
+${AZAMAT_UI_THEME_END}
+`;
+
+// cli/utils/upsert-theme-css.ts
+function hasTailwindImport(content) {
+  return /@import\s+["']tailwindcss["'];?/.test(content);
+}
+function ensureTailwindImport(content) {
+  if (hasTailwindImport(content)) {
+    return content;
+  }
+  return `@import "tailwindcss";
+
+${content}`.trimEnd() + "\n";
+}
+function replaceMarkedBlock(content, block) {
+  const startIndex = content.indexOf(AZAMAT_UI_THEME_START);
+  const endIndex = content.indexOf(AZAMAT_UI_THEME_END);
+  if (startIndex !== -1 && endIndex !== -1 && endIndex > startIndex) {
+    const before = content.slice(0, startIndex).trimEnd();
+    const after = content.slice(endIndex + AZAMAT_UI_THEME_END.length).trimStart();
+    return [before, block, after].filter(Boolean).join("\n\n") + "\n";
+  }
+  return `${content.trimEnd()}
+
+${block}
+`;
+}
+async function upsertThemeCss({ cwd, cssPath }) {
+  const targetPath = path2.resolve(cwd, cssPath);
+  await fs2.ensureDir(path2.dirname(targetPath));
+  const currentContent = fs2.existsSync(targetPath) ? await fs2.readFile(targetPath, "utf8") : "";
+  const withTailwind = ensureTailwindImport(currentContent);
+  const nextContent = replaceMarkedBlock(withTailwind, azamatUiThemeCss);
+  await fs2.writeFile(targetPath, nextContent);
+  return targetPath;
+}
+
+// cli/commands/init.ts
+var baseDependencies = [
+  "@base-ui/react",
+  "@fontsource-variable/geist",
+  "clsx",
+  "tailwind-merge",
+  "class-variance-authority",
+  "lucide-react",
+  "tw-animate-css",
+  "@tanstack/react-table",
+  "react-hook-form"
+];
+async function initCommand() {
+  const cwd = process.cwd();
+  const packageJsonPath = path3.join(cwd, "package.json");
+  if (!fs3.existsSync(packageJsonPath)) {
+    logger.error("package.json topilmadi. Commandni React/Vite project ichida ishlating.");
+    process.exit(1);
+  }
+  const response = await prompts([
+    {
+      type: "confirm",
+      name: "installDeps",
+      message: "Asosiy dependencylarni o\u2018rnataymi?",
+      initial: true
+    },
+    {
+      type: "text",
+      name: "alias",
+      message: "Path alias qanday?",
+      initial: "@"
+    },
+    {
+      type: "text",
+      name: "componentsPath",
+      message: "Component root qayerda?",
+      initial: "src/components"
+    },
+    {
+      type: "text",
+      name: "uiPath",
+      message: "UI primitives qayerga yozilsin?",
+      initial: "src/components/ui"
+    },
+    {
+      type: "text",
+      name: "hooksPath",
+      message: "Hooks qayerga yozilsin?",
+      initial: "src/hooks"
+    },
+    {
+      type: "text",
+      name: "utilsPath",
+      message: "utils.ts qayerga yozilsin?",
+      initial: "src/lib/utils.ts"
+    },
+    {
+      type: "text",
+      name: "globalCssPath",
+      message: "Theme tokenlar qaysi global CSS faylga yozilsin?",
+      initial: "src/index.css"
+    },
+    {
+      type: "confirm",
+      name: "writeThemeCss",
+      message: "Dark/light theme tokenlarni global CSS faylga yozaymi?",
+      initial: true
+    }
+  ]);
+  const packageManager = detectPackageManager(cwd);
+  logger.info(`Package manager: ${packageManager}`);
+  if (response.installDeps) {
+    await installPackages({
+      cwd,
+      packageManager,
+      packages: baseDependencies
+    });
+  }
+  const config = {
+    style: "default",
+    alias: response.alias || "@",
+    componentsPath: response.uiPath,
+    utilsPath: response.utilsPath,
+    cssPath: response.globalCssPath,
+    globalCssPath: response.globalCssPath,
+    paths: {
+      components: response.componentsPath,
+      ui: response.uiPath,
+      hooks: response.hooksPath,
+      lib: path3.dirname(response.utilsPath)
+    }
+  };
+  await fs3.writeJson(path3.join(cwd, "azamat-ui.json"), config, {
+    spaces: 2
+  });
+  const utilsFullPath = path3.join(cwd, response.utilsPath);
+  await fs3.ensureDir(path3.dirname(utilsFullPath));
+  if (!fs3.existsSync(utilsFullPath)) {
+    await fs3.writeFile(
+      utilsFullPath,
+      `import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
+`
+    );
+  }
+  if (response.writeThemeCss && response.globalCssPath) {
+    const cssTarget = await upsertThemeCss({
+      cwd,
+      cssPath: response.globalCssPath
+    });
+    logger.success(`Theme CSS yozildi: ${cssTarget}`);
+  }
+  logger.success("Azamat UI Kit init qilindi.");
+  logger.info("Componentlarni ko\u2018rish:");
+  logger.info("npx azamat-ui-kit list");
+  logger.info("Component qo\u2018shish:");
+  logger.info("npx azamat-ui-kit add button input data-table");
+  logger.info("Theme CSS ni yangilash:");
+  logger.info("npx azamat-ui-kit theme");
+}
+
+// cli/commands/add.ts
+import path4 from "path";
+import { fileURLToPath } from "url";
+import fs4 from "fs-extra";
+
+// cli/registry.ts
+var file = (source, target) => ({ source, target });
+var registry = {
+  utils: { name: "utils", category: "lib", dependencies: ["clsx", "tailwind-merge"], files: [file("src/lib/utils.ts", "{utils}")] },
+  button: { name: "button", category: "ui", dependencies: ["@base-ui/react", "class-variance-authority"], registryDependencies: ["utils"], files: [file("src/components/ui/button.tsx", "{ui}/button.tsx")] },
+  input: { name: "input", category: "ui", dependencies: ["@base-ui/react"], registryDependencies: ["utils"], files: [file("src/components/ui/input.tsx", "{ui}/input.tsx")] },
+  textarea: { name: "textarea", category: "ui", registryDependencies: ["utils"], files: [file("src/components/ui/textarea.tsx", "{ui}/textarea.tsx")] },
+  checkbox: { name: "checkbox", category: "ui", dependencies: ["lucide-react"], registryDependencies: ["utils"], files: [file("src/components/ui/checkbox.tsx", "{ui}/checkbox.tsx")] },
+  switch: { name: "switch", category: "ui", registryDependencies: ["utils"], files: [file("src/components/ui/switch.tsx", "{ui}/switch.tsx")] },
+  badge: { name: "badge", category: "ui", dependencies: ["@base-ui/react", "class-variance-authority"], registryDependencies: ["utils"], files: [file("src/components/ui/badge.tsx", "{ui}/badge.tsx")] },
+  card: { name: "card", category: "ui", registryDependencies: ["utils"], files: [file("src/components/ui/card.tsx", "{ui}/card.tsx")] },
+  dialog: { name: "dialog", category: "ui", dependencies: ["@base-ui/react", "lucide-react"], registryDependencies: ["button", "utils"], files: [file("src/components/ui/dialog.tsx", "{ui}/dialog.tsx")] },
+  "dropdown-menu": { name: "dropdown-menu", category: "ui", dependencies: ["@base-ui/react", "lucide-react"], registryDependencies: ["utils"], files: [file("src/components/ui/dropdown-menu.tsx", "{ui}/dropdown-menu.tsx")] },
+  popover: { name: "popover", category: "ui", dependencies: ["@base-ui/react"], registryDependencies: ["utils"], files: [file("src/components/ui/popover.tsx", "{ui}/popover.tsx")] },
+  select: { name: "select", category: "ui", dependencies: ["@base-ui/react", "lucide-react"], registryDependencies: ["utils"], files: [file("src/components/ui/select.tsx", "{ui}/select.tsx")] },
+  table: { name: "table", category: "ui", registryDependencies: ["utils"], files: [file("src/components/ui/table.tsx", "{ui}/table.tsx")] },
+  "dialog-actions": { name: "dialog-actions", category: "overlay", dependencies: ["lucide-react"], registryDependencies: ["button", "utils"], files: [file("src/components/overlay/dialog-actions.tsx", "{components}/overlay/dialog-actions.tsx")] },
+  "modal-shell": { name: "modal-shell", category: "overlay", registryDependencies: ["dialog", "utils"], files: [file("src/components/overlay/modal-shell.tsx", "{components}/overlay/modal-shell.tsx")] },
+  "confirm-dialog": { name: "confirm-dialog", category: "overlay", registryDependencies: ["modal-shell", "dialog-actions"], files: [file("src/components/overlay/confirm-dialog.tsx", "{components}/overlay/confirm-dialog.tsx")] },
+  "sheet-shell": { name: "sheet-shell", category: "overlay", dependencies: ["@base-ui/react", "lucide-react"], registryDependencies: ["button", "utils"], files: [file("src/components/overlay/sheet-shell.tsx", "{components}/overlay/sheet-shell.tsx")] },
+  overlay: { name: "overlay", category: "group", registryDependencies: ["dialog-actions", "modal-shell", "confirm-dialog", "sheet-shell"], files: [file("src/components/overlay/index.ts", "{components}/overlay/index.ts")] },
+  pagination: { name: "pagination", category: "navigation", dependencies: ["lucide-react"], registryDependencies: ["button", "utils"], files: [file("src/components/navigation/pagination.tsx", "{components}/navigation/pagination.tsx")] },
+  "clearable-input": { name: "clearable-input", category: "inputs", dependencies: ["lucide-react"], registryDependencies: ["input", "utils"], files: [file("src/components/inputs/clearable-input.tsx", "{components}/inputs/clearable-input.tsx")] },
+  "search-input": { name: "search-input", category: "inputs", dependencies: ["lucide-react"], registryDependencies: ["clearable-input"], files: [file("src/components/inputs/search-input.tsx", "{components}/inputs/search-input.tsx")] },
+  "password-input": { name: "password-input", category: "inputs", dependencies: ["lucide-react"], registryDependencies: ["input", "utils"], files: [file("src/components/inputs/password-input.tsx", "{components}/inputs/password-input.tsx")] },
+  "number-input": { name: "number-input", category: "inputs", registryDependencies: ["input"], files: [file("src/components/inputs/number-input.tsx", "{components}/inputs/number-input.tsx")] },
+  "date-input": { name: "date-input", category: "inputs", registryDependencies: ["input"], files: [file("src/components/inputs/date-input.tsx", "{components}/inputs/date-input.tsx")] },
+  "date-range-input": { name: "date-range-input", category: "inputs", registryDependencies: ["date-input", "utils"], files: [file("src/components/inputs/date-range-input.tsx", "{components}/inputs/date-range-input.tsx")] },
+  "money-input": { name: "money-input", category: "inputs", registryDependencies: ["input", "utils"], files: [file("src/components/inputs/money-input.tsx", "{components}/inputs/money-input.tsx")] },
+  "quantity-input": { name: "quantity-input", category: "inputs", dependencies: ["lucide-react"], registryDependencies: ["button", "input", "utils"], files: [file("src/components/inputs/quantity-input.tsx", "{components}/inputs/quantity-input.tsx")] },
+  "masked-input": { name: "masked-input", category: "inputs", registryDependencies: ["input"], files: [file("src/components/inputs/masked-input.tsx", "{components}/inputs/masked-input.tsx")] },
+  "phone-input": { name: "phone-input", category: "inputs", registryDependencies: ["masked-input"], files: [file("src/components/inputs/phone-input.tsx", "{components}/inputs/phone-input.tsx")] },
+  "simple-select": { name: "simple-select", category: "inputs", registryDependencies: ["select", "utils"], files: [file("src/components/inputs/simple-select.tsx", "{components}/inputs/simple-select.tsx")] },
+  "async-select": { name: "async-select", category: "inputs", dependencies: ["lucide-react"], registryDependencies: ["button", "input", "popover", "utils"], files: [file("src/components/inputs/async-select.tsx", "{components}/inputs/async-select.tsx")] },
+  inputs: { name: "inputs", category: "group", registryDependencies: ["clearable-input", "search-input", "password-input", "number-input", "date-input", "date-range-input", "money-input", "quantity-input", "masked-input", "phone-input", "simple-select", "async-select"], files: [file("src/components/inputs/index.ts", "{components}/inputs/index.ts")] },
+  "form-field-shell": { name: "form-field-shell", category: "form", registryDependencies: ["utils"], files: [file("src/components/form/form-field-shell.tsx", "{components}/form/form-field-shell.tsx")] },
+  "form-input": { name: "form-input", category: "form", dependencies: ["react-hook-form"], registryDependencies: ["input", "form-field-shell"], files: [file("src/components/form/form-input.tsx", "{components}/form/form-input.tsx")] },
+  "form-select": { name: "form-select", category: "form", dependencies: ["react-hook-form"], registryDependencies: ["simple-select", "form-field-shell"], files: [file("src/components/form/form-select.tsx", "{components}/form/form-select.tsx")] },
+  "form-async-select": { name: "form-async-select", category: "form", dependencies: ["react-hook-form"], registryDependencies: ["async-select", "form-field-shell"], files: [file("src/components/form/form-async-select.tsx", "{components}/form/form-async-select.tsx")] },
+  "form-textarea": { name: "form-textarea", category: "form", dependencies: ["react-hook-form"], registryDependencies: ["textarea", "form-field-shell"], files: [file("src/components/form/form-textarea.tsx", "{components}/form/form-textarea.tsx")] },
+  "form-switch": { name: "form-switch", category: "form", dependencies: ["react-hook-form"], registryDependencies: ["switch", "form-field-shell", "utils"], files: [file("src/components/form/form-switch.tsx", "{components}/form/form-switch.tsx")] },
+  "form-search-input": { name: "form-search-input", category: "form", dependencies: ["react-hook-form"], registryDependencies: ["search-input", "form-field-shell"], files: [file("src/components/form/form-search-input.tsx", "{components}/form/form-search-input.tsx")] },
+  "form-password-input": { name: "form-password-input", category: "form", dependencies: ["react-hook-form"], registryDependencies: ["password-input", "form-field-shell"], files: [file("src/components/form/form-password-input.tsx", "{components}/form/form-password-input.tsx")] },
+  "form-number-input": { name: "form-number-input", category: "form", dependencies: ["react-hook-form"], registryDependencies: ["number-input", "form-field-shell"], files: [file("src/components/form/form-number-input.tsx", "{components}/form/form-number-input.tsx")] },
+  "form-phone-input": { name: "form-phone-input", category: "form", dependencies: ["react-hook-form"], registryDependencies: ["phone-input", "form-field-shell"], files: [file("src/components/form/form-phone-input.tsx", "{components}/form/form-phone-input.tsx")] },
+  "form-date-input": { name: "form-date-input", category: "form", dependencies: ["react-hook-form"], registryDependencies: ["date-input", "form-field-shell"], files: [file("src/components/form/form-date-input.tsx", "{components}/form/form-date-input.tsx")] },
+  "form-date-range-input": { name: "form-date-range-input", category: "form", dependencies: ["react-hook-form"], registryDependencies: ["date-range-input", "form-field-shell"], files: [file("src/components/form/form-date-range-input.tsx", "{components}/form/form-date-range-input.tsx")] },
+  "form-date-picker": { name: "form-date-picker", category: "form", dependencies: ["react-hook-form"], registryDependencies: ["date-picker", "form-field-shell"], files: [file("src/components/form/form-date-picker.tsx", "{components}/form/form-date-picker.tsx")] },
+  "form-date-range-picker": { name: "form-date-range-picker", category: "form", dependencies: ["react-hook-form"], registryDependencies: ["date-range-picker", "form-field-shell"], files: [file("src/components/form/form-date-range-picker.tsx", "{components}/form/form-date-range-picker.tsx")] },
+  form: { name: "form", category: "group", registryDependencies: ["form-field-shell", "form-input", "form-select", "form-async-select", "form-textarea", "form-switch", "form-search-input", "form-password-input", "form-number-input", "form-phone-input", "form-date-input", "form-date-range-input", "form-date-picker", "form-date-range-picker"], files: [file("src/components/form/index.ts", "{components}/form/index.ts")] },
+  "empty-state": { name: "empty-state", category: "feedback", dependencies: ["lucide-react"], registryDependencies: ["button", "utils"], files: [file("src/components/feedback/empty-state.tsx", "{components}/feedback/empty-state.tsx")] },
+  "loading-state": { name: "loading-state", category: "feedback", dependencies: ["lucide-react"], registryDependencies: ["utils"], files: [file("src/components/feedback/loading-state.tsx", "{components}/feedback/loading-state.tsx")] },
+  "status-badge": { name: "status-badge", category: "feedback", registryDependencies: ["badge", "utils"], files: [file("src/components/feedback/status-badge.tsx", "{components}/feedback/status-badge.tsx")] },
+  feedback: { name: "feedback", category: "group", registryDependencies: ["empty-state", "loading-state", "status-badge"], files: [file("src/components/feedback/index.ts", "{components}/feedback/index.ts")] },
+  "description-list": { name: "description-list", category: "display", registryDependencies: ["card", "utils"], files: [file("src/components/display/description-list.tsx", "{components}/display/description-list.tsx")] },
+  progress: { name: "progress", category: "display", registryDependencies: ["utils"], files: [file("src/components/display/progress.tsx", "{components}/display/progress.tsx")] },
+  result: { name: "result", category: "display", dependencies: ["lucide-react"], registryDependencies: ["button", "utils"], files: [file("src/components/display/result.tsx", "{components}/display/result.tsx")] },
+  timeline: { name: "timeline", category: "display", registryDependencies: ["utils"], files: [file("src/components/display/timeline.tsx", "{components}/display/timeline.tsx")] },
+  "metric-grid": { name: "metric-grid", category: "display", registryDependencies: ["card", "utils"], files: [file("src/components/display/metric-grid.tsx", "{components}/display/metric-grid.tsx")] },
+  "info-card": { name: "info-card", category: "display", registryDependencies: ["card", "utils"], files: [file("src/components/display/info-card.tsx", "{components}/display/info-card.tsx")] },
+  "activity-feed": { name: "activity-feed", category: "display", registryDependencies: ["card", "utils"], files: [file("src/components/display/activity-feed.tsx", "{components}/display/activity-feed.tsx")] },
+  display: { name: "display", category: "group", registryDependencies: ["description-list", "progress", "result", "timeline", "metric-grid", "info-card", "activity-feed"], files: [file("src/components/display/index.ts", "{components}/display/index.ts")] },
+  "action-menu": { name: "action-menu", category: "actions", dependencies: ["lucide-react"], registryDependencies: ["button", "dropdown-menu", "utils"], files: [file("src/components/actions/action-menu.tsx", "{components}/actions/action-menu.tsx")] },
+  actions: { name: "actions", category: "group", registryDependencies: ["action-menu"], files: [file("src/components/actions/index.ts", "{components}/actions/index.ts")] },
+  "page-header": { name: "page-header", category: "layout", registryDependencies: ["utils"], files: [file("src/components/layout/page-header.tsx", "{components}/layout/page-header.tsx")] },
+  "stat-card": { name: "stat-card", category: "layout", registryDependencies: ["card", "utils"], files: [file("src/components/layout/stat-card.tsx", "{components}/layout/stat-card.tsx")] },
+  "app-shell": { name: "app-shell", category: "layout", dependencies: ["lucide-react"], registryDependencies: ["button", "utils"], files: [file("src/components/layout/app-shell.tsx", "{components}/layout/app-shell.tsx")] },
+  "app-header": { name: "app-header", category: "layout", registryDependencies: ["utils"], files: [file("src/components/layout/app-header.tsx", "{components}/layout/app-header.tsx")] },
+  "app-sidebar": { name: "app-sidebar", category: "layout", registryDependencies: ["utils"], files: [file("src/components/layout/app-sidebar.tsx", "{components}/layout/app-sidebar.tsx")] },
+  "sidebar-nav": { name: "sidebar-nav", category: "layout", registryDependencies: ["badge", "utils"], files: [file("src/components/layout/sidebar-nav.tsx", "{components}/layout/sidebar-nav.tsx")] },
+  breadcrumbs: { name: "breadcrumbs", category: "layout", dependencies: ["lucide-react"], registryDependencies: ["utils"], files: [file("src/components/layout/breadcrumbs.tsx", "{components}/layout/breadcrumbs.tsx")] },
+  "page-container": { name: "page-container", category: "layout", registryDependencies: ["utils"], files: [file("src/components/layout/page-container.tsx", "{components}/layout/page-container.tsx")] },
+  layout: { name: "layout", category: "group", registryDependencies: ["app-shell", "app-header", "app-sidebar", "page-header", "stat-card", "sidebar-nav", "breadcrumbs", "page-container"], files: [file("src/components/layout/index.ts", "{components}/layout/index.ts")] },
+  "filter-bar": { name: "filter-bar", category: "filters", dependencies: ["lucide-react"], registryDependencies: ["button", "utils"], files: [file("src/components/filters/filter-bar.tsx", "{components}/filters/filter-bar.tsx")] },
+  filters: { name: "filters", category: "group", registryDependencies: ["filter-bar"], files: [file("src/components/filters/index.ts", "{components}/filters/index.ts")] },
+  "data-table-toolbar": { name: "data-table-toolbar", category: "data-table", registryDependencies: ["utils"], files: [file("src/components/data-table/data-table-toolbar.tsx", "{components}/data-table/data-table-toolbar.tsx")] },
+  "data-table-pagination": { name: "data-table-pagination", category: "data-table", registryDependencies: ["pagination", "simple-select", "utils"], files: [file("src/components/data-table/data-table-pagination.tsx", "{components}/data-table/data-table-pagination.tsx")] },
+  "data-table-column-visibility-menu": { name: "data-table-column-visibility-menu", category: "data-table", dependencies: ["@tanstack/react-table", "lucide-react"], registryDependencies: ["button", "dropdown-menu", "utils"], files: [file("src/components/data-table/data-table-column-visibility-menu.tsx", "{components}/data-table/data-table-column-visibility-menu.tsx")] },
+  "data-table-select-column": { name: "data-table-select-column", category: "data-table", dependencies: ["@tanstack/react-table"], registryDependencies: ["checkbox", "utils"], files: [file("src/components/data-table/data-table-select-column.tsx", "{components}/data-table/data-table-select-column.tsx")] },
+  "data-table-sortable-header": { name: "data-table-sortable-header", category: "data-table", dependencies: ["@tanstack/react-table", "lucide-react"], registryDependencies: ["button", "utils"], files: [file("src/components/data-table/data-table-sortable-header.tsx", "{components}/data-table/data-table-sortable-header.tsx")] },
+  "data-table-row-actions": { name: "data-table-row-actions", category: "data-table", dependencies: ["@tanstack/react-table"], registryDependencies: ["action-menu"], files: [file("src/components/data-table/data-table-row-actions.tsx", "{components}/data-table/data-table-row-actions.tsx")] },
+  "data-table-actions-column": { name: "data-table-actions-column", category: "data-table", dependencies: ["@tanstack/react-table"], registryDependencies: ["data-table-row-actions", "utils"], files: [file("src/components/data-table/data-table-actions-column.tsx", "{components}/data-table/data-table-actions-column.tsx")] },
+  "data-table-bulk-actions": { name: "data-table-bulk-actions", category: "data-table", dependencies: ["lucide-react"], registryDependencies: ["action-menu", "button", "utils"], files: [file("src/components/data-table/data-table-bulk-actions.tsx", "{components}/data-table/data-table-bulk-actions.tsx")] },
+  "data-table-view-presets": { name: "data-table-view-presets", category: "data-table", registryDependencies: ["badge", "button", "utils"], files: [file("src/components/data-table/data-table-view-presets.tsx", "{components}/data-table/data-table-view-presets.tsx")] },
+  "data-table": { name: "data-table", category: "group", dependencies: ["@tanstack/react-table"], registryDependencies: ["table", "empty-state", "loading-state", "data-table-toolbar", "data-table-pagination", "data-table-column-visibility-menu", "data-table-select-column", "data-table-sortable-header", "data-table-row-actions", "data-table-actions-column", "data-table-bulk-actions", "data-table-view-presets", "utils"], files: [file("src/components/data-table/data-table.tsx", "{components}/data-table/data-table.tsx"), file("src/components/data-table/index.ts", "{components}/data-table/index.ts")] },
+  calendar: { name: "calendar", category: "calendar", dependencies: ["lucide-react"], registryDependencies: ["button", "utils"], files: [file("src/components/calendar/date-utils.ts", "{components}/calendar/date-utils.ts"), file("src/components/calendar/calendar.tsx", "{components}/calendar/calendar.tsx")] },
+  "date-picker": { name: "date-picker", category: "calendar", dependencies: ["lucide-react"], registryDependencies: ["calendar", "button", "popover", "utils"], files: [file("src/components/calendar/date-picker.tsx", "{components}/calendar/date-picker.tsx")] },
+  "date-range-picker": { name: "date-range-picker", category: "calendar", dependencies: ["lucide-react"], registryDependencies: ["calendar", "button", "popover", "utils"], files: [file("src/components/calendar/date-range-picker.tsx", "{components}/calendar/date-range-picker.tsx")] },
+  "calendar-kit": { name: "calendar-kit", category: "group", registryDependencies: ["calendar", "date-picker", "date-range-picker"], files: [file("src/components/calendar/index.ts", "{components}/calendar/index.ts")] },
+  "file-upload": { name: "file-upload", category: "upload", registryDependencies: ["button"], files: [file("src/components/upload/file-upload.tsx", "{components}/upload/file-upload.tsx")] },
+  "image-upload": { name: "image-upload", category: "upload", registryDependencies: ["file-upload"], files: [file("src/components/upload/image-upload.tsx", "{components}/upload/image-upload.tsx")] },
+  upload: { name: "upload", category: "group", registryDependencies: ["file-upload", "image-upload"], files: [file("src/components/upload/index.ts", "{components}/upload/index.ts")] },
+  stepper: { name: "stepper", category: "wizard", dependencies: ["lucide-react"], registryDependencies: ["utils"], files: [file("src/components/wizard/stepper.tsx", "{components}/wizard/stepper.tsx")] },
+  wizard: { name: "wizard", category: "wizard", registryDependencies: ["button", "stepper", "utils"], files: [file("src/components/wizard/wizard.tsx", "{components}/wizard/wizard.tsx")] },
+  "wizard-kit": { name: "wizard-kit", category: "group", registryDependencies: ["stepper", "wizard"], files: [file("src/components/wizard/index.ts", "{components}/wizard/index.ts")] },
+  toast: { name: "toast", category: "notifications", dependencies: ["lucide-react"], registryDependencies: ["button", "utils"], files: [file("src/components/notifications/toast.tsx", "{components}/notifications/toast.tsx")] },
+  notifications: { name: "notifications", category: "group", registryDependencies: ["toast"], files: [file("src/components/notifications/index.ts", "{components}/notifications/index.ts")] },
+  "command-palette": { name: "command-palette", category: "command", dependencies: ["lucide-react"], registryDependencies: ["dialog", "input", "utils"], files: [file("src/components/command/command-palette.tsx", "{components}/command/command-palette.tsx")] },
+  command: { name: "command", category: "group", registryDependencies: ["command-palette"], files: [file("src/components/command/index.ts", "{components}/command/index.ts")] },
+  "resource-page": { name: "resource-page", category: "patterns", registryDependencies: ["data-table", "page-header", "utils"], files: [file("src/components/patterns/resource-page.tsx", "{components}/patterns/resource-page.tsx")] },
+  "resource-detail-page": { name: "resource-detail-page", category: "patterns", registryDependencies: ["button", "description-list", "page-header", "utils"], files: [file("src/components/patterns/resource-detail-page.tsx", "{components}/patterns/resource-detail-page.tsx")] },
+  "form-builder": { name: "form-builder", category: "patterns", dependencies: ["react-hook-form"], registryDependencies: ["button", "form-input", "form-textarea", "form-select", "form-async-select", "form-switch", "form-number-input", "form-phone-input", "form-date-input", "form-date-range-input", "utils"], files: [file("src/components/patterns/form-builder.tsx", "{components}/patterns/form-builder.tsx")] },
+  "form-builder-presets": { name: "form-builder-presets", category: "patterns", dependencies: ["react-hook-form"], registryDependencies: ["form-builder"], files: [file("src/components/patterns/form-builder-presets.ts", "{components}/patterns/form-builder-presets.ts")] },
+  patterns: { name: "patterns", category: "group", registryDependencies: ["resource-page", "resource-detail-page", "form-builder", "form-builder-presets"], files: [file("src/components/patterns/index.ts", "{components}/patterns/index.ts")] },
+  "use-session-storage-state": { name: "use-session-storage-state", category: "hooks", files: [file("src/hooks/use-session-storage-state.ts", "{hooks}/use-session-storage-state.ts")] },
+  "use-before-unload-when-dirty": { name: "use-before-unload-when-dirty", category: "hooks", files: [file("src/hooks/use-before-unload-when-dirty.ts", "{hooks}/use-before-unload-when-dirty.ts")] },
+  "use-is-mobile": { name: "use-is-mobile", category: "hooks", files: [file("src/hooks/use-is-mobile.ts", "{hooks}/use-is-mobile.ts")] },
+  "use-disclosure": { name: "use-disclosure", category: "hooks", files: [file("src/hooks/use-disclosure.ts", "{hooks}/use-disclosure.ts")] },
+  "use-debounce": { name: "use-debounce", category: "hooks", files: [file("src/hooks/use-debounce.ts", "{hooks}/use-debounce.ts")] },
+  "use-data-table-view-state": { name: "use-data-table-view-state", category: "hooks", files: [file("src/hooks/use-data-table-view-state.ts", "{hooks}/use-data-table-view-state.ts")] },
+  hooks: { name: "hooks", category: "group", registryDependencies: ["use-session-storage-state", "use-before-unload-when-dirty", "use-is-mobile", "use-disclosure", "use-debounce", "use-data-table-view-state"], files: [file("src/hooks/index.ts", "{hooks}/index.ts")] },
+  dashboard: { name: "dashboard", category: "group", registryDependencies: ["layout", "actions", "filters", "feedback", "display", "data-table", "inputs", "form", "patterns", "notifications", "command"] },
+  all: { name: "all", category: "group", registryDependencies: ["dashboard", "overlay", "calendar-kit", "upload", "wizard-kit", "hooks"] }
+};
+var registryNames = Object.keys(registry);
+
+// cli/commands/add.ts
+function isComponentName(value) {
+  return value in registry;
+}
+function getPackageRoot() {
+  const currentDir = path4.dirname(fileURLToPath(import.meta.url));
+  const candidates = [
+    path4.resolve(currentDir, "../.."),
+    path4.resolve(currentDir, ".."),
+    process.cwd()
+  ];
+  for (const candidate of candidates) {
+    const packageJsonPath = path4.join(candidate, "package.json");
+    if (!fs4.existsSync(packageJsonPath)) continue;
+    try {
+      const packageJson = fs4.readJsonSync(packageJsonPath);
+      if (packageJson.name === "azamat-ui-kit") return candidate;
+    } catch {
+    }
+  }
+  return path4.resolve(currentDir, "../..");
+}
+function getComponentsRoot(config) {
+  if (config.paths?.components) return config.paths.components;
+  const legacyComponentsPath = config.componentsPath ?? "src/components/ui";
+  return legacyComponentsPath.endsWith("/ui") || legacyComponentsPath.endsWith("\\ui") ? path4.dirname(legacyComponentsPath) : legacyComponentsPath;
+}
+function resolveTargetPath(target, config) {
+  const componentsRoot = getComponentsRoot(config);
+  const uiPath = config.paths?.ui ?? config.componentsPath ?? path4.join(componentsRoot, "ui");
+  const hooksPath = config.paths?.hooks ?? "src/hooks";
+  const libPath = config.paths?.lib ?? path4.dirname(config.utilsPath ?? "src/lib/utils.ts");
+  const utilsPath = config.utilsPath ?? path4.join(libPath, "utils.ts");
+  return target.replaceAll("{components}", componentsRoot).replaceAll("{ui}", uiPath).replaceAll("{hooks}", hooksPath).replaceAll("{lib}", libPath).replaceAll("{utils}", utilsPath);
+}
+function applyAlias(content, alias = "@") {
+  if (alias === "@") return content;
+  return content.replaceAll("@/", `${alias}/`);
+}
+function collectRegistryItems(componentNames) {
+  const collected = [];
+  const seen = /* @__PURE__ */ new Set();
+  function visit(componentName) {
+    if (seen.has(componentName)) return;
+    const item = registry[componentName];
+    item.registryDependencies?.forEach(visit);
+    seen.add(componentName);
+    collected.push(item);
+  }
+  componentNames.forEach(visit);
+  return collected;
+}
+function formatAvailableComponents() {
+  return registryNames.filter((name) => registry[name].category !== "lib").sort().join(", ");
+}
+async function addCommand(components, options = {}) {
+  const cwd = process.cwd();
+  const configPath = path4.join(cwd, "azamat-ui.json");
+  if (!fs4.existsSync(configPath)) {
+    logger.error("azamat-ui.json topilmadi. Avval init qiling:");
+    logger.info("npx azamat-ui-kit init");
+    process.exit(1);
+  }
+  if (!components.length) {
+    logger.error("Component nomini kiriting:");
+    logger.info("npx azamat-ui-kit add data-table async-select form-input");
+    logger.info(`Mavjud componentlar: ${formatAvailableComponents()}`);
+    process.exit(1);
+  }
+  const validComponents = [];
+  for (const componentName of components) {
+    if (!isComponentName(componentName)) {
+      logger.warn(`${componentName} registry ichida mavjud emas.`);
+      continue;
+    }
+    validComponents.push(componentName);
+  }
+  if (!validComponents.length) {
+    logger.error("Qo\u2018shish uchun valid component topilmadi.");
+    process.exit(1);
+  }
+  const config = await fs4.readJson(configPath);
+  const packageRoot = getPackageRoot();
+  const packageManager = detectPackageManager(cwd);
+  const items = collectRegistryItems(validComponents);
+  const dependenciesToInstall = /* @__PURE__ */ new Set();
+  for (const item of items) {
+    item.dependencies?.forEach((dep) => dependenciesToInstall.add(dep));
+    for (const file2 of item.files ?? []) {
+      const sourcePath = path4.join(packageRoot, file2.source);
+      const targetPath = path4.join(cwd, resolveTargetPath(file2.target, config));
+      if (!fs4.existsSync(sourcePath)) {
+        logger.warn(`${file2.source} topilmadi. O\u2018tkazib yuborildi.`);
+        continue;
+      }
+      if (options.dryRun) {
+        logger.info(`[dry-run] ${file2.source} -> ${path4.relative(cwd, targetPath)}`);
+        continue;
+      }
+      await fs4.ensureDir(path4.dirname(targetPath));
+      if (fs4.existsSync(targetPath) && !options.overwrite) {
+        logger.warn(`${path4.relative(cwd, targetPath)} allaqachon mavjud. O\u2018tkazib yuborildi.`);
+        continue;
+      }
+      const sourceContent = await fs4.readFile(sourcePath, "utf8");
+      await fs4.writeFile(targetPath, applyAlias(sourceContent, config.alias));
+      logger.success(`${path4.relative(cwd, targetPath)} qo\u2018shildi.`);
+    }
+  }
+  if (!options.skipInstall && dependenciesToInstall.size > 0 && !options.dryRun) {
+    await installPackages({
+      cwd,
+      packageManager,
+      packages: Array.from(dependenciesToInstall)
+    });
+  }
+  logger.success("Componentlar muvaffaqiyatli qo\u2018shildi.");
+}
+
+// cli/commands/list.ts
+function listCommand() {
+  const grouped = registryNames.filter((name) => registry[name].category !== "lib").reduce((acc, name) => {
+    const category = registry[name].category;
+    acc[category] ??= [];
+    acc[category].push(name);
+    return acc;
+  }, {});
+  for (const [category, names] of Object.entries(grouped)) {
+    console.log(`
+${category}`);
+    names.sort().forEach((name) => {
+      const item = registry[name];
+      const deps = item.registryDependencies?.length ? ` -> ${item.registryDependencies.join(", ")}` : "";
+      console.log(`  ${name}${deps}`);
+    });
+  }
+  console.log("\nUsage:");
+  console.log("  npx azamat-ui-kit add button input data-table");
+  console.log("  npx azamat-ui-kit add form --overwrite");
+}
+
+// cli/commands/theme.ts
+import path5 from "path";
+import fs5 from "fs-extra";
+async function themeCommand(cssPathArg) {
+  const cwd = process.cwd();
+  const configPath = path5.join(cwd, "azamat-ui.json");
+  const config = fs5.existsSync(configPath) ? await fs5.readJson(configPath) : {};
+  const cssPath = cssPathArg ?? config.cssPath ?? config.globalCssPath ?? "src/index.css";
+  const targetPath = await upsertThemeCss({ cwd, cssPath });
+  logger.success(`Azamat UI theme CSS yangilandi: ${targetPath}`);
+}
+
+// cli/index.ts
+var program = new Command();
+program.name("azamat-ui-kit").description("Azamat UI Kit CLI").version("0.0.1");
+program.command("init").description("Initialize Azamat UI Kit in your project").action(initCommand);
+program.command("list").description("List available registry components").action(listCommand);
+program.command("add").description("Add components to your project").argument("[components...]", "components to add").option("-o, --overwrite", "overwrite existing files").option("--dry-run", "show files without writing").option("--skip-install", "do not install package dependencies").action(addCommand);
+program.command("theme").description("Write or update Azamat UI theme CSS in your global CSS file").argument("[cssPath]", "global CSS path, default from azamat-ui.json or src/index.css").action(themeCommand);
+program.parse();