ionbit-ui 0.1.7 → 0.1.9

package/dist/base.css

@@ -0,0 +1,53 @@
+/*
+ * Ionbit UI — Base layer
+ *
+ * Minimal reset-adjacent defaults + reduced-motion policy.
+ * Import once at the application root, after tokens.css.
+ */
+
+@layer base {
+  * {
+    border-color: var(--border);
+  }
+
+  html {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
+  }
+
+  body {
+    background-color: var(--background);
+    color: var(--foreground);
+    font-family: var(--font-sans);
+    line-height: var(--leading-normal);
+  }
+
+  :focus-visible {
+    outline: 2px solid var(--ring);
+    outline-offset: 2px;
+  }
+
+  /* Reduced-motion policy: disable all animations and transitions by default.
+     Components and primitives must opt in via .motion-safe for animations
+     that are safe to keep (functional, non-distracting state changes). */
+  @media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+      animation-duration: 0.001ms !important;
+      animation-iteration-count: 1 !important;
+      transition-duration: 0.001ms !important;
+      scroll-behavior: auto !important;
+    }
+  }
+}
+
+/* Opt-in escape hatch for animations that are safe under reduced motion. */
+@media (prefers-reduced-motion: reduce) {
+  .motion-safe\:animate,
+  .motion-safe\:transition {
+    animation-duration: var(--duration-fast) !important;
+    transition-duration: var(--duration-fast) !important;
+  }
+}

package/dist/index.js

@@ -294,11 +294,13 @@ function setupCssImports(config, cwd) {
   const stylesDir = config.aliases.styles;
   const tokensImport = `@import "./${relativePath(cssPath, resolve(cwd, stylesDir, "tokens.css"))}";`;
   const baseImport = `@import "./${relativePath(cssPath, resolve(cwd, stylesDir, "base.css"))}";`;
+  const utilitiesImport = `@import "./${relativePath(cssPath, resolve(cwd, stylesDir, "utilities.css"))}";`;
   if (!existsSync(cssPath)) {
     const content = `@import "tailwindcss";
 
 ${tokensImport}
 ${baseImport}
+${utilitiesImport}
 `;
     writeFileSync(cssPath, content);
     console.log(
@@ -314,6 +316,9 @@ ${baseImport}
   if (!existing.includes("base.css")) {
     lines.push(baseImport);
   }
+  if (!existing.includes("utilities.css")) {
+    lines.push(utilitiesImport);
+  }
   if (lines.length > 0) {
     let updated;
     if (existing.includes('@import "tailwindcss"')) {
@@ -376,7 +381,7 @@ ${label}`));
 const program = new Command();
 program.name("ionbit-ui").description(
   "Ionbit UI CLI — install source-owned components from the Ionbit UI registry."
-).version("0.1.7");
+).version("0.1.9");
 program.command("init").description(
   "Initialize Ionbit UI in your project. Creates a ionbit-ui.config.json and installs design tokens."
 ).option("-y, --yes", "Skip confirmation prompts and use defaults").option("-f, --force", "Force overwrite of existing configuration").option(

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/config.ts","../src/utils/fs.ts","../src/utils/npm.ts","../src/utils/registry.ts","../src/commands/add.ts","../src/commands/init.ts","../src/commands/list.ts","../src/index.ts"],"sourcesContent":["export const REGISTRY_URL =\n  \"https://raw.githubusercontent.com/rostislaw9/ionbit-ui/main/registry.json\";\n\nexport const REGISTRY_ITEM_URL =\n  \"https://raw.githubusercontent.com/rostislaw9/ionbit-ui/main/registry/items\";\n\nexport interface RegistryItem {\n  name: string;\n  type: string;\n  title: string;\n  description: string;\n  dependencies?: string[];\n  devDependencies?: string[];\n  registryDependencies?: string[];\n  files: RegistryFile[];\n}\n\nexport interface RegistryFile {\n  path: string;\n  type: string;\n  content: string;\n}\n\nexport interface Registry {\n  $schema: string;\n  name: string;\n  homepage: string;\n  items: RegistryItem[];\n}\n\nexport interface Config {\n  $schema: string;\n  style: string;\n  tailwind: {\n    css: string;\n    cssVariables: boolean;\n  };\n  aliases: {\n    components: string;\n    motion: string;\n    lib: string;\n    styles: string;\n  };\n}\n\nexport const DEFAULT_CONFIG: Config = {\n  $schema: \"https://ui.shadcn.com/schema/registry.json\",\n  style: \"digital\",\n  tailwind: {\n    css: \"src/index.css\",\n    cssVariables: true,\n  },\n  aliases: {\n    components: \"src/components/ui\",\n    motion: \"src/components/motion\",\n    lib: \"src/lib\",\n    styles: \"src/styles\",\n  },\n};\n\nexport const CONFIG_FILE = \"ionbit-ui.config.json\";\n","import type { Config } from \"../config\";\n\nimport { existsSync, mkdirSync, readFileSync, writeFileSync } from \"node:fs\";\nimport { dirname, resolve } from \"node:path\";\n\nimport { CONFIG_FILE } from \"../config\";\n\nexport function loadConfig(cwd = process.cwd()): Config | null {\n  const configPath = resolve(cwd, CONFIG_FILE);\n  if (!existsSync(configPath)) return null;\n  return JSON.parse(readFileSync(configPath, \"utf-8\")) as Config;\n}\n\nexport function saveConfig(config: Config, cwd = process.cwd()): void {\n  const configPath = resolve(cwd, CONFIG_FILE);\n  writeFileSync(configPath, JSON.stringify(config, null, 2) + \"\\n\");\n}\n\nexport function ensureDir(filePath: string): void {\n  const dir = dirname(filePath);\n  if (!existsSync(dir)) mkdirSync(dir, { recursive: true });\n}\n\nexport function writeFile(filePath: string, content: string): void {\n  ensureDir(filePath);\n  writeFileSync(filePath, content);\n}\n\nexport function resolveTargetPath(\n  target: string,\n  config: Config,\n  cwd = process.cwd(),\n): string {\n  // Map registry target paths to the user's configured aliases.\n  // e.g. \"components/ui/button.tsx\" -> \"{cwd}/components/ui/button.tsx\"\n  //      \"components/motion/spotlight.tsx\" -> \"{cwd}/components/motion/spotlight.tsx\"\n  //      \"lib/utils.ts\" -> \"{cwd}/lib/utils.ts\"\n  //      \"styles/tokens.css\" -> \"{cwd}/styles/tokens.css\"\n  let resolved = target;\n\n  if (target.startsWith(\"components/ui/\")) {\n    resolved = target.replace(\n      \"components/ui/\",\n      config.aliases.components + \"/\",\n    );\n  } else if (target.startsWith(\"components/motion/\")) {\n    resolved = target.replace(\n      \"components/motion/\",\n      config.aliases.motion + \"/\",\n    );\n  } else if (target.startsWith(\"lib/\")) {\n    resolved = target.replace(\"lib/\", config.aliases.lib + \"/\");\n  } else if (target.startsWith(\"styles/\")) {\n    resolved = target.replace(\"styles/\", config.aliases.styles + \"/\");\n  }\n\n  return resolve(cwd, resolved);\n}\n","import { execSync } from \"node:child_process\";\nimport { existsSync } from \"node:fs\";\nimport { resolve } from \"node:path\";\n\nexport type PackageManager = \"npm\" | \"pnpm\" | \"yarn\" | \"bun\";\n\nexport function detectPackageManager(cwd: string): PackageManager {\n  if (existsSync(resolve(cwd, \"bun.lockb\"))) return \"bun\";\n  if (existsSync(resolve(cwd, \"bun.lock\"))) return \"bun\";\n  if (existsSync(resolve(cwd, \"pnpm-lock.yaml\"))) return \"pnpm\";\n  if (existsSync(resolve(cwd, \"yarn.lock\"))) return \"yarn\";\n  return \"npm\";\n}\n\nexport function installNpmDeps(deps: string[], cwd: string): void {\n  if (deps.length === 0) return;\n  const pm = detectPackageManager(cwd);\n  const cmd =\n    pm === \"pnpm\"\n      ? `pnpm add ${deps.join(\" \")}`\n      : pm === \"yarn\"\n        ? `yarn add ${deps.join(\" \")}`\n        : pm === \"bun\"\n          ? `bun add ${deps.join(\" \")}`\n          : `npm install ${deps.join(\" \")}`;\n  execSync(cmd, { cwd, stdio: \"inherit\" });\n}\n","import type { Registry, RegistryItem } from \"../config\";\n\nimport { existsSync, readFileSync } from \"node:fs\";\nimport { dirname, resolve } from \"node:path\";\nimport { fileURLToPath } from \"node:url\";\n\nimport { REGISTRY_ITEM_URL, REGISTRY_URL } from \"../config\";\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n\n/**\n * Find the registry.json — checks local paths first, then falls back to the\n * remote GitHub URL. This allows development/testing without pushing to GitHub.\n */\nfunction findLocalRegistry(): string | null {\n  const candidates = [\n    // Relative to cwd (user's project)\n    resolve(process.cwd(), \"registry.json\"),\n    // Relative to CLI dist (packages/cli/dist -> ../../../registry.json)\n    resolve(__dirname, \"../../../registry.json\"),\n    // Relative to CLI src/utils (packages/cli/src/utils -> ../../../../registry.json)\n    resolve(__dirname, \"../../../../registry.json\"),\n  ];\n  for (const p of candidates) {\n    if (existsSync(p)) return p;\n  }\n  return null;\n}\n\nfunction findLocalRegistryItem(name: string): string | null {\n  const candidates = [\n    resolve(process.cwd(), \"registry/items\", `${name}.json`),\n    resolve(__dirname, \"../../../registry/items\", `${name}.json`),\n    resolve(__dirname, \"../../../../registry/items\", `${name}.json`),\n  ];\n  for (const p of candidates) {\n    if (existsSync(p)) return p;\n  }\n  return null;\n}\n\nexport async function fetchRegistry(): Promise<Registry> {\n  const localPath = findLocalRegistry();\n  if (localPath) {\n    return JSON.parse(readFileSync(localPath, \"utf-8\")) as Registry;\n  }\n\n  const res = await fetch(REGISTRY_URL);\n  if (!res.ok) {\n    throw new Error(\n      `Failed to fetch registry: ${res.status} ${res.statusText}`,\n    );\n  }\n  return (await res.json()) as Registry;\n}\n\nexport async function fetchRegistryItem(name: string): Promise<RegistryItem> {\n  const localPath = findLocalRegistryItem(name);\n  if (localPath) {\n    return JSON.parse(readFileSync(localPath, \"utf-8\")) as RegistryItem;\n  }\n\n  const res = await fetch(`${REGISTRY_ITEM_URL}/${name}.json`);\n  if (!res.ok) {\n    throw new Error(\n      `Failed to fetch registry item \"${name}\": ${res.status} ${res.statusText}`,\n    );\n  }\n  return (await res.json()) as RegistryItem;\n}\n\nexport async function fetchRegistryItems(\n  names: string[],\n): Promise<RegistryItem[]> {\n  return Promise.all(names.map(fetchRegistryItem));\n}\n","import type { Config, RegistryItem } from \"../config\";\n\nimport chalk from \"chalk\";\nimport { existsSync } from \"node:fs\";\n\nimport { loadConfig, resolveTargetPath, writeFile } from \"../utils/fs\";\nimport { installNpmDeps } from \"../utils/npm\";\nimport { fetchRegistry, fetchRegistryItems } from \"../utils/registry\";\n\nexport async function add(\n  components: string[],\n  options: { overwrite?: boolean },\n): Promise<void> {\n  const cwd = process.cwd();\n  const config = loadConfig(cwd);\n\n  if (!config) {\n    console.log(\n      chalk.red(\"No ionbit-ui.config.json found. Run `ionbit-ui init` first.\"),\n    );\n    process.exit(1);\n  }\n\n  // Fetch the full registry to resolve names and dependencies\n  const registry = await fetchRegistry();\n  const allNames = new Set(registry.items.map((i) => i.name));\n\n  // Validate requested components\n  for (const name of components) {\n    if (!allNames.has(name)) {\n      console.log(\n        chalk.red(\n          `Component \"${name}\" not found in registry. Run \\`ionbit-ui list\\` to see available components.`,\n        ),\n      );\n      process.exit(1);\n    }\n  }\n\n  // Resolve transitive registry dependencies\n  const toInstall = resolveDependencies(components, registry.items);\n\n  console.log(chalk.dim(`Installing ${toInstall.length} item(s)...`));\n  console.log(\"\");\n\n  // Fetch all items with embedded content\n  const items = await fetchRegistryItems(toInstall);\n\n  for (const item of items) {\n    await installItem(item, config, cwd, options.overwrite ?? false);\n  }\n\n  // Collect and install npm dependencies\n  const npmDeps = new Set<string>();\n  for (const item of items) {\n    for (const dep of item.dependencies ?? []) {\n      npmDeps.add(dep);\n    }\n  }\n\n  if (npmDeps.size > 0) {\n    console.log(\"\");\n    installNpmDeps([...npmDeps], cwd);\n  }\n\n  console.log(\"\");\n  console.log(chalk.green(`✓ Added ${items.length} component(s).`));\n}\n\nfunction resolveDependencies(\n  names: string[],\n  allItems: { name: string; registryDependencies?: string[] }[],\n): string[] {\n  const resolved = new Set<string>();\n  const queue = [...names];\n\n  while (queue.length > 0) {\n    const name = queue.shift()!;\n    if (resolved.has(name)) continue;\n    resolved.add(name);\n\n    const item = allItems.find((i) => i.name === name);\n    if (item?.registryDependencies) {\n      for (const dep of item.registryDependencies) {\n        if (!resolved.has(dep)) queue.push(dep);\n      }\n    }\n  }\n\n  return [...resolved];\n}\n\nasync function installItem(\n  item: RegistryItem,\n  config: Config,\n  cwd: string,\n  overwrite: boolean,\n): Promise<void> {\n  for (const file of item.files) {\n    const targetPath = resolveTargetPath(file.path, config, cwd);\n\n    if (existsSync(targetPath) && !overwrite) {\n      console.log(\n        chalk.yellow(\n          `  ⚠ ${file.path} already exists — skipping (use --overwrite)`,\n        ),\n      );\n      continue;\n    }\n\n    writeFile(targetPath, file.content);\n    console.log(chalk.green(`  ✓ ${file.path}`));\n  }\n}\n","import type { Config, RegistryItem } from \"../config\";\n\nimport chalk from \"chalk\";\nimport { existsSync, mkdirSync, readFileSync, writeFileSync } from \"node:fs\";\nimport { relative, resolve } from \"node:path\";\n\nimport { CONFIG_FILE, DEFAULT_CONFIG } from \"../config\";\nimport { resolveTargetPath, saveConfig, writeFile } from \"../utils/fs\";\nimport { installNpmDeps } from \"../utils/npm\";\nimport { fetchRegistryItems } from \"../utils/registry\";\n\nconst CURSOR_CSS = `@layer base {\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n}`;\n\n/** Items that every project needs — installed automatically during init. */\nconst BASE_ITEMS = [\"cn\", \"tokens\"];\n\nexport async function init(options: {\n  yes?: boolean;\n  force?: boolean;\n  pointer?: boolean;\n}): Promise<void> {\n  const cwd = process.cwd();\n  const configPath = resolve(cwd, CONFIG_FILE);\n\n  if (existsSync(configPath) && !options.force) {\n    console.log(\n      chalk.yellow(\n        `${CONFIG_FILE} already exists. Use --force to reinitialize.`,\n      ),\n    );\n    return;\n  }\n\n  const config: Config = { ...DEFAULT_CONFIG };\n\n  saveConfig(config, cwd);\n  console.log(chalk.green(`✓ Created ${CONFIG_FILE}`));\n\n  // Create directory structure\n  const dirs = [\n    config.aliases.components,\n    config.aliases.motion,\n    config.aliases.lib,\n    config.aliases.styles,\n  ];\n\n  for (const dir of dirs) {\n    const dirPath = resolve(cwd, dir);\n    if (!existsSync(dirPath)) {\n      mkdirSync(dirPath, { recursive: true });\n      console.log(chalk.dim(`  Created ${dir}/`));\n    }\n  }\n\n  // Install base items (cn utility + design tokens)\n  console.log(chalk.dim(\"Installing base items (cn, tokens)...\"));\n  const items = await fetchRegistryItems(BASE_ITEMS);\n  for (const item of items) {\n    installBaseItem(item, config, cwd);\n  }\n\n  // Add token CSS imports to the user's stylesheet\n  setupCssImports(config, cwd);\n\n  // Collect and install npm dependencies for base items\n  const npmDeps = new Set<string>();\n  for (const item of items) {\n    for (const dep of item.dependencies ?? []) {\n      npmDeps.add(dep);\n    }\n  }\n  installNpmDeps([...npmDeps], cwd);\n\n  // Optionally add cursor: pointer CSS\n  if (options.pointer) {\n    const cssPath = resolve(cwd, config.tailwind.css);\n    if (existsSync(cssPath)) {\n      const existing = readFileSync(cssPath, \"utf-8\");\n      if (!existing.includes(\"cursor: pointer\")) {\n        writeFileSync(cssPath, existing + \"\\n\" + CURSOR_CSS);\n        console.log(\n          chalk.green(`✓ Added cursor: pointer to ${config.tailwind.css}`),\n        );\n      } else {\n        console.log(\n          chalk.dim(\n            `  ${config.tailwind.css} already has cursor: pointer — skipping`,\n          ),\n        );\n      }\n    } else {\n      writeFileSync(cssPath, CURSOR_CSS);\n      console.log(\n        chalk.green(`✓ Created ${config.tailwind.css} with cursor: pointer`),\n      );\n    }\n  }\n\n  console.log(\"\");\n  console.log(chalk.bold(\"Ionbit UI initialized!\"));\n  console.log(\"\");\n  console.log(chalk.dim(\"Next steps:\"));\n  console.log(`  ${chalk.cyan(\"ionbit-ui add button\")}    — add a component`);\n  console.log(\n    `  ${chalk.cyan(\"ionbit-ui list\")}          — browse available components`,\n  );\n  console.log(\"\");\n}\n\nfunction installBaseItem(\n  item: RegistryItem,\n  config: Config,\n  cwd: string,\n): void {\n  for (const file of item.files) {\n    const targetPath = resolveTargetPath(file.path, config, cwd);\n    if (existsSync(targetPath)) {\n      console.log(chalk.dim(`  ⚠ ${file.path} already exists — skipping`));\n      continue;\n    }\n    writeFile(targetPath, file.content);\n    console.log(chalk.green(`  ✓ ${file.path}`));\n  }\n}\n\nfunction setupCssImports(config: Config, cwd: string): void {\n  const cssPath = resolve(cwd, config.tailwind.css);\n  const stylesDir = config.aliases.styles;\n\n  // Build the import lines relative to the CSS file's directory\n  const tokensImport = `@import \"./${relativePath(cssPath, resolve(cwd, stylesDir, \"tokens.css\"))}\";`;\n  const baseImport = `@import \"./${relativePath(cssPath, resolve(cwd, stylesDir, \"base.css\"))}\";`;\n\n  if (!existsSync(cssPath)) {\n    // Create the CSS file with token imports\n    const content = `@import \"tailwindcss\";\\n\\n${tokensImport}\\n${baseImport}\\n`;\n    writeFileSync(cssPath, content);\n    console.log(\n      chalk.green(`✓ Created ${config.tailwind.css} with token imports`),\n    );\n    return;\n  }\n\n  const existing = readFileSync(cssPath, \"utf-8\");\n  const lines: string[] = [];\n\n  if (!existing.includes(\"tokens.css\")) {\n    lines.push(tokensImport);\n  }\n  if (!existing.includes(\"base.css\")) {\n    lines.push(baseImport);\n  }\n\n  if (lines.length > 0) {\n    // Add imports after @import \"tailwindcss\" if present, otherwise at the top\n    let updated: string;\n    if (existing.includes('@import \"tailwindcss\"')) {\n      updated = existing.replace(\n        /(@import\\s+\"tailwindcss\"[^\\n]*)/,\n        `$1\\n${lines.join(\"\\n\")}`,\n      );\n    } else {\n      updated = lines.join(\"\\n\") + \"\\n\" + existing;\n    }\n    writeFileSync(cssPath, updated);\n    console.log(chalk.green(`✓ Added token imports to ${config.tailwind.css}`));\n  } else {\n    console.log(\n      chalk.dim(\n        `  ${config.tailwind.css} already has token imports — skipping`,\n      ),\n    );\n  }\n}\n\nfunction relativePath(from: string, to: string): string {\n  let rel = relative(from, to).replace(/\\\\/g, \"/\");\n  // Remove the leading \"../\" if the CSS file is in the same or parent directory\n  if (rel.startsWith(\"../\")) rel = rel.slice(3);\n  return rel;\n}\n","import chalk from \"chalk\";\n\nimport { fetchRegistry } from \"../utils/registry\";\n\nexport async function list(): Promise<void> {\n  const registry = await fetchRegistry();\n\n  const groups: Record<string, typeof registry.items> = {};\n\n  for (const item of registry.items) {\n    const category = item.type.replace(\"registry:\", \"\");\n    if (!groups[category]) groups[category] = [];\n    groups[category].push(item);\n  }\n\n  const categoryOrder = [\"lib\", \"base\", \"ui\"];\n  const sortedCategories = Object.keys(groups).sort((a, b) => {\n    const ai = categoryOrder.indexOf(a);\n    const bi = categoryOrder.indexOf(b);\n    if (ai !== -1 && bi !== -1) return ai - bi;\n    if (ai !== -1) return -1;\n    if (bi !== -1) return 1;\n    return a.localeCompare(b);\n  });\n\n  for (const category of sortedCategories) {\n    const items = groups[category];\n    if (!items) continue;\n    const label =\n      category === \"lib\"\n        ? \"Libraries\"\n        : category === \"base\"\n          ? \"Foundation\"\n          : \"Components\";\n\n    console.log(chalk.bold(`\\n${label}`));\n\n    for (const item of items) {\n      const deps = item.dependencies?.length\n        ? chalk.dim(` (${item.dependencies.length} deps)`)\n        : \"\";\n      console.log(`  ${chalk.cyan(item.name.padEnd(18))} ${item.title}${deps}`);\n    }\n  }\n\n  console.log(\"\");\n  console.log(chalk.dim(`Total: ${registry.items.length} items`));\n  console.log(chalk.dim(`Install with: ionbit-ui add <name>`));\n  console.log(\"\");\n}\n","import { Command } from \"commander\";\n\nimport { add } from \"./commands/add\";\nimport { init } from \"./commands/init\";\nimport { list } from \"./commands/list\";\n\nconst program = new Command();\n\nprogram\n  .name(\"ionbit-ui\")\n  .description(\n    \"Ionbit UI CLI — install source-owned components from the Ionbit UI registry.\",\n  )\n  .version(\"0.1.7\");\n\nprogram\n  .command(\"init\")\n  .description(\n    \"Initialize Ionbit UI in your project. Creates a ionbit-ui.config.json and installs design tokens.\",\n  )\n  .option(\"-y, --yes\", \"Skip confirmation prompts and use defaults\")\n  .option(\"-f, --force\", \"Force overwrite of existing configuration\")\n  .option(\n    \"--pointer\",\n    \"Add cursor: pointer CSS for buttons (Tailwind v4 defaults to cursor: default)\",\n  )\n  .action(init);\n\nprogram\n  .command(\"add <components...>\")\n  .description(\n    \"Add components to your project. e.g. ionbit-ui add button card accordion\",\n  )\n  .option(\"-o, --overwrite\", \"Overwrite existing files\")\n  .action(add);\n\nprogram\n  .command(\"list\")\n  .description(\"List all available components in the registry.\")\n  .action(list);\n\nprogram.parse();\n"],"names":["__dirname"],"mappings":";;;;;;;AAAO,MAAM,eACX;AAEK,MAAM,oBACX;AAyCK,MAAM,iBAAyB;AAAA,EACpC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,IACR,KAAK;AAAA,IACL,cAAc;AAAA,EAAA;AAAA,EAEhB,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,QAAQ;AAAA,EAAA;AAEZ;AAEO,MAAM,cAAc;ACrDpB,SAAS,WAAW,MAAM,QAAQ,OAAsB;AAC7D,QAAM,aAAa,QAAQ,KAAK,WAAW;AAC3C,MAAI,CAAC,WAAW,UAAU,EAAG,QAAO;AACpC,SAAO,KAAK,MAAM,aAAa,YAAY,OAAO,CAAC;AACrD;AAEO,SAAS,WAAW,QAAgB,MAAM,QAAQ,OAAa;AACpE,QAAM,aAAa,QAAQ,KAAK,WAAW;AAC3C,gBAAc,YAAY,KAAK,UAAU,QAAQ,MAAM,CAAC,IAAI,IAAI;AAClE;AAEO,SAAS,UAAU,UAAwB;AAChD,QAAM,MAAM,QAAQ,QAAQ;AAC5B,MAAI,CAAC,WAAW,GAAG,aAAa,KAAK,EAAE,WAAW,MAAM;AAC1D;AAEO,SAAS,UAAU,UAAkB,SAAuB;AACjE,YAAU,QAAQ;AAClB,gBAAc,UAAU,OAAO;AACjC;AAEO,SAAS,kBACd,QACA,QACA,MAAM,QAAQ,OACN;AAMR,MAAI,WAAW;AAEf,MAAI,OAAO,WAAW,gBAAgB,GAAG;AACvC,eAAW,OAAO;AAAA,MAChB;AAAA,MACA,OAAO,QAAQ,aAAa;AAAA,IAAA;AAAA,EAEhC,WAAW,OAAO,WAAW,oBAAoB,GAAG;AAClD,eAAW,OAAO;AAAA,MAChB;AAAA,MACA,OAAO,QAAQ,SAAS;AAAA,IAAA;AAAA,EAE5B,WAAW,OAAO,WAAW,MAAM,GAAG;AACpC,eAAW,OAAO,QAAQ,QAAQ,OAAO,QAAQ,MAAM,GAAG;AAAA,EAC5D,WAAW,OAAO,WAAW,SAAS,GAAG;AACvC,eAAW,OAAO,QAAQ,WAAW,OAAO,QAAQ,SAAS,GAAG;AAAA,EAClE;AAEA,SAAO,QAAQ,KAAK,QAAQ;AAC9B;ACnDO,SAAS,qBAAqB,KAA6B;AAChE,MAAI,WAAW,QAAQ,KAAK,WAAW,CAAC,EAAG,QAAO;AAClD,MAAI,WAAW,QAAQ,KAAK,UAAU,CAAC,EAAG,QAAO;AACjD,MAAI,WAAW,QAAQ,KAAK,gBAAgB,CAAC,EAAG,QAAO;AACvD,MAAI,WAAW,QAAQ,KAAK,WAAW,CAAC,EAAG,QAAO;AAClD,SAAO;AACT;AAEO,SAAS,eAAe,MAAgB,KAAmB;AAChE,MAAI,KAAK,WAAW,EAAG;AACvB,QAAM,KAAK,qBAAqB,GAAG;AACnC,QAAM,MACJ,OAAO,SACH,YAAY,KAAK,KAAK,GAAG,CAAC,KAC1B,OAAO,SACL,YAAY,KAAK,KAAK,GAAG,CAAC,KAC1B,OAAO,QACL,WAAW,KAAK,KAAK,GAAG,CAAC,KACzB,eAAe,KAAK,KAAK,GAAG,CAAC;AACvC,WAAS,KAAK,EAAE,KAAK,OAAO,WAAW;AACzC;AClBA,MAAMA,cAAY,QAAQ,cAAc,YAAY,GAAG,CAAC;AAMxD,SAAS,oBAAmC;AAC1C,QAAM,aAAa;AAAA;AAAA,IAEjB,QAAQ,QAAQ,IAAA,GAAO,eAAe;AAAA;AAAA,IAEtC,QAAQA,aAAW,wBAAwB;AAAA;AAAA,IAE3C,QAAQA,aAAW,2BAA2B;AAAA,EAAA;AAEhD,aAAW,KAAK,YAAY;AAC1B,QAAI,WAAW,CAAC,EAAG,QAAO;AAAA,EAC5B;AACA,SAAO;AACT;AAEA,SAAS,sBAAsB,MAA6B;AAC1D,QAAM,aAAa;AAAA,IACjB,QAAQ,QAAQ,IAAA,GAAO,kBAAkB,GAAG,IAAI,OAAO;AAAA,IACvD,QAAQA,aAAW,2BAA2B,GAAG,IAAI,OAAO;AAAA,IAC5D,QAAQA,aAAW,8BAA8B,GAAG,IAAI,OAAO;AAAA,EAAA;AAEjE,aAAW,KAAK,YAAY;AAC1B,QAAI,WAAW,CAAC,EAAG,QAAO;AAAA,EAC5B;AACA,SAAO;AACT;AAEA,eAAsB,gBAAmC;AACvD,QAAM,YAAY,kBAAA;AAClB,MAAI,WAAW;AACb,WAAO,KAAK,MAAM,aAAa,WAAW,OAAO,CAAC;AAAA,EACpD;AAEA,QAAM,MAAM,MAAM,MAAM,YAAY;AACpC,MAAI,CAAC,IAAI,IAAI;AACX,UAAM,IAAI;AAAA,MACR,6BAA6B,IAAI,MAAM,IAAI,IAAI,UAAU;AAAA,IAAA;AAAA,EAE7D;AACA,SAAQ,MAAM,IAAI,KAAA;AACpB;AAEA,eAAsB,kBAAkB,MAAqC;AAC3E,QAAM,YAAY,sBAAsB,IAAI;AAC5C,MAAI,WAAW;AACb,WAAO,KAAK,MAAM,aAAa,WAAW,OAAO,CAAC;AAAA,EACpD;AAEA,QAAM,MAAM,MAAM,MAAM,GAAG,iBAAiB,IAAI,IAAI,OAAO;AAC3D,MAAI,CAAC,IAAI,IAAI;AACX,UAAM,IAAI;AAAA,MACR,kCAAkC,IAAI,MAAM,IAAI,MAAM,IAAI,IAAI,UAAU;AAAA,IAAA;AAAA,EAE5E;AACA,SAAQ,MAAM,IAAI,KAAA;AACpB;AAEA,eAAsB,mBACpB,OACyB;AACzB,SAAO,QAAQ,IAAI,MAAM,IAAI,iBAAiB,CAAC;AACjD;AClEA,eAAsB,IACpB,YACA,SACe;AACf,QAAM,MAAM,QAAQ,IAAA;AACpB,QAAM,SAAS,WAAW,GAAG;AAE7B,MAAI,CAAC,QAAQ;AACX,YAAQ;AAAA,MACN,MAAM,IAAI,6DAA6D;AAAA,IAAA;AAEzE,YAAQ,KAAK,CAAC;AAAA,EAChB;AAGA,QAAM,WAAW,MAAM,cAAA;AACvB,QAAM,WAAW,IAAI,IAAI,SAAS,MAAM,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AAG1D,aAAW,QAAQ,YAAY;AAC7B,QAAI,CAAC,SAAS,IAAI,IAAI,GAAG;AACvB,cAAQ;AAAA,QACN,MAAM;AAAA,UACJ,cAAc,IAAI;AAAA,QAAA;AAAA,MACpB;AAEF,cAAQ,KAAK,CAAC;AAAA,IAChB;AAAA,EACF;AAGA,QAAM,YAAY,oBAAoB,YAAY,SAAS,KAAK;AAEhE,UAAQ,IAAI,MAAM,IAAI,cAAc,UAAU,MAAM,aAAa,CAAC;AAClE,UAAQ,IAAI,EAAE;AAGd,QAAM,QAAQ,MAAM,mBAAmB,SAAS;AAEhD,aAAW,QAAQ,OAAO;AACxB,UAAM,YAAY,MAAM,QAAQ,KAAK,QAAQ,aAAa,KAAK;AAAA,EACjE;AAGA,QAAM,8BAAc,IAAA;AACpB,aAAW,QAAQ,OAAO;AACxB,eAAW,OAAO,KAAK,gBAAgB,CAAA,GAAI;AACzC,cAAQ,IAAI,GAAG;AAAA,IACjB;AAAA,EACF;AAEA,MAAI,QAAQ,OAAO,GAAG;AACpB,YAAQ,IAAI,EAAE;AACd,mBAAe,CAAC,GAAG,OAAO,GAAG,GAAG;AAAA,EAClC;AAEA,UAAQ,IAAI,EAAE;AACd,UAAQ,IAAI,MAAM,MAAM,WAAW,MAAM,MAAM,gBAAgB,CAAC;AAClE;AAEA,SAAS,oBACP,OACA,UACU;AACV,QAAM,+BAAe,IAAA;AACrB,QAAM,QAAQ,CAAC,GAAG,KAAK;AAEvB,SAAO,MAAM,SAAS,GAAG;AACvB,UAAM,OAAO,MAAM,MAAA;AACnB,QAAI,SAAS,IAAI,IAAI,EAAG;AACxB,aAAS,IAAI,IAAI;AAEjB,UAAM,OAAO,SAAS,KAAK,CAAC,MAAM,EAAE,SAAS,IAAI;AACjD,QAAI,MAAM,sBAAsB;AAC9B,iBAAW,OAAO,KAAK,sBAAsB;AAC3C,YAAI,CAAC,SAAS,IAAI,GAAG,EAAG,OAAM,KAAK,GAAG;AAAA,MACxC;AAAA,IACF;AAAA,EACF;AAEA,SAAO,CAAC,GAAG,QAAQ;AACrB;AAEA,eAAe,YACb,MACA,QACA,KACA,WACe;AACf,aAAW,QAAQ,KAAK,OAAO;AAC7B,UAAM,aAAa,kBAAkB,KAAK,MAAM,QAAQ,GAAG;AAE3D,QAAI,WAAW,UAAU,KAAK,CAAC,WAAW;AACxC,cAAQ;AAAA,QACN,MAAM;AAAA,UACJ,OAAO,KAAK,IAAI;AAAA,QAAA;AAAA,MAClB;AAEF;AAAA,IACF;AAEA,cAAU,YAAY,KAAK,OAAO;AAClC,YAAQ,IAAI,MAAM,MAAM,OAAO,KAAK,IAAI,EAAE,CAAC;AAAA,EAC7C;AACF;ACtGA,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAQnB,MAAM,aAAa,CAAC,MAAM,QAAQ;AAElC,eAAsB,KAAK,SAIT;AAChB,QAAM,MAAM,QAAQ,IAAA;AACpB,QAAM,aAAa,QAAQ,KAAK,WAAW;AAE3C,MAAI,WAAW,UAAU,KAAK,CAAC,QAAQ,OAAO;AAC5C,YAAQ;AAAA,MACN,MAAM;AAAA,QACJ,GAAG,WAAW;AAAA,MAAA;AAAA,IAChB;AAEF;AAAA,EACF;AAEA,QAAM,SAAiB,EAAE,GAAG,eAAA;AAE5B,aAAW,QAAQ,GAAG;AACtB,UAAQ,IAAI,MAAM,MAAM,aAAa,WAAW,EAAE,CAAC;AAGnD,QAAM,OAAO;AAAA,IACX,OAAO,QAAQ;AAAA,IACf,OAAO,QAAQ;AAAA,IACf,OAAO,QAAQ;AAAA,IACf,OAAO,QAAQ;AAAA,EAAA;AAGjB,aAAW,OAAO,MAAM;AACtB,UAAM,UAAU,QAAQ,KAAK,GAAG;AAChC,QAAI,CAAC,WAAW,OAAO,GAAG;AACxB,gBAAU,SAAS,EAAE,WAAW,KAAA,CAAM;AACtC,cAAQ,IAAI,MAAM,IAAI,aAAa,GAAG,GAAG,CAAC;AAAA,IAC5C;AAAA,EACF;AAGA,UAAQ,IAAI,MAAM,IAAI,uCAAuC,CAAC;AAC9D,QAAM,QAAQ,MAAM,mBAAmB,UAAU;AACjD,aAAW,QAAQ,OAAO;AACxB,oBAAgB,MAAM,QAAQ,GAAG;AAAA,EACnC;AAGA,kBAAgB,QAAQ,GAAG;AAG3B,QAAM,8BAAc,IAAA;AACpB,aAAW,QAAQ,OAAO;AACxB,eAAW,OAAO,KAAK,gBAAgB,CAAA,GAAI;AACzC,cAAQ,IAAI,GAAG;AAAA,IACjB;AAAA,EACF;AACA,iBAAe,CAAC,GAAG,OAAO,GAAG,GAAG;AAGhC,MAAI,QAAQ,SAAS;AACnB,UAAM,UAAU,QAAQ,KAAK,OAAO,SAAS,GAAG;AAChD,QAAI,WAAW,OAAO,GAAG;AACvB,YAAM,WAAW,aAAa,SAAS,OAAO;AAC9C,UAAI,CAAC,SAAS,SAAS,iBAAiB,GAAG;AACzC,sBAAc,SAAS,WAAW,OAAO,UAAU;AACnD,gBAAQ;AAAA,UACN,MAAM,MAAM,8BAA8B,OAAO,SAAS,GAAG,EAAE;AAAA,QAAA;AAAA,MAEnE,OAAO;AACL,gBAAQ;AAAA,UACN,MAAM;AAAA,YACJ,KAAK,OAAO,SAAS,GAAG;AAAA,UAAA;AAAA,QAC1B;AAAA,MAEJ;AAAA,IACF,OAAO;AACL,oBAAc,SAAS,UAAU;AACjC,cAAQ;AAAA,QACN,MAAM,MAAM,aAAa,OAAO,SAAS,GAAG,uBAAuB;AAAA,MAAA;AAAA,IAEvE;AAAA,EACF;AAEA,UAAQ,IAAI,EAAE;AACd,UAAQ,IAAI,MAAM,KAAK,wBAAwB,CAAC;AAChD,UAAQ,IAAI,EAAE;AACd,UAAQ,IAAI,MAAM,IAAI,aAAa,CAAC;AACpC,UAAQ,IAAI,KAAK,MAAM,KAAK,sBAAsB,CAAC,uBAAuB;AAC1E,UAAQ;AAAA,IACN,KAAK,MAAM,KAAK,gBAAgB,CAAC;AAAA,EAAA;AAEnC,UAAQ,IAAI,EAAE;AAChB;AAEA,SAAS,gBACP,MACA,QACA,KACM;AACN,aAAW,QAAQ,KAAK,OAAO;AAC7B,UAAM,aAAa,kBAAkB,KAAK,MAAM,QAAQ,GAAG;AAC3D,QAAI,WAAW,UAAU,GAAG;AAC1B,cAAQ,IAAI,MAAM,IAAI,OAAO,KAAK,IAAI,4BAA4B,CAAC;AACnE;AAAA,IACF;AACA,cAAU,YAAY,KAAK,OAAO;AAClC,YAAQ,IAAI,MAAM,MAAM,OAAO,KAAK,IAAI,EAAE,CAAC;AAAA,EAC7C;AACF;AAEA,SAAS,gBAAgB,QAAgB,KAAmB;AAC1D,QAAM,UAAU,QAAQ,KAAK,OAAO,SAAS,GAAG;AAChD,QAAM,YAAY,OAAO,QAAQ;AAGjC,QAAM,eAAe,cAAc,aAAa,SAAS,QAAQ,KAAK,WAAW,YAAY,CAAC,CAAC;AAC/F,QAAM,aAAa,cAAc,aAAa,SAAS,QAAQ,KAAK,WAAW,UAAU,CAAC,CAAC;AAE3F,MAAI,CAAC,WAAW,OAAO,GAAG;AAExB,UAAM,UAAU;AAAA;AAAA,EAA6B,YAAY;AAAA,EAAK,UAAU;AAAA;AACxE,kBAAc,SAAS,OAAO;AAC9B,YAAQ;AAAA,MACN,MAAM,MAAM,aAAa,OAAO,SAAS,GAAG,qBAAqB;AAAA,IAAA;AAEnE;AAAA,EACF;AAEA,QAAM,WAAW,aAAa,SAAS,OAAO;AAC9C,QAAM,QAAkB,CAAA;AAExB,MAAI,CAAC,SAAS,SAAS,YAAY,GAAG;AACpC,UAAM,KAAK,YAAY;AAAA,EACzB;AACA,MAAI,CAAC,SAAS,SAAS,UAAU,GAAG;AAClC,UAAM,KAAK,UAAU;AAAA,EACvB;AAEA,MAAI,MAAM,SAAS,GAAG;AAEpB,QAAI;AACJ,QAAI,SAAS,SAAS,uBAAuB,GAAG;AAC9C,gBAAU,SAAS;AAAA,QACjB;AAAA,QACA;AAAA,EAAO,MAAM,KAAK,IAAI,CAAC;AAAA,MAAA;AAAA,IAE3B,OAAO;AACL,gBAAU,MAAM,KAAK,IAAI,IAAI,OAAO;AAAA,IACtC;AACA,kBAAc,SAAS,OAAO;AAC9B,YAAQ,IAAI,MAAM,MAAM,4BAA4B,OAAO,SAAS,GAAG,EAAE,CAAC;AAAA,EAC5E,OAAO;AACL,YAAQ;AAAA,MACN,MAAM;AAAA,QACJ,KAAK,OAAO,SAAS,GAAG;AAAA,MAAA;AAAA,IAC1B;AAAA,EAEJ;AACF;AAEA,SAAS,aAAa,MAAc,IAAoB;AACtD,MAAI,MAAM,SAAS,MAAM,EAAE,EAAE,QAAQ,OAAO,GAAG;AAE/C,MAAI,IAAI,WAAW,KAAK,EAAG,OAAM,IAAI,MAAM,CAAC;AAC5C,SAAO;AACT;ACrLA,eAAsB,OAAsB;AAC1C,QAAM,WAAW,MAAM,cAAA;AAEvB,QAAM,SAAgD,CAAA;AAEtD,aAAW,QAAQ,SAAS,OAAO;AACjC,UAAM,WAAW,KAAK,KAAK,QAAQ,aAAa,EAAE;AAClD,QAAI,CAAC,OAAO,QAAQ,EAAG,QAAO,QAAQ,IAAI,CAAA;AAC1C,WAAO,QAAQ,EAAE,KAAK,IAAI;AAAA,EAC5B;AAEA,QAAM,gBAAgB,CAAC,OAAO,QAAQ,IAAI;AAC1C,QAAM,mBAAmB,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,GAAG,MAAM;AAC1D,UAAM,KAAK,cAAc,QAAQ,CAAC;AAClC,UAAM,KAAK,cAAc,QAAQ,CAAC;AAClC,QAAI,OAAO,MAAM,OAAO,WAAW,KAAK;AACxC,QAAI,OAAO,GAAI,QAAO;AACtB,QAAI,OAAO,GAAI,QAAO;AACtB,WAAO,EAAE,cAAc,CAAC;AAAA,EAC1B,CAAC;AAED,aAAW,YAAY,kBAAkB;AACvC,UAAM,QAAQ,OAAO,QAAQ;AAC7B,QAAI,CAAC,MAAO;AACZ,UAAM,QACJ,aAAa,QACT,cACA,aAAa,SACX,eACA;AAER,YAAQ,IAAI,MAAM,KAAK;AAAA,EAAK,KAAK,EAAE,CAAC;AAEpC,eAAW,QAAQ,OAAO;AACxB,YAAM,OAAO,KAAK,cAAc,SAC5B,MAAM,IAAI,KAAK,KAAK,aAAa,MAAM,QAAQ,IAC/C;AACJ,cAAQ,IAAI,KAAK,MAAM,KAAK,KAAK,KAAK,OAAO,EAAE,CAAC,CAAC,IAAI,KAAK,KAAK,GAAG,IAAI,EAAE;AAAA,IAC1E;AAAA,EACF;AAEA,UAAQ,IAAI,EAAE;AACd,UAAQ,IAAI,MAAM,IAAI,UAAU,SAAS,MAAM,MAAM,QAAQ,CAAC;AAC9D,UAAQ,IAAI,MAAM,IAAI,oCAAoC,CAAC;AAC3D,UAAQ,IAAI,EAAE;AAChB;AC3CA,MAAM,UAAU,IAAI,QAAA;AAEpB,QACG,KAAK,WAAW,EAChB;AAAA,EACC;AACF,EACC,QAAQ,OAAO;AAElB,QACG,QAAQ,MAAM,EACd;AAAA,EACC;AACF,EACC,OAAO,aAAa,4CAA4C,EAChE,OAAO,eAAe,2CAA2C,EACjE;AAAA,EACC;AAAA,EACA;AACF,EACC,OAAO,IAAI;AAEd,QACG,QAAQ,qBAAqB,EAC7B;AAAA,EACC;AACF,EACC,OAAO,mBAAmB,0BAA0B,EACpD,OAAO,GAAG;AAEb,QACG,QAAQ,MAAM,EACd,YAAY,gDAAgD,EAC5D,OAAO,IAAI;AAEd,QAAQ,MAAA;"}
+{"version":3,"file":"index.js","sources":["../src/config.ts","../src/utils/fs.ts","../src/utils/npm.ts","../src/utils/registry.ts","../src/commands/add.ts","../src/commands/init.ts","../src/commands/list.ts","../src/index.ts"],"sourcesContent":["export const REGISTRY_URL =\n  \"https://raw.githubusercontent.com/rostislaw9/ionbit-ui/main/registry.json\";\n\nexport const REGISTRY_ITEM_URL =\n  \"https://raw.githubusercontent.com/rostislaw9/ionbit-ui/main/registry/items\";\n\nexport interface RegistryItem {\n  name: string;\n  type: string;\n  title: string;\n  description: string;\n  dependencies?: string[];\n  devDependencies?: string[];\n  registryDependencies?: string[];\n  files: RegistryFile[];\n}\n\nexport interface RegistryFile {\n  path: string;\n  type: string;\n  content: string;\n}\n\nexport interface Registry {\n  $schema: string;\n  name: string;\n  homepage: string;\n  items: RegistryItem[];\n}\n\nexport interface Config {\n  $schema: string;\n  style: string;\n  tailwind: {\n    css: string;\n    cssVariables: boolean;\n  };\n  aliases: {\n    components: string;\n    motion: string;\n    lib: string;\n    styles: string;\n  };\n}\n\nexport const DEFAULT_CONFIG: Config = {\n  $schema: \"https://ui.shadcn.com/schema/registry.json\",\n  style: \"digital\",\n  tailwind: {\n    css: \"src/index.css\",\n    cssVariables: true,\n  },\n  aliases: {\n    components: \"src/components/ui\",\n    motion: \"src/components/motion\",\n    lib: \"src/lib\",\n    styles: \"src/styles\",\n  },\n};\n\nexport const CONFIG_FILE = \"ionbit-ui.config.json\";\n","import type { Config } from \"../config\";\n\nimport { existsSync, mkdirSync, readFileSync, writeFileSync } from \"node:fs\";\nimport { dirname, resolve } from \"node:path\";\n\nimport { CONFIG_FILE } from \"../config\";\n\nexport function loadConfig(cwd = process.cwd()): Config | null {\n  const configPath = resolve(cwd, CONFIG_FILE);\n  if (!existsSync(configPath)) return null;\n  return JSON.parse(readFileSync(configPath, \"utf-8\")) as Config;\n}\n\nexport function saveConfig(config: Config, cwd = process.cwd()): void {\n  const configPath = resolve(cwd, CONFIG_FILE);\n  writeFileSync(configPath, JSON.stringify(config, null, 2) + \"\\n\");\n}\n\nexport function ensureDir(filePath: string): void {\n  const dir = dirname(filePath);\n  if (!existsSync(dir)) mkdirSync(dir, { recursive: true });\n}\n\nexport function writeFile(filePath: string, content: string): void {\n  ensureDir(filePath);\n  writeFileSync(filePath, content);\n}\n\nexport function resolveTargetPath(\n  target: string,\n  config: Config,\n  cwd = process.cwd(),\n): string {\n  // Map registry target paths to the user's configured aliases.\n  // e.g. \"components/ui/button.tsx\" -> \"{cwd}/components/ui/button.tsx\"\n  //      \"components/motion/spotlight.tsx\" -> \"{cwd}/components/motion/spotlight.tsx\"\n  //      \"lib/utils.ts\" -> \"{cwd}/lib/utils.ts\"\n  //      \"styles/tokens.css\" -> \"{cwd}/styles/tokens.css\"\n  let resolved = target;\n\n  if (target.startsWith(\"components/ui/\")) {\n    resolved = target.replace(\n      \"components/ui/\",\n      config.aliases.components + \"/\",\n    );\n  } else if (target.startsWith(\"components/motion/\")) {\n    resolved = target.replace(\n      \"components/motion/\",\n      config.aliases.motion + \"/\",\n    );\n  } else if (target.startsWith(\"lib/\")) {\n    resolved = target.replace(\"lib/\", config.aliases.lib + \"/\");\n  } else if (target.startsWith(\"styles/\")) {\n    resolved = target.replace(\"styles/\", config.aliases.styles + \"/\");\n  }\n\n  return resolve(cwd, resolved);\n}\n","import { execSync } from \"node:child_process\";\nimport { existsSync } from \"node:fs\";\nimport { resolve } from \"node:path\";\n\nexport type PackageManager = \"npm\" | \"pnpm\" | \"yarn\" | \"bun\";\n\nexport function detectPackageManager(cwd: string): PackageManager {\n  if (existsSync(resolve(cwd, \"bun.lockb\"))) return \"bun\";\n  if (existsSync(resolve(cwd, \"bun.lock\"))) return \"bun\";\n  if (existsSync(resolve(cwd, \"pnpm-lock.yaml\"))) return \"pnpm\";\n  if (existsSync(resolve(cwd, \"yarn.lock\"))) return \"yarn\";\n  return \"npm\";\n}\n\nexport function installNpmDeps(deps: string[], cwd: string): void {\n  if (deps.length === 0) return;\n  const pm = detectPackageManager(cwd);\n  const cmd =\n    pm === \"pnpm\"\n      ? `pnpm add ${deps.join(\" \")}`\n      : pm === \"yarn\"\n        ? `yarn add ${deps.join(\" \")}`\n        : pm === \"bun\"\n          ? `bun add ${deps.join(\" \")}`\n          : `npm install ${deps.join(\" \")}`;\n  execSync(cmd, { cwd, stdio: \"inherit\" });\n}\n","import type { Registry, RegistryItem } from \"../config\";\n\nimport { existsSync, readFileSync } from \"node:fs\";\nimport { dirname, resolve } from \"node:path\";\nimport { fileURLToPath } from \"node:url\";\n\nimport { REGISTRY_ITEM_URL, REGISTRY_URL } from \"../config\";\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n\n/**\n * Find the registry.json — checks local paths first, then falls back to the\n * remote GitHub URL. This allows development/testing without pushing to GitHub.\n */\nfunction findLocalRegistry(): string | null {\n  const candidates = [\n    // Relative to cwd (user's project)\n    resolve(process.cwd(), \"registry.json\"),\n    // Relative to CLI dist (packages/cli/dist -> ../../../registry.json)\n    resolve(__dirname, \"../../../registry.json\"),\n    // Relative to CLI src/utils (packages/cli/src/utils -> ../../../../registry.json)\n    resolve(__dirname, \"../../../../registry.json\"),\n  ];\n  for (const p of candidates) {\n    if (existsSync(p)) return p;\n  }\n  return null;\n}\n\nfunction findLocalRegistryItem(name: string): string | null {\n  const candidates = [\n    resolve(process.cwd(), \"registry/items\", `${name}.json`),\n    resolve(__dirname, \"../../../registry/items\", `${name}.json`),\n    resolve(__dirname, \"../../../../registry/items\", `${name}.json`),\n  ];\n  for (const p of candidates) {\n    if (existsSync(p)) return p;\n  }\n  return null;\n}\n\nexport async function fetchRegistry(): Promise<Registry> {\n  const localPath = findLocalRegistry();\n  if (localPath) {\n    return JSON.parse(readFileSync(localPath, \"utf-8\")) as Registry;\n  }\n\n  const res = await fetch(REGISTRY_URL);\n  if (!res.ok) {\n    throw new Error(\n      `Failed to fetch registry: ${res.status} ${res.statusText}`,\n    );\n  }\n  return (await res.json()) as Registry;\n}\n\nexport async function fetchRegistryItem(name: string): Promise<RegistryItem> {\n  const localPath = findLocalRegistryItem(name);\n  if (localPath) {\n    return JSON.parse(readFileSync(localPath, \"utf-8\")) as RegistryItem;\n  }\n\n  const res = await fetch(`${REGISTRY_ITEM_URL}/${name}.json`);\n  if (!res.ok) {\n    throw new Error(\n      `Failed to fetch registry item \"${name}\": ${res.status} ${res.statusText}`,\n    );\n  }\n  return (await res.json()) as RegistryItem;\n}\n\nexport async function fetchRegistryItems(\n  names: string[],\n): Promise<RegistryItem[]> {\n  return Promise.all(names.map(fetchRegistryItem));\n}\n","import type { Config, RegistryItem } from \"../config\";\n\nimport chalk from \"chalk\";\nimport { existsSync } from \"node:fs\";\n\nimport { loadConfig, resolveTargetPath, writeFile } from \"../utils/fs\";\nimport { installNpmDeps } from \"../utils/npm\";\nimport { fetchRegistry, fetchRegistryItems } from \"../utils/registry\";\n\nexport async function add(\n  components: string[],\n  options: { overwrite?: boolean },\n): Promise<void> {\n  const cwd = process.cwd();\n  const config = loadConfig(cwd);\n\n  if (!config) {\n    console.log(\n      chalk.red(\"No ionbit-ui.config.json found. Run `ionbit-ui init` first.\"),\n    );\n    process.exit(1);\n  }\n\n  // Fetch the full registry to resolve names and dependencies\n  const registry = await fetchRegistry();\n  const allNames = new Set(registry.items.map((i) => i.name));\n\n  // Validate requested components\n  for (const name of components) {\n    if (!allNames.has(name)) {\n      console.log(\n        chalk.red(\n          `Component \"${name}\" not found in registry. Run \\`ionbit-ui list\\` to see available components.`,\n        ),\n      );\n      process.exit(1);\n    }\n  }\n\n  // Resolve transitive registry dependencies\n  const toInstall = resolveDependencies(components, registry.items);\n\n  console.log(chalk.dim(`Installing ${toInstall.length} item(s)...`));\n  console.log(\"\");\n\n  // Fetch all items with embedded content\n  const items = await fetchRegistryItems(toInstall);\n\n  for (const item of items) {\n    await installItem(item, config, cwd, options.overwrite ?? false);\n  }\n\n  // Collect and install npm dependencies\n  const npmDeps = new Set<string>();\n  for (const item of items) {\n    for (const dep of item.dependencies ?? []) {\n      npmDeps.add(dep);\n    }\n  }\n\n  if (npmDeps.size > 0) {\n    console.log(\"\");\n    installNpmDeps([...npmDeps], cwd);\n  }\n\n  console.log(\"\");\n  console.log(chalk.green(`✓ Added ${items.length} component(s).`));\n}\n\nfunction resolveDependencies(\n  names: string[],\n  allItems: { name: string; registryDependencies?: string[] }[],\n): string[] {\n  const resolved = new Set<string>();\n  const queue = [...names];\n\n  while (queue.length > 0) {\n    const name = queue.shift()!;\n    if (resolved.has(name)) continue;\n    resolved.add(name);\n\n    const item = allItems.find((i) => i.name === name);\n    if (item?.registryDependencies) {\n      for (const dep of item.registryDependencies) {\n        if (!resolved.has(dep)) queue.push(dep);\n      }\n    }\n  }\n\n  return [...resolved];\n}\n\nasync function installItem(\n  item: RegistryItem,\n  config: Config,\n  cwd: string,\n  overwrite: boolean,\n): Promise<void> {\n  for (const file of item.files) {\n    const targetPath = resolveTargetPath(file.path, config, cwd);\n\n    if (existsSync(targetPath) && !overwrite) {\n      console.log(\n        chalk.yellow(\n          `  ⚠ ${file.path} already exists — skipping (use --overwrite)`,\n        ),\n      );\n      continue;\n    }\n\n    writeFile(targetPath, file.content);\n    console.log(chalk.green(`  ✓ ${file.path}`));\n  }\n}\n","import type { Config, RegistryItem } from \"../config\";\n\nimport chalk from \"chalk\";\nimport { existsSync, mkdirSync, readFileSync, writeFileSync } from \"node:fs\";\nimport { relative, resolve } from \"node:path\";\n\nimport { CONFIG_FILE, DEFAULT_CONFIG } from \"../config\";\nimport { resolveTargetPath, saveConfig, writeFile } from \"../utils/fs\";\nimport { installNpmDeps } from \"../utils/npm\";\nimport { fetchRegistryItems } from \"../utils/registry\";\n\nconst CURSOR_CSS = `@layer base {\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n}`;\n\n/** Items that every project needs — installed automatically during init. */\nconst BASE_ITEMS = [\"cn\", \"tokens\"];\n\nexport async function init(options: {\n  yes?: boolean;\n  force?: boolean;\n  pointer?: boolean;\n}): Promise<void> {\n  const cwd = process.cwd();\n  const configPath = resolve(cwd, CONFIG_FILE);\n\n  if (existsSync(configPath) && !options.force) {\n    console.log(\n      chalk.yellow(\n        `${CONFIG_FILE} already exists. Use --force to reinitialize.`,\n      ),\n    );\n    return;\n  }\n\n  const config: Config = { ...DEFAULT_CONFIG };\n\n  saveConfig(config, cwd);\n  console.log(chalk.green(`✓ Created ${CONFIG_FILE}`));\n\n  // Create directory structure\n  const dirs = [\n    config.aliases.components,\n    config.aliases.motion,\n    config.aliases.lib,\n    config.aliases.styles,\n  ];\n\n  for (const dir of dirs) {\n    const dirPath = resolve(cwd, dir);\n    if (!existsSync(dirPath)) {\n      mkdirSync(dirPath, { recursive: true });\n      console.log(chalk.dim(`  Created ${dir}/`));\n    }\n  }\n\n  // Install base items (cn utility + design tokens)\n  console.log(chalk.dim(\"Installing base items (cn, tokens)...\"));\n  const items = await fetchRegistryItems(BASE_ITEMS);\n  for (const item of items) {\n    installBaseItem(item, config, cwd);\n  }\n\n  // Add token CSS imports to the user's stylesheet\n  setupCssImports(config, cwd);\n\n  // Collect and install npm dependencies for base items\n  const npmDeps = new Set<string>();\n  for (const item of items) {\n    for (const dep of item.dependencies ?? []) {\n      npmDeps.add(dep);\n    }\n  }\n  installNpmDeps([...npmDeps], cwd);\n\n  // Optionally add cursor: pointer CSS\n  if (options.pointer) {\n    const cssPath = resolve(cwd, config.tailwind.css);\n    if (existsSync(cssPath)) {\n      const existing = readFileSync(cssPath, \"utf-8\");\n      if (!existing.includes(\"cursor: pointer\")) {\n        writeFileSync(cssPath, existing + \"\\n\" + CURSOR_CSS);\n        console.log(\n          chalk.green(`✓ Added cursor: pointer to ${config.tailwind.css}`),\n        );\n      } else {\n        console.log(\n          chalk.dim(\n            `  ${config.tailwind.css} already has cursor: pointer — skipping`,\n          ),\n        );\n      }\n    } else {\n      writeFileSync(cssPath, CURSOR_CSS);\n      console.log(\n        chalk.green(`✓ Created ${config.tailwind.css} with cursor: pointer`),\n      );\n    }\n  }\n\n  console.log(\"\");\n  console.log(chalk.bold(\"Ionbit UI initialized!\"));\n  console.log(\"\");\n  console.log(chalk.dim(\"Next steps:\"));\n  console.log(`  ${chalk.cyan(\"ionbit-ui add button\")}    — add a component`);\n  console.log(\n    `  ${chalk.cyan(\"ionbit-ui list\")}          — browse available components`,\n  );\n  console.log(\"\");\n}\n\nfunction installBaseItem(\n  item: RegistryItem,\n  config: Config,\n  cwd: string,\n): void {\n  for (const file of item.files) {\n    const targetPath = resolveTargetPath(file.path, config, cwd);\n    if (existsSync(targetPath)) {\n      console.log(chalk.dim(`  ⚠ ${file.path} already exists — skipping`));\n      continue;\n    }\n    writeFile(targetPath, file.content);\n    console.log(chalk.green(`  ✓ ${file.path}`));\n  }\n}\n\nfunction setupCssImports(config: Config, cwd: string): void {\n  const cssPath = resolve(cwd, config.tailwind.css);\n  const stylesDir = config.aliases.styles;\n\n  // Build the import lines relative to the CSS file's directory\n  const tokensImport = `@import \"./${relativePath(cssPath, resolve(cwd, stylesDir, \"tokens.css\"))}\";`;\n  const baseImport = `@import \"./${relativePath(cssPath, resolve(cwd, stylesDir, \"base.css\"))}\";`;\n  const utilitiesImport = `@import \"./${relativePath(cssPath, resolve(cwd, stylesDir, \"utilities.css\"))}\";`;\n\n  if (!existsSync(cssPath)) {\n    // Create the CSS file with token imports\n    const content = `@import \"tailwindcss\";\\n\\n${tokensImport}\\n${baseImport}\\n${utilitiesImport}\\n`;\n    writeFileSync(cssPath, content);\n    console.log(\n      chalk.green(`✓ Created ${config.tailwind.css} with token imports`),\n    );\n    return;\n  }\n\n  const existing = readFileSync(cssPath, \"utf-8\");\n  const lines: string[] = [];\n\n  if (!existing.includes(\"tokens.css\")) {\n    lines.push(tokensImport);\n  }\n  if (!existing.includes(\"base.css\")) {\n    lines.push(baseImport);\n  }\n  if (!existing.includes(\"utilities.css\")) {\n    lines.push(utilitiesImport);\n  }\n\n  if (lines.length > 0) {\n    // Add imports after @import \"tailwindcss\" if present, otherwise at the top\n    let updated: string;\n    if (existing.includes('@import \"tailwindcss\"')) {\n      updated = existing.replace(\n        /(@import\\s+\"tailwindcss\"[^\\n]*)/,\n        `$1\\n${lines.join(\"\\n\")}`,\n      );\n    } else {\n      updated = lines.join(\"\\n\") + \"\\n\" + existing;\n    }\n    writeFileSync(cssPath, updated);\n    console.log(chalk.green(`✓ Added token imports to ${config.tailwind.css}`));\n  } else {\n    console.log(\n      chalk.dim(\n        `  ${config.tailwind.css} already has token imports — skipping`,\n      ),\n    );\n  }\n}\n\nfunction relativePath(from: string, to: string): string {\n  let rel = relative(from, to).replace(/\\\\/g, \"/\");\n  // Remove the leading \"../\" if the CSS file is in the same or parent directory\n  if (rel.startsWith(\"../\")) rel = rel.slice(3);\n  return rel;\n}\n","import chalk from \"chalk\";\n\nimport { fetchRegistry } from \"../utils/registry\";\n\nexport async function list(): Promise<void> {\n  const registry = await fetchRegistry();\n\n  const groups: Record<string, typeof registry.items> = {};\n\n  for (const item of registry.items) {\n    const category = item.type.replace(\"registry:\", \"\");\n    if (!groups[category]) groups[category] = [];\n    groups[category].push(item);\n  }\n\n  const categoryOrder = [\"lib\", \"base\", \"ui\"];\n  const sortedCategories = Object.keys(groups).sort((a, b) => {\n    const ai = categoryOrder.indexOf(a);\n    const bi = categoryOrder.indexOf(b);\n    if (ai !== -1 && bi !== -1) return ai - bi;\n    if (ai !== -1) return -1;\n    if (bi !== -1) return 1;\n    return a.localeCompare(b);\n  });\n\n  for (const category of sortedCategories) {\n    const items = groups[category];\n    if (!items) continue;\n    const label =\n      category === \"lib\"\n        ? \"Libraries\"\n        : category === \"base\"\n          ? \"Foundation\"\n          : \"Components\";\n\n    console.log(chalk.bold(`\\n${label}`));\n\n    for (const item of items) {\n      const deps = item.dependencies?.length\n        ? chalk.dim(` (${item.dependencies.length} deps)`)\n        : \"\";\n      console.log(`  ${chalk.cyan(item.name.padEnd(18))} ${item.title}${deps}`);\n    }\n  }\n\n  console.log(\"\");\n  console.log(chalk.dim(`Total: ${registry.items.length} items`));\n  console.log(chalk.dim(`Install with: ionbit-ui add <name>`));\n  console.log(\"\");\n}\n","import { Command } from \"commander\";\n\nimport { add } from \"./commands/add\";\nimport { init } from \"./commands/init\";\nimport { list } from \"./commands/list\";\n\nconst program = new Command();\n\nprogram\n  .name(\"ionbit-ui\")\n  .description(\n    \"Ionbit UI CLI — install source-owned components from the Ionbit UI registry.\",\n  )\n  .version(\"0.1.9\");\n\nprogram\n  .command(\"init\")\n  .description(\n    \"Initialize Ionbit UI in your project. Creates a ionbit-ui.config.json and installs design tokens.\",\n  )\n  .option(\"-y, --yes\", \"Skip confirmation prompts and use defaults\")\n  .option(\"-f, --force\", \"Force overwrite of existing configuration\")\n  .option(\n    \"--pointer\",\n    \"Add cursor: pointer CSS for buttons (Tailwind v4 defaults to cursor: default)\",\n  )\n  .action(init);\n\nprogram\n  .command(\"add <components...>\")\n  .description(\n    \"Add components to your project. e.g. ionbit-ui add button card accordion\",\n  )\n  .option(\"-o, --overwrite\", \"Overwrite existing files\")\n  .action(add);\n\nprogram\n  .command(\"list\")\n  .description(\"List all available components in the registry.\")\n  .action(list);\n\nprogram.parse();\n"],"names":["__dirname"],"mappings":"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"}

package/dist/tailwind.css

@@ -0,0 +1,13 @@
+/*
+ * Ionbit UI — Tailwind CSS entry point
+ *
+ * Import this in your global CSS file:
+ *   @import "tailwindcss";
+ *   @import "ionbit-ui/tailwind.css";
+ *
+ * It bundles design tokens, base styles, and CSS utilities
+ * (scroll-fade, shimmer) in a single import.
+ */
+@import "./tokens.css";
+@import "./base.css";
+@import "./utilities.css";

package/dist/tokens.css

@@ -0,0 +1,267 @@
+/*
+ * Ionbit UI — Design Tokens
+ *
+ * Layered as:
+ *   1. :root / .dark — raw semantic variable values (themeable by consumers)
+ *   2. @theme inline — Tailwind v4 theme mapping (utilities resolve to the
+ *      variables above)
+ *
+ * Components reference semantic utilities only (bg-surface, text-foreground,
+ * border-border, etc.). Retheming = overriding the variables in :root / .dark.
+ *
+ * The default theme is dark, technical, and restrained. Not neon cyberpunk.
+ */
+
+/* ---------------------------------------------------------------------------
+ * 1. Raw semantic token values
+ * --------------------------------------------------------------------------- */
+
+:root {
+  /* The default theme is dark. These values ARE the dark theme. */
+  color-scheme: dark;
+
+  /* Surfaces — subtle brightness steps, not flat black. */
+  --background: oklch(0.16 0.012 250); /* deep neutral, faintly cool */
+  --surface: oklch(0.19 0.013 250);
+  --surface-elevated: oklch(0.22 0.014 250);
+  --surface-hover: oklch(0.235 0.015 250);
+
+  /* Foreground — high but not pure-white contrast. */
+  --foreground: oklch(0.96 0.005 250);
+  --foreground-muted: oklch(0.68 0.012 250);
+  --foreground-subtle: oklch(0.52 0.012 250);
+
+  /* Borders — barely visible at rest, stronger on interaction. */
+  --border: oklch(1 0 0 / 0.08);
+  --border-strong: oklch(1 0 0 / 0.14);
+  --border-accent: oklch(0.78 0.16 238 / 0.5);
+  --border-error: oklch(0.62 0.24 5 / 0.5);
+
+  /* Accent — electric cyan/blue family. Configurable. */
+  --accent: oklch(0.78 0.17 238);
+  --accent-hover: oklch(0.82 0.18 238);
+  --accent-muted: oklch(0.78 0.17 238 / 0.16);
+  --accent-foreground: oklch(0.1 0.02 238);
+
+  /* Semantic status — restrained, not neon. */
+  --success: oklch(0.78 0.15 155);
+  --warning: oklch(0.82 0.15 80);
+  --error: oklch(0.62 0.24 5);
+  --error-foreground: oklch(0.1 0.04 5);
+  --info: oklch(0.82 0.14 230);
+
+  /* Focus ring — accent-tinted, visible but not loud. */
+  --ring: oklch(0.82 0.16 238 / 0.55);
+
+  /* Typography */
+  --font-sans:
+    ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif;
+  --font-mono:
+    ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas,
+    monospace;
+
+  --text-xs: 0.75rem;
+  --text-sm: 0.875rem;
+  --text-base: 1rem;
+  --text-lg: 1.125rem;
+  --text-xl: 1.25rem;
+  --text-2xl: 1.5rem;
+  --text-3xl: 1.875rem;
+
+  --leading-tight: 1.2;
+  --leading-normal: 1.5;
+  --leading-relaxed: 1.65;
+
+  --tracking-tight: -0.01em;
+  --tracking-normal: 0;
+  --tracking-wide: 0.02em;
+
+  --weight-normal: 400;
+  --weight-medium: 500;
+  --weight-semibold: 600;
+  --weight-bold: 700;
+
+  /* Spacing scale — 4px base. */
+  --space-1: 0.25rem;
+  --space-2: 0.5rem;
+  --space-3: 0.75rem;
+  --space-4: 1rem;
+  --space-5: 1.25rem;
+  --space-6: 1.5rem;
+  --space-8: 2rem;
+  --space-10: 2.5rem;
+  --space-12: 3rem;
+  --space-16: 4rem;
+
+  /* Radius — controlled, not bubbly. */
+  --radius-sm: 0.375rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  --radius-xl: 1rem;
+  --radius-full: 9999px;
+
+  /* Shadows — subtle, used for depth, not drama. */
+  --shadow-xs: 0 1px 2px 0 oklch(0 0 0 / 0.2);
+  --shadow-sm:
+    0 2px 4px -1px oklch(0 0 0 / 0.25), 0 1px 2px -1px oklch(0 0 0 / 0.2);
+  --shadow-md:
+    0 4px 8px -2px oklch(0 0 0 / 0.3), 0 2px 4px -2px oklch(0 0 0 / 0.25);
+  --shadow-lg:
+    0 12px 24px -8px oklch(0 0 0 / 0.4), 0 4px 8px -4px oklch(0 0 0 / 0.3);
+  --shadow-glow:
+    0 0 0 1px var(--border-accent),
+    0 0 16px -4px color-mix(in oklab, var(--accent) 40%, transparent);
+  --shadow-glow-error:
+    0 0 0 1px var(--border-error),
+    0 0 16px -4px color-mix(in oklab, var(--error) 40%, transparent);
+  --shadow-focus: 0 0 0 2px var(--ring), 0 0 16px -4px var(--accent);
+  --shadow-focus-error: 0 0 0 2px var(--error), 0 0 16px -4px var(--error);
+
+  /* Motion — durations (ms) and easings. */
+  --duration-fast: 140ms;
+  --duration-normal: 220ms;
+  --duration-slow: 420ms;
+  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
+  --ease-emphasized: cubic-bezier(0.3, 0, 0, 1);
+  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
+
+  /* Effect intensities — 0..1 multipliers. */
+  --spotlight-intensity: 0.4;
+  --magnetic-intensity: 0.25;
+}
+
+/* ---------------------------------------------------------------------------
+ * Light theme override — architecture supports it; not the priority.
+ * --------------------------------------------------------------------------- */
+
+.light {
+  color-scheme: light;
+
+  --background: oklch(0.99 0.002 250);
+  --surface: oklch(0.98 0.003 250);
+  --surface-elevated: oklch(1 0 0);
+  --surface-hover: oklch(0.96 0.004 250);
+
+  --foreground: oklch(0.2 0.012 250);
+  --foreground-muted: oklch(0.45 0.012 250);
+  --foreground-subtle: oklch(0.6 0.012 250);
+
+  --border: oklch(0 0 0 / 0.08);
+  --border-strong: oklch(0 0 0 / 0.14);
+  --border-accent: oklch(0.62 0.18 238 / 0.5);
+  --border-error: oklch(0.52 0.24 5 / 0.5);
+
+  --accent: oklch(0.58 0.2 238);
+  --accent-hover: oklch(0.52 0.21 238);
+  --accent-muted: oklch(0.58 0.2 238 / 0.12);
+  --accent-foreground: oklch(0.99 0 0);
+
+  --success: oklch(0.58 0.16 155);
+  --warning: oklch(0.62 0.17 80);
+  --error: oklch(0.52 0.24 5);
+  --error-foreground: oklch(0.99 0 0);
+  --info: oklch(0.58 0.16 238);
+
+  --ring: oklch(0.62 0.18 238 / 0.5);
+
+  --shadow-xs: 0 1px 2px 0 oklch(0 0 0 / 0.06);
+  --shadow-sm:
+    0 2px 4px -1px oklch(0 0 0 / 0.08), 0 1px 2px -1px oklch(0 0 0 / 0.06);
+  --shadow-md:
+    0 4px 8px -2px oklch(0 0 0 / 0.1), 0 2px 4px -2px oklch(0 0 0 / 0.08);
+  --shadow-lg:
+    0 12px 24px -8px oklch(0 0 0 / 0.12), 0 4px 8px -4px oklch(0 0 0 / 0.1);
+  --shadow-glow:
+    0 0 0 1px var(--border-accent),
+    0 0 16px -4px color-mix(in oklab, var(--accent) 40%, transparent);
+  --shadow-glow-error:
+    0 0 0 1px var(--border-error),
+    0 0 16px -4px color-mix(in oklab, var(--error) 40%, transparent);
+  --shadow-focus: 0 0 0 2px var(--ring), 0 0 16px -4px var(--accent);
+  --shadow-focus-error: 0 0 0 2px var(--error), 0 0 16px -4px var(--error);
+}
+
+/* ---------------------------------------------------------------------------
+ * 2. Tailwind v4 theme mapping
+ *    Utilities like bg-surface, text-foreground, border-border resolve to
+ *    the variables above. Consumers override the variables, not the utilities.
+ * --------------------------------------------------------------------------- */
+
+@theme inline {
+  /* Colors */
+  --color-background: var(--background);
+  --color-surface: var(--surface);
+  --color-surface-elevated: var(--surface-elevated);
+  --color-surface-hover: var(--surface-hover);
+  --color-foreground: var(--foreground);
+  --color-foreground-muted: var(--foreground-muted);
+  --color-foreground-subtle: var(--foreground-subtle);
+  --color-border: var(--border);
+  --color-border-strong: var(--border-strong);
+  --color-border-accent: var(--border-accent);
+  --color-border-error: var(--border-error);
+  --color-accent: var(--accent);
+  --color-accent-hover: var(--accent-hover);
+  --color-accent-muted: var(--accent-muted);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-success: var(--success);
+  --color-warning: var(--warning);
+  --color-error: var(--error);
+  --color-error-foreground: var(--error-foreground);
+  --color-info: var(--info);
+  --color-ring: var(--ring);
+
+  /* Fonts */
+  --font-sans: var(--font-sans);
+  --font-mono: var(--font-mono);
+
+  /* Radius */
+  --radius-sm: var(--radius-sm);
+  --radius-md: var(--radius-md);
+  --radius-lg: var(--radius-lg);
+  --radius-xl: var(--radius-xl);
+  --radius-full: var(--radius-full);
+
+  /* Shadows */
+  --shadow-xs: var(--shadow-xs);
+  --shadow-sm: var(--shadow-sm);
+  --shadow-md: var(--shadow-md);
+  --shadow-lg: var(--shadow-lg);
+  --shadow-glow: var(--shadow-glow);
+  --shadow-glow-error: var(--shadow-glow-error);
+  --shadow-focus: var(--shadow-focus);
+  --shadow-focus-error: var(--shadow-focus-error);
+
+  /* Motion durations + easings (Tailwind v4 exposes them as utilities) */
+  --duration-fast: var(--duration-fast);
+  --duration-normal: var(--duration-normal);
+  --duration-slow: var(--duration-slow);
+  --ease-standard: var(--ease-standard);
+  --ease-emphasized: var(--ease-emphasized);
+  --ease-exit: var(--ease-exit);
+
+  /* Accordion expand/collapse — syncs with Radix's --radix-accordion-content-height */
+  --animate-accordion-down: accordion-down var(--duration-normal)
+    var(--ease-standard);
+  --animate-accordion-up: accordion-up var(--duration-normal)
+    var(--ease-standard);
+
+  @keyframes accordion-down {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(--radix-accordion-content-height);
+    }
+  }
+
+  @keyframes accordion-up {
+    from {
+      height: var(--radix-accordion-content-height);
+    }
+    to {
+      height: 0;
+    }
+  }
+}

package/dist/utilities.css

@@ -0,0 +1,567 @@
+/*
+ * Ionbit UI — CSS Utilities
+ *
+ * Scroll-fade and shimmer utilities, inspired by shadcn.
+ * Import in your global CSS after Tailwind:
+ *   @import "tailwindcss";
+ *   @import "ionbit-ui/tailwind.css";
+ *
+ * These use Tailwind v4 at-rules (@utility, @theme inline, @variant)
+ * and must be processed by the Tailwind engine, not lightningcss.
+ */
+
+/* no-scrollbar */
+@utility no-scrollbar {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
+/* ─── scroll-fade ─── */
+@property --scroll-fade-t {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --scroll-fade-b {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --scroll-fade-s {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --scroll-fade-e {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --scroll-fade-mask {
+  syntax: "*";
+  inherits: false;
+}
+
+@theme inline {
+  @keyframes scroll-fade-reveal-t {
+    from {
+      --scroll-fade-t: 0px;
+    }
+    to {
+      --scroll-fade-t: var(
+        --_scroll-fade-size-t,
+        var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+      );
+    }
+  }
+  @keyframes scroll-fade-reveal-b {
+    from {
+      --scroll-fade-b: var(
+        --_scroll-fade-size-b,
+        var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+      );
+    }
+    to {
+      --scroll-fade-b: 0px;
+    }
+  }
+  @keyframes scroll-fade-reveal-s {
+    from {
+      --scroll-fade-s: 0px;
+    }
+    to {
+      --scroll-fade-s: var(
+        --_scroll-fade-size-s,
+        var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+      );
+    }
+  }
+  @keyframes scroll-fade-reveal-e {
+    from {
+      --scroll-fade-e: var(
+        --_scroll-fade-size-e,
+        var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+      );
+    }
+    to {
+      --scroll-fade-e: 0px;
+    }
+  }
+}
+
+@utility scroll-fade {
+  --_scroll-fade-size-t: var(
+    --scroll-fade-t-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+  --_scroll-fade-size-b: var(
+    --scroll-fade-b-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+  --scroll-fade-block: linear-gradient(
+    to bottom,
+    transparent 0,
+    #000 var(--scroll-fade-t, 0px),
+    #000 calc(100% - var(--scroll-fade-b, 0px)),
+    transparent 100%
+  );
+  -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
+  mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
+  -webkit-mask-composite: source-in;
+  mask-composite: intersect;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+
+  @supports (animation-timeline: scroll()) {
+    animation:
+      scroll-fade-reveal-t 1ms ease-in-out,
+      scroll-fade-reveal-b 1ms ease-in-out;
+    animation-timeline: scroll(self y), scroll(self y);
+    animation-range:
+      0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)),
+      calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
+    animation-fill-mode: both;
+  }
+
+  @supports not (animation-timeline: scroll()) {
+    --scroll-fade-t: var(--_scroll-fade-size-t);
+    --scroll-fade-b: var(--_scroll-fade-size-b);
+  }
+}
+
+@utility scroll-fade-y {
+  --_scroll-fade-size-t: var(
+    --scroll-fade-t-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+  --_scroll-fade-size-b: var(
+    --scroll-fade-b-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+  --scroll-fade-block: linear-gradient(
+    to bottom,
+    transparent 0,
+    #000 var(--scroll-fade-t, 0px),
+    #000 calc(100% - var(--scroll-fade-b, 0px)),
+    transparent 100%
+  );
+  -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
+  mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
+  -webkit-mask-composite: source-in;
+  mask-composite: intersect;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+
+  @supports (animation-timeline: scroll()) {
+    animation:
+      scroll-fade-reveal-t 1ms ease-in-out,
+      scroll-fade-reveal-b 1ms ease-in-out;
+    animation-timeline: scroll(self y), scroll(self y);
+    animation-range:
+      0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)),
+      calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
+    animation-fill-mode: both;
+  }
+
+  @supports not (animation-timeline: scroll()) {
+    --scroll-fade-t: var(--_scroll-fade-size-t);
+    --scroll-fade-b: var(--_scroll-fade-size-b);
+  }
+}
+
+@utility scroll-fade-x {
+  --_scroll-fade-size-s: var(
+    --scroll-fade-s-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+  --_scroll-fade-size-e: var(
+    --scroll-fade-e-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+  --scroll-fade-inline: linear-gradient(
+    to right,
+    transparent 0,
+    #000 var(--scroll-fade-s, 0px),
+    #000 calc(100% - var(--scroll-fade-e, 0px)),
+    transparent 100%
+  );
+  &:where([dir="rtl"], [dir="rtl"] *) {
+    --scroll-fade-inline: linear-gradient(
+      to left,
+      transparent 0,
+      #000 var(--scroll-fade-s, 0px),
+      #000 calc(100% - var(--scroll-fade-e, 0px)),
+      transparent 100%
+    );
+  }
+  -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
+  mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
+  -webkit-mask-composite: source-in;
+  mask-composite: intersect;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+
+  @supports (animation-timeline: scroll()) {
+    animation:
+      scroll-fade-reveal-s 1ms ease-in-out,
+      scroll-fade-reveal-e 1ms ease-in-out;
+    animation-timeline: scroll(self inline), scroll(self inline);
+    animation-range:
+      0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)),
+      calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
+    animation-fill-mode: both;
+  }
+
+  @supports not (animation-timeline: scroll()) {
+    --scroll-fade-s: var(--_scroll-fade-size-s);
+    --scroll-fade-e: var(--_scroll-fade-size-e);
+  }
+}
+
+@utility scroll-fade-t {
+  --_scroll-fade-size-t: var(
+    --scroll-fade-t-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+  --scroll-fade-mask: linear-gradient(
+    to bottom,
+    transparent 0,
+    #000 var(--scroll-fade-t, 0px),
+    #000 100%
+  );
+  -webkit-mask-image: var(--scroll-fade-mask);
+  mask-image: var(--scroll-fade-mask);
+  -webkit-mask-composite: source-in;
+  mask-composite: intersect;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+
+  @supports (animation-timeline: scroll()) {
+    animation: scroll-fade-reveal-t 1ms ease-in-out;
+    animation-timeline: scroll(self y);
+    animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24));
+    animation-fill-mode: both;
+  }
+
+  @supports not (animation-timeline: scroll()) {
+    --scroll-fade-t: var(--_scroll-fade-size-t);
+  }
+}
+
+@utility scroll-fade-b {
+  --_scroll-fade-size-b: var(
+    --scroll-fade-b-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+  --scroll-fade-mask: linear-gradient(
+    to bottom,
+    #000 0,
+    #000 calc(100% - var(--scroll-fade-b, 0px)),
+    transparent 100%
+  );
+  -webkit-mask-image: var(--scroll-fade-mask);
+  mask-image: var(--scroll-fade-mask);
+  -webkit-mask-composite: source-in;
+  mask-composite: intersect;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+
+  @supports (animation-timeline: scroll()) {
+    animation: scroll-fade-reveal-b 1ms ease-in-out;
+    animation-timeline: scroll(self y);
+    animation-range: calc(
+        100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))
+      )
+      100%;
+    animation-fill-mode: both;
+  }
+
+  @supports not (animation-timeline: scroll()) {
+    --scroll-fade-b: var(--_scroll-fade-size-b);
+  }
+}
+
+@utility scroll-fade-l {
+  --_scroll-fade-size-s: var(
+    --scroll-fade-s-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+  --scroll-fade-mask: linear-gradient(
+    to right,
+    transparent 0,
+    #000 var(--scroll-fade-s, 0px),
+    #000 100%
+  );
+  -webkit-mask-image: var(--scroll-fade-mask);
+  mask-image: var(--scroll-fade-mask);
+  -webkit-mask-composite: source-in;
+  mask-composite: intersect;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+
+  @supports (animation-timeline: scroll()) {
+    animation: scroll-fade-reveal-s 1ms ease-in-out;
+    animation-timeline: scroll(self x);
+    animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24));
+    animation-fill-mode: both;
+  }
+
+  @supports not (animation-timeline: scroll()) {
+    --scroll-fade-s: var(--_scroll-fade-size-s);
+  }
+}
+
+@utility scroll-fade-r {
+  --_scroll-fade-size-e: var(
+    --scroll-fade-e-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+  --scroll-fade-mask: linear-gradient(
+    to right,
+    #000 0,
+    #000 calc(100% - var(--scroll-fade-e, 0px)),
+    transparent 100%
+  );
+  -webkit-mask-image: var(--scroll-fade-mask);
+  mask-image: var(--scroll-fade-mask);
+  -webkit-mask-composite: source-in;
+  mask-composite: intersect;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+
+  @supports (animation-timeline: scroll()) {
+    animation: scroll-fade-reveal-e 1ms ease-in-out;
+    animation-timeline: scroll(self x);
+    animation-range: calc(
+        100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))
+      )
+      100%;
+    animation-fill-mode: both;
+  }
+
+  @supports not (animation-timeline: scroll()) {
+    --scroll-fade-e: var(--_scroll-fade-size-e);
+  }
+}
+
+@utility scroll-fade-s {
+  --_scroll-fade-size-s: var(
+    --scroll-fade-s-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+  --scroll-fade-mask: linear-gradient(
+    to right,
+    transparent 0,
+    #000 var(--scroll-fade-s, 0px),
+    #000 100%
+  );
+  &:where([dir="rtl"], [dir="rtl"] *) {
+    --scroll-fade-mask: linear-gradient(
+      to left,
+      transparent 0,
+      #000 var(--scroll-fade-s, 0px),
+      #000 100%
+    );
+  }
+  -webkit-mask-image: var(--scroll-fade-mask);
+  mask-image: var(--scroll-fade-mask);
+  -webkit-mask-composite: source-in;
+  mask-composite: intersect;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+
+  @supports (animation-timeline: scroll()) {
+    animation: scroll-fade-reveal-s 1ms ease-in-out;
+    animation-timeline: scroll(self inline);
+    animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24));
+    animation-fill-mode: both;
+  }
+
+  @supports not (animation-timeline: scroll()) {
+    --scroll-fade-s: var(--_scroll-fade-size-s);
+  }
+}
+
+@utility scroll-fade-e {
+  --_scroll-fade-size-e: var(
+    --scroll-fade-e-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+  --scroll-fade-mask: linear-gradient(
+    to right,
+    #000 0,
+    #000 calc(100% - var(--scroll-fade-e, 0px)),
+    transparent 100%
+  );
+  &:where([dir="rtl"], [dir="rtl"] *) {
+    --scroll-fade-mask: linear-gradient(
+      to left,
+      #000 0,
+      #000 calc(100% - var(--scroll-fade-e, 0px)),
+      transparent 100%
+    );
+  }
+  -webkit-mask-image: var(--scroll-fade-mask);
+  mask-image: var(--scroll-fade-mask);
+  -webkit-mask-composite: source-in;
+  mask-composite: intersect;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+
+  @supports (animation-timeline: scroll()) {
+    animation: scroll-fade-reveal-e 1ms ease-in-out;
+    animation-timeline: scroll(self inline);
+    animation-range: calc(
+        100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))
+      )
+      100%;
+    animation-fill-mode: both;
+  }
+
+  @supports not (animation-timeline: scroll()) {
+    --scroll-fade-e: var(--_scroll-fade-size-e);
+  }
+}
+
+@utility scroll-fade-* {
+  --scroll-fade-size: calc(var(--spacing) * --value(integer));
+  --scroll-fade-size: --value([length], [percentage]);
+}
+
+@utility scroll-fade-t-* {
+  --scroll-fade-t-size: calc(var(--spacing) * --value(integer));
+  --scroll-fade-t-size: --value([length], [percentage]);
+}
+
+@utility scroll-fade-b-* {
+  --scroll-fade-b-size: calc(var(--spacing) * --value(integer));
+  --scroll-fade-b-size: --value([length], [percentage]);
+}
+
+@utility scroll-fade-s-* {
+  --scroll-fade-s-size: calc(var(--spacing) * --value(integer));
+  --scroll-fade-s-size: --value([length], [percentage]);
+}
+
+@utility scroll-fade-e-* {
+  --scroll-fade-e-size: calc(var(--spacing) * --value(integer));
+  --scroll-fade-e-size: --value([length], [percentage]);
+}
+
+@utility scroll-fade-none {
+  --scroll-fade-mask: none;
+}
+
+/* ─── shimmer ─── */
+@property --shimmer-angle {
+  syntax: "<angle>";
+  inherits: true;
+  initial-value: 20deg;
+}
+@property --shimmer-image {
+  syntax: "*";
+  inherits: false;
+}
+@property --shimmer-text-fill {
+  syntax: "*";
+  inherits: false;
+}
+
+@theme inline {
+  @keyframes tw-shimmer {
+    from {
+      background-position: 100% 0;
+    }
+    to {
+      background-position: 0 0;
+    }
+  }
+}
+
+@utility shimmer {
+  --_spread: var(--shimmer-spread, calc(3ch + 40px));
+  --_base: currentColor;
+  --_highlight: var(
+    --shimmer-color,
+    oklch(from currentColor l c h / calc(alpha* 0.2))
+  );
+
+  background-image: var(
+    --shimmer-image,
+    linear-gradient(
+      calc(90deg + var(--shimmer-angle)),
+      var(--_base) calc(50% - var(--_spread)),
+      color-mix(in oklch, var(--_highlight), var(--_base) 50%)
+        calc(50% - var(--_spread) * 0.5),
+      var(--_highlight) 50%,
+      color-mix(in oklch, var(--_highlight), var(--_base) 50%)
+        calc(50% + var(--_spread) * 0.5),
+      var(--_base) calc(50% + var(--_spread))
+    )
+  );
+  background-repeat: no-repeat;
+  background-size: calc(200% + var(--_spread) * 2) 100%;
+  background-position: 0 0;
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: var(--shimmer-text-fill, transparent);
+  animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;
+
+  @variant dark {
+    --_highlight: var(
+      --shimmer-color,
+      oklch(from currentColor max(0.8, calc(l + 0.4)) c h / calc(alpha + 0.4))
+    );
+  }
+
+  &:where([dir="rtl"], [dir="rtl"] *) {
+    animation-direction: reverse;
+  }
+}
+
+@utility shimmer-once {
+  animation-iteration-count: 1;
+}
+
+@utility shimmer-reverse {
+  animation-direction: reverse;
+}
+
+@utility shimmer-none {
+  --shimmer-image: none;
+  --shimmer-text-fill: currentColor;
+}
+
+@utility shimmer-color-* {
+  --shimmer-color: --value(--color, [color]);
+  --shimmer-color: color-mix(
+    in oklch,
+    --value(--color, [color]) calc(--modifier(integer) * 1%),
+    transparent
+  );
+}
+
+@utility shimmer-duration-* {
+  --shimmer-duration: calc(--value(integer) * 1ms);
+}
+
+@utility shimmer-spread-* {
+  --shimmer-spread: calc(var(--spacing) * --value(integer));
+  --shimmer-spread: --value([length], [percentage]);
+}
+
+@utility shimmer-angle-* {
+  --shimmer-angle: calc(--value(integer) * 1deg);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .shimmer {
+    animation: none;
+    background-image: none;
+    -webkit-text-fill-color: currentColor;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ionbit-ui",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "Ionbit UI CLI — install source-owned components from the Ionbit UI registry.",
   "type": "module",
   "license": "MIT",
@@ -24,6 +24,12 @@
     "scaffold"
   ],
   "bin": "dist/index.js",
+  "exports": {
+    "./tailwind.css": "./dist/tailwind.css",
+    "./tokens.css": "./dist/tokens.css",
+    "./base.css": "./dist/base.css",
+    "./utilities.css": "./dist/utilities.css"
+  },
   "files": [
     "dist",
     "README.md"
@@ -32,7 +38,7 @@
     "access": "public"
   },
   "scripts": {
-    "build": "vite build",
+    "build": "vite build && node scripts/copy-css.mjs",
     "typecheck": "tsc --noEmit",
     "dev": "vite build --watch"
   },