tailwind-styled-v4 5.1.22 → 5.1.24

package/dist/turbopackLoader.js

@@ -186,7 +186,7 @@ var init_nativeBridge = __esm({
     "use strict";
     init_cjs_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);
@@ -2023,6 +2023,33 @@ 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_fs3, import_node_path3;
+var init_typeGenerationPlugin = __esm({
+  "packages/domain/compiler/src/typeGenerationPlugin.ts"() {
+    "use strict";
+    init_cjs_shims();
+    import_node_fs3 = __toESM(require("fs"), 1);
+    import_node_path3 = __toESM(require("path"), 1);
+  }
+});
+
 // packages/domain/compiler/src/index.ts
 function _layoutClassesToCss(classes) {
   const native = getNativeBridge();
@@ -2058,13 +2085,13 @@ function extractContainerCssFromSource(source) {
   }
   return rules.join("\n");
 }
-var import_node_fs3, import_node_path3, import_node_module5, _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 import_node_fs4, import_node_path4, import_node_module5, _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";
     init_cjs_shims();
-    import_node_fs3 = __toESM(require("fs"), 1);
-    import_node_path3 = __toESM(require("path"), 1);
+    import_node_fs4 = __toESM(require("fs"), 1);
+    import_node_path4 = __toESM(require("path"), 1);
     import_node_module5 = require("module");
     init_nativeBridge();
     init_compiler();
@@ -2074,6 +2101,9 @@ var init_src2 = __esm({
     init_redis();
     init_watch();
     init_routeGraph();
+    init_semanticComponentAnalyzer();
+    init_typeGeneratorFromMetadata();
+    init_typeGenerationPlugin();
     _require3 = (0, import_node_module5.createRequire)(
       typeof require !== "undefined" ? typeof __filename !== "undefined" ? `file://${__filename}` : "file://unknown" : importMetaUrl
     );
@@ -2168,7 +2198,7 @@ var init_src2 = __esm({
     };
     scanProjectUsage = (dirs, cwd) => {
       const { batchExtractClasses: batchExtractClasses2 } = _require3("./parser");
-      const files = dirs.map((dir) => import_node_path3.default.resolve(cwd, dir));
+      const files = dirs.map((dir) => import_node_path4.default.resolve(cwd, dir));
       const results = batchExtractClasses2(files) || [];
       const combined = {};
       for (const result of results) {
@@ -2185,13 +2215,13 @@ var init_src2 = __esm({
       const classes = scanProjectUsage(scanDirs, cwd || process.cwd());
       const allClasses = Object.keys(classes).sort();
       if (outputPath) {
-        import_node_fs3.default.writeFileSync(outputPath, JSON.stringify(allClasses, null, 2));
+        import_node_fs4.default.writeFileSync(outputPath, JSON.stringify(allClasses, null, 2));
       }
       return allClasses;
     };
     loadSafelist = (safelistPath) => {
       try {
-        const content = import_node_fs3.default.readFileSync(safelistPath, "utf-8");
+        const content = import_node_fs4.default.readFileSync(safelistPath, "utf-8");
         return JSON.parse(content);
       } catch {
         return [];
@@ -2205,8 +2235,8 @@ var init_src2 = __esm({
         "tailwind.config.cjs"
       ];
       for (const file of configFiles) {
-        const fullPath = import_node_path3.default.join(cwd, file);
-        if (import_node_fs3.default.existsSync(fullPath)) {
+        const fullPath = import_node_path4.default.join(cwd, file);
+        if (import_node_fs4.default.existsSync(fullPath)) {
           const mod = require(fullPath);
           return mod.default || mod;
         }
@@ -2216,9 +2246,9 @@ var init_src2 = __esm({
     getContentPaths = (cwd = process.cwd()) => {
       return {
         content: [
-          import_node_path3.default.join(cwd, "src/**/*.{js,ts,jsx,tsx}"),
-          import_node_path3.default.join(cwd, "app/**/*.{js,ts,jsx,tsx}"),
-          import_node_path3.default.join(cwd, "pages/**/*.{js,ts,jsx,tsx}")
+          import_node_path4.default.join(cwd, "src/**/*.{js,ts,jsx,tsx}"),
+          import_node_path4.default.join(cwd, "app/**/*.{js,ts,jsx,tsx}"),
+          import_node_path4.default.join(cwd, "pages/**/*.{js,ts,jsx,tsx}")
         ]
       };
     };
@@ -2683,12 +2713,12 @@ __export(turbopackLoader_exports, {
 module.exports = __toCommonJS(turbopackLoader_exports);
 init_cjs_shims();
 init_internal();
-var import_node_fs4 = __toESM(require("fs"), 1);
-var import_node_path4 = __toESM(require("path"), 1);
+var import_node_fs5 = __toESM(require("fs"), 1);
+var import_node_path5 = __toESM(require("path"), 1);
 var _writtenRules = /* @__PURE__ */ new Set();
 function appendStaticCssToFile(staticCss, safelistPath) {
   if (!staticCss.trim() || !safelistPath) return;
-  const stateFilePath = import_node_path4.default.join(import_node_path4.default.dirname(safelistPath), "_tw-state-static.css");
+  const stateFilePath = import_node_path5.default.join(import_node_path5.default.dirname(safelistPath), "_tw-state-static.css");
   const newRules = [];
   for (const chunk of staticCss.split(/(?<=\})\s*/)) {
     const rule = chunk.trim();
@@ -2699,9 +2729,9 @@ function appendStaticCssToFile(staticCss, safelistPath) {
   }
   if (newRules.length === 0) return;
   try {
-    import_node_fs4.default.mkdirSync(import_node_path4.default.dirname(stateFilePath), { recursive: true });
-    if (!import_node_fs4.default.existsSync(stateFilePath)) {
-      import_node_fs4.default.writeFileSync(
+    import_node_fs5.default.mkdirSync(import_node_path5.default.dirname(stateFilePath), { recursive: true });
+    if (!import_node_fs5.default.existsSync(stateFilePath)) {
+      import_node_fs5.default.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";
@@ -2712,7 +2742,7 @@ function appendStaticCssToFile(staticCss, safelistPath) {
         "utf-8"
       );
     }
-    import_node_fs4.default.appendFileSync(stateFilePath, newRules.join("\n") + "\n", "utf-8");
+    import_node_fs5.default.appendFileSync(stateFilePath, newRules.join("\n") + "\n", "utf-8");
   } catch {
   }
 }
@@ -2751,11 +2781,11 @@ var CYCLE_SENTINEL = "_cycle.txt";
 var START_SENTINEL = "_start.txt";
 var _workerCache = /* @__PURE__ */ new Map();
 function getTwClassesDir(safelistPath) {
-  return import_node_path4.default.join(import_node_path4.default.dirname(safelistPath), "tw-classes");
+  return import_node_path5.default.join(import_node_path5.default.dirname(safelistPath), "tw-classes");
 }
 function readSentinel(filePath) {
   try {
-    return import_node_fs4.default.readFileSync(filePath, "utf-8").trim();
+    return import_node_fs5.default.readFileSync(filePath, "utf-8").trim();
   } catch {
     return "";
   }
@@ -2765,36 +2795,36 @@ function clearAndMarkCycle(twClassesDir, startId) {
   if (_clearLock) return;
   _clearLock = true;
   try {
-    if (import_node_fs4.default.existsSync(twClassesDir)) {
+    if (import_node_fs5.default.existsSync(twClassesDir)) {
       const tempDir = `${twClassesDir}_clearing_${Date.now()}`;
       try {
-        import_node_fs4.default.renameSync(twClassesDir, tempDir);
-        import_node_fs4.default.mkdirSync(twClassesDir, { recursive: true });
-        const startFile = import_node_path4.default.join(tempDir, START_SENTINEL);
-        if (import_node_fs4.default.existsSync(startFile)) {
-          import_node_fs4.default.copyFileSync(startFile, import_node_path4.default.join(twClassesDir, START_SENTINEL));
+        import_node_fs5.default.renameSync(twClassesDir, tempDir);
+        import_node_fs5.default.mkdirSync(twClassesDir, { recursive: true });
+        const startFile = import_node_path5.default.join(tempDir, START_SENTINEL);
+        if (import_node_fs5.default.existsSync(startFile)) {
+          import_node_fs5.default.copyFileSync(startFile, import_node_path5.default.join(twClassesDir, START_SENTINEL));
         }
-        const mergedFile = import_node_path4.default.join(tempDir, "_webpack-merged.css");
-        if (import_node_fs4.default.existsSync(mergedFile)) {
-          import_node_fs4.default.copyFileSync(mergedFile, import_node_path4.default.join(twClassesDir, "_webpack-merged.css"));
+        const mergedFile = import_node_path5.default.join(tempDir, "_webpack-merged.css");
+        if (import_node_fs5.default.existsSync(mergedFile)) {
+          import_node_fs5.default.copyFileSync(mergedFile, import_node_path5.default.join(twClassesDir, "_webpack-merged.css"));
         }
-        import_node_fs4.default.writeFileSync(import_node_path4.default.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
+        import_node_fs5.default.writeFileSync(import_node_path5.default.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
         _workerCache.set(twClassesDir, startId);
-        import_node_fs4.default.rmSync(tempDir, { recursive: true, force: true });
+        import_node_fs5.default.rmSync(tempDir, { recursive: true, force: true });
       } catch {
-        for (const file of import_node_fs4.default.readdirSync(twClassesDir)) {
+        for (const file of import_node_fs5.default.readdirSync(twClassesDir)) {
           if (file === START_SENTINEL || file === "_webpack-merged.css") continue;
           try {
-            import_node_fs4.default.unlinkSync(import_node_path4.default.join(twClassesDir, file));
+            import_node_fs5.default.unlinkSync(import_node_path5.default.join(twClassesDir, file));
           } catch {
           }
         }
-        import_node_fs4.default.writeFileSync(import_node_path4.default.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
+        import_node_fs5.default.writeFileSync(import_node_path5.default.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
         _workerCache.set(twClassesDir, startId);
       }
     } else {
-      import_node_fs4.default.mkdirSync(twClassesDir, { recursive: true });
-      import_node_fs4.default.writeFileSync(import_node_path4.default.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
+      import_node_fs5.default.mkdirSync(twClassesDir, { recursive: true });
+      import_node_fs5.default.writeFileSync(import_node_path5.default.join(twClassesDir, CYCLE_SENTINEL), startId, "utf-8");
       _workerCache.set(twClassesDir, startId);
     }
   } catch {
@@ -2805,41 +2835,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 import_node_path4.default.join(safelistDir, `${slug}.css`);
+  return import_node_path5.default.join(safelistDir, `${slug}.css`);
 }
 function writePerFileSafelist(safelistPath, resourcePath, classes) {
   if (!safelistPath || classes.length === 0) return;
   try {
     const twClassesDir = getTwClassesDir(safelistPath);
-    const startId = readSentinel(import_node_path4.default.join(twClassesDir, START_SENTINEL));
-    const cachedCycle = _workerCache.get(twClassesDir) ?? readSentinel(import_node_path4.default.join(twClassesDir, CYCLE_SENTINEL));
+    const startId = readSentinel(import_node_path5.default.join(twClassesDir, START_SENTINEL));
+    const cachedCycle = _workerCache.get(twClassesDir) ?? readSentinel(import_node_path5.default.join(twClassesDir, CYCLE_SENTINEL));
     if (startId && cachedCycle !== startId) {
       clearAndMarkCycle(twClassesDir, startId);
-    } else if (!import_node_fs4.default.existsSync(twClassesDir)) {
-      import_node_fs4.default.mkdirSync(twClassesDir, { recursive: true });
+    } else if (!import_node_fs5.default.existsSync(twClassesDir)) {
+      import_node_fs5.default.mkdirSync(twClassesDir, { recursive: true });
     }
     const outPath = getPerFileSafelistPath(twClassesDir, resourcePath);
     const sorted = [...new Set(classes)].sort();
     const css = [
-      `/* tw-safelist: ${import_node_path4.default.basename(resourcePath)} \u2014 auto-generated */`,
+      `/* tw-safelist: ${import_node_path5.default.basename(resourcePath)} \u2014 auto-generated */`,
       "@layer utilities {",
       sorted.map((cls) => `.${cls.replace(/([^a-zA-Z0-9_-])/g, "\\$1")} {}`).join("\n"),
       "}"
     ].join("\n");
     try {
-      if (import_node_fs4.default.readFileSync(outPath, "utf-8") === css) return;
+      if (import_node_fs5.default.readFileSync(outPath, "utf-8") === css) return;
     } catch {
     }
     const tmpPath = `${outPath}.tmp`;
     try {
-      import_node_fs4.default.writeFileSync(tmpPath, css, "utf-8");
-      import_node_fs4.default.renameSync(tmpPath, outPath);
+      import_node_fs5.default.writeFileSync(tmpPath, css, "utf-8");
+      import_node_fs5.default.renameSync(tmpPath, outPath);
     } catch {
       try {
-        import_node_fs4.default.unlinkSync(tmpPath);
+        import_node_fs5.default.unlinkSync(tmpPath);
       } catch {
       }
-      import_node_fs4.default.writeFileSync(outPath, css, "utf-8");
+      import_node_fs5.default.writeFileSync(outPath, css, "utf-8");
     }
   } catch {
   }
@@ -2853,7 +2883,7 @@ function turbopackLoader(source, options = {}) {
   const router = detectRouter(this.resourcePath);
   const nextMajor = parseNum(options.nextMajor);
   const debug = parseBool(options.debug);
-  const filename = import_node_path4.default.basename(this.resourcePath);
+  const filename = import_node_path5.default.basename(this.resourcePath);
   const effective = {
     addDataAttr: parseBool(options.addDataAttr),
     // App Router: selalu auto-detect client boundary