inai-react-components 0.1.4 → 0.1.6

package/dist/commands/add.d.ts

@@ -30,5 +30,7 @@ export declare function getTargetDir(component: RegistryComponent, aliases: {
     blocks: string;
 }): string;
 export declare function runAdd(componentSpec: string, rootDir: string): Promise<AddResult>;
-export declare function addCommand(componentSpec?: string): Promise<void>;
+export declare function addCommand(componentSpec?: string, options?: {
+    all?: boolean;
+}): Promise<void>;
 //# sourceMappingURL=add.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../src/commands/add.ts"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,iBAAiB,EAEvB,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG;IAChD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;CACd,CAQA;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,QAAQ,EAAE;IAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC;IAAC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAAC,SAAS,EAAE,iBAAiB,EAAE,CAAA;CAAE,EAC1G,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,GAAG,IAAI,GACpB,iBAAiB,GAAG,IAAI,CAc1B;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC9C,MAAM,CAUR;AAED,wBAAsB,MAAM,CAC1B,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,SAAS,CAAC,CAsHpB;AAuBD,wBAAsB,UAAU,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CA0BtE"}
+{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../src/commands/add.ts"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,iBAAiB,EAEvB,MAAM,aAAa,CAAC;AASrB,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG;IAChD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;CACd,CAQA;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,QAAQ,EAAE;IAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC;IAAC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAAC,SAAS,EAAE,iBAAiB,EAAE,CAAA;CAAE,EAC1G,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,GAAG,IAAI,GACpB,iBAAiB,GAAG,IAAI,CAc1B;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC9C,MAAM,CAUR;AAED,wBAAsB,MAAM,CAC1B,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,SAAS,CAAC,CAsHpB;AAuBD,wBAAsB,UAAU,CAC9B,aAAa,CAAC,EAAE,MAAM,EACtB,OAAO,CAAC,EAAE;IAAE,GAAG,CAAC,EAAE,OAAO,CAAA;CAAE,GAC1B,OAAO,CAAC,IAAI,CAAC,CAgCf"}

package/dist/commands/add.js

@@ -5,6 +5,7 @@ import ora from "ora";
 import prompts from "prompts";
 import { readComponentsJson, readRegistryJson, } from "./status.js";
 import { resolveRegistryDir } from "../utils/registry-resolver.js";
+import { normalizeThemeCss, getLocalTailwindCssTemplate, getLegacyTailwindCssTemplate, } from "./init.js";
 /**
  * Parse a component spec like "button", "block/auth-login", or "template/admin-dashboard"
  * into its type prefix and name.
@@ -166,7 +167,12 @@ function printAddResult(result) {
         console.log(chalk.cyan(`  pnpm add ${result.npmDeps.join(" ")}`));
     }
 }
-export async function addCommand(componentSpec) {
+export async function addCommand(componentSpec, options) {
+    // If --all flag, install everything
+    if (options?.all) {
+        await installAll();
+        return;
+    }
     // If no component specified, show interactive picker
     if (!componentSpec) {
         await interactiveAdd();
@@ -190,6 +196,173 @@ export async function addCommand(componentSpec) {
         process.exit(1);
     }
 }
+/**
+ * Discover available themes from the registry's tokens directory.
+ */
+function discoverThemes(registryDir) {
+    const themesDir = path.join(registryDir, "packages", "tokens", "src", "themes");
+    if (fs.existsSync(themesDir)) {
+        return fs
+            .readdirSync(themesDir)
+            .filter((f) => f.endsWith(".css"))
+            .map((f) => f.replace(/\.css$/, ""))
+            .sort();
+    }
+    return [];
+}
+/**
+ * Switch the project's theme. Copies the new theme CSS (normalized),
+ * updates components.json, and regenerates the CSS entry point.
+ */
+async function changeTheme(rootDir, registryDir) {
+    const componentsJson = readComponentsJson(rootDir);
+    const currentTheme = componentsJson.theme ?? "monday";
+    const themes = discoverThemes(registryDir);
+    if (themes.length === 0) {
+        console.log(chalk.red("No themes found in registry."));
+        return;
+    }
+    const currentIdx = themes.indexOf(currentTheme);
+    const response = await prompts({
+        type: "select",
+        name: "theme",
+        message: `Select a theme ${chalk.dim(`(current: ${currentTheme})`)}`,
+        choices: themes.map((t) => ({
+            title: t === currentTheme ? `${t} ${chalk.green("(current)")}` : t,
+            value: t,
+        })),
+        initial: currentIdx >= 0 ? currentIdx : 0,
+    });
+    if (!response.theme) {
+        console.log(chalk.yellow("\nTheme change cancelled."));
+        return;
+    }
+    const newTheme = response.theme;
+    if (newTheme === currentTheme) {
+        console.log(chalk.dim("\nTheme unchanged."));
+        return;
+    }
+    const spinner = ora(`Switching theme to "${newTheme}"...`).start();
+    try {
+        const tokensSrc = path.join(registryDir, "packages", "tokens", "src");
+        const isRemote = !!componentsJson.registrySource;
+        if (isRemote) {
+            // Remote mode: copy and normalize theme file
+            const themesSrc = path.join(tokensSrc, "themes");
+            const themesDest = path.join(rootDir, "src", "styles", "tokens", "themes");
+            // Remove old theme file
+            const oldThemeFile = path.join(themesDest, `${currentTheme}.css`);
+            if (fs.existsSync(oldThemeFile)) {
+                fs.unlinkSync(oldThemeFile);
+            }
+            // Copy and normalize new theme
+            const newThemeSrc = path.join(themesSrc, `${newTheme}.css`);
+            if (fs.existsSync(newThemeSrc)) {
+                fs.mkdirSync(themesDest, { recursive: true });
+                const rawCss = fs.readFileSync(newThemeSrc, "utf-8");
+                const normalizedCss = normalizeThemeCss(rawCss, newTheme);
+                fs.writeFileSync(path.join(themesDest, `${newTheme}.css`), normalizedCss);
+            }
+            // Regenerate index.css
+            const font = componentsJson.font ?? { body: "outfit", heading: "outfit" };
+            const radius = componentsJson.radius ?? 0.5;
+            const cssPath = path.join(rootDir, "src", "index.css");
+            fs.writeFileSync(cssPath, getLocalTailwindCssTemplate(newTheme, font.body, font.heading, radius));
+        }
+        else {
+            // Local mode: just regenerate index.css with new import
+            const font = componentsJson.font ?? { body: "outfit", heading: "outfit" };
+            const radius = componentsJson.radius ?? 0.5;
+            const cssPath = path.join(rootDir, "src", "index.css");
+            fs.writeFileSync(cssPath, getLegacyTailwindCssTemplate(newTheme, font.body, font.heading, radius));
+        }
+        // Update components.json
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        componentsJson.theme = newTheme;
+        const componentsJsonPath = path.join(rootDir, "components.json");
+        fs.writeFileSync(componentsJsonPath, JSON.stringify(componentsJson, null, 2) + "\n");
+        spinner.succeed(`Theme switched to "${newTheme}"`);
+        console.log(chalk.green("\nUpdated files:"));
+        console.log(chalk.dim("  - components.json"));
+        console.log(chalk.dim("  - src/index.css"));
+        if (componentsJson.registrySource) {
+            console.log(chalk.dim(`  - src/styles/tokens/themes/${newTheme}.css`));
+        }
+    }
+    catch (error) {
+        spinner.fail("Failed to switch theme.");
+        const message = error instanceof Error ? error.message : String(error);
+        console.error(chalk.red(`\nError: ${message}`));
+    }
+}
+async function installAll() {
+    const rootDir = process.cwd();
+    const componentsJson = readComponentsJson(rootDir);
+    if (!componentsJson) {
+        console.log(chalk.red("No components.json found. Run `inai-ui init` first to initialize your project."));
+        process.exit(1);
+    }
+    const registryDir = resolveRegistryDir(rootDir);
+    const registryPath = path.join(registryDir, "registry.json");
+    const registry = readRegistryJson(registryPath);
+    if (!registry) {
+        console.log(chalk.red("Registry not found. Ensure your project is initialized correctly."));
+        process.exit(1);
+    }
+    const allItems = [
+        ...registry.components,
+        ...registry.blocks,
+        ...registry.templates,
+    ];
+    console.log(chalk.bold(`\nInstalling all ${allItems.length} components, blocks, and templates...\n`));
+    const installed = componentsJson.installedComponents ?? [];
+    const installedNames = new Set(installed.map((c) => c.name));
+    const allNpmDeps = new Set();
+    let addedCount = 0;
+    let updatedCount = 0;
+    for (const item of allItems) {
+        const isInstalled = installedNames.has(item.name);
+        const action = isInstalled ? "Updating" : "Adding";
+        const prefix = item.type === "block" ? "block/" : item.type === "template" ? "template/" : "";
+        const spinner = ora(`${action} "${prefix}${item.name}"...`).start();
+        try {
+            const spec = prefix ? `${prefix}${item.name}` : item.name;
+            const result = await runAdd(spec, rootDir);
+            if (!result.added) {
+                spinner.fail(result.message);
+                continue;
+            }
+            if (isInstalled) {
+                spinner.succeed(`Updated "${prefix}${item.name}"`);
+                updatedCount++;
+            }
+            else {
+                spinner.succeed(`Added "${prefix}${item.name}"`);
+                addedCount++;
+            }
+            for (const dep of result.npmDeps) {
+                allNpmDeps.add(dep);
+            }
+        }
+        catch (error) {
+            spinner.fail(`Failed to process "${prefix}${item.name}"`);
+            const message = error instanceof Error ? error.message : String(error);
+            console.error(chalk.red(`  Error: ${message}`));
+        }
+    }
+    // Summary
+    console.log(chalk.bold("\nSummary:"));
+    if (addedCount > 0) {
+        console.log(chalk.green(`  ${addedCount} component${addedCount > 1 ? "s" : ""} added`));
+    }
+    if (updatedCount > 0) {
+        console.log(chalk.blue(`  ${updatedCount} component${updatedCount > 1 ? "s" : ""} updated`));
+    }
+    if (allNpmDeps.size > 0) {
+        console.log(chalk.yellow("\nInstall required npm dependencies:"));
+        console.log(chalk.cyan(`  pnpm add ${[...allNpmDeps].join(" ")}`));
+    }
+}
 async function interactiveAdd() {
     const rootDir = process.cwd();
     const componentsJson = readComponentsJson(rootDir);
@@ -204,6 +377,26 @@ async function interactiveAdd() {
         console.log(chalk.red("Registry not found. Ensure your project is initialized correctly."));
         process.exit(1);
     }
+    // First: ask what the user wants to do
+    console.log(chalk.bold("\nInAI UI - Interactive Menu\n"));
+    const actionResponse = await prompts({
+        type: "select",
+        name: "action",
+        message: "What would you like to do?",
+        choices: [
+            { title: "Add components", value: "components", description: "Browse and install components, blocks, or templates" },
+            { title: "Change theme", value: "theme", description: `Current: ${componentsJson.theme ?? "monday"}` },
+        ],
+    });
+    if (!actionResponse.action) {
+        return;
+    }
+    // Theme change flow
+    if (actionResponse.action === "theme") {
+        await changeTheme(rootDir, registryDir);
+        return;
+    }
+    // Component picker flow
     const allItems = [
         ...registry.components,
         ...registry.blocks,
@@ -227,8 +420,7 @@ async function interactiveAdd() {
             selected: false,
         };
     });
-    console.log(chalk.bold("\nInAI UI - Component Picker\n"));
-    console.log(chalk.dim("Select components to add or update. Already installed components will be updated.\n"));
+    console.log(chalk.dim("\nSelect components to add or update. Already installed components will be updated.\n"));
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const response = await prompts({
         type: "multiselect",

package/dist/commands/init.d.ts

@@ -259,6 +259,13 @@ export declare function buildComponentsJson(config: InitConfig, repoUrl?: string
 export declare function getCnTemplate(): string;
 export declare function getLocalTailwindCssTemplate(theme: Theme, fontBody: FontPreset, fontHeading: FontPreset, radius: number): string;
 export declare function getLegacyTailwindCssTemplate(theme: Theme, fontBody: FontPreset, fontHeading: FontPreset, radius: number): string;
+/**
+ * Strip the `[data-theme="<name>"]` selector from theme CSS so it applies
+ * directly on `:root` / `.dark`. This is used when copying a single theme
+ * for a project — the theme becomes the default without needing a
+ * `data-theme` attribute on the HTML element.
+ */
+export declare function normalizeThemeCss(css: string, theme: string): string;
 export declare function runInit(config: InitConfig, targetDir: string, repoUrl?: string): Promise<{
     success: boolean;
     filesCreated: string[];

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

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,gBAAgB,yMAeZ,CAAC;AACX,KAAK,KAAK,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/C,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DR,CAAC;AACX,KAAK,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAUxD,MAAM,WAAW,UAAU;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,UAAU,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,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,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU,CAAC;QACjB,OAAO,EAAE,UAAU,CAAC;KACrB,CAAC;IACF,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE;QACR,MAAM,EAAE,OAAO,CAAC;QAChB,KAAK,EAAE,OAAO,CAAC;QACf,IAAI,EAAE,OAAO,CAAC;QACd,KAAK,EAAE,OAAO,CAAC;KAChB,CAAC;CACH;AAgBD,wBAAsB,gBAAgB,CACpC,WAAW,CAAC,EAAE,MAAM,GACnB,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,CA8F5B;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,UAAU,EAClB,OAAO,CAAC,EAAE,MAAM,GACf,cAAc,CAkChB;AAED,wBAAgB,aAAa,IAAI,MAAM,CAQtC;AAOD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAa/H;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAahI;AA2ED,wBAAsB,OAAO,CAC3B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,GACf,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC,CA4CvD;AAED,wBAAsB,WAAW,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CA0DjE"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"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"}

package/dist/commands/init.js

@@ -264,6 +264,24 @@ export function getLegacyTailwindCssTemplate(theme, fontBody, fontHeading, radiu
 }
 `;
 }
+/**
+ * Strip the `[data-theme="<name>"]` selector from theme CSS so it applies
+ * directly on `:root` / `.dark`. This is used when copying a single theme
+ * for a project — the theme becomes the default without needing a
+ * `data-theme` attribute on the HTML element.
+ */
+export function normalizeThemeCss(css, theme) {
+    // Replace `:root[data-theme="<name>"],\n[data-theme="<name>"]` → `:root`
+    const rootSelector = new RegExp(`:root\\[data-theme="${theme}"\\],?\\s*\\n?\\[data-theme="${theme}"\\]`, "g");
+    let normalized = css.replace(rootSelector, ":root");
+    // Replace `.dark[data-theme="<name>"],\n[data-theme="<name>"].dark` → `.dark`
+    const darkSelector = new RegExp(`\\.dark\\[data-theme="${theme}"\\],?\\s*\\n?\\[data-theme="${theme}"\\]\\.dark`, "g");
+    normalized = normalized.replace(darkSelector, ".dark");
+    // Catch any remaining standalone `[data-theme="<name>"]` selectors
+    const standaloneSelector = new RegExp(`\\[data-theme="${theme}"\\]`, "g");
+    normalized = normalized.replace(standaloneSelector, "");
+    return normalized;
+}
 function copyDirRecursive(src, dest) {
     const copied = [];
     if (!fs.existsSync(src))
@@ -297,7 +315,7 @@ function copyTokensToProject(registryDir, targetDir, theme) {
             copied.push(`src/styles/tokens/${file}`);
         }
     }
-    // Copy selected theme
+    // Copy selected theme (normalized so it applies without data-theme attribute)
     const themesSrc = path.join(tokensSrc, "themes");
     const themesDest = path.join(tokensDest, "themes");
     if (fs.existsSync(themesSrc)) {
@@ -305,7 +323,9 @@ function copyTokensToProject(registryDir, targetDir, theme) {
         const themeFile = `${theme}.css`;
         const themeSrc = path.join(themesSrc, themeFile);
         if (fs.existsSync(themeSrc)) {
-            fs.copyFileSync(themeSrc, path.join(themesDest, themeFile));
+            const rawCss = fs.readFileSync(themeSrc, "utf-8");
+            const normalizedCss = normalizeThemeCss(rawCss, theme);
+            fs.writeFileSync(path.join(themesDest, themeFile), normalizedCss);
             copied.push(`src/styles/tokens/themes/${themeFile}`);
         }
     }

package/dist/commands/status.d.ts

@@ -12,6 +12,11 @@ export interface ComponentsJsonFile {
     };
     registrySource?: string;
     theme: string;
+    font?: {
+        body: string;
+        heading: string;
+    };
+    radius?: number;
     tanstack: {
         router: boolean;
         query: boolean;

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

@@ -1 +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"}
+{"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,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,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/index.js

@@ -12,7 +12,7 @@ const program = new Command();
 program
     .name("inai-ui")
     .description("CLI for InAI UI component library")
-    .version("0.1.0");
+    .version("0.1.6");
 program
     .command("init [repo-url]")
     .description("Initialize InAI UI in your project. Optionally pass a Git repo URL to fetch components remotely.")
@@ -20,7 +20,8 @@ program
 program
     .command("add [component]")
     .description("Add a component to your project. Without arguments, opens an interactive picker to select multiple components.")
-    .action((component) => addCommand(component));
+    .option("-a, --all", "Install all available components, blocks, and templates")
+    .action((component, options) => addCommand(component, options));
 program
     .command("sync")
     .description("Update the local registry cache from the remote repository")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inai-react-components",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "CLI for InAI UI component library — install components from a private registry into your React project",
   "private": false,
   "type": "module",
@@ -34,7 +34,6 @@
   "dependencies": {
     "chalk": "^5.6.2",
     "commander": "^14.0.3",
-    "fast-glob": "^3.3.3",
     "ora": "^9.3.0",
     "prompts": "^2.4.2"
   },