tailwind-styled-v4 5.1.22 → 5.1.24

package/dist/cli.mjs

@@ -997,8 +997,8 @@ var require_command = __commonJS({
     init_esm_shims();
     var EventEmitter = __require("events").EventEmitter;
     var childProcess = __require("child_process");
-    var path33 = __require("path");
-    var fs18 = __require("fs");
+    var path34 = __require("path");
+    var fs19 = __require("fs");
     var process2 = __require("process");
     var { Argument: Argument2, humanReadableArgName } = require_argument();
     var { CommanderError: CommanderError2 } = require_error();
@@ -1930,11 +1930,11 @@ Expecting one of '${allowedValues.join("', '")}'`);
         let launchWithNode = false;
         const sourceExt = [".js", ".ts", ".tsx", ".mjs", ".cjs"];
         function findFile(baseDir, baseName) {
-          const localBin = path33.resolve(baseDir, baseName);
-          if (fs18.existsSync(localBin)) return localBin;
-          if (sourceExt.includes(path33.extname(baseName))) return void 0;
+          const localBin = path34.resolve(baseDir, baseName);
+          if (fs19.existsSync(localBin)) return localBin;
+          if (sourceExt.includes(path34.extname(baseName))) return void 0;
           const foundExt = sourceExt.find(
-            (ext) => fs18.existsSync(`${localBin}${ext}`)
+            (ext) => fs19.existsSync(`${localBin}${ext}`)
           );
           if (foundExt) return `${localBin}${foundExt}`;
           return void 0;
@@ -1946,21 +1946,21 @@ Expecting one of '${allowedValues.join("', '")}'`);
         if (this._scriptPath) {
           let resolvedScriptPath;
           try {
-            resolvedScriptPath = fs18.realpathSync(this._scriptPath);
+            resolvedScriptPath = fs19.realpathSync(this._scriptPath);
           } catch (err) {
             resolvedScriptPath = this._scriptPath;
           }
-          executableDir = path33.resolve(
-            path33.dirname(resolvedScriptPath),
+          executableDir = path34.resolve(
+            path34.dirname(resolvedScriptPath),
             executableDir
           );
         }
         if (executableDir) {
           let localFile = findFile(executableDir, executableFile);
           if (!localFile && !subcommand._executableFile && this._scriptPath) {
-            const legacyName = path33.basename(
+            const legacyName = path34.basename(
               this._scriptPath,
-              path33.extname(this._scriptPath)
+              path34.extname(this._scriptPath)
             );
             if (legacyName !== this._name) {
               localFile = findFile(
@@ -1971,7 +1971,7 @@ Expecting one of '${allowedValues.join("', '")}'`);
           }
           executableFile = localFile || executableFile;
         }
-        launchWithNode = sourceExt.includes(path33.extname(executableFile));
+        launchWithNode = sourceExt.includes(path34.extname(executableFile));
         let proc;
         if (process2.platform !== "win32") {
           if (launchWithNode) {
@@ -2811,7 +2811,7 @@ Expecting one of '${allowedValues.join("', '")}'`);
        * @return {Command}
        */
       nameFromFilename(filename) {
-        this._name = path33.basename(filename, path33.extname(filename));
+        this._name = path34.basename(filename, path34.extname(filename));
         return this;
       }
       /**
@@ -2825,9 +2825,9 @@ Expecting one of '${allowedValues.join("', '")}'`);
        * @param {string} [path]
        * @return {(string|null|Command)}
        */
-      executableDir(path34) {
-        if (path34 === void 0) return this._executableDir;
-        this._executableDir = path34;
+      executableDir(path35) {
+        if (path35 === void 0) return this._executableDir;
+        this._executableDir = path35;
         return this;
       }
       /**
@@ -3345,9 +3345,9 @@ function createDebugLogger(namespace, label) {
     }
   };
 }
-function formatIssuePath(path33) {
-  if (!path33 || path33.length === 0) return "(root)";
-  return path33.map(
+function formatIssuePath(path34) {
+  if (!path34 || path34.length === 0) return "(root)";
+  return path34.map(
     (segment) => typeof segment === "symbol" ? segment.description ?? segment.toString() : String(segment)
   ).join(".");
 }
@@ -3463,8 +3463,8 @@ var init_src = __esm({
       /** Buat TwError dari ZodError — dukung shape Zod v3 (`errors`) dan v4 (`issues`). */
       static fromZod(err) {
         const first = err.issues?.[0] ?? err.errors?.[0];
-        const path33 = formatIssuePath(first?.path);
-        const message = first ? `${path33}: ${first.message}` : "Schema validation failed";
+        const path34 = formatIssuePath(first?.path);
+        const message = first ? `${path34}: ${first.message}` : "Schema validation failed";
         return new _TwError("validation", "SCHEMA_VALIDATION_FAILED", message, err);
       }
       static wrap(source, code, err) {
@@ -4020,12 +4020,12 @@ var init_schemas = __esm({
     "use strict";
     init_esm_shims();
     init_src();
-    formatIssuePath2 = (path33) => path33.length > 0 ? path33.map(
+    formatIssuePath2 = (path34) => path34.length > 0 ? path34.map(
       (segment) => typeof segment === "symbol" ? segment.description ?? segment.toString() : String(segment)
     ).join(".") : "<root>";
     formatIssues = (error) => error.issues.map((issue) => {
-      const path33 = formatIssuePath2(issue.path);
-      return `${path33}: ${issue.message}`;
+      const path34 = formatIssuePath2(issue.path);
+      return `${path34}: ${issue.message}`;
     }).join("; ");
     parseWithSchema = (schema, data, label) => {
       const parsed = schema.safeParse(data);
@@ -4630,7 +4630,7 @@ var init_schemas2 = __esm({
     "use strict";
     init_esm_shims();
     init_src();
-    formatIssuePath3 = (path33) => path33.length > 0 ? path33.map(
+    formatIssuePath3 = (path34) => path34.length > 0 ? path34.map(
       (segment) => typeof segment === "symbol" ? segment.description ?? segment.toString() : String(segment)
     ).join(".") : "<root>";
     isPlainObject = (value) => {
@@ -4639,8 +4639,8 @@ var init_schemas2 = __esm({
       return proto === Object.prototype || proto === null;
     };
     formatIssues2 = (error) => error.issues.map((issue) => {
-      const path33 = formatIssuePath3(issue.path);
-      return `${path33}: ${issue.message}`;
+      const path34 = formatIssuePath3(issue.path);
+      return `${path34}: ${issue.message}`;
     }).join("; ");
     parseWithSchema2 = (schema, data, label) => {
       const parsed = schema.safeParse(data);
@@ -6261,7 +6261,7 @@ var init_nativeBridge = __esm({
     "use strict";
     init_esm_shims();
     init_src();
-    _loadNative = (path33) => __require(path33);
+    _loadNative = (path34) => __require(path34);
     log3 = (...args) => {
       if (process.env.DEBUG?.includes("compiler:native")) {
         console.log("[compiler:native]", ...args);
@@ -6413,9 +6413,35 @@ var init_routeGraph = __esm({
   }
 });
 
-// packages/domain/compiler/src/index.ts
+// packages/domain/compiler/src/semanticComponentAnalyzer.ts
+var init_semanticComponentAnalyzer = __esm({
+  "packages/domain/compiler/src/semanticComponentAnalyzer.ts"() {
+    "use strict";
+    init_esm_shims();
+  }
+});
+
+// packages/domain/compiler/src/typeGeneratorFromMetadata.ts
+var init_typeGeneratorFromMetadata = __esm({
+  "packages/domain/compiler/src/typeGeneratorFromMetadata.ts"() {
+    "use strict";
+    init_esm_shims();
+  }
+});
+
+// packages/domain/compiler/src/typeGenerationPlugin.ts
 import fs14 from "fs";
 import path27 from "path";
+var init_typeGenerationPlugin = __esm({
+  "packages/domain/compiler/src/typeGenerationPlugin.ts"() {
+    "use strict";
+    init_esm_shims();
+  }
+});
+
+// packages/domain/compiler/src/index.ts
+import fs15 from "fs";
+import path28 from "path";
 import { createRequire as createRequire4 } from "module";
 var _require3, compileCssFromClasses;
 var init_src4 = __esm({
@@ -6430,6 +6456,9 @@ var init_src4 = __esm({
     init_redis();
     init_watch();
     init_routeGraph();
+    init_semanticComponentAnalyzer();
+    init_typeGeneratorFromMetadata();
+    init_typeGenerationPlugin();
     _require3 = createRequire4(
       typeof __require !== "undefined" ? typeof __filename !== "undefined" ? `file://${__filename}` : "file://unknown" : import.meta.url
     );
@@ -8772,7 +8801,7 @@ function figmaVariablesToTokens(variablesData) {
   const tokens = {};
   const { variables = {}, variableCollections = {} } = variablesData;
   for (const [id, variable] of Object.entries(variables)) {
-    const collection = variableCollections[variable.variableCollectionId];
+    const collection = variableCollections?.[variable.variableCollectionId];
     if (!collection) continue;
     const modeId = Object.keys(variable.valuesByMode)[0];
     const rawValue = variable.valuesByMode[modeId];
@@ -8787,12 +8816,13 @@ function figmaVariablesToTokens(variablesData) {
     }
     const leafKey = parts[parts.length - 1];
     if (variable.resolvedType === "COLOR") {
-      cursor[leafKey] = {
-        $value: typeof rawValue === "object" && "r" in rawValue ? figmaColorToHex(rawValue) : String(rawValue),
-        $type: "color",
-        $description: variable.description || void 0,
-        _figmaId: id
+      const token = {
+        $value: typeof rawValue === "object" && rawValue !== null && "r" in rawValue ? figmaColorToHex(rawValue) : String(rawValue),
+        $type: "color"
       };
+      if (variable.description) token.$description = variable.description;
+      token._figmaId = id;
+      cursor[leafKey] = token;
     } else if (variable.resolvedType === "FLOAT") {
       cursor[leafKey] = {
         $value: typeof rawValue === "number" ? `${rawValue}px` : String(rawValue),
@@ -8814,10 +8844,11 @@ function figmaVariablesToTokens(variablesData) {
 init_esm_shims();
 function tokensToFigmaUpdates(tokens, existingVariables = {}) {
   const updates = [];
-  function walk(obj, path33 = []) {
+  function walk(obj, path34 = []) {
     for (const [key, val] of Object.entries(obj)) {
-      if (val.$value !== void 0) {
-        const name = path33.concat(key).map(
+      if (typeof val === "object" && val !== null && "$value" in val) {
+        const tokenVal = val;
+        const name = path34.concat(key).map(
           (p) => p.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join("")
         ).join("/");
         const existing = Object.values(existingVariables).find(
@@ -8827,12 +8858,12 @@ function tokensToFigmaUpdates(tokens, existingVariables = {}) {
           updates.push({
             id: existing.id,
             name,
-            value: val.$value,
-            type: val.$type
+            value: tokenVal.$value,
+            type: tokenVal.$type
           });
         }
-      } else if (typeof val === "object" && !val.$type) {
-        walk(val, path33.concat(key));
+      } else if (typeof val === "object" && val !== null && !("$type" in val)) {
+        walk(val, path34.concat(key));
       }
     }
   }
@@ -8842,9 +8873,10 @@ function tokensToFigmaUpdates(tokens, existingVariables = {}) {
 function flattenTokens(obj, prefix = "", target = {}) {
   for (const [k, v] of Object.entries(obj)) {
     const key = [prefix, k].filter(Boolean).join(".");
-    if (v.$value !== void 0) {
-      target[key] = v.$value;
-    } else if (typeof v === "object" && !v.$type) {
+    if (typeof v === "object" && v !== null && "$value" in v) {
+      const tokenVal = v;
+      target[key] = tokenVal.$value;
+    } else if (typeof v === "object" && v !== null && !("$type" in v)) {
       flattenTokens(v, key, target);
     }
   }
@@ -8875,7 +8907,7 @@ var figmaCommand = {
     const FIGMA_FILE_KEY = process.env.FIGMA_FILE_KEY;
     const TOKEN_FILE = path24.join(context.cwd, "tokens.sync.json");
     if (!cmd || cmd === "help") {
-      context.output.log(`Usage: tw figma <pull|push|diff> [--dry-run]
+      context.output.writeText(`Usage: tw figma <pull|push|diff> [--dry-run]
 
 Environment variables:
   FIGMA_TOKEN    \u2014 Figma personal access token (figd_...)
@@ -8897,16 +8929,18 @@ Options:
         );
       }
       try {
-        context.output.status("[figma] Fetching Figma variables...");
+        const spinner = context.output.spinner();
+        spinner.start("Fetching Figma variables...");
         const data = await figmaRequest("/files/:fileKey/variables/local", {
           token: FIGMA_TOKEN,
           fileKey: FIGMA_FILE_KEY
         });
+        spinner.stop();
         const tokens = figmaVariablesToTokens(data);
         const variableCount = Object.values(data.variables ?? {}).length;
         if (isDryRun) {
-          context.output.log("[figma] DRY RUN \u2014 would write:");
-          context.output.log(JSON.stringify({ version: 1, tokens }, null, 2));
+          context.output.info("DRY RUN \u2014 would write:");
+          context.output.writeText(JSON.stringify({ version: 1, tokens }, null, 2));
         } else {
           let existing = { version: 1, tokens: {} };
           if (fs12.existsSync(TOKEN_FILE)) {
@@ -8947,15 +8981,15 @@ Options:
           token: FIGMA_TOKEN,
           fileKey: FIGMA_FILE_KEY
         });
-        const updates = tokensToFigmaUpdates(local.tokens ?? {}, data.variables ?? {});
+        const updates = tokensToFigmaUpdates(local.tokens ?? {}, data.variables?.length ? Object.entries(data.variables ?? {}).reduce((acc, [id, v]) => ({ ...acc, [id]: { ...v, id } }), {}) : {});
         if (isDryRun) {
-          context.output.log(
-            `[figma] DRY RUN \u2014 would update ${updates.length} variables in Figma:`
+          context.output.info(
+            `DRY RUN \u2014 would update ${updates.length} variables in Figma:`
           );
-          updates.forEach((u) => context.output.log(`  ${u.name}: ${u.value}`));
+          updates.forEach((u) => context.output.writeText(`  ${u.name}: ${u.value}`));
         } else {
           if (updates.length === 0) {
-            context.output.log("[figma] No matching variables to update");
+            context.output.info("No matching variables to update");
           } else {
             context.output.success(`Updated ${updates.length} variables in Figma`);
           }
@@ -8989,12 +9023,12 @@ Options:
         if (diffs.length === 0) {
           context.output.success("No differences \u2014 local and Figma are in sync");
         } else {
-          context.output.log(`${diffs.length} differences found:
+          context.output.info(`${diffs.length} differences found:
 `);
           diffs.forEach((d) => {
-            context.output.log(`  ${d.key}`);
-            context.output.log(`    local: ${d.local ?? "(missing)"}`);
-            context.output.log(`    figma: ${d.figma ?? "(missing)"}`);
+            context.output.writeText(`  ${d.key}`);
+            context.output.writeText(`    local: ${d.local ?? "(missing)"}`);
+            context.output.writeText(`    figma: ${d.figma ?? "(missing)"}`);
           });
         }
       } catch (e) {
@@ -9384,7 +9418,7 @@ init_errors();
 init_fs();
 init_json();
 init_src4();
-import path28 from "path";
+import path29 from "path";
 import { pathToFileURL as pathToFileURL2 } from "url";
 var DEFAULT_TAILWIND_CSS2 = '@import "tailwindcss";\n';
 var DEFAULT_TW_CONFIG = `${JSON.stringify(
@@ -9411,8 +9445,8 @@ async function validateThemeConfig(cwd2) {
     const twConfigFiles = ["tailwind.config.ts", "tailwind.config.js", "tailwind.config.mjs"];
     let configPath = null;
     for (const file of twConfigFiles) {
-      if (await pathExists2(path28.join(cwd2, file))) {
-        configPath = path28.join(cwd2, file);
+      if (await pathExists2(path29.join(cwd2, file))) {
+        configPath = path29.join(cwd2, file);
         break;
       }
     }
@@ -9503,7 +9537,7 @@ function resolveCliEntry(scriptPath) {
 async function hasTailwindCssImport(cwd2) {
   const cssFiles = ["src/app/globals.css", "src/index.css", "src/style.css", "app/globals.css"];
   for (const file of cssFiles) {
-    const raw = await readFileSafe(path28.join(cwd2, file));
+    const raw = await readFileSafe(path29.join(cwd2, file));
     if (raw?.includes("tailwindcss")) return true;
   }
   return false;
@@ -9519,7 +9553,7 @@ async function hasSafelistSource(cwd2) {
     "app/globals.css"
   ];
   for (const file of cssFiles) {
-    const raw = await readFileSafe(path28.join(cwd2, file));
+    const raw = await readFileSafe(path29.join(cwd2, file));
     if (raw === null) continue;
     if (raw.includes("tw-classes")) return { found: true, cssFile: file };
     if (raw.includes("tailwindcss")) return { found: false, cssFile: file };
@@ -9527,8 +9561,8 @@ async function hasSafelistSource(cwd2) {
   return { found: false, cssFile: null };
 }
 async function applyTailwindInit(cwd2) {
-  await ensureFileSafe(path28.join(cwd2, "src", "tailwind.css"), DEFAULT_TAILWIND_CSS2);
-  await ensureFileSafe(path28.join(cwd2, "tailwind-styled.config.json"), DEFAULT_TW_CONFIG);
+  await ensureFileSafe(path29.join(cwd2, "src", "tailwind.css"), DEFAULT_TAILWIND_CSS2);
+  await ensureFileSafe(path29.join(cwd2, "tailwind-styled.config.json"), DEFAULT_TW_CONFIG);
 }
 function check(results, id, label, pass, message, fix) {
   results.push({ id, label, pass, message, fix });
@@ -9550,7 +9584,7 @@ async function runPreflightCli(rawArgs) {
     node.major >= 20 ? `Node ${node.full} OK` : `Node ${node.full} - requires >=20. Download: https://nodejs.org`,
     node.major < 20 ? "Install Node.js 20 LTS or newer from https://nodejs.org" : void 0
   );
-  const pkg = await readJsonSafe(path28.join(cwd2, "package.json"));
+  const pkg = await readJsonSafe(path29.join(cwd2, "package.json"));
   check(
     results,
     "package-json",
@@ -9584,7 +9618,7 @@ async function runPreflightCli(rawArgs) {
   }
   const twConfigFiles = ["tailwind.config.ts", "tailwind.config.js", "tailwind.config.mjs"];
   const twConfigChecks = await Promise.all(
-    twConfigFiles.map(async (file) => ({ file, exists: await pathExists2(path28.join(cwd2, file)) }))
+    twConfigFiles.map(async (file) => ({ file, exists: await pathExists2(path29.join(cwd2, file)) }))
   );
   const foundTwConfig = twConfigChecks.find((item) => item.exists)?.file ?? null;
   const hasCssConfig = await hasTailwindCssImport(cwd2);
@@ -9596,7 +9630,7 @@ async function runPreflightCli(rawArgs) {
     foundTwConfig ? `${foundTwConfig} found OK` : hasCssConfig ? "@import tailwindcss found in CSS OK" : "No Tailwind config found - run: tw init",
     "tw init"
   );
-  const oldConfig = await readJsonSafe(path28.join(cwd2, "tailwind.config.js")) ?? await readJsonSafe(path28.join(cwd2, "tailwind.config.ts"));
+  const oldConfig = await readJsonSafe(path29.join(cwd2, "tailwind.config.js")) ?? await readJsonSafe(path29.join(cwd2, "tailwind.config.ts"));
   if (oldConfig) {
     const hasOldJit = oldConfig.mode === "jit";
     const hasOldPurge = "purge" in oldConfig;
@@ -9620,7 +9654,7 @@ async function runPreflightCli(rawArgs) {
       validation.message
     );
   }
-  const hasTsConfig = await pathExists2(path28.join(cwd2, "tsconfig.json"));
+  const hasTsConfig = await pathExists2(path29.join(cwd2, "tsconfig.json"));
   check(
     results,
     "typescript",
@@ -9982,7 +10016,7 @@ init_esm_shims();
 init_errors();
 init_fs();
 init_json();
-import path29 from "path";
+import path30 from "path";
 import { parseArgs as parseNodeArgs11 } from "util";
 var storybookCommand = {
   name: "storybook",
@@ -10021,7 +10055,7 @@ var storybookCommand = {
     context.output.writeText(
       `[tw storybook] Tip: use --variants='{"size":["sm","lg"]}' to enumerate variant combinations`
     );
-    const localBin = path29.join(
+    const localBin = path30.join(
       process.cwd(),
       "node_modules",
       ".bin",
@@ -11208,10 +11242,10 @@ async function traceClass(className, options) {
 init_esm_shims();
 init_internal();
 init_src2();
-import fs15 from "fs";
-import path30 from "path";
+import fs16 from "fs";
+import path31 from "path";
 function toRelativePath(root, value) {
-  const relative = path30.relative(root, value);
+  const relative = path31.relative(root, value);
   return relative.length > 0 ? relative : ".";
 }
 function uniqueSorted(values) {
@@ -11280,7 +11314,7 @@ function tryCompileClasses(classes) {
   }
 }
 function traceSingleFile(filePath, root) {
-  const source = fs15.readFileSync(filePath, "utf8");
+  const source = fs16.readFileSync(filePath, "utf8");
   const classes = uniqueSorted(scanSource(source));
   const imports = extractImports(source);
   const compiled = tryCompileClasses(classes);
@@ -11311,7 +11345,7 @@ function traceDirectory(targetDir, root) {
   const imports = [];
   const importKeys = /* @__PURE__ */ new Set();
   const files = scanResult.files.filter((entry) => isScannableFile2(entry.file, DEFAULT_EXTENSIONS)).map((entry) => {
-    const source = fs15.readFileSync(entry.file, "utf8");
+    const source = fs16.readFileSync(entry.file, "utf8");
     const fileImports = extractImports(source);
     for (const fileImport of fileImports) {
       const key = `${fileImport.kind}:${fileImport.source}`;
@@ -11342,12 +11376,12 @@ function traceDirectory(targetDir, root) {
   };
 }
 async function traceTarget(target, options = {}) {
-  const root = path30.resolve(options.root ?? process.cwd());
-  const resolvedTarget = path30.resolve(root, target);
-  if (!fs15.existsSync(resolvedTarget)) {
+  const root = path31.resolve(options.root ?? process.cwd());
+  const resolvedTarget = path31.resolve(root, target);
+  if (!fs16.existsSync(resolvedTarget)) {
     throw new Error(`Trace target not found: ${resolvedTarget}`);
   }
-  const stat = fs15.statSync(resolvedTarget);
+  const stat = fs16.statSync(resolvedTarget);
   if (stat.isDirectory()) {
     return traceDirectory(resolvedTarget, root);
   }
@@ -11512,14 +11546,14 @@ function printClassTraceOutput(result, output) {
 init_esm_shims();
 var import_picocolors6 = __toESM(require_picocolors(), 1);
 init_output();
-import fs16 from "fs";
-import path31 from "path";
+import fs17 from "fs";
+import path32 from "path";
 async function runGenerateTypesCli(rawArgs) {
   const output = createCliOutput({ json: rawArgs.includes("--json") });
   const logger = createCliLogger({ output });
   const cwd2 = process.cwd();
   const outFile = rawArgs.find((a) => a.startsWith("--out="))?.slice(6) ?? "src/types/tailwind-styled.d.ts";
-  const outPath = path31.resolve(cwd2, outFile);
+  const outPath = path32.resolve(cwd2, outFile);
   output.writeText("");
   output.writeText(import_picocolors6.default.bold(import_picocolors6.default.cyan("  \u25C6 tw generate-types")));
   output.writeText(import_picocolors6.default.dim("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
@@ -11555,12 +11589,12 @@ async function runGenerateTypesCli(rawArgs) {
   }
   output.writeText("");
   output.writeText(import_picocolors6.default.bold("  [2/2]") + import_picocolors6.default.cyan("  generate .d.ts"));
-  const outDir = path31.dirname(outPath);
-  if (!fs16.existsSync(outDir)) {
-    fs16.mkdirSync(outDir, { recursive: true });
+  const outDir = path32.dirname(outPath);
+  if (!fs17.existsSync(outDir)) {
+    fs17.mkdirSync(outDir, { recursive: true });
   }
-  fs16.writeFileSync(outPath, result.dtsContent, "utf-8");
-  logger.ok(path31.relative(cwd2, outPath));
+  fs17.writeFileSync(outPath, result.dtsContent, "utf-8");
+  logger.ok(path32.relative(cwd2, outPath));
   output.writeText("");
   output.writeText(import_picocolors6.default.dim("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
   output.writeText(import_picocolors6.default.bold(import_picocolors6.default.green("  \u2713 types generated")));
@@ -11571,11 +11605,11 @@ async function runGenerateTypesCli(rawArgs) {
 }
 async function loadNativeBinding2(cwd2) {
   const candidates = [
-    path31.join(cwd2, "native", "tailwind-styled-native.node"),
-    path31.join(cwd2, "node_modules", "tailwind-styled-v4", "native", "tailwind-styled-native.node")
+    path32.join(cwd2, "native", "tailwind-styled-native.node"),
+    path32.join(cwd2, "node_modules", "tailwind-styled-v4", "native", "tailwind-styled-native.node")
   ];
   for (const candidate of candidates) {
-    if (fs16.existsSync(candidate)) {
+    if (fs17.existsSync(candidate)) {
       try {
         return __require(candidate);
       } catch {
@@ -11593,8 +11627,8 @@ import { parseArgs as parseNodeArgs14 } from "util";
 // packages/infrastructure/cli/src/utils/whyService.ts
 init_esm_shims();
 init_internal();
-import fs17 from "fs";
-import path32 from "path";
+import fs18 from "fs";
+import path33 from "path";
 init_src2();
 function extractVariantChain(usage) {
   const segments = normalizeScannedClass(usage).split(":").filter(Boolean);
@@ -11642,7 +11676,7 @@ async function whyClass(className, options) {
   for (const file of scanResult.files) {
     const source = (() => {
       try {
-        return fs17.readFileSync(file.file, "utf8");
+        return fs18.readFileSync(file.file, "utf8");
       } catch {
         return "";
       }
@@ -11656,7 +11690,7 @@ async function whyClass(className, options) {
           className
         ]);
         usedIn.push({
-          file: path32.relative(root, file.file) || path32.basename(file.file),
+          file: path33.relative(root, file.file) || path33.basename(file.file),
           line: location.line,
           column: location.column,
           usage: normalizeScannedClass(fileClass)