tailwind-styled-v4 5.1.16 → 5.1.17

package/dist/turbopackLoader.mjs

@@ -182,7 +182,7 @@ var init_nativeBridge = __esm({
     "use strict";
     init_esm_shims();
     init_src();
-    _loadNative = (path6) => __require(path6);
+    _loadNative = (path7) => __require(path7);
     log = (...args) => {
       if (process.env.DEBUG?.includes("compiler:native")) {
         console.log("[compiler:native]", ...args);
@@ -2006,9 +2006,19 @@ var init_watch = __esm({
   }
 });
 
-// packages/domain/compiler/src/index.ts
+// packages/domain/compiler/src/routeGraph.ts
 import fs3 from "fs";
 import path4 from "path";
+var init_routeGraph = __esm({
+  "packages/domain/compiler/src/routeGraph.ts"() {
+    "use strict";
+    init_esm_shims();
+  }
+});
+
+// packages/domain/compiler/src/index.ts
+import fs4 from "fs";
+import path5 from "path";
 import { createRequire as createRequire5 } from "module";
 function _layoutClassesToCss(classes) {
   const native = getNativeBridge();
@@ -2044,7 +2054,7 @@ function extractContainerCssFromSource(source) {
   }
   return rules.join("\n");
 }
-var _require3, transformSource, hasTwUsage, isAlreadyTransformed, shouldProcess, compileCssFromClasses, buildStyleTag, generateCssForClasses, eliminateDeadCss, findDeadVariants, runElimination, scanProjectUsage, generateSafelist, loadSafelist, loadTailwindConfig, getContentPaths, _CONTAINER_BREAKPOINTS, runLoaderTransform, shouldSkipFile, fileToRoute, getAllRoutes, getRouteClasses, registerFileClasses, registerGlobalClasses, _incrementalEngineInstance, getIncrementalEngine, resetIncrementalEngine, IncrementalEngine, getBucketEngine, resetBucketEngine, classifyNode, detectConflicts, bucketSort, analyzeFile, analyzeVariantUsage, injectClientDirective, injectServerOnlyComment, analyzeClasses, extractTwStateConfigs, generateStaticStateCss, extractAndGenerateStateCss;
+var _require3, transformSource, hasTwUsage, isAlreadyTransformed, shouldProcess, compileCssFromClasses, buildStyleTag, generateCssForClasses, eliminateDeadCss, findDeadVariants, runElimination, scanProjectUsage, generateSafelist, loadSafelist, loadTailwindConfig, getContentPaths, _CONTAINER_BREAKPOINTS, runLoaderTransform, shouldSkipFile, fileToRoute, getAllRoutes, _fileClassesMap, _globalClasses, getRouteClasses, getAllRegisteredClasses, registerFileClasses, registerGlobalClasses, resetRouteClassRegistry, _incrementalEngineInstance, getIncrementalEngine, resetIncrementalEngine, IncrementalEngine, getBucketEngine, resetBucketEngine, classifyNode, detectConflicts, bucketSort, analyzeFile, analyzeVariantUsage, injectClientDirective, injectServerOnlyComment, analyzeClasses, extractTwStateConfigs, generateStaticStateCss, extractAndGenerateStateCss;
 var init_src2 = __esm({
   "packages/domain/compiler/src/index.ts"() {
     "use strict";
@@ -2056,6 +2066,7 @@ var init_src2 = __esm({
     init_cache();
     init_redis();
     init_watch();
+    init_routeGraph();
     _require3 = createRequire5(
       typeof __require !== "undefined" ? typeof __filename !== "undefined" ? `file://${__filename}` : "file://unknown" : import.meta.url
     );
@@ -2150,7 +2161,7 @@ var init_src2 = __esm({
     };
     scanProjectUsage = (dirs, cwd) => {
       const { batchExtractClasses: batchExtractClasses2 } = _require3("./parser");
-      const files = dirs.map((dir) => path4.resolve(cwd, dir));
+      const files = dirs.map((dir) => path5.resolve(cwd, dir));
       const results = batchExtractClasses2(files) || [];
       const combined = {};
       for (const result of results) {
@@ -2167,13 +2178,13 @@ var init_src2 = __esm({
       const classes = scanProjectUsage(scanDirs, cwd || process.cwd());
       const allClasses = Object.keys(classes).sort();
       if (outputPath) {
-        fs3.writeFileSync(outputPath, JSON.stringify(allClasses, null, 2));
+        fs4.writeFileSync(outputPath, JSON.stringify(allClasses, null, 2));
       }
       return allClasses;
     };
     loadSafelist = (safelistPath) => {
       try {
-        const content = fs3.readFileSync(safelistPath, "utf-8");
+        const content = fs4.readFileSync(safelistPath, "utf-8");
         return JSON.parse(content);
       } catch {
         return [];
@@ -2187,8 +2198,8 @@ var init_src2 = __esm({
         "tailwind.config.cjs"
       ];
       for (const file of configFiles) {
-        const fullPath = path4.join(cwd, file);
-        if (fs3.existsSync(fullPath)) {
+        const fullPath = path5.join(cwd, file);
+        if (fs4.existsSync(fullPath)) {
           const mod = __require(fullPath);
           return mod.default || mod;
         }
@@ -2198,9 +2209,9 @@ var init_src2 = __esm({
     getContentPaths = (cwd = process.cwd()) => {
       return {
         content: [
-          path4.join(cwd, "src/**/*.{js,ts,jsx,tsx}"),
-          path4.join(cwd, "app/**/*.{js,ts,jsx,tsx}"),
-          path4.join(cwd, "pages/**/*.{js,ts,jsx,tsx}")
+          path5.join(cwd, "src/**/*.{js,ts,jsx,tsx}"),
+          path5.join(cwd, "app/**/*.{js,ts,jsx,tsx}"),
+          path5.join(cwd, "pages/**/*.{js,ts,jsx,tsx}")
         ]
       };
     };
@@ -2271,10 +2282,38 @@ var init_src2 = __esm({
       }
       return ["/", "__global"];
     };
-    getRouteClasses = (_route) => /* @__PURE__ */ new Set();
-    registerFileClasses = (_filepath, _classes) => {
+    _fileClassesMap = /* @__PURE__ */ new Map();
+    _globalClasses = /* @__PURE__ */ new Set();
+    getRouteClasses = (route) => {
+      const result = /* @__PURE__ */ new Set();
+      for (const [filepath, classes] of _fileClassesMap) {
+        const fileRoute = fileToRoute(filepath) ?? "__global";
+        if (fileRoute === route) {
+          for (const cls of classes) result.add(cls);
+        }
+      }
+      return result;
+    };
+    getAllRegisteredClasses = () => {
+      const result = new Set(_globalClasses);
+      for (const classes of _fileClassesMap.values()) {
+        for (const cls of classes) result.add(cls);
+      }
+      return result;
+    };
+    registerFileClasses = (filepath, classes) => {
+      if (!classes || classes.length === 0) {
+        _fileClassesMap.delete(filepath);
+        return;
+      }
+      _fileClassesMap.set(filepath, new Set(classes));
+    };
+    registerGlobalClasses = (classes) => {
+      for (const cls of classes) _globalClasses.add(cls);
     };
-    registerGlobalClasses = (_classes) => {
+    resetRouteClassRegistry = () => {
+      _fileClassesMap.clear();
+      _globalClasses.clear();
     };
     _incrementalEngineInstance = null;
     getIncrementalEngine = () => {
@@ -2465,6 +2504,7 @@ __export(internal_exports, {
   generateStaticStateCss: () => generateStaticStateCss,
   generateStaticStateCssNative: () => generateStaticStateCssNative,
   generateSubComponentTypes: () => generateSubComponentTypes,
+  getAllRegisteredClasses: () => getAllRegisteredClasses,
   getAllRoutes: () => getAllRoutes,
   getBucketEngine: () => getBucketEngine,
   getCacheOptimizationHints: () => getCacheOptimizationHints,
@@ -2567,6 +2607,7 @@ __export(internal_exports, {
   resetIncrementalEngine: () => resetIncrementalEngine,
   resetMemoryStats: () => resetMemoryStats,
   resetResolverPoolStats: () => resetResolverPoolStats,
+  resetRouteClassRegistry: () => resetRouteClassRegistry,
   resolveCascade: () => resolveCascade,
   resolveClassNames: () => resolveClassNames,
   resolveColorCached: () => resolveColorCached,
@@ -2630,12 +2671,12 @@ var init_internal = __esm({
 // packages/presentation/next/src/turbopackLoader.ts
 init_esm_shims();
 init_internal();
-import fs4 from "fs";
-import path5 from "path";
+import fs5 from "fs";
+import path6 from "path";
 var _writtenRules = /* @__PURE__ */ new Set();
 function appendStaticCssToFile(staticCss, safelistPath) {
   if (!staticCss.trim() || !safelistPath) return;
-  const stateFilePath = path5.join(path5.dirname(safelistPath), "_tw-state-static.css");
+  const stateFilePath = path6.join(path6.dirname(safelistPath), "_tw-state-static.css");
   const newRules = [];
   for (const chunk of staticCss.split(/(?<=\})\s*/)) {
     const rule = chunk.trim();
@@ -2646,9 +2687,9 @@ function appendStaticCssToFile(staticCss, safelistPath) {
   }
   if (newRules.length === 0) return;
   try {
-    fs4.mkdirSync(path5.dirname(stateFilePath), { recursive: true });
-    if (!fs4.existsSync(stateFilePath)) {
-      fs4.writeFileSync(
+    fs5.mkdirSync(path6.dirname(stateFilePath), { recursive: true });
+    if (!fs5.existsSync(stateFilePath)) {
+      fs5.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";
@@ -2659,7 +2700,7 @@ function appendStaticCssToFile(staticCss, safelistPath) {
         "utf-8"
       );
     }
-    fs4.appendFileSync(stateFilePath, newRules.join("\n") + "\n", "utf-8");
+    fs5.appendFileSync(stateFilePath, newRules.join("\n") + "\n", "utf-8");
   } catch {
   }
 }
@@ -2698,11 +2739,11 @@ var CYCLE_SENTINEL = "_cycle.txt";
 var START_SENTINEL = "_start.txt";
 var _workerCache = /* @__PURE__ */ new Map();
 function getTwClassesDir(safelistPath) {
-  return path5.join(path5.dirname(safelistPath), "tw-classes");
+  return path6.join(path6.dirname(safelistPath), "tw-classes");
 }
 function readSentinel(filePath) {
   try {
-    return fs4.readFileSync(filePath, "utf-8").trim();
+    return fs5.readFileSync(filePath, "utf-8").trim();
   } catch {
     return "";
   }
@@ -2712,36 +2753,36 @@ function clearAndMarkCycle(twClassesDir, startId) {
   if (_clearLock) return;
   _clearLock = true;
   try {
-    if (fs4.existsSync(twClassesDir)) {
+    if (fs5.existsSync(twClassesDir)) {
       const tempDir = `${twClassesDir}_clearing_${Date.now()}`;
       try {
-        fs4.renameSync(twClassesDir, tempDir);
-        fs4.mkdirSync(twClassesDir, { recursive: true });
-        const startFile = path5.join(tempDir, START_SENTINEL);
-        if (fs4.existsSync(startFile)) {
-          fs4.copyFileSync(startFile, path5.join(twClassesDir, START_SENTINEL));
+        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));
         }
-        const mergedFile = path5.join(tempDir, "_webpack-merged.css");
-        if (fs4.existsSync(mergedFile)) {
-          fs4.copyFileSync(mergedFile, path5.join(twClassesDir, "_webpack-merged.css"));
+        const mergedFile = path6.join(tempDir, "_webpack-merged.css");
+        if (fs5.existsSync(mergedFile)) {
+          fs5.copyFileSync(mergedFile, path6.join(twClassesDir, "_webpack-merged.css"));
         }
-        fs4.writeFileSync(path5.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
+        fs5.writeFileSync(path6.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
         _workerCache.set(twClassesDir, startId);
-        fs4.rmSync(tempDir, { recursive: true, force: true });
+        fs5.rmSync(tempDir, { recursive: true, force: true });
       } catch {
-        for (const file of fs4.readdirSync(twClassesDir)) {
+        for (const file of fs5.readdirSync(twClassesDir)) {
           if (file === START_SENTINEL || file === "_webpack-merged.css") continue;
           try {
-            fs4.unlinkSync(path5.join(twClassesDir, file));
+            fs5.unlinkSync(path6.join(twClassesDir, file));
           } catch {
           }
         }
-        fs4.writeFileSync(path5.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
+        fs5.writeFileSync(path6.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
         _workerCache.set(twClassesDir, startId);
       }
     } else {
-      fs4.mkdirSync(twClassesDir, { recursive: true });
-      fs4.writeFileSync(path5.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
+      fs5.mkdirSync(twClassesDir, { recursive: true });
+      fs5.writeFileSync(path6.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
       _workerCache.set(twClassesDir, startId);
     }
   } catch {
@@ -2752,41 +2793,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 path5.join(safelistDir, `${slug}.css`);
+  return path6.join(safelistDir, `${slug}.css`);
 }
 function writePerFileSafelist(safelistPath, resourcePath, classes) {
   if (!safelistPath || classes.length === 0) return;
   try {
     const twClassesDir = getTwClassesDir(safelistPath);
-    const startId = readSentinel(path5.join(twClassesDir, START_SENTINEL));
-    const cachedCycle = _workerCache.get(twClassesDir) ?? readSentinel(path5.join(twClassesDir, CYCLE_SENTINEL));
+    const startId = readSentinel(path6.join(twClassesDir, START_SENTINEL));
+    const cachedCycle = _workerCache.get(twClassesDir) ?? readSentinel(path6.join(twClassesDir, CYCLE_SENTINEL));
     if (startId && cachedCycle !== startId) {
       clearAndMarkCycle(twClassesDir, startId);
-    } else if (!fs4.existsSync(twClassesDir)) {
-      fs4.mkdirSync(twClassesDir, { recursive: true });
+    } else if (!fs5.existsSync(twClassesDir)) {
+      fs5.mkdirSync(twClassesDir, { recursive: true });
     }
     const outPath = getPerFileSafelistPath(twClassesDir, resourcePath);
     const sorted = [...new Set(classes)].sort();
     const css = [
-      `/* tw-safelist: ${path5.basename(resourcePath)} \u2014 auto-generated */`,
+      `/* tw-safelist: ${path6.basename(resourcePath)} \u2014 auto-generated */`,
       "@layer utilities {",
       sorted.map((cls) => `.${cls.replace(/([^a-zA-Z0-9_-])/g, "\\$1")} {}`).join("\n"),
       "}"
     ].join("\n");
     try {
-      if (fs4.readFileSync(outPath, "utf-8") === css) return;
+      if (fs5.readFileSync(outPath, "utf-8") === css) return;
     } catch {
     }
     const tmpPath = `${outPath}.tmp`;
     try {
-      fs4.writeFileSync(tmpPath, css, "utf-8");
-      fs4.renameSync(tmpPath, outPath);
+      fs5.writeFileSync(tmpPath, css, "utf-8");
+      fs5.renameSync(tmpPath, outPath);
     } catch {
       try {
-        fs4.unlinkSync(tmpPath);
+        fs5.unlinkSync(tmpPath);
       } catch {
       }
-      fs4.writeFileSync(outPath, css, "utf-8");
+      fs5.writeFileSync(outPath, css, "utf-8");
     }
   } catch {
   }
@@ -2800,7 +2841,7 @@ function turbopackLoader(source, options = {}) {
   const router = detectRouter(this.resourcePath);
   const nextMajor = parseNum(options.nextMajor);
   const debug = parseBool(options.debug);
-  const filename = path5.basename(this.resourcePath);
+  const filename = path6.basename(this.resourcePath);
   const effective = {
     addDataAttr: parseBool(options.addDataAttr),
     // App Router: selalu auto-detect client boundary