tailwind-styled-v4 5.0.22 → 5.0.24

package/dist/vite.js

@@ -3059,8 +3059,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);
       }
@@ -3796,7 +3795,13 @@ var init_src2 = __esm({
         const cssChunks = [];
         const stateRules = extractAndGenerateStateCss(source, filepath);
         if (stateRules.length > 0) {
-          cssChunks.push(stateRules.map((r) => r.cssRule).join("\n"));
+          const resolvedRules = stateRules.filter((r) => {
+            const decl = r.declarations.trim();
+            return decl.length === 0 || decl.includes(":");
+          });
+          if (resolvedRules.length > 0) {
+            cssChunks.push(resolvedRules.map((r) => r.cssRule).join("\n"));
+          }
         }
         const containerCss = extractContainerCssFromSource(source);
         if (containerCss) cssChunks.push(containerCss);
@@ -3936,25 +3941,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);
     };
   }
 });