react-native-unistyles 1.0.0-beta.1

package/lib/commonjs/utils/styles.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.proxifyFunction = exports.parseStyle = void 0;
+var _breakpoints = require("./breakpoints");
+/**
+ * Proxies a function to parse its return value for custom media queries or breakpoints.
+ *
+ * If the function's string representation contains a custom media query or a defined breakpoint,
+ * the returned function will be proxied to parse its return value based on the provided screen size and breakpoints.
+ * If neither is found, the original function is returned.
+ *
+ * @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 {B} breakpoints - An object representing the defined breakpoints.
+ *
+ * @returns {Function} Returns the proxified function or the original function if no custom media query or breakpoint is found in its string representation.
+ *
+ * @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, breakpoints) => {
+  const stringifiedFunction = fn.toString();
+  const hasCustomMediaQuery = stringifiedFunction.includes(':w[') || stringifiedFunction.includes(':h[');
+  const hasBreakpoint = Object.keys(breakpoints).some(bp => stringifiedFunction.includes(bp));
+  if (!hasCustomMediaQuery && !hasBreakpoint) {
+    return fn;
+  }
+  return new Proxy(fn, {
+    apply: (target, thisArg, argumentsList) => parseStyle(target.apply(thisArg, argumentsList), breakpoint, screenSize, breakpoints)
+  });
+};
+
+/**
+ * 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 {B} breakpoints - An object representing the defined 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, breakpoints) => Object.fromEntries(Object.entries(style).map(_ref => {
+  let [key, value] = _ref;
+  const isDynamicFunction = typeof value === 'function';
+  const isValidStyle = typeof value !== 'object' || key === 'transform';
+  if (isDynamicFunction || isValidStyle) {
+    return [key, value];
+  }
+  const valueWithBreakpoint = value;
+  return [key, (0, _breakpoints.getValueForBreakpoint)(valueWithBreakpoint, breakpoint, screenSize, breakpoints)];
+}));
+exports.parseStyle = parseStyle;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_breakpoints","require","proxifyFunction","fn","breakpoint","screenSize","breakpoints","stringifiedFunction","toString","hasCustomMediaQuery","includes","hasBreakpoint","Object","keys","some","bp","Proxy","apply","target","thisArg","argumentsList","parseStyle","exports","style","fromEntries","entries","map","_ref","key","value","isDynamicFunction","isValidStyle","valueWithBreakpoint","getValueForBreakpoint"],"sourceRoot":"../../../src","sources":["utils/styles.ts"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,eAAe,GAAGA,CAC3BC,EAAY,EAAEC,UAA4B,EAC1CC,UAAsB,EACtBC,WAAc,KACH;EACX,MAAMC,mBAAmB,GAAGJ,EAAE,CAACK,QAAQ,CAAC,CAAC;EACzC,MAAMC,mBAAmB,GAAGF,mBAAmB,CAACG,QAAQ,CAAC,KAAK,CAAC,IAAIH,mBAAmB,CAACG,QAAQ,CAAC,KAAK,CAAC;EACtG,MAAMC,aAAa,GAAGC,MAAM,CACvBC,IAAI,CAACP,WAAW,CAAC,CACjBQ,IAAI,CAACC,EAAE,IAAIR,mBAAmB,CAACG,QAAQ,CAACK,EAAE,CAAC,CAAC;EAEjD,IAAI,CAACN,mBAAmB,IAAI,CAACE,aAAa,EAAE;IACxC,OAAOR,EAAE;EACb;EAEA,OAAO,IAAIa,KAAK,CAACb,EAAE,EAAE;IACjBc,KAAK,EAAEA,CAACC,MAAM,EAAEC,OAAO,EAAEC,aAAa,KAClCC,UAAU,CAACH,MAAM,CAACD,KAAK,CAACE,OAAO,EAAEC,aAAa,CAAC,EAAEhB,UAAU,EAAEC,UAAU,EAAEC,WAAW;EAC5F,CAAC,CAAC;AACN,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAxBAgB,OAAA,CAAApB,eAAA,GAAAA,eAAA;AAyBO,MAAMmB,UAAU,GAAGA,CACtBE,KAA8B,EAC9BnB,UAA4B,EAC5BC,UAAsB,EACtBC,WAAc,KACbM,MAAM,CACNY,WAAW,CAACZ,MAAM,CACda,OAAO,CAACF,KAAK,CAAC,CACdG,GAAG,CAACC,IAAA,IAAkB;EAAA,IAAjB,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAAF,IAAA;EACd,MAAMG,iBAAiB,GAAG,OAAOD,KAAK,KAAK,UAAU;EACrD,MAAME,YAAY,GAAG,OAAOF,KAAK,KAAK,QAAQ,IAAID,GAAG,KAAK,WAAW;EAErE,IAAIE,iBAAiB,IAAIC,YAAY,EAAE;IACnC,OAAO,CAACH,GAAG,EAAEC,KAAK,CAAC;EACvB;EAEA,MAAMG,mBAAmB,GAAGH,KAAkD;EAE9E,OAAO,CAACD,GAAG,EAAE,IAAAK,kCAAqB,EAAID,mBAAmB,EAAE5B,UAAU,EAAEC,UAAU,EAAEC,WAAW,CAAC,CAAC;AACpG,CAAC,CACL,CAAC;AAAAgB,OAAA,CAAAD,UAAA,GAAAA,UAAA"}

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

@@ -0,0 +1,98 @@
+"use strict";
+
+var _styles = require("./styles");
+describe('styles', () => {
+  describe('proxifyFunction', () => {
+    it('should parse style for dynamic function', () => {
+      const screenSize = {
+        width: 400,
+        height: 800
+      };
+      const breakpoint = 'sm';
+      const breakpoints = {
+        xs: 0,
+        sm: 400,
+        md: 800
+      };
+      const dynamicFunction = isEven => ({
+        backgroundColor: {
+          sm: isEven ? 'green' : 'red',
+          md: isEven ? 'orange' : 'pink'
+        }
+      });
+      expect((0, _styles.proxifyFunction)(dynamicFunction, breakpoint, screenSize, breakpoints)(true)).toEqual({
+        backgroundColor: 'green'
+      });
+    });
+    it('should return proxified function for custom media query', () => {
+      const screenSize = {
+        width: 400,
+        height: 800
+      };
+      const breakpoint = 'sm';
+      const breakpoints = {
+        xs: 0,
+        sm: 400,
+        md: 800
+      };
+      const dynamicFunction = isEven => ({
+        backgroundColor: {
+          ':w[,399]': isEven ? 'green' : 'red',
+          ':w[400]': isEven ? 'orange' : 'pink'
+        }
+      });
+      expect((0, _styles.proxifyFunction)(dynamicFunction, breakpoint, screenSize, breakpoints)(false)).toEqual({
+        backgroundColor: 'pink'
+      });
+    });
+    it('should return same function for no breakpoints nor media queries', () => {
+      const screenSize = {
+        width: 400,
+        height: 800
+      };
+      const breakpoint = 'sm';
+      const breakpoints = {
+        xs: 0,
+        sm: 400,
+        md: 800
+      };
+      const dynamicFunction = isEven => ({
+        backgroundColor: isEven ? 'pink' : 'purple'
+      });
+      expect((0, _styles.proxifyFunction)(dynamicFunction, breakpoint, screenSize, breakpoints)(false)).toEqual({
+        backgroundColor: 'purple'
+      });
+    });
+  });
+  describe('parseStyle', () => {
+    it('should correctly parse styles', () => {
+      const screenSize = {
+        width: 400,
+        height: 800
+      };
+      const breakpoint = 'sm';
+      const breakpoints = {
+        xs: 0,
+        sm: 400,
+        md: 800
+      };
+      const style = {
+        fontSize: {
+          sm: 12,
+          md: 20
+        },
+        backgroundColor: {
+          xs: 'pink',
+          md: 'orange'
+        },
+        fontWeight: 'bold'
+      };
+      expect((0, _styles.parseStyle)(style, breakpoint, screenSize, breakpoints)).toEqual({
+        fontSize: 12,
+        backgroundColor: 'pink',
+        fontWeight: 'bold'
+      });
+    });
+  });
+});
+//# sourceMappingURL=styles.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_styles","require","describe","it","screenSize","width","height","breakpoint","breakpoints","xs","sm","md","dynamicFunction","isEven","backgroundColor","expect","proxifyFunction","toEqual","style","fontSize","fontWeight","parseStyle"],"sourceRoot":"../../../src","sources":["utils/styles.spec.ts"],"mappings":"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"}

package/lib/module/UnistylesTheme.js

@@ -0,0 +1,12 @@
+import React, { createContext } from 'react';
+export const UnistylesContext = /*#__PURE__*/createContext({});
+export const UnistylesTheme = _ref => {
+  let {
+    theme,
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement(UnistylesContext.Provider, {
+    value: theme
+  }, children);
+};
+//# sourceMappingURL=UnistylesTheme.js.map

package/lib/module/UnistylesTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","UnistylesContext","UnistylesTheme","_ref","theme","children","createElement","Provider","value"],"sourceRoot":"../../src","sources":["UnistylesTheme.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAO5C,OAAO,MAAMC,gBAAgB,gBAAGD,aAAa,CAAC,CAAC,CAAC,CAAC;AAEjD,OAAO,MAAME,cAA4D,GAAGC,IAAA;EAAA,IAAC;IACzEC,KAAK;IACLC;EACJ,CAAC,GAAAF,IAAA;EAAA,oBACGJ,KAAA,CAAAO,aAAA,CAACL,gBAAgB,CAACM,QAAQ;IAACC,KAAK,EAAEJ;EAAM,GACnCC,QACsB,CAAC;AAAA,CAC/B"}

package/lib/module/createUnistyles.js

@@ -0,0 +1,45 @@
+import { useContext } from 'react';
+import { useWindowDimensions } from 'react-native';
+import { UnistylesContext } from './UnistylesTheme';
+import { getBreakpointFromScreenWidth, proxifyFunction, parseStyle, sortAndValidateBreakpoints } from './utils';
+export const createUnistyles = breakpoints => {
+  const sortedBreakpoints = sortAndValidateBreakpoints(breakpoints);
+  return {
+    createStyles: styles => styles,
+    useStyles: stylesheet => {
+      const theme = useContext(UnistylesContext);
+      const dimensions = useWindowDimensions();
+      const breakpoint = getBreakpointFromScreenWidth(dimensions.width, sortedBreakpoints);
+      const screenSize = {
+        width: dimensions.width,
+        height: dimensions.height
+      };
+      if (!stylesheet) {
+        return {
+          theme,
+          styles: {}
+        };
+      }
+      const parsedStyles = typeof stylesheet === 'function' ? stylesheet(theme) : stylesheet;
+      const dynamicStyleSheet = Object.entries(parsedStyles).reduce((acc, _ref) => {
+        let [key, value] = _ref;
+        const x = value;
+        if (typeof value === 'function') {
+          return {
+            ...acc,
+            [key]: proxifyFunction(value, breakpoint, screenSize, sortedBreakpoints)
+          };
+        }
+        return {
+          ...acc,
+          [key]: parseStyle(x, breakpoint, screenSize, sortedBreakpoints)
+        };
+      }, {});
+      return {
+        theme,
+        styles: dynamicStyleSheet
+      };
+    }
+  };
+};
+//# sourceMappingURL=createUnistyles.js.map

package/lib/module/createUnistyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","useWindowDimensions","UnistylesContext","getBreakpointFromScreenWidth","proxifyFunction","parseStyle","sortAndValidateBreakpoints","createUnistyles","breakpoints","sortedBreakpoints","createStyles","styles","useStyles","stylesheet","theme","dimensions","breakpoint","width","screenSize","height","parsedStyles","dynamicStyleSheet","Object","entries","reduce","acc","_ref","key","value","x"],"sourceRoot":"../../src","sources":["createUnistyles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,mBAAmB,QAAQ,cAAc;AAElD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,4BAA4B,EAAEC,eAAe,EAAEC,UAAU,EAAEC,0BAA0B,QAAQ,SAAS;AAE/G,OAAO,MAAMC,eAAe,GAA8CC,WAAc,IAAK;EACzF,MAAMC,iBAAiB,GAAGH,0BAA0B,CAACE,WAAW,CAAM;EAEtE,OAAO;IACHE,YAAY,EAAsCC,MAAqC,IAAKA,MAAW;IACvGC,SAAS,EAAwCC,UAA4C,IAAK;MAC9F,MAAMC,KAAK,GAAGd,UAAU,CAACE,gBAAgB,CAAM;MAC/C,MAAMa,UAAU,GAAGd,mBAAmB,CAAC,CAAC;MACxC,MAAMe,UAAU,GAAGb,4BAA4B,CAAIY,UAAU,CAACE,KAAK,EAAER,iBAAiB,CAAC;MACvF,MAAMS,UAAsB,GAAG;QAC3BD,KAAK,EAAEF,UAAU,CAACE,KAAK;QACvBE,MAAM,EAAEJ,UAAU,CAACI;MACvB,CAAC;MAED,IAAI,CAACN,UAAU,EAAE;QACb,OAAO;UACHC,KAAK;UACLH,MAAM,EAAE,CAAC;QACb,CAAC;MACL;MAEA,MAAMS,YAAY,GAAG,OAAOP,UAAU,KAAK,UAAU,GAC/CA,UAAU,CAACC,KAAK,CAAC,GACjBD,UAAU;MAEhB,MAAMQ,iBAAiB,GAAGC,MAAM,CAC3BC,OAAO,CAACH,YAAY,CAAC,CACrBI,MAAM,CAAC,CAACC,GAAG,EAAAC,IAAA,KAAmB;QAAA,IAAjB,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAAF,IAAA;QACtB,MAAMG,CAAC,GAAGD,KAAiC;QAE3C,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;UAC7B,OAAO;YACH,GAAGH,GAAG;YACN,CAACE,GAAG,GAAGvB,eAAe,CAAIwB,KAAK,EAAEZ,UAAU,EAAEE,UAAU,EAAET,iBAAiB;UAC9E,CAAC;QACL;QAEA,OAAO;UACH,GAAGgB,GAAG;UACN,CAACE,GAAG,GAAGtB,UAAU,CAAQwB,CAAC,EAAEb,UAAU,EAAEE,UAAU,EAAET,iBAAiB;QACzE,CAAC;MACL,CAAC,EAAE,CAAC,CAAO,CAAC;MAEhB,OAAO;QACHK,KAAK;QACLH,MAAM,EAAEU;MACZ,CAAC;IACL;EACJ,CAAC;AACL,CAAC"}

package/lib/module/index.js

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

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UnistylesTheme","createUnistyles"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,cAAc,QAAQ,kBAAkB;AACjD,SAASC,eAAe,QAAQ,mBAAmB"}

package/lib/module/types.js

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

package/lib/module/types.js.map

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

package/lib/module/utils/breakpoints.js

@@ -0,0 +1,131 @@
+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');
+  }
+  if (breakpointValues.length !== new Set(breakpointValues).size) {
+    throwError('breakpoint values are duplicated');
+  }
+  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 {B} breakpoints - The breakpoints object to use for determination.
+ * @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, breakpoints) => {
+  const [key] = Object.entries(breakpoints).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 {B} breakpoints - An object representing the defined 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, breakpoints) => {
+  // 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];
+  }
+
+  // if no custom media query, or didn't match, proceed with defined breakpoints
+  const unifiedKey = breakpoint.toLowerCase();
+  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) {
+    return directBreakpoint;
+  }
+
+  // there is no direct hit for breakpoint nor media-query, so let's simulate CSS cascading
+  const allBreakpoints = Object.entries(breakpoints).map(_ref3 => {
+    let [key, bpValue] = _ref3;
+    return [key.toLowerCase(), bpValue];
+  });
+  const currentBreakpoint = allBreakpoints.findIndex(_ref4 => {
+    let [key] = _ref4;
+    return key === unifiedKey;
+  });
+  const availableBreakpoints = allBreakpoints.filter((_ref5, index) => {
+    let [key] = _ref5;
+    return index < currentBreakpoint && key && key in value;
+  }).map(_ref6 => {
+    let [key] = _ref6;
+    return key;
+  });
+  return allBreakpoints.length > 0 ? value[availableBreakpoints[availableBreakpoints.length - 1]] : undefined;
+};
+//# sourceMappingURL=breakpoints.js.map

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

@@ -0,0 +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","key","find","_ref","index","otherBreakpoints","value","minVal","maxVal","getValueForBreakpoint","breakpoint","screenSize","customMediaQueries","filter","_ref2","customMediaQueryKey","unifiedKey","toLowerCase","directBreakpoint","allBreakpoints","map","_ref3","bpValue","currentBreakpoint","findIndex","_ref4","availableBreakpoints","_ref5","_ref6","undefined"],"sourceRoot":"../../../src","sources":["utils/breakpoints.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,UAAU;AAErC,SAASC,yBAAyB,EAAEC,YAAY,QAAQ,gBAAgB;;AAExE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,0BAA0B,GAAsCC,WAAc,IAAQ;EAC/F,MAAMC,WAAW,GAAGC,MAAM,CACrBC,OAAO,CAACH,WAAW,CAAC,CACpBI,IAAI,CAAC,CAACC,WAAW,EAAEC,WAAW,KAAK;IAChC,MAAM,GAAGC,MAAM,CAAC,GAAGF,WAAW;IAC9B,MAAM,GAAGG,MAAM,CAAC,GAAGF,WAAW;IAE9B,OAAOC,MAAM,GAAGC,MAAM;EAC1B,CAAC,CAAC;EAEN,MAAMC,iBAAiB,GAAIP,MAAM,CAACQ,MAAM,CAACR,MAAM,CAACS,WAAW,CAACV,WAAW,CAAC,CAAM;EAC9E,MAAMW,gBAAgB,GAAGV,MAAM,CAACW,MAAM,CAACJ,iBAAiB,CAAC;EACzD,MAAM,CAACK,eAAe,CAAC,GAAGF,gBAAgB;EAE1C,IAAIE,eAAe,KAAK,CAAC,EAAE;IACvBlB,UAAU,CAAC,oCAAoC,CAAC;EACpD;EAEA,IAAIgB,gBAAgB,CAACG,MAAM,KAAK,IAAIC,GAAG,CAACJ,gBAAgB,CAAC,CAACK,IAAI,EAAE;IAC5DrB,UAAU,CAAC,kCAAkC,CAAC;EAClD;EAEA,OAAOa,iBAAiB;AAC5B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMS,4BAA4B,GAAGA,CAAmCC,KAAa,EAAEnB,WAAc,KAAuB;EAC/H,MAAM,CAACoB,GAAG,CAAC,GAAGlB,MAAM,CACfC,OAAO,CAACH,WAAW,CAAC,CACpBqB,IAAI,CAAC,CAAAC,IAAA,EAAYC,KAAK,EAAEC,gBAAgB,KAAK;IAAA,IAAvC,GAAGC,KAAK,CAAC,GAAAH,IAAA;IACZ,MAAMI,MAAM,GAAGD,KAAK;IACpB,MAAME,MAAM,GAAGH,gBAAgB,CAACD,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAE/C,IAAI,CAACI,MAAM,EAAE;MACT,OAAO,IAAI;IACf;IAEA,OAAOR,KAAK,IAAIO,MAAM,IAAIP,KAAK,GAAGQ,MAAM;EAC5C,CAAC,CAA+B;EAEpC,OAAOP,GAAG;AACd,CAAC;;AAED;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,MAAMQ,qBAAqB,GAAGA,CAAmCH,KAA4D,EAAEI,UAA4B,EAAEC,UAAsB,EAAE9B,WAAc,KAAK;EAC3M;EACA,MAAM+B,kBAAkB,GAAG7B,MAAM,CAC5BC,OAAO,CAACsB,KAAK,CAAC,CACdO,MAAM,CAACC,KAAA;IAAA,IAAC,CAACb,GAAG,CAAC,GAAAa,KAAA;IAAA,OAAKnC,YAAY,CAACsB,GAAG,CAAC;EAAA,EAAC;EACzC,MAAMc,mBAAmB,GAAGrC,yBAAyB,CAACkC,kBAAkB,EAAED,UAAU,CAAC;EAErF,IAAII,mBAAmB,IAAIA,mBAAmB,IAAIT,KAAK,EAAE;IACrD,OAAOA,KAAK,CAACS,mBAAmB,CAAC;EACrC;;EAEA;EACA,MAAMC,UAAU,GAAGN,UAAU,CAACO,WAAW,CAAC,CAAC;EAC3C,MAAMC,gBAAgB,GAAGZ,KAAK,CAACU,UAAU,CAAC;;EAE1C;EACA,IAAIE,gBAAgB,IAAKF,UAAU,IAAIV,KAAM,EAAE;IAC3C,OAAOY,gBAAgB;EAC3B;;EAEA;EACA,MAAMC,cAAc,GAAGpC,MAAM,CACxBC,OAAO,CAACH,WAAW,CAAC,CACpBuC,GAAG,CAACC,KAAA;IAAA,IAAC,CAACpB,GAAG,EAAEqB,OAAO,CAAC,GAAAD,KAAA;IAAA,OAAK,CAACpB,GAAG,CAACgB,WAAW,CAAC,CAAC,EAAEK,OAAO,CAAC;EAAA,EAAC;EAE1D,MAAMC,iBAAiB,GAAGJ,cAAc,CACnCK,SAAS,CAACC,KAAA;IAAA,IAAC,CAACxB,GAAG,CAAC,GAAAwB,KAAA;IAAA,OAAKxB,GAAG,KAAKe,UAAU;EAAA,EAAC;EAE7C,MAAMU,oBAAoB,GAAGP,cAAc,CACtCN,MAAM,CAAC,CAAAc,KAAA,EAAQvB,KAAK;IAAA,IAAZ,CAACH,GAAG,CAAC,GAAA0B,KAAA;IAAA,OAAYvB,KAAK,GAAGmB,iBAAiB,IAAItB,GAAG,IAAIA,GAAG,IAAIK,KAAK;EAAA,EAAC,CAC1Ec,GAAG,CAACQ,KAAA;IAAA,IAAC,CAAC3B,GAAG,CAAC,GAAA2B,KAAA;IAAA,OAAK3B,GAAG;EAAA,EAAC;EAExB,OAAOkB,cAAc,CAACvB,MAAM,GAAG,CAAC,GAC1BU,KAAK,CAACoB,oBAAoB,CAACA,oBAAoB,CAAC9B,MAAM,GAAG,CAAC,CAAC,CAAqB,GAChFiC,SAAS;AACnB,CAAC"}

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

@@ -0,0 +1,147 @@
+import { getBreakpointFromScreenWidth, getValueForBreakpoint, sortAndValidateBreakpoints } from './breakpoints';
+describe('breakpoints', () => {
+  describe('sortAndValidateBreakpoints', () => {
+    it('should throw error for empty breakpoints', () => {
+      const breakpoints = {};
+      expect(() => sortAndValidateBreakpoints(breakpoints)).toThrow();
+    });
+    it('should throw error for breakpoints that don\'t start with 0', () => {
+      const breakpoints = {
+        sm: -1
+      };
+      expect(() => sortAndValidateBreakpoints(breakpoints)).toThrow();
+    });
+    it('should return same order for sorted elements', () => {
+      const breakpoints = {
+        sm: 0,
+        md: 200,
+        lg: 300,
+        xl: 500
+      };
+      expect(sortAndValidateBreakpoints(breakpoints)).toEqual(breakpoints);
+    });
+    it('should sort the order of breakpoints', () => {
+      const breakpoints = {
+        md: 200,
+        sm: 0,
+        lg: 300,
+        xl: 500
+      };
+      expect(sortAndValidateBreakpoints(breakpoints)).toEqual({
+        sm: 0,
+        md: 200,
+        lg: 300,
+        xl: 500
+      });
+    });
+    it('should throw errors for duplicated values', () => {
+      const breakpoints = {
+        md: 200,
+        sm: 0,
+        lg: 300,
+        xl: 300
+      };
+      expect(() => sortAndValidateBreakpoints(breakpoints)).toThrow();
+    });
+  });
+  describe('getBreakpointFromScreenWidth', () => {
+    it('should return correct breakpoints based on screen width', () => {
+      const breakpoints = {
+        xs: 0,
+        sm: 300,
+        md: 500,
+        xl: 1200
+      };
+      expect(getBreakpointFromScreenWidth(0, breakpoints)).toEqual('xs');
+      expect(getBreakpointFromScreenWidth(20, breakpoints)).toEqual('xs');
+      expect(getBreakpointFromScreenWidth(100, breakpoints)).toEqual('xs');
+      expect(getBreakpointFromScreenWidth(101, breakpoints)).toEqual('xs');
+      expect(getBreakpointFromScreenWidth(250, breakpoints)).toEqual('xs');
+      expect(getBreakpointFromScreenWidth(300, breakpoints)).toEqual('sm');
+      expect(getBreakpointFromScreenWidth(499, breakpoints)).toEqual('sm');
+      expect(getBreakpointFromScreenWidth(500, breakpoints)).toEqual('md');
+      expect(getBreakpointFromScreenWidth(799, breakpoints)).toEqual('md');
+      expect(getBreakpointFromScreenWidth(1200, breakpoints)).toEqual('xl');
+      expect(getBreakpointFromScreenWidth(2000, breakpoints)).toEqual('xl');
+    });
+  });
+  describe('getValueForBreakpoint', () => {
+    it('should prioritize custom media query', () => {
+      const breakpoint = 'sm';
+      const breakpoints = {
+        xs: 0,
+        sm: 200,
+        md: 500
+      };
+      const style = {
+        ':w[, 200]': 'green',
+        ':w[201]': 'orange',
+        sm: 'pink'
+      };
+      const screenSize = {
+        width: 200,
+        height: 800
+      };
+      expect(getValueForBreakpoint(style, breakpoint, screenSize, breakpoints)).toEqual('green');
+    });
+  });
+  it('should match breakpoint if media query doesnt exist', () => {
+    const breakpoint = 'md';
+    const breakpoints = {
+      xs: 0,
+      sm: 200,
+      md: 500
+    };
+    const style = {
+      ':w[, 200]': 'green',
+      ':w[201, 499]': 'orange',
+      sm: 'pink',
+      md: 'red'
+    };
+    const screenSize = {
+      width: 500,
+      height: 1200
+    };
+    expect(getValueForBreakpoint(style, breakpoint, screenSize, breakpoints)).toEqual('red');
+  });
+  it('should match breakpoint even if value is undefined', () => {
+    const breakpoint = 'md';
+    const breakpoints = {
+      xs: 0,
+      sm: 200,
+      md: 500
+    };
+    const style = {
+      ':w[, 200]': 'green',
+      ':w[201, 499]': 'orange',
+      sm: 'pink',
+      md: undefined
+    };
+    const screenSize = {
+      width: 500,
+      height: 1200
+    };
+    expect(getValueForBreakpoint(style, breakpoint, screenSize, breakpoints)).toEqual(undefined);
+  });
+  it('should match lower breakpoint to match css cascading', () => {
+    const breakpoint = 'xl';
+    const breakpoints = {
+      xs: 0,
+      sm: 200,
+      md: 500,
+      xl: 600
+    };
+    const style = {
+      ':w[, 200]': 'green',
+      ':w[201, 499]': 'orange',
+      sm: 'pink',
+      md: 'red'
+    };
+    const screenSize = {
+      width: 500,
+      height: 1200
+    };
+    expect(getValueForBreakpoint(style, breakpoint, screenSize, breakpoints)).toEqual('red');
+  });
+});
+//# sourceMappingURL=breakpoints.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getBreakpointFromScreenWidth","getValueForBreakpoint","sortAndValidateBreakpoints","describe","it","breakpoints","expect","toThrow","sm","md","lg","xl","toEqual","xs","breakpoint","style","screenSize","width","height","undefined"],"sourceRoot":"../../../src","sources":["utils/breakpoints.spec.ts"],"mappings":"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"}

package/lib/module/utils/common.js

@@ -0,0 +1,4 @@
+export const throwError = message => {
+  throw new Error(`🦄 [react-native-unistyles]: ${message}`);
+};
+//# sourceMappingURL=common.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["throwError","message","Error"],"sourceRoot":"../../../src","sources":["utils/common.ts"],"mappings":"AAAA,OAAO,MAAMA,UAAU,GAAIC,OAAe,IAAK;EAC3C,MAAM,IAAIC,KAAK,CAAE,gCAA+BD,OAAQ,EAAC,CAAC;AAC9D,CAAC"}

package/lib/module/utils/index.js

@@ -0,0 +1,3 @@
+export { getBreakpointFromScreenWidth, sortAndValidateBreakpoints } from './breakpoints';
+export { proxifyFunction, parseStyle } from './styles';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getBreakpointFromScreenWidth","sortAndValidateBreakpoints","proxifyFunction","parseStyle"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":"AAAA,SAASA,4BAA4B,EAAEC,0BAA0B,QAAQ,eAAe;AACxF,SAASC,eAAe,EAAEC,UAAU,QAAQ,UAAU"}