inai-react-components 0.1.0

package/dist/commands/init.js

@@ -0,0 +1,267 @@
+import fs from "node:fs";
+import path from "node:path";
+import chalk from "chalk";
+import ora from "ora";
+import prompts from "prompts";
+import { cloneRegistry, getCacheDir } from "../utils/registry-resolver.js";
+const AVAILABLE_THEMES = ["monday", "linear", "notion", "vercel"];
+export async function promptInitConfig() {
+    const response = await prompts([
+        {
+            type: "text",
+            name: "componentPath",
+            message: "Where would you like to install components?",
+            initial: "src/components/ui",
+        },
+        {
+            type: "text",
+            name: "blockPath",
+            message: "Where would you like to install blocks?",
+            initial: "src/components/blocks",
+        },
+        {
+            type: "select",
+            name: "theme",
+            message: "Which base theme would you like to use?",
+            choices: AVAILABLE_THEMES.map((t) => ({ title: t, value: t })),
+            initial: 0,
+        },
+        {
+            type: "text",
+            name: "importAlias",
+            message: "Configure the import alias for components:",
+            initial: "@/components/ui",
+        },
+        {
+            type: "text",
+            name: "utilsAlias",
+            message: "Configure the import alias for utils:",
+            initial: "@/lib/utils",
+        },
+        {
+            type: "confirm",
+            name: "tanstackRouter",
+            message: "Would you like to use TanStack Router?",
+            initial: false,
+        },
+        {
+            type: "confirm",
+            name: "tanstackQuery",
+            message: "Would you like to use TanStack Query?",
+            initial: false,
+        },
+        {
+            type: "confirm",
+            name: "tanstackForm",
+            message: "Would you like to use TanStack Form?",
+            initial: false,
+        },
+        {
+            type: "confirm",
+            name: "tanstackTable",
+            message: "Would you like to use TanStack Table?",
+            initial: false,
+        },
+    ], {
+        onCancel: () => {
+            return false;
+        },
+    });
+    if (!response.componentPath) {
+        return null;
+    }
+    return response;
+}
+export function buildComponentsJson(config, repoUrl) {
+    const json = {
+        $schema: "https://inai-ui.dev/schema.json",
+        style: "default",
+        tailwind: {
+            config: "tailwind.config.ts",
+            css: "src/index.css",
+        },
+        aliases: {
+            components: config.importAlias,
+            blocks: config.blockPath.startsWith("src/")
+                ? `@/${config.blockPath.slice(4)}`
+                : config.blockPath,
+            utils: config.utilsAlias,
+        },
+        theme: config.theme,
+        tanstack: {
+            router: config.tanstackRouter,
+            query: config.tanstackQuery,
+            form: config.tanstackForm,
+            table: config.tanstackTable,
+        },
+    };
+    if (repoUrl) {
+        json.registrySource = repoUrl;
+    }
+    return json;
+}
+export function getCnTemplate() {
+    return `import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+`;
+}
+export function getLocalTailwindCssTemplate(theme) {
+    return `@import "tailwindcss";
+@import "./styles/tokens/index.css";
+@import "./styles/tokens/themes/${theme}.css";
+@import "./styles/tokens/presets/typography.css";
+@import "./styles/tokens/presets/animations.css";
+`;
+}
+export function getLegacyTailwindCssTemplate(theme) {
+    return `@import "tailwindcss";
+@import "@company/tokens";
+@import "@company/tokens/themes/${theme}.css";
+@import "@company/tokens/presets/typography.css";
+@import "@company/tokens/presets/animations.css";
+`;
+}
+function copyDirRecursive(src, dest) {
+    const copied = [];
+    if (!fs.existsSync(src))
+        return copied;
+    fs.mkdirSync(dest, { recursive: true });
+    for (const entry of fs.readdirSync(src, { withFileTypes: true })) {
+        const srcPath = path.join(src, entry.name);
+        const destPath = path.join(dest, entry.name);
+        if (entry.isDirectory()) {
+            copied.push(...copyDirRecursive(srcPath, destPath));
+        }
+        else {
+            fs.copyFileSync(srcPath, destPath);
+            copied.push(destPath);
+        }
+    }
+    return copied;
+}
+function copyTokensToProject(registryDir, targetDir, theme) {
+    const tokensSrc = path.join(registryDir, "packages", "tokens", "src");
+    const tokensDest = path.join(targetDir, "src", "styles", "tokens");
+    const copied = [];
+    if (!fs.existsSync(tokensSrc))
+        return copied;
+    fs.mkdirSync(tokensDest, { recursive: true });
+    // Copy base files
+    for (const file of ["base.css", "index.css"]) {
+        const src = path.join(tokensSrc, file);
+        if (fs.existsSync(src)) {
+            fs.copyFileSync(src, path.join(tokensDest, file));
+            copied.push(`src/styles/tokens/${file}`);
+        }
+    }
+    // Copy selected theme
+    const themesSrc = path.join(tokensSrc, "themes");
+    const themesDest = path.join(tokensDest, "themes");
+    if (fs.existsSync(themesSrc)) {
+        fs.mkdirSync(themesDest, { recursive: true });
+        const themeFile = `${theme}.css`;
+        const themeSrc = path.join(themesSrc, themeFile);
+        if (fs.existsSync(themeSrc)) {
+            fs.copyFileSync(themeSrc, path.join(themesDest, themeFile));
+            copied.push(`src/styles/tokens/themes/${themeFile}`);
+        }
+    }
+    // Copy presets
+    const presetsSrc = path.join(tokensSrc, "presets");
+    const presetsDest = path.join(tokensDest, "presets");
+    if (fs.existsSync(presetsSrc)) {
+        fs.mkdirSync(presetsDest, { recursive: true });
+        for (const file of ["typography.css", "animations.css"]) {
+            const src = path.join(presetsSrc, file);
+            if (fs.existsSync(src)) {
+                fs.copyFileSync(src, path.join(presetsDest, file));
+                copied.push(`src/styles/tokens/presets/${file}`);
+            }
+        }
+    }
+    return copied;
+}
+export async function runInit(config, targetDir, repoUrl) {
+    const filesCreated = [];
+    // 1. Create components.json
+    const componentsJsonPath = path.join(targetDir, "components.json");
+    const componentsJson = buildComponentsJson(config, repoUrl);
+    fs.writeFileSync(componentsJsonPath, JSON.stringify(componentsJson, null, 2) + "\n");
+    filesCreated.push("components.json");
+    // 2. Create component and block directories
+    const componentDir = path.join(targetDir, config.componentPath);
+    fs.mkdirSync(componentDir, { recursive: true });
+    const blockDir = path.join(targetDir, config.blockPath);
+    fs.mkdirSync(blockDir, { recursive: true });
+    // 3. Create cn.ts utility
+    const utilsDir = path.join(targetDir, "src", "lib");
+    fs.mkdirSync(utilsDir, { recursive: true });
+    const cnPath = path.join(utilsDir, "cn.ts");
+    fs.writeFileSync(cnPath, getCnTemplate());
+    filesCreated.push("src/lib/cn.ts");
+    // 4. Copy tokens and create CSS
+    const cssDir = path.join(targetDir, "src");
+    fs.mkdirSync(cssDir, { recursive: true });
+    const cssPath = path.join(cssDir, "index.css");
+    if (repoUrl) {
+        // Remote mode: copy tokens from cached registry
+        const registryDir = getCacheDir();
+        const tokenFiles = copyTokensToProject(registryDir, targetDir, config.theme);
+        filesCreated.push(...tokenFiles);
+        fs.writeFileSync(cssPath, getLocalTailwindCssTemplate(config.theme));
+    }
+    else {
+        // Local mode: reference @company/tokens package
+        fs.writeFileSync(cssPath, getLegacyTailwindCssTemplate(config.theme));
+    }
+    filesCreated.push("src/index.css");
+    return { success: true, filesCreated };
+}
+export async function initCommand(repoUrl) {
+    console.log(chalk.bold("\nInAI UI - Project Initialization\n"));
+    if (repoUrl) {
+        const spinner = ora("Cloning component registry...").start();
+        try {
+            cloneRegistry(repoUrl);
+            spinner.succeed("Registry cloned successfully!");
+        }
+        catch (error) {
+            spinner.fail("Failed to clone registry.");
+            const message = error instanceof Error ? error.message : String(error);
+            console.error(chalk.red(`\nError: ${message}`));
+            console.error(chalk.dim("\nMake sure you have access to the repository and your SSH keys are configured."));
+            process.exit(1);
+        }
+    }
+    const config = await promptInitConfig();
+    if (!config) {
+        console.log(chalk.yellow("\nInitialization cancelled."));
+        process.exit(0);
+    }
+    const spinner = ora("Initializing project...").start();
+    try {
+        const targetDir = process.cwd();
+        const result = await runInit(config, targetDir, repoUrl);
+        spinner.succeed("Project initialized successfully!");
+        console.log(chalk.green("\nCreated files:"));
+        for (const file of result.filesCreated) {
+            console.log(chalk.dim(`  - ${file}`));
+        }
+        console.log(chalk.bold("\nNext steps:"));
+        console.log(chalk.dim("  1. Install dependencies:"));
+        console.log(chalk.cyan("     pnpm add clsx tailwind-merge class-variance-authority"));
+        console.log(chalk.cyan("     pnpm add react-aria react-aria-components motion"));
+        console.log(chalk.dim("  2. Start adding components:"));
+        console.log(chalk.cyan("     npx inai-react-components add button"));
+    }
+    catch (error) {
+        spinner.fail("Initialization failed.");
+        const message = error instanceof Error ? error.message : String(error);
+        console.error(chalk.red(`\nError: ${message}`));
+        process.exit(1);
+    }
+}

package/dist/commands/list.d.ts

@@ -0,0 +1,8 @@
+import { type RegistryComponent } from "./status.js";
+export interface ListOptions {
+    category?: string;
+}
+export declare function formatComponentTable(components: RegistryComponent[], filterCategory?: string): string;
+export declare function runList(registryPath: string, options: ListOptions): Promise<string>;
+export declare function listCommand(options: ListOptions): Promise<void>;
+//# sourceMappingURL=list.d.ts.map

package/dist/commands/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/commands/list.ts"],"names":[],"mappings":"AAGA,OAAO,EAAoB,KAAK,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGvE,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAOD,wBAAgB,oBAAoB,CAClC,UAAU,EAAE,iBAAiB,EAAE,EAC/B,cAAc,CAAC,EAAE,MAAM,GACtB,MAAM,CA6CR;AAED,wBAAsB,OAAO,CAC3B,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,WAAW,GACnB,OAAO,CAAC,MAAM,CAAC,CAgBjB;AAED,wBAAsB,WAAW,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAgBrE"}

package/dist/commands/list.js

@@ -0,0 +1,73 @@
+import path from "node:path";
+import chalk from "chalk";
+import ora from "ora";
+import { readRegistryJson } from "./status.js";
+import { resolveRegistryDir } from "../utils/registry-resolver.js";
+function padRight(str, len) {
+    if (str.length >= len)
+        return str;
+    return str + " ".repeat(len - str.length);
+}
+export function formatComponentTable(components, filterCategory) {
+    let filtered = components;
+    if (filterCategory) {
+        filtered = components.filter((c) => c.type.toLowerCase() === filterCategory.toLowerCase());
+    }
+    if (filtered.length === 0) {
+        if (filterCategory) {
+            return chalk.yellow(`No components found with category "${filterCategory}".`);
+        }
+        return chalk.yellow("No components found in registry.");
+    }
+    const title = filterCategory
+        ? `${chalk.bold("Components")} (category: ${filterCategory})`
+        : chalk.bold("All Components");
+    const countInfo = chalk.dim(`${filtered.length} component${filtered.length === 1 ? "" : "s"}`);
+    const header = `${title}  ${countInfo}\n`;
+    const separator = chalk.dim("─".repeat(80)) + "\n";
+    const columnHeader = chalk.bold(padRight("Name", 22)) +
+        chalk.bold(padRight("Type", 14)) +
+        chalk.bold("Description") +
+        "\n";
+    let rows = "";
+    for (const comp of filtered) {
+        const description = comp.description.length > 42
+            ? comp.description.slice(0, 39) + "..."
+            : comp.description;
+        rows +=
+            chalk.cyan(padRight(comp.name, 22)) +
+                padRight(comp.type, 14) +
+                chalk.dim(description) +
+                "\n";
+    }
+    return header + separator + columnHeader + separator + rows;
+}
+export async function runList(registryPath, options) {
+    const registry = readRegistryJson(registryPath);
+    if (!registry) {
+        return chalk.red(`Registry not found at ${registryPath}. Ensure you are in the project root.`);
+    }
+    const allItems = [
+        ...registry.components,
+        ...registry.blocks,
+        ...registry.templates,
+    ];
+    return formatComponentTable(allItems, options.category);
+}
+export async function listCommand(options) {
+    const spinner = ora("Loading component registry...").start();
+    try {
+        const rootDir = process.cwd();
+        const registryDir = resolveRegistryDir(rootDir);
+        const registryPath = path.join(registryDir, "registry.json");
+        const output = await runList(registryPath, options);
+        spinner.stop();
+        console.log(output);
+    }
+    catch (error) {
+        spinner.fail("Failed to load registry.");
+        const message = error instanceof Error ? error.message : String(error);
+        console.error(chalk.red(`\nError: ${message}`));
+        process.exit(1);
+    }
+}

package/dist/commands/status.d.ts

@@ -0,0 +1,50 @@
+export interface ComponentsJsonFile {
+    $schema: string;
+    style: string;
+    tailwind: {
+        config: string;
+        css: string;
+    };
+    aliases: {
+        components: string;
+        blocks: string;
+        utils: string;
+    };
+    registrySource?: string;
+    theme: string;
+    tanstack: {
+        router: boolean;
+        query: boolean;
+        form: boolean;
+        table: boolean;
+    };
+    installedComponents?: InstalledComponent[];
+}
+export interface InstalledComponent {
+    name: string;
+    version: string;
+    installedAt: string;
+}
+export interface RegistryJson {
+    version: string;
+    components: RegistryComponent[];
+    blocks: RegistryComponent[];
+    templates: RegistryComponent[];
+}
+export interface RegistryComponent {
+    name: string;
+    type: string;
+    description: string;
+    files: string[];
+    npmDeps: string[];
+    internalDeps: string[];
+    tokenUsage: string[];
+    tanstackCompatibility: Record<string, boolean>;
+    fieldWrappers?: string[];
+}
+export declare function readComponentsJson(rootDir: string): ComponentsJsonFile | null;
+export declare function readRegistryJson(registryPath: string): RegistryJson | null;
+export declare function formatStatusTable(installedComponents: InstalledComponent[], registryVersion: string): string;
+export declare function runStatus(rootDir: string): Promise<string>;
+export declare function statusCommand(): Promise<void>;
+//# sourceMappingURL=status.d.ts.map

package/dist/commands/status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../src/commands/status.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE;QACR,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,OAAO,EAAE;QACP,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE;QACR,MAAM,EAAE,OAAO,CAAC;QAChB,KAAK,EAAE,OAAO,CAAC;QACf,IAAI,EAAE,OAAO,CAAC;QACd,KAAK,EAAE,OAAO,CAAC;KAChB,CAAC;IACF,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,iBAAiB,EAAE,CAAC;IAChC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,SAAS,EAAE,iBAAiB,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,GAAG,kBAAkB,GAAG,IAAI,CAO7E;AAED,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,CAM1E;AAED,wBAAgB,iBAAiB,CAC/B,mBAAmB,EAAE,kBAAkB,EAAE,EACzC,eAAe,EAAE,MAAM,GACtB,MAAM,CAuBR;AAOD,wBAAsB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAkBhE;AAED,wBAAsB,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC,CAcnD"}

package/dist/commands/status.js

@@ -0,0 +1,72 @@
+import fs from "node:fs";
+import path from "node:path";
+import chalk from "chalk";
+import ora from "ora";
+export function readComponentsJson(rootDir) {
+    const filePath = path.join(rootDir, "components.json");
+    if (!fs.existsSync(filePath)) {
+        return null;
+    }
+    const raw = fs.readFileSync(filePath, "utf-8");
+    return JSON.parse(raw);
+}
+export function readRegistryJson(registryPath) {
+    if (!fs.existsSync(registryPath)) {
+        return null;
+    }
+    const raw = fs.readFileSync(registryPath, "utf-8");
+    return JSON.parse(raw);
+}
+export function formatStatusTable(installedComponents, registryVersion) {
+    if (installedComponents.length === 0) {
+        return chalk.yellow("No components installed yet. Run `inai-ui add` to get started.");
+    }
+    const header = `${chalk.bold("Installed Components")} (registry v${registryVersion})\n`;
+    const separator = chalk.dim("─".repeat(60)) + "\n";
+    const columnHeader = chalk.bold(padRight("Component", 20)) +
+        chalk.bold(padRight("Version", 15)) +
+        chalk.bold("Installed At") +
+        "\n";
+    let rows = "";
+    for (const comp of installedComponents) {
+        rows +=
+            chalk.cyan(padRight(comp.name, 20)) +
+                padRight(comp.version, 15) +
+                chalk.dim(comp.installedAt) +
+                "\n";
+    }
+    return header + separator + columnHeader + separator + rows;
+}
+function padRight(str, len) {
+    if (str.length >= len)
+        return str;
+    return str + " ".repeat(len - str.length);
+}
+export async function runStatus(rootDir) {
+    const componentsJson = readComponentsJson(rootDir);
+    if (!componentsJson) {
+        return chalk.red("No components.json found. Run `inai-ui init` first to initialize your project.");
+    }
+    const { resolveRegistryDir } = await import("../utils/registry-resolver.js");
+    const registryDir = resolveRegistryDir(rootDir);
+    const registryPath = path.join(registryDir, "registry.json");
+    const registry = readRegistryJson(registryPath);
+    const registryVersion = registry?.version ?? "unknown";
+    const installed = componentsJson.installedComponents ?? [];
+    return formatStatusTable(installed, registryVersion);
+}
+export async function statusCommand() {
+    const spinner = ora("Reading project configuration...").start();
+    try {
+        const rootDir = process.cwd();
+        const output = await runStatus(rootDir);
+        spinner.stop();
+        console.log(output);
+    }
+    catch (error) {
+        spinner.fail("Failed to read project status.");
+        const message = error instanceof Error ? error.message : String(error);
+        console.error(chalk.red(`\nError: ${message}`));
+        process.exit(1);
+    }
+}

package/dist/commands/sync.d.ts

@@ -0,0 +1,2 @@
+export declare function syncCommand(): Promise<void>;
+//# sourceMappingURL=sync.d.ts.map

package/dist/commands/sync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync.d.ts","sourceRoot":"","sources":["../../src/commands/sync.ts"],"names":[],"mappings":"AAKA,wBAAsB,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,CAwBjD"}

package/dist/commands/sync.js

@@ -0,0 +1,23 @@
+import chalk from "chalk";
+import ora from "ora";
+import { readComponentsJson } from "./status.js";
+import { cloneRegistry } from "../utils/registry-resolver.js";
+export async function syncCommand() {
+    const rootDir = process.cwd();
+    const componentsJson = readComponentsJson(rootDir);
+    if (!componentsJson?.registrySource) {
+        console.log(chalk.yellow("No remote registry configured. Run `inai-ui init <repo-url>` first."));
+        process.exit(1);
+    }
+    const spinner = ora("Syncing registry from remote...").start();
+    try {
+        cloneRegistry(componentsJson.registrySource);
+        spinner.succeed("Registry synced successfully!");
+    }
+    catch (error) {
+        spinner.fail("Failed to sync registry.");
+        const message = error instanceof Error ? error.message : String(error);
+        console.error(chalk.red(`\nError: ${message}`));
+        process.exit(1);
+    }
+}

package/dist/commands/theme.d.ts

@@ -0,0 +1,14 @@
+export interface ThemeCreateOptions {
+    name: string;
+    base: string;
+}
+export declare function resolveThemesDir(rootDir: string): string;
+export declare function readBaseTheme(themesDir: string, baseName: string): string | null;
+export declare function generateThemeCss(baseCss: string, newName: string, baseName: string): string;
+export declare function runThemeCreate(options: ThemeCreateOptions, rootDir: string): Promise<{
+    success: boolean;
+    filePath: string;
+    message: string;
+}>;
+export declare function themeCreateCommand(options: ThemeCreateOptions): Promise<void>;
+//# sourceMappingURL=theme.d.ts.map

package/dist/commands/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/commands/theme.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAExD;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAMhF;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAgB3F;AAED,wBAAsB,cAAc,CAClC,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,MAAM,GACd,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAoDlE;AAED,wBAAsB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,CAwBnF"}

package/dist/commands/theme.js

@@ -0,0 +1,94 @@
+import fs from "node:fs";
+import path from "node:path";
+import chalk from "chalk";
+import ora from "ora";
+const AVAILABLE_THEMES = ["monday", "linear", "notion", "vercel"];
+export function resolveThemesDir(rootDir) {
+    return path.join(rootDir, "packages", "tokens", "src", "themes");
+}
+export function readBaseTheme(themesDir, baseName) {
+    const basePath = path.join(themesDir, `${baseName}.css`);
+    if (!fs.existsSync(basePath)) {
+        return null;
+    }
+    return fs.readFileSync(basePath, "utf-8");
+}
+export function generateThemeCss(baseCss, newName, baseName) {
+    // Replace the header comment with the new theme name
+    const capitalized = newName.charAt(0).toUpperCase() + newName.slice(1);
+    const baseCapitalized = baseName.charAt(0).toUpperCase() + baseName.slice(1);
+    let output = baseCss;
+    // Replace the theme name in the top comment block
+    const commentPattern = /\/\*[\s\S]*?\*\//;
+    const match = output.match(commentPattern);
+    if (match) {
+        const newComment = `/*\n * ${capitalized} Theme (Custom)\n * Based on ${baseCapitalized} theme\n * Generated by company-ui CLI\n * OKLCH color space with .dark class toggle\n */`;
+        output = output.replace(commentPattern, newComment);
+    }
+    return output;
+}
+export async function runThemeCreate(options, rootDir) {
+    const { name, base } = options;
+    if (!name || name.trim().length === 0) {
+        return {
+            success: false,
+            filePath: "",
+            message: "Theme name is required.",
+        };
+    }
+    const validBases = [...AVAILABLE_THEMES];
+    if (!validBases.includes(base)) {
+        return {
+            success: false,
+            filePath: "",
+            message: `Invalid base theme "${base}". Available themes: ${AVAILABLE_THEMES.join(", ")}`,
+        };
+    }
+    const themesDir = resolveThemesDir(rootDir);
+    const baseCss = readBaseTheme(themesDir, base);
+    if (baseCss === null) {
+        return {
+            success: false,
+            filePath: "",
+            message: `Base theme file not found: ${path.join(themesDir, `${base}.css`)}`,
+        };
+    }
+    const outputFileName = `${name}.css`;
+    const outputPath = path.join(themesDir, outputFileName);
+    if (fs.existsSync(outputPath)) {
+        return {
+            success: false,
+            filePath: outputPath,
+            message: `Theme file "${outputFileName}" already exists at ${themesDir}.`,
+        };
+    }
+    const themeCss = generateThemeCss(baseCss, name, base);
+    fs.mkdirSync(themesDir, { recursive: true });
+    fs.writeFileSync(outputPath, themeCss);
+    return {
+        success: true,
+        filePath: outputPath,
+        message: `Theme "${name}" created at ${outputPath}`,
+    };
+}
+export async function themeCreateCommand(options) {
+    const spinner = ora(`Creating theme "${options.name}" based on "${options.base}"...`).start();
+    try {
+        const rootDir = process.cwd();
+        const result = await runThemeCreate(options, rootDir);
+        if (result.success) {
+            spinner.succeed(result.message);
+            console.log(chalk.dim(`\nTo use this theme, import it in your CSS:`));
+            console.log(chalk.cyan(`  @import "@company/tokens/themes/${options.name}.css";`));
+        }
+        else {
+            spinner.fail(result.message);
+        }
+    }
+    catch (error) {
+        spinner.fail("Theme creation failed.");
+        const message = error instanceof Error ? error.message : String(error);
+        console.error(chalk.red(`\nError: ${message}`));
+        process.exit(1);
+    }
+}

package/dist/commands/update.d.ts

@@ -0,0 +1,8 @@
+export interface UpdateResult {
+    updated: boolean;
+    message: string;
+    files: string[];
+}
+export declare function runUpdate(componentName: string, rootDir: string, skipPrompts?: boolean): Promise<UpdateResult>;
+export declare function updateCommand(componentName: string): Promise<void>;
+//# sourceMappingURL=update.d.ts.map

package/dist/commands/update.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../src/commands/update.ts"],"names":[],"mappings":"AAaA,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,wBAAsB,SAAS,CAC7B,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,MAAM,EACf,WAAW,UAAQ,GAClB,OAAO,CAAC,YAAY,CAAC,CAgIvB;AAED,wBAAsB,aAAa,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAyBxE"}