react-native-unistyles 2.0.0-alpha.1 → 2.0.0-alpha.11

package/lib/commonjs/utils/common.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","throwError","message","Error","exports","warn","console","isWeb","Platform","OS"],"sourceRoot":"../../../src","sources":["utils/common.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,UAAU,GAAIC,OAAe,IAAK;EAC3C,MAAM,IAAIC,KAAK,CAAE,gCAA+BD,OAAQ,EAAC,CAAC;AAC9D,CAAC;AAAAE,OAAA,CAAAH,UAAA,GAAAA,UAAA;AAEM,MAAMI,IAAI,GAAIH,OAAe,IAAK;EACrCI,OAAO,CAACD,IAAI,CAAE,gCAA+BH,OAAQ,EAAC,CAAC;AAC3D,CAAC;AAAAE,OAAA,CAAAC,IAAA,GAAAA,IAAA;AAEM,MAAME,KAAK,GAAGA,CAAA,KAAMC,qBAAQ,CAACC,EAAE,KAAK,KAAK;AAAAL,OAAA,CAAAG,KAAA,GAAAA,KAAA"}
+{"version":3,"names":["_reactNative","require","throwError","message","Error","exports","warn","console","isMobile","Platform","OS","isWeb","isIOS","isAndroid","isServer","window","Orientation","Landscape","Portrait"],"sourceRoot":"../../../src","sources":["utils/common.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,UAAU,GAAIC,OAAe,IAAK;EAC3C,MAAM,IAAIC,KAAK,CAAE,gCAA+BD,OAAQ,EAAC,CAAC;AAC9D,CAAC;AAAAE,OAAA,CAAAH,UAAA,GAAAA,UAAA;AAEM,MAAMI,IAAI,GAAIH,OAAe,IAAK;EACrCI,OAAO,CAACD,IAAI,CAAE,gCAA+BH,OAAQ,EAAC,CAAC;AAC3D,CAAC;AAAAE,OAAA,CAAAC,IAAA,GAAAA,IAAA;AAEM,MAAME,QAAQ,GAAAH,OAAA,CAAAG,QAAA,GAAGC,qBAAQ,CAACC,EAAE,KAAK,SAAS,IAAID,qBAAQ,CAACC,EAAE,KAAK,KAAK;AACnE,MAAMC,KAAK,GAAAN,OAAA,CAAAM,KAAA,GAAGF,qBAAQ,CAACC,EAAE,KAAK,KAAK;AACnC,MAAME,KAAK,GAAAP,OAAA,CAAAO,KAAA,GAAGH,qBAAQ,CAACC,EAAE,KAAK,KAAK;AACnC,MAAMG,SAAS,GAAAR,OAAA,CAAAQ,SAAA,GAAGJ,qBAAQ,CAACC,EAAE,KAAK,SAAS;AAC3C,MAAMI,QAAQ,GAAAT,OAAA,CAAAS,QAAA,GAAG,OAAOC,MAAM,KAAK,WAAW;AAE9C,MAAMC,WAAW,GAAAX,OAAA,CAAAW,WAAA,GAAG;EACvBC,SAAS,EAAE,WAAW;EACtBC,QAAQ,EAAE;AACd,CAAU"}

package/lib/commonjs/utils/index.js

@@ -3,52 +3,66 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "extractValues", {
+var _exportNames = {
+  normalizeStyles: true,
+  mq: true,
+  MQSymbol: true,
+  getKeyForVariant: true,
+  getKeyForUnistylesMediaQuery: true,
+  getBreakpointFromScreenWidth: true,
+  sortAndValidateBreakpoints: true,
+  getValueForBreakpoint: true,
+  proxifyFunction: true,
+  parseStyle: true,
+  isServer: true,
+  Orientation: true
+};
+Object.defineProperty(exports, "MQSymbol", {
   enumerable: true,
   get: function () {
-    return _mediaQueries.extractValues;
+    return _mq.MQSymbol;
   }
 });
-Object.defineProperty(exports, "getBreakpointFromScreenWidth", {
+Object.defineProperty(exports, "Orientation", {
   enumerable: true,
   get: function () {
-    return _breakpoints.getBreakpointFromScreenWidth;
+    return _common.Orientation;
   }
 });
-Object.defineProperty(exports, "getKeyForCustomMediaQuery", {
+Object.defineProperty(exports, "getBreakpointFromScreenWidth", {
   enumerable: true,
   get: function () {
-    return _mediaQueries.getKeyForCustomMediaQuery;
+    return _breakpoints.getBreakpointFromScreenWidth;
   }
 });
-Object.defineProperty(exports, "getValueForBreakpoint", {
+Object.defineProperty(exports, "getKeyForUnistylesMediaQuery", {
   enumerable: true,
   get: function () {
-    return _breakpoints.getValueForBreakpoint;
+    return _mqParser.getKeyForUnistylesMediaQuery;
   }
 });
-Object.defineProperty(exports, "isMediaQuery", {
+Object.defineProperty(exports, "getKeyForVariant", {
   enumerable: true,
   get: function () {
-    return _mediaQueries.isMediaQuery;
+    return _variants.getKeyForVariant;
   }
 });
-Object.defineProperty(exports, "isWithinTheHeight", {
+Object.defineProperty(exports, "getValueForBreakpoint", {
   enumerable: true,
   get: function () {
-    return _mediaQueries.isWithinTheHeight;
+    return _breakpoints.getValueForBreakpoint;
   }
 });
-Object.defineProperty(exports, "isWithinTheWidth", {
+Object.defineProperty(exports, "isServer", {
   enumerable: true,
   get: function () {
-    return _mediaQueries.isWithinTheWidth;
+    return _common.isServer;
   }
 });
-Object.defineProperty(exports, "isWithinTheWidthAndHeight", {
+Object.defineProperty(exports, "mq", {
   enumerable: true,
   get: function () {
-    return _mediaQueries.isWithinTheWidthAndHeight;
+    return _mq.mq;
   }
 });
 Object.defineProperty(exports, "normalizeStyles", {
@@ -76,7 +90,22 @@ Object.defineProperty(exports, "sortAndValidateBreakpoints", {
   }
 });
 var _normalizeStyles = require("./normalizeStyles");
+var _normalizer = require("./normalizer");
+Object.keys(_normalizer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _normalizer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _normalizer[key];
+    }
+  });
+});
+var _mq = require("./mq");
+var _variants = require("./variants");
+var _mqParser = require("./mqParser");
 var _breakpoints = require("./breakpoints");
 var _styles = require("./styles");
-var _mediaQueries = require("./mediaQueries");
+var _common = require("./common");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_normalizeStyles","require","_breakpoints","_styles","_mediaQueries"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA"}
+{"version":3,"names":["_normalizeStyles","require","_normalizer","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_mq","_variants","_mqParser","_breakpoints","_styles","_common"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,GAAA,GAAAd,OAAA;AACA,IAAAe,SAAA,GAAAf,OAAA;AACA,IAAAgB,SAAA,GAAAhB,OAAA;AACA,IAAAiB,YAAA,GAAAjB,OAAA;AACA,IAAAkB,OAAA,GAAAlB,OAAA;AACA,IAAAmB,OAAA,GAAAnB,OAAA"}

package/lib/commonjs/utils/module.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=module.d.js.map

package/lib/commonjs/utils/module.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["utils/module.d.ts"],"mappings":""}

package/lib/commonjs/utils/mq.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mq = exports.MQSymbol = void 0;
+var _core = require("../core");
+const MQSymbol = exports.MQSymbol = Symbol('unistyles-mq');
+var MQProp = /*#__PURE__*/function (MQProp) {
+  MQProp["toString"] = "toString";
+  MQProp["width"] = "width";
+  MQProp["height"] = "height";
+  MQProp["shortW"] = "w";
+  MQProp["shortH"] = "h";
+  return MQProp;
+}(MQProp || {});
+const getMQValue = value => {
+  if (typeof value === 'number') {
+    return value;
+  }
+  if (value === null) {
+    return 0;
+  }
+  return _core.unistyles.registry.breakpoints[value] ?? 0;
+};
+const widthHandler = function () {
+  let hMin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  let hMax = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
+  return new Proxy({}, {
+    get: (target, prop, receiver) => {
+      if (prop === Symbol.toPrimitive || prop === MQProp.toString) {
+        return () => `:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`;
+      }
+      if (prop === MQProp.width || prop === MQProp.shortW) {
+        return function () {
+          let wMin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+          let wMax = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
+          return new Proxy({}, {
+            get: (target, prop, receiver) => {
+              if (prop === Symbol.toPrimitive || prop === MQProp.toString) {
+                return () => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`;
+              }
+              return Reflect.get(target, prop, receiver);
+            }
+          });
+        };
+      }
+      return Reflect.get(target, prop, receiver);
+    }
+  });
+};
+const heightHandler = function () {
+  let wMin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  let wMax = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
+  return new Proxy({}, {
+    get: (target, prop, receiver) => {
+      if (prop === Symbol.toPrimitive || prop === MQProp.toString) {
+        return () => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]`;
+      }
+      if (prop === MQProp.height || prop === MQProp.shortH) {
+        return function () {
+          let hMin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+          let hMax = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
+          return new Proxy({}, {
+            get: (target, prop, receiver) => {
+              if (prop === Symbol.toPrimitive || MQProp.toString) {
+                return () => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`;
+              }
+              return Reflect.get(target, prop, receiver);
+            }
+          });
+        };
+      }
+      return Reflect.get(target, prop, receiver);
+    }
+  });
+};
+const mq = exports.mq = new Proxy({}, {
+  get: (target, prop, receiver) => {
+    if (prop === MQProp.shortW || prop === MQProp.width) {
+      return heightHandler;
+    }
+    if (prop === MQProp.shortH || prop === MQProp.height) {
+      return widthHandler;
+    }
+    return Reflect.get(target, prop, receiver);
+  }
+});
+//# sourceMappingURL=mq.js.map

package/lib/commonjs/utils/mq.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","MQSymbol","exports","Symbol","MQProp","getMQValue","value","unistyles","registry","breakpoints","widthHandler","hMin","arguments","length","undefined","hMax","Infinity","Proxy","get","target","prop","receiver","toPrimitive","toString","width","shortW","wMin","wMax","Reflect","heightHandler","height","shortH","mq"],"sourceRoot":"../../../src","sources":["utils/mq.ts"],"mappings":"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"}

package/lib/commonjs/utils/mqParser.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getKeyForUnistylesMediaQuery = void 0;
+const IS_UNISTYLES_REGEX = /:([hw])\[(\d+)(?:,\s*(\d+|Infinity))?]/;
+const UNISTYLES_WIDTH_REGEX = /:(w)\[(\d+)(?:,\s*(\d+|Infinity))?]/;
+const UNISTYLES_HEIGHT_REGEX = /:(h)\[(\d+)(?:,\s*(\d+|Infinity))?]/;
+const parseMq = mq => {
+  const [, width, fromW, toW] = UNISTYLES_WIDTH_REGEX.exec(mq) || [];
+  const [, height, fromH, toH] = UNISTYLES_HEIGHT_REGEX.exec(mq) || [];
+  return {
+    width: width ? {
+      from: Number(fromW),
+      to: Number(toW)
+    } : undefined,
+    height: height ? {
+      from: Number(fromH),
+      to: Number(toH)
+    } : undefined
+  };
+};
+const isUnistylesMq = mq => IS_UNISTYLES_REGEX.test(mq);
+const isValidMq = parsedMq => {
+  const {
+    width,
+    height
+  } = parsedMq;
+  if (width && height) {
+    return width.from <= width.to && height.from <= height.to;
+  }
+  if (width) {
+    return width.from <= width.to;
+  }
+  if (height) {
+    return height.from <= height.to;
+  }
+  return false;
+};
+const isWithinTheWidthAndHeight = (parsedMq, screenSize) => {
+  const {
+    width,
+    height
+  } = parsedMq;
+  if (width && height) {
+    return isWithinTheWidth(width, screenSize.width) && isWithinTheHeight(height, screenSize.height);
+  }
+  if (width) {
+    return isWithinTheWidth(width, screenSize.width);
+  }
+  if (height) {
+    return isWithinTheHeight(height, screenSize.height);
+  }
+  return false;
+};
+const isWithinTheWidth = (width, screenWidth) => {
+  const {
+    from,
+    to
+  } = width;
+  return screenWidth >= from && screenWidth <= to;
+};
+const isWithinTheHeight = (height, screenHeight) => {
+  const {
+    from,
+    to
+  } = height;
+  return screenHeight >= from && screenHeight <= to;
+};
+const getKeyForUnistylesMediaQuery = (mediaQueries, screenSize) => {
+  const mq = mediaQueries.find(_ref => {
+    let [key] = _ref;
+    if (!isUnistylesMq(key)) {
+      return false;
+    }
+    const parsedMq = parseMq(key);
+    if (!isValidMq(parsedMq)) {
+      return false;
+    }
+    return isWithinTheWidthAndHeight(parsedMq, screenSize);
+  });
+  return mq?.at(0);
+};
+exports.getKeyForUnistylesMediaQuery = getKeyForUnistylesMediaQuery;
+//# sourceMappingURL=mqParser.js.map

package/lib/commonjs/utils/mqParser.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IS_UNISTYLES_REGEX","UNISTYLES_WIDTH_REGEX","UNISTYLES_HEIGHT_REGEX","parseMq","mq","width","fromW","toW","exec","height","fromH","toH","from","Number","to","undefined","isUnistylesMq","test","isValidMq","parsedMq","isWithinTheWidthAndHeight","screenSize","isWithinTheWidth","isWithinTheHeight","screenWidth","screenHeight","getKeyForUnistylesMediaQuery","mediaQueries","find","_ref","key","at","exports"],"sourceRoot":"../../../src","sources":["utils/mqParser.ts"],"mappings":"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"}

package/lib/commonjs/utils/normalizeStyles.web.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.normalizeStyles = void 0;
 var _common = require("./common");
-const preprocessor = require('react-native-web/src/exports/StyleSheet/preprocess.js');
-const normalizeBoxShadow = styles => {
+var _normalizer = require("./normalizer");
+const normalizeBoxShadow = style => {
   const requiredBoxShadowProperties = ['shadowColor', 'shadowOffset', 'shadowOpacity', 'shadowRadius'];
-  if (!requiredBoxShadowProperties.every(prop => prop in styles)) {
+  if (!requiredBoxShadowProperties.every(prop => prop in style)) {
     (0, _common.warn)(`can't apply box shadow as you miss at least one of these properties: ${requiredBoxShadowProperties.join(', ')}`);
     return {
       shadowColor: undefined,
@@ -18,16 +18,16 @@ const normalizeBoxShadow = styles => {
     };
   }
   return {
-    boxShadow: preprocessor.createBoxShadowValue(styles),
+    boxShadow: _normalizer.preprocessor.createBoxShadowValue(style),
     shadowColor: undefined,
     shadowOffset: undefined,
     shadowOpacity: undefined,
     shadowRadius: undefined
   };
 };
-const normalizeTextShadow = styles => {
+const normalizeTextShadow = style => {
   const requiredTextShadowProperties = ['textShadowColor', 'textShadowOffset', 'textShadowRadius'];
-  if (!requiredTextShadowProperties.every(prop => prop in styles)) {
+  if (!requiredTextShadowProperties.every(prop => prop in style)) {
     (0, _common.warn)(`can't apply text shadow as you miss at least one of these properties: ${requiredTextShadowProperties.join(', ')}`);
     return {
       textShadowColor: undefined,
@@ -36,20 +36,20 @@ const normalizeTextShadow = styles => {
     };
   }
   return {
-    textShadow: preprocessor.createTextShadowValue(styles),
+    textShadow: _normalizer.preprocessor.createTextShadowValue(style),
     textShadowColor: undefined,
     textShadowOffset: undefined,
     textShadowRadius: undefined
   };
 };
-const normalizeStyles = styles => {
-  const normalizedTransform = 'transform' in styles && Array.isArray(styles.transform) ? {
-    transform: preprocessor.createTransformValue(styles.transform)
+const normalizeStyles = style => {
+  const normalizedTransform = 'transform' in style && Array.isArray(style.transform) ? {
+    transform: _normalizer.preprocessor.createTransformValue(style.transform)
   } : {};
-  const normalizedBoxShadow = 'shadowColor' in styles || 'shadowOffset' in styles || 'shadowOpacity' in styles || 'shadowRadius' in styles ? normalizeBoxShadow(styles) : {};
-  const normalizedTextShadow = 'textShadowColor' in styles || 'textShadowOffset' in styles || 'textShadowRadius' in styles ? normalizeTextShadow(styles) : {};
+  const normalizedBoxShadow = 'shadowColor' in style || 'shadowOffset' in style || 'shadowOpacity' in style || 'shadowRadius' in style ? normalizeBoxShadow(style) : {};
+  const normalizedTextShadow = 'textShadowColor' in style || 'textShadowOffset' in style || 'textShadowRadius' in style ? normalizeTextShadow(style) : {};
   return {
-    ...styles,
+    ...style,
     ...normalizedTransform,
     ...normalizedBoxShadow,
     ...normalizedTextShadow

package/lib/commonjs/utils/normalizeStyles.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_common","require","preprocessor","normalizeBoxShadow","styles","requiredBoxShadowProperties","every","prop","warn","join","shadowColor","undefined","shadowOffset","shadowOpacity","shadowRadius","boxShadow","createBoxShadowValue","normalizeTextShadow","requiredTextShadowProperties","textShadowColor","textShadowOffset","textShadowRadius","textShadow","createTextShadowValue","normalizeStyles","normalizedTransform","Array","isArray","transform","createTransformValue","normalizedBoxShadow","normalizedTextShadow","exports"],"sourceRoot":"../../../src","sources":["utils/normalizeStyles.web.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,MAAMC,YAA0B,GAAGD,OAAO,CAAC,uDAAuD,CAAC;AAuBnG,MAAME,kBAAkB,GAAkBC,MAAS,IAA0B;EACzE,MAAMC,2BAA2B,GAAG,CAChC,aAAa,EACb,cAAc,EACd,eAAe,EACf,cAAc,CACjB;EAED,IAAI,CAACA,2BAA2B,CAACC,KAAK,CAACC,IAAI,IAAIA,IAAI,IAAIH,MAAM,CAAC,EAAE;IAC5D,IAAAI,YAAI,EAAE,wEAAuEH,2BAA2B,CAACI,IAAI,CAAC,IAAI,CAAE,EAAC,CAAC;IAEtH,OAAO;MACHC,WAAW,EAAEC,SAAS;MACtBC,YAAY,EAAED,SAAS;MACvBE,aAAa,EAAEF,SAAS;MACxBG,YAAY,EAAEH;IAClB,CAAC;EACL;EAEA,OAAO;IACHI,SAAS,EAAEb,YAAY,CAACc,oBAAoB,CAACZ,MAAM,CAAC;IACpDM,WAAW,EAAEC,SAAS;IACtBC,YAAY,EAAED,SAAS;IACvBE,aAAa,EAAEF,SAAS;IACxBG,YAAY,EAAEH;EAClB,CAAC;AACL,CAAC;AAED,MAAMM,mBAAmB,GAAkBb,MAAS,IAA2B;EAC3E,MAAMc,4BAA4B,GAAG,CACjC,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,CACrB;EAED,IAAI,CAACA,4BAA4B,CAACZ,KAAK,CAACC,IAAI,IAAIA,IAAI,IAAIH,MAAM,CAAC,EAAE;IAC7D,IAAAI,YAAI,EAAE,yEAAwEU,4BAA4B,CAACT,IAAI,CAAC,IAAI,CAAE,EAAC,CAAC;IAExH,OAAO;MACHU,eAAe,EAAER,SAAS;MAC1BS,gBAAgB,EAAET,SAAS;MAC3BU,gBAAgB,EAAEV;IACtB,CAAC;EACL;EAEA,OAAO;IACHW,UAAU,EAAEpB,YAAY,CAACqB,qBAAqB,CAACnB,MAAM,CAAC;IACtDe,eAAe,EAAER,SAAS;IAC1BS,gBAAgB,EAAET,SAAS;IAC3BU,gBAAgB,EAAEV;EACtB,CAAC;AACL,CAAC;AAEM,MAAMa,eAAe,GAAkBpB,MAAS,IAAQ;EAC3D,MAAMqB,mBAAmB,GAAI,WAAW,IAAIrB,MAAM,IAAIsB,KAAK,CAACC,OAAO,CAACvB,MAAM,CAACwB,SAAS,CAAC,GAC/E;IAAEA,SAAS,EAAE1B,YAAY,CAAC2B,oBAAoB,CAACzB,MAAM,CAACwB,SAAS;EAAE,CAAC,GAClE,CAAC,CAAC;EAER,MAAME,mBAAmB,GACrB,aAAa,IAAI1B,MAAM,IACvB,cAAc,IAAIA,MAAM,IACxB,eAAe,IAAIA,MAAM,IACzB,cAAc,IAAIA,MAAM,GACxBD,kBAAkB,CAACC,MAAM,CAAC,GAAG,CAAC,CAAC;EAEnC,MAAM2B,oBAAoB,GACtB,iBAAiB,IAAI3B,MAAM,IAC3B,kBAAkB,IAAIA,MAAM,IAC5B,kBAAkB,IAAIA,MAAM,GAC5Ba,mBAAmB,CAACb,MAAM,CAAC,GAAG,CAAC,CAAC;EAEpC,OAAO;IACH,GAAGA,MAAM;IACT,GAAGqB,mBAAmB;IACtB,GAAGK,mBAAmB;IACtB,GAAGC;EACP,CAAC;AACL,CAAC;AAAAC,OAAA,CAAAR,eAAA,GAAAA,eAAA"}
+{"version":3,"names":["_common","require","_normalizer","normalizeBoxShadow","style","requiredBoxShadowProperties","every","prop","warn","join","shadowColor","undefined","shadowOffset","shadowOpacity","shadowRadius","boxShadow","preprocessor","createBoxShadowValue","normalizeTextShadow","requiredTextShadowProperties","textShadowColor","textShadowOffset","textShadowRadius","textShadow","createTextShadowValue","normalizeStyles","normalizedTransform","Array","isArray","transform","createTransformValue","normalizedBoxShadow","normalizedTextShadow","exports"],"sourceRoot":"../../../src","sources":["utils/normalizeStyles.web.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAGA,MAAME,kBAAkB,GAAyBC,KAAQ,IAA0B;EAC/E,MAAMC,2BAA2B,GAAG,CAChC,aAAa,EACb,cAAc,EACd,eAAe,EACf,cAAc,CACjB;EAED,IAAI,CAACA,2BAA2B,CAACC,KAAK,CAACC,IAAI,IAAIA,IAAI,IAAIH,KAAK,CAAC,EAAE;IAC3D,IAAAI,YAAI,EAAE,wEAAuEH,2BAA2B,CAACI,IAAI,CAAC,IAAI,CAAE,EAAC,CAAC;IAEtH,OAAO;MACHC,WAAW,EAAEC,SAAS;MACtBC,YAAY,EAAED,SAAS;MACvBE,aAAa,EAAEF,SAAS;MACxBG,YAAY,EAAEH;IAClB,CAAC;EACL;EAEA,OAAO;IACHI,SAAS,EAAEC,wBAAY,CAACC,oBAAoB,CAACb,KAAK,CAAC;IACnDM,WAAW,EAAEC,SAAS;IACtBC,YAAY,EAAED,SAAS;IACvBE,aAAa,EAAEF,SAAS;IACxBG,YAAY,EAAEH;EAClB,CAAC;AACL,CAAC;AAED,MAAMO,mBAAmB,GAA0Bd,KAAQ,IAA2B;EAClF,MAAMe,4BAA4B,GAAG,CACjC,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,CACrB;EAED,IAAI,CAACA,4BAA4B,CAACb,KAAK,CAACC,IAAI,IAAIA,IAAI,IAAIH,KAAK,CAAC,EAAE;IAC5D,IAAAI,YAAI,EAAE,yEAAwEW,4BAA4B,CAACV,IAAI,CAAC,IAAI,CAAE,EAAC,CAAC;IAExH,OAAO;MACHW,eAAe,EAAET,SAAS;MAC1BU,gBAAgB,EAAEV,SAAS;MAC3BW,gBAAgB,EAAEX;IACtB,CAAC;EACL;EAEA,OAAO;IACHY,UAAU,EAAEP,wBAAY,CAACQ,qBAAqB,CAACpB,KAAK,CAAC;IACrDgB,eAAe,EAAET,SAAS;IAC1BU,gBAAgB,EAAEV,SAAS;IAC3BW,gBAAgB,EAAEX;EACtB,CAAC;AACL,CAAC;AAEM,MAAMc,eAAe,GAAkErB,KAAQ,IAAQ;EAC1G,MAAMsB,mBAAmB,GAAI,WAAW,IAAItB,KAAK,IAAIuB,KAAK,CAACC,OAAO,CAACxB,KAAK,CAACyB,SAAS,CAAC,GAC7E;IAAEA,SAAS,EAAEb,wBAAY,CAACc,oBAAoB,CAAC1B,KAAK,CAACyB,SAAS;EAAE,CAAC,GACjE,CAAC,CAAC;EAER,MAAME,mBAAmB,GACrB,aAAa,IAAI3B,KAAK,IACtB,cAAc,IAAIA,KAAK,IACvB,eAAe,IAAIA,KAAK,IACxB,cAAc,IAAIA,KAAK,GACvBD,kBAAkB,CAACC,KAAkB,CAAC,GAAG,CAAC,CAAC;EAE/C,MAAM4B,oBAAoB,GACtB,iBAAiB,IAAI5B,KAAK,IAC1B,kBAAkB,IAAIA,KAAK,IAC3B,kBAAkB,IAAIA,KAAK,GAC3Bc,mBAAmB,CAACd,KAAmB,CAAC,GAAG,CAAC,CAAC;EAEjD,OAAO;IACH,GAAGA,KAAK;IACR,GAAGsB,mBAAmB;IACtB,GAAGK,mBAAmB;IACtB,GAAGC;EACP,CAAC;AACL,CAAC;AAAAC,OAAA,CAAAR,eAAA,GAAAA,eAAA"}

package/lib/commonjs/utils/normalizer.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.preprocessor = exports.normalizeNumericValue = exports.normalizeColor = void 0;
+var _normalizeColors = _interopRequireDefault(require("@react-native/normalize-colors"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// based on react-native-web normalizer
+// https://github.com/necolas/react-native-web
+
+const normalizeColor = function (color) {
+  let opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  // If the opacity is 1 there's no need to normalize the color
+  if (opacity === 1) {
+    return color;
+  }
+  const integer = (0, _normalizeColors.default)(color);
+
+  // If the colour is an unknown format, the return value is null
+  if (integer === null) {
+    return color;
+  }
+  const hex = integer.toString(16).padStart(8, '0');
+  if (hex.length === 8) {
+    const [r = 0, g = 0, b = 0, a = 1] = hex.split(/(?=(?:..)*$)/).map(x => parseInt(x, 16)).filter(num => !isNaN(num));
+    return `rgba(${r},${g},${b},${a / 255 * opacity})`;
+  }
+  return color;
+};
+exports.normalizeColor = normalizeColor;
+const normalizeNumericValue = value => value ? `${value}px` : value;
+exports.normalizeNumericValue = normalizeNumericValue;
+const normalizeTransform = (key, value) => {
+  if (key.includes('scale')) {
+    return value;
+  }
+  if (typeof value === 'number') {
+    return normalizeNumericValue(value);
+  }
+  return value;
+};
+const createTextShadowValue = style => {
+  // at this point every prop is present
+  const {
+    textShadowColor,
+    textShadowOffset,
+    textShadowRadius
+  } = style;
+  const offsetX = normalizeNumericValue(textShadowOffset.width);
+  const offsetY = normalizeNumericValue(textShadowOffset.height);
+  const radius = normalizeNumericValue(textShadowRadius);
+  const color = normalizeColor(textShadowColor);
+  return `${offsetX} ${offsetY} ${radius} ${color}`;
+};
+const createBoxShadowValue = style => {
+  // at this point every prop is present
+  const {
+    shadowColor,
+    shadowOffset,
+    shadowOpacity,
+    shadowRadius
+  } = style;
+  const offsetX = normalizeNumericValue(shadowOffset.width);
+  const offsetY = normalizeNumericValue(shadowOffset.height);
+  const radius = normalizeNumericValue(shadowRadius);
+  const color = normalizeColor(shadowColor, shadowOpacity);
+  return `${offsetX} ${offsetY} ${radius} ${color}`;
+};
+const createTransformValue = transforms => transforms.map(transform => {
+  const [key] = Object.keys(transform);
+  if (!key) {
+    return undefined;
+  }
+  const value = transform[key];
+  switch (key) {
+    case 'matrix':
+    case 'matrix3d':
+      return `${key}(${value.join(',')})`;
+    default:
+      return `${key}(${normalizeTransform(key, value)})`;
+  }
+}).filter(Boolean).join(' ');
+const preprocessor = exports.preprocessor = {
+  createTextShadowValue,
+  createBoxShadowValue,
+  createTransformValue
+};
+//# sourceMappingURL=normalizer.js.map

package/lib/commonjs/utils/normalizer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_normalizeColors","_interopRequireDefault","require","obj","__esModule","default","normalizeColor","color","opacity","arguments","length","undefined","integer","normalizeColors","hex","toString","padStart","r","g","b","a","split","map","x","parseInt","filter","num","isNaN","exports","normalizeNumericValue","value","normalizeTransform","key","includes","createTextShadowValue","style","textShadowColor","textShadowOffset","textShadowRadius","offsetX","width","offsetY","height","radius","createBoxShadowValue","shadowColor","shadowOffset","shadowOpacity","shadowRadius","createTransformValue","transforms","transform","Object","keys","join","Boolean","preprocessor"],"sourceRoot":"../../../src","sources":["utils/normalizer.ts"],"mappings":"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"}

package/lib/commonjs/utils/styles.js

@@ -3,81 +3,52 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.proxifyFunction = exports.parseStyle = void 0;
+exports.proxifyFunction = exports.parseStyle = exports.isPlatformColor = void 0;
 var _breakpoints = require("./breakpoints");
 var _normalizeStyles = require("./normalizeStyles");
 var _common = require("./common");
-/**
- * Proxies a function to parse its return value for custom media queries or breakpoints.
- *
- * @template B - An object type where keys represent breakpoint names and values represent breakpoint values.
- *
- * @param {Function} fn - The function to be proxified.
- * @param {keyof B & string} breakpoint - The breakpoint name to check against.
- * @param {ScreenSize} screenSize - An object representing the screen size to be checked against the media queries.
- * @param breakpointPairs - sorted pairs of breakpoints
- *
- * @returns {Function} Returns the proxified function
- *
- * @example
- *
- * const myFunction = () => ({ ':w[200]': 'value1', sm: 'value2' })
- * const screenSize = { width: 250, height: 400 }
- * const breakpoints = { sm: 300, md: 600 }
- *
- * const proxifiedFunction = proxifyFunction(myFunction, 'sm', screenSize, breakpoints)
- * proxifiedFunction() // parsed style based on screenSize and breakpoints
- */
-const proxifyFunction = (fn, breakpoint, screenSize, breakpointPairs) => new Proxy(fn, {
-  apply: (target, thisArg, argumentsList) => parseStyle(target.apply(thisArg, argumentsList), breakpoint, screenSize, breakpointPairs)
+var _variants = require("./variants");
+const proxifyFunction = (fn, breakpoint, screenSize, variant) => new Proxy(fn, {
+  apply: (target, thisArg, argumentsList) => parseStyle(target.apply(thisArg, argumentsList), breakpoint, screenSize, variant)
 });
-
-/**
- * Parses a style object to resolve custom media queries or breakpoints based on the provided screen size and breakpoints.
- *
- * The function processes each key-value pair in the style object. If the value is a function or a valid style (not an object or a 'transform' key),
- * it is returned as-is. Otherwise, the function attempts to resolve the value based on the provided breakpoint, screen size, and defined breakpoints.
- *
- * @template T - The type of the style object.
- * @template B - An object type where keys represent breakpoint names and values represent breakpoint values.
- *
- * @param {CustomNamedStyles<T, B>} style - The style object to be parsed.
- * @param {keyof B & string} breakpoint - The breakpoint name to check against.
- * @param {ScreenSize} screenSize - An object representing the screen size to be checked against the media queries.
- * @param breakpointPairs - sorted pairs of breakpoints
- *
- * @returns {Record<string, string | number | Function>} Returns the parsed style object with resolved custom media queries or breakpoints.
- *
- * @example
- *
- * const style = { fontSize: { sm: '12px', md: '16px' } }
- * const screenSize = { width: 300, height: 400 }
- * const breakpoints = { xs: 0, sm: 300, md: 600 }
- *
- * const parsedStyle = parseStyle(style, 'sm', screenSize, breakpoints)
- * // { fontSize: '12px' }
- */
 exports.proxifyFunction = proxifyFunction;
-const parseStyle = (style, breakpoint, screenSize, breakpointPairs) => {
-  const entries = Object.entries(style);
-  const parsedStyles = Object.fromEntries(entries.map(_ref => {
+const isPlatformColor = value => {
+  if (_common.isIOS) {
+    return 'semantic' in value && typeof value.semantic === 'object';
+  }
+  return _common.isAndroid && 'resource_paths' in value && typeof value.resource_paths === 'object';
+};
+exports.isPlatformColor = isPlatformColor;
+const parseStyle = (style, breakpoint, screenSize, variant) => {
+  const entries = Object.entries(style || {}).map(_ref => {
     let [key, value] = _ref;
+    if (key !== 'variants') {
+      return [key, value];
+    }
+    const variantKey = (0, _variants.getKeyForVariant)(value, variant);
+    if (!variantKey) {
+      return undefined;
+    }
+    return Object.entries(value[variantKey]).flat();
+  }).filter(Boolean);
+  const parsedStyles = Object.fromEntries(entries.map(_ref2 => {
+    let [key, value] = _ref2;
     const hasNestedProperties = key === 'shadowOffset' || key === 'textShadowOffset';
     if (hasNestedProperties) {
-      return [key, parseStyle(value, breakpoint, screenSize, breakpointPairs)];
+      return [key, parseStyle(value, breakpoint, screenSize, variant)];
     }
     const isTransform = key === 'transform';
     if (isTransform && Array.isArray(value)) {
-      return [key, value.map(value => parseStyle(value, breakpoint, screenSize, breakpointPairs))];
+      return [key, value.map(value => parseStyle(value, breakpoint, screenSize, variant))];
     }
     const isDynamicFunction = typeof value === 'function';
-    const isValidStyle = typeof value !== 'object';
+    const isValidStyle = typeof value !== 'object' || isPlatformColor(value);
     if (isDynamicFunction || isValidStyle) {
       return [key, value];
     }
-    return [key, (0, _breakpoints.getValueForBreakpoint)(value, breakpoint, screenSize, breakpointPairs)];
+    return [key, (0, _breakpoints.getValueForBreakpoint)(value)];
   }));
-  return (0, _common.isWeb)() ? (0, _normalizeStyles.normalizeStyles)(parsedStyles) : parsedStyles;
+  return _common.isWeb ? (0, _normalizeStyles.normalizeStyles)(parsedStyles) : parsedStyles;
 };
 exports.parseStyle = parseStyle;
 //# sourceMappingURL=styles.js.map

package/lib/commonjs/utils/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_breakpoints","require","_normalizeStyles","_common","proxifyFunction","fn","breakpoint","screenSize","breakpointPairs","Proxy","apply","target","thisArg","argumentsList","parseStyle","exports","style","entries","Object","parsedStyles","fromEntries","map","_ref","key","value","hasNestedProperties","isTransform","Array","isArray","isDynamicFunction","isValidStyle","getValueForBreakpoint","isWeb","normalizeStyles"],"sourceRoot":"../../../src","sources":["utils/styles.ts"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,eAAe,GAAGA,CAC3BC,EAAY,EAAEC,UAA4B,EAC1CC,UAAsB,EACtBC,eAA2C,KAChC,IAAIC,KAAK,CAACJ,EAAE,EAAE;EACzBK,KAAK,EAAEA,CAACC,MAAM,EAAEC,OAAO,EAAEC,aAAa,KAClCC,UAAU,CAACH,MAAM,CAACD,KAAK,CAACE,OAAO,EAAEC,aAAa,CAAC,EAAEP,UAAU,EAAEC,UAAU,EAAEC,eAAe;AAChG,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAxBAO,OAAA,CAAAX,eAAA,GAAAA,eAAA;AAyBO,MAAMU,UAAU,GAAGA,CACtBE,KAA8B,EAC9BV,UAA4B,EAC5BC,UAAsB,EACtBC,eAA2C,KACvC;EACJ,MAAMS,OAAO,GAAGC,MAAM,CAACD,OAAO,CAACD,KAAK,CAGnC;EAED,MAAMG,YAAY,GAAGD,MAAM,CACtBE,WAAW,CAACH,OAAO,CACfI,GAAG,CAACC,IAAA,IAAkB;IAAA,IAAjB,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAAF,IAAA;IACd,MAAMG,mBAAmB,GAAGF,GAAG,KAAK,cAAc,IAAIA,GAAG,KAAK,kBAAkB;IAEhF,IAAIE,mBAAmB,EAAE;MACrB,OAAO,CACHF,GAAG,EACHT,UAAU,CAACU,KAAK,EAA6BlB,UAAU,EAAEC,UAAU,EAAEC,eAAe,CAAC,CACxF;IACL;IAEA,MAAMkB,WAAW,GAAGH,GAAG,KAAK,WAAW;IAEvC,IAAIG,WAAW,IAAIC,KAAK,CAACC,OAAO,CAACJ,KAAK,CAAC,EAAE;MACrC,OAAO,CACHD,GAAG,EACHC,KAAK,CAACH,GAAG,CAACG,KAAK,IAAIV,UAAU,CAACU,KAAK,EAAElB,UAAU,EAAEC,UAAU,EAAEC,eAAe,CAAC,CAAC,CACjF;IACL;IAEA,MAAMqB,iBAAiB,GAAG,OAAOL,KAAK,KAAK,UAAU;IACrD,MAAMM,YAAY,GAAG,OAAON,KAAK,KAAK,QAAQ;IAE9C,IAAIK,iBAAiB,IAAIC,YAAY,EAAE;MACnC,OAAO,CAACP,GAAG,EAAEC,KAAK,CAAC;IACvB;IAEA,OAAO,CACHD,GAAG,EACH,IAAAQ,kCAAqB,EACjBP,KAAK,EACLlB,UAAU,EACVC,UAAU,EACVC,eACJ,CAAC,CACJ;EACL,CAAC,CACL,CAAC;EAEL,OAAO,IAAAwB,aAAK,EAAC,CAAC,GACR,IAAAC,gCAAe,EAACd,YAAY,CAAC,GAC7BA,YAAY;AACtB,CAAC;AAAAJ,OAAA,CAAAD,UAAA,GAAAA,UAAA"}
+{"version":3,"names":["_breakpoints","require","_normalizeStyles","_common","_variants","proxifyFunction","fn","breakpoint","screenSize","variant","Proxy","apply","target","thisArg","argumentsList","parseStyle","exports","isPlatformColor","value","isIOS","semantic","isAndroid","resource_paths","style","entries","Object","map","_ref","key","variantKey","getKeyForVariant","undefined","flat","filter","Boolean","parsedStyles","fromEntries","_ref2","hasNestedProperties","isTransform","Array","isArray","isDynamicFunction","isValidStyle","getValueForBreakpoint","isWeb","normalizeStyles"],"sourceRoot":"../../../src","sources":["utils/styles.ts"],"mappings":"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"}