tailwind-styled-v4 5.0.22 → 5.0.23

package/dist/shared.js

@@ -3093,25 +3093,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
-          });
-        }
+    generateStaticStateCss = (entries, resolvedCssOrThemeConfig) => {
+      const native = getNativeBridge();
+      if (!native?.generateStaticStateCss) {
+        throw new Error("FATAL: Native binding 'generateStaticStateCss' is required but not available.");
       }
-      return rules;
+      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);
     };
   }
 });
@@ -3530,8 +3531,7 @@ function extractStaticStateCss(srcDir, options = {}) {
       cssBlocks.push(`/* state: ${rule.stateName} */`);
       const isUnresolved = rule.declarations.trim().length > 0 && !rule.declarations.includes(":");
       if (isUnresolved) {
-        const applyClasses = rule.declarations.trim().split(/\s+/).join(" ");
-        cssBlocks.push(`${rule.selector} { @apply ${applyClasses}; }`);
+        cssBlocks.push(`/* SKIPPED (unresolved): ${rule.declarations} \u2014 akan di-inject runtime */`);
       } else {
         cssBlocks.push(rule.cssRule);
       }