inai-react-components 1.4.1 → 1.5.1

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,EAEtB,KAAK,kBAAkB,EAExB,MAAM,aAAa,CAAC;AAoBrB,MAAM,WAAW,UAAU;IACzB,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,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;IACvB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,kEAAkE;IAClE,WAAW,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACjD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG;IAChD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;CACd,CAsCA;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;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,SAAS,EAAE,iBAAiB,EAC5B,cAAc,EAAE,kBAAkB,GACjC,MAAM,CAiBR;AA4JD,wBAAsB,MAAM,CAC1B,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,MAAM,EACf,OAAO,GAAE,UAAe,GACvB,OAAO,CAAC,SAAS,CAAC,CAmMpB;AAqCD,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAsB,UAAU,CAC9B,aAAa,CAAC,EAAE,MAAM,EACtB,OAAO,CAAC,EAAE,iBAAiB,GAC1B,OAAO,CAAC,IAAI,CAAC,CAqIf"}
+{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../src/commands/add.ts"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,iBAAiB,EAEtB,KAAK,kBAAkB,EAExB,MAAM,aAAa,CAAC;AAwBrB,MAAM,WAAW,UAAU;IACzB,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,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;IACvB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,kEAAkE;IAClE,WAAW,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACjD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG;IAChD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;CACd,CAsCA;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;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,SAAS,EAAE,iBAAiB,EAC5B,cAAc,EAAE,kBAAkB,GACjC,MAAM,CAiBR;AA2TD,wBAAsB,MAAM,CAC1B,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,MAAM,EACf,OAAO,GAAE,UAAe,GACvB,OAAO,CAAC,SAAS,CAAC,CAmMpB;AAqCD,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAsB,UAAU,CAC9B,aAAa,CAAC,EAAE,MAAM,EACtB,OAAO,CAAC,EAAE,iBAAiB,GAC1B,OAAO,CAAC,IAAI,CAAC,CAqIf"}

package/dist/commands/add.js

@@ -10,7 +10,7 @@ import { saveSnapshot, sha256, } from "../utils/snapshot.js";
 import { fuzzySearchNames } from "../utils/fuzzy-search.js";
 import { normalizeThemeCss, getLocalTailwindCssTemplate, getLegacyTailwindCssTemplate, } from "./init.js";
 import { autoInstallDeps } from "../utils/auto-install.js";
-import { resolveLocalDir, getSourceRoot } from "../utils/paths.js";
+import { resolveLocalDir, getSourceRoot, rewriteCompanyUiImports, } from "../utils/paths.js";
 /**
  * Parse a component spec into its registry namespace, type prefix and name.
  *
@@ -107,6 +107,19 @@ async function installOne(component, registry, componentsJson, registryDir, root
     const baseTargetDir = getTargetDir(component, componentsJson);
     const isMultiFile = component.type === "block" || component.type === "template";
     const targetDir = isMultiFile ? path.join(baseTargetDir, name) : baseTargetDir;
+    // Prefixes used by source files. Stripping them preserves each
+    // component/block's internal subdirectory structure.
+    //
+    // Components: `packages/ui/src/<name>.tsx` and
+    //             `packages/ui/src/<name>/sub.tsx` → strip `packages/ui/src/`
+    //             so compound subdirs (`data-table/`) land as-is under
+    //             `<componentDir>/`.
+    //
+    // Blocks/templates: `apps/docs/src/registry/blocks/<name>/**` → strip
+    //             `apps/docs/src/registry/blocks/<name>/` so nested `parts/`
+    //             subfolders are preserved under `<blocksDir>/<name>/`.
+    const UI_PREFIX = "packages/ui/src/";
+    const BLOCK_PREFIX = `apps/docs/src/registry/blocks/${name}/`;
     const copiedFiles = [];
     const skippedFiles = [];
     // Track captured content for the snapshot (only for files that were
@@ -114,15 +127,30 @@ async function installOne(component, registry, componentsJson, registryDir, root
     const capturedFiles = {};
     for (const filePath of component.files) {
         const registryFilePath = path.join(registryDir, filePath);
-        const fileName = path.basename(filePath);
-        const localFilePath = path.join(rootDir, targetDir, fileName);
+        // Destination path relative to `targetDir`. The prefix stripping
+        // preserves intra-component directory structure (compound subdirs,
+        // blocks' `parts/` folders, etc.). Flattening to basename here was
+        // the cause of broken `./parts/*` and `../data` imports in templates.
+        let destRel;
+        if (isMultiFile && filePath.startsWith(BLOCK_PREFIX)) {
+            destRel = filePath.slice(BLOCK_PREFIX.length);
+        }
+        else if (!isMultiFile && filePath.startsWith(UI_PREFIX)) {
+            destRel = filePath.slice(UI_PREFIX.length);
+        }
+        else {
+            // Fallback for legacy registry entries without the expected prefix.
+            destRel = path.basename(filePath);
+        }
+        const localFilePath = path.join(rootDir, targetDir, destRel);
+        const displayName = isMultiFile ? `${name}/${destRel}` : destRel;
         if (!fs.existsSync(registryFilePath)) {
             continue;
         }
         const exists = fs.existsSync(localFilePath);
         if (exists && !options.force) {
             if (options.skipExisting) {
-                skippedFiles.push(isMultiFile ? `${name}/${fileName}` : fileName);
+                skippedFiles.push(displayName);
                 continue;
             }
             if (options.dryRun) {
@@ -136,7 +164,7 @@ async function installOne(component, registry, componentsJson, registryDir, root
                     initial: false,
                 });
                 if (!res.overwrite) {
-                    skippedFiles.push(isMultiFile ? `${name}/${fileName}` : fileName);
+                    skippedFiles.push(displayName);
                     continue;
                 }
             }
@@ -144,7 +172,14 @@ async function installOne(component, registry, componentsJson, registryDir, root
                 throw new Error(`File "${path.relative(rootDir, localFilePath)}" already exists. Use --force to overwrite or --skip-existing to ignore (stdin is not a TTY, cannot prompt).`);
             }
         }
-        const content = fs.readFileSync(registryFilePath, "utf-8");
+        let content = fs.readFileSync(registryFilePath, "utf-8");
+        // Blocks and templates reference sibling components via
+        // `from "@company/ui/<name>"`. Rewrite those to point at the user's
+        // locally-installed components using the project's alias prefix, so
+        // the block compiles without `@company/ui` being in node_modules.
+        if (isMultiFile) {
+            content = rewriteCompanyUiImports(content, componentsJson);
+        }
         if (options.dryRun) {
             console.log(chalk.dim(`  [dry-run] would write ${path.relative(rootDir, localFilePath)}`));
         }
@@ -158,19 +193,38 @@ async function installOne(component, registry, componentsJson, registryDir, root
                 content,
             };
         }
-        copiedFiles.push(isMultiFile ? `${name}/${fileName}` : fileName);
-    }
-    // Internal deps (lib/cn, lib/animations, ...) — installed under the
-    // project's detected sourceRoot so they match where `init` placed cn.ts.
-    const sourceRoot = getSourceRoot(componentsJson);
+        copiedFiles.push(displayName);
+    }
+    // Internal deps (lib/cn, lib/animations, lib/i18n-context, ...).
+    //
+    // Placement matters: source components import via `./lib/<name>.js`
+    // (sibling), so lib files MUST land in `<componentDir>/lib/` — NOT in
+    // `<sourceRoot>/lib/`. Otherwise the relative imports break at runtime.
+    //
+    // Extensions: most lib files are `.ts` but `i18n-context.tsx` contains
+    // JSX and must be copied as `.tsx`. We probe both in order.
+    const componentsDir = resolveLocalDir(componentsJson.aliases.components, componentsJson);
     const copiedInternalDeps = [];
     for (const dep of component.internalDeps) {
-        const depFileName = dep.split("/").pop() + ".ts";
-        const depSourcePath = path.join(registryDir, "packages", "ui", "src", dep + ".ts");
-        const depTargetPath = path.join(rootDir, sourceRoot, "lib", depFileName);
-        if (!fs.existsSync(depSourcePath)) {
+        const depBase = dep.split("/").pop();
+        const tsSource = path.join(registryDir, "packages", "ui", "src", dep + ".ts");
+        const tsxSource = path.join(registryDir, "packages", "ui", "src", dep + ".tsx");
+        let depSourcePath;
+        let depFileName;
+        if (fs.existsSync(tsSource)) {
+            depSourcePath = tsSource;
+            depFileName = `${depBase}.ts`;
+        }
+        else if (fs.existsSync(tsxSource)) {
+            depSourcePath = tsxSource;
+            depFileName = `${depBase}.tsx`;
+        }
+        else {
             continue;
         }
+        // e.g. componentsDir = "app/components/ui" → target:
+        //      "app/components/ui/lib/i18n-context.tsx"
+        const depTargetPath = path.join(rootDir, componentsDir, "lib", depFileName);
         const content = fs.readFileSync(depSourcePath, "utf-8");
         if (options.dryRun) {
             console.log(chalk.dim(`  [dry-run] would write ${path.relative(rootDir, depTargetPath)}`));
@@ -181,6 +235,84 @@ async function installOne(component, registry, componentsJson, registryDir, root
         }
         copiedInternalDeps.push(dep);
     }
+    // Block/template lib: blocks import via `../../lib/animations` and
+    // `../../lib/styles` relative to `<blocksDir>/<blockName>/page.tsx`,
+    // which resolves two levels up to `path.dirname(blocksDir)/lib/`.
+    // Copy the global block lib from `apps/docs/src/registry/lib/` there.
+    if (isMultiFile) {
+        const blocksDir = resolveLocalDir(componentsJson.aliases.blocks, componentsJson);
+        const blockLibDest = path.join(rootDir, path.dirname(blocksDir), "lib");
+        for (const libFile of ["animations.ts", "styles.ts"]) {
+            const src = path.join(registryDir, "apps", "docs", "src", "registry", "lib", libFile);
+            if (!fs.existsSync(src))
+                continue;
+            const dest = path.join(blockLibDest, libFile);
+            if (fs.existsSync(dest) && !options.force)
+                continue;
+            if (options.dryRun) {
+                console.log(chalk.dim(`  [dry-run] would write ${path.relative(rootDir, dest)}`));
+            }
+            else {
+                fs.mkdirSync(blockLibDest, { recursive: true });
+                fs.copyFileSync(src, dest);
+            }
+        }
+        // Some data-heavy blocks (data-table-full, template-admin-dashboard,
+        // detail-panel-table, etc.) import from `../../../lib/api-client` and
+        // `../../../lib/api-types`, which resolves to `<sourceRoot>/lib/`.
+        // These are integration points with the user's backend that can't be
+        // shipped as real code — but we can write minimal stubs so the project
+        // compiles out of the box. Stubs are only written if the file doesn't
+        // already exist; if the user has a real implementation it stays intact.
+        const sourceRoot = getSourceRoot(componentsJson);
+        const userLibDir = path.join(rootDir, sourceRoot, "lib");
+        const stubApiTypes = path.join(userLibDir, "api-types.ts");
+        const stubApiClient = path.join(userLibDir, "api-client.ts");
+        if (!fs.existsSync(stubApiTypes) && !options.dryRun) {
+            fs.mkdirSync(userLibDir, { recursive: true });
+            fs.writeFileSync(stubApiTypes, `// Stub generated by inai-react-components. Replace with your real API types.
+// These types satisfy the shape expected by data-heavy blocks
+// (data-table-full, template-admin-dashboard, detail-panel-table, ...).
+// If you already have a typed API layer, delete this file and point the
+// block imports at your own module instead.
+
+export interface PaginatedResponse<T> {
+  data: T[];
+  total: number;
+  page: number;
+  pageSize: number;
+}
+`);
+        }
+        if (!fs.existsSync(stubApiClient) && !options.dryRun) {
+            fs.mkdirSync(userLibDir, { recursive: true });
+            fs.writeFileSync(stubApiClient, `// Stub generated by inai-react-components. Replace with your real API client.
+// Data-heavy blocks call \`fetchPaginated\` and \`downloadCsv\` at runtime.
+// Without a real implementation the app will throw when you interact with
+// those features — wire these up to your backend (fetch, tRPC, REST, etc.).
+
+import type { PaginatedResponse } from "./api-types.js";
+
+export async function fetchPaginated<T>(
+  endpoint: string,
+  _params: Record<string, unknown>
+): Promise<PaginatedResponse<T>> {
+  throw new Error(
+    \`fetchPaginated stub called for "\${endpoint}". Replace <sourceRoot>/lib/api-client.ts with your real API client.\`
+  );
+}
+
+export async function downloadCsv(
+  endpoint: string,
+  _params: Record<string, unknown>
+): Promise<void> {
+  throw new Error(
+    \`downloadCsv stub called for "\${endpoint}". Replace <sourceRoot>/lib/api-client.ts with your real CSV exporter.\`
+  );
+}
+`);
+        }
+    }
     // Update components.json (skipped in dry-run).
     if (!options.dryRun) {
         const registryVersion = registry.version;

package/dist/commands/init.d.ts

@@ -273,11 +273,12 @@ export declare function getLegacyTailwindCssTemplate(theme: Theme, fontBody: Fon
 export declare function normalizeThemeCss(css: string, theme: string): string;
 /**
  * Copies the i18n base files (context, types, defaults) from the registry
- * to the project's <sourceRoot>/lib/. Required because ~75 components import
- * `useUIMessages` from `./lib/i18n-context.js` — without these files, every
- * subsequent `add` of an i18n-aware component would produce a broken import.
+ * to `<componentPath>/lib/`. Required because ~75 components import
+ * `useUIMessages` from `./lib/i18n-context.js` — the lib directory must
+ * live as a SIBLING of the component `.tsx` files so relative imports
+ * resolve correctly.
  */
-export declare function copyI18nFiles(registryDir: string | undefined, targetDir: string, sourceRoot: string): string[];
+export declare function copyI18nFiles(registryDir: string | undefined, targetDir: string, componentPath: 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":"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"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"AAOA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,6BAA6B,CAAC;AAGrC,KAAK,KAAK,GAAG,MAAM,CAAC;AAEpB,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,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uEAAuE;IACvE,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,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,EACpB,SAAS,CAAC,EAAE,SAAS,EACrB,MAAM,CAAC,EAAE,aAAa,GACrB,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,CA0F5B;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,UAAU,EAClB,OAAO,CAAC,EAAE,MAAM,GACf,cAAc,CAwChB;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,CAc/H;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAahI;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAoBpE;AA0FD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,WAAW,EAAE,MAAM,GAAG,SAAS,EAC/B,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,MAAM,GACpB,MAAM,EAAE,CAeV;AAED,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,CAyEvD;AAED,wBAAsB,WAAW,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CA0EjE"}

package/dist/commands/init.js

@@ -347,16 +347,17 @@ function copyTokensToProject(registryDir, targetDir, theme, sourceRoot) {
 }
 /**
  * Copies the i18n base files (context, types, defaults) from the registry
- * to the project's <sourceRoot>/lib/. Required because ~75 components import
- * `useUIMessages` from `./lib/i18n-context.js` — without these files, every
- * subsequent `add` of an i18n-aware component would produce a broken import.
+ * to `<componentPath>/lib/`. Required because ~75 components import
+ * `useUIMessages` from `./lib/i18n-context.js` — the lib directory must
+ * live as a SIBLING of the component `.tsx` files so relative imports
+ * resolve correctly.
  */
-export function copyI18nFiles(registryDir, targetDir, sourceRoot) {
+export function copyI18nFiles(registryDir, targetDir, componentPath) {
     if (!registryDir)
         return [];
     const files = ["i18n-context.tsx", "i18n-types.ts", "i18n-defaults.ts"];
     const srcBase = path.join(registryDir, "packages", "ui", "src", "lib");
-    const destBase = path.join(targetDir, sourceRoot, "lib");
+    const destBase = path.join(targetDir, componentPath, "lib");
     fs.mkdirSync(destBase, { recursive: true });
     const copied = [];
     for (const file of files) {
@@ -364,7 +365,7 @@ export function copyI18nFiles(registryDir, targetDir, sourceRoot) {
         if (!fs.existsSync(src))
             continue;
         fs.copyFileSync(src, path.join(destBase, file));
-        copied.push(`${sourceRoot}/lib/${file}`);
+        copied.push(`${componentPath}/lib/${file}`);
     }
     return copied;
 }
@@ -381,12 +382,15 @@ export async function runInit(config, targetDir, repoUrl) {
     fs.mkdirSync(componentDir, { recursive: true });
     const blockDir = path.join(targetDir, config.blockPath);
     fs.mkdirSync(blockDir, { recursive: true });
-    // 3. Create cn.ts utility under the detected source root
-    const utilsDir = path.join(targetDir, sourceRoot, "lib");
-    fs.mkdirSync(utilsDir, { recursive: true });
-    const cnPath = path.join(utilsDir, "cn.ts");
+    // 3. Create cn.ts utility as a sibling of the components directory.
+    //    Components import via `./lib/cn.js`, so lib/ MUST live directly
+    //    next to the installed component files — `<componentPath>/lib/`,
+    //    not `<sourceRoot>/lib/`.
+    const libDir = path.join(targetDir, config.componentPath, "lib");
+    fs.mkdirSync(libDir, { recursive: true });
+    const cnPath = path.join(libDir, "cn.ts");
     fs.writeFileSync(cnPath, getCnTemplate());
-    filesCreated.push(`${sourceRoot}/lib/cn.ts`);
+    filesCreated.push(`${config.componentPath}/lib/cn.ts`);
     // 4. Copy tokens and create CSS
     const cssRelPath = config.cssEntryPoint ?? `${sourceRoot}/index.css`;
     const cssPath = path.join(targetDir, cssRelPath);
@@ -396,8 +400,9 @@ export async function runInit(config, targetDir, repoUrl) {
         const registryDir = getCacheDir();
         const tokenFiles = copyTokensToProject(registryDir, targetDir, config.theme, sourceRoot);
         filesCreated.push(...tokenFiles);
-        // Copy i18n base files so components importing useUIMessages resolve
-        const i18nFiles = copyI18nFiles(registryDir, targetDir, sourceRoot);
+        // Copy i18n base files next to the components so their
+        // `./lib/i18n-context.js` imports resolve.
+        const i18nFiles = copyI18nFiles(registryDir, targetDir, config.componentPath);
         filesCreated.push(...i18nFiles);
         fs.writeFileSync(cssPath, getLocalTailwindCssTemplate(config.theme, config.fontBody, config.fontHeading, config.radius));
     }

package/dist/index.js

@@ -17,7 +17,7 @@ const program = new Command();
 program
     .name("inai-ui")
     .description("CLI for InAI UI component library")
-    .version("1.4.1");
+    .version("1.5.1");
 program
     .command("init [repo-url]")
     .description("Initialize InAI UI in your project. Optionally pass a Git repo URL to fetch components remotely.")

package/dist/utils/paths.d.ts

@@ -23,4 +23,38 @@ export declare function resolveLocalDir(alias: string, componentsJson: Pick<Comp
  * `components.json` files without a `layout` field.
  */
 export declare function getSourceRoot(componentsJson: Pick<ComponentsJsonFile, "layout">): string;
+/**
+ * Compute the import-alias form of `aliases.components` for use when
+ * rewriting `@company/ui/*` imports in block and template files.
+ *
+ * Rules:
+ * 1. If the stored alias already starts with a known alias prefix
+ *    (`@/`, `~/`, `$/`), return it as-is. Block imports written with
+ *    this prefix will resolve through the user's `tsconfig.json` paths.
+ * 2. Otherwise it's a raw filesystem path (e.g. `app/components/ui`).
+ *    Strip `layout.sourceRoot` and prepend `layout.aliasPrefix` to
+ *    produce an alias form (e.g. `~/components/ui`). This matches what
+ *    the user's tsconfig `paths` maps, so the rewritten imports resolve
+ *    without needing the user to configure anything extra.
+ * 3. If the stored alias doesn't match the layout's sourceRoot, return
+ *    it as-is (the user may have chosen a non-standard location and we
+ *    assume their tsconfig handles it).
+ */
+export declare function getComponentsImportAlias(componentsJson: Pick<ComponentsJsonFile, "aliases" | "layout">): string;
+/**
+ * Rewrite `@company/ui/*` imports in a block or template file to point
+ * at the user's locally-installed components. Without this, block files
+ * that `import { Button } from "@company/ui/button"` would fail at
+ * compile time because `@company/ui` doesn't exist in the consumer project.
+ *
+ * Transformations:
+ * - `from "@company/ui/data-table"`       → `from "~/components/ui/data-table"`
+ * - `from "@company/ui/data-table/sub"`   → `from "~/components/ui/data-table/sub"`
+ * - `from "@company/ui/lib/animations"`   → `from "~/components/ui/lib/animations"`
+ * - `from "@company/ui"` (bare barrel)    → no rewrite (logged as unsupported)
+ *
+ * The alias prefix (`~/`, `@/`, etc.) is derived from the project layout
+ * so it matches the user's `tsconfig.json` paths.
+ */
+export declare function rewriteCompanyUiImports(source: string, componentsJson: Pick<ComponentsJsonFile, "aliases" | "layout">): string;
 //# sourceMappingURL=paths.d.ts.map

package/dist/utils/paths.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paths.d.ts","sourceRoot":"","sources":["../../src/utils/paths.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAIhE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,GACjD,MAAM,CAQR;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,cAAc,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,GACjD,MAAM,CAER"}
+{"version":3,"file":"paths.d.ts","sourceRoot":"","sources":["../../src/utils/paths.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAIhE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,GACjD,MAAM,CAQR;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,cAAc,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,GACjD,MAAM,CAER;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,wBAAwB,CACtC,cAAc,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,GAAG,QAAQ,CAAC,GAC7D,MAAM,CAYR;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,GAAG,QAAQ,CAAC,GAC7D,MAAM,CAaR"}

package/dist/utils/paths.js

@@ -33,3 +33,57 @@ export function resolveLocalDir(alias, componentsJson) {
 export function getSourceRoot(componentsJson) {
     return componentsJson.layout?.sourceRoot ?? "src";
 }
+/**
+ * Compute the import-alias form of `aliases.components` for use when
+ * rewriting `@company/ui/*` imports in block and template files.
+ *
+ * Rules:
+ * 1. If the stored alias already starts with a known alias prefix
+ *    (`@/`, `~/`, `$/`), return it as-is. Block imports written with
+ *    this prefix will resolve through the user's `tsconfig.json` paths.
+ * 2. Otherwise it's a raw filesystem path (e.g. `app/components/ui`).
+ *    Strip `layout.sourceRoot` and prepend `layout.aliasPrefix` to
+ *    produce an alias form (e.g. `~/components/ui`). This matches what
+ *    the user's tsconfig `paths` maps, so the rewritten imports resolve
+ *    without needing the user to configure anything extra.
+ * 3. If the stored alias doesn't match the layout's sourceRoot, return
+ *    it as-is (the user may have chosen a non-standard location and we
+ *    assume their tsconfig handles it).
+ */
+export function getComponentsImportAlias(componentsJson) {
+    const raw = componentsJson.aliases.components;
+    // Already in alias form
+    for (const prefix of ["@/", "~/", "$/"]) {
+        if (raw.startsWith(prefix))
+            return raw;
+    }
+    // Raw path — convert to alias form via layout
+    const layout = componentsJson.layout;
+    if (layout && raw.startsWith(`${layout.sourceRoot}/`)) {
+        return `${layout.aliasPrefix}${raw.slice(layout.sourceRoot.length + 1)}`;
+    }
+    return raw;
+}
+/**
+ * Rewrite `@company/ui/*` imports in a block or template file to point
+ * at the user's locally-installed components. Without this, block files
+ * that `import { Button } from "@company/ui/button"` would fail at
+ * compile time because `@company/ui` doesn't exist in the consumer project.
+ *
+ * Transformations:
+ * - `from "@company/ui/data-table"`       → `from "~/components/ui/data-table"`
+ * - `from "@company/ui/data-table/sub"`   → `from "~/components/ui/data-table/sub"`
+ * - `from "@company/ui/lib/animations"`   → `from "~/components/ui/lib/animations"`
+ * - `from "@company/ui"` (bare barrel)    → no rewrite (logged as unsupported)
+ *
+ * The alias prefix (`~/`, `@/`, etc.) is derived from the project layout
+ * so it matches the user's `tsconfig.json` paths.
+ */
+export function rewriteCompanyUiImports(source, componentsJson) {
+    const compImport = getComponentsImportAlias(componentsJson);
+    // Handle subpath imports (@company/ui/xxx)
+    let result = source.replace(/(from\s+["'])@company\/ui\/([^"']+)(["'])/g, (_, pre, sub, post) => `${pre}${compImport}/${sub}${post}`);
+    // Handle side-effect imports like `import "@company/ui/xxx"`
+    result = result.replace(/(import\s+["'])@company\/ui\/([^"']+)(["'])/g, (_, pre, sub, post) => `${pre}${compImport}/${sub}${post}`);
+    return result;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inai-react-components",
-  "version": "1.4.1",
+  "version": "1.5.1",
   "description": "CLI for InAI UI component library — install components from a private registry into your React project",
   "private": false,
   "type": "module",