react-native-unistyles 2.0.0-alpha.2 → 2.0.0-alpha.3

package/ios/UnistylesModule.h

@@ -1,7 +1,9 @@
 #import <React/RCTBridgeModule.h>
 #import <React/RCTEventEmitter.h>
+#import <string>
 
-typedef void(^UnistylesEventHandler)(NSDictionary *);
+typedef void(^UnistylesThemeChangeEvent)(std::string);
+typedef void(^UnistylesBreakpointChangeEvent)(std::string);
 
 @interface UnistylesModule : RCTEventEmitter<RCTBridgeModule>
 

package/ios/UnistylesModule.mm

@@ -1,8 +1,10 @@
 #import "UnistylesModule.h"
 #import "UnistylesRuntime.h"
+#import "UnistylesModule.h"
+
 
+#import <React/RCTAppearance.h>
 #import <React/RCTBridge+Private.h>
-#import <React/RCTUtils.h>
 #import <jsi/jsi.h>
 
 @implementation UnistylesModule
@@ -19,6 +21,11 @@ RCT_EXPORT_MODULE(Unistyles)
                                                  selector:@selector(handleOrientationChange:)
                                                      name:UIDeviceOrientationDidChangeNotification
                                                    object:nil];
+        // todo from iOS 13
+        [[NSNotificationCenter defaultCenter] addObserver:self
+                                                     selector:@selector(appearanceChanged:)
+                                                         name:RCTUserInterfaceStyleDidChangeNotification
+                                                       object:nil];
     }
     return self;
 }
@@ -28,10 +35,32 @@ RCT_EXPORT_MODULE(Unistyles)
         CGFloat screenWidth = [UIScreen mainScreen].bounds.size.width;
         CGFloat screenHeight = [UIScreen mainScreen].bounds.size.height;
 
-        ((UnistylesRuntime*)self.unistylesRuntime)->handleScreenSizeChangeWithWidth(screenWidth, screenHeight);
+        ((UnistylesRuntime*)self.unistylesRuntime)->handleScreenSizeChange((int)screenWidth, (int)screenHeight);
     });
 }
 
+- (void)appearanceChanged:(NSNotification *)notification
+{
+  std::string colorScheme = [self getColorScheme];
+
+  ((UnistylesRuntime*)self.unistylesRuntime)->handleAppearanceChange(colorScheme);
+}
+
+- (std::string)getColorScheme {
+    UIUserInterfaceStyle colorScheme = [UIScreen mainScreen].traitCollection.userInterfaceStyle;
+    
+    // todo enums
+    switch (colorScheme) {
+        case UIUserInterfaceStyleLight:
+            return "light";
+        case UIUserInterfaceStyleDark:
+            return "dark";
+        case UIUserInterfaceStyleUnspecified:
+        default:
+            return "";
+    }
+}
+
 - (void)dealloc {
     delete (UnistylesRuntime*)self.unistylesRuntime;
     [[NSNotificationCenter defaultCenter] removeObserver:self];
@@ -92,11 +121,37 @@ RCT_EXPORT_BLOCKING_SYNCHRONOUS_METHOD(install)
 void registerUnistylesHostObject(jsi::Runtime &runtime, UnistylesModule* weakSelf) {
     CGFloat initialScreenWidth = [UIScreen mainScreen].bounds.size.width;
     CGFloat initialScreenHeight = [UIScreen mainScreen].bounds.size.height;
-    UnistylesEventHandler eventHandler = ^(NSDictionary *body) {
+    std::string initalColorScheme = [weakSelf getColorScheme];
+    UnistylesThemeChangeEvent onThemeChange = ^(std::string theme) {
+        NSString *nextTheme = [NSString stringWithUTF8String:theme.c_str()];
+        NSDictionary *body = @{
+            @"type": @"theme",
+            @"payload": @{
+                @"themeName": nextTheme
+            }
+        };
+        
+        [weakSelf emitEvent:@"onChange" withBody:body];
+    };
+    UnistylesBreakpointChangeEvent onBreakpointChange = ^(std::string breakpoint) {
+        NSString *nextBreakpoint = [NSString stringWithUTF8String:breakpoint.c_str()];
+        NSDictionary *body = @{
+            @"type": @"breakpoint",
+            @"payload": @{
+                @"breakpoint": nextBreakpoint
+            }
+        };
+        
         [weakSelf emitEvent:@"onChange" withBody:body];
     };
     
-    auto unistylesRuntime = std::make_shared<UnistylesRuntime>(eventHandler, initialScreenWidth, initialScreenHeight);
+    auto unistylesRuntime = std::make_shared<UnistylesRuntime>(
+        onThemeChange,
+        onBreakpointChange,
+        (int)initialScreenWidth,
+        (int)initialScreenHeight,
+        initalColorScheme
+    );
     
     weakSelf.unistylesRuntime = unistylesRuntime.get();
 

package/ios/UnistylesRuntime.h

@@ -8,23 +8,41 @@ using namespace facebook;
 
 class JSI_EXPORT UnistylesRuntime : public jsi::HostObject {
 private:
-    UnistylesEventHandler eventHandler;
-    float screenWidth;
-    float screenHeight;
+    UnistylesThemeChangeEvent onThemeChange;
+    UnistylesBreakpointChangeEvent onBreakpointChange;
+
+    int screenWidth;
+    int screenHeight;
+    std::string colorScheme;
 
 public:
-    UnistylesRuntime(UnistylesEventHandler handler, CGFloat screenWidth, CGFloat screenHeight)
-    : eventHandler(handler), screenWidth(screenWidth), screenHeight(screenHeight) {}
+    UnistylesRuntime(
+        UnistylesThemeChangeEvent onThemeChange,
+        UnistylesBreakpointChangeEvent onBreakpointChange,
+        float screenWidth,
+        float screenHeight,
+        std::string colorScheme
+    ): onThemeChange(onThemeChange),
+       onBreakpointChange(onBreakpointChange),
+       screenWidth(screenWidth),
+       screenHeight(screenHeight),
+       colorScheme(colorScheme) {}
+
+    bool hasAdaptiveThemes;
+    bool supportsAutomaticColorScheme;
 
     std::string theme;
     std::string breakpoint;
-    std::string colorScheme;
-    std::vector<std::string> featureFlags;
+    std::vector<std::string> themes;
     std::vector<std::pair<std::string, double>> sortedBreakpointEntries;
 
     jsi::Value get(jsi::Runtime&, const jsi::PropNameID& name) override;
-    std::vector<jsi::PropNameID> getPropertyNames(jsi::Runtime& rt) override;
+    void set(jsi::Runtime& runtime, const jsi::PropNameID& propNameId, const jsi::Value& value) override;
+    std::vector<jsi::PropNameID> getPropertyNames(jsi::Runtime& runtime) override;
+
+    void handleScreenSizeChange(int width, int height);
+    void handleAppearanceChange(std::string colorScheme);
 
-    void handleScreenSizeChangeWithWidth(CGFloat width, CGFloat height);
+    jsi::Value getThemeOrFail(jsi::Runtime&);
     std::string getBreakpointFromScreenWidth(double width, const std::vector<std::pair<std::string, double>>& sortedBreakpointEntries);
 };

package/ios/UnistylesRuntime.mm

@@ -4,17 +4,20 @@ std::vector<jsi::PropNameID> UnistylesRuntime::getPropertyNames(jsi::Runtime& rt
     std::vector<jsi::PropNameID> properties;
 
     // getters
+    properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("screenWidth")));
+    properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("screenHeight")));
+    properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("hasAdaptiveThemes")));
     properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("theme")));
     properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("breakpoint")));
     properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("colorScheme")));
     properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("sortedBreakpointPairs")));
-
+    
     // setters
+    properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("themes")));
     properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("useBreakpoints")));
     properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("useTheme")));
-    properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("useColorScheme")));
-    properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("useFeatureFlags")));
-
+    properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("useAdaptiveThemes")));
+    
     return properties;
 }
 
@@ -22,10 +25,22 @@ std::vector<jsi::PropNameID> UnistylesRuntime::getPropertyNames(jsi::Runtime& rt
 jsi::Value UnistylesRuntime::get(jsi::Runtime& runtime, const jsi::PropNameID& propNameId) {
     std::string propName = propNameId.utf8(runtime);
     
+    if (propName == "screenWidth") {
+        return jsi::Value(this->screenWidth);
+    }
+
+    if (propName == "screenHeight") {
+        return jsi::Value(this->screenHeight);
+    }
+    
+    if (propName == "hasAdaptiveThemes") {
+        return jsi::Value(this->hasAdaptiveThemes);
+    }
+    
     if (propName == "theme") {
         return !this->theme.empty()
             ? jsi::Value(jsi::String::createFromUtf8(runtime, this->theme))
-            : jsi::Value::undefined();
+            : this->getThemeOrFail(runtime);
     }
     
     if (propName == "breakpoint") {
@@ -35,11 +50,9 @@ jsi::Value UnistylesRuntime::get(jsi::Runtime& runtime, const jsi::PropNameID& p
     }
     
     if (propName == "colorScheme") {
-        return !this->colorScheme.empty()
-            ? jsi::Value(jsi::String::createFromUtf8(runtime, this->colorScheme))
-            : jsi::Value::undefined();
+        return jsi::Value(jsi::String::createFromUtf8(runtime, this->colorScheme));
     }
-    
+
     if (propName == "sortedBreakpointPairs") {
         std::unique_ptr<jsi::Array> sortedBreakpointEntriesArray = std::make_unique<jsi::Array>(runtime, this->sortedBreakpointEntries.size());
             
@@ -101,61 +114,63 @@ jsi::Value UnistylesRuntime::get(jsi::Runtime& runtime, const jsi::PropNameID& p
                 NSString *currentTheme = [NSString stringWithUTF8String:themeName.c_str()];
             
                 this->theme = themeName;
-            
-                NSDictionary *body = @{
-                    @"type": @"theme",
-                    @"payload": @{
-                        @"currentTheme": currentTheme
-                    }
-                };
-                this->eventHandler(body);
+                this->onThemeChange(themeName);
 
                 return jsi::Value::undefined();
             }
         );
     }
     
-    if (propName == "useColorScheme") {
+    if (propName == "useAdaptiveThemes") {
         return jsi::Function::createFromHostFunction(runtime,
-            jsi::PropNameID::forAscii(runtime, "useColorScheme"),
+            jsi::PropNameID::forAscii(runtime, "useAdaptiveThemes"),
             1,
             [this](jsi::Runtime &runtime, const jsi::Value &thisVal, const jsi::Value *arguments, size_t count) -> jsi::Value {
-                std::string colorScheme = arguments[0].asString(runtime).utf8(runtime);
+                bool enableAdaptiveThemes = arguments[0].asBool();
 
-                this->colorScheme = colorScheme;
+                this->hasAdaptiveThemes = enableAdaptiveThemes;
+            
+                if (!enableAdaptiveThemes || !this->supportsAutomaticColorScheme) {
+                    return jsi::Value::undefined();
+                }
+
+                this->theme = this->colorScheme;
+//                this->onThemeChange(this->theme);
 
                 return jsi::Value::undefined();
             }
         );
     }
     
-    if (propName == "useFeatureFlags") {
-        return jsi::Function::createFromHostFunction(runtime,
-            jsi::PropNameID::forAscii(runtime, "useFeatureFlags"),
-            1,
-            [this](jsi::Runtime &runtime, const jsi::Value &thisVal, const jsi::Value *arguments, size_t count) -> jsi::Value {
-                jsi::Array featureFlagsArray = arguments[0].asObject(runtime).asArray(runtime);
-                size_t length = featureFlagsArray.size(runtime);
-                std::vector<std::string> featureFlags;
-                featureFlags.reserve(length);
-                    
-                for (size_t i = 0; i < length; ++i) {
-                    jsi::Value element = featureFlagsArray.getValueAtIndex(runtime, i);
-
-                    if (element.isString()) {
-                        std::string featureFlag = element.asString(runtime).utf8(runtime);
-                        featureFlags.push_back(featureFlag);
-                    }
-                }
+    return jsi::Value::undefined();
+}
 
-                this->featureFlags = featureFlags;
-            
-                return jsi::Value::undefined();
+void UnistylesRuntime::set(jsi::Runtime& runtime, const jsi::PropNameID& propNameId, const jsi::Value& value) {
+    std::string propName = propNameId.utf8(runtime);
+    
+    if (propName == "themes" && value.isObject()) {
+        jsi::Array themes = value.asObject(runtime).asArray(runtime);
+        std::vector<std::string> themesVector;
+        size_t length = themes.size(runtime);
+        
+        for (size_t i = 0; i < length; ++i) {
+            jsi::Value element = themes.getValueAtIndex(runtime, i);
+
+            if (element.isString()) {
+                std::string theme = element.asString(runtime).utf8(runtime);
+                themesVector.push_back(theme);
             }
-        );
+        }
+        
+        this->themes = themesVector;
+        
+        bool hasLightTheme = std::find(themesVector.begin(), themesVector.end(), "light") != themesVector.end();
+        bool hasDarkTheme = std::find(themesVector.begin(), themesVector.end(), "dark") != themesVector.end();
+        
+        this->supportsAutomaticColorScheme = hasLightTheme && hasDarkTheme;
+        
+        return;
     }
-   
-    return jsi::Value::undefined();
 }
 
 std::string UnistylesRuntime::getBreakpointFromScreenWidth(double width, const std::vector<std::pair<std::string, double>>& sortedBreakpointEntries) {
@@ -171,21 +186,43 @@ std::string UnistylesRuntime::getBreakpointFromScreenWidth(double width, const s
     return sortedBreakpointEntries.empty() ? "" : sortedBreakpointEntries.back().first;
 }
 
-void UnistylesRuntime::handleScreenSizeChangeWithWidth(CGFloat width, CGFloat height) {
+void UnistylesRuntime::handleScreenSizeChange(int width, int height) {
+    if (width != this->screenWidth) {
+        this->screenWidth = width;
+    }
+    
+    if (height != this->screenHeight) {
+        this->screenHeight = height;
+    }
+    
     std::string currentBreakpoint = this->breakpoint;
     std::string nextBreakpoint = this->getBreakpointFromScreenWidth(width, this->sortedBreakpointEntries);
     
     if (currentBreakpoint != nextBreakpoint) {
         this->breakpoint = nextBreakpoint;
+        this->onBreakpointChange(nextBreakpoint);
+    }
+}
 
-        NSString *breakpoint = [NSString stringWithUTF8String:nextBreakpoint.c_str()];
-        NSDictionary *body = @{
-            @"type": @"breakpoint",
-            @"payload": @{
-                @"currentBreakpoint": breakpoint
-            }
-        };
+void UnistylesRuntime::handleAppearanceChange(std::string colorScheme) {
+    this->colorScheme = colorScheme;
+    
+    if (!this->supportsAutomaticColorScheme || !this->hasAdaptiveThemes) {
+        return;
+    }
+    
+    this->theme = this->colorScheme;
+    this->onThemeChange(this->theme);
+}
+
+jsi::Value UnistylesRuntime::getThemeOrFail(jsi::Runtime& runtime) {
+    if (this->themes.size() == 1) {
+        std::string themeName = this->themes.at(0);
+
+        this->theme = themeName;
         
-        this->eventHandler(body);
+        return jsi::String::createFromUtf8(runtime, themeName);
     }
+    
+    return jsi::Value().undefined();
 }

package/lib/commonjs/UnistyleRegistry.js

@@ -5,16 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.UnistyleRegistry = void 0;
 class UnistyleRegistry {
-  isClosed = false;
+  config = {};
   themes = {};
   breakpoints = {};
   sortedBreakpointPairs = [];
-  config = {};
   constructor(unistylesBridge) {
     this.unistylesBridge = unistylesBridge;
   }
   addThemes = themes => {
     this.themes = themes;
+    this.unistylesBridge.themes = Object.keys(themes);
     return this;
   };
   addBreakpoints = breakpoints => {
@@ -24,11 +24,8 @@ class UnistyleRegistry {
   };
   addConfig = config => {
     this.config = config;
-    if (config.featureFlags && config.featureFlags.length > 0) {
-      this.unistylesBridge.useFeatureFlags(config.featureFlags);
-    }
-    if (config.colorScheme) {
-      this.unistylesBridge.useColorScheme(config.colorScheme);
+    if (config.adaptiveThemes) {
+      this.unistylesBridge.useAdaptiveThemes(config.adaptiveThemes);
     }
     return this;
   };

package/lib/commonjs/UnistyleRegistry.js.map

@@ -1 +1 @@
-{"version":3,"names":["UnistyleRegistry","isClosed","themes","breakpoints","sortedBreakpointPairs","config","constructor","unistylesBridge","addThemes","addBreakpoints","useBreakpoints","addConfig","featureFlags","length","useFeatureFlags","colorScheme","useColorScheme","exports"],"sourceRoot":"../../src","sources":["UnistyleRegistry.ts"],"mappings":";;;;;;AAGO,MAAMA,gBAAgB,CAAC;EACnBC,QAAQ,GAAG,KAAK;EAChBC,MAAM,GAAoB,CAAC,CAAC;EAC5BC,WAAW,GAAyB,CAAC,CAAC;EACtCC,qBAAqB,GAA0F,EAAE;EACjHC,MAAM,GAAoB,CAAC,CAAC;EAEnCC,WAAWA,CAASC,eAAgC,EAAE;IAAA,KAAlCA,eAAgC,GAAhCA,eAAgC;EAAG;EAEhDC,SAAS,GAAIN,MAAuB,IAAK;IAC5C,IAAI,CAACA,MAAM,GAAGA,MAAM;IAEpB,OAAO,IAAI;EACf,CAAC;EAEMO,cAAc,GAAIN,WAAiC,IAAK;IAC3D,IAAI,CAACI,eAAe,CAACG,cAAc,CAACP,WAAW,CAAC;IAChD,IAAI,CAACC,qBAAqB,GAAG,IAAI,CAACG,eAAe,CAACH,qBAAqB;IAEvE,OAAO,IAAI;EACf,CAAC;EAEMO,SAAS,GAAIN,MAAuB,IAAK;IAC5C,IAAI,CAACA,MAAM,GAAGA,MAAM;IAEpB,IAAIA,MAAM,CAACO,YAAY,IAAIP,MAAM,CAACO,YAAY,CAACC,MAAM,GAAG,CAAC,EAAE;MACvD,IAAI,CAACN,eAAe,CAACO,eAAe,CAACT,MAAM,CAACO,YAAY,CAAC;IAC7D;IAEA,IAAIP,MAAM,CAACU,WAAW,EAAE;MACpB,IAAI,CAACR,eAAe,CAACS,cAAc,CAACX,MAAM,CAACU,WAAW,CAAC;IAC3D;IAEA,OAAO,IAAI;EACf,CAAC;AACL;AAACE,OAAA,CAAAjB,gBAAA,GAAAA,gBAAA"}
+{"version":3,"names":["UnistyleRegistry","config","themes","breakpoints","sortedBreakpointPairs","constructor","unistylesBridge","addThemes","Object","keys","addBreakpoints","useBreakpoints","addConfig","adaptiveThemes","useAdaptiveThemes","exports"],"sourceRoot":"../../src","sources":["UnistyleRegistry.ts"],"mappings":";;;;;;AAGO,MAAMA,gBAAgB,CAAC;EACnBC,MAAM,GAAoB,CAAC,CAAC;EAC5BC,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;IACpB,IAAI,CAACI,eAAe,CAACJ,MAAM,GAAGM,MAAM,CAACC,IAAI,CAACP,MAAM,CAAiC;IAEjF,OAAO,IAAI;EACf,CAAC;EAEMQ,cAAc,GAAIP,WAAiC,IAAK;IAC3D,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,GAAIX,MAAuB,IAAK;IAC5C,IAAI,CAACA,MAAM,GAAGA,MAAM;IAEpB,IAAIA,MAAM,CAACY,cAAc,EAAE;MACvB,IAAI,CAACP,eAAe,CAACQ,iBAAiB,CAACb,MAAM,CAACY,cAAc,CAAC;IACjE;IAEA,OAAO,IAAI;EACf,CAAC;AACL;AAACE,OAAA,CAAAf,gBAAA,GAAAA,gBAAA"}

package/lib/commonjs/UnistylesRuntime.js

@@ -13,40 +13,51 @@ class UnistylesRuntime {
   get colorScheme() {
     return this.unistylesBridge.colorScheme;
   }
-  get breakpoints() {
-    return this.registry.breakpoints;
+  get hasAdaptiveThemes() {
+    return this.unistylesBridge.hasAdaptiveThemes;
   }
   get sortedBreakpoints() {
     return this.registry.sortedBreakpointPairs;
   }
-  get config() {
-    return this.registry.config;
-  }
-  get theme() {
+  get themeName() {
     return this.unistylesBridge.theme;
   }
-  get currentBreakpoint() {
+  get breakpoint() {
     return this.unistylesBridge.breakpoint;
   }
-  setColorScheme = scheme => {
-    if (scheme !== this.colorScheme) {
-      this.unistylesBridge.useColorScheme(scheme);
+  get screen() {
+    return {
+      width: this.unistylesBridge.screenWidth,
+      height: this.unistylesBridge.screenHeight
+    };
+  }
+  get orientation() {
+    const {
+      width,
+      height
+    } = this.screen;
+    if (width > height) {
+      return _types.ScreenOrientation.Landscape;
     }
-  };
+    return _types.ScreenOrientation.Portrait;
+  }
   setTheme = name => {
-    if (name !== this.theme && this.hasTheme(name)) {
+    if (name !== this.themeName && this.hasTheme(name)) {
       this.unistylesBridge.useTheme(name);
       return true;
     }
     return false;
   };
-  hasTheme = name => name in this.registry.themes;
   getTheme = forName => {
     if (!this.hasTheme(forName)) {
       throw new Error(_types.UnistylesError.ThemeNotFound);
     }
     return this.registry.themes[forName];
   };
+  setAdaptiveThemes = enable => {
+    this.unistylesBridge.useAdaptiveThemes(enable);
+  };
+  hasTheme = name => name in this.registry.themes;
 }
 exports.UnistylesRuntime = UnistylesRuntime;
 //# sourceMappingURL=UnistylesRuntime.js.map

package/lib/commonjs/UnistylesRuntime.js.map

@@ -1 +1 @@
-{"version":3,"names":["_types","require","UnistylesRuntime","constructor","unistylesBridge","registry","colorScheme","breakpoints","sortedBreakpoints","sortedBreakpointPairs","config","theme","currentBreakpoint","breakpoint","setColorScheme","scheme","useColorScheme","setTheme","name","hasTheme","useTheme","themes","getTheme","forName","Error","UnistylesError","ThemeNotFound","exports"],"sourceRoot":"../../src","sources":["UnistylesRuntime.ts"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AAGO,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,WAAWA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACF,QAAQ,CAACE,WAAW;EACpC;EAEA,IAAWC,iBAAiBA,CAAA,EAAG;IAC3B,OAAO,IAAI,CAACH,QAAQ,CAACI,qBAAqB;EAC9C;EAEA,IAAWC,MAAMA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACL,QAAQ,CAACK,MAAM;EAC/B;EAEA,IAAWC,KAAKA,CAAA,EAAG;IACf,OAAO,IAAI,CAACP,eAAe,CAACO,KAAK;EACrC;EAEA,IAAWC,iBAAiBA,CAAA,EAAG;IAC3B,OAAO,IAAI,CAACR,eAAe,CAACS,UAAU;EAC1C;EAEOC,cAAc,GAAIC,MAA4B,IAAK;IACtD,IAAIA,MAAM,KAAK,IAAI,CAACT,WAAW,EAAE;MAC7B,IAAI,CAACF,eAAe,CAACY,cAAc,CAACD,MAAM,CAAC;IAC/C;EACJ,CAAC;EAEME,QAAQ,GAAIC,IAA2B,IAAK;IAC/C,IAAIA,IAAI,KAAK,IAAI,CAACP,KAAK,IAAI,IAAI,CAACQ,QAAQ,CAACD,IAAI,CAAC,EAAE;MAC5C,IAAI,CAACd,eAAe,CAACgB,QAAQ,CAACF,IAAI,CAAC;MAEnC,OAAO,IAAI;IACf;IAEA,OAAO,KAAK;EAChB,CAAC;EAEMC,QAAQ,GAAID,IAA2B,IAAKA,IAAI,IAAI,IAAI,CAACb,QAAQ,CAACgB,MAAM;EAExEC,QAAQ,GAAIC,OAA8B,IAAK;IAClD,IAAI,CAAC,IAAI,CAACJ,QAAQ,CAACI,OAAO,CAAC,EAAE;MACzB,MAAM,IAAIC,KAAK,CAACC,qBAAc,CAACC,aAAa,CAAC;IACjD;IAEA,OAAO,IAAI,CAACrB,QAAQ,CAACgB,MAAM,CAACE,OAAO,CAAC;EACxC,CAAC;AACL;AAACI,OAAA,CAAAzB,gBAAA,GAAAA,gBAAA"}
+{"version":3,"names":["_types","require","UnistylesRuntime","constructor","unistylesBridge","registry","colorScheme","hasAdaptiveThemes","sortedBreakpoints","sortedBreakpointPairs","themeName","theme","breakpoint","screen","width","screenWidth","height","screenHeight","orientation","ScreenOrientation","Landscape","Portrait","setTheme","name","hasTheme","useTheme","getTheme","forName","Error","UnistylesError","ThemeNotFound","themes","setAdaptiveThemes","enable","useAdaptiveThemes","exports"],"sourceRoot":"../../src","sources":["UnistylesRuntime.ts"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AAGO,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,CAACO,KAAK;EACrC;EAEA,IAAWC,UAAUA,CAAA,EAAG;IACpB,OAAO,IAAI,CAACR,eAAe,CAACQ,UAAU;EAC1C;EAEA,IAAWC,MAAMA,CAAA,EAAG;IAChB,OAAO;MACHC,KAAK,EAAE,IAAI,CAACV,eAAe,CAACW,WAAW;MACvCC,MAAM,EAAE,IAAI,CAACZ,eAAe,CAACa;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,wBAAiB,CAACC,SAAS;IACtC;IAEA,OAAOD,wBAAiB,CAACE,QAAQ;EACrC;EAEOC,QAAQ,GAAIC,IAA2B,IAAK;IAC/C,IAAIA,IAAI,KAAK,IAAI,CAACb,SAAS,IAAI,IAAI,CAACc,QAAQ,CAACD,IAAI,CAAC,EAAE;MAChD,IAAI,CAACnB,eAAe,CAACqB,QAAQ,CAACF,IAAI,CAAC;MAEnC,OAAO,IAAI;IACf;IAEA,OAAO,KAAK;EAChB,CAAC;EAEMG,QAAQ,GAAIC,OAA8B,IAAK;IAClD,IAAI,CAAC,IAAI,CAACH,QAAQ,CAACG,OAAO,CAAC,EAAE;MACzB,MAAM,IAAIC,KAAK,CAACC,qBAAc,CAACC,aAAa,CAAC;IACjD;IAEA,OAAO,IAAI,CAACzB,QAAQ,CAAC0B,MAAM,CAACJ,OAAO,CAAC;EACxC,CAAC;EAEMK,iBAAiB,GAAIC,MAAe,IAAK;IAC5C,IAAI,CAAC7B,eAAe,CAAC8B,iBAAiB,CAACD,MAAM,CAAC;EAClD,CAAC;EAEOT,QAAQ,GAAID,IAA2B,IAAKA,IAAI,IAAI,IAAI,CAAClB,QAAQ,CAAC0B,MAAM;AACpF;AAACI,OAAA,CAAAjC,gBAAA,GAAAA,gBAAA"}

package/lib/commonjs/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "UnistylesColorScheme", {
+Object.defineProperty(exports, "ScreenOrientation", {
   enumerable: true,
   get: function () {
-    return _types.UnistylesColorScheme;
+    return _types.ScreenOrientation;
   }
 });
 exports.UnistylesRuntime = exports.UnistylesRegistry = void 0;

package/lib/commonjs/types/cxx.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UnistylesError = exports.UnistylesColorScheme = exports.CxxUnistylesEventTypes = void 0;
-let UnistylesColorScheme = exports.UnistylesColorScheme = /*#__PURE__*/function (UnistylesColorScheme) {
-  UnistylesColorScheme["System"] = "system";
-  UnistylesColorScheme["Manual"] = "manual";
-  return UnistylesColorScheme;
+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";

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

@@ -1 +1 @@
-{"version":3,"names":["UnistylesColorScheme","exports","CxxUnistylesEventTypes","UnistylesError"],"sourceRoot":"../../../src","sources":["types/cxx.ts"],"mappings":";;;;;;IAGYA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA;AAAA,IAwBpBE,sBAAsB,GAAAD,OAAA,CAAAC,sBAAA,0BAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAA,OAAtBA,sBAAsB;AAAA;AAAA,IA8BtBC,cAAc,GAAAF,OAAA,CAAAE,cAAA,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA"}
+{"version":3,"names":["ScreenOrientation","exports","CxxUnistylesEventTypes","UnistylesError"],"sourceRoot":"../../../src","sources":["types/cxx.ts"],"mappings":";;;;;;IASYA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA;AAAA,IAsBjBE,sBAAsB,GAAAD,OAAA,CAAAC,sBAAA,0BAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAA,OAAtBA,sBAAsB;AAAA;AAAA,IA8BtBC,cAAc,GAAAF,OAAA,CAAAE,cAAA,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA"}

package/lib/commonjs/useUnistyles.js

@@ -10,8 +10,8 @@ var _types = require("./types");
 var _Unistyles = require("./Unistyles");
 const unistylesEvents = new _reactNative.NativeEventEmitter(_reactNative.NativeModules.Unistyles);
 const useUnistyles = () => {
-  const [theme, setTheme] = (0, _react.useState)(_Unistyles.unistyles.runtime.getTheme(_Unistyles.unistyles.runtime.theme));
-  const [breakpoint, setBreakpoint] = (0, _react.useState)(_Unistyles.unistyles.runtime.currentBreakpoint);
+  const [theme, setTheme] = (0, _react.useState)(_Unistyles.unistyles.runtime.getTheme(_Unistyles.unistyles.runtime.themeName));
+  const [breakpoint, setBreakpoint] = (0, _react.useState)(_Unistyles.unistyles.runtime.breakpoint);
   const [screenSize, setScreenSize] = (0, _react.useState)({
     width: 0,
     height: 0
@@ -22,9 +22,10 @@ const useUnistyles = () => {
         case _types.CxxUnistylesEventTypes.Theme:
           {
             const themeEvent = event;
-            setTheme(_Unistyles.unistyles.runtime.getTheme(themeEvent.payload.currentTheme));
+            setTheme(_Unistyles.unistyles.runtime.getTheme(themeEvent.payload.themeName));
             return;
           }
+        // this event is not available on mobile
         case _types.CxxUnistylesEventTypes.Size:
           {
             const sizeEvent = event;
@@ -32,15 +33,12 @@ const useUnistyles = () => {
               width: sizeEvent.payload.width,
               height: sizeEvent.payload.height
             });
-            // todo
-            // setBreakpoint(unistyles.runtime.currentBreakpoint)
-
             return;
           }
         case _types.CxxUnistylesEventTypes.Breakpoint:
           {
             const breakpointEvent = event;
-            setBreakpoint(breakpointEvent.payload.currentBreakpoint);
+            setBreakpoint(breakpointEvent.payload.breakpoint);
             return;
           }
         default:

package/lib/commonjs/useUnistyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_react","_types","_Unistyles","unistylesEvents","NativeEventEmitter","NativeModules","Unistyles","useUnistyles","theme","setTheme","useState","unistyles","runtime","getTheme","breakpoint","setBreakpoint","currentBreakpoint","screenSize","setScreenSize","width","height","useEffect","subscription","addListener","event","type","CxxUnistylesEventTypes","Theme","themeEvent","payload","currentTheme","Size","sizeEvent","Breakpoint","breakpointEvent","remove","exports"],"sourceRoot":"../../src","sources":["useUnistyles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAOA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,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,oBAAS,CAACC,OAAO,CAACC,QAAQ,CAACF,oBAAS,CAACC,OAAO,CAACJ,KAAK,CAAC,CAAC;EACvF,MAAM,CAACM,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAL,eAAQ,EAACC,oBAAS,CAACC,OAAO,CAACI,iBAAiB,CAAC;EACjF,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAR,eAAQ,EAAC;IACzCS,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAAC,gBAAS,EAAC,MAAM;IACZ,MAAMC,YAAY,GAAGnB,eAAe,CAACoB,WAAW,CAC5C,UAAU,EACTC,KAAsB,IAAK;MACxB,QAAQA,KAAK,CAACC,IAAI;QACd,KAAKC,6BAAsB,CAACC,KAAK;UAAE;YAC/B,MAAMC,UAAU,GAAGJ,KAA+B;YAElDf,QAAQ,CAACE,oBAAS,CAACC,OAAO,CAACC,QAAQ,CAACe,UAAU,CAACC,OAAO,CAACC,YAAY,CAAC,CAAC;YAErE;UACJ;QACA,KAAKJ,6BAAsB,CAACK,IAAI;UAAE;YAC9B,MAAMC,SAAS,GAAGR,KAA8B;YAEhDN,aAAa,CAAC;cACVC,KAAK,EAAEa,SAAS,CAACH,OAAO,CAACV,KAAK;cAC9BC,MAAM,EAAEY,SAAS,CAACH,OAAO,CAACT;YAC9B,CAAC,CAAC;YACF;YACA;;YAEA;UACJ;QACA,KAAKM,6BAAsB,CAACO,UAAU;UAAE;YACpC,MAAMC,eAAe,GAAGV,KAAoC;YAE5DT,aAAa,CAACmB,eAAe,CAACL,OAAO,CAACb,iBAAiB,CAAC;YAExD;UACJ;QACA;UACI;MACR;IACJ,CACJ,CAAC;IAED,OAAOM,YAAY,CAACa,MAAM;EAC9B,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACH3B,KAAK;IACLM,UAAU;IACVG;EACJ,CAAC;AACL,CAAC;AAAAmB,OAAA,CAAA7B,YAAA,GAAAA,YAAA"}
+{"version":3,"names":["_reactNative","require","_react","_types","_Unistyles","unistylesEvents","NativeEventEmitter","NativeModules","Unistyles","useUnistyles","theme","setTheme","useState","unistyles","runtime","getTheme","themeName","breakpoint","setBreakpoint","screenSize","setScreenSize","width","height","useEffect","subscription","addListener","event","type","CxxUnistylesEventTypes","Theme","themeEvent","payload","Size","sizeEvent","Breakpoint","breakpointEvent","remove","exports"],"sourceRoot":"../../src","sources":["useUnistyles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAOA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,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,oBAAS,CAACC,OAAO,CAACC,QAAQ,CAACF,oBAAS,CAACC,OAAO,CAACE,SAAS,CAAC,CAAC;EAC3F,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAN,eAAQ,EAACC,oBAAS,CAACC,OAAO,CAACG,UAAU,CAAC;EAC1E,MAAM,CAACE,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAR,eAAQ,EAAC;IACzCS,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAAC,gBAAS,EAAC,MAAM;IACZ,MAAMC,YAAY,GAAGnB,eAAe,CAACoB,WAAW,CAC5C,UAAU,EACTC,KAAsB,IAAK;MACxB,QAAQA,KAAK,CAACC,IAAI;QACd,KAAKC,6BAAsB,CAACC,KAAK;UAAE;YAC/B,MAAMC,UAAU,GAAGJ,KAA+B;YAElDf,QAAQ,CAACE,oBAAS,CAACC,OAAO,CAACC,QAAQ,CAACe,UAAU,CAACC,OAAO,CAACf,SAAS,CAAC,CAAC;YAElE;UACJ;QACA;QACA,KAAKY,6BAAsB,CAACI,IAAI;UAAE;YAC9B,MAAMC,SAAS,GAAGP,KAA8B;YAEhDN,aAAa,CAAC;cACVC,KAAK,EAAEY,SAAS,CAACF,OAAO,CAACV,KAAK;cAC9BC,MAAM,EAAEW,SAAS,CAACF,OAAO,CAACT;YAC9B,CAAC,CAAC;YAEF;UACJ;QACA,KAAKM,6BAAsB,CAACM,UAAU;UAAE;YACpC,MAAMC,eAAe,GAAGT,KAAoC;YAE5DR,aAAa,CAACiB,eAAe,CAACJ,OAAO,CAACd,UAAU,CAAC;YAEjD;UACJ;QACA;UACI;MACR;IACJ,CACJ,CAAC;IAED,OAAOO,YAAY,CAACY,MAAM;EAC9B,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACH1B,KAAK;IACLO,UAAU;IACVE;EACJ,CAAC;AACL,CAAC;AAAAkB,OAAA,CAAA5B,YAAA,GAAAA,YAAA"}

package/lib/module/UnistyleRegistry.js

@@ -1,14 +1,14 @@
 export class UnistyleRegistry {
-  isClosed = false;
+  config = {};
   themes = {};
   breakpoints = {};
   sortedBreakpointPairs = [];
-  config = {};
   constructor(unistylesBridge) {
     this.unistylesBridge = unistylesBridge;
   }
   addThemes = themes => {
     this.themes = themes;
+    this.unistylesBridge.themes = Object.keys(themes);
     return this;
   };
   addBreakpoints = breakpoints => {
@@ -18,11 +18,8 @@ export class UnistyleRegistry {
   };
   addConfig = config => {
     this.config = config;
-    if (config.featureFlags && config.featureFlags.length > 0) {
-      this.unistylesBridge.useFeatureFlags(config.featureFlags);
-    }
-    if (config.colorScheme) {
-      this.unistylesBridge.useColorScheme(config.colorScheme);
+    if (config.adaptiveThemes) {
+      this.unistylesBridge.useAdaptiveThemes(config.adaptiveThemes);
     }
     return this;
   };

package/lib/module/UnistyleRegistry.js.map

@@ -1 +1 @@
-{"version":3,"names":["UnistyleRegistry","isClosed","themes","breakpoints","sortedBreakpointPairs","config","constructor","unistylesBridge","addThemes","addBreakpoints","useBreakpoints","addConfig","featureFlags","length","useFeatureFlags","colorScheme","useColorScheme"],"sourceRoot":"../../src","sources":["UnistyleRegistry.ts"],"mappings":"AAGA,OAAO,MAAMA,gBAAgB,CAAC;EACnBC,QAAQ,GAAG,KAAK;EAChBC,MAAM,GAAoB,CAAC,CAAC;EAC5BC,WAAW,GAAyB,CAAC,CAAC;EACtCC,qBAAqB,GAA0F,EAAE;EACjHC,MAAM,GAAoB,CAAC,CAAC;EAEnCC,WAAWA,CAASC,eAAgC,EAAE;IAAA,KAAlCA,eAAgC,GAAhCA,eAAgC;EAAG;EAEhDC,SAAS,GAAIN,MAAuB,IAAK;IAC5C,IAAI,CAACA,MAAM,GAAGA,MAAM;IAEpB,OAAO,IAAI;EACf,CAAC;EAEMO,cAAc,GAAIN,WAAiC,IAAK;IAC3D,IAAI,CAACI,eAAe,CAACG,cAAc,CAACP,WAAW,CAAC;IAChD,IAAI,CAACC,qBAAqB,GAAG,IAAI,CAACG,eAAe,CAACH,qBAAqB;IAEvE,OAAO,IAAI;EACf,CAAC;EAEMO,SAAS,GAAIN,MAAuB,IAAK;IAC5C,IAAI,CAACA,MAAM,GAAGA,MAAM;IAEpB,IAAIA,MAAM,CAACO,YAAY,IAAIP,MAAM,CAACO,YAAY,CAACC,MAAM,GAAG,CAAC,EAAE;MACvD,IAAI,CAACN,eAAe,CAACO,eAAe,CAACT,MAAM,CAACO,YAAY,CAAC;IAC7D;IAEA,IAAIP,MAAM,CAACU,WAAW,EAAE;MACpB,IAAI,CAACR,eAAe,CAACS,cAAc,CAACX,MAAM,CAACU,WAAW,CAAC;IAC3D;IAEA,OAAO,IAAI;EACf,CAAC;AACL"}
+{"version":3,"names":["UnistyleRegistry","config","themes","breakpoints","sortedBreakpointPairs","constructor","unistylesBridge","addThemes","Object","keys","addBreakpoints","useBreakpoints","addConfig","adaptiveThemes","useAdaptiveThemes"],"sourceRoot":"../../src","sources":["UnistyleRegistry.ts"],"mappings":"AAGA,OAAO,MAAMA,gBAAgB,CAAC;EACnBC,MAAM,GAAoB,CAAC,CAAC;EAC5BC,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;IACpB,IAAI,CAACI,eAAe,CAACJ,MAAM,GAAGM,MAAM,CAACC,IAAI,CAACP,MAAM,CAAiC;IAEjF,OAAO,IAAI;EACf,CAAC;EAEMQ,cAAc,GAAIP,WAAiC,IAAK;IAC3D,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,GAAIX,MAAuB,IAAK;IAC5C,IAAI,CAACA,MAAM,GAAGA,MAAM;IAEpB,IAAIA,MAAM,CAACY,cAAc,EAAE;MACvB,IAAI,CAACP,eAAe,CAACQ,iBAAiB,CAACb,MAAM,CAACY,cAAc,CAAC;IACjE;IAEA,OAAO,IAAI;EACf,CAAC;AACL"}

package/lib/module/UnistylesRuntime.js

@@ -1,4 +1,4 @@
-import { UnistylesError } from './types';
+import { ScreenOrientation, UnistylesError } from './types';
 export class UnistylesRuntime {
   constructor(unistylesBridge, registry) {
     this.unistylesBridge = unistylesBridge;
@@ -7,39 +7,50 @@ export class UnistylesRuntime {
   get colorScheme() {
     return this.unistylesBridge.colorScheme;
   }
-  get breakpoints() {
-    return this.registry.breakpoints;
+  get hasAdaptiveThemes() {
+    return this.unistylesBridge.hasAdaptiveThemes;
   }
   get sortedBreakpoints() {
     return this.registry.sortedBreakpointPairs;
   }
-  get config() {
-    return this.registry.config;
-  }
-  get theme() {
+  get themeName() {
     return this.unistylesBridge.theme;
   }
-  get currentBreakpoint() {
+  get breakpoint() {
     return this.unistylesBridge.breakpoint;
   }
-  setColorScheme = scheme => {
-    if (scheme !== this.colorScheme) {
-      this.unistylesBridge.useColorScheme(scheme);
+  get screen() {
+    return {
+      width: this.unistylesBridge.screenWidth,
+      height: this.unistylesBridge.screenHeight
+    };
+  }
+  get orientation() {
+    const {
+      width,
+      height
+    } = this.screen;
+    if (width > height) {
+      return ScreenOrientation.Landscape;
     }
-  };
+    return ScreenOrientation.Portrait;
+  }
   setTheme = name => {
-    if (name !== this.theme && this.hasTheme(name)) {
+    if (name !== this.themeName && this.hasTheme(name)) {
       this.unistylesBridge.useTheme(name);
       return true;
     }
     return false;
   };
-  hasTheme = name => name in this.registry.themes;
   getTheme = forName => {
     if (!this.hasTheme(forName)) {
       throw new Error(UnistylesError.ThemeNotFound);
     }
     return this.registry.themes[forName];
   };
+  setAdaptiveThemes = enable => {
+    this.unistylesBridge.useAdaptiveThemes(enable);
+  };
+  hasTheme = name => name in this.registry.themes;
 }
 //# sourceMappingURL=UnistylesRuntime.js.map

package/lib/module/UnistylesRuntime.js.map

@@ -1 +1 @@
-{"version":3,"names":["UnistylesError","UnistylesRuntime","constructor","unistylesBridge","registry","colorScheme","breakpoints","sortedBreakpoints","sortedBreakpointPairs","config","theme","currentBreakpoint","breakpoint","setColorScheme","scheme","useColorScheme","setTheme","name","hasTheme","useTheme","themes","getTheme","forName","Error","ThemeNotFound"],"sourceRoot":"../../src","sources":["UnistylesRuntime.ts"],"mappings":"AAEA,SAA+BA,cAAc,QAAQ,SAAS;AAG9D,OAAO,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,WAAWA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACF,QAAQ,CAACE,WAAW;EACpC;EAEA,IAAWC,iBAAiBA,CAAA,EAAG;IAC3B,OAAO,IAAI,CAACH,QAAQ,CAACI,qBAAqB;EAC9C;EAEA,IAAWC,MAAMA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACL,QAAQ,CAACK,MAAM;EAC/B;EAEA,IAAWC,KAAKA,CAAA,EAAG;IACf,OAAO,IAAI,CAACP,eAAe,CAACO,KAAK;EACrC;EAEA,IAAWC,iBAAiBA,CAAA,EAAG;IAC3B,OAAO,IAAI,CAACR,eAAe,CAACS,UAAU;EAC1C;EAEOC,cAAc,GAAIC,MAA4B,IAAK;IACtD,IAAIA,MAAM,KAAK,IAAI,CAACT,WAAW,EAAE;MAC7B,IAAI,CAACF,eAAe,CAACY,cAAc,CAACD,MAAM,CAAC;IAC/C;EACJ,CAAC;EAEME,QAAQ,GAAIC,IAA2B,IAAK;IAC/C,IAAIA,IAAI,KAAK,IAAI,CAACP,KAAK,IAAI,IAAI,CAACQ,QAAQ,CAACD,IAAI,CAAC,EAAE;MAC5C,IAAI,CAACd,eAAe,CAACgB,QAAQ,CAACF,IAAI,CAAC;MAEnC,OAAO,IAAI;IACf;IAEA,OAAO,KAAK;EAChB,CAAC;EAEMC,QAAQ,GAAID,IAA2B,IAAKA,IAAI,IAAI,IAAI,CAACb,QAAQ,CAACgB,MAAM;EAExEC,QAAQ,GAAIC,OAA8B,IAAK;IAClD,IAAI,CAAC,IAAI,CAACJ,QAAQ,CAACI,OAAO,CAAC,EAAE;MACzB,MAAM,IAAIC,KAAK,CAACvB,cAAc,CAACwB,aAAa,CAAC;IACjD;IAEA,OAAO,IAAI,CAACpB,QAAQ,CAACgB,MAAM,CAACE,OAAO,CAAC;EACxC,CAAC;AACL"}
+{"version":3,"names":["ScreenOrientation","UnistylesError","UnistylesRuntime","constructor","unistylesBridge","registry","colorScheme","hasAdaptiveThemes","sortedBreakpoints","sortedBreakpointPairs","themeName","theme","breakpoint","screen","width","screenWidth","height","screenHeight","orientation","Landscape","Portrait","setTheme","name","hasTheme","useTheme","getTheme","forName","Error","ThemeNotFound","themes","setAdaptiveThemes","enable","useAdaptiveThemes"],"sourceRoot":"../../src","sources":["UnistylesRuntime.ts"],"mappings":"AAEA,SAASA,iBAAiB,EAAEC,cAAc,QAAQ,SAAS;AAG3D,OAAO,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,CAACO,KAAK;EACrC;EAEA,IAAWC,UAAUA,CAAA,EAAG;IACpB,OAAO,IAAI,CAACR,eAAe,CAACQ,UAAU;EAC1C;EAEA,IAAWC,MAAMA,CAAA,EAAG;IAChB,OAAO;MACHC,KAAK,EAAE,IAAI,CAACV,eAAe,CAACW,WAAW;MACvCC,MAAM,EAAE,IAAI,CAACZ,eAAe,CAACa;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,OAAOhB,iBAAiB,CAACmB,SAAS;IACtC;IAEA,OAAOnB,iBAAiB,CAACoB,QAAQ;EACrC;EAEOC,QAAQ,GAAIC,IAA2B,IAAK;IAC/C,IAAIA,IAAI,KAAK,IAAI,CAACZ,SAAS,IAAI,IAAI,CAACa,QAAQ,CAACD,IAAI,CAAC,EAAE;MAChD,IAAI,CAAClB,eAAe,CAACoB,QAAQ,CAACF,IAAI,CAAC;MAEnC,OAAO,IAAI;IACf;IAEA,OAAO,KAAK;EAChB,CAAC;EAEMG,QAAQ,GAAIC,OAA8B,IAAK;IAClD,IAAI,CAAC,IAAI,CAACH,QAAQ,CAACG,OAAO,CAAC,EAAE;MACzB,MAAM,IAAIC,KAAK,CAAC1B,cAAc,CAAC2B,aAAa,CAAC;IACjD;IAEA,OAAO,IAAI,CAACvB,QAAQ,CAACwB,MAAM,CAACH,OAAO,CAAC;EACxC,CAAC;EAEMI,iBAAiB,GAAIC,MAAe,IAAK;IAC5C,IAAI,CAAC3B,eAAe,CAAC4B,iBAAiB,CAACD,MAAM,CAAC;EAClD,CAAC;EAEOR,QAAQ,GAAID,IAA2B,IAAKA,IAAI,IAAI,IAAI,CAACjB,QAAQ,CAACwB,MAAM;AACpF"}

package/lib/module/index.js

@@ -1,5 +1,5 @@
 import { unistyles } from './Unistyles';
-import { UnistylesColorScheme } from './types';
+import { ScreenOrientation } from './types';
 export { useInitialTheme } from './useInitialTheme';
 export { useStyles } from './useStyles';
 export { createStyleSheet } from './createStyleSheet';
@@ -15,5 +15,5 @@ const UnistylesRegistry = {
   addConfig
 };
 export { UnistylesRuntime, UnistylesRegistry };
-export { UnistylesColorScheme };
+export { ScreenOrientation };
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["unistyles","UnistylesColorScheme","useInitialTheme","useStyles","createStyleSheet","addThemes","addBreakpoints","addConfig","registry","UnistylesRuntime","runtime","UnistylesRegistry"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,SAAS,QAAQ,aAAa;AAEvC,SAASC,oBAAoB,QAAQ,SAAS;AAE9C,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,MAAM;EAAEC,SAAS;EAAEC,cAAc;EAAEC;AAAW,CAAC,GAAGP,SAAS,CAACQ,QAAQ;AACpE,MAAMC,gBAAgB,GAAGT,SAAS,CAACU,OAAO;AAC1C,MAAMC,iBAAiB,GAAG;EACtBN,SAAS;EACTC,cAAc;EACdC;AACJ,CAAC;AAED,SACIE,gBAAgB,EAChBE,iBAAiB;AAGrB,SACIV,oBAAoB"}
+{"version":3,"names":["unistyles","ScreenOrientation","useInitialTheme","useStyles","createStyleSheet","addThemes","addBreakpoints","addConfig","registry","UnistylesRuntime","runtime","UnistylesRegistry"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,SAAS,QAAQ,aAAa;AAEvC,SAASC,iBAAiB,QAAQ,SAAS;AAE3C,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,MAAM;EAAEC,SAAS;EAAEC,cAAc;EAAEC;AAAW,CAAC,GAAGP,SAAS,CAACQ,QAAQ;AACpE,MAAMC,gBAAgB,GAAGT,SAAS,CAACU,OAAO;AAC1C,MAAMC,iBAAiB,GAAG;EACtBN,SAAS;EACTC,cAAc;EACdC;AACJ,CAAC;AAED,SACIE,gBAAgB,EAChBE,iBAAiB;AAGrB,SACIV,iBAAiB"}

package/lib/module/types/cxx.js

@@ -1,7 +1,7 @@
-export let UnistylesColorScheme = /*#__PURE__*/function (UnistylesColorScheme) {
-  UnistylesColorScheme["System"] = "system";
-  UnistylesColorScheme["Manual"] = "manual";
-  return UnistylesColorScheme;
+export let ScreenOrientation = /*#__PURE__*/function (ScreenOrientation) {
+  ScreenOrientation[ScreenOrientation["Portrait"] = 1] = "Portrait";
+  ScreenOrientation[ScreenOrientation["Landscape"] = 2] = "Landscape";
+  return ScreenOrientation;
 }({});
 export let CxxUnistylesEventTypes = /*#__PURE__*/function (CxxUnistylesEventTypes) {
   CxxUnistylesEventTypes["Theme"] = "theme";

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

@@ -1 +1 @@
-{"version":3,"names":["UnistylesColorScheme","CxxUnistylesEventTypes","UnistylesError"],"sourceRoot":"../../../src","sources":["types/cxx.ts"],"mappings":"AAGA,WAAYA,oBAAoB,0BAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA;AAwBhC,WAAYC,sBAAsB,0BAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAA,OAAtBA,sBAAsB;AAAA;AA8BlC,WAAYC,cAAc,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA"}
+{"version":3,"names":["ScreenOrientation","CxxUnistylesEventTypes","UnistylesError"],"sourceRoot":"../../../src","sources":["types/cxx.ts"],"mappings":"AASA,WAAYA,iBAAiB,0BAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA;AAsB7B,WAAYC,sBAAsB,0BAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAA,OAAtBA,sBAAsB;AAAA;AA8BlC,WAAYC,cAAc,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA"}

package/lib/module/useUnistyles.js

@@ -4,8 +4,8 @@ import { CxxUnistylesEventTypes } from './types';
 import { unistyles } from './Unistyles';
 const unistylesEvents = new NativeEventEmitter(NativeModules.Unistyles);
 export const useUnistyles = () => {
-  const [theme, setTheme] = useState(unistyles.runtime.getTheme(unistyles.runtime.theme));
-  const [breakpoint, setBreakpoint] = useState(unistyles.runtime.currentBreakpoint);
+  const [theme, setTheme] = useState(unistyles.runtime.getTheme(unistyles.runtime.themeName));
+  const [breakpoint, setBreakpoint] = useState(unistyles.runtime.breakpoint);
   const [screenSize, setScreenSize] = useState({
     width: 0,
     height: 0
@@ -16,9 +16,10 @@ export const useUnistyles = () => {
         case CxxUnistylesEventTypes.Theme:
           {
             const themeEvent = event;
-            setTheme(unistyles.runtime.getTheme(themeEvent.payload.currentTheme));
+            setTheme(unistyles.runtime.getTheme(themeEvent.payload.themeName));
             return;
           }
+        // this event is not available on mobile
         case CxxUnistylesEventTypes.Size:
           {
             const sizeEvent = event;
@@ -26,15 +27,12 @@ export const useUnistyles = () => {
               width: sizeEvent.payload.width,
               height: sizeEvent.payload.height
             });
-            // todo
-            // setBreakpoint(unistyles.runtime.currentBreakpoint)
-
             return;
           }
         case CxxUnistylesEventTypes.Breakpoint:
           {
             const breakpointEvent = event;
-            setBreakpoint(breakpointEvent.payload.currentBreakpoint);
+            setBreakpoint(breakpointEvent.payload.breakpoint);
             return;
           }
         default:

package/lib/module/useUnistyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeEventEmitter","NativeModules","useEffect","useState","CxxUnistylesEventTypes","unistyles","unistylesEvents","Unistyles","useUnistyles","theme","setTheme","runtime","getTheme","breakpoint","setBreakpoint","currentBreakpoint","screenSize","setScreenSize","width","height","subscription","addListener","event","type","Theme","themeEvent","payload","currentTheme","Size","sizeEvent","Breakpoint","breakpointEvent","remove"],"sourceRoot":"../../src","sources":["useUnistyles.ts"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;AAChE,SAASC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAO3C,SAASC,sBAAsB,QAAQ,SAAS;AAChD,SAASC,SAAS,QAAQ,aAAa;AAEvC,MAAMC,eAAe,GAAG,IAAIN,kBAAkB,CAACC,aAAa,CAACM,SAAS,CAAC;AAEvE,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGP,QAAQ,CAACE,SAAS,CAACM,OAAO,CAACC,QAAQ,CAACP,SAAS,CAACM,OAAO,CAACF,KAAK,CAAC,CAAC;EACvF,MAAM,CAACI,UAAU,EAAEC,aAAa,CAAC,GAAGX,QAAQ,CAACE,SAAS,CAACM,OAAO,CAACI,iBAAiB,CAAC;EACjF,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGd,QAAQ,CAAC;IACzCe,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACZ,CAAC,CAAC;EAEFjB,SAAS,CAAC,MAAM;IACZ,MAAMkB,YAAY,GAAGd,eAAe,CAACe,WAAW,CAC5C,UAAU,EACTC,KAAsB,IAAK;MACxB,QAAQA,KAAK,CAACC,IAAI;QACd,KAAKnB,sBAAsB,CAACoB,KAAK;UAAE;YAC/B,MAAMC,UAAU,GAAGH,KAA+B;YAElDZ,QAAQ,CAACL,SAAS,CAACM,OAAO,CAACC,QAAQ,CAACa,UAAU,CAACC,OAAO,CAACC,YAAY,CAAC,CAAC;YAErE;UACJ;QACA,KAAKvB,sBAAsB,CAACwB,IAAI;UAAE;YAC9B,MAAMC,SAAS,GAAGP,KAA8B;YAEhDL,aAAa,CAAC;cACVC,KAAK,EAAEW,SAAS,CAACH,OAAO,CAACR,KAAK;cAC9BC,MAAM,EAAEU,SAAS,CAACH,OAAO,CAACP;YAC9B,CAAC,CAAC;YACF;YACA;;YAEA;UACJ;QACA,KAAKf,sBAAsB,CAAC0B,UAAU;UAAE;YACpC,MAAMC,eAAe,GAAGT,KAAoC;YAE5DR,aAAa,CAACiB,eAAe,CAACL,OAAO,CAACX,iBAAiB,CAAC;YAExD;UACJ;QACA;UACI;MACR;IACJ,CACJ,CAAC;IAED,OAAOK,YAAY,CAACY,MAAM;EAC9B,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACHvB,KAAK;IACLI,UAAU;IACVG;EACJ,CAAC;AACL,CAAC"}
+{"version":3,"names":["NativeEventEmitter","NativeModules","useEffect","useState","CxxUnistylesEventTypes","unistyles","unistylesEvents","Unistyles","useUnistyles","theme","setTheme","runtime","getTheme","themeName","breakpoint","setBreakpoint","screenSize","setScreenSize","width","height","subscription","addListener","event","type","Theme","themeEvent","payload","Size","sizeEvent","Breakpoint","breakpointEvent","remove"],"sourceRoot":"../../src","sources":["useUnistyles.ts"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;AAChE,SAASC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAO3C,SAASC,sBAAsB,QAAQ,SAAS;AAChD,SAASC,SAAS,QAAQ,aAAa;AAEvC,MAAMC,eAAe,GAAG,IAAIN,kBAAkB,CAACC,aAAa,CAACM,SAAS,CAAC;AAEvE,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGP,QAAQ,CAACE,SAAS,CAACM,OAAO,CAACC,QAAQ,CAACP,SAAS,CAACM,OAAO,CAACE,SAAS,CAAC,CAAC;EAC3F,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGZ,QAAQ,CAACE,SAAS,CAACM,OAAO,CAACG,UAAU,CAAC;EAC1E,MAAM,CAACE,UAAU,EAAEC,aAAa,CAAC,GAAGd,QAAQ,CAAC;IACzCe,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACZ,CAAC,CAAC;EAEFjB,SAAS,CAAC,MAAM;IACZ,MAAMkB,YAAY,GAAGd,eAAe,CAACe,WAAW,CAC5C,UAAU,EACTC,KAAsB,IAAK;MACxB,QAAQA,KAAK,CAACC,IAAI;QACd,KAAKnB,sBAAsB,CAACoB,KAAK;UAAE;YAC/B,MAAMC,UAAU,GAAGH,KAA+B;YAElDZ,QAAQ,CAACL,SAAS,CAACM,OAAO,CAACC,QAAQ,CAACa,UAAU,CAACC,OAAO,CAACb,SAAS,CAAC,CAAC;YAElE;UACJ;QACA;QACA,KAAKT,sBAAsB,CAACuB,IAAI;UAAE;YAC9B,MAAMC,SAAS,GAAGN,KAA8B;YAEhDL,aAAa,CAAC;cACVC,KAAK,EAAEU,SAAS,CAACF,OAAO,CAACR,KAAK;cAC9BC,MAAM,EAAES,SAAS,CAACF,OAAO,CAACP;YAC9B,CAAC,CAAC;YAEF;UACJ;QACA,KAAKf,sBAAsB,CAACyB,UAAU;UAAE;YACpC,MAAMC,eAAe,GAAGR,KAAoC;YAE5DP,aAAa,CAACe,eAAe,CAACJ,OAAO,CAACZ,UAAU,CAAC;YAEjD;UACJ;QACA;UACI;MACR;IACJ,CACJ,CAAC;IAED,OAAOM,YAAY,CAACW,MAAM;EAC9B,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACHtB,KAAK;IACLK,UAAU;IACVE;EACJ,CAAC;AACL,CAAC"}

package/lib/typescript/examples/expo/src/examples/Cxx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cxx.d.ts","sourceRoot":"","sources":["../../../../../../examples/expo/src/examples/Cxx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,GAAG,yBA+Cf,CAAA"}
+{"version":3,"file":"Cxx.d.ts","sourceRoot":"","sources":["../../../../../../examples/expo/src/examples/Cxx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,GAAG,yBA8Ef,CAAA"}

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

@@ -2,11 +2,10 @@ import type { UnistylesBridge, UnistylesConfig } from './types';
 import type { UnistylesThemes, UnistylesBreakpoints } from './global';
 export declare class UnistyleRegistry {
     private unistylesBridge;
-    isClosed: boolean;
+    config: UnistylesConfig;
     themes: UnistylesThemes;
     breakpoints: UnistylesBreakpoints;
     sortedBreakpointPairs: Array<[keyof UnistylesBreakpoints, UnistylesBreakpoints[keyof UnistylesBreakpoints]]>;
-    config: UnistylesConfig;
     constructor(unistylesBridge: UnistylesBridge);
     addThemes: (themes: UnistylesThemes) => this;
     addBreakpoints: (breakpoints: UnistylesBreakpoints) => this;

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

@@ -1 +1 @@
-{"version":3,"file":"UnistyleRegistry.d.ts","sourceRoot":"","sources":["../../../src/UnistyleRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC/D,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAErE,qBAAa,gBAAgB;IAOb,OAAO,CAAC,eAAe;IAN5B,QAAQ,UAAQ;IAChB,MAAM,EAAE,eAAe,CAAwB;IAC/C,WAAW,EAAE,oBAAoB,CAA6B;IAC9D,qBAAqB,EAAE,KAAK,CAAC,CAAC,MAAM,oBAAoB,EAAE,oBAAoB,CAAC,MAAM,oBAAoB,CAAC,CAAC,CAAC,CAAK;IACjH,MAAM,EAAE,eAAe,CAAK;gBAEf,eAAe,EAAE,eAAe;IAE7C,SAAS,WAAY,eAAe,UAI1C;IAEM,cAAc,gBAAiB,oBAAoB,UAKzD;IAEM,SAAS,WAAY,eAAe,UAY1C;CACJ"}
+{"version":3,"file":"UnistyleRegistry.d.ts","sourceRoot":"","sources":["../../../src/UnistyleRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC/D,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAErE,qBAAa,gBAAgB;IAMb,OAAO,CAAC,eAAe;IAL5B,MAAM,EAAE,eAAe,CAAK;IAC5B,MAAM,EAAE,eAAe,CAAwB;IAC/C,WAAW,EAAE,oBAAoB,CAA6B;IAC9D,qBAAqB,EAAE,KAAK,CAAC,CAAC,MAAM,oBAAoB,EAAE,oBAAoB,CAAC,MAAM,oBAAoB,CAAC,CAAC,CAAC,CAAK;gBAEpG,eAAe,EAAE,eAAe;IAE7C,SAAS,WAAY,eAAe,UAK1C;IAEM,cAAc,gBAAiB,oBAAoB,UAKzD;IAEM,SAAS,WAAY,eAAe,UAQ1C;CACJ"}

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

@@ -1,20 +1,22 @@
 import type { UnistylesBridge } from './types';
 import type { UnistyleRegistry } from './UnistyleRegistry';
-import { UnistylesColorScheme } from './types';
+import { ScreenOrientation } from './types';
 import type { UnistylesThemes } from './global';
 export declare class UnistylesRuntime {
     private unistylesBridge;
     private registry;
     constructor(unistylesBridge: UnistylesBridge, registry: UnistyleRegistry);
-    get colorScheme(): UnistylesColorScheme;
-    get breakpoints(): import("./global").UnistylesBreakpoints;
+    get colorScheme(): import("./types").ColorSchemeName;
+    get hasAdaptiveThemes(): boolean;
     get sortedBreakpoints(): [keyof import("./global").UnistylesBreakpoints, number][];
-    get config(): import("./types").UnistylesConfig;
-    get theme(): keyof UnistylesThemes;
-    get currentBreakpoint(): keyof import("./global").UnistylesBreakpoints;
-    setColorScheme: (scheme: UnistylesColorScheme) => void;
+    get themeName(): keyof UnistylesThemes;
+    get breakpoint(): keyof import("./global").UnistylesBreakpoints;
+    get screen(): {
+        width: number;
+        height: number;
+    };
+    get orientation(): ScreenOrientation;
     setTheme: (name: keyof UnistylesThemes) => boolean;
-    hasTheme: (name: keyof UnistylesThemes) => boolean;
     getTheme: (forName: keyof UnistylesThemes) => {
         colors: {
             backgroundColor: string;
@@ -52,5 +54,7 @@ export declare class UnistylesRuntime {
             blood: string;
         };
     };
+    setAdaptiveThemes: (enable: boolean) => void;
+    private hasTheme;
 }
 //# sourceMappingURL=UnistylesRuntime.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UnistylesRuntime.d.ts","sourceRoot":"","sources":["../../../src/UnistylesRuntime.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAkB,MAAM,SAAS,CAAA;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,qBAAa,gBAAgB;IACb,OAAO,CAAC,eAAe;IAAmB,OAAO,CAAC,QAAQ;gBAAlD,eAAe,EAAE,eAAe,EAAU,QAAQ,EAAE,gBAAgB;IAExF,IAAW,WAAW,yBAErB;IAED,IAAW,WAAW,4CAErB;IAED,IAAW,iBAAiB,8DAE3B;IAED,IAAW,MAAM,sCAEhB;IAED,IAAW,KAAK,0BAEf;IAED,IAAW,iBAAiB,kDAE3B;IAEM,cAAc,WAAY,oBAAoB,UAIpD;IAEM,QAAQ,SAAU,MAAM,eAAe,aAQ7C;IAEM,QAAQ,SAAU,MAAM,eAAe,aAAiC;IAExE,QAAQ,YAAa,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAMhD;CACJ"}
+{"version":3,"file":"UnistylesRuntime.d.ts","sourceRoot":"","sources":["../../../src/UnistylesRuntime.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAkB,MAAM,SAAS,CAAA;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,qBAAa,gBAAgB;IACb,OAAO,CAAC,eAAe;IAAmB,OAAO,CAAC,QAAQ;gBAAlD,eAAe,EAAE,eAAe,EAAU,QAAQ,EAAE,gBAAgB;IAExF,IAAW,WAAW,sCAErB;IAED,IAAW,iBAAiB,YAE3B;IAED,IAAW,iBAAiB,8DAE3B;IAED,IAAW,SAAS,0BAEnB;IAED,IAAW,UAAU,kDAEpB;IAED,IAAW,MAAM;;;MAKhB;IAED,IAAW,WAAW,sBAQrB;IAEM,QAAQ,SAAU,MAAM,eAAe,aAQ7C;IAEM,QAAQ,YAAa,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAMhD;IAEM,iBAAiB,WAAY,OAAO,UAE1C;IAED,OAAO,CAAC,QAAQ,CAAgE;CACnF"}

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

@@ -1,5 +1,5 @@
 import type { UnistylesThemes, UnistylesBreakpoints } from './global';
-import { UnistylesColorScheme } from './types';
+import { ScreenOrientation } from './types';
 export { useInitialTheme } from './useInitialTheme';
 export { useStyles } from './useStyles';
 export { createStyleSheet } from './createStyleSheet';
@@ -10,6 +10,6 @@ declare const UnistylesRegistry: {
     addConfig: (config: import("./types").UnistylesConfig) => import("./UnistyleRegistry").UnistyleRegistry;
 };
 export { UnistylesRuntime, UnistylesRegistry };
-export { UnistylesColorScheme };
+export { ScreenOrientation };
 export type { UnistylesThemes, UnistylesBreakpoints };
 //# 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,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGrD,QAAA,MAAM,gBAAgB,+CAAoB,CAAA;AAC1C,QAAA,MAAM,iBAAiB;;;;CAItB,CAAA;AAED,OAAO,EACH,gBAAgB,EAChB,iBAAiB,EACpB,CAAA;AAED,OAAO,EACH,oBAAoB,EACvB,CAAA;AAED,YAAY,EACR,eAAe,EACf,oBAAoB,EACvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGrD,QAAA,MAAM,gBAAgB,+CAAoB,CAAA;AAC1C,QAAA,MAAM,iBAAiB;;;;CAItB,CAAA;AAED,OAAO,EACH,gBAAgB,EAChB,iBAAiB,EACpB,CAAA;AAED,OAAO,EACH,iBAAiB,EACpB,CAAA;AAED,YAAY,EACR,eAAe,EACf,oBAAoB,EACvB,CAAA"}

package/lib/typescript/src/types/cxx.d.ts

@@ -1,22 +1,25 @@
 import type { UnistylesThemes, UnistylesBreakpoints } from '../global';
 export type Nullable<T> = T | null;
-export declare enum UnistylesColorScheme {
-    System = "system",
-    Manual = "manual"
-}
+export type ColorSchemeName = 'light' | 'dark' | undefined;
 export type UnistylesConfig = {
-    colorScheme?: UnistylesColorScheme;
-    featureFlags?: Array<string>;
+    adaptiveThemes?: boolean;
 };
+export declare enum ScreenOrientation {
+    Portrait = 1,
+    Landscape = 2
+}
 export type UnistylesBridge = {
+    screenWidth: number;
+    screenHeight: number;
+    hasAdaptiveThemes: boolean;
     theme: keyof UnistylesThemes;
     breakpoint: keyof UnistylesBreakpoints;
-    colorScheme: UnistylesColorScheme;
+    colorScheme: ColorSchemeName;
     sortedBreakpointPairs: Array<[keyof UnistylesBreakpoints, UnistylesBreakpoints[keyof UnistylesBreakpoints]]>;
+    themes: Array<keyof UnistylesThemes>;
     useBreakpoints(breakpoints: UnistylesBreakpoints): void;
     useTheme(name: keyof UnistylesThemes): void;
-    useColorScheme(scheme: UnistylesColorScheme): void;
-    useFeatureFlags(flags: Array<string>): void;
+    useAdaptiveThemes(enable: boolean): void;
 };
 export declare enum CxxUnistylesEventTypes {
     Theme = "theme",
@@ -26,7 +29,7 @@ export declare enum CxxUnistylesEventTypes {
 export type CxxUnistylesThemeEvent = {
     type: CxxUnistylesEventTypes.Theme;
     payload: {
-        currentTheme: keyof UnistylesThemes;
+        themeName: keyof UnistylesThemes;
     };
 };
 export type CxxUnistylesSizeEvent = {
@@ -39,7 +42,7 @@ export type CxxUnistylesSizeEvent = {
 export type CxxUnistylesBreakpointEvent = {
     type: CxxUnistylesEventTypes.Breakpoint;
     payload: {
-        currentBreakpoint: keyof UnistylesBreakpoints;
+        breakpoint: keyof UnistylesBreakpoints;
     };
 };
 export type UnistylesEvents = CxxUnistylesThemeEvent | CxxUnistylesSizeEvent | CxxUnistylesBreakpointEvent;

package/lib/typescript/src/types/cxx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cxx.d.ts","sourceRoot":"","sources":["../../../../src/types/cxx.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAEtE,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;AAClC,oBAAY,oBAAoB;IAC5B,MAAM,WAAW;IACjB,MAAM,WAAW;CACpB;AAED,MAAM,MAAM,eAAe,GAAG;IAC1B,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAE1B,KAAK,EAAE,MAAM,eAAe,CAAA;IAC5B,UAAU,EAAE,MAAM,oBAAoB,CAAC;IACvC,WAAW,EAAE,oBAAoB,CAAC;IAClC,qBAAqB,EAAE,KAAK,CAAC,CAAC,MAAM,oBAAoB,EAAE,oBAAoB,CAAC,MAAM,oBAAoB,CAAC,CAAC,CAAC,CAAA;IAG5G,cAAc,CAAC,WAAW,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACxD,QAAQ,CAAC,IAAI,EAAE,MAAM,eAAe,GAAG,IAAI,CAAC;IAC5C,cAAc,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACnD,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;CAC9C,CAAA;AAED,oBAAY,sBAAsB;IAC9B,KAAK,UAAU;IACf,IAAI,SAAS;IACb,UAAU,eAAe;CAC5B;AAED,MAAM,MAAM,sBAAsB,GAAG;IACjC,IAAI,EAAE,sBAAsB,CAAC,KAAK,CAAC;IACnC,OAAO,EAAE;QACL,YAAY,EAAE,MAAM,eAAe,CAAA;KACtC,CAAA;CACJ,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,sBAAsB,CAAC,IAAI,CAAC;IAClC,OAAO,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAA;KACjB,CAAA;CACJ,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACtC,IAAI,EAAE,sBAAsB,CAAC,UAAU,CAAC;IACxC,OAAO,EAAE;QACL,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;KAChD,CAAA;CACJ,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,sBAAsB,GAAG,qBAAqB,GAAG,2BAA2B,CAAA;AAE1G,oBAAY,cAAc;IACtB,kBAAkB,wCAAwC;IAC1D,aAAa,oCAAoC;CACpD"}
+{"version":3,"file":"cxx.d.ts","sourceRoot":"","sources":["../../../../src/types/cxx.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAEtE,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;AAClC,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,oBAAY,iBAAiB;IACzB,QAAQ,IAAI;IACZ,SAAS,IAAI;CAChB;AAED,MAAM,MAAM,eAAe,GAAG;IAE1B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,MAAM,eAAe,CAAC;IAC7B,UAAU,EAAE,MAAM,oBAAoB,CAAC;IACvC,WAAW,EAAE,eAAe,CAAC;IAC7B,qBAAqB,EAAE,KAAK,CAAC,CAAC,MAAM,oBAAoB,EAAE,oBAAoB,CAAC,MAAM,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAG7G,MAAM,EAAE,KAAK,CAAC,MAAM,eAAe,CAAC,CAAC;IACrC,cAAc,CAAC,WAAW,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACxD,QAAQ,CAAC,IAAI,EAAE,MAAM,eAAe,GAAG,IAAI,CAAC;IAC5C,iBAAiB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;CAC5C,CAAA;AAED,oBAAY,sBAAsB;IAC9B,KAAK,UAAU;IACf,IAAI,SAAS;IACb,UAAU,eAAe;CAC5B;AAED,MAAM,MAAM,sBAAsB,GAAG;IACjC,IAAI,EAAE,sBAAsB,CAAC,KAAK,CAAC;IACnC,OAAO,EAAE;QACL,SAAS,EAAE,MAAM,eAAe,CAAA;KACnC,CAAA;CACJ,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,sBAAsB,CAAC,IAAI,CAAC;IAClC,OAAO,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAA;KACjB,CAAA;CACJ,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACtC,IAAI,EAAE,sBAAsB,CAAC,UAAU,CAAC;IACxC,OAAO,EAAE;QACL,UAAU,EAAE,MAAM,oBAAoB,CAAA;KACzC,CAAA;CACJ,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,sBAAsB,GAAG,qBAAqB,GAAG,2BAA2B,CAAA;AAE1G,oBAAY,cAAc;IACtB,kBAAkB,wCAAwC;IAC1D,aAAa,oCAAoC;CACpD"}

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

@@ -1 +1 @@
-{"version":3,"file":"useUnistyles.d.ts","sourceRoot":"","sources":["../../../src/useUnistyles.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDxB,CAAA"}
+{"version":3,"file":"useUnistyles.d.ts","sourceRoot":"","sources":["../../../src/useUnistyles.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDxB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unistyles",
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-alpha.3",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
     "test": "jest",

package/src/UnistyleRegistry.ts

@@ -2,16 +2,16 @@ import type { UnistylesBridge, UnistylesConfig } from './types'
 import type { UnistylesThemes, UnistylesBreakpoints } from './global'
 
 export class UnistyleRegistry {
-    public isClosed = false
+    public config: UnistylesConfig = {}
     public themes: UnistylesThemes = {} as UnistylesThemes
     public breakpoints: UnistylesBreakpoints = {} as UnistylesBreakpoints
     public sortedBreakpointPairs: Array<[keyof UnistylesBreakpoints, UnistylesBreakpoints[keyof UnistylesBreakpoints]]> = []
-    public config: UnistylesConfig = {}
 
     constructor(private unistylesBridge: UnistylesBridge) {}
 
     public addThemes = (themes: UnistylesThemes) => {
         this.themes = themes
+        this.unistylesBridge.themes = Object.keys(themes) as Array<keyof UnistylesThemes>
 
         return this
     }
@@ -26,12 +26,8 @@ export class UnistyleRegistry {
     public addConfig = (config: UnistylesConfig) => {
         this.config = config
 
-        if (config.featureFlags && config.featureFlags.length > 0) {
-            this.unistylesBridge.useFeatureFlags(config.featureFlags)
-        }
-
-        if (config.colorScheme) {
-            this.unistylesBridge.useColorScheme(config.colorScheme)
+        if (config.adaptiveThemes) {
+            this.unistylesBridge.useAdaptiveThemes(config.adaptiveThemes)
         }
 
         return this

package/src/UnistylesRuntime.ts

@@ -1,6 +1,6 @@
 import type { UnistylesBridge } from './types'
 import type { UnistyleRegistry } from './UnistyleRegistry'
-import { UnistylesColorScheme, UnistylesError } from './types'
+import { ScreenOrientation, UnistylesError } from './types'
 import type { UnistylesThemes } from './global'
 
 export class UnistylesRuntime {
@@ -10,34 +10,41 @@ export class UnistylesRuntime {
         return this.unistylesBridge.colorScheme
     }
 
-    public get breakpoints() {
-        return this.registry.breakpoints
+    public get hasAdaptiveThemes() {
+        return this.unistylesBridge.hasAdaptiveThemes
     }
 
     public get sortedBreakpoints() {
         return this.registry.sortedBreakpointPairs
     }
 
-    public get config() {
-        return this.registry.config
-    }
-
-    public get theme() {
+    public get themeName() {
         return this.unistylesBridge.theme
     }
 
-    public get currentBreakpoint() {
+    public get breakpoint() {
         return this.unistylesBridge.breakpoint
     }
 
-    public setColorScheme = (scheme: UnistylesColorScheme) => {
-        if (scheme !== this.colorScheme) {
-            this.unistylesBridge.useColorScheme(scheme)
+    public get screen() {
+        return {
+            width: this.unistylesBridge.screenWidth,
+            height: this.unistylesBridge.screenHeight
         }
     }
 
+    public get orientation() {
+        const { width, height } = this.screen
+
+        if (width > height) {
+            return ScreenOrientation.Landscape
+        }
+
+        return ScreenOrientation.Portrait
+    }
+
     public setTheme = (name: keyof UnistylesThemes) => {
-        if (name !== this.theme && this.hasTheme(name)) {
+        if (name !== this.themeName && this.hasTheme(name)) {
             this.unistylesBridge.useTheme(name)
 
             return true
@@ -46,8 +53,6 @@ export class UnistylesRuntime {
         return false
     }
 
-    public hasTheme = (name: keyof UnistylesThemes) => name in this.registry.themes
-
     public getTheme = (forName: keyof UnistylesThemes) => {
         if (!this.hasTheme(forName)) {
             throw new Error(UnistylesError.ThemeNotFound)
@@ -55,4 +60,10 @@ export class UnistylesRuntime {
 
         return this.registry.themes[forName]
     }
+
+    public setAdaptiveThemes = (enable: boolean) => {
+        this.unistylesBridge.useAdaptiveThemes(enable)
+    }
+
+    private hasTheme = (name: keyof UnistylesThemes) => name in this.registry.themes
 }

package/src/index.ts

@@ -1,6 +1,6 @@
 import { unistyles } from './Unistyles'
 import type { UnistylesThemes, UnistylesBreakpoints } from './global'
-import { UnistylesColorScheme } from './types'
+import { ScreenOrientation } from './types'
 
 export { useInitialTheme } from './useInitialTheme'
 
@@ -21,7 +21,7 @@ export {
 }
 
 export {
-    UnistylesColorScheme
+    ScreenOrientation
 }
 
 export type {

package/src/types/cxx.ts

@@ -1,28 +1,32 @@
 import type { UnistylesThemes, UnistylesBreakpoints } from '../global'
 
 export type Nullable<T> = T | null
-export enum UnistylesColorScheme {
-    System = 'system',
-    Manual = 'manual'
-}
+export type ColorSchemeName = 'light' | 'dark' | undefined
 
 export type UnistylesConfig = {
-    colorScheme?: UnistylesColorScheme,
-    featureFlags?: Array<string>
+    adaptiveThemes?: boolean
+}
+
+export enum ScreenOrientation {
+    Portrait = 1,
+    Landscape = 2
 }
 
 export type UnistylesBridge = {
     // getters
-    theme: keyof UnistylesThemes
+    screenWidth: number,
+    screenHeight: number,
+    hasAdaptiveThemes: boolean,
+    theme: keyof UnistylesThemes,
     breakpoint: keyof UnistylesBreakpoints,
-    colorScheme: UnistylesColorScheme,
-    sortedBreakpointPairs: Array<[keyof UnistylesBreakpoints, UnistylesBreakpoints[keyof UnistylesBreakpoints]]>
+    colorScheme: ColorSchemeName,
+    sortedBreakpointPairs: Array<[keyof UnistylesBreakpoints, UnistylesBreakpoints[keyof UnistylesBreakpoints]]>,
 
     // setters
+    themes: Array<keyof UnistylesThemes>,
     useBreakpoints(breakpoints: UnistylesBreakpoints): void,
     useTheme(name: keyof UnistylesThemes): void,
-    useColorScheme(scheme: UnistylesColorScheme): void,
-    useFeatureFlags(flags: Array<string>): void
+    useAdaptiveThemes(enable: boolean): void,
 }
 
 export enum CxxUnistylesEventTypes {
@@ -34,7 +38,7 @@ export enum CxxUnistylesEventTypes {
 export type CxxUnistylesThemeEvent = {
     type: CxxUnistylesEventTypes.Theme,
     payload: {
-        currentTheme: keyof UnistylesThemes
+        themeName: keyof UnistylesThemes
     }
 }
 
@@ -49,7 +53,7 @@ export type CxxUnistylesSizeEvent = {
 export type CxxUnistylesBreakpointEvent = {
     type: CxxUnistylesEventTypes.Breakpoint,
     payload: {
-        currentBreakpoint: keyof UnistylesBreakpoints
+        breakpoint: keyof UnistylesBreakpoints
     }
 }
 

package/src/useUnistyles.ts

@@ -12,8 +12,8 @@ import { unistyles } from './Unistyles'
 const unistylesEvents = new NativeEventEmitter(NativeModules.Unistyles)
 
 export const useUnistyles = () => {
-    const [theme, setTheme] = useState(unistyles.runtime.getTheme(unistyles.runtime.theme))
-    const [breakpoint, setBreakpoint] = useState(unistyles.runtime.currentBreakpoint)
+    const [theme, setTheme] = useState(unistyles.runtime.getTheme(unistyles.runtime.themeName))
+    const [breakpoint, setBreakpoint] = useState(unistyles.runtime.breakpoint)
     const [screenSize, setScreenSize] = useState({
         width: 0,
         height: 0
@@ -27,10 +27,11 @@ export const useUnistyles = () => {
                     case CxxUnistylesEventTypes.Theme: {
                         const themeEvent = event as CxxUnistylesThemeEvent
 
-                        setTheme(unistyles.runtime.getTheme(themeEvent.payload.currentTheme))
+                        setTheme(unistyles.runtime.getTheme(themeEvent.payload.themeName))
 
                         return
                     }
+                    // this event is not available on mobile
                     case CxxUnistylesEventTypes.Size: {
                         const sizeEvent = event as CxxUnistylesSizeEvent
 
@@ -38,15 +39,13 @@ export const useUnistyles = () => {
                             width: sizeEvent.payload.width,
                             height: sizeEvent.payload.height
                         })
-                        // todo
-                        // setBreakpoint(unistyles.runtime.currentBreakpoint)
 
                         return
                     }
                     case CxxUnistylesEventTypes.Breakpoint: {
                         const breakpointEvent = event as CxxUnistylesBreakpointEvent
 
-                        setBreakpoint(breakpointEvent.payload.currentBreakpoint)
+                        setBreakpoint(breakpointEvent.payload.breakpoint)
 
                         return
                     }