@ryndesign/cli 0.2.4 → 0.2.6

package/components/avatar.component.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ryndesign.dev/schemas/component.json",
+  "name": "Avatar",
+  "category": "data-display",
+  "props": {
+    "src": { "type": "string" },
+    "alt": { "type": "string" },
+    "name": { "type": "string" }
+  },
+  "variants": {
+    "size": { "values": ["xs", "sm", "md", "lg", "xl"], "default": "md" },
+    "shape": { "values": ["circle", "square"], "default": "circle" }
+  },
+  "slots": {
+    "badge": { "optional": true }
+  },
+  "tokenMapping": {
+    "size": "component.avatar.{size}.size",
+    "fontSize": "component.avatar.{size}.fontSize",
+    "background": "component.avatar.fallback.background",
+    "textColor": "component.avatar.fallback.text",
+    "borderRadius": "component.avatar.{shape}.borderRadius"
+  },
+  "states": {}
+}

package/components/badge.component.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "https://ryndesign.dev/schemas/component.json",
+  "name": "Badge",
+  "category": "data-display",
+  "props": {
+    "label": { "type": "string", "required": true }
+  },
+  "variants": {
+    "variant": { "values": ["solid", "subtle", "outline"], "default": "subtle" },
+    "color": { "values": ["default", "primary", "success", "warning", "error"], "default": "default" },
+    "size": { "values": ["sm", "md", "lg"], "default": "md" }
+  },
+  "slots": {
+    "leadingIcon": { "optional": true }
+  },
+  "tokenMapping": {
+    "background": "component.badge.{variant}.{color}.background",
+    "textColor": "component.badge.{variant}.{color}.text",
+    "borderColor": "component.badge.{variant}.{color}.border",
+    "borderRadius": "component.badge.borderRadius",
+    "paddingX": "component.badge.{size}.paddingX",
+    "paddingY": "component.badge.{size}.paddingY",
+    "fontSize": "component.badge.{size}.fontSize"
+  },
+  "states": {}
+}

package/components/button.component.json

@@ -0,0 +1,31 @@
+{
+  "$schema": "https://ryndesign.dev/schemas/component.json",
+  "name": "Button",
+  "category": "actions",
+  "props": {
+    "label": { "type": "string", "required": true },
+    "disabled": { "type": "boolean", "default": false },
+    "onPress": { "type": "callback" }
+  },
+  "variants": {
+    "variant": { "values": ["primary", "secondary", "outline", "ghost"], "default": "primary" },
+    "size": { "values": ["sm", "md", "lg"], "default": "md" }
+  },
+  "slots": {
+    "leadingIcon": { "optional": true },
+    "trailingIcon": { "optional": true }
+  },
+  "tokenMapping": {
+    "background": "component.button.{variant}.background",
+    "textColor": "component.button.{variant}.text",
+    "borderRadius": "component.button.borderRadius",
+    "paddingX": "component.button.{size}.paddingX",
+    "paddingY": "component.button.{size}.paddingY",
+    "fontSize": "component.button.{size}.fontSize"
+  },
+  "states": {
+    "hover": { "tokenOverrides": { "background": "component.button.{variant}.hover.background" } },
+    "pressed": { "tokenOverrides": { "background": "component.button.{variant}.pressed.background" } },
+    "disabled": { "tokenOverrides": { "background": "component.button.disabled.background" } }
+  }
+}

package/components/card.component.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "https://ryndesign.dev/schemas/component.json",
+  "name": "Card",
+  "category": "layout",
+  "props": {
+    "children": { "type": "node", "required": true }
+  },
+  "variants": {
+    "variant": { "values": ["elevated", "outlined", "filled"], "default": "elevated" },
+    "padding": { "values": ["none", "sm", "md", "lg"], "default": "md" }
+  },
+  "slots": {
+    "header": { "optional": true },
+    "footer": { "optional": true },
+    "media": { "optional": true }
+  },
+  "tokenMapping": {
+    "background": "component.card.{variant}.background",
+    "borderColor": "component.card.{variant}.border",
+    "borderRadius": "component.card.borderRadius",
+    "shadow": "component.card.{variant}.shadow",
+    "padding": "component.card.{padding}.padding"
+  },
+  "states": {
+    "hover": { "tokenOverrides": { "shadow": "component.card.{variant}.hover.shadow" } }
+  }
+}

package/components/checkbox.component.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "https://ryndesign.dev/schemas/component.json",
+  "name": "Checkbox",
+  "category": "forms",
+  "props": {
+    "checked": { "type": "boolean", "required": true },
+    "label": { "type": "string" },
+    "disabled": { "type": "boolean", "default": false },
+    "indeterminate": { "type": "boolean", "default": false },
+    "onChange": { "type": "callback" }
+  },
+  "variants": {
+    "size": { "values": ["sm", "md", "lg"], "default": "md" }
+  },
+  "slots": {},
+  "tokenMapping": {
+    "borderColor": "component.checkbox.border",
+    "checkedBackground": "component.checkbox.checked.background",
+    "checkmarkColor": "component.checkbox.checkmark",
+    "borderRadius": "component.checkbox.borderRadius",
+    "size": "component.checkbox.{size}.size",
+    "labelFontSize": "component.checkbox.{size}.labelFontSize",
+    "gap": "component.checkbox.gap"
+  },
+  "states": {
+    "hover": { "tokenOverrides": { "borderColor": "component.checkbox.hover.border" } },
+    "focus": { "tokenOverrides": { "borderColor": "component.checkbox.focus.border" } },
+    "disabled": { "tokenOverrides": { "borderColor": "component.checkbox.disabled.border" } }
+  }
+}

package/components/input.component.json

@@ -0,0 +1,36 @@
+{
+  "$schema": "https://ryndesign.dev/schemas/component.json",
+  "name": "Input",
+  "category": "forms",
+  "props": {
+    "value": { "type": "string", "required": true },
+    "placeholder": { "type": "string" },
+    "disabled": { "type": "boolean", "default": false },
+    "readOnly": { "type": "boolean", "default": false },
+    "onChange": { "type": "callback" },
+    "onFocus": { "type": "callback" },
+    "onBlur": { "type": "callback" }
+  },
+  "variants": {
+    "variant": { "values": ["default", "filled", "unstyled"], "default": "default" },
+    "size": { "values": ["sm", "md", "lg"], "default": "md" }
+  },
+  "slots": {
+    "leadingIcon": { "optional": true },
+    "trailingIcon": { "optional": true }
+  },
+  "tokenMapping": {
+    "background": "component.input.{variant}.background",
+    "textColor": "component.input.text",
+    "borderColor": "component.input.{variant}.border",
+    "borderRadius": "component.input.borderRadius",
+    "paddingX": "component.input.{size}.paddingX",
+    "paddingY": "component.input.{size}.paddingY",
+    "fontSize": "component.input.{size}.fontSize"
+  },
+  "states": {
+    "focus": { "tokenOverrides": { "borderColor": "component.input.focus.border" } },
+    "error": { "tokenOverrides": { "borderColor": "component.input.error.border" } },
+    "disabled": { "tokenOverrides": { "background": "component.input.disabled.background" } }
+  }
+}

package/components/toggle.component.json

@@ -0,0 +1,29 @@
+{
+  "$schema": "https://ryndesign.dev/schemas/component.json",
+  "name": "Toggle",
+  "category": "forms",
+  "props": {
+    "checked": { "type": "boolean", "required": true },
+    "label": { "type": "string" },
+    "disabled": { "type": "boolean", "default": false },
+    "onChange": { "type": "callback" }
+  },
+  "variants": {
+    "size": { "values": ["sm", "md", "lg"], "default": "md" }
+  },
+  "slots": {},
+  "tokenMapping": {
+    "trackBackground": "component.toggle.track.background",
+    "trackCheckedBackground": "component.toggle.track.checked.background",
+    "thumbBackground": "component.toggle.thumb.background",
+    "trackWidth": "component.toggle.{size}.trackWidth",
+    "trackHeight": "component.toggle.{size}.trackHeight",
+    "thumbSize": "component.toggle.{size}.thumbSize",
+    "borderRadius": "component.toggle.borderRadius",
+    "duration": "component.toggle.duration"
+  },
+  "states": {
+    "hover": { "tokenOverrides": { "trackBackground": "component.toggle.track.hover.background" } },
+    "disabled": { "tokenOverrides": { "trackBackground": "component.toggle.track.disabled.background" } }
+  }
+}

package/dist/bin.cjs

@@ -35,6 +35,12 @@ var init_exports = {};
 __export(init_exports, {
   default: () => init_default
 });
+function getPackageRoot() {
+  if (typeof __dirname !== "undefined") {
+    return import_node_path.default.resolve(__dirname, "..");
+  }
+  return import_node_path.default.resolve(import_node_path.default.dirname((0, import_node_url.fileURLToPath)(import_meta.url)), "..");
+}
 function generateConfig(platforms, darkMode) {
   const imports = [];
   const generators = [];
@@ -141,7 +147,7 @@ function detectPackageManager(cwd) {
   if ((0, import_node_fs.existsSync)(import_node_path.default.join(cwd, "bun.lockb"))) return "bun";
   return "npm";
 }
-var import_citty, p, import_picocolors, import_promises, import_node_fs, import_node_path, import_node_child_process, import_meta, init_default;
+var import_citty, p, import_picocolors, import_promises, import_node_fs, import_node_path, import_node_child_process, import_node_url, import_meta, init_default;
 var init_init = __esm({
   "src/commands/init.ts"() {
     "use strict";
@@ -152,6 +158,7 @@ var init_init = __esm({
     import_node_fs = require("fs");
     import_node_path = __toESM(require("path"), 1);
     import_node_child_process = require("child_process");
+    import_node_url = require("url");
     import_meta = {};
     init_default = (0, import_citty.defineCommand)({
       meta: {
@@ -162,27 +169,34 @@ var init_init = __esm({
         template: {
           type: "string",
           description: "Template to use (minimal or full)",
-          default: "minimal"
+          default: "full"
         },
         platforms: {
           type: "string",
           description: "Comma-separated list of target platforms"
+        },
+        "dark-mode": {
+          type: "boolean",
+          description: "Enable dark mode support"
         }
       },
       async run({ args }) {
-        p.intro(import_picocolors.default.bgCyan(import_picocolors.default.black(" RynDesign Init ")));
-        const template = args.template || await p.select({
+        const isInteractive = !args.platforms || args["dark-mode"] === void 0;
+        if (isInteractive) {
+          p.intro(import_picocolors.default.bgCyan(import_picocolors.default.black(" RynDesign Init ")));
+        }
+        const template = args.template || (isInteractive ? await p.select({
           message: "Choose a template:",
           options: [
             { value: "minimal", label: "Minimal", hint: "Basic color, spacing, typography tokens" },
             { value: "full", label: "Full", hint: "Complete token set with shadows, borders, gradients" }
           ]
-        });
+        }) : "full");
         if (p.isCancel(template)) {
           p.cancel("Operation cancelled.");
           process.exit(0);
         }
-        const platformsInput = args.platforms || await p.multiselect({
+        const platformsInput = args.platforms || (isInteractive ? await p.multiselect({
           message: "Select target platforms:",
           initialValues: ["react", "swiftui"],
           options: [
@@ -196,29 +210,38 @@ var init_init = __esm({
             { value: "android-view", label: "Android View" }
           ],
           required: true
-        });
+        }) : ["react"]);
         if (p.isCancel(platformsInput)) {
           p.cancel("Operation cancelled.");
           process.exit(0);
         }
-        const platforms = Array.isArray(platformsInput) ? platformsInput : platformsInput.split(",").map((s2) => s2.trim());
-        const darkMode = await p.confirm({
+        const platforms = Array.isArray(platformsInput) ? platformsInput : platformsInput.split(",").map((s) => s.trim());
+        const darkMode = args["dark-mode"] !== void 0 ? args["dark-mode"] : isInteractive ? await p.confirm({
           message: "Enable dark mode support?",
           initialValue: true
-        });
+        }) : true;
         if (p.isCancel(darkMode)) {
           p.cancel("Operation cancelled.");
           process.exit(0);
         }
-        const s = p.spinner();
-        s.start("Creating project files...");
+        const log = (msg) => {
+          if (isInteractive) return;
+          console.log(msg);
+        };
+        let spinner3;
+        if (isInteractive) {
+          spinner3 = p.spinner();
+          spinner3.start("Creating project files...");
+        } else {
+          log("Creating project files...");
+        }
         const cwd = process.cwd();
+        const pkgRoot = getPackageRoot();
+        const templateDir = import_node_path.default.join(pkgRoot, "templates");
+        const componentsDir = import_node_path.default.join(pkgRoot, "components");
         await import_promises.default.mkdir(import_node_path.default.join(cwd, "tokens"), { recursive: true });
         await import_promises.default.mkdir(import_node_path.default.join(cwd, "components"), { recursive: true });
         await import_promises.default.mkdir(import_node_path.default.join(cwd, "generated"), { recursive: true });
-        const templateDir = import_node_path.default.resolve(
-          typeof __dirname !== "undefined" ? import_node_path.default.resolve(__dirname, "../../templates") : import_node_path.default.resolve(new URL(".", import_meta.url).pathname, "../../templates")
-        );
         const templateFile = template === "full" ? "full.tokens.json" : "minimal.tokens.json";
         try {
           const templateContent = await import_promises.default.readFile(
@@ -258,16 +281,19 @@ var init_init = __esm({
         }
         const configContent = generateConfig(platforms, darkMode);
         await import_promises.default.writeFile(import_node_path.default.join(cwd, "ryndesign.config.ts"), configContent);
-        try {
-          const buttonComp = await import_promises.default.readFile(
-            import_node_path.default.join(templateDir, "../components/button.component.json"),
-            "utf-8"
-          );
-          await import_promises.default.writeFile(
-            import_node_path.default.join(cwd, "components", "button.component.json"),
-            buttonComp
-          );
-        } catch {
+        const componentsToCopy = template === "full" ? ["button", "input", "card", "checkbox", "toggle", "badge", "avatar"] : ["button"];
+        for (const comp of componentsToCopy) {
+          try {
+            const content = await import_promises.default.readFile(
+              import_node_path.default.join(componentsDir, `${comp}.component.json`),
+              "utf-8"
+            );
+            await import_promises.default.writeFile(
+              import_node_path.default.join(cwd, "components", `${comp}.component.json`),
+              content
+            );
+          } catch {
+          }
         }
         const gitignorePath = import_node_path.default.join(cwd, ".gitignore");
         try {
@@ -303,30 +329,51 @@ var init_init = __esm({
         if (!pkg.devDependencies || typeof pkg.devDependencies !== "object") pkg.devDependencies = {};
         const devDeps = pkg.devDependencies;
         devDeps["@ryndesign/cli"] = "latest";
+        devDeps["@ryndesign/preview"] = "latest";
         for (const platform of platforms) {
           devDeps[`@ryndesign/generator-${platform}`] = "latest";
         }
         await import_promises.default.writeFile(pkgJsonPath, JSON.stringify(pkg, null, 2) + "\n");
-        s.stop("Project files created!");
-        const installSpinner = p.spinner();
-        installSpinner.start("Installing dependencies...");
-        try {
-          const pm = detectPackageManager(cwd);
-          (0, import_node_child_process.execSync)(`${pm} install`, { cwd, stdio: "pipe" });
-          installSpinner.stop("Dependencies installed!");
-        } catch {
-          installSpinner.stop(import_picocolors.default.yellow("Could not auto-install. Run `npm install` manually."));
+        if (spinner3) {
+          spinner3.stop("Project files created!");
+        } else {
+          log("Project files created!");
+        }
+        if (isInteractive) {
+          const installSpinner = p.spinner();
+          installSpinner.start("Installing dependencies...");
+          try {
+            const pm = detectPackageManager(cwd);
+            (0, import_node_child_process.execSync)(`${pm} install`, { cwd, stdio: "pipe" });
+            installSpinner.stop("Dependencies installed!");
+          } catch {
+            installSpinner.stop(import_picocolors.default.yellow("Could not auto-install. Run `npm install` manually."));
+          }
+        } else {
+          log("Installing dependencies...");
+          try {
+            const pm = detectPackageManager(cwd);
+            (0, import_node_child_process.execSync)(`${pm} install`, { cwd, stdio: "pipe" });
+            log("Dependencies installed!");
+          } catch {
+            log("Could not auto-install. Run `npm install` manually.");
+          }
+        }
+        if (isInteractive) {
+          p.note(
+            [
+              `${import_picocolors.default.green("tokens/")}       - Your design tokens`,
+              `${import_picocolors.default.green("components/")}    - Component definitions`,
+              `${import_picocolors.default.green("generated/")}     - Generated output (gitignored)`,
+              `${import_picocolors.default.green("ryndesign.config.ts")} - Configuration`
+            ].join("\n"),
+            "Project structure"
+          );
+          p.outro(import_picocolors.default.green("Run `ryndesign generate` to generate your design system!"));
+        } else {
+          log("\nProject initialized successfully!");
+          log("Run `ryndesign generate` to generate your design system!");
         }
-        p.note(
-          [
-            `${import_picocolors.default.green("tokens/")}       - Your design tokens`,
-            `${import_picocolors.default.green("components/")}    - Component definitions`,
-            `${import_picocolors.default.green("generated/")}     - Generated output (gitignored)`,
-            `${import_picocolors.default.green("ryndesign.config.ts")} - Configuration`
-          ].join("\n"),
-          "Project structure"
-        );
-        p.outro(import_picocolors.default.green("Run `ryndesign generate` to generate your design system!"));
       }
     });
   }
@@ -743,12 +790,15 @@ var preview_exports = {};
 __export(preview_exports, {
   default: () => preview_default
 });
-var import_citty4, import_picocolors4, preview_default;
+var import_citty4, import_picocolors4, import_node_module2, import_node_url2, import_node_path4, preview_default;
 var init_preview = __esm({
   "src/commands/preview.ts"() {
     "use strict";
     import_citty4 = require("citty");
     import_picocolors4 = __toESM(require("picocolors"), 1);
+    import_node_module2 = require("module");
+    import_node_url2 = require("url");
+    import_node_path4 = __toESM(require("path"), 1);
     init_config();
     preview_default = (0, import_citty4.defineCommand)({
       meta: {
@@ -778,15 +828,22 @@ var init_preview = __esm({
         const port = args.port ? parseInt(args.port, 10) : config?.preview?.port ?? 4400;
         let previewModule;
         try {
-          previewModule = await import("@ryndesign/preview");
+          const localRequire = (0, import_node_module2.createRequire)(import_node_path4.default.resolve(process.cwd(), "package.json"));
+          const previewPath = localRequire.resolve("@ryndesign/preview");
+          previewModule = await import((0, import_node_url2.pathToFileURL)(previewPath).href);
         } catch {
-          console.log(import_picocolors4.default.yellow("Preview package not found. Install @ryndesign/preview"));
-          console.log(import_picocolors4.default.gray("  npm install @ryndesign/preview"));
-          return;
+          try {
+            previewModule = await import("@ryndesign/preview");
+          } catch {
+            console.log(import_picocolors4.default.yellow("Preview package not found. Install @ryndesign/preview"));
+            console.log(import_picocolors4.default.gray("  npm install @ryndesign/preview"));
+            return;
+          }
         }
         await previewModule.startPreviewServer({
           port,
-          open: args.open
+          open: args.open,
+          generators: config?.generators ?? []
         });
       }
     });
@@ -798,7 +855,7 @@ var add_exports = {};
 __export(add_exports, {
   default: () => add_default
 });
-var import_citty5, p2, import_picocolors5, import_promises4, import_node_path4, import_meta3, AVAILABLE_COMPONENTS, COMPONENT_TOKENS, add_default;
+var import_citty5, p2, import_picocolors5, import_promises4, import_node_path5, import_meta3, AVAILABLE_COMPONENTS, COMPONENT_TOKENS, add_default;
 var init_add = __esm({
   "src/commands/add.ts"() {
     "use strict";
@@ -806,7 +863,7 @@ var init_add = __esm({
     p2 = __toESM(require("@clack/prompts"), 1);
     import_picocolors5 = __toESM(require("picocolors"), 1);
     import_promises4 = __toESM(require("fs/promises"), 1);
-    import_node_path4 = __toESM(require("path"), 1);
+    import_node_path5 = __toESM(require("path"), 1);
     import_meta3 = {};
     AVAILABLE_COMPONENTS = ["button", "input", "card", "checkbox", "toggle", "badge", "avatar"];
     COMPONENT_TOKENS = {
@@ -861,9 +918,9 @@ var init_add = __esm({
           process.exit(0);
         }
         const cwd = process.cwd();
-        const componentsDir = import_node_path4.default.join(cwd, "components");
+        const componentsDir = import_node_path5.default.join(cwd, "components");
         await import_promises4.default.mkdir(componentsDir, { recursive: true });
-        const destPath = import_node_path4.default.join(componentsDir, `${name}.component.json`);
+        const destPath = import_node_path5.default.join(componentsDir, `${name}.component.json`);
         try {
           await import_promises4.default.access(destPath);
           console.log(import_picocolors5.default.yellow(`Component ${name} already exists at ${destPath}`));
@@ -872,9 +929,9 @@ var init_add = __esm({
         }
         let copied = false;
         const searchPaths = [
-          import_node_path4.default.resolve(__dirname, `../../components/${name}.component.json`),
+          import_node_path5.default.resolve(__dirname, `../../components/${name}.component.json`),
           // ESM fallback
-          typeof __dirname !== "undefined" ? import_node_path4.default.resolve(__dirname, `../../components/${name}.component.json`) : import_node_path4.default.resolve(new URL(".", import_meta3.url).pathname, `../../components/${name}.component.json`)
+          typeof __dirname !== "undefined" ? import_node_path5.default.resolve(__dirname, `../../components/${name}.component.json`) : import_node_path5.default.resolve(new URL(".", import_meta3.url).pathname, `../../components/${name}.component.json`)
         ];
         for (const srcPath of searchPaths) {
           try {
@@ -894,9 +951,9 @@ var init_add = __esm({
         }
         const withTokens = args["with-tokens"];
         if (withTokens && COMPONENT_TOKENS[name]) {
-          const tokensDir = import_node_path4.default.join(cwd, "tokens");
+          const tokensDir = import_node_path5.default.join(cwd, "tokens");
           await import_promises4.default.mkdir(tokensDir, { recursive: true });
-          const tokenFile = import_node_path4.default.join(tokensDir, `${name}.tokens.json`);
+          const tokenFile = import_node_path5.default.join(tokensDir, `${name}.tokens.json`);
           try {
             await import_promises4.default.access(tokenFile);
             console.log(import_picocolors5.default.yellow(`  Token file already exists: ${tokenFile}`));
@@ -923,14 +980,14 @@ async function readJsonSafe(absolutePath) {
     return null;
   }
 }
-var import_citty6, import_picocolors6, import_promises5, import_node_path5, figma_pull_default;
+var import_citty6, import_picocolors6, import_promises5, import_node_path6, figma_pull_default;
 var init_figma_pull = __esm({
   "src/commands/figma-pull.ts"() {
     "use strict";
     import_citty6 = require("citty");
     import_picocolors6 = __toESM(require("picocolors"), 1);
     import_promises5 = __toESM(require("fs/promises"), 1);
-    import_node_path5 = __toESM(require("path"), 1);
+    import_node_path6 = __toESM(require("path"), 1);
     init_config();
     figma_pull_default = (0, import_citty6.defineCommand)({
       meta: {
@@ -1002,8 +1059,8 @@ var init_figma_pull = __esm({
           if (modeMapping) {
             const modeFiles = resolveFigmaModes(variables, modeMapping);
             for (const [filePath, tree] of Object.entries(modeFiles)) {
-              const absolutePath = import_node_path5.default.resolve(cwd, filePath);
-              await import_promises5.default.mkdir(import_node_path5.default.dirname(absolutePath), { recursive: true });
+              const absolutePath = import_node_path6.default.resolve(cwd, filePath);
+              await import_promises5.default.mkdir(import_node_path6.default.dirname(absolutePath), { recursive: true });
               if (shouldMerge) {
                 const existing = await readJsonSafe(absolutePath);
                 if (existing) {
@@ -1021,8 +1078,8 @@ var init_figma_pull = __esm({
               console.log(import_picocolors6.default.green(`  \u2713 Written ${filePath}`));
             }
           } else {
-            const outPath = import_node_path5.default.resolve(cwd, args.output);
-            await import_promises5.default.mkdir(import_node_path5.default.dirname(outPath), { recursive: true });
+            const outPath = import_node_path6.default.resolve(cwd, args.output);
+            await import_promises5.default.mkdir(import_node_path6.default.dirname(outPath), { recursive: true });
             if (shouldMerge) {
               const existing = await readJsonSafe(outPath);
               if (existing) {
@@ -1229,13 +1286,13 @@ var figma_exports = {};
 __export(figma_exports, {
   default: () => figma_default
 });
-var import_citty9, import_picocolors9, import_node_path6, import_promises6, figma_default;
+var import_citty9, import_picocolors9, import_node_path7, import_promises6, figma_default;
 var init_figma = __esm({
   "src/commands/figma.ts"() {
     "use strict";
     import_citty9 = require("citty");
     import_picocolors9 = require("picocolors");
-    import_node_path6 = require("path");
+    import_node_path7 = require("path");
     import_promises6 = require("fs/promises");
     init_config();
     figma_default = (0, import_citty9.defineCommand)({
@@ -1261,8 +1318,8 @@ async function copyDir(src, dest) {
   await import_promises7.default.mkdir(dest, { recursive: true });
   const entries = await import_promises7.default.readdir(src, { withFileTypes: true });
   for (const entry of entries) {
-    const srcPath = import_node_path7.default.join(src, entry.name);
-    const destPath = import_node_path7.default.join(dest, entry.name);
+    const srcPath = import_node_path8.default.join(src, entry.name);
+    const destPath = import_node_path8.default.join(dest, entry.name);
     if (entry.isDirectory()) {
       await copyDir(srcPath, destPath);
     } else {
@@ -1293,9 +1350,9 @@ export default function ${name.replace(/-/g, "")}Generator(options = {}): Genera
   };
 }
 `;
-  await import_promises7.default.writeFile(import_node_path7.default.join(dir, "index.ts"), indexContent, "utf-8");
+  await import_promises7.default.writeFile(import_node_path8.default.join(dir, "index.ts"), indexContent, "utf-8");
 }
-var import_citty10, p3, import_picocolors10, import_promises7, import_node_path7, GENERATORS, eject_default;
+var import_citty10, p3, import_picocolors10, import_promises7, import_node_path8, GENERATORS, eject_default;
 var init_eject = __esm({
   "src/commands/eject.ts"() {
     "use strict";
@@ -1303,7 +1360,7 @@ var init_eject = __esm({
     p3 = __toESM(require("@clack/prompts"), 1);
     import_picocolors10 = __toESM(require("picocolors"), 1);
     import_promises7 = __toESM(require("fs/promises"), 1);
-    import_node_path7 = __toESM(require("path"), 1);
+    import_node_path8 = __toESM(require("path"), 1);
     GENERATORS = ["react", "vue", "svelte", "rails", "swiftui", "uikit", "compose", "android-view"];
     eject_default = (0, import_citty10.defineCommand)({
       meta: {
@@ -1333,7 +1390,7 @@ var init_eject = __esm({
           process.exit(1);
         }
         const cwd = process.cwd();
-        const destDir = import_node_path7.default.join(cwd, "generators", name);
+        const destDir = import_node_path8.default.join(cwd, "generators", name);
         try {
           await import_promises7.default.access(destDir);
           console.error(import_picocolors10.default.yellow(`Generator "${name}" already ejected at generators/${name}/`));
@@ -1354,14 +1411,14 @@ var init_eject = __esm({
           const pkgPath = require.resolve(`@ryndesign/generator-${name}/package.json`, {
             paths: [cwd]
           });
-          const pkgDir = import_node_path7.default.dirname(pkgPath);
-          const srcDir = import_node_path7.default.join(pkgDir, "src");
+          const pkgDir = import_node_path8.default.dirname(pkgPath);
+          const srcDir = import_node_path8.default.join(pkgDir, "src");
           let sourceDir;
           try {
             await import_promises7.default.access(srcDir);
             sourceDir = srcDir;
           } catch {
-            sourceDir = import_node_path7.default.join(pkgDir, "dist");
+            sourceDir = import_node_path8.default.join(pkgDir, "dist");
           }
           await import_promises7.default.mkdir(destDir, { recursive: true });
           await copyDir(sourceDir, destDir);