@kbach/react-native 1.0.0-beta.30 → 1.0.0-beta.31

package/dist/index.js

@@ -223,6 +223,63 @@ var ARBITRARY_PROPERTY_SENTINEL = "[arbitrary-property]";
 function isSafeArbitraryValue(value) {
   return !value.includes("{") && !value.includes("}") && !value.includes(";");
 }
+function normalizeMathWhitespace(raw) {
+  if (!(raw.startsWith("calc(") || raw.startsWith("min(") || raw.startsWith("max(") || raw.startsWith("clamp("))) {
+    return raw;
+  }
+  const chars = Array.from(raw);
+  let out = "";
+  let i = 0;
+  let prevEndsValue = false;
+  while (i < chars.length) {
+    const c = chars[i];
+    if (c === "v" && chars[i + 1] === "a" && chars[i + 2] === "r" && chars[i + 3] === "(") {
+      const start = i;
+      let depth = 0;
+      while (i < chars.length) {
+        if (chars[i] === "(") depth++;
+        else if (chars[i] === ")") {
+          depth--;
+          if (depth === 0) {
+            i++;
+            break;
+          }
+        }
+        i++;
+      }
+      out += chars.slice(start, i).join("");
+      prevEndsValue = true;
+      continue;
+    }
+    if (c === "+" || c === "-") {
+      if (prevEndsValue) {
+        out += ` ${c} `;
+        i++;
+        while (i < chars.length && /\s/.test(chars[i])) i++;
+        prevEndsValue = false;
+        continue;
+      }
+      out += c;
+      prevEndsValue = false;
+    } else if (c === "(" || c === ",") {
+      out += c;
+      if (c === ",") out += " ";
+      prevEndsValue = false;
+    } else if (c === ")") {
+      out += c;
+      prevEndsValue = true;
+    } else if (/\s/.test(c)) {
+    } else if (c === "*" || c === "/") {
+      out += c;
+      prevEndsValue = false;
+    } else {
+      out += c;
+      prevEndsValue = true;
+    }
+    i++;
+  }
+  return out;
+}
 function splitRespectingBrackets(token) {
   const parts = [];
   let depth = 0;
@@ -258,7 +315,7 @@ function parseClass(token) {
       const property = raw.slice(0, colonIdx);
       const rawValue = raw.slice(colonIdx + 1);
       if (property !== "" && rawValue !== "" && isSafeArbitraryValue(raw)) {
-        const value = rawValue.replace(/_/g, " ");
+        const value = normalizeMathWhitespace(rawValue.replace(/_/g, " "));
         return {
           modifiers,
           utility: ARBITRARY_PROPERTY_SENTINEL,
@@ -280,7 +337,7 @@ function parseClass(token) {
       if (!isSafeArbitraryValue(raw)) {
         continue;
       }
-      const spaced = raw.replace(/_/g, " ");
+      const spaced = normalizeMathWhitespace(raw.replace(/_/g, " "));
       return {
         modifiers,
         utility: prefix.slice(0, -1),
@@ -1533,6 +1590,14 @@ function nativeModifierState(modifier, theme, colorScheme, pressed, width) {
     if (minWidth === void 0) return null;
     return width >= minWidth;
   }
+  if (modifier.startsWith("min-[") && modifier.endsWith("]")) {
+    const px = reduceConstantMath(`calc(${modifier.slice(5, -1).trim()})`);
+    return px === null ? null : width >= px;
+  }
+  if (modifier.startsWith("max-[") && modifier.endsWith("]")) {
+    const px = reduceConstantMath(`calc(${modifier.slice(5, -1).trim()})`);
+    return px === null ? null : width <= px;
+  }
   return null;
 }
 function kebabToCamel(s) {