@ryndesign/cli 0.2.3 → 0.2.5

package/dist/{init-IF35F2N7.js → init-7MH56KZN.js}

@@ -8,6 +8,13 @@ import fs from "fs/promises";
 import { existsSync } from "fs";
 import path from "path";
 import { execSync } from "child_process";
+import { fileURLToPath } from "url";
+function getPackageRoot() {
+  if (typeof __dirname !== "undefined") {
+    return path.resolve(__dirname, "..");
+  }
+  return path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
+}
 var init_default = defineCommand({
   meta: {
     name: "init",
@@ -17,27 +24,34 @@ var init_default = defineCommand({
     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(pc.bgCyan(pc.black(" RynDesign Init ")));
-    const template = args.template || await p.select({
+    const isInteractive = !args.platforms || args["dark-mode"] === void 0;
+    if (isInteractive) {
+      p.intro(pc.bgCyan(pc.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: [
@@ -51,29 +65,38 @@ var init_default = defineCommand({
         { 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 spinner2;
+    if (isInteractive) {
+      spinner2 = p.spinner();
+      spinner2.start("Creating project files...");
+    } else {
+      log("Creating project files...");
+    }
     const cwd = process.cwd();
+    const pkgRoot = getPackageRoot();
+    const templateDir = path.join(pkgRoot, "templates");
+    const componentsDir = path.join(pkgRoot, "components");
     await fs.mkdir(path.join(cwd, "tokens"), { recursive: true });
     await fs.mkdir(path.join(cwd, "components"), { recursive: true });
     await fs.mkdir(path.join(cwd, "generated"), { recursive: true });
-    const templateDir = path.resolve(
-      typeof __dirname !== "undefined" ? path.resolve(__dirname, "../../templates") : path.resolve(new URL(".", import.meta.url).pathname, "../../templates")
-    );
     const templateFile = template === "full" ? "full.tokens.json" : "minimal.tokens.json";
     try {
       const templateContent = await fs.readFile(
@@ -113,16 +136,19 @@ var init_default = defineCommand({
     }
     const configContent = generateConfig(platforms, darkMode);
     await fs.writeFile(path.join(cwd, "ryndesign.config.ts"), configContent);
-    try {
-      const buttonComp = await fs.readFile(
-        path.join(templateDir, "../components/button.component.json"),
-        "utf-8"
-      );
-      await fs.writeFile(
-        path.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 fs.readFile(
+          path.join(componentsDir, `${comp}.component.json`),
+          "utf-8"
+        );
+        await fs.writeFile(
+          path.join(cwd, "components", `${comp}.component.json`),
+          content
+        );
+      } catch {
+      }
     }
     const gitignorePath = path.join(cwd, ".gitignore");
     try {
@@ -158,30 +184,51 @@ var init_default = defineCommand({
     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 fs.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);
-      execSync(`${pm} install`, { cwd, stdio: "pipe" });
-      installSpinner.stop("Dependencies installed!");
-    } catch {
-      installSpinner.stop(pc.yellow("Could not auto-install. Run `npm install` manually."));
+    if (spinner2) {
+      spinner2.stop("Project files created!");
+    } else {
+      log("Project files created!");
+    }
+    if (isInteractive) {
+      const installSpinner = p.spinner();
+      installSpinner.start("Installing dependencies...");
+      try {
+        const pm = detectPackageManager(cwd);
+        execSync(`${pm} install`, { cwd, stdio: "pipe" });
+        installSpinner.stop("Dependencies installed!");
+      } catch {
+        installSpinner.stop(pc.yellow("Could not auto-install. Run `npm install` manually."));
+      }
+    } else {
+      log("Installing dependencies...");
+      try {
+        const pm = detectPackageManager(cwd);
+        execSync(`${pm} install`, { cwd, stdio: "pipe" });
+        log("Dependencies installed!");
+      } catch {
+        log("Could not auto-install. Run `npm install` manually.");
+      }
+    }
+    if (isInteractive) {
+      p.note(
+        [
+          `${pc.green("tokens/")}       - Your design tokens`,
+          `${pc.green("components/")}    - Component definitions`,
+          `${pc.green("generated/")}     - Generated output (gitignored)`,
+          `${pc.green("ryndesign.config.ts")} - Configuration`
+        ].join("\n"),
+        "Project structure"
+      );
+      p.outro(pc.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(
-      [
-        `${pc.green("tokens/")}       - Your design tokens`,
-        `${pc.green("components/")}    - Component definitions`,
-        `${pc.green("generated/")}     - Generated output (gitignored)`,
-        `${pc.green("ryndesign.config.ts")} - Configuration`
-      ].join("\n"),
-      "Project structure"
-    );
-    p.outro(pc.green("Run `ryndesign generate` to generate your design system!"));
   }
 });
 function generateConfig(platforms, darkMode) {
@@ -293,4 +340,4 @@ function detectPackageManager(cwd) {
 export {
   init_default as default
 };
-//# sourceMappingURL=init-IF35F2N7.js.map
+//# sourceMappingURL=init-7MH56KZN.js.map

package/dist/init-7MH56KZN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/commands/init.ts"],"sourcesContent":["import { defineCommand } from 'citty';\nimport * as p from '@clack/prompts';\nimport pc from 'picocolors';\nimport fs from 'node:fs/promises';\nimport { existsSync } from 'node:fs';\nimport path from 'node:path';\nimport { execSync } from 'node:child_process';\nimport { fileURLToPath } from 'node:url';\n\nfunction getPackageRoot(): string {\n  if (typeof __dirname !== 'undefined') {\n    return path.resolve(__dirname, '..');\n  }\n  return path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');\n}\n\nexport default defineCommand({\n  meta: {\n    name: 'init',\n    description: 'Initialize a new RynDesign project',\n  },\n  args: {\n    template: {\n      type: 'string',\n      description: 'Template to use (minimal or full)',\n      default: 'full',\n    },\n    platforms: {\n      type: 'string',\n      description: 'Comma-separated list of target platforms',\n    },\n    'dark-mode': {\n      type: 'boolean',\n      description: 'Enable dark mode support',\n    },\n  },\n  async run({ args }) {\n    const isInteractive = !args.platforms || args['dark-mode'] === undefined;\n\n    if (isInteractive) {\n      p.intro(pc.bgCyan(pc.black(' RynDesign Init ')));\n    }\n\n    const template = args.template || (isInteractive\n      ? await p.select({\n          message: 'Choose a template:',\n          options: [\n            { value: 'minimal', label: 'Minimal', hint: 'Basic color, spacing, typography tokens' },\n            { value: 'full', label: 'Full', hint: 'Complete token set with shadows, borders, gradients' },\n          ],\n        }) as string\n      : 'full');\n\n    if (p.isCancel(template)) {\n      p.cancel('Operation cancelled.');\n      process.exit(0);\n    }\n\n    const platformsInput = args.platforms || (isInteractive\n      ? await p.multiselect({\n          message: 'Select target platforms:',\n          initialValues: ['react', 'swiftui'],\n          options: [\n            { value: 'react', label: 'React', hint: 'recommended' },\n            { value: 'swiftui', label: 'SwiftUI', hint: 'recommended' },\n            { value: 'vue', label: 'Vue' },\n            { value: 'svelte', label: 'Svelte' },\n            { value: 'rails', label: 'Rails' },\n            { value: 'uikit', label: 'UIKit' },\n            { value: 'compose', label: 'Jetpack Compose' },\n            { value: 'android-view', label: 'Android View' },\n          ],\n          required: true,\n        }) as string[]\n      : ['react']);\n\n    if (p.isCancel(platformsInput)) {\n      p.cancel('Operation cancelled.');\n      process.exit(0);\n    }\n\n    const platforms = Array.isArray(platformsInput)\n      ? platformsInput\n      : (platformsInput as string).split(',').map(s => s.trim());\n\n    const darkMode = args['dark-mode'] !== undefined\n      ? args['dark-mode']\n      : (isInteractive\n        ? await p.confirm({\n            message: 'Enable dark mode support?',\n            initialValue: true,\n          })\n        : true);\n\n    if (p.isCancel(darkMode)) {\n      p.cancel('Operation cancelled.');\n      process.exit(0);\n    }\n\n    const log = (msg: string) => {\n      if (isInteractive) return;\n      console.log(msg);\n    };\n\n    let spinner: ReturnType<typeof p.spinner> | undefined;\n    if (isInteractive) {\n      spinner = p.spinner();\n      spinner.start('Creating project files...');\n    } else {\n      log('Creating project files...');\n    }\n\n    const cwd = process.cwd();\n    const pkgRoot = getPackageRoot();\n    const templateDir = path.join(pkgRoot, 'templates');\n    const componentsDir = path.join(pkgRoot, 'components');\n\n    // Create directories\n    await fs.mkdir(path.join(cwd, 'tokens'), { recursive: true });\n    await fs.mkdir(path.join(cwd, 'components'), { recursive: true });\n    await fs.mkdir(path.join(cwd, 'generated'), { recursive: true });\n\n    // Copy template tokens\n    const templateFile = template === 'full' ? 'full.tokens.json' : 'minimal.tokens.json';\n    try {\n      const templateContent = await fs.readFile(\n        path.join(templateDir, templateFile),\n        'utf-8'\n      );\n      await fs.writeFile(\n        path.join(cwd, 'tokens', 'base.tokens.json'),\n        templateContent\n      );\n    } catch {\n      await fs.writeFile(\n        path.join(cwd, 'tokens', 'base.tokens.json'),\n        JSON.stringify(getDefaultTokens(), null, 2)\n      );\n    }\n\n    // Create semantic tokens\n    await fs.writeFile(\n      path.join(cwd, 'tokens', 'semantic.tokens.json'),\n      JSON.stringify(getSemanticTokens(), null, 2)\n    );\n\n    // Create dark theme if enabled\n    if (darkMode) {\n      try {\n        const darkContent = await fs.readFile(\n          path.join(templateDir, 'dark.tokens.json'),\n          'utf-8'\n        );\n        await fs.writeFile(\n          path.join(cwd, 'tokens', 'dark.tokens.json'),\n          darkContent\n        );\n      } catch {\n        await fs.writeFile(\n          path.join(cwd, 'tokens', 'dark.tokens.json'),\n          JSON.stringify(getDarkTokens(), null, 2)\n        );\n      }\n    }\n\n    // Create config file\n    const configContent = generateConfig(platforms, darkMode as boolean);\n    await fs.writeFile(path.join(cwd, 'ryndesign.config.ts'), configContent);\n\n    // Copy component templates\n    const componentsToCopy = template === 'full'\n      ? ['button', 'input', 'card', 'checkbox', 'toggle', 'badge', 'avatar']\n      : ['button'];\n\n    for (const comp of componentsToCopy) {\n      try {\n        const content = await fs.readFile(\n          path.join(componentsDir, `${comp}.component.json`),\n          'utf-8'\n        );\n        await fs.writeFile(\n          path.join(cwd, 'components', `${comp}.component.json`),\n          content\n        );\n      } catch {\n        // Skip if not found\n      }\n    }\n\n    // Add generated/ to .gitignore\n    const gitignorePath = path.join(cwd, '.gitignore');\n    try {\n      let gitignore = '';\n      try {\n        gitignore = await fs.readFile(gitignorePath, 'utf-8');\n      } catch {\n        // File doesn't exist yet\n      }\n      if (!gitignore.includes('generated/')) {\n        gitignore += (gitignore.endsWith('\\n') || gitignore === '' ? '' : '\\n') + 'generated/\\n';\n        await fs.writeFile(gitignorePath, gitignore);\n      }\n    } catch {\n      // Skip if can't write .gitignore\n    }\n\n    // Ensure package.json exists, then add scripts and dependencies\n    const pkgJsonPath = path.join(cwd, 'package.json');\n    let pkg: Record<string, unknown>;\n    try {\n      const pkgContent = await fs.readFile(pkgJsonPath, 'utf-8');\n      pkg = JSON.parse(pkgContent);\n    } catch {\n      const dirName = path.basename(cwd);\n      pkg = {\n        name: dirName,\n        version: '1.0.0',\n        private: true,\n        type: 'module',\n      };\n    }\n\n    if (!pkg.scripts || typeof pkg.scripts !== 'object') pkg.scripts = {};\n    const scripts = pkg.scripts as Record<string, string>;\n    if (!scripts['generate']) scripts['generate'] = 'ryndesign generate';\n    if (!scripts['preview']) scripts['preview'] = 'ryndesign preview';\n\n    if (!pkg.devDependencies || typeof pkg.devDependencies !== 'object') pkg.devDependencies = {};\n    const devDeps = pkg.devDependencies as Record<string, string>;\n    devDeps['@ryndesign/cli'] = 'latest';\n    devDeps['@ryndesign/preview'] = 'latest';\n    for (const platform of platforms) {\n      devDeps[`@ryndesign/generator-${platform}`] = 'latest';\n    }\n\n    await fs.writeFile(pkgJsonPath, JSON.stringify(pkg, null, 2) + '\\n');\n\n    if (spinner) {\n      spinner.stop('Project files created!');\n    } else {\n      log('Project files created!');\n    }\n\n    // Install dependencies\n    if (isInteractive) {\n      const installSpinner = p.spinner();\n      installSpinner.start('Installing dependencies...');\n      try {\n        const pm = detectPackageManager(cwd);\n        execSync(`${pm} install`, { cwd, stdio: 'pipe' });\n        installSpinner.stop('Dependencies installed!');\n      } catch {\n        installSpinner.stop(pc.yellow('Could not auto-install. Run `npm install` manually.'));\n      }\n    } else {\n      log('Installing dependencies...');\n      try {\n        const pm = detectPackageManager(cwd);\n        execSync(`${pm} install`, { cwd, stdio: 'pipe' });\n        log('Dependencies installed!');\n      } catch {\n        log('Could not auto-install. Run `npm install` manually.');\n      }\n    }\n\n    if (isInteractive) {\n      p.note(\n        [\n          `${pc.green('tokens/')}       - Your design tokens`,\n          `${pc.green('components/')}    - Component definitions`,\n          `${pc.green('generated/')}     - Generated output (gitignored)`,\n          `${pc.green('ryndesign.config.ts')} - Configuration`,\n        ].join('\\n'),\n        'Project structure'\n      );\n\n      p.outro(pc.green('Run `ryndesign generate` to generate your design system!'));\n    } else {\n      log('\\nProject initialized successfully!');\n      log('Run `ryndesign generate` to generate your design system!');\n    }\n  },\n});\n\nfunction generateConfig(platforms: string[], darkMode: boolean): string {\n  const imports: string[] = [];\n  const generators: string[] = [];\n\n  for (const platform of platforms) {\n    const pkgName = `@ryndesign/generator-${platform}`;\n    const varName = platform.replace(/-([a-z])/g, (_, c) => c.toUpperCase());\n    imports.push(`import ${varName} from '${pkgName}';`);\n\n    if (['react', 'vue', 'svelte'].includes(platform)) {\n      generators.push(`    ${varName}({\n      outDir: 'generated/${platform}',\n      cssStrategy: 'css-variables',\n      typescript: true,${darkMode ? \"\\n      darkMode: 'media+class',\" : ''}\n    })`);\n    } else {\n      generators.push(`    ${varName}({\n      outDir: 'generated/${platform}',\n    })`);\n    }\n  }\n\n  return `import { defineConfig } from '@ryndesign/cli';\n${imports.join('\\n')}\n\nexport default defineConfig({\n  tokens: ['tokens/**/*.tokens.json'],\n  components: ['components/**/*.component.json'],\n  outDir: 'generated',\n${darkMode ? `\n  themes: {\n    default: 'light',\n    dark: { file: 'tokens/dark.tokens.json' },\n  },\n` : ''}\n  generators: [\n${generators.join(',\\n')}\n  ],\n\n  preview: { port: 4400, open: true },\n});\n`;\n}\n\nfunction getDefaultTokens() {\n  return {\n    color: {\n      $type: 'color',\n      primary: { $value: '#3B82F6' },\n      white: { $value: '#FFFFFF' },\n      black: { $value: '#000000' },\n      gray: {\n        50: { $value: '#F9FAFB' },\n        100: { $value: '#F3F4F6' },\n        400: { $value: '#9CA3AF' },\n        800: { $value: '#1F2937' },\n        900: { $value: '#111827' },\n      },\n    },\n    spacing: {\n      $type: 'dimension',\n      sm: { $value: '8px' },\n      md: { $value: '16px' },\n      lg: { $value: '24px' },\n    },\n  };\n}\n\nfunction getSemanticTokens() {\n  return {\n    color: {\n      $type: 'color',\n      background: {\n        primary: { $value: '{color.white}' },\n        secondary: { $value: '{color.gray.50}' },\n      },\n      text: {\n        primary: { $value: '{color.gray.900}' },\n      },\n    },\n  };\n}\n\nfunction getDarkTokens() {\n  return {\n    $description: 'Dark theme overrides',\n    $extensions: { 'com.ryndesign.theme': { name: 'dark', extends: 'default' } },\n    color: {\n      $type: 'color',\n      background: {\n        primary: { $value: '{color.gray.900}' },\n        secondary: { $value: '{color.gray.800}' },\n      },\n      text: {\n        primary: { $value: '{color.gray.50}' },\n      },\n    },\n  };\n}\n\nfunction detectPackageManager(cwd: string): string {\n  try {\n    const userAgent = process.env.npm_config_user_agent || '';\n    if (userAgent.startsWith('pnpm')) return 'pnpm';\n    if (userAgent.startsWith('yarn')) return 'yarn';\n    if (userAgent.startsWith('bun')) return 'bun';\n  } catch {}\n\n  if (existsSync(path.join(cwd, 'pnpm-lock.yaml'))) return 'pnpm';\n  if (existsSync(path.join(cwd, 'yarn.lock'))) return 'yarn';\n  if (existsSync(path.join(cwd, 'bun.lockb'))) return 'bun';\n  return 'npm';\n}\n"],"mappings":"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","names":["spinner"]}

package/dist/{preview-EOO6TMLY.js → preview-5IWH7EKA.js}

@@ -6,6 +6,9 @@ import "./chunk-DGUM43GV.js";
 // src/commands/preview.ts
 import { defineCommand } from "citty";
 import pc from "picocolors";
+import { createRequire } from "module";
+import { pathToFileURL } from "url";
+import path from "path";
 var preview_default = defineCommand({
   meta: {
     name: "preview",
@@ -34,11 +37,17 @@ var preview_default = defineCommand({
     const port = args.port ? parseInt(args.port, 10) : config?.preview?.port ?? 4400;
     let previewModule;
     try {
-      previewModule = await import("@ryndesign/preview");
+      const localRequire = createRequire(path.resolve(process.cwd(), "package.json"));
+      const previewPath = localRequire.resolve("@ryndesign/preview");
+      previewModule = await import(pathToFileURL(previewPath).href);
     } catch {
-      console.log(pc.yellow("Preview package not found. Install @ryndesign/preview"));
-      console.log(pc.gray("  npm install @ryndesign/preview"));
-      return;
+      try {
+        previewModule = await import("@ryndesign/preview");
+      } catch {
+        console.log(pc.yellow("Preview package not found. Install @ryndesign/preview"));
+        console.log(pc.gray("  npm install @ryndesign/preview"));
+        return;
+      }
     }
     await previewModule.startPreviewServer({
       port,
@@ -49,4 +58,4 @@ var preview_default = defineCommand({
 export {
   preview_default as default
 };
-//# sourceMappingURL=preview-EOO6TMLY.js.map
+//# sourceMappingURL=preview-5IWH7EKA.js.map

package/dist/preview-5IWH7EKA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/commands/preview.ts"],"sourcesContent":["import { defineCommand } from 'citty';\nimport pc from 'picocolors';\nimport { createRequire } from 'node:module';\nimport { pathToFileURL } from 'node:url';\nimport path from 'node:path';\nimport { loadConfig } from '../config.js';\n\nexport default defineCommand({\n  meta: {\n    name: 'preview',\n    description: 'Start the design system preview server',\n  },\n  args: {\n    config: {\n      type: 'string',\n      alias: 'c',\n      description: 'Path to config file',\n      default: 'ryndesign.config.ts',\n    },\n    port: {\n      type: 'string',\n      description: 'Port to run the preview server on',\n    },\n    open: {\n      type: 'boolean',\n      description: 'Open browser automatically',\n      default: true,\n    },\n  },\n  async run({ args }) {\n    console.log(pc.cyan('🖥  RynDesign Preview\\n'));\n\n    const config = await loadConfig(args.config as string);\n    const port = args.port\n      ? parseInt(args.port as string, 10)\n      : config?.preview?.port ?? 4400;\n\n    let previewModule;\n    try {\n      const localRequire = createRequire(path.resolve(process.cwd(), 'package.json'));\n      const previewPath = localRequire.resolve('@ryndesign/preview');\n      previewModule = await import(pathToFileURL(previewPath).href);\n    } catch {\n      // Fallback: try direct import (works when CLI is installed locally)\n      try {\n        previewModule = await import('@ryndesign/preview');\n      } catch {\n        console.log(pc.yellow('Preview package not found. Install @ryndesign/preview'));\n        console.log(pc.gray('  npm install @ryndesign/preview'));\n        return;\n      }\n    }\n\n    await previewModule.startPreviewServer({\n      port,\n      open: args.open as boolean,\n    });\n  },\n});\n"],"mappings":";;;;;;AAAA,SAAS,qBAAqB;AAC9B,OAAO,QAAQ;AACf,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,OAAO,UAAU;AAGjB,IAAO,kBAAQ,cAAc;AAAA,EAC3B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,EACf;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,IACf;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,MACb,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,MAAM,IAAI,EAAE,KAAK,GAAG;AAClB,YAAQ,IAAI,GAAG,KAAK,gCAAyB,CAAC;AAE9C,UAAM,SAAS,MAAM,WAAW,KAAK,MAAgB;AACrD,UAAM,OAAO,KAAK,OACd,SAAS,KAAK,MAAgB,EAAE,IAChC,QAAQ,SAAS,QAAQ;AAE7B,QAAI;AACJ,QAAI;AACF,YAAM,eAAe,cAAc,KAAK,QAAQ,QAAQ,IAAI,GAAG,cAAc,CAAC;AAC9E,YAAM,cAAc,aAAa,QAAQ,oBAAoB;AAC7D,sBAAgB,MAAM,OAAO,cAAc,WAAW,EAAE;AAAA,IAC1D,QAAQ;AAEN,UAAI;AACF,wBAAgB,MAAM,OAAO,oBAAoB;AAAA,MACnD,QAAQ;AACN,gBAAQ,IAAI,GAAG,OAAO,uDAAuD,CAAC;AAC9E,gBAAQ,IAAI,GAAG,KAAK,kCAAkC,CAAC;AACvD;AAAA,MACF;AAAA,IACF;AAEA,UAAM,cAAc,mBAAmB;AAAA,MACrC;AAAA,MACA,MAAM,KAAK;AAAA,IACb,CAAC;AAAA,EACH;AACF,CAAC;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ryndesign/cli",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "CLI for RynDesign design system generator",
   "license": "MIT",
   "repository": {
@@ -28,28 +28,30 @@
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "templates",
+    "components"
   ],
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "test": "vitest run",
-    "lint": "eslint src/",
-    "clean": "rm -rf dist"
-  },
   "dependencies": {
-    "@ryndesign/core": "workspace:*",
-    "@ryndesign/plugin-api": "workspace:*",
     "citty": "^0.1.6",
     "@clack/prompts": "^0.8.0",
     "picocolors": "^1.1.0",
     "jiti": "^2.4.0",
     "chokidar": "^4.0.0",
-    "fast-glob": "^3.3.0"
+    "fast-glob": "^3.3.0",
+    "@ryndesign/plugin-api": "0.1.1",
+    "@ryndesign/core": "0.1.1"
   },
   "devDependencies": {
     "tsup": "^8.3.0",
     "typescript": "~5.5.0",
     "vitest": "^2.1.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "lint": "eslint src/",
+    "clean": "rm -rf dist"
   }
-}
+}

package/templates/dark.tokens.json

@@ -0,0 +1,20 @@
+{
+  "$description": "Dark theme overrides",
+  "$extensions": {
+    "com.ryndesign.theme": { "name": "dark", "extends": "default" }
+  },
+  "color": {
+    "$type": "color",
+    "background": {
+      "primary": { "$value": "{color.gray.900}" },
+      "secondary": { "$value": "{color.gray.800}" }
+    },
+    "text": {
+      "primary": { "$value": "{color.gray.50}" },
+      "secondary": { "$value": "{color.gray.400}" }
+    },
+    "border": {
+      "default": { "$value": "{color.gray.700}" }
+    }
+  }
+}

package/templates/full.tokens.json

@@ -0,0 +1,186 @@
+{
+  "color": {
+    "$type": "color",
+    "primary": { "$value": "#3B82F6", "$description": "Primary brand color" },
+    "secondary": { "$value": "#6366F1", "$description": "Secondary brand color" },
+    "success": { "$value": "#10B981" },
+    "warning": { "$value": "#F59E0B" },
+    "error": { "$value": "#EF4444" },
+    "info": { "$value": "#3B82F6" },
+    "white": { "$value": "#FFFFFF" },
+    "black": { "$value": "#000000" },
+    "gray": {
+      "50": { "$value": "#F9FAFB" },
+      "100": { "$value": "#F3F4F6" },
+      "200": { "$value": "#E5E7EB" },
+      "300": { "$value": "#D1D5DB" },
+      "400": { "$value": "#9CA3AF" },
+      "500": { "$value": "#6B7280" },
+      "600": { "$value": "#4B5563" },
+      "700": { "$value": "#374151" },
+      "800": { "$value": "#1F2937" },
+      "900": { "$value": "#111827" }
+    },
+    "background": {
+      "primary": { "$value": "{color.white}" },
+      "secondary": { "$value": "{color.gray.50}" },
+      "tertiary": { "$value": "{color.gray.100}" }
+    },
+    "text": {
+      "primary": { "$value": "{color.gray.900}" },
+      "secondary": { "$value": "{color.gray.600}" },
+      "tertiary": { "$value": "{color.gray.400}" },
+      "inverse": { "$value": "{color.white}" }
+    },
+    "border": {
+      "default": { "$value": "{color.gray.200}" },
+      "strong": { "$value": "{color.gray.400}" }
+    }
+  },
+  "spacing": {
+    "$type": "dimension",
+    "xs": { "$value": "4px" },
+    "sm": { "$value": "8px" },
+    "md": { "$value": "16px" },
+    "lg": { "$value": "24px" },
+    "xl": { "$value": "32px" },
+    "2xl": { "$value": "48px" },
+    "3xl": { "$value": "64px" },
+    "4xl": { "$value": "96px" }
+  },
+  "borderRadius": {
+    "$type": "dimension",
+    "none": { "$value": "0px" },
+    "sm": { "$value": "4px" },
+    "md": { "$value": "8px" },
+    "lg": { "$value": "12px" },
+    "xl": { "$value": "16px" },
+    "2xl": { "$value": "24px" },
+    "full": { "$value": "9999px" }
+  },
+  "fontSize": {
+    "$type": "dimension",
+    "xs": { "$value": "12px" },
+    "sm": { "$value": "14px" },
+    "md": { "$value": "16px" },
+    "lg": { "$value": "18px" },
+    "xl": { "$value": "20px" },
+    "2xl": { "$value": "24px" },
+    "3xl": { "$value": "30px" },
+    "4xl": { "$value": "36px" }
+  },
+  "fontWeight": {
+    "$type": "fontWeight",
+    "normal": { "$value": 400 },
+    "medium": { "$value": 500 },
+    "semibold": { "$value": 600 },
+    "bold": { "$value": 700 }
+  },
+  "lineHeight": {
+    "$type": "number",
+    "tight": { "$value": 1.25 },
+    "normal": { "$value": 1.5 },
+    "relaxed": { "$value": 1.75 }
+  },
+  "duration": {
+    "$type": "duration",
+    "fast": { "$value": "150ms" },
+    "normal": { "$value": "250ms" },
+    "slow": { "$value": "400ms" }
+  },
+  "shadow": {
+    "$type": "shadow",
+    "sm": {
+      "$value": {
+        "color": "#0000000D",
+        "offsetX": "0px",
+        "offsetY": "1px",
+        "blur": "2px",
+        "spread": "0px"
+      }
+    },
+    "md": {
+      "$value": {
+        "color": "#0000001A",
+        "offsetX": "0px",
+        "offsetY": "4px",
+        "blur": "6px",
+        "spread": "-1px"
+      }
+    },
+    "lg": {
+      "$value": {
+        "color": "#0000001A",
+        "offsetX": "0px",
+        "offsetY": "10px",
+        "blur": "15px",
+        "spread": "-3px"
+      }
+    }
+  },
+  "border": {
+    "$type": "border",
+    "default": {
+      "$value": {
+        "color": "{color.border.default}",
+        "width": "1px",
+        "style": "solid"
+      }
+    }
+  },
+  "typography": {
+    "$type": "typography",
+    "heading": {
+      "lg": {
+        "$value": {
+          "fontFamily": "Inter, sans-serif",
+          "fontSize": "{fontSize.3xl}",
+          "fontWeight": "{fontWeight.bold}",
+          "lineHeight": "{lineHeight.tight}"
+        }
+      },
+      "md": {
+        "$value": {
+          "fontFamily": "Inter, sans-serif",
+          "fontSize": "{fontSize.2xl}",
+          "fontWeight": "{fontWeight.semibold}",
+          "lineHeight": "{lineHeight.tight}"
+        }
+      },
+      "sm": {
+        "$value": {
+          "fontFamily": "Inter, sans-serif",
+          "fontSize": "{fontSize.xl}",
+          "fontWeight": "{fontWeight.semibold}",
+          "lineHeight": "{lineHeight.tight}"
+        }
+      }
+    },
+    "body": {
+      "lg": {
+        "$value": {
+          "fontFamily": "Inter, sans-serif",
+          "fontSize": "{fontSize.lg}",
+          "fontWeight": "{fontWeight.normal}",
+          "lineHeight": "{lineHeight.normal}"
+        }
+      },
+      "md": {
+        "$value": {
+          "fontFamily": "Inter, sans-serif",
+          "fontSize": "{fontSize.md}",
+          "fontWeight": "{fontWeight.normal}",
+          "lineHeight": "{lineHeight.normal}"
+        }
+      },
+      "sm": {
+        "$value": {
+          "fontFamily": "Inter, sans-serif",
+          "fontSize": "{fontSize.sm}",
+          "fontWeight": "{fontWeight.normal}",
+          "lineHeight": "{lineHeight.normal}"
+        }
+      }
+    }
+  }
+}

package/templates/minimal.tokens.json

@@ -0,0 +1,72 @@
+{
+  "color": {
+    "$type": "color",
+    "primary": { "$value": "#3B82F6", "$description": "Primary brand color" },
+    "secondary": { "$value": "#6366F1", "$description": "Secondary brand color" },
+    "white": { "$value": "#FFFFFF" },
+    "black": { "$value": "#000000" },
+    "gray": {
+      "50": { "$value": "#F9FAFB" },
+      "100": { "$value": "#F3F4F6" },
+      "200": { "$value": "#E5E7EB" },
+      "300": { "$value": "#D1D5DB" },
+      "400": { "$value": "#9CA3AF" },
+      "500": { "$value": "#6B7280" },
+      "600": { "$value": "#4B5563" },
+      "700": { "$value": "#374151" },
+      "800": { "$value": "#1F2937" },
+      "900": { "$value": "#111827" }
+    },
+    "background": {
+      "primary": { "$value": "{color.white}" },
+      "secondary": { "$value": "{color.gray.50}" }
+    },
+    "text": {
+      "primary": { "$value": "{color.gray.900}" },
+      "secondary": { "$value": "{color.gray.600}" }
+    },
+    "border": {
+      "default": { "$value": "{color.gray.200}" }
+    }
+  },
+  "spacing": {
+    "$type": "dimension",
+    "xs": { "$value": "4px" },
+    "sm": { "$value": "8px" },
+    "md": { "$value": "16px" },
+    "lg": { "$value": "24px" },
+    "xl": { "$value": "32px" },
+    "2xl": { "$value": "48px" }
+  },
+  "borderRadius": {
+    "$type": "dimension",
+    "none": { "$value": "0px" },
+    "sm": { "$value": "4px" },
+    "md": { "$value": "8px" },
+    "lg": { "$value": "12px" },
+    "full": { "$value": "9999px" }
+  },
+  "fontSize": {
+    "$type": "dimension",
+    "xs": { "$value": "12px" },
+    "sm": { "$value": "14px" },
+    "md": { "$value": "16px" },
+    "lg": { "$value": "18px" },
+    "xl": { "$value": "20px" },
+    "2xl": { "$value": "24px" },
+    "3xl": { "$value": "30px" }
+  },
+  "fontWeight": {
+    "$type": "fontWeight",
+    "normal": { "$value": 400 },
+    "medium": { "$value": 500 },
+    "semibold": { "$value": 600 },
+    "bold": { "$value": 700 }
+  },
+  "duration": {
+    "$type": "duration",
+    "fast": { "$value": "150ms" },
+    "normal": { "$value": "250ms" },
+    "slow": { "$value": "400ms" }
+  }
+}