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

package/lib/module/utils/index.js

@@ -1,5 +1,9 @@
 export { normalizeStyles } from './normalizeStyles';
+export * from './normalizer';
+export { mq, MQSymbol } from './mq';
+export { getKeyForVariant } from './variants';
+export { getKeyForUnistylesMediaQuery } from './mqParser';
 export { getBreakpointFromScreenWidth, sortAndValidateBreakpoints, getValueForBreakpoint } from './breakpoints';
 export { proxifyFunction, parseStyle } from './styles';
-export { extractValues, getKeyForCustomMediaQuery, isMediaQuery, isWithinTheHeight, isWithinTheWidth, isWithinTheWidthAndHeight } from './mediaQueries';
+export { isServer, Orientation } from './common';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["normalizeStyles","getBreakpointFromScreenWidth","sortAndValidateBreakpoints","getValueForBreakpoint","proxifyFunction","parseStyle","extractValues","getKeyForCustomMediaQuery","isMediaQuery","isWithinTheHeight","isWithinTheWidth","isWithinTheWidthAndHeight"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":"AAAA,SAASA,eAAe,QAAQ,mBAAmB;AACnD,SAASC,4BAA4B,EAAEC,0BAA0B,EAAEC,qBAAqB,QAAQ,eAAe;AAC/G,SAASC,eAAe,EAAEC,UAAU,QAAQ,UAAU;AACtD,SACIC,aAAa,EACbC,yBAAyB,EACzBC,YAAY,EACZC,iBAAiB,EACjBC,gBAAgB,EAChBC,yBAAyB,QACtB,gBAAgB"}
+{"version":3,"names":["normalizeStyles","mq","MQSymbol","getKeyForVariant","getKeyForUnistylesMediaQuery","getBreakpointFromScreenWidth","sortAndValidateBreakpoints","getValueForBreakpoint","proxifyFunction","parseStyle","isServer","Orientation"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":"AAAA,SAASA,eAAe,QAAQ,mBAAmB;AACnD,cAAc,cAAc;AAC5B,SAASC,EAAE,EAAEC,QAAQ,QAAQ,MAAM;AACnC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,SAASC,4BAA4B,QAAQ,YAAY;AACzD,SAASC,4BAA4B,EAAEC,0BAA0B,EAAEC,qBAAqB,QAAQ,eAAe;AAC/G,SAASC,eAAe,EAAEC,UAAU,QAAQ,UAAU;AACtD,SAASC,QAAQ,EAAEC,WAAW,QAAQ,UAAU"}

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

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

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

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

package/lib/module/utils/mq.js

@@ -0,0 +1,83 @@
+import { unistyles } from '../core';
+export const 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 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);
+    }
+  });
+};
+export const 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/module/utils/mq.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["unistyles","MQSymbol","Symbol","MQProp","getMQValue","value","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/module/utils/mqParser.js

@@ -0,0 +1,79 @@
+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;
+};
+export 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);
+};
+//# sourceMappingURL=mqParser.js.map

package/lib/module/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"],"sourceRoot":"../../../src","sources":["utils/mqParser.ts"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import { warn } from './common';
-const preprocessor = require('react-native-web/src/exports/StyleSheet/preprocess.js');
-const normalizeBoxShadow = styles => {
+import { preprocessor } from './normalizer';
+const normalizeBoxShadow = style => {
   const requiredBoxShadowProperties = ['shadowColor', 'shadowOffset', 'shadowOpacity', 'shadowRadius'];
-  if (!requiredBoxShadowProperties.every(prop => prop in styles)) {
+  if (!requiredBoxShadowProperties.every(prop => prop in style)) {
     warn(`can't apply box shadow as you miss at least one of these properties: ${requiredBoxShadowProperties.join(', ')}`);
     return {
       shadowColor: undefined,
@@ -12,16 +12,16 @@ const normalizeBoxShadow = styles => {
     };
   }
   return {
-    boxShadow: preprocessor.createBoxShadowValue(styles),
+    boxShadow: 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)) {
     warn(`can't apply text shadow as you miss at least one of these properties: ${requiredTextShadowProperties.join(', ')}`);
     return {
       textShadowColor: undefined,
@@ -30,20 +30,20 @@ const normalizeTextShadow = styles => {
     };
   }
   return {
-    textShadow: preprocessor.createTextShadowValue(styles),
+    textShadow: preprocessor.createTextShadowValue(style),
     textShadowColor: undefined,
     textShadowOffset: undefined,
     textShadowRadius: undefined
   };
 };
-export const normalizeStyles = styles => {
-  const normalizedTransform = 'transform' in styles && Array.isArray(styles.transform) ? {
-    transform: preprocessor.createTransformValue(styles.transform)
+export const normalizeStyles = style => {
+  const normalizedTransform = 'transform' in style && Array.isArray(style.transform) ? {
+    transform: 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/module/utils/normalizeStyles.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["warn","preprocessor","require","normalizeBoxShadow","styles","requiredBoxShadowProperties","every","prop","join","shadowColor","undefined","shadowOffset","shadowOpacity","shadowRadius","boxShadow","createBoxShadowValue","normalizeTextShadow","requiredTextShadowProperties","textShadowColor","textShadowOffset","textShadowRadius","textShadow","createTextShadowValue","normalizeStyles","normalizedTransform","Array","isArray","transform","createTransformValue","normalizedBoxShadow","normalizedTextShadow"],"sourceRoot":"../../../src","sources":["utils/normalizeStyles.web.ts"],"mappings":"AAAA,SAASA,IAAI,QAAQ,UAAU;AAE/B,MAAMC,YAA0B,GAAGC,OAAO,CAAC,uDAAuD,CAAC;AAuBnG,MAAMC,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;IAC5DJ,IAAI,CAAE,wEAAuEK,2BAA2B,CAACG,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,CAACX,MAAM,CAAC;IACpDK,WAAW,EAAEC,SAAS;IACtBC,YAAY,EAAED,SAAS;IACvBE,aAAa,EAAEF,SAAS;IACxBG,YAAY,EAAEH;EAClB,CAAC;AACL,CAAC;AAED,MAAMM,mBAAmB,GAAkBZ,MAAS,IAA2B;EAC3E,MAAMa,4BAA4B,GAAG,CACjC,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,CACrB;EAED,IAAI,CAACA,4BAA4B,CAACX,KAAK,CAACC,IAAI,IAAIA,IAAI,IAAIH,MAAM,CAAC,EAAE;IAC7DJ,IAAI,CAAE,yEAAwEiB,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,CAAClB,MAAM,CAAC;IACtDc,eAAe,EAAER,SAAS;IAC1BS,gBAAgB,EAAET,SAAS;IAC3BU,gBAAgB,EAAEV;EACtB,CAAC;AACL,CAAC;AAED,OAAO,MAAMa,eAAe,GAAkBnB,MAAS,IAAQ;EAC3D,MAAMoB,mBAAmB,GAAI,WAAW,IAAIpB,MAAM,IAAIqB,KAAK,CAACC,OAAO,CAACtB,MAAM,CAACuB,SAAS,CAAC,GAC/E;IAAEA,SAAS,EAAE1B,YAAY,CAAC2B,oBAAoB,CAACxB,MAAM,CAACuB,SAAS;EAAE,CAAC,GAClE,CAAC,CAAC;EAER,MAAME,mBAAmB,GACrB,aAAa,IAAIzB,MAAM,IACvB,cAAc,IAAIA,MAAM,IACxB,eAAe,IAAIA,MAAM,IACzB,cAAc,IAAIA,MAAM,GACxBD,kBAAkB,CAACC,MAAM,CAAC,GAAG,CAAC,CAAC;EAEnC,MAAM0B,oBAAoB,GACtB,iBAAiB,IAAI1B,MAAM,IAC3B,kBAAkB,IAAIA,MAAM,IAC5B,kBAAkB,IAAIA,MAAM,GAC5BY,mBAAmB,CAACZ,MAAM,CAAC,GAAG,CAAC,CAAC;EAEpC,OAAO;IACH,GAAGA,MAAM;IACT,GAAGoB,mBAAmB;IACtB,GAAGK,mBAAmB;IACtB,GAAGC;EACP,CAAC;AACL,CAAC"}
+{"version":3,"names":["warn","preprocessor","normalizeBoxShadow","style","requiredBoxShadowProperties","every","prop","join","shadowColor","undefined","shadowOffset","shadowOpacity","shadowRadius","boxShadow","createBoxShadowValue","normalizeTextShadow","requiredTextShadowProperties","textShadowColor","textShadowOffset","textShadowRadius","textShadow","createTextShadowValue","normalizeStyles","normalizedTransform","Array","isArray","transform","createTransformValue","normalizedBoxShadow","normalizedTextShadow"],"sourceRoot":"../../../src","sources":["utils/normalizeStyles.web.ts"],"mappings":"AAAA,SAASA,IAAI,QAAQ,UAAU;AAC/B,SAASC,YAAY,QAAQ,cAAc;AAG3C,MAAMC,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;IAC3DH,IAAI,CAAE,wEAAuEI,2BAA2B,CAACG,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,EAAEZ,YAAY,CAACa,oBAAoB,CAACX,KAAK,CAAC;IACnDK,WAAW,EAAEC,SAAS;IACtBC,YAAY,EAAED,SAAS;IACvBE,aAAa,EAAEF,SAAS;IACxBG,YAAY,EAAEH;EAClB,CAAC;AACL,CAAC;AAED,MAAMM,mBAAmB,GAA0BZ,KAAQ,IAA2B;EAClF,MAAMa,4BAA4B,GAAG,CACjC,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,CACrB;EAED,IAAI,CAACA,4BAA4B,CAACX,KAAK,CAACC,IAAI,IAAIA,IAAI,IAAIH,KAAK,CAAC,EAAE;IAC5DH,IAAI,CAAE,yEAAwEgB,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,EAAEnB,YAAY,CAACoB,qBAAqB,CAAClB,KAAK,CAAC;IACrDc,eAAe,EAAER,SAAS;IAC1BS,gBAAgB,EAAET,SAAS;IAC3BU,gBAAgB,EAAEV;EACtB,CAAC;AACL,CAAC;AAED,OAAO,MAAMa,eAAe,GAAkEnB,KAAQ,IAAQ;EAC1G,MAAMoB,mBAAmB,GAAI,WAAW,IAAIpB,KAAK,IAAIqB,KAAK,CAACC,OAAO,CAACtB,KAAK,CAACuB,SAAS,CAAC,GAC7E;IAAEA,SAAS,EAAEzB,YAAY,CAAC0B,oBAAoB,CAACxB,KAAK,CAACuB,SAAS;EAAE,CAAC,GACjE,CAAC,CAAC;EAER,MAAME,mBAAmB,GACrB,aAAa,IAAIzB,KAAK,IACtB,cAAc,IAAIA,KAAK,IACvB,eAAe,IAAIA,KAAK,IACxB,cAAc,IAAIA,KAAK,GACvBD,kBAAkB,CAACC,KAAkB,CAAC,GAAG,CAAC,CAAC;EAE/C,MAAM0B,oBAAoB,GACtB,iBAAiB,IAAI1B,KAAK,IAC1B,kBAAkB,IAAIA,KAAK,IAC3B,kBAAkB,IAAIA,KAAK,GAC3BY,mBAAmB,CAACZ,KAAmB,CAAC,GAAG,CAAC,CAAC;EAEjD,OAAO;IACH,GAAGA,KAAK;IACR,GAAGoB,mBAAmB;IACtB,GAAGK,mBAAmB;IACtB,GAAGC;EACP,CAAC;AACL,CAAC"}

package/lib/module/utils/normalizer.js

@@ -0,0 +1,79 @@
+// based on react-native-web normalizer
+// https://github.com/necolas/react-native-web
+import normalizeColors from '@react-native/normalize-colors';
+export 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 = normalizeColors(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;
+};
+export const normalizeNumericValue = value => value ? `${value}px` : value;
+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(' ');
+export const preprocessor = {
+  createTextShadowValue,
+  createBoxShadowValue,
+  createTransformValue
+};
+//# sourceMappingURL=normalizer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["normalizeColors","normalizeColor","color","opacity","arguments","length","undefined","integer","hex","toString","padStart","r","g","b","a","split","map","x","parseInt","filter","num","isNaN","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/module/utils/styles.js

@@ -1,76 +1,45 @@
 import { getValueForBreakpoint } from './breakpoints';
 import { normalizeStyles } from './normalizeStyles';
-import { isWeb } from './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
- */
-export const proxifyFunction = (fn, breakpoint, screenSize, breakpointPairs) => new Proxy(fn, {
-  apply: (target, thisArg, argumentsList) => parseStyle(target.apply(thisArg, argumentsList), breakpoint, screenSize, breakpointPairs)
+import { isAndroid, isIOS, isWeb } from './common';
+import { getKeyForVariant } from './variants';
+export 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' }
- */
-export const parseStyle = (style, breakpoint, screenSize, breakpointPairs) => {
-  const entries = Object.entries(style);
-  const parsedStyles = Object.fromEntries(entries.map(_ref => {
+export const isPlatformColor = value => {
+  if (isIOS) {
+    return 'semantic' in value && typeof value.semantic === 'object';
+  }
+  return isAndroid && 'resource_paths' in value && typeof value.resource_paths === 'object';
+};
+export 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 = 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, getValueForBreakpoint(value, breakpoint, screenSize, breakpointPairs)];
+    return [key, getValueForBreakpoint(value)];
   }));
-  return isWeb() ? normalizeStyles(parsedStyles) : parsedStyles;
+  return isWeb ? normalizeStyles(parsedStyles) : parsedStyles;
 };
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["getValueForBreakpoint","normalizeStyles","isWeb","proxifyFunction","fn","breakpoint","screenSize","breakpointPairs","Proxy","apply","target","thisArg","argumentsList","parseStyle","style","entries","Object","parsedStyles","fromEntries","map","_ref","key","value","hasNestedProperties","isTransform","Array","isArray","isDynamicFunction","isValidStyle"],"sourceRoot":"../../../src","sources":["utils/styles.ts"],"mappings":"AACA,SAASA,qBAAqB,QAAQ,eAAe;AACrD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,KAAK,QAAQ,UAAU;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,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;AACA,OAAO,MAAMM,UAAU,GAAGA,CACtBC,KAA8B,EAC9BT,UAA4B,EAC5BC,UAAsB,EACtBC,eAA2C,KACvC;EACJ,MAAMQ,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,EACHR,UAAU,CAACS,KAAK,EAA6BjB,UAAU,EAAEC,UAAU,EAAEC,eAAe,CAAC,CACxF;IACL;IAEA,MAAMiB,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,IAAIT,UAAU,CAACS,KAAK,EAAEjB,UAAU,EAAEC,UAAU,EAAEC,eAAe,CAAC,CAAC,CACjF;IACL;IAEA,MAAMoB,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,EACHrB,qBAAqB,CACjBsB,KAAK,EACLjB,UAAU,EACVC,UAAU,EACVC,eACJ,CAAC,CACJ;EACL,CAAC,CACL,CAAC;EAEL,OAAOL,KAAK,CAAC,CAAC,GACRD,eAAe,CAACgB,YAAY,CAAC,GAC7BA,YAAY;AACtB,CAAC"}
+{"version":3,"names":["getValueForBreakpoint","normalizeStyles","isAndroid","isIOS","isWeb","getKeyForVariant","proxifyFunction","fn","breakpoint","screenSize","variant","Proxy","apply","target","thisArg","argumentsList","parseStyle","isPlatformColor","value","semantic","resource_paths","style","entries","Object","map","_ref","key","variantKey","undefined","flat","filter","Boolean","parsedStyles","fromEntries","_ref2","hasNestedProperties","isTransform","Array","isArray","isDynamicFunction","isValidStyle"],"sourceRoot":"../../../src","sources":["utils/styles.ts"],"mappings":"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"}

package/lib/module/utils/variants.js

@@ -0,0 +1,10 @@
+export const getKeyForVariant = (value, variant) => {
+  if (variant && variant in value) {
+    return variant;
+  }
+  if ('default' in value) {
+    return 'default';
+  }
+  return undefined;
+};
+//# sourceMappingURL=variants.js.map

package/lib/module/utils/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getKeyForVariant","value","variant","undefined"],"sourceRoot":"../../../src","sources":["utils/variants.ts"],"mappings":"AAEA,OAAO,MAAMA,gBAAgB,GAAGA,CAACC,KAAkB,EAAEC,OAAgB,KAAuB;EACxF,IAAIA,OAAO,IAAIA,OAAO,IAAID,KAAK,EAAE;IAC7B,OAAOC,OAAO;EAClB;EAEA,IAAI,SAAS,IAAID,KAAK,EAAE;IACpB,OAAO,SAAS;EACpB;EAEA,OAAOE,SAAS;AACpB,CAAC"}

package/lib/typescript/src/common.d.ts

@@ -0,0 +1,17 @@
+export declare enum CxxUnistylesEventTypes {
+    Theme = "theme",
+    Layout = "layout"
+}
+export declare enum UnistylesError {
+    RuntimeUnavailable = "UNISTYLES_ERROR_RUNTIME_UNAVAILABLE",
+    ThemeNotFound = "UNISTYLES_ERROR_THEME_NOT_FOUND",
+    ThemeNotRegistered = "UNISTYLES_ERROR_THEME_NOT_REGISTERED",
+    ThemesCannotBeEmpty = "UNISTYLES_ERROR_THEMES_CANNOT_BE_EMPTY",
+    BreakpointsCannotBeEmpty = "UNISTYLES_ERROR_BREAKPOINTS_CANNOT_BE_EMPTY",
+    BreakpointsMustStartFromZero = "UNISTYLES_ERROR_BREAKPOINTS_MUST_START_FROM_ZERO"
+}
+export declare enum ScreenOrientation {
+    Portrait = 1,
+    Landscape = 2
+}
+//# sourceMappingURL=common.d.ts.map

package/lib/typescript/src/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/common.ts"],"names":[],"mappings":"AAAA,oBAAY,sBAAsB;IAC9B,KAAK,UAAU;IACf,MAAM,WAAW;CACpB;AAED,oBAAY,cAAc;IACtB,kBAAkB,wCAAwC;IAC1D,aAAa,oCAAoC;IACjD,kBAAkB,yCAAyC;IAC3D,mBAAmB,2CAA2C;IAC9D,wBAAwB,gDAAgD;IACxE,4BAA4B,qDAAqD;CACpF;AAGD,oBAAY,iBAAiB;IACzB,QAAQ,IAAI;IACZ,SAAS,IAAI;CAChB"}

package/lib/typescript/src/core/UnistyleRegistry.d.ts

@@ -0,0 +1,15 @@
+import type { UnistylesBridge, UnistylesConfig } from '../types';
+import type { UnistylesBreakpoints, UnistylesThemes } from '../global';
+export declare class UnistyleRegistry {
+    private unistylesBridge;
+    config: UnistylesConfig;
+    themeNames: Array<keyof UnistylesThemes>;
+    themes: UnistylesThemes;
+    breakpoints: UnistylesBreakpoints;
+    sortedBreakpointPairs: Array<[keyof UnistylesBreakpoints, UnistylesBreakpoints[keyof UnistylesBreakpoints]]>;
+    constructor(unistylesBridge: UnistylesBridge);
+    addThemes: (themes: UnistylesThemes) => this;
+    addBreakpoints: (breakpoints: UnistylesBreakpoints) => this;
+    addConfig: (config: UnistylesConfig) => this;
+}
+//# sourceMappingURL=UnistyleRegistry.d.ts.map

package/lib/typescript/src/core/UnistyleRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnistyleRegistry.d.ts","sourceRoot":"","sources":["../../../../src/core/UnistyleRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAEtE,qBAAa,gBAAgB;IAOb,OAAO,CAAC,eAAe;IAN5B,MAAM,EAAE,eAAe,CAAK;IAC5B,UAAU,EAAE,KAAK,CAAC,MAAM,eAAe,CAAC,CAAK;IAC7C,MAAM,EAAE,eAAe,CAAwB;IAC/C,WAAW,EAAE,oBAAoB,CAA6B;IAC9D,qBAAqB,EAAE,KAAK,CAAC,CAAC,MAAM,oBAAoB,EAAE,oBAAoB,CAAC,MAAM,oBAAoB,CAAC,CAAC,CAAC,CAAK;gBAEpG,eAAe,EAAE,eAAe;IAE7C,SAAS,WAAY,eAAe,UAS1C;IAEM,cAAc,gBAAiB,oBAAoB,UAMzD;IAEM,SAAS,WAAY,eAAe,UAQ1C;CACJ"}

package/lib/typescript/src/core/Unistyles.d.ts

@@ -0,0 +1,13 @@
+import { UnistylesRuntime } from './UnistylesRuntime';
+import { UnistyleRegistry } from './UnistyleRegistry';
+declare class Unistyles {
+    private _runtime;
+    private _registry;
+    private _bridge;
+    constructor();
+    get registry(): UnistyleRegistry;
+    get runtime(): UnistylesRuntime;
+}
+export declare const unistyles: Unistyles;
+export {};
+//# sourceMappingURL=Unistyles.d.ts.map

package/lib/typescript/src/core/Unistyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Unistyles.d.ts","sourceRoot":"","sources":["../../../../src/core/Unistyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAIrD,cAAM,SAAS;IACX,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,OAAO,CAAiB;;IAehC,IAAW,QAAQ,qBAElB;IAED,IAAW,OAAO,qBAEjB;CACJ;AAED,eAAO,MAAM,SAAS,WAAkB,CAAA"}

package/lib/typescript/src/core/UnistylesModule.d.ts

@@ -0,0 +1,6 @@
+type UnistylesNativeModule = {
+    install(): boolean;
+};
+export declare const UnistylesModule: UnistylesNativeModule;
+export {};
+//# sourceMappingURL=UnistylesModule.d.ts.map

package/lib/typescript/src/core/UnistylesModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnistylesModule.d.ts","sourceRoot":"","sources":["../../../../src/core/UnistylesModule.ts"],"names":[],"mappings":"AAEA,KAAK,qBAAqB,GAAG;IACzB,OAAO,IAAI,OAAO,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,eAAe,uBAAoD,CAAA"}

package/lib/typescript/src/core/UnistylesRuntime.d.ts

@@ -0,0 +1,24 @@
+import { ScreenOrientation } from '../common';
+import type { UnistylesBridge } from '../types';
+import type { UnistylesThemes } from '../global';
+import type { UnistyleRegistry } from './UnistyleRegistry';
+export declare class UnistylesRuntime {
+    private unistylesBridge;
+    private registry;
+    constructor(unistylesBridge: UnistylesBridge, registry: UnistyleRegistry);
+    get colorScheme(): import("../types").ColorSchemeName;
+    get hasAdaptiveThemes(): boolean;
+    get sortedBreakpoints(): [keyof import("../global").UnistylesBreakpoints, number | undefined][];
+    get themeName(): never;
+    get breakpoint(): keyof import("../global").UnistylesBreakpoints;
+    get screen(): {
+        width: number;
+        height: number;
+    };
+    get orientation(): ScreenOrientation;
+    setTheme: (name: keyof UnistylesThemes) => boolean;
+    getTheme: (forName: keyof UnistylesThemes) => never;
+    setAdaptiveThemes: (enable: boolean) => void;
+    private hasTheme;
+}
+//# sourceMappingURL=UnistylesRuntime.d.ts.map

package/lib/typescript/src/core/UnistylesRuntime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnistylesRuntime.d.ts","sourceRoot":"","sources":["../../../../src/core/UnistylesRuntime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAkB,MAAM,WAAW,CAAA;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,qBAAa,gBAAgB;IACb,OAAO,CAAC,eAAe;IAAmB,OAAO,CAAC,QAAQ;gBAAlD,eAAe,EAAE,eAAe,EAAU,QAAQ,EAAE,gBAAgB;IAExF,IAAW,WAAW,uCAErB;IAED,IAAW,iBAAiB,YAE3B;IAED,IAAW,iBAAiB,2EAE3B;IAED,IAAW,SAAS,UAEnB;IAED,IAAW,UAAU,mDAEpB;IAED,IAAW,MAAM;;;MAKhB;IAED,IAAW,WAAW,sBAQrB;IAEM,QAAQ,SAAU,MAAM,eAAe,aAQ7C;IAEM,QAAQ,YAAa,MAAM,eAAe,WAUhD;IAEM,iBAAiB,WAAY,OAAO,UAE1C;IAED,OAAO,CAAC,QAAQ,CAAgE;CACnF"}

package/lib/typescript/src/core/index.d.ts

@@ -0,0 +1,2 @@
+export { unistyles } from './Unistyles';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}

package/lib/typescript/src/createStyleSheet.d.ts

@@ -0,0 +1,3 @@
+import type { CustomNamedStyles, UnistylesTheme } from './types';
+export declare const createStyleSheet: <S, X>(styles: S | X | CustomNamedStyles<S> | ((theme: UnistylesTheme) => X | CustomNamedStyles<X>)) => S | X;
+//# sourceMappingURL=createStyleSheet.d.ts.map