@colorye/react-native-css 0.2.1

package/dist/features/css-transform.js

@@ -0,0 +1,398 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = CssTransform;
+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; }
+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); }
+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); }
+var UNSUPPORTED_PROPERTIES = ["outline"];
+var remOrEmUnitRe = /([\d.]+)(?:rem|em)\b/g;
+function CssTransform() {
+  var _this = this;
+  this.transformUnsafeValue = function (property, value) {
+    if (!_this.isPropertySupported(property, value)) {
+      console.info("UNSUPPORTED", property, value);
+      return [];
+    }
+    if (typeof value === "string") {
+      value = value.trim();
+      value = _this.transformImportant(property, value);
+    }
+    value = _this.transformPosition(property, value);
+    value = _this.transformBorderRadius(property, value);
+    value = _this.transformOpacity(property, value);
+    property = _this.getAliasedPropertyName(property);
+    return [property, value];
+  };
+  this.transformUnsupportedUnit = function (value) {
+    if (value === undefined || typeof value !== "string") return value;
+    remOrEmUnitRe.lastIndex = 0;
+    return value.replace(remOrEmUnitRe, function (_, rem) {
+      return rem * 16;
+    });
+  };
+  this.transformViewportUnit = function (value) {
+    var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      width = _ref.width,
+      height = _ref.height;
+    if (value === undefined || typeof value !== "string") return value;
+    if (!width || !height) return value;
+    var viewportUnitRe = /([+-]?[0-9.]+)(vh|vw|vmin|vmax)\b/g;
+    var dimensionsMap = {
+      vw: width,
+      vh: height
+    };
+    return value.replace(viewportUnitRe, function (_, number, unit) {
+      return parseFloat(number) * dimensionsMap[unit] / 100;
+    });
+  };
+  this.removeUnit = function (value) {
+    if (value === undefined || typeof value !== "string") return value;
+    return value.replace(/px/g, "");
+  };
+  this.isPropertySupported = function (property, value) {
+    if (UNSUPPORTED_PROPERTIES.includes(property)) return false;
+    if (value === undefined) return false;
+    if (!["number", "string"].includes(_typeof(value))) return false;
+    return true;
+  };
+  this.transformImportant = function (property, value) {
+    if (typeof value !== "string") return value;
+    return value.replace(/!important/g, "");
+  };
+  this.transformPosition = function (property, value) {
+    if (property === "position" && value === "fixed") {
+      return "absolute";
+    }
+    return value;
+  };
+  this.transformBorderRadius = function (property, value) {
+    if (property.toLowerCase().endsWith("radius") && typeof value === "string" && value.includes("%")) {
+      return 9999;
+    }
+    return value;
+  };
+  this.transformOpacity = function (property, value) {
+    if (property === "opacity" && typeof value === "string" && value.endsWith("%")) {
+      var num = parseFloat(value);
+      if (!isNaN(num)) {
+        return num / 100;
+      }
+    }
+    return value;
+  };
+  this.transformBorder = function (property, value) {
+    if (value === "none") {
+      return _defineProperty({}, "".concat(property, "Width"), 0);
+    }
+    var borderRe = /(\S+)(?:\s+(solid|dashed|dotted)(?:\s+(\S+))?)?/g;
+    var _ref3 = borderRe.exec(String(value)) || [],
+      _ref4 = _slicedToArray(_ref3, 4),
+      width = _ref4[1],
+      style = _ref4[2],
+      color = _ref4[3];
+    var transformed = {};
+    if (width) {
+      transformed["".concat(property, "Width")] = isNaN(width) ? width : Number(width);
+    } else {
+      transformed["".concat(property, "Width")] = 0;
+    }
+    if (style) {
+      transformed["".concat(property, "Style")] = style;
+    }
+    if (color) {
+      transformed["".concat(property, "Color")] = color;
+    }
+    return transformed;
+  };
+  this.transformSpacing = function (property, value) {
+    var strValue = String(value).trim();
+    var parts = [];
+    var current = "";
+    var depth = 0;
+    for (var i = 0; i < strValue.length; i++) {
+      var _char = strValue[i];
+      if (_char === "(") {
+        depth++;
+        current += _char;
+      } else if (_char === ")") {
+        depth--;
+        current += _char;
+      } else if (_char === " " && depth === 0) {
+        if (current) {
+          parts.push(current);
+          current = "";
+        }
+      } else {
+        current += _char;
+      }
+    }
+    if (current) {
+      parts.push(current);
+    }
+    var cleanedParts = parts.filter(Boolean);
+    var toNumberOrString = function toNumberOrString(val) {
+      return isNaN(val) ? val : Number(val);
+    };
+    var transformed = {};
+    if (cleanedParts.length === 0) {
+      transformed["".concat(property, "Top")] = 0;
+      transformed["".concat(property, "Right")] = 0;
+      transformed["".concat(property, "Bottom")] = 0;
+      transformed["".concat(property, "Left")] = 0;
+    } else if (cleanedParts.length === 1) {
+      var top = cleanedParts[0];
+      transformed["".concat(property, "Top")] = toNumberOrString(top);
+      transformed["".concat(property, "Right")] = toNumberOrString(top);
+      transformed["".concat(property, "Bottom")] = toNumberOrString(top);
+      transformed["".concat(property, "Left")] = toNumberOrString(top);
+    } else if (cleanedParts.length === 2) {
+      var _top = cleanedParts[0];
+      var right = cleanedParts[1];
+      transformed["".concat(property, "Top")] = toNumberOrString(_top);
+      transformed["".concat(property, "Right")] = toNumberOrString(right);
+      transformed["".concat(property, "Bottom")] = toNumberOrString(_top);
+      transformed["".concat(property, "Left")] = toNumberOrString(right);
+    } else if (cleanedParts.length === 3) {
+      var _top2 = cleanedParts[0];
+      var _right = cleanedParts[1];
+      var bottom = cleanedParts[2];
+      transformed["".concat(property, "Top")] = toNumberOrString(_top2);
+      transformed["".concat(property, "Right")] = toNumberOrString(_right);
+      transformed["".concat(property, "Bottom")] = toNumberOrString(bottom);
+      transformed["".concat(property, "Left")] = toNumberOrString(_right);
+    } else {
+      var _top3 = cleanedParts[0];
+      var _right2 = cleanedParts[1];
+      var _bottom = cleanedParts[2];
+      var left = cleanedParts[3];
+      transformed["".concat(property, "Top")] = toNumberOrString(_top3);
+      transformed["".concat(property, "Right")] = toNumberOrString(_right2);
+      transformed["".concat(property, "Bottom")] = toNumberOrString(_bottom);
+      transformed["".concat(property, "Left")] = toNumberOrString(left);
+    }
+    return transformed;
+  };
+  this.transformFontWeight = function (property, value) {
+    var fontWeightRe = /(normal|bold|100|200|300|400|500|600|700|800|900)/g;
+    if (!fontWeightRe.test(String(value))) return;
+    return _defineProperty({}, property, String(value));
+  };
+  this.transformTransform = function (property, value) {
+    var transformRe = /(perspective|rotate|rotateX|rotateY|scale|scaleX|scaleY|translate|translateX|translateY|skew|skewX|skewY)\s*\(\s*([^,)]+)[,\s]*([^)]+)?\)/g;
+    var transforms = [];
+    var match;
+    var strValue = String(value);
+    do {
+      match = transformRe.exec(strValue);
+      if (!match) break;
+      var _match = match,
+        _match2 = _slicedToArray(_match, 4),
+        token = _match2[1],
+        val1 = _match2[2],
+        val2 = _match2[3];
+      if (["translate", "skew"].includes(token)) {
+        transforms.push(_defineProperty({}, "".concat(token, "X"), isNaN(val1) ? val1 : Number(val1)));
+        transforms.push(_defineProperty({}, "".concat(token, "Y"), isNaN(val2) ? val2 : Number(val2)));
+      } else {
+        transforms.push(_defineProperty({}, token, isNaN(val1) ? val1 : Number(val1)));
+      }
+    } while (match);
+    return _defineProperty({}, property, transforms);
+  };
+  this.transformFontScaling = function (property, value, _ref7) {
+    var width = _ref7.width,
+      roundFn = _ref7.roundFn;
+    if (!["fontSize", "lineHeight"].includes(property)) return value;
+
+    // Base width for design (iPhone 6/7/8)
+    var baseWidth = 375;
+
+    // Calculate scaling factor based on device width
+    var scaleFactor = width ? width / baseWidth : 1;
+    if (!isNaN(value)) {
+      return roundFn(Number(value) * scaleFactor);
+    }
+    return value;
+  };
+  this.transformLogicalProperty = function (property, value) {
+    var strValue = String(value).trim();
+    var parts = [];
+    var current = "";
+    var depth = 0;
+    for (var i = 0; i < strValue.length; i++) {
+      var _char2 = strValue[i];
+      if (_char2 === "(") {
+        depth++;
+        current += _char2;
+      } else if (_char2 === ")") {
+        depth--;
+        current += _char2;
+      } else if (_char2 === " " && depth === 0) {
+        if (current) {
+          parts.push(current);
+          current = "";
+        }
+      } else {
+        current += _char2;
+      }
+    }
+    if (current) {
+      parts.push(current);
+    }
+    var cleanedParts = parts.filter(Boolean);
+    var toNumberOrString = function toNumberOrString(val) {
+      return isNaN(val) ? val : Number(val);
+    };
+    if (property === "paddingInlineStart") return {
+      paddingStart: toNumberOrString(value)
+    };
+    if (property === "paddingInlineEnd") return {
+      paddingEnd: toNumberOrString(value)
+    };
+    if (property === "marginInlineStart") return {
+      marginStart: toNumberOrString(value)
+    };
+    if (property === "marginInlineEnd") return {
+      marginEnd: toNumberOrString(value)
+    };
+    if (property === "insetInlineStart") return {
+      start: toNumberOrString(value)
+    };
+    if (property === "insetInlineEnd") return {
+      end: toNumberOrString(value)
+    };
+    if (property === "insetBlockStart") return {
+      top: toNumberOrString(value)
+    };
+    if (property === "insetBlockEnd") return {
+      bottom: toNumberOrString(value)
+    };
+    if (property === "paddingInline") {
+      if (cleanedParts.length === 1) {
+        return {
+          paddingHorizontal: toNumberOrString(cleanedParts[0])
+        };
+      }
+      if (cleanedParts.length >= 2) {
+        return {
+          paddingStart: toNumberOrString(cleanedParts[0]),
+          paddingEnd: toNumberOrString(cleanedParts[1])
+        };
+      }
+    }
+    if (property === "marginInline") {
+      if (cleanedParts.length === 1) {
+        return {
+          marginHorizontal: toNumberOrString(cleanedParts[0])
+        };
+      }
+      if (cleanedParts.length >= 2) {
+        return {
+          marginStart: toNumberOrString(cleanedParts[0]),
+          marginEnd: toNumberOrString(cleanedParts[1])
+        };
+      }
+    }
+    if (property === "paddingBlock") {
+      if (cleanedParts.length === 1) {
+        return {
+          paddingVertical: toNumberOrString(cleanedParts[0])
+        };
+      }
+      if (cleanedParts.length >= 2) {
+        return {
+          paddingTop: toNumberOrString(cleanedParts[0]),
+          paddingBottom: toNumberOrString(cleanedParts[1])
+        };
+      }
+    }
+    if (property === "marginBlock") {
+      if (cleanedParts.length === 1) {
+        return {
+          marginVertical: toNumberOrString(cleanedParts[0])
+        };
+      }
+      if (cleanedParts.length >= 2) {
+        return {
+          marginTop: toNumberOrString(cleanedParts[0]),
+          marginBottom: toNumberOrString(cleanedParts[1])
+        };
+      }
+    }
+    if (property === "insetInline") {
+      if (cleanedParts.length === 1) {
+        return {
+          left: toNumberOrString(cleanedParts[0]),
+          right: toNumberOrString(cleanedParts[0])
+        };
+      }
+      if (cleanedParts.length >= 2) {
+        return {
+          start: toNumberOrString(cleanedParts[0]),
+          end: toNumberOrString(cleanedParts[1])
+        };
+      }
+    }
+    if (property === "insetBlock") {
+      if (cleanedParts.length === 1) {
+        return {
+          top: toNumberOrString(cleanedParts[0]),
+          bottom: toNumberOrString(cleanedParts[0])
+        };
+      }
+      if (cleanedParts.length >= 2) {
+        return {
+          top: toNumberOrString(cleanedParts[0]),
+          bottom: toNumberOrString(cleanedParts[1])
+        };
+      }
+    }
+    return null;
+  };
+  this.transform = function (property, value, _ref8) {
+    var width = _ref8.width,
+      height = _ref8.height;
+    if (property.toLowerCase().endsWith("radius")) {
+      value = _this.transformBorderRadius(property, value);
+    }
+    if (property === "opacity") {
+      value = _this.transformOpacity(property, value);
+    }
+    if (["paddingInline", "marginInline", "paddingBlock", "marginBlock", "paddingInlineStart", "paddingInlineEnd", "marginInlineStart", "marginInlineEnd", "insetInline", "insetInlineStart", "insetInlineEnd", "insetBlock", "insetBlockStart", "insetBlockEnd"].includes(property)) {
+      return _this.transformLogicalProperty(property, value);
+    }
+    if (["border", "borderTop", "borderBottom", "borderLeft", "borderRight"].includes(property)) {
+      return _this.transformBorder(property, value);
+    }
+    if (["padding", "margin"].includes(property)) {
+      return _this.transformSpacing(property, value);
+    }
+    if (["flex"].includes(property)) {
+      return {
+        flex: parseInt(value)
+      };
+    }
+    if (["fontWeight"].includes(property)) {
+      return _this.transformFontWeight(property, value);
+    }
+    if (["transform"].includes(property)) {
+      return _this.transformTransform(property, value);
+    }
+    return _defineProperty({}, property, isNaN(value) ? value : Number(value));
+  };
+  this.getAliasedPropertyName = function (property) {
+    if (property === "background") property = "backgroundColor";
+    return property;
+  };
+  return this;
+}

package/dist/features/css-vars.js

@@ -0,0 +1,107 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = CssVars;
+var _cssMedia = _interopRequireDefault(require("./css-media"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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); }
+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 DEFAULT_VARIABLE_VALUE = 0;
+function CssVars() {
+  var _this = this;
+  this.global = {};
+  this.data = {};
+  var media = new _cssMedia["default"]();
+  this.setGlobal = function (declarations) {
+    var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      width = _ref.width,
+      height = _ref.height;
+    for (var property in declarations) {
+      var value = declarations[property];
+      var _media$match = media.match(property, {
+          width: width,
+          height: height
+        }),
+        _media$match2 = _slicedToArray(_media$match, 2),
+        isMedia = _media$match2[0],
+        matchedMedia = _media$match2[1];
+      if (isMedia) {
+        if (matchedMedia) {
+          _this.setGlobal(value);
+        }
+        continue;
+      }
+      if (_this.isVar(property)) {
+        _this.global[property] = value;
+      }
+    }
+  };
+  this.getGlobal = function () {
+    return _this.global;
+  };
+  this.set = function (selector, declarations) {
+    var _ref2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+      width = _ref2.width,
+      height = _ref2.height;
+    for (var property in declarations) {
+      var value = declarations[property];
+      var _media$match3 = media.match(property, {
+          width: width,
+          height: height
+        }),
+        _media$match4 = _slicedToArray(_media$match3, 2),
+        isMedia = _media$match4[0],
+        matchedMedia = _media$match4[1];
+      if (isMedia) {
+        if (matchedMedia) {
+          _this.set(selector, value);
+        }
+        continue;
+      }
+      if (_this.isVar(property)) {
+        if (!_this.data[selector]) _this.data[selector] = {};
+        _this.data[selector][property] = value;
+      }
+    }
+  };
+  this.get = function (selector) {
+    return _objectSpread(_objectSpread({}, _this.global), _this.data[selector] || {});
+  };
+  this.isVar = function (property) {
+    return /^--[\w-]+/.test(property);
+  };
+  this.injectVar = function (selector, value) {
+    if (value === undefined) return value;
+    var variables = _this.get(selector);
+    var _resolve = function resolve(val) {
+      var seen = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new Set();
+      if (typeof val !== "string") return val;
+      return val.replace(/var\((--[^,)]+)(?:,\s*([^)]*))?\)/g, function (match, variableName, defaultValue) {
+        if (seen.has(variableName)) {
+          return defaultValue !== undefined ? defaultValue : DEFAULT_VARIABLE_VALUE;
+        }
+        seen.add(variableName);
+        var resolvedVal = variables[variableName];
+        if (resolvedVal === undefined || resolvedVal === "initial") {
+          return defaultValue !== undefined ? defaultValue : DEFAULT_VARIABLE_VALUE;
+        }
+        return _resolve(resolvedVal, seen);
+      });
+    };
+    var resolved = _resolve(value);
+    return resolved;
+  };
+  return this;
+}

package/dist/features/stylesheet.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Stylesheet;
+var _helper = require("../utils/helper");
+var _buildTransform = require("./build-transform");
+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 _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; }
+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 SUPPORTED_RULE_TYPES = ["rule", "media"];
+
+// Regex for CSS variable detection
+var cssVarRe = /^--[\w-]+/;
+function Stylesheet() {
+  var _this = this;
+  // Store raw declarations (before pre-computation)
+  this.rawStylesheet = {};
+  // Store pre-computed declarations
+  this.stylesheet = {};
+  var _getSelectorName = function _getSelectorName(selector) {
+    if (selector === ":root") return selector;
+    return selector.replace(/^\./, "").replace(/\\/g, ""); // remove escape backslash
+  };
+  var isVar = function isVar(property) {
+    return cssVarRe.test(property);
+  };
+  this.isRuleTypeSupported = function (type) {
+    return SUPPORTED_RULE_TYPES.includes(type);
+  };
+  this.isSelectorSupported = function (selector) {
+    if (selector === ":root") return true;
+    if (selector.includes(" ")) return false;
+    if (!selector.startsWith(".")) return false;
+    return true;
+  };
+  this.simplifyDeclarations = function (declarations) {
+    return (declarations || []).reduce(function (res, declaration) {
+      if (declaration.type !== "declaration") return res;
+      var property = declaration.property,
+        value = declaration.value;
+      if (isVar(property)) {
+        res[property] = value;
+      } else {
+        res[(0, _helper.camelize)(property)] = value;
+      }
+      return res;
+    }, {});
+  };
+  this.upsert = function (selector, declarations) {
+    var selectorName = _getSelectorName(selector);
+
+    // Merge raw declarations
+    _this.rawStylesheet[selectorName] = _objectSpread(_objectSpread({}, _this.rawStylesheet[selectorName]), declarations);
+  };
+  this.finalize = function () {
+    // Pre-compute all declarations at the end
+    for (var _i = 0, _Object$entries = Object.entries(_this.rawStylesheet); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        selector = _Object$entries$_i[0],
+        rawDecl = _Object$entries$_i[1];
+      var _precomputeDeclaratio = (0, _buildTransform.precomputeDeclaration)(rawDecl),
+        _static = _precomputeDeclaratio._static,
+        _dynamic = _precomputeDeclaratio._dynamic,
+        _hasDynamic = _precomputeDeclaratio._hasDynamic;
+      if (_hasDynamic) {
+        // Has dynamic properties - store both static and dynamic
+        _this.stylesheet[selector] = {
+          _static: _static,
+          _dynamic: _dynamic
+        };
+      } else {
+        // Fully static - just store the static object directly
+        _this.stylesheet[selector] = _static;
+      }
+    }
+  };
+  this.toJSON = function () {
+    // Finalize pre-computation before serializing
+    _this.finalize();
+    return JSON.stringify(_this.stylesheet);
+  };
+  return this;
+}