react-native-unistyles 2.12.0 → 2.20.0

package/README.md

@@ -75,6 +75,12 @@ npx expo prebuild
 <a href="https://github.com/happyfloat">
      <img src="https://avatars.githubusercontent.com/u/186333704?s=200&v=4" height="70px" width="70px" alt="happyfloat" />
 </a>
+<a href="https://github.com">
+     <img src="https://avatars.githubusercontent.com/u/138339?v=4" height="70px" width="70px" alt="anonymous" />
+</a>
+<a href="https://github.com/hyoban">
+     <img src="https://avatars.githubusercontent.com/u/38493346?v=4" height="70px" width="70px" alt="hyoban" />
+</a>
 
 ## Past sponsors
 

package/lib/commonjs/UnistylesProvider.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnistylesProvider = exports.UnistylesContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useSharedContext = require("./hooks/useSharedContext");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const UnistylesContext = exports.UnistylesContext = /*#__PURE__*/_react.default.createContext(undefined);
+const UnistylesProvider = ({
+  children
+}) => {
+  const {
+    plugins,
+    theme,
+    layout
+  } = (0, _useSharedContext.useSharedContext)({
+    // intentionally false, we want to listen for changes in the provider
+    useContext: false,
+    deps: []
+  });
+  return /*#__PURE__*/_react.default.createElement(UnistylesContext.Provider, {
+    value: {
+      theme,
+      layout,
+      plugins
+    }
+  }, children);
+};
+exports.UnistylesProvider = UnistylesProvider;
+//# sourceMappingURL=UnistylesProvider.js.map

package/lib/commonjs/UnistylesProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_useSharedContext","e","__esModule","default","UnistylesContext","exports","React","createContext","undefined","UnistylesProvider","children","plugins","theme","layout","useSharedContext","useContext","deps","createElement","Provider","value"],"sourceRoot":"../../src","sources":["UnistylesProvider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,iBAAA,GAAAD,OAAA;AAA2D,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAepD,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAGE,cAAK,CAACC,aAAa,CAAgCC,SAAS,CAAC;AAEtF,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EAC9E,MAAM;IAAEC,OAAO;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAG,IAAAC,kCAAgB,EAAC;IAChD;IACAC,UAAU,EAAE,KAAK;IACjBC,IAAI,EAAE;EACV,CAAC,CAAC;EAEF,oBACInB,MAAA,CAAAM,OAAA,CAAAc,aAAA,CAACb,gBAAgB,CAACc,QAAQ;IAACC,KAAK,EAAE;MAAEP,KAAK;MAAEC,MAAM;MAAEF;IAAQ;EAAE,GACxDD,QACsB,CAAC;AAEpC,CAAC;AAAAL,OAAA,CAAAI,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/commonjs/hooks/useSharedContext.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSharedContext = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _core = require("../core");
+var _common = require("../common");
+const unistylesEvents = new _reactNative.NativeEventEmitter(_reactNative.NativeModules.Unistyles);
+const useSharedContext = config => {
+  const [plugins, setPlugins] = (0, _react.useState)(_core.unistyles.runtime.enabledPlugins);
+  const [theme, setTheme] = (0, _react.useState)(_core.unistyles.registry.getTheme(_core.unistyles.runtime.themeName));
+  const [layout, setLayout] = (0, _react.useState)({
+    breakpoint: _core.unistyles.runtime.breakpoint,
+    orientation: _core.unistyles.runtime.orientation,
+    screen: {
+      width: _core.unistyles.runtime.screen.width,
+      height: _core.unistyles.runtime.screen.height
+    },
+    statusBar: {
+      width: _core.unistyles.runtime.statusBar.width,
+      height: _core.unistyles.runtime.statusBar.height
+    },
+    navigationBar: {
+      width: _core.unistyles.runtime.navigationBar.width,
+      height: _core.unistyles.runtime.navigationBar.height
+    },
+    insets: {
+      top: _core.unistyles.runtime.insets.top,
+      bottom: _core.unistyles.runtime.insets.bottom,
+      left: _core.unistyles.runtime.insets.left,
+      right: _core.unistyles.runtime.insets.right
+    }
+  });
+  (0, _react.useEffect)(() => {
+    if (config.useContext) {
+      return;
+    }
+    const subscription = unistylesEvents.addListener('__unistylesOnChange', event => {
+      switch (event.type) {
+        case _common.UnistylesEventType.Theme:
+          {
+            const themeEvent = event;
+            return setTheme(_core.unistyles.registry.getTheme(themeEvent.payload.themeName));
+          }
+        case _common.UnistylesEventType.Layout:
+          {
+            const layoutEvent = event;
+            return setLayout({
+              breakpoint: layoutEvent.payload.breakpoint,
+              orientation: layoutEvent.payload.orientation,
+              screen: layoutEvent.payload.screen,
+              statusBar: layoutEvent.payload.statusBar,
+              insets: layoutEvent.payload.insets,
+              navigationBar: layoutEvent.payload.navigationBar
+            });
+          }
+        case _common.UnistylesEventType.Plugin:
+          {
+            return setPlugins(_core.unistyles.runtime.enabledPlugins);
+          }
+        default:
+          return;
+      }
+    });
+    return subscription.remove;
+  }, config.deps);
+  return {
+    plugins,
+    theme,
+    layout
+  };
+};
+exports.useSharedContext = useSharedContext;
+//# sourceMappingURL=useSharedContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_core","_common","unistylesEvents","NativeEventEmitter","NativeModules","Unistyles","useSharedContext","config","plugins","setPlugins","useState","unistyles","runtime","enabledPlugins","theme","setTheme","registry","getTheme","themeName","layout","setLayout","breakpoint","orientation","screen","width","height","statusBar","navigationBar","insets","top","bottom","left","right","useEffect","useContext","subscription","addListener","event","type","UnistylesEventType","Theme","themeEvent","payload","Layout","layoutEvent","Plugin","remove","deps","exports"],"sourceRoot":"../../../src","sources":["hooks/useSharedContext.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/hooks/useUnistyles.js

@@ -4,66 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useUnistyles = void 0;
-var _reactNative = require("react-native");
 var _react = require("react");
-var _core = require("../core");
-var _common = require("../common");
-const unistylesEvents = new _reactNative.NativeEventEmitter(_reactNative.NativeModules.Unistyles);
+var _UnistylesProvider = require("../UnistylesProvider");
+var _useSharedContext = require("./useSharedContext");
 const useUnistyles = () => {
-  const [plugins, setPlugins] = (0, _react.useState)(_core.unistyles.runtime.enabledPlugins);
-  const [theme, setTheme] = (0, _react.useState)(_core.unistyles.registry.getTheme(_core.unistyles.runtime.themeName));
-  const [layout, setLayout] = (0, _react.useState)({
-    breakpoint: _core.unistyles.runtime.breakpoint,
-    orientation: _core.unistyles.runtime.orientation,
-    screen: {
-      width: _core.unistyles.runtime.screen.width,
-      height: _core.unistyles.runtime.screen.height
-    },
-    statusBar: {
-      width: _core.unistyles.runtime.statusBar.width,
-      height: _core.unistyles.runtime.statusBar.height
-    },
-    navigationBar: {
-      width: _core.unistyles.runtime.navigationBar.width,
-      height: _core.unistyles.runtime.navigationBar.height
-    },
-    insets: {
-      top: _core.unistyles.runtime.insets.top,
-      bottom: _core.unistyles.runtime.insets.bottom,
-      left: _core.unistyles.runtime.insets.left,
-      right: _core.unistyles.runtime.insets.right
-    }
+  const unistylesContext = (0, _react.useContext)(_UnistylesProvider.UnistylesContext);
+  const {
+    theme,
+    layout,
+    plugins
+  } = (0, _useSharedContext.useSharedContext)({
+    useContext: unistylesContext !== undefined,
+    deps: unistylesContext ? [unistylesContext] : []
   });
-  (0, _react.useEffect)(() => {
-    const subscription = unistylesEvents.addListener('__unistylesOnChange', event => {
-      switch (event.type) {
-        case _common.UnistylesEventType.Theme:
-          {
-            const themeEvent = event;
-            return setTheme(_core.unistyles.registry.getTheme(themeEvent.payload.themeName));
-          }
-        case _common.UnistylesEventType.Layout:
-          {
-            const layoutEvent = event;
-            return setLayout({
-              breakpoint: layoutEvent.payload.breakpoint,
-              orientation: layoutEvent.payload.orientation,
-              screen: layoutEvent.payload.screen,
-              statusBar: layoutEvent.payload.statusBar,
-              insets: layoutEvent.payload.insets,
-              navigationBar: layoutEvent.payload.navigationBar
-            });
-          }
-        case _common.UnistylesEventType.Plugin:
-          {
-            return setPlugins(_core.unistyles.runtime.enabledPlugins);
-          }
-        default:
-          return;
-      }
-    });
-    return subscription.remove;
-  }, []);
+  if (unistylesContext !== undefined) {
+    return {
+      plugins: unistylesContext.plugins,
+      theme: unistylesContext.theme,
+      layout: unistylesContext.layout
+    };
+  }
   return {
     plugins,
     theme,

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_react","_core","_common","unistylesEvents","NativeEventEmitter","NativeModules","Unistyles","useUnistyles","plugins","setPlugins","useState","unistyles","runtime","enabledPlugins","theme","setTheme","registry","getTheme","themeName","layout","setLayout","breakpoint","orientation","screen","width","height","statusBar","navigationBar","insets","top","bottom","left","right","useEffect","subscription","addListener","event","type","UnistylesEventType","Theme","themeEvent","payload","Layout","layoutEvent","Plugin","remove","exports"],"sourceRoot":"../../../src","sources":["hooks/useUnistyles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_UnistylesProvider","_useSharedContext","useUnistyles","unistylesContext","useContext","UnistylesContext","theme","layout","plugins","useSharedContext","undefined","deps","exports"],"sourceRoot":"../../../src","sources":["hooks/useUnistyles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEO,MAAMG,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAMC,gBAAgB,GAAG,IAAAC,iBAAU,EAACC,mCAAgB,CAAC;EACrD,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,kCAAgB,EAAC;IAChDL,UAAU,EAAED,gBAAgB,KAAKO,SAAS;IAC1CC,IAAI,EAAER,gBAAgB,GAAG,CAACA,gBAAgB,CAAC,GAAG;EAClD,CAAC,CAAC;EAEF,IAAIA,gBAAgB,KAAKO,SAAS,EAAE;IAChC,OAAO;MACHF,OAAO,EAAEL,gBAAgB,CAACK,OAAO;MACjCF,KAAK,EAAEH,gBAAgB,CAACG,KAAK;MAC7BC,MAAM,EAAEJ,gBAAgB,CAACI;IAC7B,CAAC;EACL;EAEA,OAAO;IACHC,OAAO;IACPF,KAAK;IACLC;EACJ,CAAC;AACL,CAAC;AAAAK,OAAA,CAAAV,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "ScreenOrientation", {
     return _common.ScreenOrientation;
   }
 });
+Object.defineProperty(exports, "UnistylesProvider", {
+  enumerable: true,
+  get: function () {
+    return _UnistylesProvider.UnistylesProvider;
+  }
+});
 exports.UnistylesRuntime = exports.UnistylesRegistry = void 0;
 Object.defineProperty(exports, "createStyleSheet", {
   enumerable: true,
@@ -52,6 +58,7 @@ var _hooks = require("./hooks");
 var _common = require("./common");
 var _useStyles = require("./useStyles");
 var _createStyleSheet = require("./createStyleSheet");
+var _UnistylesProvider = require("./UnistylesProvider");
 /**
  * Utility to interact with the Unistyles
  * (should be called only once)

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","ignoreList":[]}
+{"version":3,"names":["_core","require","_utils","_hooks","_common","_useStyles","_createStyleSheet","_UnistylesProvider","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;AACA,IAAAM,kBAAA,GAAAN,OAAA;AACA;AACA;AACA;AACA;AACA,MAAMO,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","ignoreList":[]}

package/lib/module/UnistylesProvider.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { useSharedContext } from './hooks/useSharedContext';
+export const UnistylesContext = /*#__PURE__*/React.createContext(undefined);
+export const UnistylesProvider = ({
+  children
+}) => {
+  const {
+    plugins,
+    theme,
+    layout
+  } = useSharedContext({
+    // intentionally false, we want to listen for changes in the provider
+    useContext: false,
+    deps: []
+  });
+  return /*#__PURE__*/React.createElement(UnistylesContext.Provider, {
+    value: {
+      theme,
+      layout,
+      plugins
+    }
+  }, children);
+};
+//# sourceMappingURL=UnistylesProvider.js.map

package/lib/module/UnistylesProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useSharedContext","UnistylesContext","createContext","undefined","UnistylesProvider","children","plugins","theme","layout","useContext","deps","createElement","Provider","value"],"sourceRoot":"../../src","sources":["UnistylesProvider.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,gBAAgB,QAAQ,0BAA0B;AAe3D,OAAO,MAAMC,gBAAgB,gBAAGF,KAAK,CAACG,aAAa,CAAgCC,SAAS,CAAC;AAE7F,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EAC9E,MAAM;IAAEC,OAAO;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGR,gBAAgB,CAAC;IAChD;IACAS,UAAU,EAAE,KAAK;IACjBC,IAAI,EAAE;EACV,CAAC,CAAC;EAEF,oBACIX,KAAA,CAAAY,aAAA,CAACV,gBAAgB,CAACW,QAAQ;IAACC,KAAK,EAAE;MAAEN,KAAK;MAAEC,MAAM;MAAEF;IAAQ;EAAE,GACxDD,QACsB,CAAC;AAEpC,CAAC","ignoreList":[]}

package/lib/module/hooks/useSharedContext.js

@@ -0,0 +1,70 @@
+import { useEffect, useState } from 'react';
+import { NativeEventEmitter, NativeModules } from 'react-native';
+import { unistyles } from '../core';
+import { UnistylesEventType } from '../common';
+const unistylesEvents = new NativeEventEmitter(NativeModules.Unistyles);
+export const useSharedContext = config => {
+  const [plugins, setPlugins] = useState(unistyles.runtime.enabledPlugins);
+  const [theme, setTheme] = useState(unistyles.registry.getTheme(unistyles.runtime.themeName));
+  const [layout, setLayout] = useState({
+    breakpoint: unistyles.runtime.breakpoint,
+    orientation: unistyles.runtime.orientation,
+    screen: {
+      width: unistyles.runtime.screen.width,
+      height: unistyles.runtime.screen.height
+    },
+    statusBar: {
+      width: unistyles.runtime.statusBar.width,
+      height: unistyles.runtime.statusBar.height
+    },
+    navigationBar: {
+      width: unistyles.runtime.navigationBar.width,
+      height: unistyles.runtime.navigationBar.height
+    },
+    insets: {
+      top: unistyles.runtime.insets.top,
+      bottom: unistyles.runtime.insets.bottom,
+      left: unistyles.runtime.insets.left,
+      right: unistyles.runtime.insets.right
+    }
+  });
+  useEffect(() => {
+    if (config.useContext) {
+      return;
+    }
+    const subscription = unistylesEvents.addListener('__unistylesOnChange', event => {
+      switch (event.type) {
+        case UnistylesEventType.Theme:
+          {
+            const themeEvent = event;
+            return setTheme(unistyles.registry.getTheme(themeEvent.payload.themeName));
+          }
+        case UnistylesEventType.Layout:
+          {
+            const layoutEvent = event;
+            return setLayout({
+              breakpoint: layoutEvent.payload.breakpoint,
+              orientation: layoutEvent.payload.orientation,
+              screen: layoutEvent.payload.screen,
+              statusBar: layoutEvent.payload.statusBar,
+              insets: layoutEvent.payload.insets,
+              navigationBar: layoutEvent.payload.navigationBar
+            });
+          }
+        case UnistylesEventType.Plugin:
+          {
+            return setPlugins(unistyles.runtime.enabledPlugins);
+          }
+        default:
+          return;
+      }
+    });
+    return subscription.remove;
+  }, config.deps);
+  return {
+    plugins,
+    theme,
+    layout
+  };
+};
+//# sourceMappingURL=useSharedContext.js.map

package/lib/module/hooks/useSharedContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","NativeEventEmitter","NativeModules","unistyles","UnistylesEventType","unistylesEvents","Unistyles","useSharedContext","config","plugins","setPlugins","runtime","enabledPlugins","theme","setTheme","registry","getTheme","themeName","layout","setLayout","breakpoint","orientation","screen","width","height","statusBar","navigationBar","insets","top","bottom","left","right","useContext","subscription","addListener","event","type","Theme","themeEvent","payload","Layout","layoutEvent","Plugin","remove","deps"],"sourceRoot":"../../../src","sources":["hooks/useSharedContext.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/hooks/useUnistyles.js

@@ -1,63 +1,23 @@
-import { NativeEventEmitter, NativeModules } from 'react-native';
-import { useEffect, useState } from 'react';
-import { unistyles } from '../core';
-import { UnistylesEventType } from '../common';
-const unistylesEvents = new NativeEventEmitter(NativeModules.Unistyles);
+import { useContext } from 'react';
+import { UnistylesContext } from '../UnistylesProvider';
+import { useSharedContext } from './useSharedContext';
 export const useUnistyles = () => {
-  const [plugins, setPlugins] = useState(unistyles.runtime.enabledPlugins);
-  const [theme, setTheme] = useState(unistyles.registry.getTheme(unistyles.runtime.themeName));
-  const [layout, setLayout] = useState({
-    breakpoint: unistyles.runtime.breakpoint,
-    orientation: unistyles.runtime.orientation,
-    screen: {
-      width: unistyles.runtime.screen.width,
-      height: unistyles.runtime.screen.height
-    },
-    statusBar: {
-      width: unistyles.runtime.statusBar.width,
-      height: unistyles.runtime.statusBar.height
-    },
-    navigationBar: {
-      width: unistyles.runtime.navigationBar.width,
-      height: unistyles.runtime.navigationBar.height
-    },
-    insets: {
-      top: unistyles.runtime.insets.top,
-      bottom: unistyles.runtime.insets.bottom,
-      left: unistyles.runtime.insets.left,
-      right: unistyles.runtime.insets.right
-    }
+  const unistylesContext = useContext(UnistylesContext);
+  const {
+    theme,
+    layout,
+    plugins
+  } = useSharedContext({
+    useContext: unistylesContext !== undefined,
+    deps: unistylesContext ? [unistylesContext] : []
   });
-  useEffect(() => {
-    const subscription = unistylesEvents.addListener('__unistylesOnChange', event => {
-      switch (event.type) {
-        case UnistylesEventType.Theme:
-          {
-            const themeEvent = event;
-            return setTheme(unistyles.registry.getTheme(themeEvent.payload.themeName));
-          }
-        case UnistylesEventType.Layout:
-          {
-            const layoutEvent = event;
-            return setLayout({
-              breakpoint: layoutEvent.payload.breakpoint,
-              orientation: layoutEvent.payload.orientation,
-              screen: layoutEvent.payload.screen,
-              statusBar: layoutEvent.payload.statusBar,
-              insets: layoutEvent.payload.insets,
-              navigationBar: layoutEvent.payload.navigationBar
-            });
-          }
-        case UnistylesEventType.Plugin:
-          {
-            return setPlugins(unistyles.runtime.enabledPlugins);
-          }
-        default:
-          return;
-      }
-    });
-    return subscription.remove;
-  }, []);
+  if (unistylesContext !== undefined) {
+    return {
+      plugins: unistylesContext.plugins,
+      theme: unistylesContext.theme,
+      layout: unistylesContext.layout
+    };
+  }
   return {
     plugins,
     theme,

package/lib/module/hooks/useUnistyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeEventEmitter","NativeModules","useEffect","useState","unistyles","UnistylesEventType","unistylesEvents","Unistyles","useUnistyles","plugins","setPlugins","runtime","enabledPlugins","theme","setTheme","registry","getTheme","themeName","layout","setLayout","breakpoint","orientation","screen","width","height","statusBar","navigationBar","insets","top","bottom","left","right","subscription","addListener","event","type","Theme","themeEvent","payload","Layout","layoutEvent","Plugin","remove"],"sourceRoot":"../../../src","sources":["hooks/useUnistyles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useContext","UnistylesContext","useSharedContext","useUnistyles","unistylesContext","theme","layout","plugins","undefined","deps"],"sourceRoot":"../../../src","sources":["hooks/useUnistyles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAMC,gBAAgB,GAAGJ,UAAU,CAACC,gBAAgB,CAAC;EACrD,MAAM;IAAEI,KAAK;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGL,gBAAgB,CAAC;IAChDF,UAAU,EAAEI,gBAAgB,KAAKI,SAAS;IAC1CC,IAAI,EAAEL,gBAAgB,GAAG,CAACA,gBAAgB,CAAC,GAAG;EAClD,CAAC,CAAC;EAEF,IAAIA,gBAAgB,KAAKI,SAAS,EAAE;IAChC,OAAO;MACHD,OAAO,EAAEH,gBAAgB,CAACG,OAAO;MACjCF,KAAK,EAAED,gBAAgB,CAACC,KAAK;MAC7BC,MAAM,EAAEF,gBAAgB,CAACE;IAC7B,CAAC;EACL;EAEA,OAAO;IACHC,OAAO;IACPF,KAAK;IACLC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -4,7 +4,7 @@ import { useInitialTheme } from './hooks';
 import { ScreenOrientation, AndroidContentSizeCategory, IOSContentSizeCategory } from './common';
 import { useStyles } from './useStyles';
 import { createStyleSheet } from './createStyleSheet';
-
+import { UnistylesProvider } from './UnistylesProvider';
 /**
  * Utility to interact with the Unistyles
  * (should be called only once)
@@ -27,5 +27,5 @@ const UnistylesRegistry = {
   addConfig: unistyles.registry.addConfig
 };
 const UnistylesRuntime = unistyles.runtime;
-export { mq, useStyles, useInitialTheme, createStyleSheet, ScreenOrientation, AndroidContentSizeCategory, IOSContentSizeCategory, UnistylesRegistry, UnistylesRuntime };
+export { mq, useStyles, useInitialTheme, createStyleSheet, ScreenOrientation, AndroidContentSizeCategory, IOSContentSizeCategory, UnistylesRegistry, UnistylesRuntime, UnistylesProvider };
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["unistyles","mq","useInitialTheme","ScreenOrientation","AndroidContentSizeCategory","IOSContentSizeCategory","useStyles","createStyleSheet","UnistylesRegistry","addThemes","registry","addBreakpoints","addConfig","UnistylesRuntime","runtime"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,SAAS,QAAQ,QAAQ;AAClC,SAASC,EAAE,QAAQ,SAAS;AAC5B,SAASC,eAAe,QAAQ,SAAS;AAGzC,SAASC,iBAAiB,EAAEC,0BAA0B,EAAEC,sBAAsB,QAAQ,UAAU;AAChG,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,gBAAgB,QAAQ,oBAAoB;;AAErD;AACA;AACA;AACA;AACA,MAAMC,iBAAiB,GAAG;EACtB;AACJ;AACA;AACA;EACIC,SAAS,EAAET,SAAS,CAACU,QAAQ,CAACD,SAAS;EACvC;AACJ;AACA;AACA;EACIE,cAAc,EAAEX,SAAS,CAACU,QAAQ,CAACC,cAAc;EACjD;AACJ;AACA;AACA;EACIC,SAAS,EAAEZ,SAAS,CAACU,QAAQ,CAACE;AAClC,CAAC;AAED,MAAMC,gBAAgB,GAAGb,SAAS,CAACc,OAAO;AAE1C,SACIb,EAAE,EACFK,SAAS,EACTJ,eAAe,EACfK,gBAAgB,EAChBJ,iBAAiB,EACjBC,0BAA0B,EAC1BC,sBAAsB,EACtBG,iBAAiB,EACjBK,gBAAgB","ignoreList":[]}
+{"version":3,"names":["unistyles","mq","useInitialTheme","ScreenOrientation","AndroidContentSizeCategory","IOSContentSizeCategory","useStyles","createStyleSheet","UnistylesProvider","UnistylesRegistry","addThemes","registry","addBreakpoints","addConfig","UnistylesRuntime","runtime"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,SAAS,QAAQ,QAAQ;AAClC,SAASC,EAAE,QAAQ,SAAS;AAC5B,SAASC,eAAe,QAAQ,SAAS;AAGzC,SAASC,iBAAiB,EAAEC,0BAA0B,EAAEC,sBAAsB,QAAQ,UAAU;AAChG,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD;AACA;AACA;AACA;AACA,MAAMC,iBAAiB,GAAG;EACtB;AACJ;AACA;AACA;EACIC,SAAS,EAAEV,SAAS,CAACW,QAAQ,CAACD,SAAS;EACvC;AACJ;AACA;AACA;EACIE,cAAc,EAAEZ,SAAS,CAACW,QAAQ,CAACC,cAAc;EACjD;AACJ;AACA;AACA;EACIC,SAAS,EAAEb,SAAS,CAACW,QAAQ,CAACE;AAClC,CAAC;AAED,MAAMC,gBAAgB,GAAGd,SAAS,CAACe,OAAO;AAE1C,SACId,EAAE,EACFK,SAAS,EACTJ,eAAe,EACfK,gBAAgB,EAChBJ,iBAAiB,EACjBC,0BAA0B,EAC1BC,sBAAsB,EACtBI,iBAAiB,EACjBK,gBAAgB,EAChBN,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { UnistylesBreakpoints } from './global';
+import type { ScreenDimensions, ScreenInsets, ScreenSize, UnistylesTheme } from './types';
+export type TUnistylesContext = {
+    plugins: Array<string>;
+    theme: UnistylesTheme;
+    layout: {
+        screen: ScreenSize;
+        statusBar: ScreenDimensions;
+        navigationBar: ScreenDimensions;
+        insets: ScreenInsets;
+        breakpoint: keyof UnistylesBreakpoints;
+        orientation: 'landscape' | 'portrait';
+    };
+};
+export declare const UnistylesContext: React.Context<TUnistylesContext | undefined>;
+export declare const UnistylesProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+//# sourceMappingURL=UnistylesProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnistylesProvider.d.ts","sourceRoot":"","sources":["../../../src/UnistylesProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGzF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,EAAE;QACJ,MAAM,EAAE,UAAU,CAAC;QACnB,SAAS,EAAE,gBAAgB,CAAC;QAC5B,aAAa,EAAE,gBAAgB,CAAC;QAChC,MAAM,EAAE,YAAY,CAAC;QACrB,UAAU,EAAE,MAAM,oBAAoB,CAAA;QACtC,WAAW,EAAE,WAAW,GAAG,UAAU,CAAA;KACxC,CAAA;CACJ,CAAA;AAED,eAAO,MAAM,gBAAgB,8CAAgE,CAAA;AAE7F,eAAO,MAAM,iBAAiB,iBAAkB;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,sBAY5E,CAAA"}

package/lib/typescript/src/hooks/useSharedContext.d.ts

@@ -0,0 +1,33 @@
+import { type DependencyList } from 'react';
+type SharedContextConfig = {
+    useContext: boolean;
+    deps: DependencyList;
+};
+export declare const useSharedContext: (config: SharedContextConfig) => {
+    plugins: string[];
+    theme: never;
+    layout: {
+        breakpoint: keyof import("..").UnistylesBreakpoints;
+        orientation: "landscape" | "portrait";
+        screen: {
+            width: number;
+            height: number;
+        };
+        statusBar: {
+            width: number;
+            height: number;
+        };
+        navigationBar: {
+            width: number;
+            height: number;
+        };
+        insets: {
+            top: number;
+            bottom: number;
+            left: number;
+            right: number;
+        };
+    };
+};
+export {};
+//# sourceMappingURL=useSharedContext.d.ts.map

package/lib/typescript/src/hooks/useSharedContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSharedContext.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSharedContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,OAAO,CAAA;AAMhE,KAAK,mBAAmB,GAAG;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,cAAc,CAAA;CACvB,CAAA;AAID,eAAO,MAAM,gBAAgB,WAAY,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;CAqE3D,CAAA"}

package/lib/typescript/src/hooks/useUnistyles.d.ts

@@ -2,26 +2,12 @@ export declare const useUnistyles: () => {
     plugins: string[];
     theme: never;
     layout: {
+        screen: import("../types").ScreenSize;
+        statusBar: import("../types").ScreenDimensions;
+        navigationBar: import("../types").ScreenDimensions;
+        insets: import("../types").ScreenInsets;
         breakpoint: keyof import("..").UnistylesBreakpoints;
         orientation: "landscape" | "portrait";
-        screen: {
-            width: number;
-            height: number;
-        };
-        statusBar: {
-            width: number;
-            height: number;
-        };
-        navigationBar: {
-            width: number;
-            height: number;
-        };
-        insets: {
-            top: number;
-            bottom: number;
-            left: number;
-            right: number;
-        };
     };
 };
 //# sourceMappingURL=useUnistyles.d.ts.map

package/lib/typescript/src/hooks/useUnistyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUnistyles.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useUnistyles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;CAiExB,CAAA"}
+{"version":3,"file":"useUnistyles.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useUnistyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY;;;;;;;;;;;CAoBxB,CAAA"}

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

@@ -5,6 +5,7 @@ import type { UnistylesThemes, UnistylesBreakpoints } from './global';
 import { ScreenOrientation, AndroidContentSizeCategory, IOSContentSizeCategory } from './common';
 import { useStyles } from './useStyles';
 import { createStyleSheet } from './createStyleSheet';
+import { UnistylesProvider } from './UnistylesProvider';
 /**
  * Utility to interact with the Unistyles
  * (should be called only once)
@@ -63,6 +64,6 @@ declare const UnistylesRegistry: {
     };
 };
 declare const UnistylesRuntime: import("./core").UnistylesRuntime;
-export { mq, useStyles, useInitialTheme, createStyleSheet, ScreenOrientation, AndroidContentSizeCategory, IOSContentSizeCategory, UnistylesRegistry, UnistylesRuntime };
+export { mq, useStyles, useInitialTheme, createStyleSheet, ScreenOrientation, AndroidContentSizeCategory, IOSContentSizeCategory, UnistylesRegistry, UnistylesRuntime, UnistylesProvider };
 export type { UnistylesTheme, UnistylesThemes, UnistylesBreakpoints, UnistylesPlugin, UnistylesValues, UnistyleText, UnistyleView, UnistyleImage, ExtractVariantNames as UnistylesVariants };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC/I,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAChG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD;;;GAGG;AACH,QAAA,MAAM,iBAAiB;IACnB;;;OAGG;;;;;;;;;;;;;;IAEH;;;OAGG;;;;;;;;;;;;;;IAEH;;;OAGG;;;;;;;;;;;;;;CAEN,CAAA;AAED,QAAA,MAAM,gBAAgB,mCAAoB,CAAA;AAE1C,OAAO,EACH,EAAE,EACF,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,0BAA0B,EAC1B,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EACnB,CAAA;AAED,YAAY,EACR,cAAc,EACd,eAAe,EACf,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,mBAAmB,IAAI,iBAAiB,EAC3C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC/I,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAChG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD;;;GAGG;AACH,QAAA,MAAM,iBAAiB;IACnB;;;OAGG;;;;;;;;;;;;;;IAEH;;;OAGG;;;;;;;;;;;;;;IAEH;;;OAGG;;;;;;;;;;;;;;CAEN,CAAA;AAED,QAAA,MAAM,gBAAgB,mCAAoB,CAAA;AAE1C,OAAO,EACH,EAAE,EACF,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,0BAA0B,EAC1B,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACpB,CAAA;AAED,YAAY,EACR,cAAc,EACd,eAAe,EACf,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,mBAAmB,IAAI,iBAAiB,EAC3C,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unistyles",
-  "version": "2.12.0",
+  "version": "2.20.0",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
     "test": "jest",

package/src/UnistylesProvider.tsx

@@ -0,0 +1,33 @@
+import React from 'react'
+import type { UnistylesBreakpoints } from './global'
+import type { ScreenDimensions, ScreenInsets, ScreenSize, UnistylesTheme } from './types'
+import { useSharedContext } from './hooks/useSharedContext'
+
+export type TUnistylesContext = {
+    plugins: Array<string>,
+    theme: UnistylesTheme,
+    layout: {
+        screen: ScreenSize,
+        statusBar: ScreenDimensions,
+        navigationBar: ScreenDimensions,
+        insets: ScreenInsets,
+        breakpoint: keyof UnistylesBreakpoints
+        orientation: 'landscape' | 'portrait'
+    }
+}
+
+export const UnistylesContext = React.createContext<TUnistylesContext | undefined>(undefined)
+
+export const UnistylesProvider = ({ children }: { children: React.ReactNode }) => {
+    const { plugins, theme, layout } = useSharedContext({
+        // intentionally false, we want to listen for changes in the provider
+        useContext: false,
+        deps: []
+    })
+
+    return (
+        <UnistylesContext.Provider value={{ theme, layout, plugins }}>
+            {children}
+        </UnistylesContext.Provider>
+    )
+}

package/src/hooks/useSharedContext.ts

@@ -0,0 +1,83 @@
+import { type DependencyList, useEffect, useState } from 'react'
+import { NativeEventEmitter, NativeModules } from 'react-native'
+import { unistyles } from '../core'
+import type { UnistylesEvents, UnistylesMobileLayoutEvent, UnistylesThemeEvent } from '../types'
+import { UnistylesEventType } from '../common'
+
+type SharedContextConfig = {
+    useContext: boolean,
+    deps: DependencyList
+}
+
+const unistylesEvents = new NativeEventEmitter(NativeModules.Unistyles)
+
+export const useSharedContext = (config: SharedContextConfig) => {
+    const [plugins, setPlugins] = useState(unistyles.runtime.enabledPlugins)
+    const [theme, setTheme] = useState(unistyles.registry.getTheme(unistyles.runtime.themeName))
+    const [layout, setLayout] = useState({
+        breakpoint: unistyles.runtime.breakpoint,
+        orientation: unistyles.runtime.orientation,
+        screen: {
+            width: unistyles.runtime.screen.width,
+            height: unistyles.runtime.screen.height
+        },
+        statusBar: {
+            width: unistyles.runtime.statusBar.width,
+            height: unistyles.runtime.statusBar.height
+        },
+        navigationBar: {
+            width: unistyles.runtime.navigationBar.width,
+            height: unistyles.runtime.navigationBar.height
+        },
+        insets: {
+            top: unistyles.runtime.insets.top,
+            bottom: unistyles.runtime.insets.bottom,
+            left: unistyles.runtime.insets.left,
+            right: unistyles.runtime.insets.right
+        }
+    })
+
+    useEffect(() => {
+        if (config.useContext) {
+            return
+        }
+
+        const subscription = unistylesEvents.addListener(
+            '__unistylesOnChange',
+            (event: UnistylesEvents) => {
+                switch (event.type) {
+                    case UnistylesEventType.Theme: {
+                        const themeEvent = event as UnistylesThemeEvent
+
+                        return setTheme(unistyles.registry.getTheme(themeEvent.payload.themeName))
+                    }
+                    case UnistylesEventType.Layout: {
+                        const layoutEvent = event as UnistylesMobileLayoutEvent
+
+                        return setLayout({
+                            breakpoint: layoutEvent.payload.breakpoint,
+                            orientation: layoutEvent.payload.orientation,
+                            screen: layoutEvent.payload.screen,
+                            statusBar: layoutEvent.payload.statusBar,
+                            insets: layoutEvent.payload.insets,
+                            navigationBar: layoutEvent.payload.navigationBar
+                        })
+                    }
+                    case UnistylesEventType.Plugin: {
+                        return setPlugins(unistyles.runtime.enabledPlugins)
+                    }
+                    default:
+                        return
+                }
+            }
+        )
+
+        return subscription.remove
+    }, config.deps)
+
+    return {
+        plugins,
+        theme,
+        layout
+    }
+}

package/src/hooks/useUnistyles.ts

@@ -1,70 +1,21 @@
-import { NativeEventEmitter, NativeModules } from 'react-native'
-import { useEffect, useState } from 'react'
-import { unistyles } from '../core'
-import { UnistylesEventType } from '../common'
-import type { UnistylesEvents, UnistylesMobileLayoutEvent, UnistylesThemeEvent } from '../types'
-
-const unistylesEvents = new NativeEventEmitter(NativeModules.Unistyles)
+import { useContext } from 'react'
+import { UnistylesContext } from '../UnistylesProvider'
+import { useSharedContext } from './useSharedContext'
 
 export const useUnistyles = () => {
-    const [plugins, setPlugins] = useState(unistyles.runtime.enabledPlugins)
-    const [theme, setTheme] = useState(unistyles.registry.getTheme(unistyles.runtime.themeName))
-    const [layout, setLayout] = useState({
-        breakpoint: unistyles.runtime.breakpoint,
-        orientation: unistyles.runtime.orientation,
-        screen: {
-            width: unistyles.runtime.screen.width,
-            height: unistyles.runtime.screen.height
-        },
-        statusBar: {
-            width: unistyles.runtime.statusBar.width,
-            height: unistyles.runtime.statusBar.height
-        },
-        navigationBar: {
-            width: unistyles.runtime.navigationBar.width,
-            height: unistyles.runtime.navigationBar.height
-        },
-        insets: {
-            top: unistyles.runtime.insets.top,
-            bottom: unistyles.runtime.insets.bottom,
-            left: unistyles.runtime.insets.left,
-            right: unistyles.runtime.insets.right
-        }
+    const unistylesContext = useContext(UnistylesContext)
+    const { theme, layout, plugins } = useSharedContext({
+        useContext: unistylesContext !== undefined,
+        deps: unistylesContext ? [unistylesContext] : []
     })
 
-    useEffect(() => {
-        const subscription = unistylesEvents.addListener(
-            '__unistylesOnChange',
-            (event: UnistylesEvents) => {
-                switch (event.type) {
-                    case UnistylesEventType.Theme: {
-                        const themeEvent = event as UnistylesThemeEvent
-
-                        return setTheme(unistyles.registry.getTheme(themeEvent.payload.themeName))
-                    }
-                    case UnistylesEventType.Layout: {
-                        const layoutEvent = event as UnistylesMobileLayoutEvent
-
-                        return setLayout({
-                            breakpoint: layoutEvent.payload.breakpoint,
-                            orientation: layoutEvent.payload.orientation,
-                            screen: layoutEvent.payload.screen,
-                            statusBar: layoutEvent.payload.statusBar,
-                            insets: layoutEvent.payload.insets,
-                            navigationBar: layoutEvent.payload.navigationBar
-                        })
-                    }
-                    case UnistylesEventType.Plugin: {
-                        return setPlugins(unistyles.runtime.enabledPlugins)
-                    }
-                    default:
-                        return
-                }
-            }
-        )
-
-        return subscription.remove
-    }, [])
+    if (unistylesContext !== undefined) {
+        return {
+            plugins: unistylesContext.plugins,
+            theme: unistylesContext.theme,
+            layout: unistylesContext.layout
+        }
+    }
 
     return {
         plugins,

package/src/index.ts

@@ -6,7 +6,7 @@ import type { UnistylesThemes, UnistylesBreakpoints } from './global'
 import { ScreenOrientation, AndroidContentSizeCategory, IOSContentSizeCategory } from './common'
 import { useStyles } from './useStyles'
 import { createStyleSheet } from './createStyleSheet'
-
+import { UnistylesProvider } from './UnistylesProvider'
 /**
  * Utility to interact with the Unistyles
  * (should be called only once)
@@ -40,7 +40,8 @@ export {
     AndroidContentSizeCategory,
     IOSContentSizeCategory,
     UnistylesRegistry,
-    UnistylesRuntime
+    UnistylesRuntime,
+    UnistylesProvider
 }
 
 export type {