tailwind-styled-v4 5.1.16 → 5.1.18

package/dist/next.js

@@ -66,11 +66,11 @@ function resolvePath(...segments) {
     return segments.join("/").replace(/\/+/g, "/");
   }
 }
-function existsSync(path12) {
+function existsSync(path13) {
   if (isBrowser) return false;
   try {
     const nodeFs = require(NODE_FS);
-    return nodeFs.existsSync(path12);
+    return nodeFs.existsSync(path13);
   } catch {
     return false;
   }
@@ -252,7 +252,7 @@ var init_nativeBridge = __esm({
     "use strict";
     init_cjs_shims();
     init_src2();
-    _loadNative = (path12) => require(path12);
+    _loadNative = (path13) => require(path13);
     log = (...args) => {
       if (process.env.DEBUG?.includes("compiler:native")) {
         console.log("[compiler:native]", ...args);
@@ -2097,6 +2097,199 @@ var init_watch = __esm({
   }
 });
 
+// packages/domain/compiler/src/routeGraph.ts
+function deriveRouteFromPageFile(normalizedFile) {
+  const rootMatch = normalizedFile.match(ROOT_PAGE_RE);
+  if (rootMatch) return "/";
+  const match = normalizedFile.match(PAGE_RE);
+  if (!match) return null;
+  const segments = match[1].split("/").filter((s) => !(s.startsWith("(") && s.endsWith(")")));
+  return `/${segments.join("/")}`;
+}
+function stripJsonComments(input) {
+  let out = "";
+  let i = 0;
+  let inString = false;
+  let stringChar = "";
+  while (i < input.length) {
+    const ch = input[i];
+    if (inString) {
+      out += ch;
+      if (ch === "\\" && i + 1 < input.length) {
+        out += input[i + 1];
+        i += 2;
+        continue;
+      }
+      if (ch === stringChar) inString = false;
+      i++;
+      continue;
+    }
+    if (ch === '"' || ch === "'") {
+      inString = true;
+      stringChar = ch;
+      out += ch;
+      i++;
+      continue;
+    }
+    if (ch === "/" && input[i + 1] === "/") {
+      while (i < input.length && input[i] !== "\n") i++;
+      continue;
+    }
+    if (ch === "/" && input[i + 1] === "*") {
+      i += 2;
+      while (i < input.length && !(input[i] === "*" && input[i + 1] === "/")) i++;
+      i += 2;
+      continue;
+    }
+    out += ch;
+    i++;
+  }
+  return out;
+}
+function loadTsconfigAliases(root) {
+  for (const candidate of ["tsconfig.json", "jsconfig.json"]) {
+    const configPath = import_node_path.default.join(root, candidate);
+    if (!import_node_fs.default.existsSync(configPath)) continue;
+    try {
+      const raw = stripJsonComments(import_node_fs.default.readFileSync(configPath, "utf-8"));
+      const parsed = JSON.parse(raw);
+      const co = parsed.compilerOptions;
+      if (!co?.paths) continue;
+      const baseDir = import_node_path.default.join(root, co.baseUrl ?? ".");
+      const paths = Object.entries(co.paths).map(([prefix, targets]) => ({
+        prefix: prefix.replace(/\*$/, ""),
+        targets: targets.map((t) => t.replace(/\*$/, ""))
+      }));
+      return { baseDir, paths };
+    } catch {
+      continue;
+    }
+  }
+  return null;
+}
+function resolveSpecifier(specifier, fromFile, aliasInfo) {
+  let candidate = null;
+  if (specifier.startsWith(".")) {
+    candidate = import_node_path.default.resolve(import_node_path.default.dirname(fromFile), specifier);
+  } else if (aliasInfo) {
+    for (const { prefix, targets } of aliasInfo.paths) {
+      if (specifier.startsWith(prefix)) {
+        const rest = specifier.slice(prefix.length);
+        candidate = import_node_path.default.join(aliasInfo.baseDir, targets[0] ?? "", rest);
+        break;
+      }
+    }
+  }
+  if (!candidate) return null;
+  if (/\.(css|scss|sass|less|svg|png|jpe?g|gif|webp|json|woff2?|ttf|eot)$/i.test(candidate)) return null;
+  if (import_node_fs.default.existsSync(candidate) && import_node_fs.default.statSync(candidate).isFile()) return candidate;
+  for (const ext of CODE_EXTENSIONS) {
+    if (import_node_fs.default.existsSync(candidate + ext)) return candidate + ext;
+  }
+  for (const ext of CODE_EXTENSIONS) {
+    const indexPath = import_node_path.default.join(candidate, `index${ext}`);
+    if (import_node_fs.default.existsSync(indexPath)) return indexPath;
+  }
+  return null;
+}
+function extractImportSpecifiers(source) {
+  const specs = /* @__PURE__ */ new Set();
+  for (const re of [IMPORT_FROM_RE, SIDE_EFFECT_IMPORT_RE, DYNAMIC_IMPORT_RE]) {
+    re.lastIndex = 0;
+    let m;
+    while (m = re.exec(source)) {
+      if (m[1]) specs.add(m[1]);
+    }
+  }
+  return [...specs];
+}
+function buildRouteClassBuckets(root, srcDir, files) {
+  const aliasInfo = loadTsconfigAliases(root);
+  const classesByFile = /* @__PURE__ */ new Map();
+  const adjacency = /* @__PURE__ */ new Map();
+  for (const f of files) {
+    const normalized = import_node_path.default.normalize(f.file);
+    classesByFile.set(normalized, f.classes);
+    if (!adjacency.has(normalized)) adjacency.set(normalized, /* @__PURE__ */ new Set());
+  }
+  for (const f of files) {
+    const normalized = import_node_path.default.normalize(f.file);
+    let source;
+    try {
+      source = import_node_fs.default.readFileSync(normalized, "utf-8");
+    } catch {
+      continue;
+    }
+    const edges = adjacency.get(normalized);
+    for (const spec of extractImportSpecifiers(source)) {
+      const resolved = resolveSpecifier(spec, normalized, aliasInfo);
+      if (resolved && classesByFile.has(resolved)) edges.add(resolved);
+    }
+  }
+  const routeEntries = [];
+  for (const f of files) {
+    const normalized = import_node_path.default.normalize(f.file).replace(/\\/g, "/");
+    const route = deriveRouteFromPageFile(normalized);
+    if (route) routeEntries.push({ route, file: import_node_path.default.normalize(f.file) });
+  }
+  const reachableByRoute = /* @__PURE__ */ new Map();
+  for (const { route, file } of routeEntries) {
+    const visited = /* @__PURE__ */ new Set();
+    const queue = [file];
+    while (queue.length > 0) {
+      const current = queue.shift();
+      if (visited.has(current)) continue;
+      visited.add(current);
+      for (const next of adjacency.get(current) ?? []) {
+        if (!visited.has(next)) queue.push(next);
+      }
+    }
+    reachableByRoute.set(route, visited);
+  }
+  const routesByFile = /* @__PURE__ */ new Map();
+  for (const [route, fileSet] of reachableByRoute) {
+    for (const file of fileSet) {
+      if (!routesByFile.has(file)) routesByFile.set(file, /* @__PURE__ */ new Set());
+      routesByFile.get(file).add(route);
+    }
+  }
+  const result = { routes: /* @__PURE__ */ new Map(), global: /* @__PURE__ */ new Set() };
+  for (const [file, classes] of classesByFile) {
+    const normalizedSlash = file.replace(/\\/g, "/");
+    const isSharedSegment = SHARED_SEGMENT_RE.test(normalizedSlash);
+    const reachingRoutes = isSharedSegment ? /* @__PURE__ */ new Set() : routesByFile.get(file);
+    if (!isSharedSegment && reachingRoutes && reachingRoutes.size === 1) {
+      const [route] = reachingRoutes;
+      if (!result.routes.has(route)) result.routes.set(route, /* @__PURE__ */ new Set());
+      const bucket = result.routes.get(route);
+      for (const cls of classes) bucket.add(cls);
+    } else {
+      for (const cls of classes) result.global.add(cls);
+    }
+  }
+  return result;
+}
+function routeToCssFilename(route) {
+  const slug = route.replace(/^\/+/, "").replace(/[^a-zA-Z0-9_-]+/g, "_").replace(/^_+|_+$/g, "");
+  return `route_${slug || "root"}.css`;
+}
+var import_node_fs, import_node_path, CODE_EXTENSIONS, SHARED_SEGMENT_RE, PAGE_RE, ROOT_PAGE_RE, IMPORT_FROM_RE, SIDE_EFFECT_IMPORT_RE, DYNAMIC_IMPORT_RE;
+var init_routeGraph = __esm({
+  "packages/domain/compiler/src/routeGraph.ts"() {
+    "use strict";
+    init_cjs_shims();
+    import_node_fs = __toESM(require("fs"), 1);
+    import_node_path = __toESM(require("path"), 1);
+    CODE_EXTENSIONS = [".tsx", ".ts", ".jsx", ".js", ".mjs", ".cjs"];
+    SHARED_SEGMENT_RE = /(?:^|[\\/])(layout|loading|error|template|not-found|default)\.(?:tsx|ts|jsx|js)$/;
+    PAGE_RE = /(?:^|[\\/])app[\\/](.*?)[\\/]page\.(?:tsx|ts|jsx|js)$/;
+    ROOT_PAGE_RE = /(?:^|[\\/])app[\\/]page\.(?:tsx|ts|jsx|js)$/;
+    IMPORT_FROM_RE = /(?:import|export)(?:[^'"`;]*?)from\s+["']([^"']+)["']/g;
+    SIDE_EFFECT_IMPORT_RE = /^\s*import\s+["']([^"']+)["']/gm;
+    DYNAMIC_IMPORT_RE = /\bimport\s*\(\s*["']([^"']+)["']\s*\)/g;
+  }
+});
+
 // packages/domain/compiler/src/index.ts
 var src_exports = {};
 __export(src_exports, {
@@ -2114,6 +2307,7 @@ __export(src_exports, {
   batchExtractClasses: () => batchExtractClasses,
   batchExtractClassesNative: () => batchExtractClassesNative,
   bucketSort: () => bucketSort,
+  buildRouteClassBuckets: () => buildRouteClassBuckets,
   buildStyleTag: () => buildStyleTag,
   cachePriority: () => cachePriority,
   cacheRead: () => cacheRead,
@@ -2173,6 +2367,7 @@ __export(src_exports, {
   generateStaticStateCss: () => generateStaticStateCss,
   generateStaticStateCssNative: () => generateStaticStateCssNative,
   generateSubComponentTypes: () => generateSubComponentTypes,
+  getAllRegisteredClasses: () => getAllRegisteredClasses,
   getAllRoutes: () => getAllRoutes,
   getBucketEngine: () => getBucketEngine,
   getCacheOptimizationHints: () => getCacheOptimizationHints,
@@ -2276,6 +2471,7 @@ __export(src_exports, {
   resetMemoryStats: () => resetMemoryStats,
   resetNativeBridgeCache: () => resetNativeBridgeCache,
   resetResolverPoolStats: () => resetResolverPoolStats,
+  resetRouteClassRegistry: () => resetRouteClassRegistry,
   resolveCascade: () => resolveCascade,
   resolveClassNames: () => resolveClassNames,
   resolveColorCached: () => resolveColorCached,
@@ -2287,6 +2483,7 @@ __export(src_exports, {
   resolveVariants: () => resolveVariants,
   reverseLookupProperty: () => reverseLookupProperty,
   reverseLookupValue: () => reverseLookupValue,
+  routeToCssFilename: () => routeToCssFilename,
   runCssPipeline: () => runCssPipeline,
   runElimination: () => runElimination,
   runLoaderTransform: () => runLoaderTransform,
@@ -2354,13 +2551,13 @@ function extractContainerCssFromSource(source) {
   }
   return rules.join("\n");
 }
-var import_node_fs, import_node_path, import_node_module4, _require2, 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, BucketEngine, classifyNode, detectConflicts, bucketSort, analyzeFile, analyzeVariantUsage, injectClientDirective, injectServerOnlyComment, analyzeClasses, extractTwStateConfigs, generateStaticStateCss, extractAndGenerateStateCss;
+var import_node_fs2, import_node_path2, import_node_module4, _require2, 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, BucketEngine, classifyNode, detectConflicts, bucketSort, analyzeFile, analyzeVariantUsage, injectClientDirective, injectServerOnlyComment, analyzeClasses, extractTwStateConfigs, generateStaticStateCss, extractAndGenerateStateCss;
 var init_src = __esm({
   "packages/domain/compiler/src/index.ts"() {
     "use strict";
     init_cjs_shims();
-    import_node_fs = __toESM(require("fs"), 1);
-    import_node_path = __toESM(require("path"), 1);
+    import_node_fs2 = __toESM(require("fs"), 1);
+    import_node_path2 = __toESM(require("path"), 1);
     import_node_module4 = require("module");
     init_nativeBridge();
     init_compiler();
@@ -2369,6 +2566,7 @@ var init_src = __esm({
     init_cache();
     init_redis();
     init_watch();
+    init_routeGraph();
     _require2 = (0, import_node_module4.createRequire)(
       typeof require !== "undefined" ? typeof __filename !== "undefined" ? `file://${__filename}` : "file://unknown" : importMetaUrl
     );
@@ -2463,7 +2661,7 @@ var init_src = __esm({
     };
     scanProjectUsage = (dirs, cwd) => {
       const { batchExtractClasses: batchExtractClasses2 } = _require2("./parser");
-      const files = dirs.map((dir) => import_node_path.default.resolve(cwd, dir));
+      const files = dirs.map((dir) => import_node_path2.default.resolve(cwd, dir));
       const results = batchExtractClasses2(files) || [];
       const combined = {};
       for (const result of results) {
@@ -2480,13 +2678,13 @@ var init_src = __esm({
       const classes = scanProjectUsage(scanDirs, cwd || process.cwd());
       const allClasses = Object.keys(classes).sort();
       if (outputPath) {
-        import_node_fs.default.writeFileSync(outputPath, JSON.stringify(allClasses, null, 2));
+        import_node_fs2.default.writeFileSync(outputPath, JSON.stringify(allClasses, null, 2));
       }
       return allClasses;
     };
     loadSafelist = (safelistPath) => {
       try {
-        const content = import_node_fs.default.readFileSync(safelistPath, "utf-8");
+        const content = import_node_fs2.default.readFileSync(safelistPath, "utf-8");
         return JSON.parse(content);
       } catch {
         return [];
@@ -2500,8 +2698,8 @@ var init_src = __esm({
         "tailwind.config.cjs"
       ];
       for (const file of configFiles) {
-        const fullPath = import_node_path.default.join(cwd, file);
-        if (import_node_fs.default.existsSync(fullPath)) {
+        const fullPath = import_node_path2.default.join(cwd, file);
+        if (import_node_fs2.default.existsSync(fullPath)) {
           const mod = require(fullPath);
           return mod.default || mod;
         }
@@ -2511,9 +2709,9 @@ var init_src = __esm({
     getContentPaths = (cwd = process.cwd()) => {
       return {
         content: [
-          import_node_path.default.join(cwd, "src/**/*.{js,ts,jsx,tsx}"),
-          import_node_path.default.join(cwd, "app/**/*.{js,ts,jsx,tsx}"),
-          import_node_path.default.join(cwd, "pages/**/*.{js,ts,jsx,tsx}")
+          import_node_path2.default.join(cwd, "src/**/*.{js,ts,jsx,tsx}"),
+          import_node_path2.default.join(cwd, "app/**/*.{js,ts,jsx,tsx}"),
+          import_node_path2.default.join(cwd, "pages/**/*.{js,ts,jsx,tsx}")
         ]
       };
     };
@@ -2584,10 +2782,38 @@ var init_src = __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 = () => {
@@ -2783,6 +3009,7 @@ __export(internal_exports, {
   generateStaticStateCss: () => generateStaticStateCss,
   generateStaticStateCssNative: () => generateStaticStateCssNative,
   generateSubComponentTypes: () => generateSubComponentTypes,
+  getAllRegisteredClasses: () => getAllRegisteredClasses,
   getAllRoutes: () => getAllRoutes,
   getBucketEngine: () => getBucketEngine,
   getCacheOptimizationHints: () => getCacheOptimizationHints,
@@ -2885,6 +3112,7 @@ __export(internal_exports, {
   resetIncrementalEngine: () => resetIncrementalEngine,
   resetMemoryStats: () => resetMemoryStats,
   resetResolverPoolStats: () => resetResolverPoolStats,
+  resetRouteClassRegistry: () => resetRouteClassRegistry,
   resolveCascade: () => resolveCascade,
   resolveClassNames: () => resolveClassNames,
   resolveColorCached: () => resolveColorCached,
@@ -2975,17 +3203,17 @@ function getNative() {
 function* walkSourceFiles(dir) {
   let entries;
   try {
-    entries = import_node_fs2.default.readdirSync(dir, { withFileTypes: true });
+    entries = import_node_fs3.default.readdirSync(dir, { withFileTypes: true });
   } catch {
     return;
   }
   for (const entry of entries) {
-    const fullPath = import_node_path2.default.join(dir, entry.name);
+    const fullPath = import_node_path3.default.join(dir, entry.name);
     if (entry.isDirectory()) {
       if (IGNORE_PATTERNS.some((p) => entry.name === p || entry.name.startsWith(p))) continue;
       yield* walkSourceFiles(fullPath);
     } else if (entry.isFile()) {
-      const ext = import_node_path2.default.extname(entry.name);
+      const ext = import_node_path3.default.extname(entry.name);
       if (SOURCE_EXTENSIONS.has(ext)) yield fullPath;
     }
   }
@@ -3049,7 +3277,7 @@ function extractStaticStateCss(srcDir, options = {}) {
         allConfigs.push(...configs);
         if (verbose) {
           process.stderr.write(
-            `[tw:static-state] ${import_node_path2.default.relative(srcDir, filePath)}: ${configs.length} komponen
+            `[tw:static-state] ${import_node_path3.default.relative(srcDir, filePath)}: ${configs.length} komponen
 `
           );
         }
@@ -3060,7 +3288,7 @@ function extractStaticStateCss(srcDir, options = {}) {
       if (filesScanned >= maxFiles) break;
       let source;
       try {
-        source = import_node_fs2.default.readFileSync(filePath, "utf-8");
+        source = import_node_fs3.default.readFileSync(filePath, "utf-8");
       } catch {
         continue;
       }
@@ -3073,7 +3301,7 @@ function extractStaticStateCss(srcDir, options = {}) {
         allConfigs.push(...configs);
         if (verbose) {
           process.stderr.write(
-            `[tw:static-state] ${import_node_path2.default.relative(srcDir, filePath)}: ${configs.length} komponen
+            `[tw:static-state] ${import_node_path3.default.relative(srcDir, filePath)}: ${configs.length} komponen
 `
           );
         }
@@ -3167,12 +3395,12 @@ function appendStaticStateCssToSafelist(srcDir, safelistPath, options = {}) {
     resolvedCss: options.resolvedCss || ""
     // ← ensure always passed
   });
-  const twClassesDir = import_node_path2.default.join(import_node_path2.default.dirname(safelistPath), "tw-classes");
-  import_node_fs2.default.mkdirSync(twClassesDir, { recursive: true });
-  const stateFilePath = import_node_path2.default.join(twClassesDir, TW_STATE_STATIC_FILENAME);
+  const twClassesDir = import_node_path3.default.join(import_node_path3.default.dirname(safelistPath), "tw-classes");
+  import_node_fs3.default.mkdirSync(twClassesDir, { recursive: true });
+  const stateFilePath = import_node_path3.default.join(twClassesDir, TW_STATE_STATIC_FILENAME);
   if (result.rulesGenerated === 0) {
     try {
-      import_node_fs2.default.writeFileSync(
+      import_node_fs3.default.writeFileSync(
         stateFilePath,
         "/* tw-state-static.css \u2014 tidak ada state rules yang di-generate */\n",
         "utf-8"
@@ -3182,7 +3410,7 @@ function appendStaticStateCssToSafelist(srcDir, safelistPath, options = {}) {
     return `[tw:static-state] tidak ada state rules yang di-generate (${result.filesScanned} files di-scan)`;
   }
   try {
-    import_node_fs2.default.writeFileSync(stateFilePath, result.generatedCss, "utf-8");
+    import_node_fs3.default.writeFileSync(stateFilePath, result.generatedCss, "utf-8");
     return [
       `[tw:static-state] ${result.rulesGenerated} static state rules di-generate`,
       `  \u2192 ${result.filesScanned} files scanned, ${result.filesWithStates} dengan states`,
@@ -3194,13 +3422,13 @@ function appendStaticStateCssToSafelist(srcDir, safelistPath, options = {}) {
     return `[tw:static-state] gagal tulis state CSS: ${msg}`;
   }
 }
-var import_node_fs2, import_node_path2, SOURCE_EXTENSIONS, IGNORE_PATTERNS, _native, TW_STATE_STATIC_FILENAME;
+var import_node_fs3, import_node_path3, SOURCE_EXTENSIONS, IGNORE_PATTERNS, _native, TW_STATE_STATIC_FILENAME;
 var init_staticStateExtractor = __esm({
   "packages/domain/shared/src/staticStateExtractor.ts"() {
     "use strict";
     init_cjs_shims();
-    import_node_fs2 = __toESM(require("fs"));
-    import_node_path2 = __toESM(require("path"));
+    import_node_fs3 = __toESM(require("fs"));
+    import_node_path3 = __toESM(require("path"));
     SOURCE_EXTENSIONS = /* @__PURE__ */ new Set([".ts", ".tsx", ".js", ".jsx", ".mts", ".mjs"]);
     IGNORE_PATTERNS = ["node_modules", ".next", "dist", "build", ".git", "coverage", "__tests__"];
     _native = null;
@@ -3218,8 +3446,8 @@ function setGlobalLogFile(filePath) {
   _globalLogFile = filePath;
   _logFileInitialized = false;
   try {
-    import_node_fs3.default.mkdirSync(import_node_path3.default.dirname(filePath), { recursive: true });
-    import_node_fs3.default.writeFileSync(
+    import_node_fs4.default.mkdirSync(import_node_path4.default.dirname(filePath), { recursive: true });
+    import_node_fs4.default.writeFileSync(
       filePath,
       `# tailwind-styled build log \u2014 ${(/* @__PURE__ */ new Date()).toISOString()}
 `,
@@ -3232,7 +3460,7 @@ function setGlobalLogFile(filePath) {
 function writeToFile(line) {
   if (!_globalLogFile || !_logFileInitialized) return;
   try {
-    import_node_fs3.default.appendFileSync(_globalLogFile, line);
+    import_node_fs4.default.appendFileSync(_globalLogFile, line);
   } catch {
   }
 }
@@ -3259,13 +3487,13 @@ function createLogger(prefix, level) {
     setLogFile: (filePath) => setGlobalLogFile(filePath)
   };
 }
-var import_node_fs3, import_node_path3, LEVELS, _globalLogFile, _logFileInitialized, logger;
+var import_node_fs4, import_node_path4, LEVELS, _globalLogFile, _logFileInitialized, logger;
 var init_logger = __esm({
   "packages/domain/shared/src/logger.ts"() {
     "use strict";
     init_cjs_shims();
-    import_node_fs3 = __toESM(require("fs"));
-    import_node_path3 = __toESM(require("path"));
+    import_node_fs4 = __toESM(require("fs"));
+    import_node_path4 = __toESM(require("path"));
     LEVELS = { silent: 0, error: 1, warn: 2, info: 3, debug: 4 };
     _globalLogFile = null;
     _logFileInitialized = false;
@@ -3303,9 +3531,9 @@ function createDebugLogger(namespace, label) {
     }
   };
 }
-function formatIssuePath(path12) {
-  if (!path12 || path12.length === 0) return "(root)";
-  return path12.map(
+function formatIssuePath(path13) {
+  if (!path13 || path13.length === 0) return "(root)";
+  return path13.map(
     (segment) => typeof segment === "symbol" ? segment.description ?? segment.toString() : String(segment)
   ).join(".");
 }
@@ -3313,9 +3541,9 @@ function loadNativeBinding(options) {
   const { runtimeDir, candidates, isValid } = options;
   const loadErrors = [];
   for (const candidate of candidates) {
-    const candidatePath = import_node_path4.default.resolve(runtimeDir, candidate);
+    const candidatePath = import_node_path5.default.resolve(runtimeDir, candidate);
     try {
-      if (!import_node_fs4.default.existsSync(candidatePath) && !import_node_fs4.default.existsSync(candidatePath + ".node")) {
+      if (!import_node_fs5.default.existsSync(candidatePath) && !import_node_fs5.default.existsSync(candidatePath + ".node")) {
         continue;
       }
       const mod = requireNativeModule(candidatePath);
@@ -3347,9 +3575,9 @@ function resolveNativeBindingCandidates(options) {
     }
   }
   if (!includeDefaultCandidates) return candidates;
-  if (import_node_fs4.default.existsSync(runtimeDir)) {
+  if (import_node_fs5.default.existsSync(runtimeDir)) {
     try {
-      for (const entry of import_node_fs4.default.readdirSync(runtimeDir)) {
+      for (const entry of import_node_fs5.default.readdirSync(runtimeDir)) {
         if (entry.endsWith(".node")) candidates.push(entry);
       }
     } catch {
@@ -3358,34 +3586,34 @@ function resolveNativeBindingCandidates(options) {
   const BINARY_NAMES = ["tailwind-styled-native", "tailwind_styled_parser"];
   const napiPlatform = process.platform === "linux" && process.arch === "x64" ? "linux-x64-gnu" : process.platform === "linux" && process.arch === "arm64" ? "linux-arm64-gnu" : `${process.platform}-${process.arch}`;
   for (const bin of BINARY_NAMES) {
-    candidates.push(import_node_path4.default.resolve(runtimeDir, `${bin}.node`));
-    candidates.push(import_node_path4.default.resolve(runtimeDir, `${bin}.${napiPlatform}.node`));
-    candidates.push(import_node_path4.default.resolve(runtimeDir, "..", "native", `${bin}.node`));
-    candidates.push(import_node_path4.default.resolve(runtimeDir, "..", "native", `${bin}.${napiPlatform}.node`));
-    candidates.push(import_node_path4.default.resolve(process.cwd(), "native", `${bin}.node`));
-    candidates.push(import_node_path4.default.resolve(process.cwd(), "native", `${bin}.${napiPlatform}.node`));
-    candidates.push(import_node_path4.default.resolve(runtimeDir, "..", "..", "..", "..", "native", `${bin}.node`));
-    candidates.push(import_node_path4.default.resolve(runtimeDir, "..", "..", "..", "..", "native", `${bin}.${napiPlatform}.node`));
-    candidates.push(import_node_path4.default.resolve(runtimeDir, "..", "..", "..", "native", `${bin}.node`));
+    candidates.push(import_node_path5.default.resolve(runtimeDir, `${bin}.node`));
+    candidates.push(import_node_path5.default.resolve(runtimeDir, `${bin}.${napiPlatform}.node`));
+    candidates.push(import_node_path5.default.resolve(runtimeDir, "..", "native", `${bin}.node`));
+    candidates.push(import_node_path5.default.resolve(runtimeDir, "..", "native", `${bin}.${napiPlatform}.node`));
+    candidates.push(import_node_path5.default.resolve(process.cwd(), "native", `${bin}.node`));
+    candidates.push(import_node_path5.default.resolve(process.cwd(), "native", `${bin}.${napiPlatform}.node`));
+    candidates.push(import_node_path5.default.resolve(runtimeDir, "..", "..", "..", "..", "native", `${bin}.node`));
+    candidates.push(import_node_path5.default.resolve(runtimeDir, "..", "..", "..", "..", "native", `${bin}.${napiPlatform}.node`));
+    candidates.push(import_node_path5.default.resolve(runtimeDir, "..", "..", "..", "native", `${bin}.node`));
   }
   return Array.from(new Set(candidates));
 }
 function resolveRuntimeDir(dir, importMetaUrl2) {
-  if (dir) return import_node_path4.default.resolve(dir);
+  if (dir) return import_node_path5.default.resolve(dir);
   try {
-    return import_node_path4.default.dirname((0, import_node_url.fileURLToPath)(importMetaUrl2));
+    return import_node_path5.default.dirname((0, import_node_url.fileURLToPath)(importMetaUrl2));
   } catch {
     return process.cwd();
   }
 }
-var import_node_crypto, import_node_fs4, import_node_path4, import_node_url, import_node_module5, TwError, _require3;
+var import_node_crypto, import_node_fs5, import_node_path5, import_node_url, import_node_module5, TwError, _require3;
 var init_src2 = __esm({
   "packages/domain/shared/src/index.ts"() {
     "use strict";
     init_cjs_shims();
     import_node_crypto = require("crypto");
-    import_node_fs4 = __toESM(require("fs"));
-    import_node_path4 = __toESM(require("path"));
+    import_node_fs5 = __toESM(require("fs"));
+    import_node_path5 = __toESM(require("path"));
     import_node_url = require("url");
     import_node_module5 = require("module");
     init_workerResolver();
@@ -3425,8 +3653,8 @@ var init_src2 = __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 path12 = formatIssuePath(first?.path);
-        const message = first ? `${path12}: ${first.message}` : "Schema validation failed";
+        const path13 = formatIssuePath(first?.path);
+        const message = first ? `${path13}: ${first.message}` : "Schema validation failed";
         return new _TwError("validation", "SCHEMA_VALIDATION_FAILED", message, err);
       }
       static wrap(source, code, err) {
@@ -3485,7 +3713,7 @@ function getDirname() {
     return __dirname;
   }
   if (typeof import_meta4 !== "undefined" && importMetaUrl) {
-    return import_node_path5.default.dirname((0, import_node_url2.fileURLToPath)(importMetaUrl));
+    return import_node_path6.default.dirname((0, import_node_url2.fileURLToPath)(importMetaUrl));
   }
   return process.cwd();
 }
@@ -3697,12 +3925,12 @@ function hasNativeWatchBinding() {
     return false;
   }
 }
-var import_node_path5, import_node_url2, import_meta4, log2, isValidScannerBinding, createScannerBridgeLoader, scannerBridgeLoader, scannerGetBinding, resetScannerBridgeCache;
+var import_node_path6, import_node_url2, import_meta4, log2, isValidScannerBinding, createScannerBridgeLoader, scannerBridgeLoader, scannerGetBinding, resetScannerBridgeCache;
 var init_native_bridge = __esm({
   "packages/domain/scanner/src/native-bridge.ts"() {
     "use strict";
     init_cjs_shims();
-    import_node_path5 = __toESM(require("path"), 1);
+    import_node_path6 = __toESM(require("path"), 1);
     import_node_url2 = require("url");
     init_src2();
     import_meta4 = {};
@@ -3832,28 +4060,28 @@ var parseNextAdapterOptions = (options) => parseWithSchema(NextAdapterOptionsSch
 
 // packages/presentation/next/src/withTailwindStyled.ts
 init_cjs_shims();
-var import_node_fs9 = __toESM(require("fs"), 1);
+var import_node_fs10 = __toESM(require("fs"), 1);
 var import_node_module7 = require("module");
-var import_node_path10 = __toESM(require("path"), 1);
+var import_node_path11 = __toESM(require("path"), 1);
 init_src2();
 
 // packages/domain/scanner/src/index.ts
 init_cjs_shims();
-var import_node_fs6 = __toESM(require("fs"), 1);
+var import_node_fs7 = __toESM(require("fs"), 1);
 var import_node_module6 = require("module");
-var import_node_path7 = __toESM(require("path"), 1);
+var import_node_path8 = __toESM(require("path"), 1);
 var import_node_url3 = require("url");
 var import_node_worker_threads = require("worker_threads");
 init_src2();
 
 // packages/domain/scanner/src/cache-native.ts
 init_cjs_shims();
-var import_node_fs5 = __toESM(require("fs"), 1);
-var import_node_path6 = __toESM(require("path"), 1);
+var import_node_fs6 = __toESM(require("fs"), 1);
+var import_node_path7 = __toESM(require("path"), 1);
 init_native_bridge();
 function defaultCachePath(rootDir, cacheDir) {
-  const dir = cacheDir ? import_node_path6.default.resolve(rootDir, cacheDir) : import_node_path6.default.join(process.cwd(), ".cache", "tailwind-styled");
-  return import_node_path6.default.join(dir, "scanner-cache.json");
+  const dir = cacheDir ? import_node_path7.default.resolve(rootDir, cacheDir) : import_node_path7.default.join(process.cwd(), ".cache", "tailwind-styled");
+  return import_node_path7.default.join(dir, "scanner-cache.json");
 }
 function metaPathFor(cachePath) {
   return cachePath.replace(/\.json$/, ".meta.json");
@@ -3867,7 +4095,7 @@ function getBinaryFingerprint() {
       _cachedFingerprint = null;
       return null;
     }
-    const stat = import_node_fs5.default.statSync(loadedPath);
+    const stat = import_node_fs6.default.statSync(loadedPath);
     _cachedFingerprint = `${stat.mtimeMs}:${stat.size}`;
   } catch {
     _cachedFingerprint = null;
@@ -3877,13 +4105,13 @@ function getBinaryFingerprint() {
 var STALE_THRESHOLD_MS = 7 * 24 * 60 * 60 * 1e3;
 function readCache(rootDir, cacheDir) {
   const cachePath = defaultCachePath(rootDir, cacheDir);
-  import_node_fs5.default.mkdirSync(import_node_path6.default.dirname(cachePath), { recursive: true });
+  import_node_fs6.default.mkdirSync(import_node_path7.default.dirname(cachePath), { recursive: true });
   const currentFingerprint = getBinaryFingerprint();
   if (currentFingerprint !== null) {
     const metaPath = metaPathFor(cachePath);
     let storedFingerprint = null;
     try {
-      storedFingerprint = JSON.parse(import_node_fs5.default.readFileSync(metaPath, "utf8")).binaryFingerprint ?? null;
+      storedFingerprint = JSON.parse(import_node_fs6.default.readFileSync(metaPath, "utf8")).binaryFingerprint ?? null;
     } catch {
     }
     if (storedFingerprint !== currentFingerprint) {
@@ -3907,7 +4135,7 @@ function readCache(rootDir, cacheDir) {
 }
 function writeCache(rootDir, entries, cacheDir) {
   const cachePath = defaultCachePath(rootDir, cacheDir);
-  import_node_fs5.default.mkdirSync(import_node_path6.default.dirname(cachePath), { recursive: true });
+  import_node_fs6.default.mkdirSync(import_node_path7.default.dirname(cachePath), { recursive: true });
   const success = cacheWriteNative(cachePath, entries);
   if (!success) {
     throw new Error(
@@ -3917,7 +4145,7 @@ function writeCache(rootDir, entries, cacheDir) {
   const currentFingerprint = getBinaryFingerprint();
   if (currentFingerprint !== null) {
     try {
-      import_node_fs5.default.writeFileSync(
+      import_node_fs6.default.writeFileSync(
         metaPathFor(cachePath),
         JSON.stringify({ binaryFingerprint: currentFingerprint }),
         "utf8"
@@ -3945,12 +4173,12 @@ init_native_bridge();
 init_cjs_shims();
 var import_zod2 = require("zod");
 init_src2();
-var formatIssuePath2 = (path12) => path12.length > 0 ? path12.map(
+var formatIssuePath2 = (path13) => path13.length > 0 ? path13.map(
   (segment) => typeof segment === "symbol" ? segment.description ?? segment.toString() : String(segment)
 ).join(".") : "<root>";
 var formatIssues2 = (error) => error.issues.map((issue) => {
-  const path12 = formatIssuePath2(issue.path);
-  return `${path12}: ${issue.message}`;
+  const path13 = formatIssuePath2(issue.path);
+  return `${path13}: ${issue.message}`;
 }).join("; ");
 var parseWithSchema2 = (schema, data, label) => {
   const parsed = schema.safeParse(data);
@@ -4011,7 +4239,7 @@ function getRuntimeDir() {
     return __dirname;
   }
   if (typeof import_meta5 !== "undefined" && importMetaUrl) {
-    return import_node_path7.default.dirname((0, import_node_url3.fileURLToPath)(importMetaUrl));
+    return import_node_path8.default.dirname((0, import_node_url3.fileURLToPath)(importMetaUrl));
   }
   return process.cwd();
 }
@@ -4026,7 +4254,7 @@ var createNativeParserLoader = () => {
   const loadNativeParserBinding = () => {
     if (_state.binding !== void 0) return _state.binding;
     const runtimeDir = getRuntimeDir();
-    const req = (0, import_node_module6.createRequire)(import_node_path7.default.join(runtimeDir, "noop.cjs"));
+    const req = (0, import_node_module6.createRequire)(import_node_path8.default.join(runtimeDir, "noop.cjs"));
     const _platform = process.platform;
     const _arch = process.arch;
     const _platformArch = `${_platform}-${_arch}`;
@@ -4034,27 +4262,27 @@ var createNativeParserLoader = () => {
     const candidates = [
       // ── binaryName baru: tailwind-styled-native (napi-rs naming) ──
       // cwd = repo root saat run dari root, atau package dir saat workspaces
-      import_node_path7.default.resolve(process.cwd(), "native", "tailwind-styled-native.node"),
-      import_node_path7.default.resolve(process.cwd(), "native", `tailwind-styled-native.${_platformArch}.node`),
-      import_node_path7.default.resolve(process.cwd(), "native", `tailwind-styled-native.${_platformArchGnu}.node`),
+      import_node_path8.default.resolve(process.cwd(), "native", "tailwind-styled-native.node"),
+      import_node_path8.default.resolve(process.cwd(), "native", `tailwind-styled-native.${_platformArch}.node`),
+      import_node_path8.default.resolve(process.cwd(), "native", `tailwind-styled-native.${_platformArchGnu}.node`),
       // runtimeDir = dist/ → naik 1 level ke package root (npm install case)
       // e.g. node_modules/tailwind-styled-v4/dist/ → node_modules/tailwind-styled-v4/native/
-      import_node_path7.default.resolve(runtimeDir, "..", "native", "tailwind-styled-native.node"),
-      import_node_path7.default.resolve(runtimeDir, "..", "native", `tailwind-styled-native.${_platformArch}.node`),
-      import_node_path7.default.resolve(runtimeDir, "..", "native", `tailwind-styled-native.${_platformArchGnu}.node`),
+      import_node_path8.default.resolve(runtimeDir, "..", "native", "tailwind-styled-native.node"),
+      import_node_path8.default.resolve(runtimeDir, "..", "native", `tailwind-styled-native.${_platformArch}.node`),
+      import_node_path8.default.resolve(runtimeDir, "..", "native", `tailwind-styled-native.${_platformArchGnu}.node`),
       // runtimeDir = dist/ → naik 4 level ke repo root (monorepo dev case)
-      import_node_path7.default.resolve(runtimeDir, "..", "..", "..", "..", "native", "tailwind-styled-native.node"),
-      import_node_path7.default.resolve(runtimeDir, "..", "..", "..", "..", "native", `tailwind-styled-native.${_platformArchGnu}.node`),
+      import_node_path8.default.resolve(runtimeDir, "..", "..", "..", "..", "native", "tailwind-styled-native.node"),
+      import_node_path8.default.resolve(runtimeDir, "..", "..", "..", "..", "native", `tailwind-styled-native.${_platformArchGnu}.node`),
       // 3 level fallback (jika package di-nest lebih dangkal)
-      import_node_path7.default.resolve(runtimeDir, "..", "..", "..", "native", "tailwind-styled-native.node"),
-      import_node_path7.default.resolve(runtimeDir, "..", "..", "..", "native", `tailwind-styled-native.${_platformArchGnu}.node`),
+      import_node_path8.default.resolve(runtimeDir, "..", "..", "..", "native", "tailwind-styled-native.node"),
+      import_node_path8.default.resolve(runtimeDir, "..", "..", "..", "native", `tailwind-styled-native.${_platformArchGnu}.node`),
       // ── binaryName lama: tailwind_styled_parser (backward compat) ──
-      import_node_path7.default.resolve(process.cwd(), "native/tailwind_styled_parser.node"),
-      import_node_path7.default.resolve(process.cwd(), "native/build/Release/tailwind_styled_parser.node"),
-      import_node_path7.default.resolve(runtimeDir, "..", "native", "tailwind_styled_parser.node"),
-      import_node_path7.default.resolve(runtimeDir, "..", "..", "..", "..", "native", "tailwind_styled_parser.node"),
-      import_node_path7.default.resolve(runtimeDir, "..", "..", "..", "native", "tailwind_styled_parser.node"),
-      import_node_path7.default.resolve(
+      import_node_path8.default.resolve(process.cwd(), "native/tailwind_styled_parser.node"),
+      import_node_path8.default.resolve(process.cwd(), "native/build/Release/tailwind_styled_parser.node"),
+      import_node_path8.default.resolve(runtimeDir, "..", "native", "tailwind_styled_parser.node"),
+      import_node_path8.default.resolve(runtimeDir, "..", "..", "..", "..", "native", "tailwind_styled_parser.node"),
+      import_node_path8.default.resolve(runtimeDir, "..", "..", "..", "native", "tailwind_styled_parser.node"),
+      import_node_path8.default.resolve(
         runtimeDir,
         "..",
         "..",
@@ -4066,7 +4294,7 @@ var createNativeParserLoader = () => {
       )
     ];
     for (const fullPath of candidates) {
-      if (!import_node_fs6.default.existsSync(fullPath)) continue;
+      if (!import_node_fs7.default.existsSync(fullPath)) continue;
       try {
         const required = req(fullPath);
         if (required && (typeof required.extractClassesFromSource === "function" || typeof required.parseClasses === "function" || typeof required.parse_classes === "function")) {
@@ -4107,19 +4335,19 @@ function collectCandidates(rootDir, ignoreDirectories, extensionSet) {
     if (!currentDir) continue;
     const entries = (() => {
       try {
-        return import_node_fs6.default.readdirSync(currentDir, { withFileTypes: true });
+        return import_node_fs7.default.readdirSync(currentDir, { withFileTypes: true });
       } catch {
         return [];
       }
     })();
     for (const entry of entries) {
-      const fullPath = import_node_path7.default.join(currentDir, entry.name);
+      const fullPath = import_node_path8.default.join(currentDir, entry.name);
       if (entry.isDirectory()) {
         if (!ignoreDirectories.has(entry.name)) directories.push(fullPath);
         continue;
       }
       if (!entry.isFile()) continue;
-      if (!extensionSet.has(import_node_path7.default.extname(entry.name))) continue;
+      if (!extensionSet.has(import_node_path8.default.extname(entry.name))) continue;
       candidates.push(fullPath);
     }
   }
@@ -4203,7 +4431,7 @@ function scanWorkspace2(rootDir, options = {}) {
     for (const filePath of candidates) {
       const stat = (() => {
         try {
-          return import_node_fs6.default.statSync(filePath);
+          return import_node_fs7.default.statSync(filePath);
         } catch {
           return null;
         }
@@ -4229,7 +4457,7 @@ function scanWorkspace2(rootDir, options = {}) {
     for (const { filePath, stat, size, cached } of ranked) {
       const content = (() => {
         try {
-          return import_node_fs6.default.readFileSync(filePath, "utf8");
+          return import_node_fs7.default.readFileSync(filePath, "utf8");
         } catch {
           return null;
         }
@@ -4295,8 +4523,8 @@ init_src2();
 
 // packages/presentation/next/src/incrementalOrchestrator.ts
 init_cjs_shims();
-var import_node_fs7 = __toESM(require("fs"), 1);
-var import_node_path8 = __toESM(require("path"), 1);
+var import_node_fs8 = __toESM(require("fs"), 1);
+var import_node_path9 = __toESM(require("path"), 1);
 init_src();
 var _fingerprintCache = /* @__PURE__ */ new Map();
 function getNative2() {
@@ -4308,10 +4536,10 @@ function getNative2() {
 }
 function fingerprintFile(filePath) {
   try {
-    const stat = import_node_fs7.default.statSync(filePath);
+    const stat = import_node_fs8.default.statSync(filePath);
     const native = getNative2();
     if (native?.create_fingerprint) {
-      const content = import_node_fs7.default.readFileSync(filePath, "utf-8");
+      const content = import_node_fs8.default.readFileSync(filePath, "utf-8");
       const hash = native.create_fingerprint(filePath, content);
       return { hash, mtime: stat.mtimeMs };
     }
@@ -4351,9 +4579,9 @@ function hasSourceChanged(sourceFiles) {
 }
 function isIncrementalEnabled(cwd) {
   try {
-    const configPath = import_node_path8.default.join(cwd, "tailwind-styled.config.json");
-    if (!import_node_fs7.default.existsSync(configPath)) return false;
-    const config = JSON.parse(import_node_fs7.default.readFileSync(configPath, "utf-8"));
+    const configPath = import_node_path9.default.join(cwd, "tailwind-styled.config.json");
+    if (!import_node_fs8.default.existsSync(configPath)) return false;
+    const config = JSON.parse(import_node_fs8.default.readFileSync(configPath, "utf-8"));
     return config.compiler?.incremental === true;
   } catch {
     return false;
@@ -4362,8 +4590,8 @@ function isIncrementalEnabled(cwd) {
 
 // packages/presentation/next/src/staticCssWebpackPlugin.ts
 init_cjs_shims();
-var import_node_fs8 = __toESM(require("fs"), 1);
-var import_node_path9 = __toESM(require("path"), 1);
+var import_node_fs9 = __toESM(require("fs"), 1);
+var import_node_path10 = __toESM(require("path"), 1);
 var _fileStaticCssMap = /* @__PURE__ */ new Map();
 function setFileStaticCss(filepath, css) {
   if (css && css.trim()) {
@@ -4397,14 +4625,14 @@ var StaticCssWebpackPlugin = class _StaticCssWebpackPlugin {
   static PLUGIN_NAME = "TailwindStyledStaticCss";
   outPath;
   constructor(safelistPath) {
-    this.outPath = import_node_path9.default.join(import_node_path9.default.dirname(safelistPath), "_tw-state-static.css");
+    this.outPath = import_node_path10.default.join(import_node_path10.default.dirname(safelistPath), "_tw-state-static.css");
   }
   apply(compiler) {
     compiler.hooks.done.tap(_StaticCssWebpackPlugin.PLUGIN_NAME, () => {
       try {
         const content = buildContent(_fileStaticCssMap);
-        import_node_fs8.default.mkdirSync(import_node_path9.default.dirname(this.outPath), { recursive: true });
-        import_node_fs8.default.writeFileSync(
+        import_node_fs9.default.mkdirSync(import_node_path10.default.dirname(this.outPath), { recursive: true });
+        import_node_fs9.default.writeFileSync(
           this.outPath,
           HEADER + (content || "/* no static rules yet */") + "\n",
           "utf-8"
@@ -4442,12 +4670,12 @@ var resolveLoaderPath2 = (basename) => {
   } catch {
     const runtimeDir = resolveRuntimeDir2();
     const candidates = [
-      import_node_path10.default.resolve(runtimeDir, `${basename}.mjs`),
-      import_node_path10.default.resolve(runtimeDir, `${basename}.js`),
-      import_node_path10.default.resolve(runtimeDir, `${basename}.cjs`)
+      import_node_path11.default.resolve(runtimeDir, `${basename}.mjs`),
+      import_node_path11.default.resolve(runtimeDir, `${basename}.js`),
+      import_node_path11.default.resolve(runtimeDir, `${basename}.cjs`)
     ];
     for (const candidate of candidates) {
-      if (import_node_fs9.default.existsSync(candidate)) {
+      if (import_node_fs10.default.existsSync(candidate)) {
         return candidate;
       }
     }
@@ -4485,7 +4713,7 @@ var createLoaderOptions = (options) => {
     preserveImports: true
   };
   if (options.verbose !== void 0) opts.verbose = options.verbose;
-  opts.safelistPath = options.safelistPath ?? import_node_path10.default.join(process.cwd(), ".next", "tailwind-styled-safelist.css");
+  opts.safelistPath = options.safelistPath ?? import_node_path11.default.join(process.cwd(), ".next", "tailwind-styled-safelist.css");
   return Object.freeze(opts);
 };
 var buildTurbopackRules = (loaderPath, loaderOptions) => {
@@ -4498,7 +4726,7 @@ var buildTurbopackRules = (loaderPath, loaderOptions) => {
     ])
   );
 };
-var normalizeLoaderPath = (loaderPath) => import_node_path10.default.resolve(loaderPath);
+var normalizeLoaderPath = (loaderPath) => import_node_path11.default.resolve(loaderPath);
 var applyWebpackRule = (config, options, loaderPath) => {
   const loaderOptions = createLoaderOptions(options);
   const rules = config.module?.rules ?? [];
@@ -4515,7 +4743,7 @@ var applyWebpackRule = (config, options, loaderPath) => {
     enforce: "pre",
     use: [{ loader: loaderPath, options: loaderOptions }]
   };
-  const safelistPath = loaderOptions.safelistPath ?? import_node_path10.default.join(process.cwd(), ".next", "tailwind-styled-safelist.css");
+  const safelistPath = loaderOptions.safelistPath ?? import_node_path11.default.join(process.cwd(), ".next", "tailwind-styled-safelist.css");
   const pluginAlreadyRegistered = (config.plugins ?? []).some(
     (p) => p?.constructor?.name === StaticCssWebpackPlugin.PLUGIN_NAME
   );
@@ -4615,17 +4843,17 @@ function withTailwindStyled(options = {}) {
           return fullCss.slice(startIdx, endIdx + 1);
         };
         var extractUtilitiesLayer = extractUtilitiesLayer2;
-        const twClassesDir = import_node_path10.default.join(import_node_path10.default.dirname(safelistPath), "tw-classes");
-        import_node_fs9.default.mkdirSync(twClassesDir, { recursive: true });
-        setGlobalLogFile(import_node_path10.default.join(twClassesDir, "_tw-build.log"));
-        import_node_fs9.default.writeFileSync(
-          import_node_path10.default.join(twClassesDir, "_start.txt"),
+        const twClassesDir = import_node_path11.default.join(import_node_path11.default.dirname(safelistPath), "tw-classes");
+        import_node_fs10.default.mkdirSync(twClassesDir, { recursive: true });
+        setGlobalLogFile(import_node_path11.default.join(twClassesDir, "_tw-build.log"));
+        import_node_fs10.default.writeFileSync(
+          import_node_path11.default.join(twClassesDir, "_start.txt"),
           String(Date.now()),
           "utf-8"
         );
-        const stateStaticPath = import_node_path10.default.join(twClassesDir, TW_STATE_STATIC_FILENAME);
+        const stateStaticPath = import_node_path11.default.join(twClassesDir, TW_STATE_STATIC_FILENAME);
         try {
-          import_node_fs9.default.writeFileSync(
+          import_node_fs10.default.writeFileSync(
             stateStaticPath,
             "/* tw-state-static.css \u2014 placeholder, akan di-generate setelah scan */\n",
             "utf-8"
@@ -4641,14 +4869,14 @@ function withTailwindStyled(options = {}) {
             "src/index.css",
             "styles/globals.css"
           ];
-          const safelistDir = import_node_path10.default.dirname(safelistPath);
+          const safelistDir = import_node_path11.default.dirname(safelistPath);
           for (const candidate of CSS_CANDIDATES) {
-            const candidatePath = import_node_path10.default.join(process.cwd(), candidate);
-            if (!import_node_fs9.default.existsSync(candidatePath)) continue;
-            const content = import_node_fs9.default.readFileSync(candidatePath, "utf-8");
+            const candidatePath = import_node_path11.default.join(process.cwd(), candidate);
+            if (!import_node_fs10.default.existsSync(candidatePath)) continue;
+            const content = import_node_fs10.default.readFileSync(candidatePath, "utf-8");
             if (content.includes("_tw-state-static.css")) break;
-            const globalsDir = import_node_path10.default.dirname(candidatePath);
-            const rel = import_node_path10.default.relative(globalsDir, stateStaticPath).replace(/\\/g, "/");
+            const globalsDir = import_node_path11.default.dirname(candidatePath);
+            const rel = import_node_path11.default.relative(globalsDir, stateStaticPath).replace(/\\/g, "/");
             const importLine = `@import "./${rel}";`;
             const tailwindImportRe = /(@import\s+["']tailwindcss["']\s*;[^\n]*\n?)/;
             let updated;
@@ -4662,7 +4890,7 @@ function withTailwindStyled(options = {}) {
               updated = `${importLine}
 ${content}`;
             }
-            import_node_fs9.default.writeFileSync(candidatePath, updated, "utf-8");
+            import_node_fs10.default.writeFileSync(candidatePath, updated, "utf-8");
             if (options.verbose) {
               console.log(
                 `[tailwind-styled] Auto-injected "${importLine}" into ${candidate}`
@@ -4674,27 +4902,27 @@ ${content}`;
         }
         if (!process.env.TW_NATIVE_PATH) {
           const runtimeDir = resolveRuntimeDir2();
-          const nativePath = import_node_path10.default.resolve(runtimeDir, "..", "native", "tailwind-styled-native.node");
-          if (import_node_fs9.default.existsSync(nativePath)) {
+          const nativePath = import_node_path11.default.resolve(runtimeDir, "..", "native", "tailwind-styled-native.node");
+          if (import_node_fs10.default.existsSync(nativePath)) {
             process.env.TW_NATIVE_PATH = nativePath;
           }
         }
-        const srcDir = import_node_path10.default.join(process.cwd(), "src");
-        if (import_node_fs9.default.existsSync(srcDir)) {
+        const srcDir = import_node_path11.default.join(process.cwd(), "src");
+        if (import_node_fs10.default.existsSync(srcDir)) {
           try {
             const result = scanWorkspace2(srcDir);
             if (result.uniqueClasses.length > 0) {
               let atomicWriteFile2 = function(filePath, content) {
                 const tmpPath = `${filePath}.tmp`;
                 try {
-                  import_node_fs9.default.writeFileSync(tmpPath, content, "utf-8");
-                  import_node_fs9.default.renameSync(tmpPath, filePath);
+                  import_node_fs10.default.writeFileSync(tmpPath, content, "utf-8");
+                  import_node_fs10.default.renameSync(tmpPath, filePath);
                 } catch {
                   try {
-                    import_node_fs9.default.unlinkSync(tmpPath);
+                    import_node_fs10.default.unlinkSync(tmpPath);
                   } catch {
                   }
-                  import_node_fs9.default.writeFileSync(filePath, content, "utf-8");
+                  import_node_fs10.default.writeFileSync(filePath, content, "utf-8");
                 }
               };
               var atomicWriteFile = atomicWriteFile2;
@@ -4738,7 +4966,7 @@ ${content}`;
                 "portrait",
                 "landscape"
               ]);
-              const filteredClasses = result.uniqueClasses.filter((cls) => {
+              const isValidTwClass = (cls) => {
                 if (cls.includes(":")) {
                   const prefix = cls.split(":")[0];
                   if (!VALID_VARIANT_PREFIXES.has(prefix ?? "")) return false;
@@ -4746,7 +4974,8 @@ ${content}`;
                 if (/\[[\d]+\.[\d]{2,}(?:px|rem|em|vh|vw|%)\]/.test(cls)) return false;
                 if (/\[[\d]{5,}(?:px|rem|em)?\]/.test(cls)) return false;
                 return true;
-              });
+              };
+              const filteredClasses = result.uniqueClasses.filter(isValidTwClass);
               let cssEntryContent = null;
               const CSS_CANDIDATES = [
                 "src/app/globals.css",
@@ -4757,14 +4986,14 @@ ${content}`;
                 "styles/globals.css"
               ];
               try {
-                const twConfigPath = import_node_path10.default.join(process.cwd(), "tailwind-styled.config.json");
-                if (import_node_fs9.default.existsSync(twConfigPath)) {
-                  const twConfig = JSON.parse(import_node_fs9.default.readFileSync(twConfigPath, "utf-8"));
+                const twConfigPath = import_node_path11.default.join(process.cwd(), "tailwind-styled.config.json");
+                if (import_node_fs10.default.existsSync(twConfigPath)) {
+                  const twConfig = JSON.parse(import_node_fs10.default.readFileSync(twConfigPath, "utf-8"));
                   const cssEntry = twConfig.css?.entry;
                   if (cssEntry) {
-                    const cssEntryPath = import_node_path10.default.join(process.cwd(), cssEntry);
-                    if (import_node_fs9.default.existsSync(cssEntryPath)) {
-                      cssEntryContent = import_node_fs9.default.readFileSync(cssEntryPath, "utf-8");
+                    const cssEntryPath = import_node_path11.default.join(process.cwd(), cssEntry);
+                    if (import_node_fs10.default.existsSync(cssEntryPath)) {
+                      cssEntryContent = import_node_fs10.default.readFileSync(cssEntryPath, "utf-8");
                     }
                   }
                 }
@@ -4772,9 +5001,9 @@ ${content}`;
               }
               if (!cssEntryContent) {
                 for (const candidate of CSS_CANDIDATES) {
-                  const candidatePath = import_node_path10.default.join(process.cwd(), candidate);
-                  if (import_node_fs9.default.existsSync(candidatePath)) {
-                    cssEntryContent = import_node_fs9.default.readFileSync(candidatePath, "utf-8");
+                  const candidatePath = import_node_path11.default.join(process.cwd(), candidate);
+                  if (import_node_fs10.default.existsSync(candidatePath)) {
+                    cssEntryContent = import_node_fs10.default.readFileSync(candidatePath, "utf-8");
                     break;
                   }
                 }
@@ -4782,8 +5011,8 @@ ${content}`;
               if (cssEntryContent) {
                 cssEntryContent = cssEntryContent.replace(/@source\s+["'][^"']+["']\s*;?\s*/g, "").replace(/←[^\n]*/g, "").trim();
               }
-              const initialScanPath = import_node_path10.default.join(twClassesDir, "_initial-scan.css");
-              if (!import_node_fs9.default.existsSync(initialScanPath)) {
+              const initialScanPath = import_node_path11.default.join(twClassesDir, "_initial-scan.css");
+              if (!import_node_fs10.default.existsSync(initialScanPath)) {
                 atomicWriteFile2(
                   initialScanPath,
                   "/* tw-classes: initial scan \u2014 generating... */\n@layer utilities {}\n"
@@ -4791,7 +5020,7 @@ ${content}`;
               }
               const sourceFiles = result.files?.map((f) => f.file) ?? [];
               const incremental = isIncrementalEnabled(process.cwd());
-              if (incremental && import_node_fs9.default.existsSync(initialScanPath) && !hasSourceChanged(sourceFiles)) {
+              if (incremental && import_node_fs10.default.existsSync(initialScanPath) && !hasSourceChanged(sourceFiles)) {
                 if (options.verbose) console.log("[tailwind-styled] Incremental: tidak ada perubahan, skip regenerate CSS");
               } else {
                 void (async () => {
@@ -4818,6 +5047,77 @@ ${utilitiesOnly}`
                         resolvedCss: css
                       });
                       if (options.verbose) console.log(summary);
+                      if (normalizedOptions.routeCss) {
+                        try {
+                          const buildRouteClassBuckets2 = compiler.buildRouteClassBuckets;
+                          const routeToCssFilename2 = compiler.routeToCssFilename;
+                          if (typeof buildRouteClassBuckets2 !== "function" || typeof routeToCssFilename2 !== "function") {
+                            throw new Error(
+                              "buildRouteClassBuckets/routeToCssFilename tidak tersedia di @tailwind-styled/compiler"
+                            );
+                          }
+                          const filesForGraph = result.files.map((f) => ({
+                            file: f.file,
+                            classes: f.classes.filter(isValidTwClass)
+                          }));
+                          const buckets = buildRouteClassBuckets2(process.cwd(), srcDir, filesForGraph);
+                          const cssManifestDir = import_node_path11.default.join(process.cwd(), ".next", "static", "css", "tw");
+                          import_node_fs10.default.mkdirSync(cssManifestDir, { recursive: true });
+                          const manifestRoutes = {};
+                          const usedFilenames = /* @__PURE__ */ new Set(["_global.css"]);
+                          const minifyManifestCss = process.env.NODE_ENV === "production";
+                          if (buckets.global.size > 0) {
+                            const globalCss = await generateCssForClasses2(
+                              Array.from(buckets.global),
+                              {},
+                              process.cwd(),
+                              cssEntryContent ?? void 0,
+                              minifyManifestCss
+                            );
+                            const globalUtilities = extractUtilitiesLayer2(globalCss);
+                            if (globalUtilities.trim()) {
+                              const filename = "_global.css";
+                              atomicWriteFile2(import_node_path11.default.join(cssManifestDir, filename), globalUtilities);
+                              manifestRoutes.__global = filename;
+                            }
+                          }
+                          for (const [route, classSet] of buckets.routes) {
+                            if (classSet.size === 0) continue;
+                            const routeCss = await generateCssForClasses2(
+                              Array.from(classSet),
+                              {},
+                              process.cwd(),
+                              cssEntryContent ?? void 0,
+                              minifyManifestCss
+                            );
+                            const routeUtilities = extractUtilitiesLayer2(routeCss);
+                            if (!routeUtilities.trim()) continue;
+                            let filename = routeToCssFilename2(route);
+                            let suffix = 2;
+                            while (usedFilenames.has(filename)) {
+                              filename = routeToCssFilename2(route).replace(/\.css$/, `_${suffix}.css`);
+                              suffix++;
+                            }
+                            usedFilenames.add(filename);
+                            atomicWriteFile2(import_node_path11.default.join(cssManifestDir, filename), routeUtilities);
+                            manifestRoutes[route] = filename;
+                          }
+                          atomicWriteFile2(
+                            import_node_path11.default.join(cssManifestDir, "css-manifest.json"),
+                            JSON.stringify({ routes: manifestRoutes }, null, 2)
+                          );
+                          if (options.verbose) {
+                            console.log(
+                              `[tailwind-styled] css-manifest.json ditulis di ${cssManifestDir} \u2014 ${buckets.routes.size} route eksklusif + ${manifestRoutes.__global ? "1" : "0"} global bucket.`
+                            );
+                          }
+                        } catch (err) {
+                          console.warn(
+                            "[tailwind-styled] Gagal tulis css-manifest.json:",
+                            err instanceof Error ? err.message : err
+                          );
+                        }
+                      }
                     }
                   } catch (err) {
                     throw new Error(