react-native-unistyles 1.2.0 → 1.3.0

package/lib/module/{utils/normalizeStyles.web.js → normalizer/normalizeStyle.js}

@@ -1,5 +1,5 @@
-import { warn } from './common';
 import { preprocessor } from './normalizer';
+import { warn } from '../common';
 const normalizeBoxShadow = style => {
   const requiredBoxShadowProperties = ['shadowColor', 'shadowOffset', 'shadowOpacity', 'shadowRadius'];
   if (!requiredBoxShadowProperties.every(prop => prop in style)) {
@@ -36,7 +36,7 @@ const normalizeTextShadow = style => {
     textShadowRadius: undefined
   };
 };
-export const normalizeStyles = style => {
+export const normalizeStyle = style => {
   const normalizedTransform = 'transform' in style && Array.isArray(style.transform) ? {
     transform: preprocessor.createTransformValue(style.transform)
   } : {};
@@ -49,4 +49,4 @@ export const normalizeStyles = style => {
     ...normalizedTextShadow
   };
 };
-//# sourceMappingURL=normalizeStyles.web.js.map
+//# sourceMappingURL=normalizeStyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["preprocessor","warn","normalizeBoxShadow","style","requiredBoxShadowProperties","every","prop","join","shadowColor","undefined","shadowOffset","shadowOpacity","shadowRadius","boxShadow","createBoxShadowValue","normalizeTextShadow","requiredTextShadowProperties","textShadowColor","textShadowOffset","textShadowRadius","textShadow","createTextShadowValue","normalizeStyle","normalizedTransform","Array","isArray","transform","createTransformValue","normalizedBoxShadow","normalizedTextShadow"],"sourceRoot":"../../../src","sources":["normalizer/normalizeStyle.ts"],"mappings":"AAAA,SAASA,YAAY,QAAQ,cAAc;AAC3C,SAASC,IAAI,QAAQ,WAAW;AAGhC,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;IAC3DF,IAAI,CAAE,wEAAuEG,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,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;IAC5DF,IAAI,CAAE,yEAAwEe,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,KAAK,CAAC;IACrDc,eAAe,EAAER,SAAS;IAC1BS,gBAAgB,EAAET,SAAS;IAC3BU,gBAAgB,EAAEV;EACtB,CAAC;AACL,CAAC;AAED,OAAO,MAAMa,cAAc,GAAuBnB,KAAQ,IAAQ;EAC9D,MAAMoB,mBAAmB,GAAI,WAAW,IAAIpB,KAAK,IAAIqB,KAAK,CAACC,OAAO,CAACtB,KAAK,CAACuB,SAAS,CAAC,GAC7E;IAAEA,SAAS,EAAE1B,YAAY,CAAC2B,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}/normalizer.js

@@ -1,15 +1,14 @@
 // 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;
+export const normalizeColor = (color, opacity = 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 the color is an unknown format, the return value is null
   if (integer === null) {
     return color;
   }

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

@@ -0,0 +1 @@
+{"version":3,"names":["normalizeColors","normalizeColor","color","opacity","integer","hex","toString","padStart","length","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","undefined","join","Boolean","preprocessor"],"sourceRoot":"../../../src","sources":["normalizer/normalizer.ts"],"mappings":"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"}

package/lib/module/normalizer/normalizer.macos.js

@@ -0,0 +1,2 @@
+// keep it empty for macOS
+//# sourceMappingURL=normalizer.macos.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["normalizer/normalizer.macos.ts"],"mappings":"AAAA"}

package/lib/module/plugins/cssMediaQueriesPlugin.js

@@ -0,0 +1,7 @@
+// prevent recursive import
+import { createMediaQueryForStyles } from '../utils/cssMediaQuery';
+export const cssMediaQueriesPlugin = {
+  name: '__unistylesCSSMediaQueries',
+  onParsedStyle: (_key, styles, runtime) => createMediaQueryForStyles(styles, runtime)
+};
+//# sourceMappingURL=cssMediaQueriesPlugin.js.map

package/lib/module/plugins/cssMediaQueriesPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createMediaQueryForStyles","cssMediaQueriesPlugin","name","onParsedStyle","_key","styles","runtime"],"sourceRoot":"../../../src","sources":["plugins/cssMediaQueriesPlugin.ts"],"mappings":"AAAA;AACA,SAASA,yBAAyB,QAAQ,wBAAwB;AAGlE,OAAO,MAAMC,qBAAsC,GAAG;EAClDC,IAAI,EAAE,4BAA4B;EAClCC,aAAa,EAAEA,CAACC,IAAI,EAAEC,MAAM,EAAEC,OAAO,KAAKN,yBAAyB,CAACK,MAAM,EAAEC,OAAO;AACvF,CAAC"}

package/lib/module/plugins/index.js

@@ -0,0 +1,3 @@
+export { normalizeWebStylesPlugin } from './normalizeWebStylesPlugin';
+export { cssMediaQueriesPlugin } from './cssMediaQueriesPlugin';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["normalizeWebStylesPlugin","cssMediaQueriesPlugin"],"sourceRoot":"../../../src","sources":["plugins/index.ts"],"mappings":"AAAA,SAASA,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,qBAAqB,QAAQ,yBAAyB"}

package/lib/module/plugins/normalizeWebStylesPlugin.js

@@ -0,0 +1,6 @@
+import { normalizeStyle } from '../normalizer';
+export const normalizeWebStylesPlugin = {
+  name: '__unistylesNormalizeWebStyles',
+  onParsedStyle: (_key, styles) => normalizeStyle(styles)
+};
+//# sourceMappingURL=normalizeWebStylesPlugin.js.map

package/lib/module/plugins/normalizeWebStylesPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["normalizeStyle","normalizeWebStylesPlugin","name","onParsedStyle","_key","styles"],"sourceRoot":"../../../src","sources":["plugins/normalizeWebStylesPlugin.ts"],"mappings":"AACA,SAASA,cAAc,QAAQ,eAAe;AAE9C,OAAO,MAAMC,wBAAyC,GAAG;EACrDC,IAAI,EAAE,+BAA+B;EACrCC,aAAa,EAAEA,CAACC,IAAI,EAAEC,MAAM,KAAKL,cAAc,CAACK,MAAM;AAC1D,CAAC"}

package/lib/module/types/common.js

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

package/lib/module/types/common.js.map

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

package/lib/module/types/index.js

@@ -1,2 +1,3 @@
 export * from './normalizer';
+export * from './unistyles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/index.ts"],"mappings":"AAAA,cAAc,cAAc"}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/index.ts"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,aAAa"}

package/lib/module/types/plugin.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=plugin.js.map

package/lib/module/types/plugin.js.map

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

package/lib/module/types/stylesheet.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=stylesheet.js.map

package/lib/module/types/stylesheet.js.map

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

package/lib/module/types/unistyles.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=unistyles.js.map

package/lib/module/types/unistyles.js.map

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

package/lib/module/types/variants.js

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

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

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

package/lib/module/useStyles.js

@@ -0,0 +1,40 @@
+import { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import { parseStyle, proxifyFunction, withPlugins } from './utils';
+import { useCSS, useUnistyles, useVariants } from './hooks';
+import { unistyles } from './core';
+import { isWeb } from './common';
+/**
+ * Hook that enables all the features of Unistyles
+ * @param stylesheet - The stylesheet with superpowers to be used
+ * @param variantsMap - The map of variants to be used
+ * @returns - The theme, current breakpoint and RN compatible styles
+ */
+export const useStyles = (stylesheet, variantsMap) => {
+  const {
+    theme,
+    layout,
+    plugins
+  } = useUnistyles();
+  const variants = useVariants(variantsMap);
+  const parsedStyles = useMemo(() => typeof stylesheet === 'function' ? stylesheet(theme) : stylesheet, [theme, stylesheet, layout]);
+  const dynamicStyleSheet = useMemo(() => Object.entries(parsedStyles || {}).reduce((acc, [key, value]) => {
+    if (typeof value === 'function') {
+      return {
+        ...acc,
+        [key]: proxifyFunction(key, value, variants)
+      };
+    }
+    return StyleSheet.create({
+      ...acc,
+      [key]: withPlugins(key, parseStyle(value, variants, !isWeb || !unistyles.registry.config.experimentalCSSMediaQueries))
+    });
+  }, {}), [parsedStyles, variants, plugins]);
+  useCSS(dynamicStyleSheet);
+  return {
+    theme,
+    breakpoint: layout.breakpoint,
+    styles: dynamicStyleSheet
+  };
+};
+//# sourceMappingURL=useStyles.js.map

package/lib/module/useStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","StyleSheet","parseStyle","proxifyFunction","withPlugins","useCSS","useUnistyles","useVariants","unistyles","isWeb","useStyles","stylesheet","variantsMap","theme","layout","plugins","variants","parsedStyles","dynamicStyleSheet","Object","entries","reduce","acc","key","value","create","registry","config","experimentalCSSMediaQueries","breakpoint","styles"],"sourceRoot":"../../src","sources":["useStyles.ts"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,eAAe,EAAEC,WAAW,QAAQ,SAAS;AAClE,SAASC,MAAM,EAAEC,YAAY,EAAEC,WAAW,QAAQ,SAAS;AAG3D,SAASC,SAAS,QAAQ,QAAQ;AAClC,SAASC,KAAK,QAAQ,UAAU;AAQhC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGA,CACrBC,UAAe,EACfC,WAAoD,KAC7B;EACvB,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGT,YAAY,CAAC,CAAC;EACjD,MAAMU,QAAQ,GAAGT,WAAW,CAACK,WAAW,CAAC;EACzC,MAAMK,YAAY,GAAGjB,OAAO,CAAC,MAAM,OAAOW,UAAU,KAAK,UAAU,GAC7DA,UAAU,CAACE,KAAK,CAAC,GACjBF,UAAU,EAAE,CAACE,KAAK,EAAEF,UAAU,EAAEG,MAAM,CAAC,CAAC;EAE9C,MAAMI,iBAAiB,GAAGlB,OAAO,CAAC,MAAMmB,MAAM,CACzCC,OAAO,CAACH,YAAY,IAAI,CAAC,CAAC,CAAC,CAC3BI,MAAM,CAAC,CAACC,GAAG,EAAE,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;IAC3B,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;MAC7B,OAAO;QACH,GAAGF,GAAG;QACN,CAACC,GAAG,GAAGpB,eAAe,CAACoB,GAAG,EAAEC,KAAK,EAAER,QAAQ;MAC/C,CAAC;IACL;IAEA,OAAOf,UAAU,CAACwB,MAAM,CAAC;MACrB,GAAGH,GAAG;MACN,CAACC,GAAG,GAAGnB,WAAW,CAACmB,GAAG,EAAErB,UAAU,CAC9BsB,KAAK,EACLR,QAAQ,EACR,CAACP,KAAK,IAAI,CAACD,SAAS,CAACkB,QAAQ,CAACC,MAAM,CAACC,2BAA2B,CACpE;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAACX,YAAY,EAAED,QAAQ,EAAED,OAAO,CAC5C,CAAC;EAEDV,MAAM,CAACa,iBAA8C,CAAC;EAEtD,OAAO;IACHL,KAAK;IACLgB,UAAU,EAAEf,MAAM,CAACe,UAAU;IAC7BC,MAAM,EAAEZ;EACZ,CAAC;AACL,CAAC"}

package/lib/module/utils/breakpoints.js

@@ -1,127 +1,26 @@
-import { throwError } from './common';
-import { getKeyForCustomMediaQuery, isMediaQuery } from './mediaQueries';
-
-/**
- * Sorts the breakpoints object based on its numeric values in ascending order and validates them.
- *
- * This function takes an object where keys represent breakpoint names and values are numeric.
- * It returns a new object with the same keys but sorted based on their corresponding numeric values.
- * Additionally, it validates that:
- * 1. The first breakpoint starts with a value of 0.
- * 2. No duplicate breakpoint values exist.
- *
- * If the validation fails, appropriate error messages are logged to the console.
- *
- * @template B - An object type where keys are strings and values are numbers.
- * @param {B} breakpoints - The breakpoints object to be sorted and validated.
- * @returns {B} A new object with sorted and validated breakpoints.
- *
- * @example
- * const input = { md: 768, lg: 1024, sm: 0 }
- * sortAndValidateBreakpoints(input) // returns { sm: 0, md: 768, lg: 1024 }
- */
-export const sortAndValidateBreakpoints = breakpoints => {
-  const sortedPairs = Object.entries(breakpoints).sort((breakpoint1, breakpoint2) => {
-    const [, value1] = breakpoint1;
-    const [, value2] = breakpoint2;
-    return value1 - value2;
-  });
-  const sortedBreakpoints = Object.freeze(Object.fromEntries(sortedPairs));
-  const breakpointValues = Object.values(sortedBreakpoints);
-  const [firstBreakpoint] = breakpointValues;
-  if (firstBreakpoint !== 0) {
-    throwError('first breakpoint must start with 0');
+import { unistyles } from '../core';
+import { ScreenOrientation, isMobile } from '../common';
+import { getKeyForUnistylesMediaQuery } from './mqParser';
+export const getValueForBreakpoint = value => {
+  const customMediaQueryKey = getKeyForUnistylesMediaQuery(Object.entries(value), unistyles.runtime.screen);
+  if (customMediaQueryKey) {
+    return value[customMediaQueryKey];
   }
-  if (breakpointValues.length !== new Set(breakpointValues).size) {
-    throwError('breakpoint values are duplicated');
+  const hasBreakpoints = unistyles.registry.sortedBreakpointPairs.length > 0;
+  if (!hasBreakpoints && isMobile && (ScreenOrientation.Landscape in value || ScreenOrientation.Portrait in value)) {
+    return value[unistyles.runtime.orientation];
   }
-  return sortedBreakpoints;
-};
-
-/**
- * Determines the appropriate breakpoint key for a given screen width based on provided breakpoints.
- *
- * This function takes a screen width and an object of breakpoints. It returns the key of the breakpoint
- * that the screen width falls into. The breakpoints are assumed to be sorted in ascending order.
- *
- * @template B - An object type where keys are strings and values are numbers representing screen widths.
- * @param {number} width - The screen width to determine the breakpoint for.
- * @param breakpointEntries - sorted pairs of breakpoints
- * @returns {keyof B & string} The key of the breakpoint that the screen width falls into.
- *
- * @example
- * const breakpoints = { sm: 0, md: 768, lg: 1024 }
- * getBreakpointFromScreenWidth(800, breakpoints) // returns 'md'
- */
-export const getBreakpointFromScreenWidth = (width, breakpointEntries) => {
-  const [key] = breakpointEntries.find((_ref, index, otherBreakpoints) => {
-    let [, value] = _ref;
-    const minVal = value;
-    const maxVal = otherBreakpoints[index + 1]?.[1];
-    if (!maxVal) {
-      return true;
-    }
-    return width >= minVal && width < maxVal;
-  });
-  return key;
-};
-
-/**
- * Retrieves the value associated with a given breakpoint or custom media query based on the provided screen size.
- *
- * The function first checks for custom media queries. If a matching custom media query is found, its associated value is returned.
- * If no custom media query matches, the function then checks for a direct breakpoint match.
- * If there's no direct breakpoint match, the function simulates CSS cascading to find the closest matching breakpoint.
- *
- * @template B - An object type where keys represent breakpoint names and values represent breakpoint values.
- *
- * @param {Record<keyof B & string, string | number>} value - An object containing values associated with breakpoints or custom media queries.
- * @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 {string | number | undefined} Returns the value associated with the matching breakpoint or custom media query, or `undefined` if no match is found.
- *
- * @example
- *
- * const values = { ':w[200]': 'value1', sm: 'value2', md: 'value3' }
- * const screenSize = { width: 250, height: 400 }
- * const breakpoints = { sm: 300, md: 600, lg: 900 }
- *
- * getValueForBreakpoint(values, 'sm', screenSize, breakpoints); // 'value1'
- */
-export const getValueForBreakpoint = (value, breakpoint, screenSize, breakpointPairs) => {
-  // the highest priority is for custom media queries
-  const customMediaQueries = Object.entries(value).filter(_ref2 => {
-    let [key] = _ref2;
-    return isMediaQuery(key);
-  });
-  const customMediaQueryKey = getKeyForCustomMediaQuery(customMediaQueries, screenSize);
-  if (customMediaQueryKey && customMediaQueryKey in value) {
-    return value[customMediaQueryKey];
+  const breakpoint = unistyles.runtime.breakpoint;
+  if (!breakpoint) {
+    return undefined;
   }
-
-  // if no custom media query, or didn't match, proceed with defined breakpoints
-  const unifiedKey = breakpoint;
-  const directBreakpoint = value[unifiedKey];
-
-  // if there is a direct key like 'sm' or 'md', or value for this key exists but its undefined
-  if (directBreakpoint || unifiedKey in value) {
+  const directBreakpoint = value[breakpoint];
+  if (directBreakpoint || breakpoint in value) {
     return directBreakpoint;
   }
-
-  // there is no direct hit for breakpoint nor media-query, so let's simulate CSS cascading
-  const currentBreakpoint = breakpointPairs.findIndex(_ref3 => {
-    let [key] = _ref3;
-    return key === unifiedKey;
-  });
-  const availableBreakpoints = breakpointPairs.filter((_ref4, index) => {
-    let [key] = _ref4;
-    return index < currentBreakpoint && key && key in value;
-  }).map(_ref5 => {
-    let [key] = _ref5;
-    return key;
-  });
-  return breakpointPairs.length > 0 ? value[availableBreakpoints[availableBreakpoints.length - 1]] : undefined;
+  const breakpointPairs = unistyles.registry.sortedBreakpointPairs;
+  const currentBreakpointIndex = breakpointPairs.findIndex(([key]) => key === breakpoint);
+  const availableBreakpoints = breakpointPairs.filter(([key], index) => index < currentBreakpointIndex && key in value).map(([key]) => key);
+  return value[availableBreakpoints[availableBreakpoints.length - 1]];
 };
 //# sourceMappingURL=breakpoints.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["throwError","getKeyForCustomMediaQuery","isMediaQuery","sortAndValidateBreakpoints","breakpoints","sortedPairs","Object","entries","sort","breakpoint1","breakpoint2","value1","value2","sortedBreakpoints","freeze","fromEntries","breakpointValues","values","firstBreakpoint","length","Set","size","getBreakpointFromScreenWidth","width","breakpointEntries","key","find","_ref","index","otherBreakpoints","value","minVal","maxVal","getValueForBreakpoint","breakpoint","screenSize","breakpointPairs","customMediaQueries","filter","_ref2","customMediaQueryKey","unifiedKey","directBreakpoint","currentBreakpoint","findIndex","_ref3","availableBreakpoints","_ref4","map","_ref5","undefined"],"sourceRoot":"../../../src","sources":["utils/breakpoints.ts"],"mappings":"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"}
+{"version":3,"names":["unistyles","ScreenOrientation","isMobile","getKeyForUnistylesMediaQuery","getValueForBreakpoint","value","customMediaQueryKey","Object","entries","runtime","screen","hasBreakpoints","registry","sortedBreakpointPairs","length","Landscape","Portrait","orientation","breakpoint","undefined","directBreakpoint","breakpointPairs","currentBreakpointIndex","findIndex","key","availableBreakpoints","filter","index","map"],"sourceRoot":"../../../src","sources":["utils/breakpoints.ts"],"mappings":"AAAA,SAASA,SAAS,QAAQ,SAAS;AAGnC,SAASC,iBAAiB,EAAEC,QAAQ,QAAQ,WAAW;AACvD,SAASC,4BAA4B,QAAQ,YAAY;AAEzD,OAAO,MAAMC,qBAAqB,GAAIC,KAA8B,IAAwB;EACxF,MAAMC,mBAAmB,GAAGH,4BAA4B,CACpDI,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,EACrBL,SAAS,CAACS,OAAO,CAACC,MACtB,CAAuB;EAEvB,IAAIJ,mBAAmB,EAAE;IACrB,OAAOD,KAAK,CAACC,mBAAmB,CAAC;EACrC;EAEA,MAAMK,cAAc,GAAGX,SAAS,CAACY,QAAQ,CAACC,qBAAqB,CAACC,MAAM,GAAG,CAAC;EAE1E,IAAI,CAACH,cAAc,IAAIT,QAAQ,KAAKD,iBAAiB,CAACc,SAAS,IAAIV,KAAK,IAAIJ,iBAAiB,CAACe,QAAQ,IAAIX,KAAK,CAAC,EAAE;IAC9G,OAAOA,KAAK,CAACL,SAAS,CAACS,OAAO,CAACQ,WAAW,CAAC;EAC/C;EAEA,MAAMC,UAAU,GAAGlB,SAAS,CAACS,OAAO,CAACS,UAAU;EAE/C,IAAI,CAACA,UAAU,EAAE;IACb,OAAOC,SAAS;EACpB;EAEA,MAAMC,gBAAgB,GAAGf,KAAK,CAACa,UAAU,CAAC;EAE1C,IAAIE,gBAAgB,IAAKF,UAAU,IAAIb,KAAM,EAAE;IAC3C,OAAOe,gBAAgB;EAC3B;EAEA,MAAMC,eAAe,GAAGrB,SAAS,CAACY,QAAQ,CAACC,qBAAqB;EAChE,MAAMS,sBAAsB,GAAGD,eAAe,CACzCE,SAAS,CAAC,CAAC,CAACC,GAAG,CAAC,KAAKA,GAAG,KAAKN,UAAU,CAAC;EAE7C,MAAMO,oBAAoB,GAAGJ,eAAe,CACvCK,MAAM,CAAC,CAAC,CAACF,GAAG,CAAC,EAAEG,KAAK,KAAKA,KAAK,GAAGL,sBAAsB,IAAIE,GAAG,IAAInB,KAAK,CAAC,CACxEuB,GAAG,CAAC,CAAC,CAACJ,GAAG,CAAC,KAAKA,GAAG,CAAC;EAExB,OAAOnB,KAAK,CAACoB,oBAAoB,CAACA,oBAAoB,CAACX,MAAM,GAAG,CAAC,CAAC,CAAwC;AAC9G,CAAC"}

package/lib/module/utils/cssMediaQuery.js

@@ -0,0 +1,237 @@
+import { normalizeColor } from '../normalizer';
+import { isUnistylesMq, isValidMq, parseMq } from './mqParser';
+import { generateReactNativeWebId } from './generateId';
+export const createMediaQueryForStyles = (styles, runtime) => {
+  const withMediaQueries = Object.entries(styles).filter(([, value]) => typeof value === 'object').reduce((acc, [prop, value]) => {
+    const objectKeys = Object.keys(value);
+    const mediaQueries = objectKeys.filter(key => isUnistylesMq(key));
+    const breakpoints = objectKeys.filter(key => runtime.breakpoints[key]);
+    if (mediaQueries.length === 0 && breakpoints.length === 0) {
+      return acc;
+    }
+    const className = generateReactNativeWebId(prop, '""');
+    const breakpointsStyles = getBreakpointsStyles(prop, value, runtime, className);
+    const mediaQueriesStyles = getMediaQueriesFromMQ(prop, value, className);
+    return {
+      ...acc,
+      [prop]: `
+                    ${breakpointsStyles} 
+                    ${mediaQueriesStyles}
+                `.trim()
+    };
+  }, {});
+  return {
+    ...styles,
+    ...withMediaQueries
+  };
+};
+const getMaxWidthMediaQuery = width => {
+  if (!width) {
+    return '';
+  }
+  if (width.to === Infinity) {
+    return '';
+  }
+  return `and (max-width: ${width.to}px)`;
+};
+const getMaxHeightMediaQuery = height => {
+  if (!height) {
+    return '';
+  }
+  if (height.to === Infinity) {
+    return '';
+  }
+  return `and (max-height: ${height.to}px)`;
+};
+const getMediaQueriesFromMQ = (prop, value, className) => Object.entries(value).reduce((acc, [key, value]) => {
+  const result = parseMq(key);
+  if (!isValidMq(result)) {
+    return acc;
+  }
+  if (result.width && result.height) {
+    return `${acc}
+
+                @media screen and (min-width: ${result.width.from}px) and (min-height: ${result.height.from}px) ${getMaxWidthMediaQuery(result.width)} ${getMaxHeightMediaQuery(result.height)} {
+                    .${className} {
+                        ${normalizePropName(prop)}: ${normalizeWebValue(prop, value)};
+                    }
+                }
+            `;
+  }
+  if (result.width) {
+    return `${acc}
+
+                @media screen and (min-width: ${result.width.from}px) ${getMaxWidthMediaQuery(result.width)} {
+                    .${className} {
+                        ${normalizePropName(prop)}: ${normalizeWebValue(prop, value)};
+                    }
+                }
+            `;
+  }
+  if (result.height) {
+    return `${acc}
+
+                @media screen and (min-height: ${result.height.from}px) ${getMaxHeightMediaQuery(result.height)} {
+                    .${className} {
+                        ${normalizePropName(prop)}: ${normalizeWebValue(prop, value)};
+                    }
+                }
+            `;
+  }
+  return acc;
+}, '');
+const getBreakpointsStyles = (prop, value, runtime, className) => Object.entries(value).reduce((acc, [key, value]) => {
+  const breakpoint = runtime.breakpoints[key];
+  if (breakpoint === undefined) {
+    return acc;
+  }
+  return `${acc}
+
+            @media screen and (min-width: ${breakpoint}px) {
+                .${className} {
+                    ${normalizePropName(prop)}: ${normalizeWebValue(prop, value)};
+                }
+            }
+        `;
+}, '');
+const normalizePropName = prop => prop.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+const normalizeWebValue = (prop, value) => {
+  if (value === undefined) {
+    return 'unset';
+  }
+  switch (prop) {
+    // colors
+    case 'color':
+    case 'backgroundColor':
+    case 'borderColor':
+    case 'borderBottomColor':
+    case 'borderLeftColor':
+    case 'borderRightColor':
+    case 'borderTopColor':
+    case 'borderBlockColor':
+    case 'borderBlockEndColor':
+    case 'borderBlockStartColor':
+    case 'textDecorationColor':
+      return normalizeColor(value);
+
+    // dimensions
+    case 'width':
+    case 'height':
+    case 'minWidth':
+    case 'minHeight':
+    case 'maxWidth':
+    case 'maxHeight':
+    case 'borderRadius':
+    case 'borderWidth':
+    case 'borderBottomLeftRadius':
+    case 'borderBottomRightRadius':
+    case 'borderEndEndRadius':
+    case 'borderEndStartRadius':
+    case 'borderStartEndRadius':
+    case 'borderStartStartRadius':
+    case 'borderTopLeftRadius':
+    case 'borderTopRightRadius':
+    case 'borderBottomWidth':
+    case 'borderLeftWidth':
+    case 'borderRightWidth':
+    case 'borderTopWidth':
+    case 'bottom':
+    case 'left':
+    case 'right':
+    case 'top':
+    case 'marginTop':
+    case 'marginBottom':
+    case 'marginLeft':
+    case 'marginRight':
+    case 'paddingTop':
+    case 'paddingBottom':
+    case 'paddingLeft':
+    case 'paddingRight':
+    case 'flexBasis':
+    case 'rowGap':
+    case 'columnGap':
+    case 'gap':
+    case 'margin':
+    case 'padding':
+    case 'fontSize':
+    case 'letterSpacing':
+      return `${value}px`;
+
+    // without unit
+    case 'borderStyle':
+    case 'pointerEvents':
+    case 'backfaceVisibility':
+    case 'alignContent':
+    case 'alignItems':
+    case 'alignSelf':
+    case 'flexDirection':
+    case 'flexWrap':
+    case 'flex':
+    case 'aspectRatio':
+    case 'opacity':
+    case 'direction':
+    case 'zIndex':
+    case 'justifyContent':
+    case 'overflow':
+    case 'display':
+    case 'position':
+    case 'flexGrow':
+    case 'flexShrink':
+    case 'fontFamily':
+    case 'fontStyle':
+    case 'textDecorationLine':
+    case 'textAlign':
+    case 'textDecorationStyle':
+    case 'lineHeight':
+    case 'textTransform':
+    case 'fontVariant':
+    case 'verticalAlign':
+    case 'objectFit':
+      return value;
+
+    // to be transformed for now
+    // not supported
+    case 'marginHorizontal':
+    case 'paddingHorizontal':
+    case 'marginVertical':
+    case 'paddingVertical':
+    case 'shadowColor':
+    case 'shadowOffset':
+    case 'shadowOpacity':
+    case 'shadowRadius':
+    case 'transform':
+    case 'transformMatrix':
+    case 'fontWeight':
+    case 'textShadowOffset':
+    case 'textShadowRadius':
+    case 'textShadowColor':
+      return '';
+
+    // unsupported
+    case 'borderStartColor':
+    case 'borderEndColor':
+    case 'borderEndWidth':
+    case 'borderBottomEndRadius':
+    case 'borderBottomStartRadius':
+    case 'borderCurve':
+    case 'elevation':
+    case 'borderTopEndRadius':
+    case 'borderTopStartRadius':
+    case 'borderStartWidth':
+    case 'start':
+    case 'end':
+    case 'margin-end':
+    case 'margin-start':
+    case 'padding-end':
+    case 'padding-start':
+    case 'writingDirection':
+    case 'textAlignVertical':
+    case 'includeFontPadding':
+    case 'resizeMode':
+    case 'overlayColor':
+    case 'tintColor':
+    default:
+      return '';
+  }
+};
+//# sourceMappingURL=cssMediaQuery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["normalizeColor","isUnistylesMq","isValidMq","parseMq","generateReactNativeWebId","createMediaQueryForStyles","styles","runtime","withMediaQueries","Object","entries","filter","value","reduce","acc","prop","objectKeys","keys","mediaQueries","key","breakpoints","length","className","breakpointsStyles","getBreakpointsStyles","mediaQueriesStyles","getMediaQueriesFromMQ","trim","getMaxWidthMediaQuery","width","to","Infinity","getMaxHeightMediaQuery","height","result","from","normalizePropName","normalizeWebValue","breakpoint","undefined","replace","toLowerCase"],"sourceRoot":"../../../src","sources":["utils/cssMediaQuery.ts"],"mappings":"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"}

package/lib/module/utils/generateId.js

@@ -0,0 +1,7 @@
+// eslint-disable-next-line camelcase
+import { murmurhash2_32_gc } from './hash32';
+export const generateReactNativeWebId = (key, value) => {
+  const hashedString = murmurhash2_32_gc(key + value, 1).toString(36);
+  return process.env.NODE_ENV !== 'production' ? `r-${key}-${hashedString}` : `r-${hashedString}`;
+};
+//# sourceMappingURL=generateId.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["murmurhash2_32_gc","generateReactNativeWebId","key","value","hashedString","toString","process","env","NODE_ENV"],"sourceRoot":"../../../src","sources":["utils/generateId.ts"],"mappings":"AAAA;AACA,SAASA,iBAAiB,QAAQ,UAAU;AAE5C,OAAO,MAAMC,wBAAwB,GAAGA,CAACC,GAAW,EAAEC,KAAa,KAAa;EAC5E,MAAMC,YAAY,GAAGJ,iBAAiB,CAACE,GAAG,GAAGC,KAAK,EAAE,CAAC,CAAC,CAACE,QAAQ,CAAC,EAAE,CAAC;EAEnE,OAAOC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GACrC,KAAIN,GAAI,IAAGE,YAAa,EAAC,GACzB,KAAIA,YAAa,EAAC;AAC7B,CAAC"}