react-native-unistyles 1.3.0 → 1.4.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023-2024 Jacek Pudysz
+Copyright (c) 2023 Jacek Pudysz
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 in the Software without restriction, including without limitation the rights

package/README.md

@@ -1,47 +1,55 @@
-[<img alt="react-native-unistyles" src="assets/banner.png">](https://reactnativeunistyles.vercel.app/)
+[<img alt="react-native-unistyles" src="assets/banner.png">](https://codemask.com)
 
-![GitHub package.json version](https://img.shields.io/github/package-json/v/jpudysz/react-native-unistyles?style=for-the-badge)
-[![npm downloads](https://img.shields.io/npm/dt/react-native-unistyles?style=for-the-badge)](https://www.npmjs.com/package/react-native-unistyles)
-[![License: MIT](https://img.shields.io/badge/License-MIT-44CD11.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)
-<br />
-[![platform - expo](https://img.shields.io/badge/Expo-fff?style=for-the-badge&logo=expo&logoColor=black)](https://docs.expo.dev/)
-[![platform - web](https://img.shields.io/badge/React_Native_Web-white?logo=react&logoColor=57BDDA&style=for-the-badge)](https://www.w3.org/)
-[![platform - ios](https://img.shields.io/badge/iOS-000?logo=apple&style=for-the-badge)](https://developer.apple.com/ios/)
-[![platform - macos](https://img.shields.io/badge/macOS-000?logo=apple&style=for-the-badge)](https://developer.apple.com/macos/)
-[![platform - ssr](https://img.shields.io/badge/SSR-black?style=for-the-badge&logo=next.js&logoColor=white)](https://nextjs.org/)
-[![platform - android](https://img.shields.io/badge/Android-44CD11?style=for-the-badge&logo=android&logoColor=white)](https://developer.android.com/)
 
-## [Documentation](https://reactnativeunistyles.vercel.app/)
-- [Start here](https://reactnativeunistyles.vercel.app/start/introduction/)
-- [API](https://reactnativeunistyles.vercel.app/reference/create-stylesheet/)
-- [Show case](https://reactnativeunistyles.vercel.app/show-case/projects/)
-- [Examples](https://reactnativeunistyles.vercel.app/examples/all/)
+<picture>
+ <source media="(prefers-color-scheme: dark)" srcset="assets/uni-dark.svg">
+ <img alt="react-native-unistyles" src="assets/uni-light.svg">
+</picture>
+
+![GitHub package.json version](https://img.shields.io/github/package-json/v/jpudysz/react-native-unistyles?style=for-the-badge)
+[![npm downloads](https://img.shields.io/npm/dm/react-native-unistyles.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-unistyles)
+![Platform - Android and iOS](https://img.shields.io/badge/platform-Android%20%7C%20IOS%20%7C%20SSR%20%7C%20Web-blue.svg?style=for-the-badge)
+[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)
 
 ## Features
-- 🚀 Shared core with C++ and JSI bindings
-- 🌉 Supports new architecture
-- 🔥 Crazy performance, adds under 0.1 ms to your StyleSheet
+- ⚡ Blazing fast, adds around ~3ms on top of StyleSheet*
 - 🎳 Share up to 100% of your styles across platforms in monorepo
-- 🎯 Doesn't introduce new components, everything is packed in one hook
-- ⚛️ No React Context
-- 🖥️ Supports custom breakpoints, css-like media queries and variants
-- 🎨 Register multiple themes and change them with single function call
-- 🥳 Compatible with Expo, Bare React Native, React Native Web, React Native macOS and SSR
+- 🎯 Doesn't introduce new components
+- 🖥️ Supports custom breakpoints and css-like media queries
+- 🎨 Access theme in your StyleSheets and components
+- 🪄 Supports dynamic functions to access values from JSX
+- 🥳 Compatible with Expo, Expo Go, Bare React Native, React Native Web and SSR
 - 🛡️ ~99% Test coverage
-- 🔌 Extend stylesheets with your own plugins
 - ⚔️ No 3rd party dependencies
-- and much much more!
+
+*-based on this [benchmark](https://github.com/efstathiosntonas/react-native-style-libraries-benchmark)
 
 ## Installation
 
-```shell
+```cmd
 yarn add react-native-unistyles
 ```
 
-## Discord
-Looking for help or you want to chat with me?
+## [Documentation](https://reactnativeunistyles.vercel.app/)
+- [Start here](https://reactnativeunistyles.vercel.app/start/setup/)
+- [References](https://reactnativeunistyles.vercel.app/reference/create-stylesheet/)
+- [Examples](https://reactnativeunistyles.vercel.app/example/breakpoints/)
+
+## Faster, better and simpler - v.2.0 🚀
+
+There is ongoing work on branch [2.0](https://github.com/jpudysz/react-native-unistyles/tree/2.0).
+
+---
+
+Join early testers and discussion [here](https://github.com/jpudysz/react-native-unistyles/discussions/41).
+
+```cmd
+yarn add react-native-unistyles@next
+```
+
+## Blog post
 
-[Join Discord](https://discord.gg/akGHf27P4C)
+Read about what drove me to create this library in this blog post [here](https://www.reactnativecrossroads.com/posts/level-up-react-native-styles).
 
 ## Sponsor my work
 

package/lib/commonjs/UnistylesTheme.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnistylesTheme = exports.UnistylesContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const UnistylesContext = exports.UnistylesContext = /*#__PURE__*/(0, _react.createContext)({});
+const UnistylesTheme = _ref => {
+  let {
+    theme,
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(UnistylesContext.Provider, {
+    value: theme
+  }, children);
+};
+exports.UnistylesTheme = UnistylesTheme;
+//# sourceMappingURL=UnistylesTheme.js.map

package/lib/commonjs/UnistylesTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","UnistylesContext","exports","createContext","UnistylesTheme","_ref","theme","children","createElement","Provider","value"],"sourceRoot":"../../src","sources":["UnistylesTheme.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA4C,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAOrC,MAAMY,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAG,IAAAE,oBAAa,EAAC,CAAC,CAAC,CAAC;AAE1C,MAAMC,cAA4D,GAAGC,IAAA;EAAA,IAAC;IACzEC,KAAK;IACLC;EACJ,CAAC,GAAAF,IAAA;EAAA,oBACG5B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAACP,gBAAgB,CAACQ,QAAQ;IAACC,KAAK,EAAEJ;EAAM,GACnCC,QACsB,CAAC;AAAA,CAC/B;AAAAL,OAAA,CAAAE,cAAA,GAAAA,cAAA"}

package/lib/commonjs/createUnistyles.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUnistyles = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _UnistylesTheme = require("./UnistylesTheme");
+var _hooks = require("./hooks");
+var _utils = require("./utils");
+const createUnistyles = breakpoints => {
+  const sortedBreakpoints = (0, _utils.sortAndValidateBreakpoints)(breakpoints);
+  const sortedBreakpointEntries = Object.entries(sortedBreakpoints);
+  return {
+    createStyleSheet: styles => {
+      if (typeof styles === 'function') {
+        return styles;
+      }
+      return styles;
+    },
+    useStyles: stylesheet => {
+      const theme = (0, _react.useContext)(_UnistylesTheme.UnistylesContext);
+      const screenSize = (0, _hooks.useDimensions)();
+      const breakpoint = (0, _utils.getBreakpointFromScreenWidth)(screenSize.width, sortedBreakpointEntries);
+      if (!stylesheet) {
+        return {
+          theme,
+          breakpoint,
+          styles: {}
+        };
+      }
+      const parsedStyles = (0, _react.useMemo)(() => typeof stylesheet === 'function' ? stylesheet(theme) : stylesheet, [theme, stylesheet]);
+      const dynamicStyleSheet = (0, _react.useMemo)(() => Object.entries(parsedStyles).reduce((acc, _ref) => {
+        let [key, value] = _ref;
+        const style = value;
+        if (typeof value === 'function') {
+          return {
+            ...acc,
+            [key]: (0, _utils.proxifyFunction)(value, breakpoint, screenSize, sortedBreakpointEntries)
+          };
+        }
+        return _reactNative.StyleSheet.create({
+          ...acc,
+          [key]: (0, _utils.parseStyle)(style, breakpoint, screenSize, sortedBreakpointEntries)
+        });
+      }, {}), [breakpoint, screenSize, parsedStyles]);
+      return {
+        theme,
+        breakpoint,
+        styles: dynamicStyleSheet
+      };
+    }
+  };
+};
+exports.createUnistyles = createUnistyles;
+//# sourceMappingURL=createUnistyles.js.map

package/lib/commonjs/createUnistyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_UnistylesTheme","_hooks","_utils","createUnistyles","breakpoints","sortedBreakpoints","sortAndValidateBreakpoints","sortedBreakpointEntries","Object","entries","createStyleSheet","styles","useStyles","stylesheet","theme","useContext","UnistylesContext","screenSize","useDimensions","breakpoint","getBreakpointFromScreenWidth","width","parsedStyles","useMemo","dynamicStyleSheet","reduce","acc","_ref","key","value","style","proxifyFunction","StyleSheet","create","parseStyle","exports"],"sourceRoot":"../../src","sources":["createUnistyles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEO,MAAMK,eAAe,GAAmCC,WAAc,IAAK;EAC9E,MAAMC,iBAAiB,GAAG,IAAAC,iCAA0B,EAACF,WAAW,CAAC;EACjE,MAAMG,uBAAuB,GAAGC,MAAM,CACjCC,OAAO,CAACJ,iBAAiB,CAA+B;EAE7D,OAAO;IACHK,gBAAgB,EAAyCC,MAAqF,IAAY;MACtJ,IAAI,OAAOA,MAAM,KAAK,UAAU,EAAE;QAC9B,OAAOA,MAAM;MACjB;MAEA,OAAOA,MAAM;IACjB,CAAC;IACDC,SAAS,EAAwCC,UAA4C,IAAK;MAC9F,MAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,gCAAgB,CAAM;MAC/C,MAAMC,UAAU,GAAG,IAAAC,oBAAa,EAAC,CAAC;MAClC,MAAMC,UAAU,GAAG,IAAAC,mCAA4B,EAAIH,UAAU,CAACI,KAAK,EAAEd,uBAAuB,CAAC;MAE7F,IAAI,CAACM,UAAU,EAAE;QACb,OAAO;UACHC,KAAK;UACLK,UAAU;UACVR,MAAM,EAAE,CAAC;QACb,CAAC;MACL;MAEA,MAAMW,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM,OAAOV,UAAU,KAAK,UAAU,GAC7DA,UAAU,CAACC,KAAK,CAAC,GACjBD,UAAU,EAAE,CAACC,KAAK,EAAED,UAAU,CAAC,CAAC;MAEtC,MAAMW,iBAAiB,GAAG,IAAAD,cAAO,EAAC,MAAMf,MAAM,CACzCC,OAAO,CAACa,YAAY,CAAC,CACrBG,MAAM,CAAC,CAACC,GAAG,EAAAC,IAAA,KAAmB;QAAA,IAAjB,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAAF,IAAA;QACtB,MAAMG,KAAK,GAAGD,KAAiC;QAE/C,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;UAC7B,OAAO;YACH,GAAGH,GAAG;YACN,CAACE,GAAG,GAAG,IAAAG,sBAAe,EAAIF,KAAK,EAAEV,UAAU,EAAEF,UAAU,EAAEV,uBAAuB;UACpF,CAAC;QACL;QAEA,OAAOyB,uBAAU,CAACC,MAAM,CAAC;UACrB,GAAGP,GAAG;UACN,CAACE,GAAG,GAAG,IAAAM,iBAAU,EAAQJ,KAAK,EAAEX,UAAU,EAAEF,UAAU,EAAEV,uBAAuB;QACnF,CAAC,CAAC;MACN,CAAC,EAAE,CAAC,CAAO,CAAC,EAAE,CAACY,UAAU,EAAEF,UAAU,EAAEK,YAAY,CAAC,CAAC;MAEzD,OAAO;QACHR,KAAK;QACLK,UAAU;QACVR,MAAM,EAAEa;MACZ,CAAC;IACL;EACJ,CAAC;AACL,CAAC;AAAAW,OAAA,CAAAhC,eAAA,GAAAA,eAAA"}

package/lib/commonjs/hooks/index.js

@@ -3,32 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "useCSS", {
+Object.defineProperty(exports, "useDimensions", {
   enumerable: true,
   get: function () {
-    return _useCSS.useCSS;
+    return _useDimensions.useDimensions;
   }
 });
-Object.defineProperty(exports, "useInitialTheme", {
-  enumerable: true,
-  get: function () {
-    return _useInitialTheme.useInitialTheme;
-  }
-});
-Object.defineProperty(exports, "useUnistyles", {
-  enumerable: true,
-  get: function () {
-    return _useUnistyles.useUnistyles;
-  }
-});
-Object.defineProperty(exports, "useVariants", {
-  enumerable: true,
-  get: function () {
-    return _useVariants.useVariants;
-  }
-});
-var _useInitialTheme = require("./useInitialTheme");
-var _useUnistyles = require("./useUnistyles");
-var _useVariants = require("./useVariants");
-var _useCSS = require("./useCSS");
+var _useDimensions = require("./useDimensions");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_useInitialTheme","require","_useUnistyles","_useVariants","_useCSS"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA"}
+{"version":3,"names":["_useDimensions","require"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA"}

package/lib/commonjs/hooks/useDimensions.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDimensions = void 0;
+var _reactNative = require("react-native");
+const useDimensions = () => (0, _reactNative.useWindowDimensions)();
+exports.useDimensions = useDimensions;
+//# sourceMappingURL=useDimensions.js.map

package/lib/commonjs/hooks/useDimensions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","useDimensions","useWindowDimensions","exports"],"sourceRoot":"../../../src","sources":["hooks/useDimensions.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAGO,MAAMC,aAAa,GAAGA,CAAA,KAAkB,IAAAC,gCAAmB,EAAC,CAAC;AAAAC,OAAA,CAAAF,aAAA,GAAAA,aAAA"}

package/lib/commonjs/hooks/useDimensions.web.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDimensions = void 0;
+var _react = require("react");
+const useDimensions = () => {
+  const timerRef = (0, _react.useRef)();
+  const [screenSize, setScreenSize] = (0, _react.useState)({});
+  (0, _react.useLayoutEffect)(() => {
+    setScreenSize({
+      width: window.innerWidth,
+      height: window.innerHeight
+    });
+  }, []);
+  (0, _react.useEffect)(() => {
+    const handleResize = () => {
+      clearTimeout(timerRef.current);
+      timerRef.current = setTimeout(() => setScreenSize({
+        width: window.innerWidth,
+        height: window.innerHeight
+      }), 100);
+    };
+    window.addEventListener('resize', handleResize);
+    return () => {
+      window.removeEventListener('resize', handleResize);
+      clearTimeout(timerRef.current);
+    };
+  }, []);
+  return screenSize;
+};
+exports.useDimensions = useDimensions;
+//# sourceMappingURL=useDimensions.web.js.map

package/lib/commonjs/hooks/useDimensions.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useDimensions","timerRef","useRef","screenSize","setScreenSize","useState","useLayoutEffect","width","window","innerWidth","height","innerHeight","useEffect","handleResize","clearTimeout","current","setTimeout","addEventListener","removeEventListener","exports"],"sourceRoot":"../../../src","sources":["hooks/useDimensions.web.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAMC,aAAa,GAAGA,CAAA,KAAkB;EAC3C,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAgC,CAAC;EACxD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAa,CAAC,CAAe,CAAC;EAE1E,IAAAC,sBAAe,EAAC,MAAM;IAClBF,aAAa,CAAC;MACVG,KAAK,EAAEC,MAAM,CAACC,UAAU;MACxBC,MAAM,EAAEF,MAAM,CAACG;IACnB,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAC,gBAAS,EAAC,MAAM;IACZ,MAAMC,YAAY,GAAGA,CAAA,KAAM;MACvBC,YAAY,CAACb,QAAQ,CAACc,OAAO,CAAC;MAE9Bd,QAAQ,CAACc,OAAO,GAAGC,UAAU,CAAC,MAAMZ,aAAa,CAAC;QAC9CG,KAAK,EAAEC,MAAM,CAACC,UAAU;QACxBC,MAAM,EAAEF,MAAM,CAACG;MACnB,CAAC,CAAC,EAAE,GAAG,CAAC;IACZ,CAAC;IAEDH,MAAM,CAACS,gBAAgB,CAAC,QAAQ,EAAEJ,YAAY,CAAC;IAE/C,OAAO,MAAM;MACTL,MAAM,CAACU,mBAAmB,CAAC,QAAQ,EAAEL,YAAY,CAAC;MAClDC,YAAY,CAACb,QAAQ,CAACc,OAAO,CAAC;IAClC,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOZ,UAAU;AACrB,CAAC;AAAAgB,OAAA,CAAAnB,aAAA,GAAAA,aAAA"}

package/lib/commonjs/index.js

@@ -3,75 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AndroidContentSizeCategory", {
+Object.defineProperty(exports, "UnistylesTheme", {
   enumerable: true,
   get: function () {
-    return _common.AndroidContentSizeCategory;
+    return _UnistylesTheme.UnistylesTheme;
   }
 });
-Object.defineProperty(exports, "IOSContentSizeCategory", {
+Object.defineProperty(exports, "createUnistyles", {
   enumerable: true,
   get: function () {
-    return _common.IOSContentSizeCategory;
+    return _createUnistyles.createUnistyles;
   }
 });
-Object.defineProperty(exports, "ScreenOrientation", {
-  enumerable: true,
-  get: function () {
-    return _common.ScreenOrientation;
-  }
-});
-exports.UnistylesRuntime = exports.UnistylesRegistry = void 0;
-Object.defineProperty(exports, "createStyleSheet", {
-  enumerable: true,
-  get: function () {
-    return _createStyleSheet.createStyleSheet;
-  }
-});
-Object.defineProperty(exports, "mq", {
-  enumerable: true,
-  get: function () {
-    return _utils.mq;
-  }
-});
-Object.defineProperty(exports, "useInitialTheme", {
-  enumerable: true,
-  get: function () {
-    return _hooks.useInitialTheme;
-  }
-});
-Object.defineProperty(exports, "useStyles", {
-  enumerable: true,
-  get: function () {
-    return _useStyles.useStyles;
-  }
-});
-var _core = require("./core");
-var _utils = require("./utils");
-var _hooks = require("./hooks");
-var _common = require("./common");
-var _useStyles = require("./useStyles");
-var _createStyleSheet = require("./createStyleSheet");
-/**
- * Utility to interact with the Unistyles
- * (should be called only once)
- */
-const UnistylesRegistry = exports.UnistylesRegistry = {
-  /**
-   * Register themes to be used in the app
-   * @param themes - Key value pair of themes
-   */
-  addThemes: _core.unistyles.registry.addThemes,
-  /**
-   * Register breakpoints to be used in the app
-   * @param breakpoints - Key value pair of breakpoints
-   */
-  addBreakpoints: _core.unistyles.registry.addBreakpoints,
-  /**
-   * Register additional config to customize the Unistyles
-   * @param config - Key value pair of config
-   */
-  addConfig: _core.unistyles.registry.addConfig
-};
-const UnistylesRuntime = exports.UnistylesRuntime = _core.unistyles.runtime;
+var _UnistylesTheme = require("./UnistylesTheme");
+var _createUnistyles = require("./createUnistyles");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_utils","_hooks","_common","_useStyles","_createStyleSheet","UnistylesRegistry","exports","addThemes","unistyles","registry","addBreakpoints","addConfig","UnistylesRuntime","runtime"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AAEA;AACA;AACA;AACA;AACA,MAAMM,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACtB;AACJ;AACA;AACA;EACIE,SAAS,EAAEC,eAAS,CAACC,QAAQ,CAACF,SAAS;EACvC;AACJ;AACA;AACA;EACIG,cAAc,EAAEF,eAAS,CAACC,QAAQ,CAACC,cAAc;EACjD;AACJ;AACA;AACA;EACIC,SAAS,EAAEH,eAAS,CAACC,QAAQ,CAACE;AAClC,CAAC;AAED,MAAMC,gBAAgB,GAAAN,OAAA,CAAAM,gBAAA,GAAGJ,eAAS,CAACK,OAAO"}
+{"version":3,"names":["_UnistylesTheme","require","_createUnistyles"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA"}

package/lib/commonjs/types/index.js

@@ -14,15 +14,4 @@ Object.keys(_normalizer).forEach(function (key) {
     }
   });
 });
-var _unistyles = require("./unistyles");
-Object.keys(_unistyles).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _unistyles[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _unistyles[key];
-    }
-  });
-});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_normalizer","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_unistyles"],"sourceRoot":"../../../src","sources":["types/index.ts"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,UAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,UAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,UAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,UAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_normalizer","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../src","sources":["types/index.ts"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/types/mediaQueries.js

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

package/lib/commonjs/types/{unistyles.js.map → mediaQueries.js.map}

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

package/lib/commonjs/utils/breakpoints.js

@@ -3,31 +3,133 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getValueForBreakpoint = void 0;
-var _core = require("../core");
-var _common = require("../common");
-var _mqParser = require("./mqParser");
-const getValueForBreakpoint = value => {
-  const customMediaQueryKey = (0, _mqParser.getKeyForUnistylesMediaQuery)(Object.entries(value), _core.unistyles.runtime.screen);
-  if (customMediaQueryKey) {
-    return value[customMediaQueryKey];
+exports.sortAndValidateBreakpoints = exports.getValueForBreakpoint = exports.getBreakpointFromScreenWidth = void 0;
+var _common = require("./common");
+var _mediaQueries = require("./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 }
+ */
+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) {
+    (0, _common.throwError)('first breakpoint must start with 0');
   }
-  const hasBreakpoints = _core.unistyles.registry.sortedBreakpointPairs.length > 0;
-  if (!hasBreakpoints && _common.isMobile && (_common.ScreenOrientation.Landscape in value || _common.ScreenOrientation.Portrait in value)) {
-    return value[_core.unistyles.runtime.orientation];
+  if (breakpointValues.length !== new Set(breakpointValues).size) {
+    (0, _common.throwError)('breakpoint values are duplicated');
   }
-  const breakpoint = _core.unistyles.runtime.breakpoint;
-  if (!breakpoint) {
-    return undefined;
+  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'
+ */
+exports.sortAndValidateBreakpoints = sortAndValidateBreakpoints;
+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'
+ */
+exports.getBreakpointFromScreenWidth = getBreakpointFromScreenWidth;
+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 (0, _mediaQueries.isMediaQuery)(key);
+  });
+  const customMediaQueryKey = (0, _mediaQueries.getKeyForCustomMediaQuery)(customMediaQueries, screenSize);
+  if (customMediaQueryKey && customMediaQueryKey in value) {
+    return value[customMediaQueryKey];
   }
-  const directBreakpoint = value[breakpoint];
-  if (directBreakpoint || breakpoint in value) {
+
+  // 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) {
     return directBreakpoint;
   }
-  const breakpointPairs = _core.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]];
+
+  // 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;
 };
 exports.getValueForBreakpoint = getValueForBreakpoint;
 //# sourceMappingURL=breakpoints.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_common","_mqParser","getValueForBreakpoint","value","customMediaQueryKey","getKeyForUnistylesMediaQuery","Object","entries","unistyles","runtime","screen","hasBreakpoints","registry","sortedBreakpointPairs","length","isMobile","ScreenOrientation","Landscape","Portrait","orientation","breakpoint","undefined","directBreakpoint","breakpointPairs","currentBreakpointIndex","findIndex","key","availableBreakpoints","filter","index","map","exports"],"sourceRoot":"../../../src","sources":["utils/breakpoints.ts"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEO,MAAMG,qBAAqB,GAAIC,KAA8B,IAAwB;EACxF,MAAMC,mBAAmB,GAAG,IAAAC,sCAA4B,EACpDC,MAAM,CAACC,OAAO,CAACJ,KAAK,CAAC,EACrBK,eAAS,CAACC,OAAO,CAACC,MACtB,CAAuB;EAEvB,IAAIN,mBAAmB,EAAE;IACrB,OAAOD,KAAK,CAACC,mBAAmB,CAAC;EACrC;EAEA,MAAMO,cAAc,GAAGH,eAAS,CAACI,QAAQ,CAACC,qBAAqB,CAACC,MAAM,GAAG,CAAC;EAE1E,IAAI,CAACH,cAAc,IAAII,gBAAQ,KAAKC,yBAAiB,CAACC,SAAS,IAAId,KAAK,IAAIa,yBAAiB,CAACE,QAAQ,IAAIf,KAAK,CAAC,EAAE;IAC9G,OAAOA,KAAK,CAACK,eAAS,CAACC,OAAO,CAACU,WAAW,CAAC;EAC/C;EAEA,MAAMC,UAAU,GAAGZ,eAAS,CAACC,OAAO,CAACW,UAAU;EAE/C,IAAI,CAACA,UAAU,EAAE;IACb,OAAOC,SAAS;EACpB;EAEA,MAAMC,gBAAgB,GAAGnB,KAAK,CAACiB,UAAU,CAAC;EAE1C,IAAIE,gBAAgB,IAAKF,UAAU,IAAIjB,KAAM,EAAE;IAC3C,OAAOmB,gBAAgB;EAC3B;EAEA,MAAMC,eAAe,GAAGf,eAAS,CAACI,QAAQ,CAACC,qBAAqB;EAChE,MAAMW,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,IAAIvB,KAAK,CAAC,CACxE2B,GAAG,CAAC,CAAC,CAACJ,GAAG,CAAC,KAAKA,GAAG,CAAC;EAExB,OAAOvB,KAAK,CAACwB,oBAAoB,CAACA,oBAAoB,CAACb,MAAM,GAAG,CAAC,CAAC,CAAwC;AAC9G,CAAC;AAAAiB,OAAA,CAAA7B,qBAAA,GAAAA,qBAAA"}
+{"version":3,"names":["_common","require","_mediaQueries","sortAndValidateBreakpoints","breakpoints","sortedPairs","Object","entries","sort","breakpoint1","breakpoint2","value1","value2","sortedBreakpoints","freeze","fromEntries","breakpointValues","values","firstBreakpoint","throwError","length","Set","size","exports","getBreakpointFromScreenWidth","width","breakpointEntries","key","find","_ref","index","otherBreakpoints","value","minVal","maxVal","getValueForBreakpoint","breakpoint","screenSize","breakpointPairs","customMediaQueries","filter","_ref2","isMediaQuery","customMediaQueryKey","getKeyForCustomMediaQuery","unifiedKey","directBreakpoint","currentBreakpoint","findIndex","_ref3","availableBreakpoints","_ref4","map","_ref5","undefined"],"sourceRoot":"../../../src","sources":["utils/breakpoints.ts"],"mappings":"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"}

package/lib/commonjs/utils/common.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.warn = exports.throwError = exports.isWeb = exports.isServer = exports.isIOS = exports.isAndroid = void 0;
+var _reactNative = require("react-native");
+const throwError = message => {
+  throw new Error(`🦄 [react-native-unistyles]: ${message}`);
+};
+exports.throwError = throwError;
+const warn = message => {
+  console.warn(`🦄 [react-native-unistyles]: ${message}`);
+};
+exports.warn = warn;
+const isWeb = exports.isWeb = _reactNative.Platform.OS === 'web';
+const isIOS = exports.isIOS = _reactNative.Platform.OS === 'ios';
+const isAndroid = exports.isAndroid = _reactNative.Platform.OS === 'android';
+const isServer = exports.isServer = typeof window === 'undefined';
+//# sourceMappingURL=common.js.map

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

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