tailwind-styled-v4 5.0.35 → 5.0.36

package/dist/index.js

@@ -5228,17 +5228,12 @@ function hashState(tag, state) {
   _hashStateCache.set(sortedKey, id);
   return id;
 }
-var _twClassesToCssCache = /* @__PURE__ */ new Map();
-function twClassesToCss(classes) {
-  const cached = _twClassesToCssCache.get(classes);
-  if (cached !== void 0) return cached;
+function generateStateRules(id, state) {
   const native = getNativeBinding();
-  if (!native?.twClassesToCss) {
-    throw new Error("FATAL: Native binding 'twClassesToCss' is required but not available.");
+  if (!native?.generateRuntimeStateCss) {
+    throw new Error("FATAL: Native binding 'generateRuntimeStateCss' is required but not available.");
   }
-  const result = native.twClassesToCss(classes);
-  _twClassesToCssCache.set(classes, result);
-  return result;
+  return native.generateRuntimeStateCss(id, JSON.stringify(state), null).map((rule) => rule.cssRule);
 }
 var _staticCssDetected = /* @__PURE__ */ new Set();
 var _batchedInjectFn = null;
@@ -5270,10 +5265,7 @@ function injectStateStyles(id, state) {
       }
     }
   }
-  const rules = Object.entries(state).map(([stateName, classes]) => {
-    const css = twClassesToCss(classes);
-    return css ? `.${id}[data-${stateName}="true"]{${css}}` : null;
-  }).filter(Boolean);
+  const rules = generateStateRules(id, state);
   if (rules.length === 0) return;
   if (_batchedInjectFn) {
     for (const rule of rules) _batchedInjectFn(rule);
@@ -5303,11 +5295,7 @@ function processState(tag, state, precomputedHash) {
 }
 function generateStateCss(tag, state) {
   const id = hashState(tag, state);
-  const rules = Object.entries(state).map(([stateName, classes]) => {
-    const css = twClassesToCss(classes);
-    return css ? `.${id}[data-${stateName}="true"]{${css}}` : null;
-  }).filter(Boolean);
-  return rules.join("\n");
+  return generateStateRules(id, state).join("\n");
 }
 function getStateRegistry() {
   return stateRegistry;
@@ -5712,7 +5700,13 @@ function lookupGenerated(componentId, props, defaultVariants, variantKeys) {
   }
   const binding = getNativeBinding();
   if (!binding?.buildVariantLookupKey) {
-    throw new Error("FATAL: Native binding 'buildVariantLookupKey' is required but not available.");
+    const parts = [];
+    for (const k of sortedKeys) {
+      const v = props[k] ?? defaultVariants?.[k];
+      if (v != null) parts.push(`${k}:${String(v)}`);
+    }
+    const key2 = parts.join("|");
+    return table[key2];
   }
   const relevantDefaults = {};
   const relevantProps = {};
@@ -5755,7 +5749,31 @@ function resolveVariantsNative(config, props) {
   const { variants = {}, defaultVariants = {} } = config;
   const binding = getNativeBinding();
   if (!binding?.resolveVariants) {
-    throw new Error("FATAL: Native binding 'resolveVariants' is required but not available. Build cannot continue.");
+    const variantKeys2 = Object.keys(variants);
+    const classes = [];
+    for (const key of variantKeys2) {
+      const value = props[key] ?? defaultVariants[key];
+      if (value != null) {
+        const variantClass = variants[key]?.[String(value)];
+        if (variantClass) classes.push(variantClass);
+      }
+    }
+    if (config.compoundVariants) {
+      for (const compound of config.compoundVariants) {
+        const { class: compoundClass, ...conditions } = compound;
+        const resolved = {};
+        for (const key of variantKeys2) {
+          resolved[key] = String(
+            props[key] ?? defaultVariants[key] ?? ""
+          );
+        }
+        const matches = Object.entries(conditions).every(
+          ([k, v]) => resolved[k] === v
+        );
+        if (matches) classes.push(compoundClass);
+      }
+    }
+    return classes.join(" ");
   }
   const variantKeys = Object.keys(variants);
   const configJson = _getConfigJson(config);