tailwind-styled-v4 5.1.22 → 5.1.23

package/dist/cli.js

@@ -988,8 +988,8 @@ var require_command = __commonJS({
     init_cjs_shims();
     var EventEmitter = require("events").EventEmitter;
     var childProcess = require("child_process");
-    var path32 = require("path");
-    var fs18 = require("fs");
+    var path33 = require("path");
+    var fs19 = require("fs");
     var process2 = require("process");
     var { Argument: Argument2, humanReadableArgName } = require_argument();
     var { CommanderError: CommanderError2 } = require_error();
@@ -1921,11 +1921,11 @@ Expecting one of '${allowedValues.join("', '")}'`);
         let launchWithNode = false;
         const sourceExt = [".js", ".ts", ".tsx", ".mjs", ".cjs"];
         function findFile(baseDir, baseName) {
-          const localBin = path32.resolve(baseDir, baseName);
-          if (fs18.existsSync(localBin)) return localBin;
-          if (sourceExt.includes(path32.extname(baseName))) return void 0;
+          const localBin = path33.resolve(baseDir, baseName);
+          if (fs19.existsSync(localBin)) return localBin;
+          if (sourceExt.includes(path33.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;
@@ -1937,21 +1937,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 = path32.resolve(
-            path32.dirname(resolvedScriptPath),
+          executableDir = path33.resolve(
+            path33.dirname(resolvedScriptPath),
             executableDir
           );
         }
         if (executableDir) {
           let localFile = findFile(executableDir, executableFile);
           if (!localFile && !subcommand._executableFile && this._scriptPath) {
-            const legacyName = path32.basename(
+            const legacyName = path33.basename(
               this._scriptPath,
-              path32.extname(this._scriptPath)
+              path33.extname(this._scriptPath)
             );
             if (legacyName !== this._name) {
               localFile = findFile(
@@ -1962,7 +1962,7 @@ Expecting one of '${allowedValues.join("', '")}'`);
           }
           executableFile = localFile || executableFile;
         }
-        launchWithNode = sourceExt.includes(path32.extname(executableFile));
+        launchWithNode = sourceExt.includes(path33.extname(executableFile));
         let proc;
         if (process2.platform !== "win32") {
           if (launchWithNode) {
@@ -2802,7 +2802,7 @@ Expecting one of '${allowedValues.join("', '")}'`);
        * @return {Command}
        */
       nameFromFilename(filename) {
-        this._name = path32.basename(filename, path32.extname(filename));
+        this._name = path33.basename(filename, path33.extname(filename));
         return this;
       }
       /**
@@ -2816,9 +2816,9 @@ Expecting one of '${allowedValues.join("', '")}'`);
        * @param {string} [path]
        * @return {(string|null|Command)}
        */
-      executableDir(path33) {
-        if (path33 === void 0) return this._executableDir;
-        this._executableDir = path33;
+      executableDir(path34) {
+        if (path34 === void 0) return this._executableDir;
+        this._executableDir = path34;
         return this;
       }
       /**
@@ -3332,9 +3332,9 @@ function createDebugLogger(namespace, label) {
     }
   };
 }
-function formatIssuePath(path32) {
-  if (!path32 || path32.length === 0) return "(root)";
-  return path32.map(
+function formatIssuePath(path33) {
+  if (!path33 || path33.length === 0) return "(root)";
+  return path33.map(
     (segment) => typeof segment === "symbol" ? segment.description ?? segment.toString() : String(segment)
   ).join(".");
 }
@@ -3455,8 +3455,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 path32 = formatIssuePath(first?.path);
-        const message = first ? `${path32}: ${first.message}` : "Schema validation failed";
+        const path33 = formatIssuePath(first?.path);
+        const message = first ? `${path33}: ${first.message}` : "Schema validation failed";
         return new _TwError("validation", "SCHEMA_VALIDATION_FAILED", message, err);
       }
       static wrap(source, code, err) {
@@ -4013,12 +4013,12 @@ var init_schemas = __esm({
     init_cjs_shims();
     import_zod = require("zod");
     init_src();
-    formatIssuePath2 = (path32) => path32.length > 0 ? path32.map(
+    formatIssuePath2 = (path33) => path33.length > 0 ? path33.map(
       (segment) => typeof segment === "symbol" ? segment.description ?? segment.toString() : String(segment)
     ).join(".") : "<root>";
     formatIssues = (error) => error.issues.map((issue) => {
-      const path32 = formatIssuePath2(issue.path);
-      return `${path32}: ${issue.message}`;
+      const path33 = formatIssuePath2(issue.path);
+      return `${path33}: ${issue.message}`;
     }).join("; ");
     parseWithSchema = (schema, data, label) => {
       const parsed = schema.safeParse(data);
@@ -4624,7 +4624,7 @@ var init_schemas2 = __esm({
     init_cjs_shims();
     init_src();
     import_zod2 = require("zod");
-    formatIssuePath3 = (path32) => path32.length > 0 ? path32.map(
+    formatIssuePath3 = (path33) => path33.length > 0 ? path33.map(
       (segment) => typeof segment === "symbol" ? segment.description ?? segment.toString() : String(segment)
     ).join(".") : "<root>";
     isPlainObject = (value) => {
@@ -4633,8 +4633,8 @@ var init_schemas2 = __esm({
       return proto === Object.prototype || proto === null;
     };
     formatIssues2 = (error) => error.issues.map((issue) => {
-      const path32 = formatIssuePath3(issue.path);
-      return `${path32}: ${issue.message}`;
+      const path33 = formatIssuePath3(issue.path);
+      return `${path33}: ${issue.message}`;
     }).join("; ");
     parseWithSchema2 = (schema, data, label) => {
       const parsed = schema.safeParse(data);
@@ -6254,7 +6254,7 @@ var init_nativeBridge = __esm({
     "use strict";
     init_cjs_shims();
     init_src();
-    _loadNative = (path32) => require(path32);
+    _loadNative = (path33) => require(path33);
     log3 = (...args) => {
       if (process.env.DEBUG?.includes("compiler:native")) {
         console.log("[compiler:native]", ...args);
@@ -6407,14 +6407,41 @@ var init_routeGraph = __esm({
   }
 });
 
+// packages/domain/compiler/src/semanticComponentAnalyzer.ts
+var init_semanticComponentAnalyzer = __esm({
+  "packages/domain/compiler/src/semanticComponentAnalyzer.ts"() {
+    "use strict";
+    init_cjs_shims();
+  }
+});
+
+// packages/domain/compiler/src/typeGeneratorFromMetadata.ts
+var init_typeGeneratorFromMetadata = __esm({
+  "packages/domain/compiler/src/typeGeneratorFromMetadata.ts"() {
+    "use strict";
+    init_cjs_shims();
+  }
+});
+
+// packages/domain/compiler/src/typeGenerationPlugin.ts
+var import_node_fs11, import_node_path26;
+var init_typeGenerationPlugin = __esm({
+  "packages/domain/compiler/src/typeGenerationPlugin.ts"() {
+    "use strict";
+    init_cjs_shims();
+    import_node_fs11 = __toESM(require("fs"), 1);
+    import_node_path26 = __toESM(require("path"), 1);
+  }
+});
+
 // packages/domain/compiler/src/index.ts
-var import_node_fs11, import_node_path26, import_node_module4, _require3, compileCssFromClasses;
+var import_node_fs12, import_node_path27, import_node_module4, _require3, compileCssFromClasses;
 var init_src4 = __esm({
   "packages/domain/compiler/src/index.ts"() {
     "use strict";
     init_cjs_shims();
-    import_node_fs11 = __toESM(require("fs"), 1);
-    import_node_path26 = __toESM(require("path"), 1);
+    import_node_fs12 = __toESM(require("fs"), 1);
+    import_node_path27 = __toESM(require("path"), 1);
     import_node_module4 = require("module");
     init_nativeBridge();
     init_compiler();
@@ -6424,6 +6451,9 @@ var init_src4 = __esm({
     init_redis();
     init_watch();
     init_routeGraph();
+    init_semanticComponentAnalyzer();
+    init_typeGeneratorFromMetadata();
+    init_typeGenerationPlugin();
     _require3 = (0, import_node_module4.createRequire)(
       typeof require !== "undefined" ? typeof __filename !== "undefined" ? `file://${__filename}` : "file://unknown" : importMetaUrl
     );
@@ -8775,7 +8805,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];
@@ -8790,12 +8820,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),
@@ -8817,10 +8848,11 @@ function figmaVariablesToTokens(variablesData) {
 init_cjs_shims();
 function tokensToFigmaUpdates(tokens, existingVariables = {}) {
   const updates = [];
-  function walk(obj, path32 = []) {
+  function walk(obj, path33 = []) {
     for (const [key, val] of Object.entries(obj)) {
-      if (val.$value !== void 0) {
-        const name = path32.concat(key).map(
+      if (typeof val === "object" && val !== null && "$value" in val) {
+        const tokenVal = val;
+        const name = path33.concat(key).map(
           (p) => p.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join("")
         ).join("/");
         const existing = Object.values(existingVariables).find(
@@ -8830,12 +8862,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, path32.concat(key));
+      } else if (typeof val === "object" && val !== null && !("$type" in val)) {
+        walk(val, path33.concat(key));
       }
     }
   }
@@ -8845,9 +8877,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);
     }
   }
@@ -8878,7 +8911,7 @@ var figmaCommand = {
     const FIGMA_FILE_KEY = process.env.FIGMA_FILE_KEY;
     const TOKEN_FILE = import_node_path23.default.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_...)
@@ -8900,16 +8933,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 (import_node_fs9.default.existsSync(TOKEN_FILE)) {
@@ -8950,15 +8985,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`);
           }
@@ -8992,12 +9027,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) {
@@ -9382,7 +9417,7 @@ init_cjs_shims();
 
 // packages/infrastructure/cli/src/preflight.ts
 init_cjs_shims();
-var import_node_path27 = __toESM(require("path"), 1);
+var import_node_path28 = __toESM(require("path"), 1);
 var import_node_url7 = require("url");
 init_args();
 init_errors();
@@ -9415,8 +9450,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(import_node_path27.default.join(cwd2, file))) {
-        configPath = import_node_path27.default.join(cwd2, file);
+      if (await pathExists2(import_node_path28.default.join(cwd2, file))) {
+        configPath = import_node_path28.default.join(cwd2, file);
         break;
       }
     }
@@ -9507,7 +9542,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(import_node_path27.default.join(cwd2, file));
+    const raw = await readFileSafe(import_node_path28.default.join(cwd2, file));
     if (raw?.includes("tailwindcss")) return true;
   }
   return false;
@@ -9523,7 +9558,7 @@ async function hasSafelistSource(cwd2) {
     "app/globals.css"
   ];
   for (const file of cssFiles) {
-    const raw = await readFileSafe(import_node_path27.default.join(cwd2, file));
+    const raw = await readFileSafe(import_node_path28.default.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 };
@@ -9531,8 +9566,8 @@ async function hasSafelistSource(cwd2) {
   return { found: false, cssFile: null };
 }
 async function applyTailwindInit(cwd2) {
-  await ensureFileSafe(import_node_path27.default.join(cwd2, "src", "tailwind.css"), DEFAULT_TAILWIND_CSS2);
-  await ensureFileSafe(import_node_path27.default.join(cwd2, "tailwind-styled.config.json"), DEFAULT_TW_CONFIG);
+  await ensureFileSafe(import_node_path28.default.join(cwd2, "src", "tailwind.css"), DEFAULT_TAILWIND_CSS2);
+  await ensureFileSafe(import_node_path28.default.join(cwd2, "tailwind-styled.config.json"), DEFAULT_TW_CONFIG);
 }
 function check(results, id, label, pass, message, fix) {
   results.push({ id, label, pass, message, fix });
@@ -9554,7 +9589,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(import_node_path27.default.join(cwd2, "package.json"));
+  const pkg = await readJsonSafe(import_node_path28.default.join(cwd2, "package.json"));
   check(
     results,
     "package-json",
@@ -9588,7 +9623,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(import_node_path27.default.join(cwd2, file)) }))
+    twConfigFiles.map(async (file) => ({ file, exists: await pathExists2(import_node_path28.default.join(cwd2, file)) }))
   );
   const foundTwConfig = twConfigChecks.find((item) => item.exists)?.file ?? null;
   const hasCssConfig = await hasTailwindCssImport(cwd2);
@@ -9600,7 +9635,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(import_node_path27.default.join(cwd2, "tailwind.config.js")) ?? await readJsonSafe(import_node_path27.default.join(cwd2, "tailwind.config.ts"));
+  const oldConfig = await readJsonSafe(import_node_path28.default.join(cwd2, "tailwind.config.js")) ?? await readJsonSafe(import_node_path28.default.join(cwd2, "tailwind.config.ts"));
   if (oldConfig) {
     const hasOldJit = oldConfig.mode === "jit";
     const hasOldPurge = "purge" in oldConfig;
@@ -9624,7 +9659,7 @@ async function runPreflightCli(rawArgs) {
       validation.message
     );
   }
-  const hasTsConfig = await pathExists2(import_node_path27.default.join(cwd2, "tsconfig.json"));
+  const hasTsConfig = await pathExists2(import_node_path28.default.join(cwd2, "tsconfig.json"));
   check(
     results,
     "typescript",
@@ -9983,7 +10018,7 @@ var scriptCommands = [
 
 // packages/infrastructure/cli/src/commands/storybook.ts
 init_cjs_shims();
-var import_node_path28 = __toESM(require("path"), 1);
+var import_node_path29 = __toESM(require("path"), 1);
 var import_node_util11 = require("util");
 init_errors();
 init_fs();
@@ -10025,7 +10060,7 @@ var storybookCommand = {
     context.output.writeText(
       `[tw storybook] Tip: use --variants='{"size":["sm","lg"]}' to enumerate variant combinations`
     );
-    const localBin = import_node_path28.default.join(
+    const localBin = import_node_path29.default.join(
       process.cwd(),
       "node_modules",
       ".bin",
@@ -11211,12 +11246,12 @@ async function traceClass(className, options) {
 
 // packages/infrastructure/cli/src/utils/traceTargetService.ts
 init_cjs_shims();
-var import_node_fs12 = __toESM(require("fs"), 1);
-var import_node_path29 = __toESM(require("path"), 1);
+var import_node_fs13 = __toESM(require("fs"), 1);
+var import_node_path30 = __toESM(require("path"), 1);
 init_internal();
 init_src2();
 function toRelativePath(root, value) {
-  const relative = import_node_path29.default.relative(root, value);
+  const relative = import_node_path30.default.relative(root, value);
   return relative.length > 0 ? relative : ".";
 }
 function uniqueSorted(values) {
@@ -11285,7 +11320,7 @@ function tryCompileClasses(classes) {
   }
 }
 function traceSingleFile(filePath, root) {
-  const source = import_node_fs12.default.readFileSync(filePath, "utf8");
+  const source = import_node_fs13.default.readFileSync(filePath, "utf8");
   const classes = uniqueSorted(scanSource(source));
   const imports = extractImports(source);
   const compiled = tryCompileClasses(classes);
@@ -11316,7 +11351,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 = import_node_fs12.default.readFileSync(entry.file, "utf8");
+    const source = import_node_fs13.default.readFileSync(entry.file, "utf8");
     const fileImports = extractImports(source);
     for (const fileImport of fileImports) {
       const key = `${fileImport.kind}:${fileImport.source}`;
@@ -11347,12 +11382,12 @@ function traceDirectory(targetDir, root) {
   };
 }
 async function traceTarget(target, options = {}) {
-  const root = import_node_path29.default.resolve(options.root ?? process.cwd());
-  const resolvedTarget = import_node_path29.default.resolve(root, target);
-  if (!import_node_fs12.default.existsSync(resolvedTarget)) {
+  const root = import_node_path30.default.resolve(options.root ?? process.cwd());
+  const resolvedTarget = import_node_path30.default.resolve(root, target);
+  if (!import_node_fs13.default.existsSync(resolvedTarget)) {
     throw new Error(`Trace target not found: ${resolvedTarget}`);
   }
-  const stat = import_node_fs12.default.statSync(resolvedTarget);
+  const stat = import_node_fs13.default.statSync(resolvedTarget);
   if (stat.isDirectory()) {
     return traceDirectory(resolvedTarget, root);
   }
@@ -11515,8 +11550,8 @@ function printClassTraceOutput(result, output) {
 
 // packages/infrastructure/cli/src/generateTypes.ts
 init_cjs_shims();
-var import_node_fs13 = __toESM(require("fs"), 1);
-var import_node_path30 = __toESM(require("path"), 1);
+var import_node_fs14 = __toESM(require("fs"), 1);
+var import_node_path31 = __toESM(require("path"), 1);
 var import_picocolors6 = __toESM(require_picocolors(), 1);
 init_output();
 async function runGenerateTypesCli(rawArgs) {
@@ -11524,7 +11559,7 @@ async function runGenerateTypesCli(rawArgs) {
   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 = import_node_path30.default.resolve(cwd2, outFile);
+  const outPath = import_node_path31.default.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"));
@@ -11560,12 +11595,12 @@ async function runGenerateTypesCli(rawArgs) {
   }
   output.writeText("");
   output.writeText(import_picocolors6.default.bold("  [2/2]") + import_picocolors6.default.cyan("  generate .d.ts"));
-  const outDir = import_node_path30.default.dirname(outPath);
-  if (!import_node_fs13.default.existsSync(outDir)) {
-    import_node_fs13.default.mkdirSync(outDir, { recursive: true });
+  const outDir = import_node_path31.default.dirname(outPath);
+  if (!import_node_fs14.default.existsSync(outDir)) {
+    import_node_fs14.default.mkdirSync(outDir, { recursive: true });
   }
-  import_node_fs13.default.writeFileSync(outPath, result.dtsContent, "utf-8");
-  logger.ok(import_node_path30.default.relative(cwd2, outPath));
+  import_node_fs14.default.writeFileSync(outPath, result.dtsContent, "utf-8");
+  logger.ok(import_node_path31.default.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")));
@@ -11576,11 +11611,11 @@ async function runGenerateTypesCli(rawArgs) {
 }
 async function loadNativeBinding2(cwd2) {
   const candidates = [
-    import_node_path30.default.join(cwd2, "native", "tailwind-styled-native.node"),
-    import_node_path30.default.join(cwd2, "node_modules", "tailwind-styled-v4", "native", "tailwind-styled-native.node")
+    import_node_path31.default.join(cwd2, "native", "tailwind-styled-native.node"),
+    import_node_path31.default.join(cwd2, "node_modules", "tailwind-styled-v4", "native", "tailwind-styled-native.node")
   ];
   for (const candidate of candidates) {
-    if (import_node_fs13.default.existsSync(candidate)) {
+    if (import_node_fs14.default.existsSync(candidate)) {
       try {
         return require(candidate);
       } catch {
@@ -11597,8 +11632,8 @@ init_errors();
 
 // packages/infrastructure/cli/src/utils/whyService.ts
 init_cjs_shims();
-var import_node_fs14 = __toESM(require("fs"), 1);
-var import_node_path31 = __toESM(require("path"), 1);
+var import_node_fs15 = __toESM(require("fs"), 1);
+var import_node_path32 = __toESM(require("path"), 1);
 init_internal();
 init_src2();
 function extractVariantChain(usage) {
@@ -11647,7 +11682,7 @@ async function whyClass(className, options) {
   for (const file of scanResult.files) {
     const source = (() => {
       try {
-        return import_node_fs14.default.readFileSync(file.file, "utf8");
+        return import_node_fs15.default.readFileSync(file.file, "utf8");
       } catch {
         return "";
       }
@@ -11661,7 +11696,7 @@ async function whyClass(className, options) {
           className
         ]);
         usedIn.push({
-          file: import_node_path31.default.relative(root, file.file) || import_node_path31.default.basename(file.file),
+          file: import_node_path32.default.relative(root, file.file) || import_node_path32.default.basename(file.file),
           line: location.line,
           column: location.column,
           usage: normalizeScannedClass(fileClass)