tailwind-styled-v4 5.1.22 → 5.1.24

package/dist/turbopackLoader.mjs

@@ -182,7 +182,7 @@ var init_nativeBridge = __esm({
     "use strict";
     init_esm_shims();
     init_src();
-    _loadNative = (path7) => __require(path7);
+    _loadNative = (path8) => __require(path8);
     log = (...args) => {
       if (process.env.DEBUG?.includes("compiler:native")) {
         console.log("[compiler:native]", ...args);
@@ -2016,9 +2016,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 fs4 from "fs";
 import path5 from "path";
+var init_typeGenerationPlugin = __esm({
+  "packages/domain/compiler/src/typeGenerationPlugin.ts"() {
+    "use strict";
+    init_esm_shims();
+  }
+});
+
+// packages/domain/compiler/src/index.ts
+import fs5 from "fs";
+import path6 from "path";
 import { createRequire as createRequire5 } from "module";
 function _layoutClassesToCss(classes) {
   const native = getNativeBridge();
@@ -2067,6 +2093,9 @@ var init_src2 = __esm({
     init_redis();
     init_watch();
     init_routeGraph();
+    init_semanticComponentAnalyzer();
+    init_typeGeneratorFromMetadata();
+    init_typeGenerationPlugin();
     _require3 = createRequire5(
       typeof __require !== "undefined" ? typeof __filename !== "undefined" ? `file://${__filename}` : "file://unknown" : import.meta.url
     );
@@ -2161,7 +2190,7 @@ var init_src2 = __esm({
     };
     scanProjectUsage = (dirs, cwd) => {
       const { batchExtractClasses: batchExtractClasses2 } = _require3("./parser");
-      const files = dirs.map((dir) => path5.resolve(cwd, dir));
+      const files = dirs.map((dir) => path6.resolve(cwd, dir));
       const results = batchExtractClasses2(files) || [];
       const combined = {};
       for (const result of results) {
@@ -2178,13 +2207,13 @@ var init_src2 = __esm({
       const classes = scanProjectUsage(scanDirs, cwd || process.cwd());
       const allClasses = Object.keys(classes).sort();
       if (outputPath) {
-        fs4.writeFileSync(outputPath, JSON.stringify(allClasses, null, 2));
+        fs5.writeFileSync(outputPath, JSON.stringify(allClasses, null, 2));
       }
       return allClasses;
     };
     loadSafelist = (safelistPath) => {
       try {
-        const content = fs4.readFileSync(safelistPath, "utf-8");
+        const content = fs5.readFileSync(safelistPath, "utf-8");
         return JSON.parse(content);
       } catch {
         return [];
@@ -2198,8 +2227,8 @@ var init_src2 = __esm({
         "tailwind.config.cjs"
       ];
       for (const file of configFiles) {
-        const fullPath = path5.join(cwd, file);
-        if (fs4.existsSync(fullPath)) {
+        const fullPath = path6.join(cwd, file);
+        if (fs5.existsSync(fullPath)) {
           const mod = __require(fullPath);
           return mod.default || mod;
         }
@@ -2209,9 +2238,9 @@ var init_src2 = __esm({
     getContentPaths = (cwd = process.cwd()) => {
       return {
         content: [
-          path5.join(cwd, "src/**/*.{js,ts,jsx,tsx}"),
-          path5.join(cwd, "app/**/*.{js,ts,jsx,tsx}"),
-          path5.join(cwd, "pages/**/*.{js,ts,jsx,tsx}")
+          path6.join(cwd, "src/**/*.{js,ts,jsx,tsx}"),
+          path6.join(cwd, "app/**/*.{js,ts,jsx,tsx}"),
+          path6.join(cwd, "pages/**/*.{js,ts,jsx,tsx}")
         ]
       };
     };
@@ -2671,12 +2700,12 @@ var init_internal = __esm({
 // packages/presentation/next/src/turbopackLoader.ts
 init_esm_shims();
 init_internal();
-import fs5 from "fs";
-import path6 from "path";
+import fs6 from "fs";
+import path7 from "path";
 var _writtenRules = /* @__PURE__ */ new Set();
 function appendStaticCssToFile(staticCss, safelistPath) {
   if (!staticCss.trim() || !safelistPath) return;
-  const stateFilePath = path6.join(path6.dirname(safelistPath), "_tw-state-static.css");
+  const stateFilePath = path7.join(path7.dirname(safelistPath), "_tw-state-static.css");
   const newRules = [];
   for (const chunk of staticCss.split(/(?<=\})\s*/)) {
     const rule = chunk.trim();
@@ -2687,9 +2716,9 @@ function appendStaticCssToFile(staticCss, safelistPath) {
   }
   if (newRules.length === 0) return;
   try {
-    fs5.mkdirSync(path6.dirname(stateFilePath), { recursive: true });
-    if (!fs5.existsSync(stateFilePath)) {
-      fs5.writeFileSync(
+    fs6.mkdirSync(path7.dirname(stateFilePath), { recursive: true });
+    if (!fs6.existsSync(stateFilePath)) {
+      fs6.writeFileSync(
         stateFilePath,
         `/* _tw-state-static.css \u2014 Auto-generated by tailwind-styled-v4. DO NOT EDIT.
  * Import di globals.css: @import "./_tw-state-static.css";
@@ -2700,7 +2729,7 @@ function appendStaticCssToFile(staticCss, safelistPath) {
         "utf-8"
       );
     }
-    fs5.appendFileSync(stateFilePath, newRules.join("\n") + "\n", "utf-8");
+    fs6.appendFileSync(stateFilePath, newRules.join("\n") + "\n", "utf-8");
   } catch {
   }
 }
@@ -2739,11 +2768,11 @@ var CYCLE_SENTINEL = "_cycle.txt";
 var START_SENTINEL = "_start.txt";
 var _workerCache = /* @__PURE__ */ new Map();
 function getTwClassesDir(safelistPath) {
-  return path6.join(path6.dirname(safelistPath), "tw-classes");
+  return path7.join(path7.dirname(safelistPath), "tw-classes");
 }
 function readSentinel(filePath) {
   try {
-    return fs5.readFileSync(filePath, "utf-8").trim();
+    return fs6.readFileSync(filePath, "utf-8").trim();
   } catch {
     return "";
   }
@@ -2753,36 +2782,36 @@ function clearAndMarkCycle(twClassesDir, startId) {
   if (_clearLock) return;
   _clearLock = true;
   try {
-    if (fs5.existsSync(twClassesDir)) {
+    if (fs6.existsSync(twClassesDir)) {
       const tempDir = `${twClassesDir}_clearing_${Date.now()}`;
       try {
-        fs5.renameSync(twClassesDir, tempDir);
-        fs5.mkdirSync(twClassesDir, { recursive: true });
-        const startFile = path6.join(tempDir, START_SENTINEL);
-        if (fs5.existsSync(startFile)) {
-          fs5.copyFileSync(startFile, path6.join(twClassesDir, START_SENTINEL));
+        fs6.renameSync(twClassesDir, tempDir);
+        fs6.mkdirSync(twClassesDir, { recursive: true });
+        const startFile = path7.join(tempDir, START_SENTINEL);
+        if (fs6.existsSync(startFile)) {
+          fs6.copyFileSync(startFile, path7.join(twClassesDir, START_SENTINEL));
         }
-        const mergedFile = path6.join(tempDir, "_webpack-merged.css");
-        if (fs5.existsSync(mergedFile)) {
-          fs5.copyFileSync(mergedFile, path6.join(twClassesDir, "_webpack-merged.css"));
+        const mergedFile = path7.join(tempDir, "_webpack-merged.css");
+        if (fs6.existsSync(mergedFile)) {
+          fs6.copyFileSync(mergedFile, path7.join(twClassesDir, "_webpack-merged.css"));
         }
-        fs5.writeFileSync(path6.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
+        fs6.writeFileSync(path7.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
         _workerCache.set(twClassesDir, startId);
-        fs5.rmSync(tempDir, { recursive: true, force: true });
+        fs6.rmSync(tempDir, { recursive: true, force: true });
       } catch {
-        for (const file of fs5.readdirSync(twClassesDir)) {
+        for (const file of fs6.readdirSync(twClassesDir)) {
           if (file === START_SENTINEL || file === "_webpack-merged.css") continue;
           try {
-            fs5.unlinkSync(path6.join(twClassesDir, file));
+            fs6.unlinkSync(path7.join(twClassesDir, file));
           } catch {
           }
         }
-        fs5.writeFileSync(path6.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
+        fs6.writeFileSync(path7.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
         _workerCache.set(twClassesDir, startId);
       }
     } else {
-      fs5.mkdirSync(twClassesDir, { recursive: true });
-      fs5.writeFileSync(path6.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
+      fs6.mkdirSync(twClassesDir, { recursive: true });
+      fs6.writeFileSync(path7.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
       _workerCache.set(twClassesDir, startId);
     }
   } catch {
@@ -2793,41 +2822,41 @@ function clearAndMarkCycle(twClassesDir, startId) {
 function getPerFileSafelistPath(safelistDir, resourcePath) {
   const normalized = resourcePath.replace(/\\/g, "/");
   const slug = normalized.replace(/^.*\/src\//, "").replace(/\.[tj]sx?$/, "").replace(/[^a-zA-Z0-9]/g, "_").slice(0, 80);
-  return path6.join(safelistDir, `${slug}.css`);
+  return path7.join(safelistDir, `${slug}.css`);
 }
 function writePerFileSafelist(safelistPath, resourcePath, classes) {
   if (!safelistPath || classes.length === 0) return;
   try {
     const twClassesDir = getTwClassesDir(safelistPath);
-    const startId = readSentinel(path6.join(twClassesDir, START_SENTINEL));
-    const cachedCycle = _workerCache.get(twClassesDir) ?? readSentinel(path6.join(twClassesDir, CYCLE_SENTINEL));
+    const startId = readSentinel(path7.join(twClassesDir, START_SENTINEL));
+    const cachedCycle = _workerCache.get(twClassesDir) ?? readSentinel(path7.join(twClassesDir, CYCLE_SENTINEL));
     if (startId && cachedCycle !== startId) {
       clearAndMarkCycle(twClassesDir, startId);
-    } else if (!fs5.existsSync(twClassesDir)) {
-      fs5.mkdirSync(twClassesDir, { recursive: true });
+    } else if (!fs6.existsSync(twClassesDir)) {
+      fs6.mkdirSync(twClassesDir, { recursive: true });
     }
     const outPath = getPerFileSafelistPath(twClassesDir, resourcePath);
     const sorted = [...new Set(classes)].sort();
     const css = [
-      `/* tw-safelist: ${path6.basename(resourcePath)} \u2014 auto-generated */`,
+      `/* tw-safelist: ${path7.basename(resourcePath)} \u2014 auto-generated */`,
       "@layer utilities {",
       sorted.map((cls) => `.${cls.replace(/([^a-zA-Z0-9_-])/g, "\\$1")} {}`).join("\n"),
       "}"
     ].join("\n");
     try {
-      if (fs5.readFileSync(outPath, "utf-8") === css) return;
+      if (fs6.readFileSync(outPath, "utf-8") === css) return;
     } catch {
     }
     const tmpPath = `${outPath}.tmp`;
     try {
-      fs5.writeFileSync(tmpPath, css, "utf-8");
-      fs5.renameSync(tmpPath, outPath);
+      fs6.writeFileSync(tmpPath, css, "utf-8");
+      fs6.renameSync(tmpPath, outPath);
     } catch {
       try {
-        fs5.unlinkSync(tmpPath);
+        fs6.unlinkSync(tmpPath);
       } catch {
       }
-      fs5.writeFileSync(outPath, css, "utf-8");
+      fs6.writeFileSync(outPath, css, "utf-8");
     }
   } catch {
   }
@@ -2841,7 +2870,7 @@ function turbopackLoader(source, options = {}) {
   const router = detectRouter(this.resourcePath);
   const nextMajor = parseNum(options.nextMajor);
   const debug = parseBool(options.debug);
-  const filename = path6.basename(this.resourcePath);
+  const filename = path7.basename(this.resourcePath);
   const effective = {
     addDataAttr: parseBool(options.addDataAttr),
     // App Router: selalu auto-detect client boundary