@quarklab/rad-ui 0.1.5 → 0.2.0

package/dist/index.js

@@ -1,14 +1,1141 @@
-"use strict";var fe=Object.create;var c=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var se=Object.getOwnPropertyNames;var ie=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty;var ne=(e,a)=>{for(var t in a)c(e,t,{get:a[t],enumerable:!0})},b=(e,a,t,l)=>{if(a&&typeof a=="object"||typeof a=="function")for(let u of se(a))!ce.call(e,u)&&u!==t&&c(e,u,{get:()=>a[u],enumerable:!(l=re(a,u))||l.enumerable});return e};var d=(e,a,t)=>(t=e!=null?fe(ie(e)):{},b(a||!e||!e.__esModule?c(t,"default",{value:e,enumerable:!0}):t,e)),pe=e=>b(c({},"__esModule",{value:!0}),e);var Ie={};ne(Ie,{AspectRatio:()=>z,Avatar:()=>g,AvatarFallback:()=>S,AvatarImage:()=>h,Badge:()=>W,Button:()=>x,Kbd:()=>P,KbdGroup:()=>w,Label:()=>D,Separator:()=>C,Skeleton:()=>J,Spinner:()=>R,badgeVariants:()=>A,buttonVariants:()=>L,cn:()=>o,raduiPlugin:()=>xe,spinnerVariants:()=>M});module.exports=pe(Ie);var T=require("clsx"),v=require("tailwind-merge");function o(...e){return(0,v.twMerge)((0,T.clsx)(e))}var U=d(require("react")),q=require("class-variance-authority");var H=require("react/jsx-runtime"),L=(0,q.cva)("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary/80",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90 active:bg-destructive/80",outline:"border border-border bg-background hover:bg-muted hover:text-foreground active:bg-muted/80",ghost:"hover:bg-muted hover:text-foreground active:bg-muted/80",link:"text-primary underline-offset-4 hover:underline active:text-primary/80"},size:{sm:"h-9 px-3 text-xs rounded-md",md:"h-10 px-4 py-2",lg:"h-11 px-8 text-base rounded-lg"}},defaultVariants:{variant:"default",size:"md"}}),x=U.forwardRef(({className:e,variant:a,size:t,...l},u)=>(0,H.jsx)("button",{className:o(L({variant:a,size:t,className:e})),ref:u,...l}));x.displayName="Button";var O=d(require("react")),I=d(require("@radix-ui/react-separator"));var G=require("react/jsx-runtime"),C=O.forwardRef(({className:e,orientation:a="horizontal",decorative:t=!0,...l},u)=>(0,G.jsx)(I.Root,{ref:u,decorative:t,orientation:a,className:o("shrink-0 bg-border",a==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...l}));C.displayName=I.Root.displayName;var n=d(require("react")),f=d(require("@radix-ui/react-avatar"));var p=require("react/jsx-runtime"),g=n.forwardRef(({className:e,...a},t)=>(0,p.jsx)(f.Root,{ref:t,className:o("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",e),...a}));g.displayName=f.Root.displayName;var h=n.forwardRef(({className:e,...a},t)=>(0,p.jsx)(f.Image,{ref:t,className:o("aspect-square h-full w-full",e),...a}));h.displayName=f.Image.displayName;var S=n.forwardRef(({className:e,...a},t)=>(0,p.jsx)(f.Fallback,{ref:t,className:o("flex h-full w-full items-center justify-center rounded-full bg-muted",e),...a}));S.displayName=f.Fallback.displayName;var V=d(require("@radix-ui/react-aspect-ratio")),z=V.Root;var k=d(require("react"));var B=require("react/jsx-runtime"),P=k.forwardRef(({className:e,...a},t)=>(0,B.jsx)("kbd",{ref:t,className:o("pointer-events-none inline-flex h-6 select-none items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground shadow-sm",e),...a}));P.displayName="Kbd";var w=k.forwardRef(({className:e,...a},t)=>(0,B.jsx)("div",{ref:t,className:o("inline-flex items-center gap-1",e),...a}));w.displayName="KbdGroup";var E=require("class-variance-authority");var N=require("react/jsx-runtime"),A=(0,E.cva)("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}});function W({className:e,variant:a,...t}){return(0,N.jsx)("div",{className:o(A({variant:a}),e),...t})}var X=d(require("react")),F=d(require("@radix-ui/react-label")),K=require("class-variance-authority");var Z=require("react/jsx-runtime"),me=(0,K.cva)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),D=X.forwardRef(({className:e,...a},t)=>(0,Z.jsx)(F.Root,{ref:t,className:o(me(),e),...a}));D.displayName=F.Root.displayName;var Q=require("react/jsx-runtime");function J({className:e,...a}){return(0,Q.jsx)("div",{className:o("animate-pulse rounded-md bg-muted",e),...a})}var j=d(require("react"));var s=require("react");var Y={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};var Le=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase().trim(),$=(e,a)=>{let t=(0,s.forwardRef)(({color:l="currentColor",size:u=24,strokeWidth:y=2,absoluteStrokeWidth:ae,className:te="",children:m,...oe},ue)=>(0,s.createElement)("svg",{ref:ue,...Y,width:u,height:u,stroke:l,strokeWidth:ae?Number(y)*24/Number(u):y,className:["lucide",`lucide-${Le(e)}`,te].join(" "),...oe},[...a.map(([de,le])=>(0,s.createElement)(de,le)),...Array.isArray(m)?m:[m]]));return t.displayName=`${e}`,t};var i=$("Loader",[["line",{x1:"12",x2:"12",y1:"2",y2:"6",key:"gza1u7"}],["line",{x1:"12",x2:"12",y1:"18",y2:"22",key:"1qhbu9"}],["line",{x1:"4.93",x2:"7.76",y1:"4.93",y2:"7.76",key:"xae44r"}],["line",{x1:"16.24",x2:"19.07",y1:"16.24",y2:"19.07",key:"bxnmvf"}],["line",{x1:"2",x2:"6",y1:"12",y2:"12",key:"89khin"}],["line",{x1:"18",x2:"22",y1:"12",y2:"12",key:"pb8tfm"}],["line",{x1:"4.93",x2:"7.76",y1:"19.07",y2:"16.24",key:"1uxjnu"}],["line",{x1:"16.24",x2:"19.07",y1:"7.76",y2:"4.93",key:"6duxfx"}]]);var _=require("class-variance-authority");var r=require("react/jsx-runtime"),M=(0,_.cva)("animate-spin",{variants:{size:{sm:"size-4",default:"size-6",lg:"size-8",xl:"size-12"}},defaultVariants:{size:"default"}}),R=j.forwardRef(({className:e,size:a,srText:t="Loading...",...l},u)=>(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i,{ref:u,className:o(M({size:a}),e),role:"status","aria-label":t,...l}),(0,r.jsx)("span",{className:"sr-only",children:t})]}));R.displayName="Spinner";var ee=d(require("tailwindcss/plugin")),xe=(0,ee.default)(function({addBase:e}){e({":root":{"--background":"40 20% 98%","--foreground":"220 15% 15%","--primary":"175 100% 31%","--primary-foreground":"0 0% 100%","--secondary":"40 10% 92%","--secondary-foreground":"220 15% 15%","--destructive":"0 84% 60%","--destructive-foreground":"0 0% 100%","--card":"40 20% 96%","--card-foreground":"220 15% 15%","--border":"40 10% 88%","--muted":"40 10% 92%","--muted-foreground":"220 10% 40%","--ring":"175 100% 31%","--radius":"0.5rem"},".dark":{"--background":"222 47% 11%","--foreground":"210 40% 98%","--primary":"170 65% 50%","--primary-foreground":"222 47% 11%","--secondary":"217 33% 17%","--secondary-foreground":"210 40% 98%","--destructive":"0 63% 31%","--destructive-foreground":"210 40% 98%","--card":"222 47% 13%","--card-foreground":"210 40% 98%","--border":"217 33% 20%","--muted":"217 33% 17%","--muted-foreground":"210 20% 70%","--ring":"170 65% 50%"}})},{theme:{extend:{colors:{background:"hsl(var(--background))",foreground:"hsl(var(--foreground))",primary:{DEFAULT:"hsl(var(--primary))",foreground:"hsl(var(--primary-foreground))"},secondary:{DEFAULT:"hsl(var(--secondary))",foreground:"hsl(var(--secondary-foreground))"},destructive:{DEFAULT:"hsl(var(--destructive))",foreground:"hsl(var(--destructive-foreground))"},card:{DEFAULT:"hsl(var(--card))",foreground:"hsl(var(--card-foreground))"},border:"hsl(var(--border))",muted:{DEFAULT:"hsl(var(--muted))",foreground:"hsl(var(--muted-foreground))"},ring:"hsl(var(--ring))"},borderRadius:{lg:"var(--radius)",md:"calc(var(--radius) - 2px)",sm:"calc(var(--radius) - 4px)"}}}});0&&(module.exports={AspectRatio,Avatar,AvatarFallback,AvatarImage,Badge,Button,Kbd,KbdGroup,Label,Separator,Skeleton,Spinner,badgeVariants,buttonVariants,cn,raduiPlugin,spinnerVariants});
-/*! Bundled license information:
-
-lucide-react/dist/esm/defaultAttributes.js:
-lucide-react/dist/esm/createLucideIcon.js:
-lucide-react/dist/esm/icons/loader.js:
-lucide-react/dist/esm/lucide-react.js:
-  (**
-   * @license lucide-react v0.309.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-*/
+#!/usr/bin/env node
+
+// src/index.ts
+import { Command } from "commander";
+
+// src/commands/init.ts
+import path3 from "path";
+import fs3 from "fs-extra";
+import * as p from "@clack/prompts";
+import chalk3 from "chalk";
+
+// src/utils/detect-project.ts
+import path from "path";
+import fs from "fs-extra";
+async function detectProjectType(cwd) {
+  const pkgPath = path.resolve(cwd, "package.json");
+  if (!await fs.pathExists(pkgPath)) {
+    return "unknown";
+  }
+  const pkg = await fs.readJson(pkgPath);
+  const allDeps = {
+    ...pkg.dependencies,
+    ...pkg.devDependencies
+  };
+  if (allDeps["next"]) return "nextjs";
+  if (allDeps["expo"]) return "expo";
+  if (allDeps["vite"]) return "vite";
+  if (allDeps["react-scripts"]) return "cra";
+  return "unknown";
+}
+async function detectPackageManager(cwd) {
+  if (await fs.pathExists(path.resolve(cwd, "bun.lockb"))) return "bun";
+  if (await fs.pathExists(path.resolve(cwd, "pnpm-lock.yaml"))) return "pnpm";
+  if (await fs.pathExists(path.resolve(cwd, "yarn.lock"))) return "yarn";
+  return "npm";
+}
+function getDefaultCssPath(projectType) {
+  switch (projectType) {
+    case "nextjs":
+      return "src/app/globals.css";
+    case "vite":
+      return "src/index.css";
+    case "cra":
+      return "src/index.css";
+    case "expo":
+      return "global.css";
+    default:
+      return "src/globals.css";
+  }
+}
+function getDefaultTailwindConfig(projectType) {
+  switch (projectType) {
+    case "expo":
+      return "tailwind.config.js";
+    default:
+      return "tailwind.config.ts";
+  }
+}
+
+// src/utils/config.ts
+import path2 from "path";
+import fs2 from "fs-extra";
+var CONFIG_FILE = "rad-ui.json";
+function getConfigPath(cwd) {
+  return path2.resolve(cwd, CONFIG_FILE);
+}
+async function configExists(cwd) {
+  return fs2.pathExists(getConfigPath(cwd));
+}
+async function readConfig(cwd) {
+  const configPath = getConfigPath(cwd);
+  const exists = await fs2.pathExists(configPath);
+  if (!exists) {
+    throw new Error(
+      `Configuration file not found. Run ${chalk("rad-ui init")} first.`
+    );
+  }
+  return fs2.readJson(configPath);
+}
+async function writeConfig(cwd, config) {
+  const configPath = getConfigPath(cwd);
+  await fs2.writeJson(configPath, config, { spaces: 2 });
+}
+function chalk(text2) {
+  return `\`${text2}\``;
+}
+function resolveComponentsDir(cwd, config) {
+  const aliasPath = config.aliases.components.replace(/^@\//, "src/");
+  return path2.resolve(cwd, aliasPath);
+}
+
+// src/registry/themes.ts
+var themes = [
+  {
+    name: "kahgel",
+    label: "Kahgel (\u06A9\u0627\u0647\u06AF\u0644) \u2014 Warm Clay",
+    cssVars: {
+      light: {
+        "--background": "40 20% 98%",
+        "--foreground": "220 15% 15%",
+        "--primary": "175 100% 31%",
+        "--primary-foreground": "0 0% 100%",
+        "--secondary": "40 10% 92%",
+        "--secondary-foreground": "220 15% 15%",
+        "--destructive": "0 84% 60%",
+        "--destructive-foreground": "0 0% 100%",
+        "--card": "40 20% 96%",
+        "--card-foreground": "220 15% 15%",
+        "--border": "40 10% 88%",
+        "--muted": "40 10% 92%",
+        "--muted-foreground": "220 10% 40%",
+        "--ring": "175 100% 31%",
+        "--radius": "0.5rem"
+      },
+      dark: {
+        "--background": "222 47% 11%",
+        "--foreground": "210 40% 98%",
+        "--primary": "170 65% 50%",
+        "--primary-foreground": "222 47% 11%",
+        "--secondary": "217 33% 17%",
+        "--secondary-foreground": "210 40% 98%",
+        "--destructive": "0 63% 31%",
+        "--destructive-foreground": "210 40% 98%",
+        "--card": "222 47% 13%",
+        "--card-foreground": "210 40% 98%",
+        "--border": "217 33% 20%",
+        "--muted": "217 33% 17%",
+        "--muted-foreground": "210 20% 70%",
+        "--ring": "170 65% 50%"
+      }
+    }
+  },
+  {
+    name: "firouzeh",
+    label: "Firouzeh (\u0641\u06CC\u0631\u0648\u0632\u0647) \u2014 Persian Turquoise",
+    cssVars: {
+      light: {
+        "--background": "180 20% 98%",
+        "--foreground": "200 25% 10%",
+        "--primary": "174 72% 40%",
+        "--primary-foreground": "0 0% 100%",
+        "--secondary": "180 15% 92%",
+        "--secondary-foreground": "200 25% 10%",
+        "--destructive": "0 84% 60%",
+        "--destructive-foreground": "0 0% 100%",
+        "--card": "180 15% 96%",
+        "--card-foreground": "200 25% 10%",
+        "--border": "180 12% 87%",
+        "--muted": "180 12% 92%",
+        "--muted-foreground": "200 10% 42%",
+        "--ring": "174 72% 40%",
+        "--radius": "0.5rem"
+      },
+      dark: {
+        "--background": "200 40% 8%",
+        "--foreground": "180 30% 96%",
+        "--primary": "174 65% 52%",
+        "--primary-foreground": "200 40% 8%",
+        "--secondary": "200 30% 15%",
+        "--secondary-foreground": "180 30% 96%",
+        "--destructive": "0 63% 31%",
+        "--destructive-foreground": "180 30% 96%",
+        "--card": "200 38% 10%",
+        "--card-foreground": "180 30% 96%",
+        "--border": "200 28% 18%",
+        "--muted": "200 28% 15%",
+        "--muted-foreground": "180 15% 65%",
+        "--ring": "174 65% 52%"
+      }
+    }
+  },
+  {
+    name: "lajvard",
+    label: "Lajvard (\u0644\u0627\u062C\u0648\u0631\u062F) \u2014 Lapis Lazuli",
+    cssVars: {
+      light: {
+        "--background": "225 25% 98%",
+        "--foreground": "230 25% 12%",
+        "--primary": "225 75% 45%",
+        "--primary-foreground": "0 0% 100%",
+        "--secondary": "225 15% 92%",
+        "--secondary-foreground": "230 25% 12%",
+        "--destructive": "0 84% 60%",
+        "--destructive-foreground": "0 0% 100%",
+        "--card": "225 20% 96%",
+        "--card-foreground": "230 25% 12%",
+        "--border": "225 15% 87%",
+        "--muted": "225 15% 92%",
+        "--muted-foreground": "225 10% 42%",
+        "--ring": "225 75% 45%",
+        "--radius": "0.5rem"
+      },
+      dark: {
+        "--background": "230 45% 8%",
+        "--foreground": "220 30% 96%",
+        "--primary": "220 70% 58%",
+        "--primary-foreground": "230 45% 8%",
+        "--secondary": "230 30% 15%",
+        "--secondary-foreground": "220 30% 96%",
+        "--destructive": "0 63% 31%",
+        "--destructive-foreground": "220 30% 96%",
+        "--card": "230 42% 10%",
+        "--card-foreground": "220 30% 96%",
+        "--border": "230 28% 18%",
+        "--muted": "230 28% 15%",
+        "--muted-foreground": "220 15% 65%",
+        "--ring": "220 70% 58%"
+      }
+    }
+  },
+  {
+    name: "puste",
+    label: "Puste (\u067E\u0633\u062A\u0647) \u2014 Pistachio",
+    cssVars: {
+      light: {
+        "--background": "80 20% 98%",
+        "--foreground": "100 15% 12%",
+        "--primary": "95 55% 38%",
+        "--primary-foreground": "0 0% 100%",
+        "--secondary": "85 12% 91%",
+        "--secondary-foreground": "100 15% 12%",
+        "--destructive": "0 84% 60%",
+        "--destructive-foreground": "0 0% 100%",
+        "--card": "80 18% 95%",
+        "--card-foreground": "100 15% 12%",
+        "--border": "85 12% 86%",
+        "--muted": "85 12% 91%",
+        "--muted-foreground": "95 8% 42%",
+        "--ring": "95 55% 38%",
+        "--radius": "0.5rem"
+      },
+      dark: {
+        "--background": "110 30% 8%",
+        "--foreground": "90 25% 95%",
+        "--primary": "95 50% 52%",
+        "--primary-foreground": "110 30% 8%",
+        "--secondary": "105 25% 14%",
+        "--secondary-foreground": "90 25% 95%",
+        "--destructive": "0 63% 31%",
+        "--destructive-foreground": "90 25% 95%",
+        "--card": "110 28% 10%",
+        "--card-foreground": "90 25% 95%",
+        "--border": "105 22% 18%",
+        "--muted": "105 22% 14%",
+        "--muted-foreground": "95 15% 62%",
+        "--ring": "95 50% 52%"
+      }
+    }
+  },
+  {
+    name: "anar",
+    label: "Anar (\u0627\u0646\u0627\u0631) \u2014 Pomegranate",
+    cssVars: {
+      light: {
+        "--background": "0 20% 98%",
+        "--foreground": "350 20% 12%",
+        "--primary": "348 75% 42%",
+        "--primary-foreground": "0 0% 100%",
+        "--secondary": "350 12% 92%",
+        "--secondary-foreground": "350 20% 12%",
+        "--destructive": "25 90% 55%",
+        "--destructive-foreground": "0 0% 100%",
+        "--card": "355 18% 96%",
+        "--card-foreground": "350 20% 12%",
+        "--border": "350 12% 87%",
+        "--muted": "350 12% 92%",
+        "--muted-foreground": "350 8% 42%",
+        "--ring": "348 75% 42%",
+        "--radius": "0.5rem"
+      },
+      dark: {
+        "--background": "350 40% 7%",
+        "--foreground": "355 25% 96%",
+        "--primary": "348 68% 55%",
+        "--primary-foreground": "350 40% 7%",
+        "--secondary": "350 28% 14%",
+        "--secondary-foreground": "355 25% 96%",
+        "--destructive": "25 80% 40%",
+        "--destructive-foreground": "355 25% 96%",
+        "--card": "350 38% 9%",
+        "--card-foreground": "355 25% 96%",
+        "--border": "350 25% 17%",
+        "--muted": "350 25% 14%",
+        "--muted-foreground": "350 15% 62%",
+        "--ring": "348 68% 55%"
+      }
+    }
+  }
+];
+function generateThemeCSS(theme) {
+  const lightVars = Object.entries(theme.cssVars.light).map(([key, value]) => `    ${key}: ${value};`).join("\n");
+  const darkVars = Object.entries(theme.cssVars.dark).map(([key, value]) => `    ${key}: ${value};`).join("\n");
+  return `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+${lightVars}
+  }
+
+  .dark {
+${darkVars}
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+`;
+}
+
+// src/utils/logger.ts
+import chalk2 from "chalk";
+var logger = {
+  info: (msg) => console.log(chalk2.cyan("\u2139"), msg),
+  success: (msg) => console.log(chalk2.green("\u2713"), msg),
+  warn: (msg) => console.log(chalk2.yellow("\u26A0"), msg),
+  error: (msg) => console.log(chalk2.red("\u2717"), msg),
+  break: () => console.log("")
+};
+
+// src/commands/init.ts
+async function initCommand(opts) {
+  const cwd = process.cwd();
+  p.intro(chalk3.bold("Welcome to Rad UI"));
+  if (await configExists(cwd)) {
+    const shouldContinue = await p.confirm({
+      message: "Rad UI is already initialized in this project. Reinitialize?",
+      initialValue: false
+    });
+    if (p.isCancel(shouldContinue) || !shouldContinue) {
+      p.cancel("Cancelled.");
+      process.exit(0);
+    }
+  }
+  const projectType = await detectProjectType(cwd);
+  const packageManager = await detectPackageManager(cwd);
+  if (projectType !== "unknown") {
+    p.log.info(`Detected project: ${chalk3.cyan(projectType)}`);
+  }
+  p.log.info(`Package manager: ${chalk3.cyan(packageManager)}`);
+  const responses = await p.group(
+    {
+      platform: () => p.select({
+        message: "Which platform are you building for?",
+        options: [
+          { value: "web", label: "Web", hint: "React + Tailwind CSS" },
+          {
+            value: "mobile",
+            label: "Mobile",
+            hint: "React Native + NativeWind (coming soon)"
+          },
+          { value: "both", label: "Both", hint: "Web + Mobile" }
+        ],
+        initialValue: "web"
+      }),
+      theme: () => p.select({
+        message: "Choose a theme:",
+        options: themes.map((t) => ({
+          value: t.name,
+          label: t.label
+        })),
+        initialValue: "kahgel"
+      }),
+      componentsPath: () => p.text({
+        message: "Where would you like to store components?",
+        placeholder: "@/components/ui",
+        defaultValue: "@/components/ui"
+      }),
+      utilsPath: () => p.text({
+        message: "Where is your utils file?",
+        placeholder: "@/lib/utils",
+        defaultValue: "@/lib/utils"
+      }),
+      cssPath: () => p.text({
+        message: "Where is your global CSS file?",
+        placeholder: getDefaultCssPath(projectType),
+        defaultValue: getDefaultCssPath(projectType)
+      }),
+      tailwindConfig: () => p.text({
+        message: "Where is your Tailwind config file?",
+        placeholder: getDefaultTailwindConfig(projectType),
+        defaultValue: getDefaultTailwindConfig(projectType)
+      })
+    },
+    {
+      onCancel: () => {
+        p.cancel("Cancelled.");
+        process.exit(0);
+      }
+    }
+  );
+  const s = p.spinner();
+  s.start("Creating configuration...");
+  const config = {
+    $schema: "https://www.quarklab.dev/schema.json",
+    registry: "https://www.quarklab.dev/r",
+    platform: responses.platform,
+    theme: responses.theme,
+    tailwind: {
+      config: responses.tailwindConfig,
+      css: responses.cssPath
+    },
+    aliases: {
+      components: responses.componentsPath,
+      utils: responses.utilsPath
+    }
+  };
+  await writeConfig(cwd, config);
+  s.stop("Configuration created.");
+  s.start("Setting up theme...");
+  const selectedTheme = themes.find((t) => t.name === config.theme);
+  if (selectedTheme) {
+    const cssPath = path3.resolve(cwd, config.tailwind.css);
+    const cssDir = path3.dirname(cssPath);
+    await fs3.ensureDir(cssDir);
+    const cssContent = generateThemeCSS(selectedTheme);
+    await fs3.writeFile(cssPath, cssContent, "utf-8");
+  }
+  s.stop("Theme configured.");
+  s.start("Setting up utilities...");
+  const utilsAlias = config.aliases.utils;
+  const utilsRelPath = utilsAlias.replace(/^@\//, "src/") + ".ts";
+  const utilsDestPath = path3.resolve(cwd, utilsRelPath);
+  const utilsDir = path3.dirname(utilsDestPath);
+  await fs3.ensureDir(utilsDir);
+  const utilsContent = `import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+`;
+  await fs3.writeFile(utilsDestPath, utilsContent, "utf-8");
+  s.stop("Utilities ready.");
+  s.start("Configuring Tailwind CSS...");
+  const tailwindConfigPath = path3.resolve(cwd, config.tailwind.config);
+  const componentsRelPath = config.aliases.components.replace(/^@\//, "src/");
+  if (await fs3.pathExists(tailwindConfigPath)) {
+    let tailwindContent = await fs3.readFile(tailwindConfigPath, "utf-8");
+    const contentPath = `./${componentsRelPath}/**/*.{ts,tsx}`;
+    if (!tailwindContent.includes(contentPath)) {
+      tailwindContent = tailwindContent.replace(
+        /(content\s*:\s*\[)/,
+        `$1
+    "${contentPath}",`
+      );
+      await fs3.writeFile(tailwindConfigPath, tailwindContent, "utf-8");
+      p.log.info(`Added component path to ${config.tailwind.config}`);
+    }
+  } else {
+    const isTS = config.tailwind.config.endsWith(".ts");
+    const newConfig = isTS ? `import type { Config } from "tailwindcss";
+
+const config: Config = {
+  darkMode: ["class"],
+  content: [
+    "./src/**/*.{js,ts,jsx,tsx,mdx}",
+    "./${componentsRelPath}/**/*.{ts,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+        border: "hsl(var(--border))",
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        ring: "hsl(var(--ring))",
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+      keyframes: {
+        "caret-blink": {
+          "0%,70%,100%": { opacity: "1" },
+          "20%,50%": { opacity: "0" },
+        },
+      },
+      animation: {
+        "caret-blink": "caret-blink 1.25s ease-out infinite",
+      },
+    },
+  },
+  plugins: [],
+};
+
+export default config;
+` : `/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: ["class"],
+  content: [
+    "./src/**/*.{js,ts,jsx,tsx,mdx}",
+    "./${componentsRelPath}/**/*.{ts,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+        border: "hsl(var(--border))",
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        ring: "hsl(var(--ring))",
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+      keyframes: {
+        "caret-blink": {
+          "0%,70%,100%": { opacity: "1" },
+          "20%,50%": { opacity: "0" },
+        },
+      },
+      animation: {
+        "caret-blink": "caret-blink 1.25s ease-out infinite",
+      },
+    },
+  },
+  plugins: [],
+};
+`;
+    await fs3.writeFile(tailwindConfigPath, newConfig, "utf-8");
+  }
+  s.stop("Tailwind CSS configured.");
+  s.start("Installing base dependencies...");
+  const installCmd = getInstallCommand(packageManager, [
+    "tailwindcss",
+    "clsx",
+    "tailwind-merge",
+    "class-variance-authority"
+  ]);
+  try {
+    const { execa } = await import("execa");
+    await execa(installCmd.command, installCmd.args, {
+      cwd,
+      stdio: "pipe"
+    });
+    s.stop("Dependencies installed.");
+  } catch {
+    s.stop("Could not auto-install dependencies.");
+    p.log.warn(
+      `Please manually install: ${chalk3.cyan("tailwindcss clsx tailwind-merge class-variance-authority")}`
+    );
+  }
+  logger.break();
+  p.note(
+    [
+      `${chalk3.green("Rad UI has been initialized!")}`,
+      "",
+      `Add components with: ${chalk3.cyan("npx @quarklab/rad-ui add <component>")}`,
+      `Add all components:  ${chalk3.cyan("npx @quarklab/rad-ui add --all")}`,
+      "",
+      `Theme: ${chalk3.cyan(selectedTheme?.label || config.theme)}`,
+      `Components: ${chalk3.cyan(config.aliases.components)}`,
+      `Utils: ${chalk3.cyan(config.aliases.utils)}`
+    ].join("\n"),
+    "Next steps"
+  );
+  p.outro("Happy building!");
+}
+function getInstallCommand(pm, packages) {
+  switch (pm) {
+    case "pnpm":
+      return { command: "pnpm", args: ["add", ...packages] };
+    case "yarn":
+      return { command: "yarn", args: ["add", ...packages] };
+    case "bun":
+      return { command: "bun", args: ["add", ...packages] };
+    default:
+      return { command: "npm", args: ["install", ...packages] };
+  }
+}
+
+// src/commands/add.ts
+import path4 from "path";
+import { fileURLToPath } from "url";
+import fs4 from "fs-extra";
+import * as p2 from "@clack/prompts";
+import chalk4 from "chalk";
+
+// src/registry/index.ts
+var components = [
+  {
+    name: "aspect-ratio",
+    description: "Displays content within a desired ratio",
+    platform: "web",
+    files: ["aspect-ratio.tsx"],
+    npmDependencies: {
+      "@radix-ui/react-aspect-ratio": "^1.1.8"
+    },
+    internalDependencies: []
+  },
+  {
+    name: "avatar",
+    description: "An image element with a fallback for representing the user",
+    platform: "web",
+    files: ["avatar.tsx"],
+    npmDependencies: {
+      "@radix-ui/react-avatar": "^1.1.11"
+    },
+    internalDependencies: []
+  },
+  {
+    name: "badge",
+    description: "Displays a badge or a component that looks like a badge",
+    platform: "web",
+    files: ["badge.tsx"],
+    npmDependencies: {
+      "class-variance-authority": "^0.7.1"
+    },
+    internalDependencies: []
+  },
+  {
+    name: "button",
+    description: "Displays a button or a component that looks like a button",
+    platform: "web",
+    files: ["button.tsx"],
+    npmDependencies: {
+      "class-variance-authority": "^0.7.1"
+    },
+    internalDependencies: []
+  },
+  {
+    name: "checkbox",
+    description: "A control that allows the user to toggle between checked and not checked",
+    platform: "web",
+    files: ["checkbox.tsx"],
+    npmDependencies: {
+      "@radix-ui/react-checkbox": "^1.1.0",
+      "lucide-react": "^0.309.0"
+    },
+    internalDependencies: []
+  },
+  {
+    name: "field",
+    description: "A complete form field with label, description, error message, and more",
+    platform: "web",
+    files: ["field.tsx"],
+    npmDependencies: {
+      "class-variance-authority": "^0.7.1"
+    },
+    internalDependencies: ["label", "separator"]
+  },
+  {
+    name: "input",
+    description: "A text input field with multiple variants",
+    platform: "web",
+    files: ["input.tsx"],
+    npmDependencies: {
+      "class-variance-authority": "^0.7.1",
+      "lucide-react": "^0.309.0"
+    },
+    internalDependencies: []
+  },
+  {
+    name: "input-group",
+    description: "Group inputs with addons, buttons, and text",
+    platform: "web",
+    files: ["input-group.tsx"],
+    npmDependencies: {
+      "class-variance-authority": "^0.7.1"
+    },
+    internalDependencies: ["button", "input", "textarea"]
+  },
+  {
+    name: "input-otp",
+    description: "One-time password input component",
+    platform: "web",
+    files: ["input-otp.tsx"],
+    npmDependencies: {
+      "input-otp": "^1.4.2",
+      "lucide-react": "^0.309.0"
+    },
+    internalDependencies: []
+  },
+  {
+    name: "kbd",
+    description: "Display keyboard shortcuts and key combinations",
+    platform: "web",
+    files: ["kbd.tsx"],
+    npmDependencies: {},
+    internalDependencies: []
+  },
+  {
+    name: "label",
+    description: "Renders an accessible label associated with controls",
+    platform: "web",
+    files: ["label.tsx"],
+    npmDependencies: {
+      "@radix-ui/react-label": "^2.1.8",
+      "class-variance-authority": "^0.7.1"
+    },
+    internalDependencies: []
+  },
+  {
+    name: "native-select",
+    description: "A native HTML select element with custom styling",
+    platform: "web",
+    files: ["native-select.tsx"],
+    npmDependencies: {
+      "class-variance-authority": "^0.7.1",
+      "lucide-react": "^0.309.0"
+    },
+    internalDependencies: []
+  },
+  {
+    name: "radio-group",
+    description: "A set of checkable buttons where only one can be checked at a time",
+    platform: "web",
+    files: ["radio-group.tsx"],
+    npmDependencies: {
+      "@radix-ui/react-radio-group": "^1.2.0",
+      "lucide-react": "^0.309.0"
+    },
+    internalDependencies: []
+  },
+  {
+    name: "separator",
+    description: "Visually or semantically separates content",
+    platform: "web",
+    files: ["separator.tsx"],
+    npmDependencies: {
+      "@radix-ui/react-separator": "^1.1.8"
+    },
+    internalDependencies: []
+  },
+  {
+    name: "skeleton",
+    description: "A placeholder to show while content is loading",
+    platform: "web",
+    files: ["skeleton.tsx"],
+    npmDependencies: {},
+    internalDependencies: []
+  },
+  {
+    name: "slider",
+    description: "An input where the user selects a value from within a given range",
+    platform: "web",
+    files: ["slider.tsx"],
+    npmDependencies: {
+      "@radix-ui/react-slider": "^1.2.0"
+    },
+    internalDependencies: []
+  },
+  {
+    name: "spinner",
+    description: "A loading spinner indicator with multiple variants",
+    platform: "web",
+    files: ["spinner.tsx"],
+    npmDependencies: {
+      "class-variance-authority": "^0.7.1",
+      "lucide-react": "^0.309.0"
+    },
+    internalDependencies: []
+  },
+  {
+    name: "switch",
+    description: "A control that allows the user to toggle between on and off",
+    platform: "web",
+    files: ["switch.tsx"],
+    npmDependencies: {
+      "@radix-ui/react-switch": "^1.1.0"
+    },
+    internalDependencies: []
+  },
+  {
+    name: "textarea",
+    description: "A multi-line text input",
+    platform: "web",
+    files: ["textarea.tsx"],
+    npmDependencies: {},
+    internalDependencies: []
+  },
+  {
+    name: "toggle",
+    description: "A two-state button that can be either on or off",
+    platform: "web",
+    files: ["toggle.tsx"],
+    npmDependencies: {
+      "@radix-ui/react-toggle": "^1.1.0",
+      "class-variance-authority": "^0.7.1"
+    },
+    internalDependencies: []
+  },
+  {
+    name: "toggle-group",
+    description: "A set of two-state buttons that can be toggled on or off",
+    platform: "web",
+    files: ["toggle-group.tsx"],
+    npmDependencies: {
+      "@radix-ui/react-toggle-group": "^1.1.0",
+      "class-variance-authority": "^0.7.1"
+    },
+    internalDependencies: ["toggle"]
+  }
+];
+function getComponent(name) {
+  return components.find((c) => c.name === name);
+}
+function getComponentsByPlatform(platform) {
+  if (platform === "both") return components;
+  return components.filter(
+    (c) => c.platform === platform || c.platform === "shared"
+  );
+}
+function resolveDependencies(names) {
+  const resolved = /* @__PURE__ */ new Set();
+  function resolve(name) {
+    if (resolved.has(name)) return;
+    resolved.add(name);
+    const comp = getComponent(name);
+    if (!comp) return;
+    for (const dep of comp.internalDependencies) {
+      resolve(dep);
+    }
+  }
+  for (const name of names) {
+    resolve(name);
+  }
+  return Array.from(resolved);
+}
+function collectNpmDependencies(names) {
+  const deps = {
+    // Base dependencies needed by all components (via lib/utils.ts)
+    clsx: "^2.1.0",
+    "tailwind-merge": "^2.2.1"
+  };
+  for (const name of names) {
+    const comp = getComponent(name);
+    if (!comp) continue;
+    Object.assign(deps, comp.npmDependencies);
+  }
+  return deps;
+}
+
+// src/utils/transformers.ts
+function transformImports(source, config) {
+  const utilsAlias = config.aliases.utils;
+  let result = source.replace(
+    /from\s+["']\.\.\/lib\/utils["']/g,
+    `from "${utilsAlias}"`
+  );
+  result = result.replace(
+    /from\s+["']\.\/lib\/utils["']/g,
+    `from "${utilsAlias}"`
+  );
+  return result;
+}
+
+// src/utils/fetch-registry.ts
+async function fetchComponent(registryUrl, name) {
+  const url = `${registryUrl}/${name}.json`;
+  const res = await fetch(url);
+  if (!res.ok) {
+    throw new Error(`Failed to fetch component "${name}": HTTP ${res.status}`);
+  }
+  return res.json();
+}
+async function fetchRegistryIndex(registryUrl) {
+  const url = `${registryUrl}/index.json`;
+  const res = await fetch(url);
+  if (!res.ok) {
+    throw new Error(`Failed to fetch registry index: HTTP ${res.status}`);
+  }
+  return res.json();
+}
+
+// src/commands/add.ts
+var __filename = fileURLToPath(import.meta.url);
+var __dirname = path4.dirname(__filename);
+function getTemplatesDir() {
+  return path4.resolve(__dirname, "..", "templates");
+}
+async function readBundledTemplate(name, platform) {
+  const comp = getComponent(name);
+  if (!comp) return null;
+  const platformDir = platform === "mobile" ? "mobile" : "web";
+  const templatesDir = getTemplatesDir();
+  const sourceDir = path4.resolve(templatesDir, platformDir);
+  const files = [];
+  for (const file of comp.files) {
+    const filePath = path4.resolve(sourceDir, file);
+    if (await fs4.pathExists(filePath)) {
+      const content = await fs4.readFile(filePath, "utf-8");
+      files.push({ path: `ui/${file}`, type: "registry:ui", content });
+    }
+  }
+  const utilsPath = path4.resolve(sourceDir, "lib", "utils.ts");
+  const utilsContent = await fs4.pathExists(utilsPath) ? await fs4.readFile(utilsPath, "utf-8") : void 0;
+  return {
+    name: comp.name,
+    type: "registry:ui",
+    description: comp.description,
+    platform: comp.platform,
+    dependencies: Object.keys(comp.npmDependencies),
+    registryDependencies: comp.internalDependencies,
+    files,
+    utils: utilsContent ? { path: "lib/utils.ts", content: utilsContent } : void 0
+  };
+}
+async function getComponentContent(name, config) {
+  if (config.registry) {
+    try {
+      return await fetchComponent(config.registry, name);
+    } catch {
+    }
+  }
+  return readBundledTemplate(name, config.platform);
+}
+async function addCommand(componentNames, opts) {
+  const cwd = process.cwd();
+  p2.intro(chalk4.bold("Add Rad UI Components"));
+  if (!await configExists(cwd)) {
+    p2.log.error(
+      `Configuration not found. Run ${chalk4.cyan("npx @quarklab/rad-ui init")} first.`
+    );
+    process.exit(1);
+  }
+  const config = await readConfig(cwd);
+  let availableNames;
+  let platformComponents = getComponentsByPlatform(config.platform);
+  try {
+    if (config.registry) {
+      const remoteIndex = await fetchRegistryIndex(config.registry);
+      const filtered = config.platform === "both" ? remoteIndex : remoteIndex.filter(
+        (c) => c.platform === config.platform || c.platform === "shared"
+      );
+      availableNames = filtered.map((c) => c.name);
+    } else {
+      availableNames = platformComponents.map((c) => c.name);
+    }
+  } catch {
+    availableNames = platformComponents.map((c) => c.name);
+  }
+  let selectedNames;
+  if (opts.all) {
+    selectedNames = availableNames;
+    p2.log.info(`Adding all ${selectedNames.length} components...`);
+  } else if (componentNames.length > 0) {
+    const invalid = componentNames.filter((n) => !availableNames.includes(n));
+    if (invalid.length > 0) {
+      p2.log.error(
+        `Unknown component(s): ${invalid.map((n) => chalk4.red(n)).join(", ")}`
+      );
+      p2.log.info(
+        `Available: ${availableNames.map((n) => chalk4.cyan(n)).join(", ")}`
+      );
+      process.exit(1);
+    }
+    selectedNames = componentNames;
+  } else {
+    const selected = await p2.multiselect({
+      message: "Which components would you like to add?",
+      options: platformComponents.map((c) => ({
+        value: c.name,
+        label: c.name,
+        hint: c.description
+      })),
+      required: true
+    });
+    if (p2.isCancel(selected)) {
+      p2.cancel("Cancelled.");
+      process.exit(0);
+    }
+    selectedNames = selected;
+  }
+  const allNames = resolveDependencies(selectedNames);
+  const extraDeps = allNames.filter((n) => !selectedNames.includes(n));
+  if (extraDeps.length > 0) {
+    p2.log.info(
+      `Also adding dependencies: ${extraDeps.map((n) => chalk4.cyan(n)).join(", ")}`
+    );
+  }
+  const componentsDir = opts.path ? path4.resolve(cwd, opts.path) : resolveComponentsDir(cwd, config);
+  if (!opts.overwrite) {
+    const existing = [];
+    for (const name of allNames) {
+      const comp = getComponent(name);
+      if (!comp) continue;
+      for (const file of comp.files) {
+        const destPath = path4.resolve(componentsDir, file);
+        if (await fs4.pathExists(destPath)) {
+          existing.push(name);
+          break;
+        }
+      }
+    }
+    if (existing.length > 0) {
+      const shouldOverwrite = await p2.confirm({
+        message: `The following components already exist: ${existing.map((n) => chalk4.yellow(n)).join(", ")}. Overwrite?`,
+        initialValue: false
+      });
+      if (p2.isCancel(shouldOverwrite) || !shouldOverwrite) {
+        const filteredNames = allNames.filter((n) => !existing.includes(n));
+        if (filteredNames.length === 0) {
+          p2.cancel("No components to add.");
+          process.exit(0);
+        }
+        allNames.length = 0;
+        allNames.push(...filteredNames);
+      }
+    }
+  }
+  const s = p2.spinner();
+  s.start("Adding components...");
+  await fs4.ensureDir(componentsDir);
+  let copiedCount = 0;
+  const allDeps = [];
+  for (const name of allNames) {
+    const item = await getComponentContent(name, config);
+    if (!item || item.files.length === 0) {
+      p2.log.warn(`Component "${name}" not found.`);
+      continue;
+    }
+    if (item.dependencies) {
+      allDeps.push(...item.dependencies);
+    }
+    for (const file of item.files) {
+      let content = file.content;
+      content = transformImports(content, config);
+      const fileName = path4.basename(file.path);
+      const destPath = path4.resolve(componentsDir, fileName);
+      await fs4.ensureDir(path4.dirname(destPath));
+      await fs4.writeFile(destPath, content, "utf-8");
+      copiedCount++;
+    }
+  }
+  s.stop(`Added ${copiedCount} component file(s).`);
+  const npmDeps = collectNpmDependencies(allNames);
+  const depsFromRegistry = [...new Set(allDeps)];
+  const depsToInstall = Object.entries(npmDeps).map(
+    ([name, version]) => `${name}@${version}`
+  );
+  for (const dep of depsFromRegistry) {
+    if (!npmDeps[dep]) {
+      depsToInstall.push(dep);
+    }
+  }
+  if (depsToInstall.length > 0) {
+    s.start("Installing dependencies...");
+    const pm = await detectPackageManager(cwd);
+    const installCmd = getInstallCommand2(pm, depsToInstall);
+    try {
+      const { execa } = await import("execa");
+      await execa(installCmd.command, installCmd.args, {
+        cwd,
+        stdio: "pipe"
+      });
+      s.stop("Dependencies installed.");
+    } catch {
+      s.stop("Could not auto-install dependencies.");
+      p2.log.warn(
+        `Please manually install:
+${chalk4.cyan(depsToInstall.join(" "))}`
+      );
+    }
+  }
+  logger.break();
+  p2.note(
+    [
+      `Components added to ${chalk4.cyan(componentsDir.replace(cwd + "/", ""))}:`,
+      "",
+      ...allNames.map((n) => `  ${chalk4.green("+")} ${n}`),
+      "",
+      "Import example:",
+      chalk4.gray(
+        `  import { Button } from "${config.aliases.components}/button";`
+      )
+    ].join("\n"),
+    "Done"
+  );
+  p2.outro("Components are ready to use!");
+}
+function getInstallCommand2(pm, packages) {
+  switch (pm) {
+    case "pnpm":
+      return { command: "pnpm", args: ["add", ...packages] };
+    case "yarn":
+      return { command: "yarn", args: ["add", ...packages] };
+    case "bun":
+      return { command: "bun", args: ["add", ...packages] };
+    default:
+      return { command: "npm", args: ["install", ...packages] };
+  }
+}
+
+// src/index.ts
+var program = new Command();
+program.name("rad-ui").description(
+  "CLI for adding Rad UI components to your project.\nBeautiful Persian-themed React components built on Radix UI and Tailwind CSS."
+).version("0.1.0");
+program.command("init").description("Initialize Rad UI in your project").option("-y, --yes", "Skip confirmation prompts and use defaults").action(initCommand);
+program.command("add").description("Add components to your project").argument("[components...]", "Components to add (space-separated)").option("-a, --all", "Add all available components").option("-o, --overwrite", "Overwrite existing components").option("-p, --path <path>", "Custom path for components").action(addCommand);
+program.parse();