@tamagui/cli 2.0.0-rc.9 → 2.0.0

package/dist/add.cjs

@@ -2,92 +2,117 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var add_exports = {};
 __export(add_exports, {
   generatedPackageTypes: () => generatedPackageTypes,
   installGeneratedPackage: () => installGeneratedPackage
 });
 module.exports = __toCommonJS(add_exports);
-var import_node_child_process = require("node:child_process"),
-  import_node_fs = require("node:fs"),
-  import_promises = require("node:fs/promises"),
-  import_node_os = require("node:os"),
-  import_node_path = __toESM(require("node:path")),
-  import_chalk = __toESM(require("chalk")),
-  import_change_case = require("change-case"),
-  import_fs_extra = require("fs-extra"),
-  import_marked = require("marked"),
-  import_marked_terminal = __toESM(require("marked-terminal")),
-  import_opener = __toESM(require("opener")),
-  import_prompts = __toESM(require("prompts"));
+var import_node_child_process = require("node:child_process");
+var import_node_fs = require("node:fs");
+var import_promises = require("node:fs/promises");
+var import_node_os = require("node:os");
+var import_node_path = __toESM(require("node:path"));
+var import_chalk = __toESM(require("chalk"));
+var import_change_case = require("change-case");
+var import_fs_extra = require("fs-extra");
+var import_marked = require("marked");
+var import_marked_terminal = __toESM(require("marked-terminal"));
+var import_opener = __toESM(require("opener"));
+var import_prompts = __toESM(require("prompts"));
 import_marked.marked.setOptions({
   renderer: new import_marked_terminal.default()
 });
-const home = (0, import_node_os.homedir)(),
-  tamaguiDir = import_node_path.default.join(home, ".tamagui"),
-  generatedPackageTypes = ["font", "icon"],
-  installGeneratedPackage = async (type, packagesPath) => {
-    if (packagesPath = packagesPath || import_node_path.default.join(process.cwd(), "packages"), !generatedPackageTypes.includes(type)) throw new Error(`${type ? `Type "${type}" is Not supported.` : "No type provided."} Supported types: ${generatedPackageTypes.join(", ")}`);
-    const repoName = type === "font" ? "tamagui-google-fonts" : "tamagui-iconify";
-    console.info(`Setting up ${import_chalk.default.blueBright(tamaguiDir)}...`), await (0, import_fs_extra.ensureDir)(tamaguiDir);
-    const tempDir = import_node_path.default.join(tamaguiDir, repoName);
-    (0, import_node_fs.existsSync)(tempDir) && (0, import_node_fs.rmSync)(tempDir, {
-      recursive: !0
+const home = (0, import_node_os.homedir)();
+const tamaguiDir = import_node_path.default.join(home, ".tamagui");
+const generatedPackageTypes = ["font", "icon"];
+const installGeneratedPackage = async (type, packagesPath) => {
+  packagesPath = packagesPath || import_node_path.default.join(process.cwd(), "packages");
+  if (!generatedPackageTypes.includes(type)) {
+    throw new Error(`${type ? `Type "${type}" is Not supported.` : `No type provided.`} Supported types: ${generatedPackageTypes.join(", ")}`);
+  }
+  const repoName = type === "font" ? "tamagui-google-fonts" : "tamagui-iconify";
+  console.info(`Setting up ${import_chalk.default.blueBright(tamaguiDir)}...`);
+  await (0, import_fs_extra.ensureDir)(tamaguiDir);
+  const tempDir = import_node_path.default.join(tamaguiDir, repoName);
+  if ((0, import_node_fs.existsSync)(tempDir)) {
+    (0, import_node_fs.rmSync)(tempDir, {
+      recursive: true
     });
+  }
+  try {
+    process.chdir(tamaguiDir);
     try {
-      process.chdir(tamaguiDir);
-      try {
-        console.info("Attempting to clone with SSH"), (0, import_node_child_process.execSync)(`git clone -n --depth=1  --branch generated --filter=tree:0 git@github.com:tamagui/${repoName}.git`);
-      } catch {
-        console.info("SSH failed - Attempting to c  lone with HTTPS"), (0, import_node_child_process.execSync)(`git clone -n --depth=1 --branch generated --filter=tree:0 https://github.com/tamagui/${repoName}`);
-      }
-      process.chdir(tempDir), (0, import_node_child_process.execSync)(["git sparse-checkout set --no-cone meta", "git checkout"].join(" && "));
+      console.info("Attempting to clone with SSH");
+      (0, import_node_child_process.execSync)(`git clone -n --depth=1  --branch generated --filter=tree:0 git@github.com:tamagui/${repoName}.git`);
     } catch (error) {
-      if (error instanceof Error) throw error?.stderr.includes("Repository not found") && (console.info(import_chalk.default.yellow(`You don't have access to Tamagui ${type === "font" ? "fonts" : "icons"}. Check \u{1F961} Tamagui Takeout (https://tamagui.dev/takeout) for more info.`)), (0, import_opener.default)("https://tamagui.dev/takeout"), process.exit(0)), error;
+      console.info("SSH failed - Attempting to c  lone with HTTPS");
+      (0, import_node_child_process.execSync)(`git clone -n --depth=1 --branch generated --filter=tree:0 https://github.com/tamagui/${repoName}`);
+    }
+    process.chdir(tempDir);
+    (0, import_node_child_process.execSync)([`git sparse-checkout set --no-cone meta`, `git checkout`].join(" && "));
+  } catch (error) {
+    if (error instanceof Error) {
+      if (error?.stderr.includes("Repository not found")) {
+        console.info(import_chalk.default.yellow(`You don't have access to Tamagui ${type === "font" ? "fonts" : "icons"}. Check \u{1F961} Tamagui Takeout (https://tamagui.dev/takeout) for more info.`));
+        (0, import_opener.default)("https://tamagui.dev/takeout");
+        process.exit(0);
+      }
+      throw error;
     }
-    const meta = JSON.parse(await (0, import_promises.readFile)(import_node_path.default.join(tamaguiDir, repoName, "meta", "data.json")).then(r => r.toString()));
-    console.info(import_chalk.default.gray("Use \u21E7/\u21E9 to navigate. Use tab to cycle the result. Use Page Up/Page Down (on Mac: fn + \u21E7 / \u21E9) to change page. Hit enter to select the highlighted item below the prompt."));
-    const result = await (0, import_prompts.default)({
-        name: "packageName",
-        type: "autocomplete",
-        message: type === "icon" ? "Pick an icon pack:" : type === "font" ? "Pick a font:" : "Pick one:",
-        choices: Object.entries(meta).map(([slug, data]) => ({
-          title: type === "font" ? `${slug}: ${data.weights.length} weights, ${data.styles.length} styles, ${data.subsets.length} subsets (https://fonts.google.com/specimen/${(0, import_change_case.pascalCase)(slug)})` : `${data.name}: ${data.total} icons, ${data.license.title} license (${data.author.url})`,
-          value: slug
-        }))
-      }),
-      packageName = `${type}-${result.packageName}`,
-      packageDir = import_node_path.default.join(tempDir, "packages", packageName);
-    process.chdir(tempDir), (0, import_node_child_process.execSync)([`git sparse-checkout set --no-cone packages/${packageName}`, "git checkout"].join(" && "));
-    const finalDir = import_node_path.default.join(packagesPath, packageName);
-    await (0, import_fs_extra.ensureDir)(packagesPath), await (0, import_fs_extra.copy)(packageDir, finalDir), console.info(), console.info(import_chalk.default.green(`Created the package under ${finalDir}`)), console.info();
-    const readmePath = import_node_path.default.join(finalDir, "README.md");
-    (0, import_node_fs.existsSync)(readmePath) && console.info(import_marked.marked.parse((0, import_fs_extra.readFileSync)(readmePath).toString()));
-  };
+  }
+  const meta = JSON.parse(await (0, import_promises.readFile)(import_node_path.default.join(tamaguiDir, repoName, `meta`, `data.json`)).then(r => r.toString()));
+  console.info(import_chalk.default.gray(`Use \u21E7/\u21E9 to navigate. Use tab to cycle the result. Use Page Up/Page Down (on Mac: fn + \u21E7 / \u21E9) to change page. Hit enter to select the highlighted item below the prompt.`));
+  const result = await (0, import_prompts.default)({
+    name: "packageName",
+    type: "autocomplete",
+    message: type === "icon" ? `Pick an icon pack:` : type === "font" ? `Pick a font:` : `Pick one:`,
+    choices: Object.entries(meta).map(([slug, data]) => ({
+      title: type === "font" ? `${slug}: ${data.weights.length} weights, ${data.styles.length} styles, ${data.subsets.length} subsets (https://fonts.google.com/specimen/${(0, import_change_case.pascalCase)(slug)})` : `${data.name}: ${data.total} icons, ${data.license.title} license (${data.author.url})`,
+      value: slug
+    }))
+  });
+  const packageName = `${type}-${result.packageName}`;
+  const packageDir = import_node_path.default.join(tempDir, "packages", packageName);
+  process.chdir(tempDir);
+  (0, import_node_child_process.execSync)([`git sparse-checkout set --no-cone packages/${packageName}`, `git checkout`].join(" && "));
+  const finalDir = import_node_path.default.join(packagesPath, packageName);
+  await (0, import_fs_extra.ensureDir)(packagesPath);
+  await (0, import_fs_extra.copy)(packageDir, finalDir);
+  console.info();
+  console.info(import_chalk.default.green(`Created the package under ${finalDir}`));
+  console.info();
+  const readmePath = import_node_path.default.join(finalDir, "README.md");
+  if ((0, import_node_fs.existsSync)(readmePath)) {
+    console.info(import_marked.marked.parse((0, import_fs_extra.readFileSync)(readmePath).toString()));
+  }
+};

package/dist/build.cjs

@@ -2,80 +2,96 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var build_exports = {};
 __export(build_exports, {
   build: () => build,
   insertCssImport: () => insertCssImport
 });
 module.exports = __toCommonJS(build_exports);
-var import_static = require("@tamagui/static"),
-  import_chokidar = __toESM(require("chokidar")),
-  import_fs_extra = require("fs-extra"),
-  import_micromatch = __toESM(require("micromatch")),
-  import_node_path = require("node:path"),
-  import_node_os = require("node:os"),
-  import_node_child_process = require("node:child_process"),
-  import_node_crypto = require("node:crypto");
+var import_static = require("@tamagui/static");
+var import_chokidar = __toESM(require("chokidar"));
+var import_fs_extra = require("fs-extra");
+var import_micromatch = __toESM(require("micromatch"));
+var import_node_path = require("node:path");
+var import_node_os = require("node:os");
+var import_node_child_process = require("node:child_process");
+var import_node_crypto = require("node:crypto");
 function insertCssImport(jsContent, cssImport) {
   const directiveMatch = jsContent.match(/^(['"])use (client|server)\1;?\n?/);
   if (directiveMatch) {
-    const directive = directiveMatch[0],
-      rest = jsContent.slice(directive.length);
+    const directive = directiveMatch[0];
     return `${directive}${cssImport}
-${rest}`;
+${jsContent.slice(directive.length)}`;
   }
   return `${cssImport}
 ${jsContent}`;
 }
 const build = async options => {
-  const sourceDir = options.dir ?? ".",
-    promises = [],
-    isDryRun = options.dryRun || !1;
-  isDryRun && console.info(`[dry-run] no files will be written
-`);
-  const buildOptions = (0, import_static.loadTamaguiBuildConfigSync)(options.tamaguiOptions),
-    targets = options.target === "both" || !options.target ? ["web", "native"] : [options.target],
-    webTamaguiOptions = {
-      ...buildOptions,
-      platform: "web"
-    };
+  const sourceDir = options.dir ?? ".";
+  const outputDir = options.output;
+  const outputAround = options.outputAround || false;
+  const promises = [];
+  const isDryRun = options.dryRun || false;
+  if (isDryRun) console.info("[dry-run] no files will be written\n");
+  if (outputDir) await (0, import_fs_extra.mkdir)(outputDir, {
+    recursive: true
+  });
+  const loadedOptions = (0, import_static.loadTamaguiBuildConfigSync)(options.tamaguiOptions);
+  if (loadedOptions.disable) console.warn(`[tamagui] Note: "disable" option in tamagui.build.ts is being ignored for CLI build command`);
+  const buildOptions = {
+    ...loadedOptions,
+    disable: false,
+    disableExtraction: false
+  };
+  const targets = options.target === "both" || !options.target ? ["web", "native"] : [options.target];
+  const webTamaguiOptions = {
+    ...buildOptions,
+    platform: "web"
+  };
   await (0, import_static.loadTamagui)(webTamaguiOptions);
-  const allFiles = [],
-    watchPattern = sourceDir.match(/\.(tsx|jsx)$/) ? sourceDir : `${sourceDir}/**/*.{tsx,jsx}`;
+  const allFiles = [];
+  const watchPattern = sourceDir.match(/\.(tsx|jsx)$/) ? sourceDir : `${sourceDir}/**/*.{tsx,jsx}`;
   await new Promise(res => {
-    import_chokidar.default.watch(watchPattern, {
-      ignoreInitial: !1
-    }).on("add", relativePath => {
+    const watcher = import_chokidar.default.watch(watchPattern, {
+      ignoreInitial: false
+    });
+    watcher.on("add", relativePath => {
       const sourcePath = (0, import_node_path.resolve)(process.cwd(), relativePath);
-      options.exclude && import_micromatch.default.contains(relativePath, options.exclude) || options.include && !import_micromatch.default.contains(relativePath, options.include) || allFiles.push(sourcePath);
-    }).on("ready", () => res());
+      if (options.exclude && import_micromatch.default.contains(relativePath, options.exclude)) return;
+      if (options.include && !import_micromatch.default.contains(relativePath, options.include)) return;
+      allFiles.push(sourcePath);
+    }).on("ready", () => {
+      watcher.close().then(() => res());
+    });
   });
   const fileToTargets = /* @__PURE__ */new Map();
   for (const sourcePath of allFiles) {
@@ -83,113 +99,162 @@ const build = async options => {
     let filePlatforms = [];
     if (platformMatch) {
       const platform = platformMatch[1];
-      platform === "web" ? filePlatforms = ["web"] : (platform === "native" || platform === "ios" || platform === "android") && (filePlatforms = ["native"]);
+      if (platform === "web") filePlatforms = ["web"];else if (platform === "native" || platform === "ios" || platform === "android") filePlatforms = ["native"];
     } else {
-      const basePath = sourcePath.replace(/\.(tsx|jsx)$/, ""),
-        hasNative = allFiles.some(f => f === `${basePath}.native.tsx` || f === `${basePath}.native.jsx` || f === `${basePath}.ios.tsx` || f === `${basePath}.ios.jsx` || f === `${basePath}.android.tsx` || f === `${basePath}.android.jsx`),
-        hasWeb = allFiles.some(f => f === `${basePath}.web.tsx` || f === `${basePath}.web.jsx`);
-      filePlatforms = targets.filter(target => !(target === "native" && hasNative || target === "web" && hasWeb)), hasWeb && hasNative && (filePlatforms = []);
+      const basePath = sourcePath.replace(/\.(tsx|jsx)$/, "");
+      const hasNative = allFiles.some(f => f === `${basePath}.native.tsx` || f === `${basePath}.native.jsx` || f === `${basePath}.ios.tsx` || f === `${basePath}.ios.jsx` || f === `${basePath}.android.tsx` || f === `${basePath}.android.jsx`);
+      const hasWeb = allFiles.some(f => f === `${basePath}.web.tsx` || f === `${basePath}.web.jsx`);
+      filePlatforms = targets.filter(target => {
+        if (target === "native" && hasNative) return false;
+        if (target === "web" && hasWeb) return false;
+        return true;
+      });
+      if (hasWeb && hasNative) filePlatforms = [];
     }
-    filePlatforms.length > 0 && fileToTargets.set(sourcePath, filePlatforms);
+    if (filePlatforms.length > 0) fileToTargets.set(sourcePath, filePlatforms);
   }
   const stats = {
-      filesProcessed: 0,
-      optimized: 0,
-      flattened: 0,
-      styled: 0,
-      found: 0
-    },
-    trackedFiles = [],
-    restoreDir = options.runCommand ? (0, import_node_path.join)((0, import_node_os.tmpdir)(), `tamagui-restore-${process.pid}`) : null;
-  restoreDir && (await (0, import_fs_extra.mkdir)(restoreDir, {
-    recursive: !0
-  }));
+    filesProcessed: 0,
+    optimized: 0,
+    flattened: 0,
+    styled: 0,
+    found: 0
+  };
+  const trackedFiles = [];
+  const restoreDir = options.runCommand ? (0, import_node_path.join)((0, import_node_os.tmpdir)(), `tamagui-restore-${process.pid}`) : null;
+  if (restoreDir) await (0, import_fs_extra.mkdir)(restoreDir, {
+    recursive: true
+  });
   const trackFile = async filePath => {
-      if (!restoreDir) return;
-      const hash = (0, import_node_crypto.createHash)("md5").update(filePath).digest("hex"),
-        backupPath = (0, import_node_path.join)(restoreDir, hash);
-      await (0, import_fs_extra.copyFile)(filePath, backupPath), trackedFiles.push({
-        path: filePath,
-        hardlinkPath: backupPath,
-        mtimeAfterWrite: 0
-      });
-    },
-    recordMtime = async filePath => {
-      if (!restoreDir) return;
-      const tracked = trackedFiles.find(t => t.path === filePath);
-      if (tracked) {
-        const fileStat = await (0, import_fs_extra.stat)(filePath);
-        tracked.mtimeAfterWrite = fileStat.mtimeMs;
-      }
-    };
+    if (!restoreDir) return;
+    const hash = (0, import_node_crypto.createHash)("md5").update(filePath).digest("hex");
+    const backupPath = (0, import_node_path.join)(restoreDir, hash);
+    await (0, import_fs_extra.copyFile)(filePath, backupPath);
+    trackedFiles.push({
+      path: filePath,
+      hardlinkPath: backupPath,
+      mtimeAfterWrite: 0
+    });
+  };
+  const recordMtime = async filePath => {
+    if (!restoreDir) return;
+    const tracked = trackedFiles.find(t => t.path === filePath);
+    if (tracked) tracked.mtimeAfterWrite = (await (0, import_fs_extra.stat)(filePath)).mtimeMs;
+  };
   for (const [sourcePath, filePlatforms] of fileToTargets) promises.push((async () => {
-    options.debug && (process.env.NODE_ENV ||= "development");
+    if (options.debug) process.env.NODE_ENV ||= "development";
     const originalSource = await (0, import_fs_extra.readFile)(sourcePath, "utf-8");
-    if (isDryRun && console.info(`
-${sourcePath} [${filePlatforms.join(", ")}]`), filePlatforms.includes("web")) {
+    if (isDryRun) console.info(`
+${sourcePath} [${filePlatforms.join(", ")}]`);
+    if (filePlatforms.includes("web")) {
       process.env.TAMAGUI_TARGET = "web";
       const extractor = (0, import_static.createExtractor)({
+        platform: "web"
+      });
+      const out = await (0, import_static.extractToClassNames)({
+        extractor,
+        source: originalSource,
+        sourcePath,
+        options: {
+          ...buildOptions,
           platform: "web"
-        }),
-        out = await (0, import_static.extractToClassNames)({
-          extractor,
-          source: originalSource,
-          sourcePath,
-          options: {
-            ...buildOptions,
-            platform: "web"
-          },
-          shouldPrintDebug: options.debug || !1
-        });
+        },
+        shouldPrintDebug: options.debug || false
+      });
       if (out) {
-        if (stats.filesProcessed++, stats.optimized += out.stats.optimized, stats.flattened += out.stats.flattened, stats.styled += out.stats.styled, stats.found += out.stats.found, isDryRun) {
-          const jsContent = typeof out.js == "string" ? out.js : out.js.toString("utf-8");
-          out.styles && console.info(`
+        stats.filesProcessed++;
+        stats.optimized += out.stats.optimized;
+        stats.flattened += out.stats.flattened;
+        stats.styled += out.stats.styled;
+        stats.found += out.stats.found;
+        if (isDryRun) {
+          const jsContent = typeof out.js === "string" ? out.js : out.js.toString("utf-8");
+          if (out.styles) console.info(`
 css:
-${out.styles}`), console.info(`
+${out.styles}`);
+          console.info(`
 js:
 ${jsContent}`);
         } else {
-          const cssName = "_" + (0, import_node_path.basename)(sourcePath, (0, import_node_path.extname)(sourcePath)),
-            stylePath = (0, import_node_path.join)((0, import_node_path.dirname)(sourcePath), cssName + ".css"),
-            cssImport = `import "./${cssName}.css"`,
-            jsContent = typeof out.js == "string" ? out.js : out.js.toString("utf-8"),
-            code = insertCssImport(jsContent, cssImport);
-          await trackFile(sourcePath), await (0, import_fs_extra.writeFile)(sourcePath, code, "utf-8"), await recordMtime(sourcePath), await (0, import_fs_extra.writeFile)(stylePath, out.styles, "utf-8"), trackedFiles.push({
+          const relPath = outputDir ? (0, import_node_path.relative)((0, import_node_path.resolve)(sourceDir), sourcePath) : (0, import_node_path.basename)(sourcePath);
+          const cssName = "_" + (0, import_node_path.basename)(sourcePath, (0, import_node_path.extname)(sourcePath));
+          const outputBase = outputDir ? (0, import_node_path.join)(outputDir, (0, import_node_path.dirname)(relPath)) : (0, import_node_path.dirname)(sourcePath);
+          if (outputDir) await (0, import_fs_extra.mkdir)(outputBase, {
+            recursive: true
+          });
+          const stylePath = (0, import_node_path.join)(outputBase, cssName + ".css");
+          const cssImport = `import "./${cssName}.css"`;
+          const code = insertCssImport(typeof out.js === "string" ? out.js : out.js.toString("utf-8"), cssImport);
+          const webOutputPath = outputDir ? (0, import_node_path.join)(outputDir, relPath) : sourcePath;
+          if (!outputDir) await trackFile(sourcePath);
+          await (0, import_fs_extra.writeFile)(webOutputPath, code, "utf-8");
+          if (!outputDir) await recordMtime(sourcePath);
+          await (0, import_fs_extra.writeFile)(stylePath, out.styles, "utf-8");
+          if (!outputDir) trackedFiles.push({
             path: stylePath,
             hardlinkPath: "",
-            // Empty means delete on restore
             mtimeAfterWrite: (await (0, import_fs_extra.stat)(stylePath)).mtimeMs
           });
         }
-      } else isDryRun && console.info("  web: no output");
+      } else if (isDryRun) console.info(`  web: no output`);
     }
     if (filePlatforms.includes("native")) {
       process.env.TAMAGUI_TARGET = "native";
       const nativeTamaguiOptions = {
-          ...buildOptions,
-          platform: "native"
-        },
-        nativeOut = (0, import_static.extractToNative)(sourcePath, originalSource, nativeTamaguiOptions);
-      if (isDryRun) nativeOut.code ? console.info(`
+        ...buildOptions,
+        platform: "native"
+      };
+      const nativeOut = (0, import_static.extractToNative)(sourcePath, originalSource, nativeTamaguiOptions);
+      if (isDryRun) {
+        if (nativeOut.code) console.info(`
 native:
-${nativeOut.code}`) : console.info("  native: no output");else {
+${nativeOut.code}`);else console.info(`  native: no output`);
+      } else {
         let nativeOutputPath = sourcePath;
-        !/\.(web|native|ios|android)\.(tsx|jsx)$/.test(sourcePath) && filePlatforms.length > 1 && (nativeOutputPath = sourcePath.replace(/\.(tsx|jsx)$/, ".native.$1")), nativeOut.code && ((nativeOutputPath === sourcePath || filePlatforms.length === 1) && (await trackFile(nativeOutputPath)), await (0, import_fs_extra.writeFile)(nativeOutputPath, nativeOut.code, "utf-8"), await recordMtime(nativeOutputPath), nativeOutputPath !== sourcePath && filePlatforms.length > 1 && trackedFiles.push({
-          path: nativeOutputPath,
-          hardlinkPath: "",
-          // Empty = delete on restore
-          mtimeAfterWrite: (await (0, import_fs_extra.stat)(nativeOutputPath)).mtimeMs
-        }));
+        const needsNativeSuffix = !/\.(web|native|ios|android)\.(tsx|jsx)$/.test(sourcePath) && (filePlatforms.length > 1 || outputAround);
+        if (outputAround) {
+          nativeOutputPath = sourcePath.replace(/\.(tsx|jsx)$/, ".native.$1");
+          if (await (0, import_fs_extra.stat)(nativeOutputPath).catch(() => null)) throw new Error(`--output-around: ${nativeOutputPath} already exists. Remove it first or use --output instead.`);
+        } else if (outputDir) {
+          const relPath = (0, import_node_path.relative)((0, import_node_path.resolve)(sourceDir), sourcePath);
+          const outputRelPath = needsNativeSuffix ? relPath.replace(/\.(tsx|jsx)$/, ".native.$1") : relPath;
+          nativeOutputPath = (0, import_node_path.join)(outputDir, outputRelPath);
+          await (0, import_fs_extra.mkdir)((0, import_node_path.dirname)(nativeOutputPath), {
+            recursive: true
+          });
+        } else if (needsNativeSuffix) nativeOutputPath = sourcePath.replace(/\.(tsx|jsx)$/, ".native.$1");
+        if (nativeOut.code) {
+          if (nativeOut.code.includes("__ReactNativeStyleSheet") || nativeOut.code.includes("_withStableStyle")) {
+            stats.filesProcessed++;
+            const wrapperMatches = nativeOut.code.match(/_withStableStyle/g);
+            if (wrapperMatches) stats.flattened += wrapperMatches.length;
+          }
+          if (!outputDir && !outputAround && (nativeOutputPath === sourcePath || filePlatforms.length === 1)) await trackFile(nativeOutputPath);
+          await (0, import_fs_extra.writeFile)(nativeOutputPath, nativeOut.code, "utf-8");
+          if (!outputDir && !outputAround) await recordMtime(nativeOutputPath);
+          if (!outputDir && !outputAround && nativeOutputPath !== sourcePath && filePlatforms.length > 1) trackedFiles.push({
+            path: nativeOutputPath,
+            hardlinkPath: "",
+            mtimeAfterWrite: (await (0, import_fs_extra.stat)(nativeOutputPath)).mtimeMs
+          });
+          if (outputAround) console.info(`  \u2192 ${nativeOutputPath}`);
+        }
       }
     }
   })());
-  if (await Promise.all(promises), isDryRun && console.info(`
+  await Promise.all(promises);
+  if (isDryRun) console.info(`
 ${stats.filesProcessed} files | ${stats.found} found | ${stats.optimized} optimized | ${stats.flattened} flattened | ${stats.styled} styled
-`), options.expectOptimizations !== void 0) {
+`);
+  if (options.expectOptimizations !== void 0) {
     const totalOptimizations = stats.optimized + stats.flattened;
-    totalOptimizations < options.expectOptimizations && (console.error(`
-Expected at least ${options.expectOptimizations} optimizations but only got ${totalOptimizations}`), console.error(`Stats: ${JSON.stringify(stats, null, 2)}`), process.exit(1)), console.info(`
+    if (totalOptimizations < options.expectOptimizations) {
+      console.error(`
+Expected at least ${options.expectOptimizations} optimizations but only got ${totalOptimizations}`);
+      console.error(`Stats: ${JSON.stringify(stats, null, 2)}`);
+      process.exit(1);
+    }
+    console.info(`
 \u2713 Met optimization target: ${totalOptimizations} >= ${options.expectOptimizations}`);
   }
   if (options.runCommand && options.runCommand.length > 0) {
@@ -203,7 +268,8 @@ Running: ${command}
       });
     } catch (err) {
       console.error(`
-Command failed with exit code ${err.status || 1}`), process.exitCode = err.status || 1;
+Command failed with exit code ${err.status || 1}`);
+      process.exitCode = err.status || 1;
     } finally {
       await restoreFiles(trackedFiles, restoreDir);
     }
@@ -217,23 +283,32 @@ async function restoreFiles(trackedFiles, restoreDir) {
   if (!restoreDir || trackedFiles.length === 0) return;
   console.info(`
 Restoring ${trackedFiles.length} files...`);
-  let restored = 0,
-    skipped = 0,
-    deleted = 0;
+  let restored = 0;
+  let skipped = 0;
+  let deleted = 0;
   for (const tracked of trackedFiles) try {
     const currentStat = await (0, import_fs_extra.stat)(tracked.path).catch(() => null);
     if (currentStat && currentStat.mtimeMs !== tracked.mtimeAfterWrite) {
-      console.warn(`  Skipping ${tracked.path} - modified during build`), skipped++;
+      console.warn(`  Skipping ${tracked.path} - modified during build`);
+      skipped++;
       continue;
     }
-    tracked.hardlinkPath === "" ? (await (0, import_fs_extra.rm)(tracked.path, {
-      force: !0
-    }), deleted++) : (await (0, import_fs_extra.copyFile)(tracked.hardlinkPath, tracked.path), restored++);
+    if (tracked.hardlinkPath === "") {
+      await (0, import_fs_extra.rm)(tracked.path, {
+        force: true
+      });
+      deleted++;
+    } else {
+      await (0, import_fs_extra.copyFile)(tracked.hardlinkPath, tracked.path);
+      restored++;
+    }
   } catch (err) {
-    console.warn(`  Failed to restore ${tracked.path}: ${err.message}`), skipped++;
+    console.warn(`  Failed to restore ${tracked.path}: ${err.message}`);
+    skipped++;
   }
   await (0, import_fs_extra.rm)(restoreDir, {
-    recursive: !0,
-    force: !0
-  }), console.info(`  Restored: ${restored}, Deleted: ${deleted}, Skipped: ${skipped}`);
+    recursive: true,
+    force: true
+  });
+  console.info(`  Restored: ${restored}, Deleted: ${deleted}, Skipped: ${skipped}`);
 }