react-native-unistyles 2.0.0-alpha.7 → 2.0.0-alpha.9

package/cxx/UnistylesRuntime.cpp

@@ -98,11 +98,11 @@ jsi::Value UnistylesRuntime::get(jsi::Runtime& runtime, const jsi::PropNameID& p
                 std::sort(sortedBreakpointEntriesVec.begin(), sortedBreakpointEntriesVec.end(), [](const std::pair<std::string, double>& a, const std::pair<std::string, double>& b) {
                     return a.second < b.second;
                 });
-                
+
                 if (sortedBreakpointEntriesVec.size() == 0) {
                     throw jsi::JSError(runtime, UnistylesErrorBreakpointsCannotBeEmpty);
                 }
-                
+
                 if (sortedBreakpointEntriesVec.at(0).second != 0) {
                     throw jsi::JSError(runtime, UnistylesErrorBreakpointsMustStartFromZero);
                 }
@@ -125,9 +125,11 @@ jsi::Value UnistylesRuntime::get(jsi::Runtime& runtime, const jsi::PropNameID& p
             [this](jsi::Runtime &runtime, const jsi::Value &thisVal, const jsi::Value *arguments, size_t count) -> jsi::Value {
                 std::string themeName = arguments[0].asString(runtime).utf8(runtime);
 
-                this->themeName = themeName;
-                this->onThemeChange(themeName);
-
+                if (this->themeName != themeName) {
+                    this->themeName = themeName;
+                    this->onThemeChangeCallback(themeName);
+                }
+            
                 return jsi::Value::undefined();
             }
         );
@@ -145,26 +147,11 @@ jsi::Value UnistylesRuntime::get(jsi::Runtime& runtime, const jsi::PropNameID& p
                 if (!enableAdaptiveThemes || !this->supportsAutomaticColorScheme) {
                     return jsi::Value::undefined();
                 }
-
-                this->themeName = this->colorScheme;
-                this->onThemeChange(this->themeName);
-
-                return jsi::Value::undefined();
-            }
-        );
-    }
-    
-    if (propName == "unregister") {
-        return jsi::Function::createFromHostFunction(runtime,
-            jsi::PropNameID::forAscii(runtime, "unregister"),
-            1,
-            [this](jsi::Runtime &runtime, const jsi::Value &thisVal, const jsi::Value *arguments, size_t count) -> jsi::Value {
-                this->hasAdaptiveThemes = false;
-                this->supportsAutomaticColorScheme = false;
-                this->themeName = "";
-                this->breakpoint = "";
-                this->themes.clear();
-                this->sortedBreakpointPairs.clear();
+            
+                if (this->themeName != this->colorScheme) {
+                    this->themeName = this->colorScheme;
+                    this->onThemeChangeCallback(this->themeName);
+                }
 
                 return jsi::Value::undefined();
             }
@@ -190,12 +177,13 @@ void UnistylesRuntime::set(jsi::Runtime& runtime, const jsi::PropNameID& propNam
                 themesVector.push_back(theme);
             }
         }
-        
+
         if (themesVector.size() == 0) {
             throw jsi::JSError(runtime, UnistylesErrorThemesCannotBeEmpty);
         }
 
         this->themes = themesVector;
+        this->themeName = "";
 
         bool hasLightTheme = std::find(themesVector.begin(), themesVector.end(), "light") != themesVector.end();
         bool hasDarkTheme = std::find(themesVector.begin(), themesVector.end(), "dark") != themesVector.end();
@@ -224,16 +212,19 @@ std::string UnistylesRuntime::getBreakpointFromScreenWidth(int width, const std:
 
 void UnistylesRuntime::handleScreenSizeChange(int width, int height) {
     std::string breakpoint = this->getBreakpointFromScreenWidth(width, this->sortedBreakpointPairs);
+    bool shouldNotify = this->breakpoint != breakpoint || this->screenWidth != width || this->screenHeight != height;
     
     this->breakpoint = breakpoint;
     this->screenWidth = width;
     this->screenHeight = height;
-    
+
     int orientation = width > height
         ? UnistylesOrientationLandscape
         : UnistylesOrientationPortrait;
 
-    this->onBreakpointChange(breakpoint, orientation, width, height);
+    if (shouldNotify) {
+        this->onLayoutChangeCallback(breakpoint, orientation, width, height);
+    }
 }
 
 void UnistylesRuntime::handleAppearanceChange(std::string colorScheme) {
@@ -242,9 +233,11 @@ void UnistylesRuntime::handleAppearanceChange(std::string colorScheme) {
     if (!this->supportsAutomaticColorScheme || !this->hasAdaptiveThemes) {
         return;
     }
-
-    this->themeName = this->colorScheme;
-    this->onThemeChange(this->themeName);
+    
+    if (this->themeName != this->colorScheme) {
+        this->onThemeChangeCallback(this->colorScheme);
+        this->themeName = this->colorScheme;
+    }
 }
 
 jsi::Value UnistylesRuntime::getThemeOrFail(jsi::Runtime& runtime) {

package/cxx/UnistylesRuntime.h

@@ -16,13 +16,10 @@ const std::string UnistylesErrorBreakpointsCannotBeEmpty = "UNISTYLES_ERROR_BREA
 const std::string UnistylesErrorBreakpointsMustStartFromZero = "UNISTYLES_ERROR_BREAKPOINTS_MUST_START_FROM_ZER0";
 const std::string UnistylesErrorThemesCannotBeEmpty = "UNISTYLES_ERROR_THEMES_CANNOT_BE_EMPTY";
 
-typedef void(^UnistylesThemeChangeEvent)(std::string themeName);
-typedef void(^UnistylesBreakpointChangeEvent)(std::string breakpoint, int layout, int screenWidth, int screenHeight);
-
 class JSI_EXPORT UnistylesRuntime : public jsi::HostObject {
 private:
-    UnistylesThemeChangeEvent onThemeChange;
-    UnistylesBreakpointChangeEvent onBreakpointChange;
+    std::function<void(std::string)> onThemeChangeCallback;
+    std::function<void(std::string breakpoint, int layout, int screenWidth, int screenHeight)> onLayoutChangeCallback;
 
     int screenWidth;
     int screenHeight;
@@ -30,16 +27,10 @@ private:
 
 public:
     UnistylesRuntime(
-        UnistylesThemeChangeEvent onThemeChange,
-        UnistylesBreakpointChangeEvent onBreakpointChange,
         int screenWidth,
         int screenHeight,
         std::string colorScheme
-    ): onThemeChange(onThemeChange),
-       onBreakpointChange(onBreakpointChange),
-       screenWidth(screenWidth),
-       screenHeight(screenHeight),
-       colorScheme(colorScheme) {}
+    ): screenWidth(screenWidth), screenHeight(screenHeight), colorScheme(colorScheme) {}
 
     bool hasAdaptiveThemes;
     bool supportsAutomaticColorScheme;
@@ -48,6 +39,14 @@ public:
     std::string breakpoint;
     std::vector<std::string> themes;
     std::vector<std::pair<std::string, double>> sortedBreakpointPairs;
+    
+    void onThemeChange(std::function<void(std::string)> callback) {
+        this->onThemeChangeCallback = callback;
+    }
+    
+    void onLayoutChange(std::function<void(std::string breakpoint, int layout, int screenWidth, int screenHeight)> callback) {
+        this->onLayoutChangeCallback = callback;
+    }
 
     jsi::Value get(jsi::Runtime&, const jsi::PropNameID& name) override;
     void set(jsi::Runtime& runtime, const jsi::PropNameID& propNameId, const jsi::Value& value) override;

package/ios/UnistylesModule.mm

@@ -31,7 +31,7 @@ RCT_EXPORT_MODULE(Unistyles)
 
 - (void)dealloc {
     if (self.unistylesRuntime != nullptr) {
-        delete (UnistylesRuntime*)self.unistylesRuntime;
+        self.unistylesRuntime = nullptr;
     }
 
     [[NSNotificationCenter defaultCenter] removeObserver:self];
@@ -49,14 +49,18 @@ RCT_EXPORT_MODULE(Unistyles)
         CGFloat screenWidth = [UIScreen mainScreen].bounds.size.width;
         CGFloat screenHeight = [UIScreen mainScreen].bounds.size.height;
 
-        ((UnistylesRuntime*)self.unistylesRuntime)->handleScreenSizeChange((int)screenWidth, (int)screenHeight);
+        if (self.unistylesRuntime != nullptr) {
+            ((UnistylesRuntime*)self.unistylesRuntime)->handleScreenSizeChange((int)screenWidth, (int)screenHeight);
+        }
     });
 }
 
 - (void)appearanceChanged:(NSNotification *)notification {
     std::string colorScheme = getColorScheme();
 
-    ((UnistylesRuntime*)self.unistylesRuntime)->handleAppearanceChange(colorScheme);
+    if (self.unistylesRuntime != nullptr) {
+        ((UnistylesRuntime*)self.unistylesRuntime)->handleAppearanceChange(colorScheme);
+    }
 }
 
 #pragma mark - Event emitter
@@ -80,10 +84,7 @@ RCT_EXPORT_MODULE(Unistyles)
 
 #pragma mark - Core
 
-RCT_EXPORT_BLOCKING_SYNCHRONOUS_METHOD(install)
-{
-    NSLog(@"Installing Unistyles 🦄...");
-
+RCT_EXPORT_BLOCKING_SYNCHRONOUS_METHOD(install) {
     RCTBridge* bridge = [RCTBridge currentBridge];
     RCTCxxBridge* cxxBridge = (RCTCxxBridge*)bridge;
 
@@ -107,12 +108,18 @@ RCT_EXPORT_BLOCKING_SYNCHRONOUS_METHOD(install)
     return @true;
 }
 
-
 void registerUnistylesHostObject(jsi::Runtime &runtime, UnistylesModule* weakSelf) {
     CGFloat initialScreenWidth = [UIScreen mainScreen].bounds.size.width;
     CGFloat initialScreenHeight = [UIScreen mainScreen].bounds.size.height;
     std::string initialColorScheme = getColorScheme();
-    UnistylesThemeChangeEvent onThemeChange = ^(std::string theme) {
+
+    auto unistylesRuntime = std::make_shared<UnistylesRuntime>(
+        (int)initialScreenWidth,
+        (int)initialScreenHeight,
+        initialColorScheme
+    );
+
+    unistylesRuntime.get()->onThemeChange([=](std::string theme) {
         NSDictionary *body = @{
             @"type": @"theme",
             @"payload": @{
@@ -121,8 +128,9 @@ void registerUnistylesHostObject(jsi::Runtime &runtime, UnistylesModule* weakSel
         };
 
         [weakSelf emitEvent:@"onChange" withBody:body];
-    };
-    UnistylesBreakpointChangeEvent onBreakpointChange = ^(std::string breakpoint, int orientation, int width, int height) {
+    });
+
+    unistylesRuntime.get()->onLayoutChange([=](std::string breakpoint, int orientation, int width, int height) {
         NSDictionary *body = @{
             @"type": @"layout",
             @"payload": @{
@@ -136,15 +144,7 @@ void registerUnistylesHostObject(jsi::Runtime &runtime, UnistylesModule* weakSel
         };
 
         [weakSelf emitEvent:@"onChange" withBody:body];
-    };
-
-    auto unistylesRuntime = std::make_shared<UnistylesRuntime>(
-        onThemeChange,
-        onBreakpointChange,
-        (int)initialScreenWidth,
-        (int)initialScreenHeight,
-        initialColorScheme
-    );
+    });
 
     weakSelf.unistylesRuntime = unistylesRuntime.get();
 

package/lib/commonjs/{types/cxx.js → common.js}

@@ -4,11 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UnistylesError = exports.ScreenOrientation = exports.CxxUnistylesEventTypes = void 0;
-let ScreenOrientation = exports.ScreenOrientation = /*#__PURE__*/function (ScreenOrientation) {
-  ScreenOrientation[ScreenOrientation["Portrait"] = 1] = "Portrait";
-  ScreenOrientation[ScreenOrientation["Landscape"] = 2] = "Landscape";
-  return ScreenOrientation;
-}({});
 let CxxUnistylesEventTypes = exports.CxxUnistylesEventTypes = /*#__PURE__*/function (CxxUnistylesEventTypes) {
   CxxUnistylesEventTypes["Theme"] = "theme";
   CxxUnistylesEventTypes["Layout"] = "layout";
@@ -22,5 +17,10 @@ let UnistylesError = exports.UnistylesError = /*#__PURE__*/function (UnistylesEr
   UnistylesError["BreakpointsCannotBeEmpty"] = "UNISTYLES_ERROR_BREAKPOINTS_CANNOT_BE_EMPTY";
   UnistylesError["BreakpointsMustStartFromZero"] = "UNISTYLES_ERROR_BREAKPOINTS_MUST_START_FROM_ZERO";
   return UnistylesError;
+}({}); // todo to string?
+let ScreenOrientation = exports.ScreenOrientation = /*#__PURE__*/function (ScreenOrientation) {
+  ScreenOrientation[ScreenOrientation["Portrait"] = 1] = "Portrait";
+  ScreenOrientation[ScreenOrientation["Landscape"] = 2] = "Landscape";
+  return ScreenOrientation;
 }({});
-//# sourceMappingURL=cxx.js.map
+//# sourceMappingURL=common.js.map

package/lib/commonjs/common.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CxxUnistylesEventTypes","exports","UnistylesError","ScreenOrientation"],"sourceRoot":"../../src","sources":["common.ts"],"mappings":";;;;;;IAAYA,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,0BAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAA,OAAtBA,sBAAsB;AAAA;AAAA,IAKtBE,cAAc,GAAAD,OAAA,CAAAC,cAAA,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA,OAS1B;AAAA,IACYC,iBAAiB,GAAAF,OAAA,CAAAE,iBAAA,0BAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA"}

package/lib/commonjs/{UnistyleRegistry.js → core/UnistyleRegistry.js}

@@ -21,6 +21,7 @@ class UnistyleRegistry {
     return this;
   };
   addBreakpoints = breakpoints => {
+    this.breakpoints = breakpoints;
     this.unistylesBridge.useBreakpoints(breakpoints);
     this.sortedBreakpointPairs = this.unistylesBridge.sortedBreakpointPairs;
     return this;
@@ -32,14 +33,6 @@ class UnistyleRegistry {
     }
     return this;
   };
-  dangerouslyUnregister = () => {
-    this.config = {};
-    this.themeNames = [];
-    this.themes = {};
-    this.breakpoints = {};
-    this.sortedBreakpointPairs = [];
-    this.unistylesBridge.unregister();
-  };
 }
 exports.UnistyleRegistry = UnistyleRegistry;
 //# sourceMappingURL=UnistyleRegistry.js.map

package/lib/commonjs/core/UnistyleRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UnistyleRegistry","config","themeNames","themes","breakpoints","sortedBreakpointPairs","constructor","unistylesBridge","addThemes","keys","Object","addBreakpoints","useBreakpoints","addConfig","adaptiveThemes","useAdaptiveThemes","exports"],"sourceRoot":"../../../src","sources":["core/UnistyleRegistry.ts"],"mappings":";;;;;;AAGO,MAAMA,gBAAgB,CAAC;EACnBC,MAAM,GAAoB,CAAC,CAAC;EAC5BC,UAAU,GAAiC,EAAE;EAC7CC,MAAM,GAAoB,CAAC,CAAC;EAC5BC,WAAW,GAAyB,CAAC,CAAC;EACtCC,qBAAqB,GAA0F,EAAE;EAExHC,WAAWA,CAASC,eAAgC,EAAE;IAAA,KAAlCA,eAAgC,GAAhCA,eAAgC;EAAG;EAEhDC,SAAS,GAAIL,MAAuB,IAAK;IAC5C,IAAI,CAACA,MAAM,GAAGA,MAAM;IAEpB,MAAMM,IAAI,GAAGC,MAAM,CAACD,IAAI,CAACN,MAAM,CAAiC;IAEhE,IAAI,CAACI,eAAe,CAACJ,MAAM,GAAGM,IAAI;IAClC,IAAI,CAACP,UAAU,GAAGO,IAAI;IAEtB,OAAO,IAAI;EACf,CAAC;EAEME,cAAc,GAAIP,WAAiC,IAAK;IAC3D,IAAI,CAACA,WAAW,GAAGA,WAAW;IAC9B,IAAI,CAACG,eAAe,CAACK,cAAc,CAACR,WAAW,CAAC;IAChD,IAAI,CAACC,qBAAqB,GAAG,IAAI,CAACE,eAAe,CAACF,qBAAqB;IAEvE,OAAO,IAAI;EACf,CAAC;EAEMQ,SAAS,GAAIZ,MAAuB,IAAK;IAC5C,IAAI,CAACA,MAAM,GAAGA,MAAM;IAEpB,IAAIA,MAAM,CAACa,cAAc,EAAE;MACvB,IAAI,CAACP,eAAe,CAACQ,iBAAiB,CAACd,MAAM,CAACa,cAAc,CAAC;IACjE;IAEA,OAAO,IAAI;EACf,CAAC;AACL;AAACE,OAAA,CAAAhB,gBAAA,GAAAA,gBAAA"}

package/lib/commonjs/{Unistyles.js → core/Unistyles.js}

@@ -6,21 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.unistyles = void 0;
 var _UnistylesModule = require("./UnistylesModule");
 var _UnistylesRuntime = require("./UnistylesRuntime");
-var _UnistylesEngine = require("./UnistylesEngine");
 var _UnistyleRegistry = require("./UnistyleRegistry");
-var _types = require("./types");
+var _common = require("../common");
 class Unistyles {
   constructor() {
     const isInstalled = _UnistylesModule.UnistylesModule?.install() ?? false;
     if (!isInstalled) {
-      throw new Error(_types.UnistylesError.RuntimeUnavailable);
+      throw new Error(_common.UnistylesError.RuntimeUnavailable);
     }
 
     // @ts-ignore
     this._bridge = global.__UNISTYLES__;
     this._registry = new _UnistyleRegistry.UnistyleRegistry(this._bridge);
     this._runtime = new _UnistylesRuntime.UnistylesRuntime(this._bridge, this._registry);
-    this._engine = new _UnistylesEngine.UnistylesBuiltInEngine(this._registry, this._runtime);
   }
   get registry() {
     return this._registry;
@@ -28,9 +26,6 @@ class Unistyles {
   get runtime() {
     return this._runtime;
   }
-  get engine() {
-    return this._engine;
-  }
 }
 const unistyles = exports.unistyles = new Unistyles();
 //# sourceMappingURL=Unistyles.js.map

package/lib/commonjs/core/Unistyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_UnistylesModule","require","_UnistylesRuntime","_UnistyleRegistry","_common","Unistyles","constructor","isInstalled","UnistylesModule","install","Error","UnistylesError","RuntimeUnavailable","_bridge","global","__UNISTYLES__","_registry","UnistyleRegistry","_runtime","UnistylesRuntime","registry","runtime","unistyles","exports"],"sourceRoot":"../../../src","sources":["core/Unistyles.ts"],"mappings":";;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAEA,MAAMI,SAAS,CAAC;EAKZC,WAAWA,CAAA,EAAG;IACV,MAAMC,WAAW,GAAGC,gCAAe,EAAEC,OAAO,CAAC,CAAC,IAAI,KAAK;IAEvD,IAAI,CAACF,WAAW,EAAE;MACd,MAAM,IAAIG,KAAK,CAACC,sBAAc,CAACC,kBAAkB,CAAC;IACtD;;IAEA;IACA,IAAI,CAACC,OAAO,GAAGC,MAAM,CAACC,aAAgC;IACtD,IAAI,CAACC,SAAS,GAAG,IAAIC,kCAAgB,CAAC,IAAI,CAACJ,OAAO,CAAC;IACnD,IAAI,CAACK,QAAQ,GAAG,IAAIC,kCAAgB,CAAC,IAAI,CAACN,OAAO,EAAE,IAAI,CAACG,SAAS,CAAC;EACtE;EAEA,IAAWI,QAAQA,CAAA,EAAG;IAClB,OAAO,IAAI,CAACJ,SAAS;EACzB;EAEA,IAAWK,OAAOA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACH,QAAQ;EACxB;AACJ;AAEO,MAAMI,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAIjB,SAAS,CAAC,CAAC"}

package/lib/commonjs/core/UnistylesModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","UnistylesModule","exports","NativeModules","Unistyles"],"sourceRoot":"../../../src","sources":["core/UnistylesModule.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAMO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAGE,0BAAa,EAAEC,SAAkC"}

package/lib/commonjs/{UnistylesRuntime.js → core/UnistylesRuntime.js}

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UnistylesRuntime = void 0;
-var _types = require("./types");
+var _common = require("../common");
 class UnistylesRuntime {
   constructor(unistylesBridge, registry) {
     this.unistylesBridge = unistylesBridge;
@@ -37,23 +37,23 @@ class UnistylesRuntime {
       height
     } = this.screen;
     if (width > height) {
-      return _types.ScreenOrientation.Landscape;
+      return _common.ScreenOrientation.Landscape;
     }
-    return _types.ScreenOrientation.Portrait;
+    return _common.ScreenOrientation.Portrait;
   }
   setTheme = name => {
-    if (name !== this.themeName && this.hasTheme(name)) {
+    if (this.hasTheme(name)) {
       this.unistylesBridge.useTheme(name);
       return true;
     }
-    throw new Error(_types.UnistylesError.ThemeNotRegistered);
+    throw new Error(_common.UnistylesError.ThemeNotRegistered);
   };
   getTheme = forName => {
     if (this.registry.themeNames.length === 0) {
       return {};
     }
     if (!this.hasTheme(forName)) {
-      throw new Error(_types.UnistylesError.ThemeNotFound);
+      throw new Error(_common.UnistylesError.ThemeNotFound);
     }
     return this.registry.themes[forName];
   };

package/lib/commonjs/core/UnistylesRuntime.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_common","require","UnistylesRuntime","constructor","unistylesBridge","registry","colorScheme","hasAdaptiveThemes","sortedBreakpoints","sortedBreakpointPairs","themeName","breakpoint","screen","width","screenWidth","height","screenHeight","orientation","ScreenOrientation","Landscape","Portrait","setTheme","name","hasTheme","useTheme","Error","UnistylesError","ThemeNotRegistered","getTheme","forName","themeNames","length","ThemeNotFound","themes","setAdaptiveThemes","enable","useAdaptiveThemes","exports"],"sourceRoot":"../../../src","sources":["core/UnistylesRuntime.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAKO,MAAMC,gBAAgB,CAAC;EAC1BC,WAAWA,CAASC,eAAgC,EAAUC,QAA0B,EAAE;IAAA,KAAtED,eAAgC,GAAhCA,eAAgC;IAAA,KAAUC,QAA0B,GAA1BA,QAA0B;EAAG;EAE3F,IAAWC,WAAWA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACF,eAAe,CAACE,WAAW;EAC3C;EAEA,IAAWC,iBAAiBA,CAAA,EAAG;IAC3B,OAAO,IAAI,CAACH,eAAe,CAACG,iBAAiB;EACjD;EAEA,IAAWC,iBAAiBA,CAAA,EAAG;IAC3B,OAAO,IAAI,CAACH,QAAQ,CAACI,qBAAqB;EAC9C;EAEA,IAAWC,SAASA,CAAA,EAAG;IACnB,OAAO,IAAI,CAACN,eAAe,CAACM,SAAS;EACzC;EAEA,IAAWC,UAAUA,CAAA,EAAG;IACpB,OAAO,IAAI,CAACP,eAAe,CAACO,UAAU;EAC1C;EAEA,IAAWC,MAAMA,CAAA,EAAG;IAChB,OAAO;MACHC,KAAK,EAAE,IAAI,CAACT,eAAe,CAACU,WAAW;MACvCC,MAAM,EAAE,IAAI,CAACX,eAAe,CAACY;IACjC,CAAC;EACL;EAEA,IAAWC,WAAWA,CAAA,EAAG;IACrB,MAAM;MAAEJ,KAAK;MAAEE;IAAO,CAAC,GAAG,IAAI,CAACH,MAAM;IAErC,IAAIC,KAAK,GAAGE,MAAM,EAAE;MAChB,OAAOG,yBAAiB,CAACC,SAAS;IACtC;IAEA,OAAOD,yBAAiB,CAACE,QAAQ;EACrC;EAEOC,QAAQ,GAAIC,IAA2B,IAAK;IAC/C,IAAI,IAAI,CAACC,QAAQ,CAACD,IAAI,CAAC,EAAE;MACrB,IAAI,CAAClB,eAAe,CAACoB,QAAQ,CAACF,IAAI,CAAC;MAEnC,OAAO,IAAI;IACf;IAEA,MAAM,IAAIG,KAAK,CAACC,sBAAc,CAACC,kBAAkB,CAAC;EACtD,CAAC;EAEMC,QAAQ,GAAIC,OAA8B,IAAK;IAClD,IAAI,IAAI,CAACxB,QAAQ,CAACyB,UAAU,CAACC,MAAM,KAAK,CAAC,EAAE;MACvC,OAAO,CAAC,CAAC;IACb;IAEA,IAAI,CAAC,IAAI,CAACR,QAAQ,CAACM,OAAO,CAAC,EAAE;MACzB,MAAM,IAAIJ,KAAK,CAACC,sBAAc,CAACM,aAAa,CAAC;IACjD;IAEA,OAAO,IAAI,CAAC3B,QAAQ,CAAC4B,MAAM,CAACJ,OAAO,CAAC;EACxC,CAAC;EAEMK,iBAAiB,GAAIC,MAAe,IAAK;IAC5C,IAAI,CAAC/B,eAAe,CAACgC,iBAAiB,CAACD,MAAM,CAAC;EAClD,CAAC;EAEOZ,QAAQ,GAAID,IAA2B,IAAKA,IAAI,IAAI,IAAI,CAACjB,QAAQ,CAAC4B,MAAM;AACpF;AAACI,OAAA,CAAAnC,gBAAA,GAAAA,gBAAA"}

package/lib/commonjs/core/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "unistyles", {
+  enumerable: true,
+  get: function () {
+    return _Unistyles.unistyles;
+  }
+});
+var _Unistyles = require("./Unistyles");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Unistyles","require"],"sourceRoot":"../../../src","sources":["core/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA"}

package/lib/commonjs/hooks/index.js

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

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

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

package/lib/commonjs/{useInitialTheme.js → hooks/useInitialTheme.js}

@@ -5,9 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useInitialTheme = void 0;
 var _react = require("react");
-var _Unistyles = require("./Unistyles");
+var _core = require("../core");
 const useInitialTheme = forName => {
-  (0, _react.useMemo)(() => _Unistyles.unistyles.runtime.setTheme(forName), []);
+  (0, _react.useMemo)(() => {
+    if (!_core.unistyles.runtime.themeName) {
+      _core.unistyles.runtime.setTheme(forName);
+    }
+  }, []);
 };
 exports.useInitialTheme = useInitialTheme;
 //# sourceMappingURL=useInitialTheme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_core","useInitialTheme","forName","useMemo","unistyles","runtime","themeName","setTheme","exports"],"sourceRoot":"../../../src","sources":["hooks/useInitialTheme.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAGO,MAAME,eAAe,GAAIC,OAA8B,IAAK;EAC/D,IAAAC,cAAO,EAAC,MAAM;IACV,IAAI,CAACC,eAAS,CAACC,OAAO,CAACC,SAAS,EAAE;MAC9BF,eAAS,CAACC,OAAO,CAACE,QAAQ,CAACL,OAAO,CAAC;IACvC;EACJ,CAAC,EAAE,EAAE,CAAC;AACV,CAAC;AAAAM,OAAA,CAAAP,eAAA,GAAAA,eAAA"}

package/lib/commonjs/hooks/useUnistyles.js

@@ -0,0 +1,54 @@
+"use strict";
+
+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);
+const useUnistyles = () => {
+  const [theme, setTheme] = (0, _react.useState)(_core.unistyles.runtime.getTheme(_core.unistyles.runtime.themeName));
+  const [layout, setLayout] = (0, _react.useState)({
+    breakpoint: _core.unistyles.runtime.breakpoint,
+    orientation: _core.unistyles.runtime.orientation,
+    screenSize: {
+      width: _core.unistyles.runtime.screen.width,
+      height: _core.unistyles.runtime.screen.height
+    }
+  });
+  (0, _react.useEffect)(() => {
+    const subscription = unistylesEvents.addListener('onChange', event => {
+      switch (event.type) {
+        case _common.CxxUnistylesEventTypes.Theme:
+          {
+            const themeEvent = event;
+            return setTheme(_core.unistyles.runtime.getTheme(themeEvent.payload.themeName));
+          }
+        case _common.CxxUnistylesEventTypes.Layout:
+          {
+            const layoutEvent = event;
+            return setLayout({
+              breakpoint: layoutEvent.payload.breakpoint,
+              orientation: layoutEvent.payload.orientation,
+              screenSize: {
+                width: layoutEvent.payload.screen.width,
+                height: layoutEvent.payload.screen.height
+              }
+            });
+          }
+        default:
+          return;
+      }
+    });
+    return subscription.remove;
+  }, []);
+  return {
+    theme,
+    layout
+  };
+};
+exports.useUnistyles = useUnistyles;
+//# sourceMappingURL=useUnistyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_core","_common","unistylesEvents","NativeEventEmitter","NativeModules","Unistyles","useUnistyles","theme","setTheme","useState","unistyles","runtime","getTheme","themeName","layout","setLayout","breakpoint","orientation","screenSize","width","screen","height","useEffect","subscription","addListener","event","type","CxxUnistylesEventTypes","Theme","themeEvent","payload","Layout","layoutEvent","remove","exports"],"sourceRoot":"../../../src","sources":["hooks/useUnistyles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAGA,MAAMI,eAAe,GAAG,IAAIC,+BAAkB,CAACC,0BAAa,CAACC,SAAS,CAAC;AAEhE,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAACC,eAAS,CAACC,OAAO,CAACC,QAAQ,CAACF,eAAS,CAACC,OAAO,CAACE,SAAS,CAAC,CAAC;EAC3F,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAN,eAAQ,EAAC;IACjCO,UAAU,EAAEN,eAAS,CAACC,OAAO,CAACK,UAAU;IACxCC,WAAW,EAAEP,eAAS,CAACC,OAAO,CAACM,WAAW;IAC1CC,UAAU,EAAE;MACRC,KAAK,EAAET,eAAS,CAACC,OAAO,CAACS,MAAM,CAACD,KAAK;MACrCE,MAAM,EAAEX,eAAS,CAACC,OAAO,CAACS,MAAM,CAACC;IACrC;EACJ,CAAC,CAAC;EAEF,IAAAC,gBAAS,EAAC,MAAM;IACZ,MAAMC,YAAY,GAAGrB,eAAe,CAACsB,WAAW,CAC5C,UAAU,EACTC,KAAsB,IAAK;MACxB,QAAQA,KAAK,CAACC,IAAI;QACd,KAAKC,8BAAsB,CAACC,KAAK;UAAE;YAC/B,MAAMC,UAAU,GAAGJ,KAA4B;YAE/C,OAAOjB,QAAQ,CAACE,eAAS,CAACC,OAAO,CAACC,QAAQ,CAACiB,UAAU,CAACC,OAAO,CAACjB,SAAS,CAAC,CAAC;UAC7E;QACA,KAAKc,8BAAsB,CAACI,MAAM;UAAE;YAChC,MAAMC,WAAW,GAAGP,KAAmC;YAEvD,OAAOV,SAAS,CAAC;cACbC,UAAU,EAAEgB,WAAW,CAACF,OAAO,CAACd,UAAU;cAC1CC,WAAW,EAAEe,WAAW,CAACF,OAAO,CAACb,WAAW;cAC5CC,UAAU,EAAE;gBACRC,KAAK,EAAEa,WAAW,CAACF,OAAO,CAACV,MAAM,CAACD,KAAK;gBACvCE,MAAM,EAAEW,WAAW,CAACF,OAAO,CAACV,MAAM,CAACC;cACvC;YACJ,CAAC,CAAC;UACN;QACA;UACI;MACR;IACJ,CACJ,CAAC;IAED,OAAOE,YAAY,CAACU,MAAM;EAC9B,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACH1B,KAAK;IACLO;EACJ,CAAC;AACL,CAAC;AAAAoB,OAAA,CAAA5B,YAAA,GAAAA,YAAA"}

package/lib/commonjs/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "ScreenOrientation", {
   enumerable: true,
   get: function () {
-    return _types.ScreenOrientation;
+    return _common.ScreenOrientation;
   }
 });
-exports.__dangerouslyUnregister = exports.UnistylesRuntime = exports.UnistylesRegistry = void 0;
+exports.UnistylesRuntime = exports.UnistylesRegistry = void 0;
 Object.defineProperty(exports, "createStyleSheet", {
   enumerable: true,
   get: function () {
@@ -25,7 +25,7 @@ Object.defineProperty(exports, "mq", {
 Object.defineProperty(exports, "useInitialTheme", {
   enumerable: true,
   get: function () {
-    return _useInitialTheme.useInitialTheme;
+    return _hooks.useInitialTheme;
   }
 });
 Object.defineProperty(exports, "useStyles", {
@@ -34,22 +34,16 @@ Object.defineProperty(exports, "useStyles", {
     return _useStyles.useStyles;
   }
 });
-var _Unistyles = require("./Unistyles");
-var _types = require("./types");
+var _core = require("./core");
 var _utils = require("./utils");
-var _useInitialTheme = require("./useInitialTheme");
+var _hooks = require("./hooks");
+var _common = require("./common");
 var _useStyles = require("./useStyles");
 var _createStyleSheet = require("./createStyleSheet");
-const {
-  addThemes,
-  addBreakpoints,
-  addConfig
-} = _Unistyles.unistyles.registry;
-const UnistylesRuntime = exports.UnistylesRuntime = _Unistyles.unistyles.runtime;
 const UnistylesRegistry = exports.UnistylesRegistry = {
-  addThemes,
-  addBreakpoints,
-  addConfig
+  addThemes: _core.unistyles.registry.addThemes,
+  addBreakpoints: _core.unistyles.registry.addBreakpoints,
+  addConfig: _core.unistyles.registry.addConfig
 };
-const __dangerouslyUnregister = exports.__dangerouslyUnregister = _Unistyles.unistyles.registry.dangerouslyUnregister;
+const UnistylesRuntime = exports.UnistylesRuntime = _core.unistyles.runtime;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Unistyles","require","_types","_utils","_useInitialTheme","_useStyles","_createStyleSheet","addThemes","addBreakpoints","addConfig","unistyles","registry","UnistylesRuntime","exports","runtime","UnistylesRegistry","__dangerouslyUnregister","dangerouslyUnregister"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAEA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AAEA,MAAM;EAAEM,SAAS;EAAEC,cAAc;EAAEC;AAAW,CAAC,GAAGC,oBAAS,CAACC,QAAQ;AACpE,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGF,oBAAS,CAACI,OAAO;AAC1C,MAAMC,iBAAiB,GAAAF,OAAA,CAAAE,iBAAA,GAAG;EACtBR,SAAS;EACTC,cAAc;EACdC;AACJ,CAAC;AAEM,MAAMO,uBAAuB,GAAAH,OAAA,CAAAG,uBAAA,GAAGN,oBAAS,CAACC,QAAQ,CAACM,qBAAqB"}
+{"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;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AAEA,MAAMM,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACtBE,SAAS,EAAEC,eAAS,CAACC,QAAQ,CAACF,SAAS;EACvCG,cAAc,EAAEF,eAAS,CAACC,QAAQ,CAACC,cAAc;EACjDC,SAAS,EAAEH,eAAS,CAACC,QAAQ,CAACE;AAClC,CAAC;AAED,MAAMC,gBAAgB,GAAAN,OAAA,CAAAM,gBAAA,GAAGJ,eAAS,CAACK,OAAO"}

package/lib/commonjs/types/common.js

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

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

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

package/lib/commonjs/types/index.js

@@ -14,14 +14,14 @@ Object.keys(_normalizer).forEach(function (key) {
     }
   });
 });
-var _cxx = require("./cxx");
-Object.keys(_cxx).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] === _cxx[key]) return;
+  if (key in exports && exports[key] === _unistyles[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _cxx[key];
+      return _unistyles[key];
     }
   });
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_normalizer","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_cxx"],"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,IAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,IAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,IAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,IAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
+{"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"}

package/lib/commonjs/types/mq.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=mq.js.map

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

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

package/lib/commonjs/types/unistyles.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=unistyles.js.map