@agimon-ai/po-style-system-tooling 0.2.14-alpha.27 → 0.2.14-alpha.29

package/dist/cli.cjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-const require_stdio = require("./stdio-SA_mYLbr.cjs");
+const require_stdio = require("./stdio-Dxe1iygw.cjs");
 let node_fs = require("node:fs");
 let node_path = require("node:path");
 node_path = require_stdio.__toESM(node_path, 1);

package/dist/cli.mjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { A as resolveStyleSystemThemePath, B as STYLE_SYSTEM_TYPES, F as TailwindCSSClassesService, P as DEFAULT_STYLE_SYSTEM_CONFIG, a as STYLE_SYSTEM_CLI_NAME, i as createServer$1, o as STYLE_SYSTEM_VERSION, r as generateRestrictedClassesConfig, s as createContainer, t as StdioTransportHandler, w as getAppDesignSystemConfig, y as getBundlerServiceFromConfig, z as log } from "./stdio-DkBcS4Ei.mjs";
+import { A as resolveStyleSystemThemePath, B as STYLE_SYSTEM_TYPES, F as TailwindCSSClassesService, P as DEFAULT_STYLE_SYSTEM_CONFIG, a as STYLE_SYSTEM_CLI_NAME, i as createServer$1, o as STYLE_SYSTEM_VERSION, r as generateRestrictedClassesConfig, s as createContainer, t as StdioTransportHandler, w as getAppDesignSystemConfig, y as getBundlerServiceFromConfig, z as log } from "./stdio-B12YYINp.mjs";
 import { promises } from "node:fs";
 import path, { join } from "node:path";
 import { z } from "zod";

package/dist/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_stdio = require("./stdio-SA_mYLbr.cjs");
+const require_stdio = require("./stdio-Dxe1iygw.cjs");
 let node_fs = require("node:fs");
 let node_path = require("node:path");
 node_path = require_stdio.__toESM(node_path, 1);
@@ -16,7 +16,7 @@ var StoryPreviewService = class {
 	bundlerFactory;
 	previews = /* @__PURE__ */ new Map();
 	constructor(options = {}) {
-		this.workspaceRoot = node_path.default.resolve(options.workspaceRoot ?? require_stdio.TemplatesManagerService.getWorkspaceRootSync());
+		this.workspaceRoot = options.workspaceRoot !== void 0 ? Promise.resolve(node_path.default.resolve(options.workspaceRoot)) : void 0;
 		this.storiesIndexFactory = options.storiesIndexFactory ?? ((workspaceRoot, storyFilePath) => new require_stdio.StoriesIndexService({
 			workspaceRoot,
 			storyFiles: [storyFilePath],
@@ -27,7 +27,8 @@ var StoryPreviewService = class {
 	}
 	async build(input) {
 		if (!STORY_EXPORT_PATTERN.test(input.storyExport)) throw new Error("storyExport must be an exact JavaScript named export");
-		const workspaceRoot = await node_fs.promises.realpath(this.workspaceRoot);
+		const root = await (this.workspaceRoot ??= require_stdio.TemplatesManagerService.getWorkspaceRoot());
+		const workspaceRoot = await node_fs.promises.realpath(root);
 		const appPath = await this.resolveContainedPath(workspaceRoot, input.appPath, "appPath");
 		const storyFilePath = await this.resolveContainedPath(workspaceRoot, input.storyFilePath, "storyFilePath");
 		if (!STORY_FILE_PATTERN.test(storyFilePath)) throw new Error("storyFilePath must name a .stories.ts or .stories.tsx file");
@@ -190,9 +191,12 @@ const WARM_RENDERER_TOOLS = {
 	list_shared_components: require_stdio.STYLE_SYSTEM_TYPES.ListSharedComponentsTool,
 	list_app_components: require_stdio.STYLE_SYSTEM_TYPES.ListAppComponentsTool
 };
+/** Long enough to cover an edit-and-render loop; an idle dev server still holds its module graph and watchers. */
+const IDLE_CLOSE_MS = 6e5;
 /**
 * Keeps one browser and one Vite dev server warm across renders, so a render after the first
 * skips the browser launch and the static build. Rendered screenshots come back as base64.
+* After IDLE_CLOSE_MS without a call it stops them; the next call starts them again.
 */
 function createWarmStoryRenderer(options = {}) {
 	const workspaceRoot = options.workspaceRoot ? node_path.default.resolve(options.workspaceRoot) : void 0;
@@ -220,6 +224,8 @@ function createWarmStoryRenderer(options = {}) {
 	let queue = Promise.resolve();
 	let disposed = false;
 	let captures = 0;
+	let inFlight = 0;
+	let idleTimer;
 	const ensureDevServer = async (appPath) => {
 		const resolved = node_path.default.resolve(workspaceRoot ?? ".", appPath);
 		const { config } = await configLoader.resolveProject(resolved);
@@ -290,19 +296,30 @@ function createWarmStoryRenderer(options = {}) {
 			isError: result.isError === true
 		};
 	};
+	const enqueue = (task) => {
+		const next = queue.then(task);
+		queue = next.catch(() => void 0);
+		return next;
+	};
+	const armIdleClose = () => {
+		if (--inFlight > 0 || disposed) return;
+		idleTimer = setTimeout(() => void enqueue(reset), IDLE_CLOSE_MS);
+		idleTimer.unref();
+	};
 	return {
 		call(tool, input) {
-			const next = queue.then(() => run(tool, input));
-			queue = next.catch(() => void 0);
+			clearTimeout(idleTimer);
+			inFlight++;
+			const next = enqueue(() => run(tool, input));
+			next.then(armIdleClose, armIdleClose);
 			return next;
 		},
 		restart() {
-			const next = queue.then(reset);
-			queue = next.catch(() => void 0);
-			return next;
+			return enqueue(reset);
 		},
 		async dispose() {
 			disposed = true;
+			clearTimeout(idleTimer);
 			await queue;
 			await reset();
 		}

package/dist/index.d.cts

@@ -478,10 +478,10 @@ export declare class ViteReactBundlerService extends BaseBundlerService {
    * Get Vite resolve configuration for the given app path.
    * Subclasses can override to add platform-specific aliases (e.g., react-native-web).
    */
-  protected getViteResolveConfig(appPath: string): {
+  protected getViteResolveConfig(appPath: string): Promise<{
     alias: AliasOptions;
     extensions?: string[];
-  };
+  }>;
   /**
    * Get Vite define replacements.
    * Subclasses can override to provide platform globals.
@@ -506,7 +506,7 @@ export declare class ViteReactBundlerService extends BaseBundlerService {
    * Get additional Vite plugins.
    * Subclasses can override to add platform-specific plugins (e.g., @vitejs/plugin-react).
    */
-  protected getAdditionalVitePlugins(_appPath?: string): Plugin[];
+  protected getAdditionalVitePlugins(_appPath?: string): Plugin[] | Promise<Plugin[]>;
   /**
    * Clean up server resources and reset state.
    * Closes the Vite dev server if running.
@@ -563,7 +563,7 @@ export declare class ViteReactNativeBundlerService extends ViteReactBundlerServi
   private static nativeInstance;
   static getInstance(): ViteReactNativeBundlerService;
   getBundlerId(): string;
-  protected getAdditionalVitePlugins(appPath?: string): Plugin[];
+  protected getAdditionalVitePlugins(appPath?: string): Promise<Plugin[]>;
   protected generateFrameworkSetupImports(options: BuildOptions): string;
   protected generateStoryImport(componentPath: string): string;
   protected wrapFrameworkElement(elementExpression: string): string;
@@ -571,10 +571,10 @@ export declare class ViteReactNativeBundlerService extends ViteReactBundlerServi
   protected getViteOxcConfig(): false;
   protected getViteDefineConfig(): UserConfig['define'];
   protected generatePreviewStyles(): string;
-  protected getViteResolveConfig(appPath: string): {
+  protected getViteResolveConfig(appPath: string): Promise<{
     alias: AliasOptions;
     extensions?: string[];
-  };
+  }>;
 }
 //#endregion
 //#region src/services/BundlerService/BundlerServiceFactory.d.ts
@@ -1180,7 +1180,7 @@ interface StoryPreviewServiceOptions {
 //#region src/services/StoryPreviewService/StoryPreviewService.d.ts
 /** Builds and owns disposable, self-contained HTML previews for exact story exports. */
 export declare class StoryPreviewService {
-  private readonly workspaceRoot;
+  private workspaceRoot;
   private readonly storiesIndexFactory;
   private readonly configLoader;
   private readonly bundlerFactory;
@@ -2121,6 +2121,7 @@ interface WarmStoryRenderer {
 /**
  * Keeps one browser and one Vite dev server warm across renders, so a render after the first
  * skips the browser launch and the static build. Rendered screenshots come back as base64.
+ * After IDLE_CLOSE_MS without a call it stops them; the next call starts them again.
  */
 export declare function createWarmStoryRenderer(options?: {
   workspaceRoot?: string;

package/dist/index.d.mts

@@ -478,10 +478,10 @@ export declare class ViteReactBundlerService extends BaseBundlerService {
    * Get Vite resolve configuration for the given app path.
    * Subclasses can override to add platform-specific aliases (e.g., react-native-web).
    */
-  protected getViteResolveConfig(appPath: string): {
+  protected getViteResolveConfig(appPath: string): Promise<{
     alias: AliasOptions;
     extensions?: string[];
-  };
+  }>;
   /**
    * Get Vite define replacements.
    * Subclasses can override to provide platform globals.
@@ -506,7 +506,7 @@ export declare class ViteReactBundlerService extends BaseBundlerService {
    * Get additional Vite plugins.
    * Subclasses can override to add platform-specific plugins (e.g., @vitejs/plugin-react).
    */
-  protected getAdditionalVitePlugins(_appPath?: string): Plugin[];
+  protected getAdditionalVitePlugins(_appPath?: string): Plugin[] | Promise<Plugin[]>;
   /**
    * Clean up server resources and reset state.
    * Closes the Vite dev server if running.
@@ -563,7 +563,7 @@ export declare class ViteReactNativeBundlerService extends ViteReactBundlerServi
   private static nativeInstance;
   static getInstance(): ViteReactNativeBundlerService;
   getBundlerId(): string;
-  protected getAdditionalVitePlugins(appPath?: string): Plugin[];
+  protected getAdditionalVitePlugins(appPath?: string): Promise<Plugin[]>;
   protected generateFrameworkSetupImports(options: BuildOptions): string;
   protected generateStoryImport(componentPath: string): string;
   protected wrapFrameworkElement(elementExpression: string): string;
@@ -571,10 +571,10 @@ export declare class ViteReactNativeBundlerService extends ViteReactBundlerServi
   protected getViteOxcConfig(): false;
   protected getViteDefineConfig(): UserConfig['define'];
   protected generatePreviewStyles(): string;
-  protected getViteResolveConfig(appPath: string): {
+  protected getViteResolveConfig(appPath: string): Promise<{
     alias: AliasOptions;
     extensions?: string[];
-  };
+  }>;
 }
 //#endregion
 //#region src/services/BundlerService/BundlerServiceFactory.d.ts
@@ -1180,7 +1180,7 @@ interface StoryPreviewServiceOptions {
 //#region src/services/StoryPreviewService/StoryPreviewService.d.ts
 /** Builds and owns disposable, self-contained HTML previews for exact story exports. */
 export declare class StoryPreviewService {
-  private readonly workspaceRoot;
+  private workspaceRoot;
   private readonly storiesIndexFactory;
   private readonly configLoader;
   private readonly bundlerFactory;
@@ -2121,6 +2121,7 @@ interface WarmStoryRenderer {
 /**
  * Keeps one browser and one Vite dev server warm across renders, so a render after the first
  * skips the browser launch and the static build. Rendered screenshots come back as base64.
+ * After IDLE_CLOSE_MS without a call it stops them; the next call starts them again.
  */
 export declare function createWarmStoryRenderer(options?: {
   workspaceRoot?: string;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { A as resolveStyleSystemThemePath, B as STYLE_SYSTEM_TYPES, C as launchBrowserWithFallback, D as resetStyleSystemConfigCache, E as hasStyleSystemProjectConfig, F as TailwindCSSClassesService, I as BaseCSSClassesService, L as TemplatesManagerService, M as StoriesIndexService, N as CSSClassesServiceFactory, O as resolveAppDesignSystemConfig, P as DEFAULT_STYLE_SYSTEM_CONFIG, R as isContained, S as BaseBundlerService, T as getSharedComponentTags, _ as createDefaultBundlerService, b as ViteReactNativeBundlerService, c as createStyleSystemModule, d as GetComponentVisualTool, f as GetCSSClassesTool, g as ThemeService, h as ComponentRendererService, i as createServer, j as MAX_STYLE_SYSTEM_VIEWPORT_DIMENSION, k as StyleSystemConfigLoader, l as ListAppComponentsTool, m as GetUiComponentService, n as extractCustomTokenNames, p as ListThemesTool, r as generateRestrictedClassesConfig, s as createContainer, t as StdioTransportHandler, u as ListSharedComponentsTool, v as getBundlerService, w as getAppDesignSystemConfig, x as ViteReactBundlerService, y as getBundlerServiceFromConfig, z as log } from "./stdio-DkBcS4Ei.mjs";
+import { A as resolveStyleSystemThemePath, B as STYLE_SYSTEM_TYPES, C as launchBrowserWithFallback, D as resetStyleSystemConfigCache, E as hasStyleSystemProjectConfig, F as TailwindCSSClassesService, I as BaseCSSClassesService, L as TemplatesManagerService, M as StoriesIndexService, N as CSSClassesServiceFactory, O as resolveAppDesignSystemConfig, P as DEFAULT_STYLE_SYSTEM_CONFIG, R as isContained, S as BaseBundlerService, T as getSharedComponentTags, _ as createDefaultBundlerService, b as ViteReactNativeBundlerService, c as createStyleSystemModule, d as GetComponentVisualTool, f as GetCSSClassesTool, g as ThemeService, h as ComponentRendererService, i as createServer, j as MAX_STYLE_SYSTEM_VIEWPORT_DIMENSION, k as StyleSystemConfigLoader, l as ListAppComponentsTool, m as GetUiComponentService, n as extractCustomTokenNames, p as ListThemesTool, r as generateRestrictedClassesConfig, s as createContainer, t as StdioTransportHandler, u as ListSharedComponentsTool, v as getBundlerService, w as getAppDesignSystemConfig, x as ViteReactBundlerService, y as getBundlerServiceFromConfig, z as log } from "./stdio-B12YYINp.mjs";
 import { promises } from "node:fs";
 import path from "node:path";
 import { createHash, randomUUID } from "node:crypto";
@@ -14,7 +14,7 @@ var StoryPreviewService = class {
 	bundlerFactory;
 	previews = /* @__PURE__ */ new Map();
 	constructor(options = {}) {
-		this.workspaceRoot = path.resolve(options.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync());
+		this.workspaceRoot = options.workspaceRoot !== void 0 ? Promise.resolve(path.resolve(options.workspaceRoot)) : void 0;
 		this.storiesIndexFactory = options.storiesIndexFactory ?? ((workspaceRoot, storyFilePath) => new StoriesIndexService({
 			workspaceRoot,
 			storyFiles: [storyFilePath],
@@ -25,7 +25,8 @@ var StoryPreviewService = class {
 	}
 	async build(input) {
 		if (!STORY_EXPORT_PATTERN.test(input.storyExport)) throw new Error("storyExport must be an exact JavaScript named export");
-		const workspaceRoot = await promises.realpath(this.workspaceRoot);
+		const root = await (this.workspaceRoot ??= TemplatesManagerService.getWorkspaceRoot());
+		const workspaceRoot = await promises.realpath(root);
 		const appPath = await this.resolveContainedPath(workspaceRoot, input.appPath, "appPath");
 		const storyFilePath = await this.resolveContainedPath(workspaceRoot, input.storyFilePath, "storyFilePath");
 		if (!STORY_FILE_PATTERN.test(storyFilePath)) throw new Error("storyFilePath must name a .stories.ts or .stories.tsx file");
@@ -188,9 +189,12 @@ const WARM_RENDERER_TOOLS = {
 	list_shared_components: STYLE_SYSTEM_TYPES.ListSharedComponentsTool,
 	list_app_components: STYLE_SYSTEM_TYPES.ListAppComponentsTool
 };
+/** Long enough to cover an edit-and-render loop; an idle dev server still holds its module graph and watchers. */
+const IDLE_CLOSE_MS = 6e5;
 /**
 * Keeps one browser and one Vite dev server warm across renders, so a render after the first
 * skips the browser launch and the static build. Rendered screenshots come back as base64.
+* After IDLE_CLOSE_MS without a call it stops them; the next call starts them again.
 */
 function createWarmStoryRenderer(options = {}) {
 	const workspaceRoot = options.workspaceRoot ? path.resolve(options.workspaceRoot) : void 0;
@@ -218,6 +222,8 @@ function createWarmStoryRenderer(options = {}) {
 	let queue = Promise.resolve();
 	let disposed = false;
 	let captures = 0;
+	let inFlight = 0;
+	let idleTimer;
 	const ensureDevServer = async (appPath) => {
 		const resolved = path.resolve(workspaceRoot ?? ".", appPath);
 		const { config } = await configLoader.resolveProject(resolved);
@@ -288,19 +294,30 @@ function createWarmStoryRenderer(options = {}) {
 			isError: result.isError === true
 		};
 	};
+	const enqueue = (task) => {
+		const next = queue.then(task);
+		queue = next.catch(() => void 0);
+		return next;
+	};
+	const armIdleClose = () => {
+		if (--inFlight > 0 || disposed) return;
+		idleTimer = setTimeout(() => void enqueue(reset), IDLE_CLOSE_MS);
+		idleTimer.unref();
+	};
 	return {
 		call(tool, input) {
-			const next = queue.then(() => run(tool, input));
-			queue = next.catch(() => void 0);
+			clearTimeout(idleTimer);
+			inFlight++;
+			const next = enqueue(() => run(tool, input));
+			next.then(armIdleClose, armIdleClose);
 			return next;
 		},
 		restart() {
-			const next = queue.then(reset);
-			queue = next.catch(() => void 0);
-			return next;
+			return enqueue(reset);
 		},
 		async dispose() {
 			disposed = true;
+			clearTimeout(idleTimer);
 			await queue;
 			await reset();
 		}

package/dist/{stdio-DkBcS4Ei.mjs → stdio-B12YYINp.mjs}

@@ -1,17 +1,17 @@
 import { createRequire } from "node:module";
 import { Container, ContainerModule, inject, injectable, optional } from "inversify";
-import { accessSync, existsSync, promises, readFileSync, readdirSync } from "node:fs";
+import { promises } from "node:fs";
 import * as path$1 from "node:path";
 import path, { dirname } from "node:path";
 import os, * as os$1 from "node:os";
 import pino from "pino";
 import * as fs from "node:fs/promises";
-import { writeFile } from "node:fs/promises";
-import * as yaml from "js-yaml";
+import { readFile, readdir, writeFile } from "node:fs/promises";
 import postcss from "postcss";
 import { createHash, randomUUID } from "node:crypto";
 import { loadCsf } from "storybook/internal/csf-tools";
 import { glob } from "glob";
+import * as yaml from "js-yaml";
 import { z } from "zod";
 import { chromium, firefox, webkit } from "playwright";
 import tailwindcss from "@tailwindcss/vite";
@@ -20,9 +20,6 @@ import { fileURLToPath } from "node:url";
 import react from "@vitejs/plugin-react";
 import { Server } from "@modelcontextprotocol/server";
 import { serveStdio } from "@modelcontextprotocol/server/stdio";
-//#region \0rolldown/runtime.js
-var __require = /* #__PURE__ */ (() => createRequire(import.meta.url))();
-//#endregion
 //#region src/container/types.ts
 const STYLE_SYSTEM_TYPES = {
 	ListThemesTool: Symbol.for("StyleSystem:ListThemesTool"),
@@ -146,14 +143,6 @@ async function pathExists(filePath) {
 		return false;
 	}
 }
-function pathExistsSync(filePath) {
-	try {
-		accessSync(filePath);
-		return true;
-	} catch {
-		return false;
-	}
-}
 //#endregion
 //#region src/utils/TemplatesManagerService.ts
 var TemplatesManagerService = class TemplatesManagerService {
@@ -182,15 +171,6 @@ var TemplatesManagerService = class TemplatesManagerService {
 			currentPath = path.dirname(currentPath);
 		}
 	}
-	static findWorkspaceRootSync(startPath) {
-		let currentPath = path.resolve(startPath);
-		const rootPath = path.parse(currentPath).root;
-		while (true) {
-			if (pathExistsSync(path.join(currentPath, ".git"))) return currentPath;
-			if (currentPath === rootPath) return process.cwd();
-			currentPath = path.dirname(currentPath);
-		}
-	}
 	static async readToolkitConfig(startPath = process.cwd()) {
 		const workspaceRoot = await TemplatesManagerService.findWorkspaceRoot(startPath);
 		const yaml = await import("js-yaml");
@@ -212,30 +192,9 @@ var TemplatesManagerService = class TemplatesManagerService {
 		const content = await fs.readFile(legacyConfigPath, "utf-8");
 		return yaml.load(content);
 	}
-	static readToolkitConfigSync(startPath = process.cwd()) {
-		const workspaceRoot = TemplatesManagerService.findWorkspaceRootSync(startPath);
-		const yaml = __require("js-yaml");
-		const toolkitFolder = path.join(workspaceRoot, TemplatesManagerService.TOOLKIT_FOLDER);
-		const settingsPath = path.join(toolkitFolder, TemplatesManagerService.SETTINGS_FILE);
-		const settingsLocalPath = path.join(toolkitFolder, TemplatesManagerService.SETTINGS_LOCAL_FILE);
-		if (pathExistsSync(settingsPath)) {
-			const base = yaml.load(readFileSync(settingsPath, "utf-8"));
-			if (pathExistsSync(settingsLocalPath)) {
-				const local = yaml.load(readFileSync(settingsLocalPath, "utf-8"));
-				return TemplatesManagerService.mergeToolkitConfigs(base, local);
-			}
-			return base;
-		}
-		const legacyConfigPath = path.join(workspaceRoot, TemplatesManagerService.TOOLKIT_CONFIG_FILE);
-		if (!pathExistsSync(legacyConfigPath)) return null;
-		return yaml.load(readFileSync(legacyConfigPath, "utf-8"));
-	}
 	static async getWorkspaceRoot(startPath = process.cwd()) {
 		return TemplatesManagerService.findWorkspaceRoot(startPath);
 	}
-	static getWorkspaceRootSync(startPath = process.cwd()) {
-		return TemplatesManagerService.findWorkspaceRootSync(startPath);
-	}
 };
 //#endregion
 //#region src/services/ThemeService/CSSThemeService.ts
@@ -280,7 +239,7 @@ var CSSThemeService = class extends BaseThemeService {
 	*/
 	constructor(config, workspaceRoot) {
 		super(config);
-		this.monorepoRoot = workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
+		this.monorepoRoot = workspaceRoot !== void 0 ? Promise.resolve(workspaceRoot) : void 0;
 	}
 	/**
 	* Get the source identifier for this service
@@ -299,7 +258,7 @@ var CSSThemeService = class extends BaseThemeService {
 	* @throws Error if no theme files are configured or files cannot be read
 	*/
 	async listThemes() {
-		const cssFilePaths = this.resolveCSSFilePaths();
+		const cssFilePaths = await this.resolveCSSFilePaths();
 		if (cssFilePaths.length === 0) throw new Error("No theme CSS files configured. Set themePath or cssFiles in style-system.config.yaml.");
 		const themes = [];
 		const results = await Promise.allSettled(cssFilePaths.map(async (cssFilePath) => {
@@ -319,14 +278,15 @@ var CSSThemeService = class extends BaseThemeService {
 	* Resolve configured CSS file paths to absolute paths.
 	* @returns Array of absolute CSS file paths
 	*/
-	resolveCSSFilePaths() {
+	async resolveCSSFilePaths() {
+		const monorepoRoot = await (this.monorepoRoot ??= TemplatesManagerService.getWorkspaceRoot());
 		const paths = [];
 		if (this.config.themePath) {
-			const themePath = path.isAbsolute(this.config.themePath) ? this.config.themePath : path.join(this.monorepoRoot, this.config.themePath);
+			const themePath = path.isAbsolute(this.config.themePath) ? this.config.themePath : path.join(monorepoRoot, this.config.themePath);
 			paths.push(themePath);
 		}
 		if (this.config.cssFiles && this.config.cssFiles.length > 0) for (const cssFile of this.config.cssFiles) {
-			const cssPath = path.isAbsolute(cssFile) ? cssFile : path.join(this.monorepoRoot, cssFile);
+			const cssPath = path.isAbsolute(cssFile) ? cssFile : path.join(monorepoRoot, cssFile);
 			if (!paths.includes(cssPath)) paths.push(cssPath);
 		}
 		return paths;
@@ -859,7 +819,7 @@ let CSSClassesServiceFactory = class CSSClassesServiceFactory {
 	async loadCustomService(config) {
 		const servicePath = config.customServicePath;
 		if (!servicePath) throw new Error("customServicePath is required for custom service loading");
-		const monorepoRoot = this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
+		const monorepoRoot = this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot();
 		const resolvedPath = path.resolve(monorepoRoot, servicePath);
 		const normalizedWorkspaceRoot = path.resolve(monorepoRoot);
 		if (!resolvedPath.startsWith(normalizedWorkspaceRoot + path.sep)) throw new Error(`Security error: customServicePath "${servicePath}" resolves outside workspace root`);
@@ -932,7 +892,7 @@ let StoriesIndexService = class StoriesIndexService {
 	*/
 	constructor(config = {}) {
 		this.config = config;
-		this.monorepoRoot = config.workspaceRoot ? path.resolve(config.workspaceRoot) : TemplatesManagerService.getWorkspaceRootSync();
+		this.monorepoRoot = config.workspaceRoot ? path.resolve(config.workspaceRoot) : "";
 	}
 	/**
 	* Initialize the index by scanning all .stories files.
@@ -940,7 +900,7 @@ let StoriesIndexService = class StoriesIndexService {
 	*/
 	async initialize() {
 		if (this.initialized && this.lastInitResult) return this.lastInitResult;
-		if (this.config.workspaceRoot) this.monorepoRoot = await promises.realpath(this.monorepoRoot);
+		this.monorepoRoot = this.config.workspaceRoot ? await promises.realpath(this.monorepoRoot) : await TemplatesManagerService.getWorkspaceRoot();
 		log.info("[StoriesIndexService] Initializing story index...");
 		const storyFiles = await this.findStoryFiles();
 		log.info(`[StoriesIndexService] Found ${storyFiles.length} story files`);
@@ -1350,9 +1310,9 @@ const EXPO_APP_CONFIG_FILE = "app.json";
 * values, and warns when it is the one that resolves.
 */
 async function resolveStyleSystemThemePath(input) {
-	const hostRoot = input.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
+	const hostRoot = input.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot();
 	const resolvedAppPath = input.appPath ? path.isAbsolute(input.appPath) ? path.normalize(input.appPath) : path.join(hostRoot, input.appPath) : hostRoot;
-	const monorepoRoot = input.workspaceRoot ?? (input.appPath ? TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath) : hostRoot);
+	const monorepoRoot = input.workspaceRoot ?? (input.appPath ? await TemplatesManagerService.getWorkspaceRoot(resolvedAppPath) : hostRoot);
 	const workspaceCandidate = path.join(monorepoRoot, input.themePath);
 	const candidates = path.isAbsolute(input.themePath) ? [input.themePath] : [workspaceCandidate, path.resolve(resolvedAppPath, input.themePath)];
 	const uniqueCandidates = [...new Set(candidates)];
@@ -1418,7 +1378,8 @@ let StyleSystemConfigLoader = class StyleSystemConfigLoader {
 		this.projectCache.clear();
 	}
 	/** Load and cache the workspace root config. */
-	async loadRoot(workspaceRoot = this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync()) {
+	async loadRoot(workspaceRoot) {
+		workspaceRoot ??= this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot();
 		let pending = this.rootPromises.get(workspaceRoot);
 		if (!pending) {
 			pending = this.readRoot(workspaceRoot);
@@ -1434,8 +1395,8 @@ let StyleSystemConfigLoader = class StyleSystemConfigLoader {
 	/** Resolve the merged configuration for a project. */
 	async resolveProject(appPath) {
 		if (!appPath || typeof appPath !== "string") throw new Error("appPath is required and must be a non-empty string");
-		const resolvedAppPath = path.isAbsolute(appPath) ? path.normalize(appPath) : path.join(this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(), appPath);
-		const workspaceRoot = this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath);
+		const resolvedAppPath = path.isAbsolute(appPath) ? path.normalize(appPath) : path.join(this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot(), appPath);
+		const workspaceRoot = this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot(resolvedAppPath);
 		const cached = this.projectCache.get(resolvedAppPath);
 		if (cached) return cached;
 		const pending = this.readProject(resolvedAppPath, workspaceRoot);
@@ -2062,7 +2023,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	constructor(config = {}, workspaceRoot) {
 		super(config);
 		this.workspaceRoot = workspaceRoot;
-		this.monorepoRoot = workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
+		this.monorepoRoot = workspaceRoot !== void 0 ? Promise.resolve(workspaceRoot) : void 0;
 	}
 	/**
 	* Get the singleton instance of ViteReactBundlerService.
@@ -2137,7 +2098,8 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	* @throws Error if server fails to start
 	*/
 	async startDevServer(appPath) {
-		const resolvedAppPath = path.isAbsolute(appPath) ? appPath : path.join(this.monorepoRoot, appPath);
+		const monorepoRoot = await (this.monorepoRoot ??= TemplatesManagerService.getWorkspaceRoot());
+		const resolvedAppPath = path.isAbsolute(appPath) ? appPath : path.join(monorepoRoot, appPath);
 		if (this.isServerRunning() && this.currentAppPath === resolvedAppPath) {
 			log.info(`[ViteReactBundlerService] Server already running for ${resolvedAppPath}`);
 			return {
@@ -2177,7 +2139,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 				plugins: [
 					tailwindcss(),
 					createTanStackStartStubPlugin(),
-					...this.getAdditionalVitePlugins(resolvedAppPath),
+					...await this.getAdditionalVitePlugins(resolvedAppPath),
 					{
 						name: "style-system-preview-html",
 						configureServer: (server) => {
@@ -2207,7 +2169,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 					},
 					createStoryEntryPlugin((id) => this.storyConfigs.get(id), (opts) => this.generateEntryFile(opts))
 				],
-				resolve: this.getViteResolveConfig(resolvedAppPath),
+				resolve: await this.getViteResolveConfig(resolvedAppPath),
 				define: this.getViteDefineConfig(),
 				esbuild: this.getViteEsbuildConfig(),
 				oxc: this.getViteOxcConfig(),
@@ -2257,8 +2219,9 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 		validateStoryName(storyName);
 		validateComponentPath(componentPath);
 		validateArgsSize(args);
-		const resolvedAppPath = path.isAbsolute(appPath) ? appPath : path.join(this.monorepoRoot, appPath);
-		validateCssFiles(cssFiles, this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath));
+		const monorepoRoot = await (this.monorepoRoot ??= TemplatesManagerService.getWorkspaceRoot());
+		const resolvedAppPath = path.isAbsolute(appPath) ? appPath : path.join(monorepoRoot, appPath);
+		validateCssFiles(cssFiles, this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot(resolvedAppPath));
 		if (this.currentAppPath !== resolvedAppPath) throw new Error(`Dev server is running for ${this.currentAppPath} but requested ${resolvedAppPath}.`);
 		const tmpDir = path.join(resolvedAppPath, TMP_DIR_NAME);
 		try {
@@ -2305,8 +2268,9 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 		validateStoryName(storyName);
 		validateComponentPath(componentPath);
 		validateArgsSize(args);
-		const resolvedAppPath = path.isAbsolute(appPath) ? appPath : path.join(this.monorepoRoot, appPath);
-		validateCssFiles(cssFiles, this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath));
+		const monorepoRoot = await (this.monorepoRoot ??= TemplatesManagerService.getWorkspaceRoot());
+		const resolvedAppPath = path.isAbsolute(appPath) ? appPath : path.join(monorepoRoot, appPath);
+		validateCssFiles(cssFiles, this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot(resolvedAppPath));
 		const tmpDir = path.join(resolvedAppPath, TMP_DIR_NAME);
 		try {
 			await promises.mkdir(tmpDir, { recursive: true });
@@ -2331,8 +2295,8 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	* Get Vite resolve configuration for the given app path.
 	* Subclasses can override to add platform-specific aliases (e.g., react-native-web).
 	*/
-	getViteResolveConfig(appPath) {
-		const workspaceRoot = this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(appPath);
+	async getViteResolveConfig(appPath) {
+		const workspaceRoot = this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot(appPath);
 		const frontendPackagePath = (packageDir, sourcePath = "index.ts") => path.join(workspaceRoot, WORKSPACE_PACKAGE_DIR_PREFIX, "frontend", packageDir, APP_SOURCE_DIR$1, sourcePath);
 		return { alias: [
 			...appReactAliases(appPath),
@@ -2442,7 +2406,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	*/
 	async generateWrapperCss(appPath, cssFiles) {
 		const resolvedCssFiles = cssFiles.length > 0 ? cssFiles : await this.getDefaultCssFiles(appPath);
-		const workspaceRoot = this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(appPath);
+		const workspaceRoot = this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot(appPath);
 		const cssImportStatements = resolvedCssFiles.map((cssFile) => {
 			if (path.isAbsolute(cssFile)) return `@import '${cssFile}';`;
 			if (cssFile.startsWith(PACKAGE_IMPORT_PREFIX) || cssFile.startsWith(TAILWIND_IMPORT_PREFIX)) return `@import '${cssFile}';`;
@@ -2628,10 +2592,10 @@ mount();
 					tailwindcss(),
 					viteSingleFile(),
 					createTanStackStartStubPlugin(),
-					...this.getAdditionalVitePlugins(appPath),
+					...await this.getAdditionalVitePlugins(appPath),
 					createStoryEntryPlugin((id) => buildStoryConfigs.get(id), (opts) => this.generateEntryFile(opts))
 				],
-				resolve: this.getViteResolveConfig(appPath),
+				resolve: await this.getViteResolveConfig(appPath),
 				define: this.getViteDefineConfig(),
 				esbuild: this.getViteEsbuildConfig(),
 				oxc: this.getViteOxcConfig(),
@@ -2741,10 +2705,8 @@ const SHIMS_DIR_CANDIDATES = [
 	path.resolve(__dirname, "../shims"),
 	path.resolve(__dirname, "../src/shims")
 ];
-const SHIMS_DIR = resolveShimsDir();
-function resolveExistingDir(candidates, label, isValidDir = () => true) {
-	const existing = candidates.find((candidate) => existsSync(candidate) && isValidDir(candidate));
-	if (existing) return existing;
+async function resolveExistingDir(candidates, label, isValidDir) {
+	for (const candidate of candidates) if (await isValidDir(candidate)) return candidate;
 	throw new Error(`Could not resolve ${label}. Tried: ${candidates.join(", ")}`);
 }
 function resolvePackageDirFrom(fromPath, packageName) {
@@ -2761,15 +2723,23 @@ function toViteImportPath(filePath) {
 * matching TrueType font. Metadata-only glyph maps (e.g. `FontAwesome5Free_meta.json`)
 * have no font and are skipped.
 */
-function resolveExpoVectorIconFamilies(appPath) {
+async function resolveExpoVectorIconFamilies(appPath) {
 	const packageDir = dirname(resolvePackageSubpathFrom(appPath, `${EXPO_VECTOR_ICONS_PREFIX}/${PACKAGE_JSON_SUBPATH}`));
 	const glyphMapDir = path.join(packageDir, EXPO_VECTOR_ICONS_GLYPHMAP_DIR);
 	const fontDir = path.join(packageDir, EXPO_VECTOR_ICONS_FONT_DIR);
-	return readdirSync(glyphMapDir).filter((entry) => entry.endsWith(GLYPHMAP_EXTENSION)).map((entry) => entry.slice(0, -5)).filter((family) => existsSync(path.join(fontDir, `${family}${FONT_EXTENSION}`))).map((family) => ({
-		family,
-		fontPath: toViteImportPath(path.join(fontDir, `${family}${FONT_EXTENSION}`)),
-		glyphMapPath: toViteImportPath(path.join(glyphMapDir, `${family}${GLYPHMAP_EXTENSION}`))
-	}));
+	const families = [];
+	for (const entry of await readdir(glyphMapDir)) {
+		if (!entry.endsWith(GLYPHMAP_EXTENSION)) continue;
+		const family = entry.slice(0, -5);
+		const fontPath = path.join(fontDir, `${family}${FONT_EXTENSION}`);
+		if (!await pathExists(fontPath)) continue;
+		families.push({
+			family,
+			fontPath: toViteImportPath(fontPath),
+			glyphMapPath: toViteImportPath(path.join(glyphMapDir, entry))
+		});
+	}
+	return families;
 }
 function getExpoVectorIconsVirtualModuleId(source, families) {
 	if (source === EXPO_VECTOR_ICONS_PREFIX) return `${EXPO_VECTOR_ICONS_RESOLVED_MODULE_PREFIX}/index`;
@@ -2802,13 +2772,20 @@ function createSvgComponentPlugin() {
 	return {
 		name: SVG_COMPONENT_PLUGIN_NAME,
 		enforce: VITE_PLUGIN_ENFORCE_PRE,
-		load(id) {
+		async load(id) {
 			const [filePath] = id.split(VITE_QUERY_SEPARATOR);
-			if (!filePath?.endsWith(SVG_EXTENSION) || !existsSync(filePath)) return null;
+			if (!filePath?.endsWith(SVG_EXTENSION)) return null;
+			let content;
+			try {
+				content = await readFile(filePath);
+			} catch (error) {
+				if (error instanceof Error && "code" in error && error.code === "ENOENT") return null;
+				throw error;
+			}
 			return `
         import React from 'react';
 
-        const svgSource = '${`${SVG_DATA_URI_PREFIX}${readFileSync(filePath).toString(BASE64_ENCODING)}`}';
+        const svgSource = '${`${SVG_DATA_URI_PREFIX}${content.toString(BASE64_ENCODING)}`}';
 
         function normalizeStyle(style) {
           if (Array.isArray(style)) return Object.assign({}, ...style.filter(Boolean));
@@ -2879,8 +2856,8 @@ function createNativeBabelTransformPlugin(appPath) {
 		}
 	};
 }
-function createExpoVectorIconsVirtualModule(appPath) {
-	const iconFamilies = resolveExpoVectorIconFamilies(appPath);
+async function createExpoVectorIconsVirtualModule(appPath) {
+	const iconFamilies = await resolveExpoVectorIconFamilies(appPath);
 	const iconFamilyNames = new Set(iconFamilies.map(({ family }) => family));
 	const assetImports = iconFamilies.map(({ family, fontPath, glyphMapPath }) => `import ${family}FontUrl from '${fontPath}?url';\n        import ${family}GlyphMap from '${glyphMapPath}';`).join("\n        ");
 	return {
@@ -2972,8 +2949,8 @@ function createExpoVectorIconsVirtualModule(appPath) {
 function resolveShimsDir() {
 	return resolveExistingDir(SHIMS_DIR_CANDIDATES, REACT_NATIVE_VISUAL_RENDER_SHIMS_LABEL, hasRequiredReactNativeShims);
 }
-function hasRequiredReactNativeShims(candidate) {
-	return REQUIRED_REACT_NATIVE_SHIM_FILES.every((shimFile) => existsSync(path.join(candidate, shimFile)));
+async function hasRequiredReactNativeShims(candidate) {
+	return (await Promise.all(REQUIRED_REACT_NATIVE_SHIM_FILES.map((shimFile) => pathExists(path.join(candidate, shimFile))))).every(Boolean);
 }
 var ViteReactNativeBundlerService = class ViteReactNativeBundlerService extends ViteReactBundlerService {
 	static nativeInstance = null;
@@ -2984,7 +2961,7 @@ var ViteReactNativeBundlerService = class ViteReactNativeBundlerService extends
 	getBundlerId() {
 		return VITE_REACT_NATIVE_BUNDLER_ID;
 	}
-	getAdditionalVitePlugins(appPath) {
+	async getAdditionalVitePlugins(appPath) {
 		return [
 			{
 				name: REACT_NATIVE_OPTIMIZE_DEPS_PLUGIN_NAME,
@@ -3002,7 +2979,7 @@ var ViteReactNativeBundlerService = class ViteReactNativeBundlerService extends
 			},
 			createExpoTypeDeclarationStubPlugin(),
 			createSvgComponentPlugin(),
-			...appPath ? [createExpoVectorIconsVirtualModule(appPath)] : [],
+			...appPath ? [await createExpoVectorIconsVirtualModule(appPath)] : [],
 			...appPath ? [createNativeBabelTransformPlugin(appPath)] : [],
 			...react()
 		];
@@ -3057,7 +3034,8 @@ const styleSystemSafeAreaMetrics = {
       min-height: 100vh;
     }`;
 	}
-	getViteResolveConfig(appPath) {
+	async getViteResolveConfig(appPath) {
+		const shimsDir = await resolveShimsDir();
 		const reactNativeUnistylesDir = resolvePackageDirFrom(appPath, REACT_NATIVE_UNISTYLES_PACKAGE);
 		const reactNativeUnistylesEntry = path.join(reactNativeUnistylesDir, REACT_NATIVE_UNISTYLES_WEB_INDEX);
 		const reactNativeWebDir = resolvePackageDirFrom(appPath, REACT_NATIVE_WEB_PACKAGE);
@@ -3083,7 +3061,7 @@ const styleSystemSafeAreaMetrics = {
 				},
 				{
 					find: EXPO_SYMBOLS_PACKAGE,
-					replacement: path.join(SHIMS_DIR, EXPO_SYMBOLS_SHIM_FILE)
+					replacement: path.join(shimsDir, EXPO_SYMBOLS_SHIM_FILE)
 				},
 				{
 					find: STORYBOOK_REACT_NATIVE_PACKAGE,
@@ -3217,7 +3195,7 @@ async function loadBundlerServiceFromConfig(options) {
 		cachedBundlerService = fallback();
 		return cachedBundlerService;
 	}
-	const monorepoRoot = options?.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
+	const monorepoRoot = options?.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot();
 	const customServicePath = path.resolve(monorepoRoot, config.customService);
 	const normalizedWorkspaceRoot = path.resolve(monorepoRoot);
 	if (!customServicePath.startsWith(normalizedWorkspaceRoot + path.sep)) {
@@ -3306,7 +3284,7 @@ var ThemeService = class {
 	* @param config - Design system configuration
 	*/
 	constructor(config, workspaceRoot) {
-		this.monorepoRoot = workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
+		this.monorepoRoot = workspaceRoot !== void 0 ? Promise.resolve(workspaceRoot) : void 0;
 		this.config = config;
 		if (this.config.themeProvider) log.info(`[ThemeService] Using theme provider: ${this.config.themeProvider}`);
 		log.info(`[ThemeService] Design system type: ${this.config.type}`);
@@ -3323,12 +3301,13 @@ var ThemeService = class {
 	* @returns Array of absolute paths to CSS files
 	*/
 	async getThemeCSS() {
-		if (this.config.cssFiles && this.config.cssFiles.length > 0) return this.config.cssFiles.map((cssFile) => path.isAbsolute(cssFile) ? cssFile : path.join(this.monorepoRoot, cssFile));
+		const monorepoRoot = await (this.monorepoRoot ??= TemplatesManagerService.getWorkspaceRoot());
+		if (this.config.cssFiles && this.config.cssFiles.length > 0) return this.config.cssFiles.map((cssFile) => path.isAbsolute(cssFile) ? cssFile : path.join(monorepoRoot, cssFile));
 		const cssPatterns = ["**/packages/frontend/web-theme/src/**/*.css", "**/packages/frontend/shared-theme/**/*.css"];
 		const cssFiles = [];
 		for (const pattern of cssPatterns) {
 			const files = await glob(pattern, {
-				cwd: this.monorepoRoot,
+				cwd: monorepoRoot,
 				absolute: true,
 				ignore: ["**/node_modules/**", "**/dist/**"]
 			});
@@ -3417,7 +3396,8 @@ export { WrappedComponent };
 	* @throws Error if themes directory cannot be read
 	*/
 	async listAvailableThemes() {
-		const configsPath = path.join(this.monorepoRoot, "packages/frontend/shared-theme/configs");
+		const monorepoRoot = await (this.monorepoRoot ??= TemplatesManagerService.getWorkspaceRoot());
+		const configsPath = path.join(monorepoRoot, "packages/frontend/shared-theme/configs");
 		try {
 			const themeFiles = (await promises.readdir(configsPath)).filter((file) => file.endsWith(JSON_FILE_EXTENSION));
 			const themes = [];
@@ -3952,7 +3932,7 @@ let AppComponentsService = class AppComponentsService {
 		if (input.cursor !== void 0 && typeof input.cursor !== "string") throw new Error("cursor must be a string");
 		const { appPath, cursor } = input;
 		const { offset } = cursor ? this.decodeCursor(cursor) : { offset: 0 };
-		const monorepoRoot = this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
+		const monorepoRoot = this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot();
 		const resolvedAppPath = path.isAbsolute(appPath) ? appPath : path.join(monorepoRoot, appPath);
 		try {
 			await promises.access(resolvedAppPath);
@@ -4225,7 +4205,8 @@ let ListThemesTool = class ListThemesTool {
 					themePath: appConfig.themePath,
 					workspaceRoot: this.configLoader?.workspaceRoot
 				}) : void 0;
-				cssFiles = themePath ? void 0 : appConfig.cssFiles?.map((file) => path.resolve(this.configLoader?.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(), input.appPath, file));
+				const workspaceRoot = this.configLoader?.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot();
+				cssFiles = themePath ? void 0 : appConfig.cssFiles?.map((file) => path.resolve(workspaceRoot, input.appPath, file));
 			}
 			const result = await (await this.serviceFactory.createService({
 				themePath,
@@ -4733,7 +4714,7 @@ function createContainer(options) {
 }
 //#endregion
 //#region package.json
-var version = "0.2.14-alpha.27";
+var version = "0.2.14-alpha.29";
 //#endregion
 //#region src/metadata.ts
 const STYLE_SYSTEM_CLI_NAME = "style-system";

package/dist/{stdio-SA_mYLbr.cjs → stdio-Dxe1iygw.cjs}

@@ -30,13 +30,13 @@ let pino = require("pino");
 pino = __toESM(pino, 1);
 let node_fs_promises = require("node:fs/promises");
 node_fs_promises = __toESM(node_fs_promises, 1);
-let js_yaml = require("js-yaml");
-js_yaml = __toESM(js_yaml, 1);
 let postcss = require("postcss");
 postcss = __toESM(postcss, 1);
 let node_crypto = require("node:crypto");
 let storybook_internal_csf_tools = require("storybook/internal/csf-tools");
 let glob = require("glob");
+let js_yaml = require("js-yaml");
+js_yaml = __toESM(js_yaml, 1);
 let zod = require("zod");
 let playwright = require("playwright");
 let node_module = require("node:module");
@@ -171,14 +171,6 @@ async function pathExists(filePath) {
 		return false;
 	}
 }
-function pathExistsSync(filePath) {
-	try {
-		(0, node_fs.accessSync)(filePath);
-		return true;
-	} catch {
-		return false;
-	}
-}
 //#endregion
 //#region src/utils/TemplatesManagerService.ts
 var TemplatesManagerService = class TemplatesManagerService {
@@ -207,15 +199,6 @@ var TemplatesManagerService = class TemplatesManagerService {
 			currentPath = node_path.default.dirname(currentPath);
 		}
 	}
-	static findWorkspaceRootSync(startPath) {
-		let currentPath = node_path.default.resolve(startPath);
-		const rootPath = node_path.default.parse(currentPath).root;
-		while (true) {
-			if (pathExistsSync(node_path.default.join(currentPath, ".git"))) return currentPath;
-			if (currentPath === rootPath) return process.cwd();
-			currentPath = node_path.default.dirname(currentPath);
-		}
-	}
 	static async readToolkitConfig(startPath = process.cwd()) {
 		const workspaceRoot = await TemplatesManagerService.findWorkspaceRoot(startPath);
 		const yaml = await import("js-yaml");
@@ -237,30 +220,9 @@ var TemplatesManagerService = class TemplatesManagerService {
 		const content = await node_fs_promises.readFile(legacyConfigPath, "utf-8");
 		return yaml.load(content);
 	}
-	static readToolkitConfigSync(startPath = process.cwd()) {
-		const workspaceRoot = TemplatesManagerService.findWorkspaceRootSync(startPath);
-		const yaml = require("js-yaml");
-		const toolkitFolder = node_path.default.join(workspaceRoot, TemplatesManagerService.TOOLKIT_FOLDER);
-		const settingsPath = node_path.default.join(toolkitFolder, TemplatesManagerService.SETTINGS_FILE);
-		const settingsLocalPath = node_path.default.join(toolkitFolder, TemplatesManagerService.SETTINGS_LOCAL_FILE);
-		if (pathExistsSync(settingsPath)) {
-			const base = yaml.load((0, node_fs.readFileSync)(settingsPath, "utf-8"));
-			if (pathExistsSync(settingsLocalPath)) {
-				const local = yaml.load((0, node_fs.readFileSync)(settingsLocalPath, "utf-8"));
-				return TemplatesManagerService.mergeToolkitConfigs(base, local);
-			}
-			return base;
-		}
-		const legacyConfigPath = node_path.default.join(workspaceRoot, TemplatesManagerService.TOOLKIT_CONFIG_FILE);
-		if (!pathExistsSync(legacyConfigPath)) return null;
-		return yaml.load((0, node_fs.readFileSync)(legacyConfigPath, "utf-8"));
-	}
 	static async getWorkspaceRoot(startPath = process.cwd()) {
 		return TemplatesManagerService.findWorkspaceRoot(startPath);
 	}
-	static getWorkspaceRootSync(startPath = process.cwd()) {
-		return TemplatesManagerService.findWorkspaceRootSync(startPath);
-	}
 };
 //#endregion
 //#region src/services/ThemeService/CSSThemeService.ts
@@ -305,7 +267,7 @@ var CSSThemeService = class extends BaseThemeService {
 	*/
 	constructor(config, workspaceRoot) {
 		super(config);
-		this.monorepoRoot = workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
+		this.monorepoRoot = workspaceRoot !== void 0 ? Promise.resolve(workspaceRoot) : void 0;
 	}
 	/**
 	* Get the source identifier for this service
@@ -324,7 +286,7 @@ var CSSThemeService = class extends BaseThemeService {
 	* @throws Error if no theme files are configured or files cannot be read
 	*/
 	async listThemes() {
-		const cssFilePaths = this.resolveCSSFilePaths();
+		const cssFilePaths = await this.resolveCSSFilePaths();
 		if (cssFilePaths.length === 0) throw new Error("No theme CSS files configured. Set themePath or cssFiles in style-system.config.yaml.");
 		const themes = [];
 		const results = await Promise.allSettled(cssFilePaths.map(async (cssFilePath) => {
@@ -344,14 +306,15 @@ var CSSThemeService = class extends BaseThemeService {
 	* Resolve configured CSS file paths to absolute paths.
 	* @returns Array of absolute CSS file paths
 	*/
-	resolveCSSFilePaths() {
+	async resolveCSSFilePaths() {
+		const monorepoRoot = await (this.monorepoRoot ??= TemplatesManagerService.getWorkspaceRoot());
 		const paths = [];
 		if (this.config.themePath) {
-			const themePath = node_path.default.isAbsolute(this.config.themePath) ? this.config.themePath : node_path.default.join(this.monorepoRoot, this.config.themePath);
+			const themePath = node_path.default.isAbsolute(this.config.themePath) ? this.config.themePath : node_path.default.join(monorepoRoot, this.config.themePath);
 			paths.push(themePath);
 		}
 		if (this.config.cssFiles && this.config.cssFiles.length > 0) for (const cssFile of this.config.cssFiles) {
-			const cssPath = node_path.default.isAbsolute(cssFile) ? cssFile : node_path.default.join(this.monorepoRoot, cssFile);
+			const cssPath = node_path.default.isAbsolute(cssFile) ? cssFile : node_path.default.join(monorepoRoot, cssFile);
 			if (!paths.includes(cssPath)) paths.push(cssPath);
 		}
 		return paths;
@@ -884,7 +847,7 @@ let CSSClassesServiceFactory = class CSSClassesServiceFactory {
 	async loadCustomService(config) {
 		const servicePath = config.customServicePath;
 		if (!servicePath) throw new Error("customServicePath is required for custom service loading");
-		const monorepoRoot = this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
+		const monorepoRoot = this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot();
 		const resolvedPath = node_path.default.resolve(monorepoRoot, servicePath);
 		const normalizedWorkspaceRoot = node_path.default.resolve(monorepoRoot);
 		if (!resolvedPath.startsWith(normalizedWorkspaceRoot + node_path.default.sep)) throw new Error(`Security error: customServicePath "${servicePath}" resolves outside workspace root`);
@@ -957,7 +920,7 @@ let StoriesIndexService = class StoriesIndexService {
 	*/
 	constructor(config = {}) {
 		this.config = config;
-		this.monorepoRoot = config.workspaceRoot ? node_path.default.resolve(config.workspaceRoot) : TemplatesManagerService.getWorkspaceRootSync();
+		this.monorepoRoot = config.workspaceRoot ? node_path.default.resolve(config.workspaceRoot) : "";
 	}
 	/**
 	* Initialize the index by scanning all .stories files.
@@ -965,7 +928,7 @@ let StoriesIndexService = class StoriesIndexService {
 	*/
 	async initialize() {
 		if (this.initialized && this.lastInitResult) return this.lastInitResult;
-		if (this.config.workspaceRoot) this.monorepoRoot = await node_fs.promises.realpath(this.monorepoRoot);
+		this.monorepoRoot = this.config.workspaceRoot ? await node_fs.promises.realpath(this.monorepoRoot) : await TemplatesManagerService.getWorkspaceRoot();
 		log.info("[StoriesIndexService] Initializing story index...");
 		const storyFiles = await this.findStoryFiles();
 		log.info(`[StoriesIndexService] Found ${storyFiles.length} story files`);
@@ -1375,9 +1338,9 @@ const EXPO_APP_CONFIG_FILE = "app.json";
 * values, and warns when it is the one that resolves.
 */
 async function resolveStyleSystemThemePath(input) {
-	const hostRoot = input.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
+	const hostRoot = input.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot();
 	const resolvedAppPath = input.appPath ? node_path.default.isAbsolute(input.appPath) ? node_path.default.normalize(input.appPath) : node_path.default.join(hostRoot, input.appPath) : hostRoot;
-	const monorepoRoot = input.workspaceRoot ?? (input.appPath ? TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath) : hostRoot);
+	const monorepoRoot = input.workspaceRoot ?? (input.appPath ? await TemplatesManagerService.getWorkspaceRoot(resolvedAppPath) : hostRoot);
 	const workspaceCandidate = node_path.default.join(monorepoRoot, input.themePath);
 	const candidates = node_path.default.isAbsolute(input.themePath) ? [input.themePath] : [workspaceCandidate, node_path.default.resolve(resolvedAppPath, input.themePath)];
 	const uniqueCandidates = [...new Set(candidates)];
@@ -1443,7 +1406,8 @@ let StyleSystemConfigLoader = class StyleSystemConfigLoader {
 		this.projectCache.clear();
 	}
 	/** Load and cache the workspace root config. */
-	async loadRoot(workspaceRoot = this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync()) {
+	async loadRoot(workspaceRoot) {
+		workspaceRoot ??= this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot();
 		let pending = this.rootPromises.get(workspaceRoot);
 		if (!pending) {
 			pending = this.readRoot(workspaceRoot);
@@ -1459,8 +1423,8 @@ let StyleSystemConfigLoader = class StyleSystemConfigLoader {
 	/** Resolve the merged configuration for a project. */
 	async resolveProject(appPath) {
 		if (!appPath || typeof appPath !== "string") throw new Error("appPath is required and must be a non-empty string");
-		const resolvedAppPath = node_path.default.isAbsolute(appPath) ? node_path.default.normalize(appPath) : node_path.default.join(this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(), appPath);
-		const workspaceRoot = this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath);
+		const resolvedAppPath = node_path.default.isAbsolute(appPath) ? node_path.default.normalize(appPath) : node_path.default.join(this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot(), appPath);
+		const workspaceRoot = this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot(resolvedAppPath);
 		const cached = this.projectCache.get(resolvedAppPath);
 		if (cached) return cached;
 		const pending = this.readProject(resolvedAppPath, workspaceRoot);
@@ -2087,7 +2051,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	constructor(config = {}, workspaceRoot) {
 		super(config);
 		this.workspaceRoot = workspaceRoot;
-		this.monorepoRoot = workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
+		this.monorepoRoot = workspaceRoot !== void 0 ? Promise.resolve(workspaceRoot) : void 0;
 	}
 	/**
 	* Get the singleton instance of ViteReactBundlerService.
@@ -2162,7 +2126,8 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	* @throws Error if server fails to start
 	*/
 	async startDevServer(appPath) {
-		const resolvedAppPath = node_path.default.isAbsolute(appPath) ? appPath : node_path.default.join(this.monorepoRoot, appPath);
+		const monorepoRoot = await (this.monorepoRoot ??= TemplatesManagerService.getWorkspaceRoot());
+		const resolvedAppPath = node_path.default.isAbsolute(appPath) ? appPath : node_path.default.join(monorepoRoot, appPath);
 		if (this.isServerRunning() && this.currentAppPath === resolvedAppPath) {
 			log.info(`[ViteReactBundlerService] Server already running for ${resolvedAppPath}`);
 			return {
@@ -2202,7 +2167,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 				plugins: [
 					(0, _tailwindcss_vite.default)(),
 					createTanStackStartStubPlugin(),
-					...this.getAdditionalVitePlugins(resolvedAppPath),
+					...await this.getAdditionalVitePlugins(resolvedAppPath),
 					{
 						name: "style-system-preview-html",
 						configureServer: (server) => {
@@ -2232,7 +2197,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 					},
 					createStoryEntryPlugin((id) => this.storyConfigs.get(id), (opts) => this.generateEntryFile(opts))
 				],
-				resolve: this.getViteResolveConfig(resolvedAppPath),
+				resolve: await this.getViteResolveConfig(resolvedAppPath),
 				define: this.getViteDefineConfig(),
 				esbuild: this.getViteEsbuildConfig(),
 				oxc: this.getViteOxcConfig(),
@@ -2282,8 +2247,9 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 		validateStoryName(storyName);
 		validateComponentPath(componentPath);
 		validateArgsSize(args);
-		const resolvedAppPath = node_path.default.isAbsolute(appPath) ? appPath : node_path.default.join(this.monorepoRoot, appPath);
-		validateCssFiles(cssFiles, this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath));
+		const monorepoRoot = await (this.monorepoRoot ??= TemplatesManagerService.getWorkspaceRoot());
+		const resolvedAppPath = node_path.default.isAbsolute(appPath) ? appPath : node_path.default.join(monorepoRoot, appPath);
+		validateCssFiles(cssFiles, this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot(resolvedAppPath));
 		if (this.currentAppPath !== resolvedAppPath) throw new Error(`Dev server is running for ${this.currentAppPath} but requested ${resolvedAppPath}.`);
 		const tmpDir = node_path.default.join(resolvedAppPath, TMP_DIR_NAME);
 		try {
@@ -2330,8 +2296,9 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 		validateStoryName(storyName);
 		validateComponentPath(componentPath);
 		validateArgsSize(args);
-		const resolvedAppPath = node_path.default.isAbsolute(appPath) ? appPath : node_path.default.join(this.monorepoRoot, appPath);
-		validateCssFiles(cssFiles, this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath));
+		const monorepoRoot = await (this.monorepoRoot ??= TemplatesManagerService.getWorkspaceRoot());
+		const resolvedAppPath = node_path.default.isAbsolute(appPath) ? appPath : node_path.default.join(monorepoRoot, appPath);
+		validateCssFiles(cssFiles, this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot(resolvedAppPath));
 		const tmpDir = node_path.default.join(resolvedAppPath, TMP_DIR_NAME);
 		try {
 			await node_fs.promises.mkdir(tmpDir, { recursive: true });
@@ -2356,8 +2323,8 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	* Get Vite resolve configuration for the given app path.
 	* Subclasses can override to add platform-specific aliases (e.g., react-native-web).
 	*/
-	getViteResolveConfig(appPath) {
-		const workspaceRoot = this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(appPath);
+	async getViteResolveConfig(appPath) {
+		const workspaceRoot = this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot(appPath);
 		const frontendPackagePath = (packageDir, sourcePath = "index.ts") => node_path.default.join(workspaceRoot, WORKSPACE_PACKAGE_DIR_PREFIX, "frontend", packageDir, APP_SOURCE_DIR$1, sourcePath);
 		return { alias: [
 			...appReactAliases(appPath),
@@ -2467,7 +2434,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	*/
 	async generateWrapperCss(appPath, cssFiles) {
 		const resolvedCssFiles = cssFiles.length > 0 ? cssFiles : await this.getDefaultCssFiles(appPath);
-		const workspaceRoot = this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(appPath);
+		const workspaceRoot = this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot(appPath);
 		const cssImportStatements = resolvedCssFiles.map((cssFile) => {
 			if (node_path.default.isAbsolute(cssFile)) return `@import '${cssFile}';`;
 			if (cssFile.startsWith(PACKAGE_IMPORT_PREFIX) || cssFile.startsWith(TAILWIND_IMPORT_PREFIX)) return `@import '${cssFile}';`;
@@ -2653,10 +2620,10 @@ mount();
 					(0, _tailwindcss_vite.default)(),
 					(0, vite_plugin_singlefile.viteSingleFile)(),
 					createTanStackStartStubPlugin(),
-					...this.getAdditionalVitePlugins(appPath),
+					...await this.getAdditionalVitePlugins(appPath),
 					createStoryEntryPlugin((id) => buildStoryConfigs.get(id), (opts) => this.generateEntryFile(opts))
 				],
-				resolve: this.getViteResolveConfig(appPath),
+				resolve: await this.getViteResolveConfig(appPath),
 				define: this.getViteDefineConfig(),
 				esbuild: this.getViteEsbuildConfig(),
 				oxc: this.getViteOxcConfig(),
@@ -2766,10 +2733,8 @@ const SHIMS_DIR_CANDIDATES = [
 	node_path.default.resolve(__dirname$1, "../shims"),
 	node_path.default.resolve(__dirname$1, "../src/shims")
 ];
-const SHIMS_DIR = resolveShimsDir();
-function resolveExistingDir(candidates, label, isValidDir = () => true) {
-	const existing = candidates.find((candidate) => (0, node_fs.existsSync)(candidate) && isValidDir(candidate));
-	if (existing) return existing;
+async function resolveExistingDir(candidates, label, isValidDir) {
+	for (const candidate of candidates) if (await isValidDir(candidate)) return candidate;
 	throw new Error(`Could not resolve ${label}. Tried: ${candidates.join(", ")}`);
 }
 function resolvePackageDirFrom(fromPath, packageName) {
@@ -2786,15 +2751,23 @@ function toViteImportPath(filePath) {
 * matching TrueType font. Metadata-only glyph maps (e.g. `FontAwesome5Free_meta.json`)
 * have no font and are skipped.
 */
-function resolveExpoVectorIconFamilies(appPath) {
+async function resolveExpoVectorIconFamilies(appPath) {
 	const packageDir = (0, node_path.dirname)(resolvePackageSubpathFrom(appPath, `${EXPO_VECTOR_ICONS_PREFIX}/${PACKAGE_JSON_SUBPATH}`));
 	const glyphMapDir = node_path.default.join(packageDir, EXPO_VECTOR_ICONS_GLYPHMAP_DIR);
 	const fontDir = node_path.default.join(packageDir, EXPO_VECTOR_ICONS_FONT_DIR);
-	return (0, node_fs.readdirSync)(glyphMapDir).filter((entry) => entry.endsWith(GLYPHMAP_EXTENSION)).map((entry) => entry.slice(0, -5)).filter((family) => (0, node_fs.existsSync)(node_path.default.join(fontDir, `${family}${FONT_EXTENSION}`))).map((family) => ({
-		family,
-		fontPath: toViteImportPath(node_path.default.join(fontDir, `${family}${FONT_EXTENSION}`)),
-		glyphMapPath: toViteImportPath(node_path.default.join(glyphMapDir, `${family}${GLYPHMAP_EXTENSION}`))
-	}));
+	const families = [];
+	for (const entry of await (0, node_fs_promises.readdir)(glyphMapDir)) {
+		if (!entry.endsWith(GLYPHMAP_EXTENSION)) continue;
+		const family = entry.slice(0, -5);
+		const fontPath = node_path.default.join(fontDir, `${family}${FONT_EXTENSION}`);
+		if (!await pathExists(fontPath)) continue;
+		families.push({
+			family,
+			fontPath: toViteImportPath(fontPath),
+			glyphMapPath: toViteImportPath(node_path.default.join(glyphMapDir, entry))
+		});
+	}
+	return families;
 }
 function getExpoVectorIconsVirtualModuleId(source, families) {
 	if (source === EXPO_VECTOR_ICONS_PREFIX) return `${EXPO_VECTOR_ICONS_RESOLVED_MODULE_PREFIX}/index`;
@@ -2827,13 +2800,20 @@ function createSvgComponentPlugin() {
 	return {
 		name: SVG_COMPONENT_PLUGIN_NAME,
 		enforce: VITE_PLUGIN_ENFORCE_PRE,
-		load(id) {
+		async load(id) {
 			const [filePath] = id.split(VITE_QUERY_SEPARATOR);
-			if (!filePath?.endsWith(SVG_EXTENSION) || !(0, node_fs.existsSync)(filePath)) return null;
+			if (!filePath?.endsWith(SVG_EXTENSION)) return null;
+			let content;
+			try {
+				content = await (0, node_fs_promises.readFile)(filePath);
+			} catch (error) {
+				if (error instanceof Error && "code" in error && error.code === "ENOENT") return null;
+				throw error;
+			}
 			return `
         import React from 'react';
 
-        const svgSource = '${`${SVG_DATA_URI_PREFIX}${(0, node_fs.readFileSync)(filePath).toString(BASE64_ENCODING)}`}';
+        const svgSource = '${`${SVG_DATA_URI_PREFIX}${content.toString(BASE64_ENCODING)}`}';
 
         function normalizeStyle(style) {
           if (Array.isArray(style)) return Object.assign({}, ...style.filter(Boolean));
@@ -2904,8 +2884,8 @@ function createNativeBabelTransformPlugin(appPath) {
 		}
 	};
 }
-function createExpoVectorIconsVirtualModule(appPath) {
-	const iconFamilies = resolveExpoVectorIconFamilies(appPath);
+async function createExpoVectorIconsVirtualModule(appPath) {
+	const iconFamilies = await resolveExpoVectorIconFamilies(appPath);
 	const iconFamilyNames = new Set(iconFamilies.map(({ family }) => family));
 	const assetImports = iconFamilies.map(({ family, fontPath, glyphMapPath }) => `import ${family}FontUrl from '${fontPath}?url';\n        import ${family}GlyphMap from '${glyphMapPath}';`).join("\n        ");
 	return {
@@ -2997,8 +2977,8 @@ function createExpoVectorIconsVirtualModule(appPath) {
 function resolveShimsDir() {
 	return resolveExistingDir(SHIMS_DIR_CANDIDATES, REACT_NATIVE_VISUAL_RENDER_SHIMS_LABEL, hasRequiredReactNativeShims);
 }
-function hasRequiredReactNativeShims(candidate) {
-	return REQUIRED_REACT_NATIVE_SHIM_FILES.every((shimFile) => (0, node_fs.existsSync)(node_path.default.join(candidate, shimFile)));
+async function hasRequiredReactNativeShims(candidate) {
+	return (await Promise.all(REQUIRED_REACT_NATIVE_SHIM_FILES.map((shimFile) => pathExists(node_path.default.join(candidate, shimFile))))).every(Boolean);
 }
 var ViteReactNativeBundlerService = class ViteReactNativeBundlerService extends ViteReactBundlerService {
 	static nativeInstance = null;
@@ -3009,7 +2989,7 @@ var ViteReactNativeBundlerService = class ViteReactNativeBundlerService extends
 	getBundlerId() {
 		return VITE_REACT_NATIVE_BUNDLER_ID;
 	}
-	getAdditionalVitePlugins(appPath) {
+	async getAdditionalVitePlugins(appPath) {
 		return [
 			{
 				name: REACT_NATIVE_OPTIMIZE_DEPS_PLUGIN_NAME,
@@ -3027,7 +3007,7 @@ var ViteReactNativeBundlerService = class ViteReactNativeBundlerService extends
 			},
 			createExpoTypeDeclarationStubPlugin(),
 			createSvgComponentPlugin(),
-			...appPath ? [createExpoVectorIconsVirtualModule(appPath)] : [],
+			...appPath ? [await createExpoVectorIconsVirtualModule(appPath)] : [],
 			...appPath ? [createNativeBabelTransformPlugin(appPath)] : [],
 			...(0, _vitejs_plugin_react.default)()
 		];
@@ -3082,7 +3062,8 @@ const styleSystemSafeAreaMetrics = {
       min-height: 100vh;
     }`;
 	}
-	getViteResolveConfig(appPath) {
+	async getViteResolveConfig(appPath) {
+		const shimsDir = await resolveShimsDir();
 		const reactNativeUnistylesDir = resolvePackageDirFrom(appPath, REACT_NATIVE_UNISTYLES_PACKAGE);
 		const reactNativeUnistylesEntry = node_path.default.join(reactNativeUnistylesDir, REACT_NATIVE_UNISTYLES_WEB_INDEX);
 		const reactNativeWebDir = resolvePackageDirFrom(appPath, REACT_NATIVE_WEB_PACKAGE);
@@ -3108,7 +3089,7 @@ const styleSystemSafeAreaMetrics = {
 				},
 				{
 					find: EXPO_SYMBOLS_PACKAGE,
-					replacement: node_path.default.join(SHIMS_DIR, EXPO_SYMBOLS_SHIM_FILE)
+					replacement: node_path.default.join(shimsDir, EXPO_SYMBOLS_SHIM_FILE)
 				},
 				{
 					find: STORYBOOK_REACT_NATIVE_PACKAGE,
@@ -3242,7 +3223,7 @@ async function loadBundlerServiceFromConfig(options) {
 		cachedBundlerService = fallback();
 		return cachedBundlerService;
 	}
-	const monorepoRoot = options?.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
+	const monorepoRoot = options?.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot();
 	const customServicePath = node_path.default.resolve(monorepoRoot, config.customService);
 	const normalizedWorkspaceRoot = node_path.default.resolve(monorepoRoot);
 	if (!customServicePath.startsWith(normalizedWorkspaceRoot + node_path.default.sep)) {
@@ -3331,7 +3312,7 @@ var ThemeService = class {
 	* @param config - Design system configuration
 	*/
 	constructor(config, workspaceRoot) {
-		this.monorepoRoot = workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
+		this.monorepoRoot = workspaceRoot !== void 0 ? Promise.resolve(workspaceRoot) : void 0;
 		this.config = config;
 		if (this.config.themeProvider) log.info(`[ThemeService] Using theme provider: ${this.config.themeProvider}`);
 		log.info(`[ThemeService] Design system type: ${this.config.type}`);
@@ -3348,12 +3329,13 @@ var ThemeService = class {
 	* @returns Array of absolute paths to CSS files
 	*/
 	async getThemeCSS() {
-		if (this.config.cssFiles && this.config.cssFiles.length > 0) return this.config.cssFiles.map((cssFile) => node_path.default.isAbsolute(cssFile) ? cssFile : node_path.default.join(this.monorepoRoot, cssFile));
+		const monorepoRoot = await (this.monorepoRoot ??= TemplatesManagerService.getWorkspaceRoot());
+		if (this.config.cssFiles && this.config.cssFiles.length > 0) return this.config.cssFiles.map((cssFile) => node_path.default.isAbsolute(cssFile) ? cssFile : node_path.default.join(monorepoRoot, cssFile));
 		const cssPatterns = ["**/packages/frontend/web-theme/src/**/*.css", "**/packages/frontend/shared-theme/**/*.css"];
 		const cssFiles = [];
 		for (const pattern of cssPatterns) {
 			const files = await (0, glob.glob)(pattern, {
-				cwd: this.monorepoRoot,
+				cwd: monorepoRoot,
 				absolute: true,
 				ignore: ["**/node_modules/**", "**/dist/**"]
 			});
@@ -3442,7 +3424,8 @@ export { WrappedComponent };
 	* @throws Error if themes directory cannot be read
 	*/
 	async listAvailableThemes() {
-		const configsPath = node_path.default.join(this.monorepoRoot, "packages/frontend/shared-theme/configs");
+		const monorepoRoot = await (this.monorepoRoot ??= TemplatesManagerService.getWorkspaceRoot());
+		const configsPath = node_path.default.join(monorepoRoot, "packages/frontend/shared-theme/configs");
 		try {
 			const themeFiles = (await node_fs.promises.readdir(configsPath)).filter((file) => file.endsWith(JSON_FILE_EXTENSION));
 			const themes = [];
@@ -3977,7 +3960,7 @@ let AppComponentsService = class AppComponentsService {
 		if (input.cursor !== void 0 && typeof input.cursor !== "string") throw new Error("cursor must be a string");
 		const { appPath, cursor } = input;
 		const { offset } = cursor ? this.decodeCursor(cursor) : { offset: 0 };
-		const monorepoRoot = this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
+		const monorepoRoot = this.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot();
 		const resolvedAppPath = node_path.default.isAbsolute(appPath) ? appPath : node_path.default.join(monorepoRoot, appPath);
 		try {
 			await node_fs.promises.access(resolvedAppPath);
@@ -4250,7 +4233,8 @@ let ListThemesTool = class ListThemesTool {
 					themePath: appConfig.themePath,
 					workspaceRoot: this.configLoader?.workspaceRoot
 				}) : void 0;
-				cssFiles = themePath ? void 0 : appConfig.cssFiles?.map((file) => node_path.default.resolve(this.configLoader?.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(), input.appPath, file));
+				const workspaceRoot = this.configLoader?.workspaceRoot ?? await TemplatesManagerService.getWorkspaceRoot();
+				cssFiles = themePath ? void 0 : appConfig.cssFiles?.map((file) => node_path.default.resolve(workspaceRoot, input.appPath, file));
 			}
 			const result = await (await this.serviceFactory.createService({
 				themePath,
@@ -4758,7 +4742,7 @@ function createContainer(options) {
 }
 //#endregion
 //#region package.json
-var version = "0.2.14-alpha.27";
+var version = "0.2.14-alpha.29";
 //#endregion
 //#region src/metadata.ts
 const STYLE_SYSTEM_CLI_NAME = "style-system";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agimon-ai/po-style-system-tooling",
-  "version": "0.2.14-alpha.27",
+  "version": "0.2.14-alpha.29",
   "description": "MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities",
   "keywords": [
     "design-system",