@colorye/react-native-css 0.3.0

package/dist/features/css-calc.js

@@ -0,0 +1,539 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = CssCalc;
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var calcRe = /calc\(([^)]+)\)/g;
+var colorRe1 = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*(\d+)\s*)?\)/g;
+var colorRe2 = /rgba?\(\s*(\d+)\s+(\d+)\s+(\d+)\s*\/\s*([\d.]+)\s*\)/g;
+var itohex = function itohex(component) {
+  var hex = Number(component).toString(16);
+  return hex.length === 1 ? "0".concat(hex) : hex;
+};
+function splitTopLevelCommas(str) {
+  var parts = [];
+  var current = "";
+  var depth = 0;
+  for (var i = 0; i < str.length; i++) {
+    var _char = str[i];
+    if (_char === "(") {
+      depth++;
+      current += _char;
+    } else if (_char === ")") {
+      depth--;
+      current += _char;
+    } else if (_char === "," && depth === 0) {
+      parts.push(current.trim());
+      current = "";
+    } else {
+      current += _char;
+    }
+  }
+  if (current) {
+    parts.push(current.trim());
+  }
+  return parts;
+}
+function parseColorMixArg(arg) {
+  arg = arg.trim();
+  // Check if there is a percentage at the end
+  var percentEndMatch = arg.match(/\s+([\d.]+)%$/i);
+  if (percentEndMatch) {
+    var percentage = parseFloat(percentEndMatch[1]);
+    var colorStr = arg.substring(0, arg.length - percentEndMatch[0].length).trim();
+    return {
+      colorStr: colorStr,
+      percentage: percentage
+    };
+  }
+
+  // Check if there is a percentage at the beginning
+  var percentStartMatch = arg.match(/^([\d.]+)%\s+/i);
+  if (percentStartMatch) {
+    var _percentage = parseFloat(percentStartMatch[1]);
+    var _colorStr = arg.substring(percentStartMatch[0].length).trim();
+    return {
+      colorStr: _colorStr,
+      percentage: _percentage
+    };
+  }
+  return {
+    colorStr: arg,
+    percentage: null
+  };
+}
+function hslToRgb(h, s, l) {
+  h = h / 360;
+  s = s / 100;
+  l = l / 100;
+  var r, g, b;
+  if (s === 0) {
+    r = g = b = l; // achromatic
+  } else {
+    var hue2rgb = function hue2rgb(p, q, t) {
+      if (t < 0) t += 1;
+      if (t > 1) t -= 1;
+      if (t < 1 / 6) return p + (q - p) * 6 * t;
+      if (t < 1 / 2) return q;
+      if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+      return p;
+    };
+    var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    var p = 2 * l - q;
+    r = hue2rgb(p, q, h + 1 / 3);
+    g = hue2rgb(p, q, h);
+    b = hue2rgb(p, q, h - 1 / 3);
+  }
+  return {
+    r: Math.round(r * 255),
+    g: Math.round(g * 255),
+    b: Math.round(b * 255)
+  };
+}
+function parseColor(colorStr) {
+  if (!colorStr) return null;
+  colorStr = colorStr.trim().toLowerCase();
+  if (colorStr === "transparent") {
+    return {
+      r: 0,
+      g: 0,
+      b: 0,
+      a: 0
+    };
+  }
+
+  // Hex
+  if (colorStr.startsWith("#")) {
+    var hex = colorStr.substring(1);
+    if (hex.length === 3 || hex.length === 4) {
+      var r = parseInt(hex[0] + hex[0], 16);
+      var g = parseInt(hex[1] + hex[1], 16);
+      var b = parseInt(hex[2] + hex[2], 16);
+      var a = hex.length === 4 ? parseInt(hex[3] + hex[3], 16) / 255 : 1;
+      return {
+        r: r,
+        g: g,
+        b: b,
+        a: a
+      };
+    }
+    if (hex.length === 6 || hex.length === 8) {
+      var _r = parseInt(hex.substring(0, 2), 16);
+      var _g = parseInt(hex.substring(2, 4), 16);
+      var _b = parseInt(hex.substring(4, 6), 16);
+      var _a = hex.length === 8 ? parseInt(hex.substring(6, 8), 16) / 255 : 1;
+      return {
+        r: _r,
+        g: _g,
+        b: _b,
+        a: _a
+      };
+    }
+    return null;
+  }
+
+  // rgb / rgba
+  var rgbMatch = colorStr.match(/rgba?\(\s*([\d.]+)(%?)\s*[\s,]\s*([\d.]+)(%?)\s*[\s,]\s*([\d.]+)(%?)(?:\s*[\s,/]\s*([\d.]+)(%?))?\s*\)/);
+  if (rgbMatch) {
+    var _r2 = parseFloat(rgbMatch[1]);
+    if (rgbMatch[2] === "%") _r2 = _r2 / 100 * 255;
+    var _g2 = parseFloat(rgbMatch[3]);
+    if (rgbMatch[4] === "%") _g2 = _g2 / 100 * 255;
+    var _b2 = parseFloat(rgbMatch[5]);
+    if (rgbMatch[6] === "%") _b2 = _b2 / 100 * 255;
+    var _a2 = 1;
+    if (rgbMatch[7] !== undefined) {
+      _a2 = parseFloat(rgbMatch[7]);
+      if (rgbMatch[8] === "%") _a2 = _a2 / 100;
+    }
+    return {
+      r: Math.round(_r2),
+      g: Math.round(_g2),
+      b: Math.round(_b2),
+      a: _a2
+    };
+  }
+
+  // hsl / hsla
+  var hslMatch = colorStr.match(/hsla?\(\s*([\d.]+)(?:deg)?\s*[\s,]\s*([\d.]+)%\s*[\s,]\s*([\d.]+)%\s*(?:\s*[\s,/]\s*([\d.]+)(%?))?\s*\)/);
+  if (hslMatch) {
+    var h = parseFloat(hslMatch[1]);
+    var s = parseFloat(hslMatch[2]);
+    var l = parseFloat(hslMatch[3]);
+    var _a3 = 1;
+    if (hslMatch[4] !== undefined) {
+      _a3 = parseFloat(hslMatch[4]);
+      if (hslMatch[5] === "%") _a3 = _a3 / 100;
+    }
+    var rgb = hslToRgb(h, s, l);
+    return _objectSpread(_objectSpread({}, rgb), {}, {
+      a: _a3
+    });
+  }
+
+  // oklch(L C H [/ A])
+  var oklchMatch = colorStr.match(/oklch\(\s*([\d.]+)(%?)\s+([\d.]+)\s+([\d.]+)(?:deg)?(?:\s*\/\s*([\d.]+)(%?))?\s*\)/);
+  if (oklchMatch) {
+    var L = parseFloat(oklchMatch[1]);
+    if (oklchMatch[2] === "%" || L > 1) L = L / 100;
+    var C = parseFloat(oklchMatch[3]);
+    var H = parseFloat(oklchMatch[4]);
+    var _a4 = 1;
+    if (oklchMatch[5] !== undefined) {
+      _a4 = parseFloat(oklchMatch[5]);
+      if (oklchMatch[6] === "%") _a4 = _a4 / 100;
+    }
+    var hRad = H * Math.PI / 180;
+    var okA = C * Math.cos(hRad);
+    var okB = C * Math.sin(hRad);
+    var l_ = L + 0.3963377774 * okA + 0.2158037573 * okB;
+    var m_ = L - 0.1055613458 * okA - 0.0638541728 * okB;
+    var s_ = L - 0.0894841775 * okA - 1.291485548 * okB;
+    var _l = l_ * l_ * l_;
+    var m = m_ * m_ * m_;
+    var _s = s_ * s_ * s_;
+    var _r3 = +4.0767439362 * _l - 3.3077115913 * m + 0.2309699292 * _s;
+    var _g3 = -1.2684380046 * _l + 2.6097574011 * m - 0.3413193965 * _s;
+    var bl = -0.0041960863 * _l - 0.7034186147 * m + 1.707614701 * _s;
+    var gamma = function gamma(c) {
+      return c <= 0.0031308 ? 12.92 * c : 1.055 * Math.pow(Math.max(0, c), 1 / 2.4) - 0.055;
+    };
+    return {
+      r: Math.max(0, Math.min(255, Math.round(gamma(_r3) * 255))),
+      g: Math.max(0, Math.min(255, Math.round(gamma(_g3) * 255))),
+      b: Math.max(0, Math.min(255, Math.round(gamma(bl) * 255))),
+      a: _a4
+    };
+  }
+
+  // lab(L a b [/ A])
+  var labMatch = colorStr.match(/lab\(\s*([\d.]+)(%?)\s+([+-]?[\d.]+)\s+([+-]?[\d.]+)(?:\s*\/\s*([\d.]+)(%?))?\s*\)/);
+  if (labMatch) {
+    var _L = parseFloat(labMatch[1]);
+    var labA = parseFloat(labMatch[3]);
+    var labB = parseFloat(labMatch[4]);
+    var _a5 = 1;
+    if (labMatch[5] !== undefined) {
+      _a5 = parseFloat(labMatch[5]);
+      if (labMatch[6] === "%") _a5 = _a5 / 100;
+    }
+    var y = (_L + 16) / 116;
+    var x = labA / 500 + y;
+    var z = y - labB / 200;
+    var fInv = function fInv(t) {
+      return t > 6 / 29 ? t * t * t : 3 * (6 / 29) * (6 / 29) * (t - 4 / 29);
+    };
+    x = 0.95047 * fInv(x);
+    y = 1.0 * fInv(y);
+    z = 1.08883 * fInv(z);
+    var _r4 = 3.2406 * x - 1.5372 * y - 0.4986 * z;
+    var _g4 = -0.9689 * x + 1.8758 * y + 0.0415 * z;
+    var _bl = 0.0557 * x - 0.204 * y + 1.057 * z;
+    var _gamma = function _gamma(c) {
+      return c <= 0.0031308 ? 12.92 * c : 1.055 * Math.pow(Math.max(0, c), 1 / 2.4) - 0.055;
+    };
+    return {
+      r: Math.max(0, Math.min(255, Math.round(_gamma(_r4) * 255))),
+      g: Math.max(0, Math.min(255, Math.round(_gamma(_g4) * 255))),
+      b: Math.max(0, Math.min(255, Math.round(_gamma(_bl) * 255))),
+      a: _a5
+    };
+  }
+
+  // Basic named colors fallback
+  var basicColors = {
+    white: {
+      r: 255,
+      g: 255,
+      b: 255,
+      a: 1
+    },
+    black: {
+      r: 0,
+      g: 0,
+      b: 0,
+      a: 1
+    },
+    red: {
+      r: 255,
+      g: 0,
+      b: 0,
+      a: 1
+    },
+    green: {
+      r: 0,
+      g: 128,
+      b: 0,
+      a: 1
+    },
+    blue: {
+      r: 0,
+      g: 0,
+      b: 255,
+      a: 1
+    },
+    yellow: {
+      r: 255,
+      g: 255,
+      b: 0,
+      a: 1
+    },
+    magenta: {
+      r: 255,
+      g: 0,
+      b: 255,
+      a: 1
+    },
+    cyan: {
+      r: 0,
+      g: 255,
+      b: 255,
+      a: 1
+    }
+  };
+  if (basicColors[colorStr]) {
+    return basicColors[colorStr];
+  }
+  return null;
+}
+function resolveColorMix(value) {
+  if (typeof value !== "string") return value;
+  var index;
+  while ((index = value.toLowerCase().indexOf("color-mix(")) !== -1) {
+    // Find matching closing parenthesis
+    var depth = 1;
+    var j = index + "color-mix(".length;
+    while (j < value.length && depth > 0) {
+      if (value[j] === "(") {
+        depth++;
+      } else if (value[j] === ")") {
+        depth--;
+      }
+      j++;
+    }
+    if (depth > 0) {
+      // Unmatched parenthesis, break to avoid infinite loop
+      break;
+    }
+    var innerContent = value.substring(index + "color-mix(".length, j - 1);
+
+    // Parse innerContent: "in <color-space>, <args>"
+    var commaIndex = innerContent.indexOf(",");
+    if (commaIndex === -1) {
+      // Invalid syntax, skip this one by replacing "color-mix(" with a placeholder temporarily
+      value = value.substring(0, index) + "COLOR_MIX_TEMP(" + value.substring(index + "color-mix(".length);
+      continue;
+    }
+    var argsPart = innerContent.substring(commaIndex + 1).trim();
+
+    // Check if argsPart contains another color-mix. If so, resolve the inner one first.
+    if (argsPart.toLowerCase().includes("color-mix(")) {
+      var resolvedArgsPart = resolveColorMix(argsPart);
+      value = value.substring(0, index + "color-mix(".length + commaIndex + 1) + " " + resolvedArgsPart + value.substring(j - 1);
+      continue;
+    }
+
+    // Now we can resolve this color-mix
+    var args = splitTopLevelCommas(argsPart);
+    if (args.length !== 2) {
+      // Invalid syntax
+      value = value.substring(0, index) + "COLOR_MIX_TEMP(" + value.substring(index + "color-mix(".length);
+      continue;
+    }
+    var arg1 = parseColorMixArg(args[0]);
+    var arg2 = parseColorMixArg(args[1]);
+    var c1 = parseColor(arg1.colorStr);
+    var c2 = parseColor(arg2.colorStr);
+    if (!c1 || !c2) {
+      // Parsing failed, skip
+      value = value.substring(0, index) + "COLOR_MIX_TEMP(" + value.substring(index + "color-mix(".length);
+      continue;
+    }
+    var p1 = arg1.percentage;
+    var p2 = arg2.percentage;
+    var w1 = void 0,
+      w2 = void 0;
+    if (p1 !== null && p2 !== null) {
+      var sum = p1 + p2;
+      if (sum > 100) {
+        w1 = p1 / sum * 100;
+        w2 = p2 / sum * 100;
+      } else {
+        w1 = p1;
+        w2 = p2;
+      }
+    } else if (p1 !== null) {
+      w1 = p1;
+      w2 = 100 - p1;
+    } else if (p2 !== null) {
+      w2 = p2;
+      w1 = 100 - p2;
+    } else {
+      w1 = 50;
+      w2 = 50;
+    }
+    var a1 = c1.a;
+    var a2 = c2.a;
+    var totalWeight = w1 + w2;
+    var resolvedColor = void 0;
+    if (totalWeight === 0) {
+      resolvedColor = "transparent";
+    } else {
+      var f1 = w1 / totalWeight;
+      var f2 = w2 / totalWeight;
+      var mixedA = a1 * f1 + a2 * f2;
+      var mixedR = void 0,
+        mixedG = void 0,
+        mixedB = void 0;
+      if (mixedA === 0) {
+        mixedR = 0;
+        mixedG = 0;
+        mixedB = 0;
+      } else {
+        mixedR = Math.round((c1.r * a1 * f1 + c2.r * a2 * f2) / mixedA);
+        mixedG = Math.round((c1.g * a1 * f1 + c2.g * a2 * f2) / mixedA);
+        mixedB = Math.round((c1.b * a1 * f1 + c2.b * a2 * f2) / mixedA);
+      }
+      var finalA = totalWeight < 100 ? mixedA * (totalWeight / 100) : mixedA;
+      var roundedA = Math.round(finalA * 10000) / 10000;
+      resolvedColor = "rgba(".concat(mixedR, ", ").concat(mixedG, ", ").concat(mixedB, ", ").concat(roundedA, ")");
+    }
+    value = value.substring(0, index) + resolvedColor + value.substring(j);
+  }
+
+  // Restore placeholders
+  value = value.replace(/COLOR_MIX_TEMP\(/gi, "color-mix(");
+  return value;
+}
+function safeEvalMath(expr) {
+  if (!expr || typeof expr !== "string") return 0;
+
+  // Clean rem and px units if present
+  var sanitized = expr.replace(/([\d.]+)rem/g, function (_, n) {
+    return "".concat(parseFloat(n) * 16);
+  }).replace(/([\d.]+)px/g, "$1");
+  var pos = 0;
+  var len = sanitized.length;
+  function peek() {
+    while (pos < len && sanitized.charCodeAt(pos) <= 32) pos++;
+    return pos < len ? sanitized[pos] : "";
+  }
+  function get() {
+    var ch = peek();
+    pos++;
+    return ch;
+  }
+  function parseFactor() {
+    var ch = peek();
+    if (ch === "+") {
+      get();
+      return parseFactor();
+    }
+    if (ch === "-") {
+      get();
+      return -parseFactor();
+    }
+    if (ch === "(") {
+      get();
+      var val = parseExpression();
+      if (peek() === ")") get();
+      return val;
+    }
+
+    // Parse number
+    var start = pos;
+    var hasDot = false;
+    while (pos < len) {
+      var c = sanitized[pos];
+      if (c >= "0" && c <= "9") {
+        pos++;
+      } else if (c === "." && !hasDot) {
+        hasDot = true;
+        pos++;
+      } else {
+        break;
+      }
+    }
+    if (start === pos) return 0;
+    var numStr = sanitized.slice(start, pos);
+    var num = parseFloat(numStr);
+    return isNaN(num) ? 0 : num;
+  }
+  function parseTerm() {
+    var result = parseFactor();
+    while (true) {
+      var op = peek();
+      if (op === "*" || op === "/") {
+        get();
+        var factor = parseFactor();
+        result = op === "*" ? result * factor : factor !== 0 ? result / factor : 0;
+      } else {
+        break;
+      }
+    }
+    return result;
+  }
+  function parseExpression() {
+    var result = parseTerm();
+    while (true) {
+      var op = peek();
+      if (op === "+" || op === "-") {
+        get();
+        var term = parseTerm();
+        result = op === "+" ? result + term : result - term;
+      } else {
+        break;
+      }
+    }
+    return result;
+  }
+  try {
+    var val = parseExpression();
+    return isNaN(val) ? 0 : val;
+  } catch (_unused) {
+    return 0;
+  }
+}
+function CssCalc() {
+  this.calc = function (value) {
+    if (value === undefined || typeof value !== "string") return value;
+    return value.replace(calcRe, function (_, calc) {
+      return safeEvalMath(calc);
+    });
+  };
+  this.calcColor = function (value) {
+    if (value === undefined || typeof value !== "string") return value;
+    value = resolveColorMix(value);
+
+    // If the entire value is a single color (hex, rgb, hsl, oklch, lab), normalize to hex/rgba
+    var parsed = parseColor(value);
+    if (parsed) {
+      if (parsed.a === 1) {
+        return "#".concat(itohex(parsed.r)).concat(itohex(parsed.g)).concat(itohex(parsed.b));
+      }
+      var a = Math.round(parsed.a * 255);
+      return "#".concat(itohex(parsed.r)).concat(itohex(parsed.g)).concat(itohex(parsed.b)).concat(itohex(a));
+    }
+    value = value.replace(colorRe1, function (_, r, g, b, a) {
+      a = parseFloat(a);
+      if (isNaN(a) || a >= 1) return "#".concat(itohex(r)).concat(itohex(g)).concat(itohex(b));
+      a = Math.round(a * 255);
+      return "#".concat(itohex(r)).concat(itohex(g)).concat(itohex(b)).concat(itohex(a));
+    });
+    value = value.replace(colorRe2, function (_, r, g, b, a) {
+      a = parseFloat(a);
+      if (isNaN(a) || a >= 1) return "#".concat(itohex(r)).concat(itohex(g)).concat(itohex(b));
+      a = Math.round(a * 255);
+      return "#".concat(itohex(r)).concat(itohex(g)).concat(itohex(b)).concat(itohex(a));
+    });
+    return value;
+  };
+  return this;
+}

package/dist/features/css-media.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = CssMedia;
+var _helper = require("../utils/helper");
+var _cssTransform = _interopRequireDefault(require("./css-transform"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var SUPPORTED_MEDIA_TYPE = ["min-width", "min-height", "max-width", "max-height", "prefers-color-scheme"];
+function CssMedia() {
+  var transform = new _cssTransform["default"]();
+  this.match = function (media) {
+    var _media$match;
+    var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      width = _ref.width,
+      height = _ref.height,
+      colorScheme = _ref.colorScheme;
+    var isMedia = media.startsWith("@media");
+    if (!isMedia) return [false];
+    var isValidMedia = true;
+    var widthRange = [Number.NEGATIVE_INFINITY, Number.POSITIVE_INFINITY];
+    var heightRange = [Number.NEGATIVE_INFINITY, Number.POSITIVE_INFINITY];
+    var mediaGroupsRe = /\([^)]*\)/g;
+    var mediaGroups = (_media$match = media.match(mediaGroupsRe)) === null || _media$match === void 0 ? void 0 : _media$match.map(function (rawGroup) {
+      var mediaGroupRe = /\(\s*([^:)\s]+)\s*:\s*([^:)\s]+)\s*\)/g;
+      var _ref2 = mediaGroupRe.exec(rawGroup) || [],
+        _ref3 = _slicedToArray(_ref2, 3),
+        mediaType = _ref3[1],
+        mediaValue = _ref3[2];
+      if (!SUPPORTED_MEDIA_TYPE.includes(mediaType)) {
+        isValidMedia = false;
+        return null;
+      }
+      mediaType = (0, _helper.camelize)(mediaType);
+      mediaValue = transform.transformUnsupportedUnit(mediaValue);
+      mediaValue = transform.transformViewportUnit(mediaValue, {
+        width: width,
+        height: height
+      });
+      mediaValue = transform.removeUnit(mediaValue);
+      if (mediaType === "minWidth") {
+        widthRange[0] = mediaValue;
+      } else if (mediaType === "minHeight") {
+        heightRange[0] = mediaValue;
+      } else if (mediaType === "maxWidth") {
+        widthRange[1] = mediaValue;
+      } else if (mediaType === "maxHeight") {
+        heightRange[1] = mediaValue;
+      }
+      return [mediaType, mediaValue];
+    });
+    if (!Array.isArray(mediaGroups) || mediaGroups.length === 0) {
+      isValidMedia = false;
+    }
+    if (!isValidMedia) return [true, false];
+    if (mediaGroups[0][0] === "prefersColorScheme" && mediaGroups[0][1] === "dark") {
+      if (colorScheme === "dark") {
+        return [true, true];
+      } else {
+        return [true, false];
+      }
+    }
+    var isValidRange = widthRange[0] <= widthRange[1] && heightRange[0] <= heightRange[1];
+    if (!isValidRange) return [true, false];
+    var isMatchedMedia = widthRange[0] <= width && width <= widthRange[1] && heightRange[0] <= height && height <= heightRange[1];
+    if (!isMatchedMedia) return [true, false];
+    return [true, true];
+  };
+  return this;
+}