tailwind-styled-v4 5.0.21 → 5.0.23

package/dist/engine.js

@@ -3096,25 +3096,26 @@ ${source}`;
       }
       return native.extractTwStateConfigs(source, filename);
     };
-    generateStaticStateCss = (entries, _themeConfig) => {
-      const rules = [];
-      for (const entry of entries) {
-        const stateConfig = JSON.parse(entry.statesJson);
-        for (const [stateName, classes] of Object.entries(stateConfig)) {
-          rules.push({
-            selector: `.${entry.componentName}[data-state="${stateName}"]`,
-            declarations: classes,
-            cssRule: `.${entry.componentName}[data-state="${stateName}"]{${classes}}`,
-            componentName: entry.componentName,
-            stateName
-          });
-        }
-      }
-      return rules;
+    generateStaticStateCss = (entries, resolvedCssOrThemeConfig) => {
+      const native = getNativeBridge();
+      if (!native?.generateStaticStateCss) {
+        throw new Error("FATAL: Native binding 'generateStaticStateCss' is required but not available.");
+      }
+      const resolvedCss = typeof resolvedCssOrThemeConfig === "string" ? resolvedCssOrThemeConfig : null;
+      const inputs = entries.map((e) => ({
+        tag: e.tag,
+        componentName: e.componentName,
+        statesJson: e.statesJson
+      }));
+      return native.generateStaticStateCss(inputs, resolvedCss);
     };
     extractAndGenerateStateCss = (source, filename) => {
-      const entries = extractTwStateConfigs(source, filename);
-      return generateStaticStateCss(entries);
+      const native = getNativeBridge();
+      if (!native?.extractAndGenerateStateCss) {
+        const entries = extractTwStateConfigs(source, filename);
+        return generateStaticStateCss(entries);
+      }
+      return native.extractAndGenerateStateCss(source, filename);
     };
   }
 });
@@ -3531,7 +3532,12 @@ function extractStaticStateCss(srcDir, options = {}) {
     cssBlocks.push(`/* ${componentName} */`);
     for (const rule of rules) {
       cssBlocks.push(`/* state: ${rule.stateName} */`);
-      cssBlocks.push(rule.cssRule);
+      const isUnresolved = rule.declarations.trim().length > 0 && !rule.declarations.includes(":");
+      if (isUnresolved) {
+        cssBlocks.push(`/* SKIPPED (unresolved): ${rule.declarations} \u2014 akan di-inject runtime */`);
+      } else {
+        cssBlocks.push(rule.cssRule);
+      }
     }
     cssBlocks.push("");
   }