tailwind-styled-v4 5.0.21 → 5.0.23

package/dist/compiler.mjs

@@ -2254,25 +2254,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);
     };
   }
 });