@colorye/react-native-css 0.3.1 → 0.3.2

package/dist/features/css-transform.js

@@ -1,426 +0,0 @@
-"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) {
-      var wStr = String(width).trim();
-      transformed["".concat(property, "Width")] = wStr !== "" && !isNaN(Number(wStr)) ? Number(wStr) : width;
-    } else {
-      transformed["".concat(property, "Width")] = 0;
-    }
-    if (style) {
-      transformed.borderStyle = ["solid", "dotted", "dashed"].includes(style) ? style : "solid";
-    }
-    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) {
-      if (typeof val === "string" && val.trim() !== "" && !isNaN(Number(val))) {
-        return Number(val);
-      }
-      return 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)) {
-        var v1 = String(val1).trim();
-        var v2 = String(val2).trim();
-        transforms.push(_defineProperty({}, "".concat(token, "X"), v1 !== "" && !isNaN(Number(v1)) ? Number(v1) : val1));
-        transforms.push(_defineProperty({}, "".concat(token, "Y"), v2 !== "" && !isNaN(Number(v2)) ? Number(v2) : val2));
-      } else {
-        var _v = String(val1).trim();
-        transforms.push(_defineProperty({}, token, _v !== "" && !isNaN(Number(_v)) ? Number(_v) : 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 (typeof value === "string" && value.trim() !== "" && !isNaN(Number(value))) {
-      return roundFn(Number(value) * scaleFactor);
-    } else if (typeof value === "number") {
-      return roundFn(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) {
-      if (typeof val === "string" && val.trim() !== "" && !isNaN(Number(val))) {
-        return Number(val);
-      }
-      return 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 (["scale"].includes(property)) {
-      var scaleVal = value;
-      if (typeof scaleVal === "string") {
-        var first = scaleVal.trim().split(/\s+/)[0];
-        if (first.endsWith("%")) {
-          scaleVal = parseFloat(first) / 100;
-        } else {
-          scaleVal = parseFloat(first);
-        }
-      }
-      return {
-        transform: [{
-          scale: isNaN(scaleVal) ? 1 : Number(scaleVal)
-        }]
-      };
-    }
-    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

@@ -1,153 +0,0 @@
-"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; }
-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 || typeof value !== "string") return value;
-    var variables = _this.get(selector);
-    function resolveOnce(str) {
-      var result = "";
-      var i = 0;
-      var changed = false;
-      while (i < str.length) {
-        var varIndex = str.indexOf("var(", i);
-        if (varIndex === -1) {
-          result += str.slice(i);
-          break;
-        }
-        result += str.slice(i, varIndex);
-        var depth = 1;
-        var j = varIndex + 4;
-        var commaIndex = -1;
-        while (j < str.length && depth > 0) {
-          if (str[j] === "(") {
-            depth++;
-          } else if (str[j] === ")") {
-            depth--;
-          } else if (str[j] === "," && depth === 1 && commaIndex === -1) {
-            commaIndex = j;
-          }
-          j++;
-        }
-        if (depth !== 0) {
-          result += str.slice(varIndex);
-          break;
-        }
-        changed = true;
-        var varName = void 0,
-          fallback = void 0;
-        if (commaIndex !== -1) {
-          varName = str.slice(varIndex + 4, commaIndex).trim();
-          fallback = str.slice(commaIndex + 1, j - 1).trim();
-        } else {
-          varName = str.slice(varIndex + 4, j - 1).trim();
-          fallback = undefined;
-        }
-        var val = variables[varName];
-        if (val !== undefined && val !== "initial" && val !== "") {
-          result += val;
-        } else if (fallback !== undefined) {
-          result += fallback;
-        } else {
-          result += "";
-        }
-        i = j;
-      }
-      return {
-        result: result,
-        changed: changed
-      };
-    }
-    var current = value;
-    var iterations = 0;
-    while (iterations < 10) {
-      var _resolveOnce = resolveOnce(current),
-        result = _resolveOnce.result,
-        changed = _resolveOnce.changed;
-      if (!changed || result === current) break;
-      current = result;
-      iterations++;
-    }
-    return current;
-  };
-  return this;
-}

package/dist/features/stylesheet.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = Stylesheet;
-var _buildTransform = require("./build-transform");
-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 Stylesheet() {
-  var _this = this;
-  this.rawStylesheet = {};
-  this.stylesheet = {};
-  this.setRawStylesheet = function (raw) {
-    _this.rawStylesheet = raw;
-  };
-  this.finalize = function () {
-    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) {
-        _this.stylesheet[selector] = {
-          _static: _static,
-          _dynamic: _dynamic
-        };
-      } else {
-        _this.stylesheet[selector] = _static;
-      }
-    }
-  };
-  this.toJSON = function () {
-    _this.finalize();
-    return JSON.stringify(_this.stylesheet);
-  };
-  return this;
-}