react-native-unistyles 2.8.0-rc.3 → 2.8.0-rc.5

package/cxx/UnistylesModel.h

@@ -7,6 +7,7 @@
 #include <optional>
 #include <variant>
 #include <math.h>
+#include <algorithm>
 
 using namespace facebook;
 

package/ios/platform/Platform_Shared.h

@@ -1,3 +1,4 @@
+#import <UIKit/UIKit.h>
 #import "UnistylesRuntime.h"
 #include <string>
 

package/ios/platform/Platform_Shared.mm

@@ -112,17 +112,21 @@ float getFontScale() {
 }
 
 std::string getColorScheme() {
-    UIUserInterfaceStyle colorScheme = [UIScreen mainScreen].traitCollection.userInterfaceStyle;
-
-    switch (colorScheme) {
-        case UIUserInterfaceStyleLight:
-            return UnistylesLightScheme;
-        case UIUserInterfaceStyleDark:
-            return UnistylesDarkScheme;
-        case UIUserInterfaceStyleUnspecified:
-        default:
-            return UnistylesUnspecifiedScheme;
-    }
+    #if !TARGET_OS_VISION
+        UIUserInterfaceStyle colorScheme = [UIScreen mainScreen].traitCollection.userInterfaceStyle;
+
+        switch (colorScheme) {
+            case UIUserInterfaceStyleLight:
+                return UnistylesLightScheme;
+            case UIUserInterfaceStyleDark:
+                return UnistylesDarkScheme;
+            case UIUserInterfaceStyleUnspecified:
+            default:
+                return UnistylesUnspecifiedScheme;
+        }
+    #endif
+    
+    return UnistylesUnspecifiedScheme;
 }
 
 UIColor* colorFromHexString(NSString* hexString, float alpha) {

package/ios/platform/Platform_visionOS.mm

@@ -73,13 +73,17 @@
     });
     
     dispatch_async(dispatch_get_main_queue(), ^{
-        unistylesRuntime->screen = [self getScreenDimensions];
+        Screen screen = [self getScreenDimensions];
+        
+        unistylesRuntime->screen = Dimensions({screen.width, screen.height});
         unistylesRuntime->contentSizeCategory = getContentSizeCategory();
+        unistylesRuntime->pixelRatio = screen.pixelRatio;
+        unistylesRuntime->fontScale = screen.fontScale;
     });
 }
 
 - (void)onWindowChange:(NSNotification *)notification {
-    Dimensions screen = [self getScreenDimensions];
+    Screen screen = [self getScreenDimensions];
 
     if (self.unistylesRuntime != nullptr) {
         ((UnistylesRuntime*)self.unistylesRuntime)->handleScreenSizeChange(
@@ -97,11 +101,14 @@
     }
 }
 
-- (Dimensions)getScreenDimensions {
+- (Screen)getScreenDimensions {
     UIWindow* mainWindow = [self getMainWindow];
-    Dimensions screenDimension = {(int)mainWindow.frame.size.width, (int)mainWindow.frame.size.height};
+    int width = (int)mainWindow.frame.size.width;
+    int height = (int)mainWindow.frame.size.height;
+    float pixelRatio = 1.0;
+    float fontScale = getFontScale();
     
-    return screenDimension;
+    return Screen({width, height, pixelRatio, fontScale});
 }
 
 @end

package/lib/typescript/src/core/UnistylesModule.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnistylesModule.native.d.ts","sourceRoot":"","sources":["../../../../src/core/UnistylesModule.native.ts"],"names":[],"mappings":"AAEA,KAAK,qBAAqB,GAAG;IACzB,OAAO,IAAI,OAAO,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,eAAe,EAA+B,qBAAqB,CAAA"}
+{"version":3,"file":"UnistylesModule.native.d.ts","sourceRoot":"","sources":["../../../../src/core/UnistylesModule.native.ts"],"names":[],"mappings":"AAEA,KAAK,qBAAqB,GAAG;IACzB,OAAO,IAAI,OAAO,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,eAAe,uBAAoD,CAAA"}

package/lib/typescript/src/core/UnistylesModule.windows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnistylesModule.windows.d.ts","sourceRoot":"","sources":["../../../../src/core/UnistylesModule.windows.ts"],"names":[],"mappings":"AAEA,KAAK,qBAAqB,GAAG;IACzB,OAAO,IAAI,OAAO,CAAA;CACrB,CAAA;AAID,eAAO,MAAM,eAAe,EAAkF,qBAAqB,CAAA"}
+{"version":3,"file":"UnistylesModule.windows.d.ts","sourceRoot":"","sources":["../../../../src/core/UnistylesModule.windows.ts"],"names":[],"mappings":"AAEA,KAAK,qBAAqB,GAAG;IACzB,OAAO,IAAI,OAAO,CAAA;CACrB,CAAA;AAID,eAAO,MAAM,eAAe,uBAAuG,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"UnistylesRuntime.d.ts","sourceRoot":"","sources":["../../../../src/core/UnistylesRuntime.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAG1D;;GAEG;AACH,qBAAa,gBAAgB;IACb,OAAO,CAAC,eAAe;IAAmB,OAAO,CAAC,iBAAiB;gBAA3D,eAAe,EAAE,eAAe,EAAU,iBAAiB,EAAE,gBAAgB;IAEjG;;;OAGG;IACH,IAAW,WAAW;;;;;;;;;;;;;;;;;;;MAkBrB;IAED;;;OAGG;IACH,IAAW,WAAW,uCAErB;IAED;;;OAGG;IACH,IAAW,iBAAiB,YAE3B;IAED;;;OAGG;IACH,IAAW,SAAS,UAEnB;IAED;;;OAGG;IACH,IAAW,mBAAmB,gGAE7B;IAED;;;OAGG;IACH,IAAW,UAAU,mDAEpB;IAED;;;OAGG;IACH,IAAW,WAAW,6CAErB;IAED;;;OAGG;IACH,IAAW,cAAc,aAExB;IAED;;;OAGG;IACH,IAAW,MAAM;;;MAKhB;IAED;;;OAGG;IACH,IAAW,MAAM,oCAEhB;IAED;;;OAGG;IACH,IAAW,SAAS;;;2BAIO,KAAK,UAAU,MAAM;4BAKpB,OAAO;MAElC;IAED;;;OAGG;IACH,IAAW,aAAa;;;2BAIG,KAAK,UAAU,MAAM;4BAKpB,OAAO;MAElC;IAED;;;OAGG;IACH,IAAW,WAAW,6BAQrB;IAED;;;OAGG;IACH,IAAW,UAAU,WAEpB;IAED;;;OAGG;IACH,IAAW,SAAS,eAInB;IAED;;;OAGG;IACI,gBAAgB,CAAC,SAAS,EAAE,OAAO;IAI1C;;;;OAIG;IACI,0BAA0B,WAAY,KAAK,UAAU,MAAM,UAIjE;IAED;;;;OAIG;IACI,QAAQ,SAAU,MAAM,eAAe,sBAY7C;IAED;;;;;OAKG;IACI,WAAW,SAAU,MAAM,eAAe,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,MAAM,eAAe,CAAC,KAAK,eAAe,CAAC,MAAM,eAAe,CAAC,UAEpJ;IAED;;;OAGG;IACI,iBAAiB,WAAY,OAAO,UAE1C;IAED;;;OAGG;IACI,SAAS,WAAY,eAAe,UAE1C;IAED;;;OAGG;IACI,YAAY,WAAY,eAAe,UAE7C;CACJ"}
+{"version":3,"file":"UnistylesRuntime.d.ts","sourceRoot":"","sources":["../../../../src/core/UnistylesRuntime.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAG1D;;GAEG;AACH,qBAAa,gBAAgB;IACb,OAAO,CAAC,eAAe;IAAmB,OAAO,CAAC,iBAAiB;gBAA3D,eAAe,EAAE,eAAe,EAAU,iBAAiB,EAAE,gBAAgB;IAEjG;;;OAGG;IACH,IAAW,WAAW;;;;;;;;;;;;;;;;;;;MAkBrB;IAED;;;OAGG;IACH,IAAW,WAAW,uCAErB;IAED;;;OAGG;IACH,IAAW,iBAAiB,YAE3B;IAED;;;OAGG;IACH,IAAW,SAAS,UAEnB;IAED;;;OAGG;IACH,IAAW,mBAAmB,gGAE7B;IAED;;;OAGG;IACH,IAAW,UAAU,mDAEpB;IAED;;;OAGG;IACH,IAAW,WAAW,6CAErB;IAED;;;OAGG;IACH,IAAW,cAAc,aAExB;IAED;;;OAGG;IACH,IAAW,MAAM;;;MAKhB;IAED;;;OAGG;IACH,IAAW,MAAM,oCAEhB;IAED;;;OAGG;IACH,IAAW,SAAS;;;2BAIO,KAAK,UAAU,MAAM;4BAKpB,OAAO;MAElC;IAED;;;OAGG;IACH,IAAW,aAAa;;;2BAIG,KAAK,UAAU,MAAM;4BAKpB,OAAO;MAElC;IAED;;;OAGG;IACH,IAAW,WAAW,6BAQrB;IAED;;;OAGG;IACH,IAAW,UAAU,WAEpB;IAED;;;OAGG;IACH,IAAW,SAAS,eAInB;IAED;;;OAGG;IACI,gBAAgB,CAAC,SAAS,EAAE,OAAO;IAI1C;;;;OAIG;IACI,0BAA0B,WAAY,KAAK,UAAU,MAAM,UAIjE;IAED;;;;OAIG;IACI,QAAQ,SAAU,MAAM,eAAe,sBAY7C;IAED;;;;;OAKG;IACI,WAAW,SAAU,MAAM,eAAe,mBAAmB,eAAe,CAAC,MAAM,eAAe,CAAC,KAAK,eAAe,CAAC,MAAM,eAAe,CAAC,UAEpJ;IAED;;;OAGG;IACI,iBAAiB,WAAY,OAAO,UAE1C;IAED;;;OAGG;IACI,SAAS,WAAY,eAAe,UAE1C;IAED;;;OAGG;IACI,YAAY,WAAY,eAAe,UAE7C;CACJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"createStyleSheet.d.ts","sourceRoot":"","sources":["../../../src/createStyleSheet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,yBAAyB,cAAc,CAAC,KAAG,CAAe,CAAA"}
+{"version":3,"file":"createStyleSheet.d.ts","sourceRoot":"","sources":["../../../src/createStyleSheet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,2DAAwE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"useCSS.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCSS.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAGrD,eAAO,MAAM,MAAM,GAAI,CAAC,cAAc,qBAAqB,CAAC,CAAC,CAAC,SA6C7D,CAAA"}
+{"version":3,"file":"useCSS.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCSS.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAGrD,eAAO,MAAM,MAAM,mDA6ClB,CAAA"}

package/lib/typescript/src/hooks/useCSS.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCSS.native.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCSS.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAErD,eAAO,MAAM,MAAM,GAAI,CAAC,eAAe,qBAAqB,CAAC,CAAC,CAAC,KAAG,IAAU,CAAA"}
+{"version":3,"file":"useCSS.native.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCSS.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAErD,eAAO,MAAM,MAAM,gDAA+C,IAAU,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"useVariants.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useVariants.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAExC,eAAO,MAAM,WAAW,iBAAkB,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,+CAMzE,CAAA"}
+{"version":3,"file":"useVariants.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useVariants.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAExC,eAAO,MAAM,WAAW,iBAAkB,OAAO,MAAM,EAAE,SAAS,MAAM,CAAC,CAAC,+CAMzE,CAAA"}

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

@@ -23,7 +23,10 @@ declare const UnistylesRegistry: {
             };
         };
         addConfig: (config: import("./types").UnistylesConfig) => {
-            addBreakpoints: any;
+            addBreakpoints: (breakpoints: UnistylesBreakpoints) => {
+                addThemes: any;
+                addConfig: any;
+            };
             addThemes: any;
         };
     };
@@ -41,7 +44,10 @@ declare const UnistylesRegistry: {
         };
         addConfig: (config: import("./types").UnistylesConfig) => {
             addBreakpoints: any;
-            addThemes: any;
+            addThemes: (themes: UnistylesThemes) => {
+                addBreakpoints: any;
+                addConfig: any;
+            };
         };
     };
     /**
@@ -57,7 +63,10 @@ declare const UnistylesRegistry: {
             addConfig: any;
         };
         addThemes: (themes: UnistylesThemes) => {
-            addBreakpoints: any;
+            addBreakpoints: (breakpoints: UnistylesBreakpoints) => {
+                addThemes: any;
+                addConfig: any;
+            };
             addConfig: any;
         };
     };

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

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

package/lib/typescript/src/normalizer/normalizeStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalizeStyle.d.ts","sourceRoot":"","sources":["../../../../src/normalizer/normalizeStyle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoE,OAAO,EAAE,MAAM,UAAU,CAAA;AAuDzG,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,OAAO,SAAS,CAAC,KAAG,CAwB5D,CAAA"}
+{"version":3,"file":"normalizeStyle.d.ts","sourceRoot":"","sources":["../../../../src/normalizer/normalizeStyle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoE,OAAO,EAAE,MAAM,UAAU,CAAA;AAuDzG,eAAO,MAAM,cAAc,oCAwB1B,CAAA"}

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

@@ -11,6 +11,6 @@ type ParsedStylesheet<ST extends StyleSheetWithSuperPowers> = {
  * @param variantsMap - The map of variants to be used
  * @returns - The theme, current breakpoint and RN compatible styles
  */
-export declare const useStyles: <ST extends StyleSheetWithSuperPowers>(stylesheet?: ST, variantsMap?: ExtractVariantNames<typeof stylesheet>) => ParsedStylesheet<ST>;
+export declare const useStyles: <ST extends StyleSheetWithSuperPowers>(stylesheet?: ST | undefined, variantsMap?: ExtractVariantNames<ST> | undefined) => ParsedStylesheet<ST>;
 export {};
 //# sourceMappingURL=useStyles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useStyles.d.ts","sourceRoot":"","sources":["../../../src/useStyles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAIpH,KAAK,gBAAgB,CAAC,EAAE,SAAS,yBAAyB,IAAI;IAC1D,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,MAAM,oBAAoB,CAAC;IACvC,MAAM,EAAE,qBAAqB,CAAC,EAAE,CAAC,CAAA;CACpC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,EAAE,SAAS,yBAAyB,eAC7C,EAAE,gBACD,mBAAmB,CAAC,OAAO,UAAU,CAAC,KACrD,gBAAgB,CAAC,EAAE,CAmCrB,CAAA"}
+{"version":3,"file":"useStyles.d.ts","sourceRoot":"","sources":["../../../src/useStyles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAIpH,KAAK,gBAAgB,CAAC,EAAE,SAAS,yBAAyB,IAAI;IAC1D,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,MAAM,oBAAoB,CAAC;IACvC,MAAM,EAAE,qBAAqB,CAAC,EAAE,CAAC,CAAA;CACpC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,gJAsCrB,CAAA"}

package/lib/typescript/src/utils/breakpoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../../src/utils/breakpoints.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAKjD,eAAO,MAAM,qBAAqB,UAAW,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAG,QAAQ,CAAC,OAAO,CAqCtF,CAAA"}
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../../src/utils/breakpoints.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAKjD,eAAO,MAAM,qBAAqB,UAAW,OAAO,MAAM,EAAE,OAAO,CAAC,KAAG,SAAS,OAAO,CAqCtF,CAAA"}

package/lib/typescript/src/utils/mqParser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mqParser.d.ts","sourceRoot":"","sources":["../../../../src/utils/mqParser.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAM7D,KAAK,iBAAiB,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC5B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,OAAO,OAAQ,MAAM,KAAG,iBAcpC,CAAA;AAED,eAAO,MAAM,aAAa,OAAQ,MAAM,YAAgC,CAAA;AAExE,eAAO,MAAM,SAAS,aAAc,iBAAiB,YAgBpD,CAAA;AAED,eAAO,MAAM,yBAAyB,aAAc,iBAAiB,cAAc,UAAU,KAAG,OAgB/F,CAAA;AAcD,eAAO,MAAM,4BAA4B,iBAAkB,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,cAAc,UAAU,KAAG,QAAQ,CAAC,MAAM,CAgB5H,CAAA"}
+{"version":3,"file":"mqParser.d.ts","sourceRoot":"","sources":["../../../../src/utils/mqParser.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAM7D,KAAK,iBAAiB,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC5B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,OAAO,OAAQ,MAAM,KAAG,iBAcpC,CAAA;AAED,eAAO,MAAM,aAAa,OAAQ,MAAM,YAAgC,CAAA;AAExE,eAAO,MAAM,SAAS,aAAc,iBAAiB,YAgBpD,CAAA;AAED,eAAO,MAAM,yBAAyB,aAAc,iBAAiB,cAAc,UAAU,KAAG,OAgB/F,CAAA;AAcD,eAAO,MAAM,4BAA4B,iBAAkB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,cAAc,UAAU,KAAG,SAAS,MAAM,CAgB5H,CAAA"}

package/lib/typescript/src/utils/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAW,MAAM,UAAU,CAAA;AAK1D,eAAO,MAAM,eAAe,QACnB,MAAM,MACP,QAAQ,YACF,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,KAC3C,QAED,CAAA;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,EAAE,SAAS,CAAC,KAAG,OAMxD,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,OAAO,SACjC,CAAC,YACC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,kCAE1C,CAuDY,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAW,MAAM,UAAU,CAAA;AAK1D,eAAO,MAAM,eAAe,QACnB,MAAM,MACP,QAAQ,YACF,OAAO,MAAM,EAAE,SAAS,MAAM,CAAC,CAAC,KAC3C,QAED,CAAA;AAEF,eAAO,MAAM,eAAe,8BAA6B,OAMxD,CAAA;AAED,eAAO,MAAM,UAAU,0CAEV,OAAO,MAAM,EAAE,SAAS,MAAM,CAAC,CAAC,mCAyD9B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unistyles",
-  "version": "2.8.0-rc.3",
+  "version": "2.8.0-rc.5",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
     "test": "jest",
@@ -91,7 +91,7 @@
     "react-native-web": "0.19.12",
     "react-test-renderer": "18.3.1",
     "release-it": "17.4.0",
-    "typescript": "5.5.2"
+    "typescript": "5.3.3"
   },
   "peerDependencies": {
     "@react-native/normalize-colors": "*",

package/windows/ExperimentalFeatures.props

@@ -2,10 +2,10 @@
 <Project xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
 
   <!--
-    Application projects contain a file with this name to specify some important settings
-    that will apply globally for the app and *all* native modules the app consumes. These
-    values are set by the app developer. However you can also set them here to test building
-    the library solution without an app.
+    This file contains some important settings that will apply globally for
+    your app and *all* native modules your app consumes. These values were
+    set when you created the app project, and in some cases cannot be
+    simply changed here without recreating a new project.
   -->
 
   <PropertyGroup Label="Microsoft.ReactNative Experimental Features">

package/windows/NuGet.Config

@@ -5,7 +5,6 @@
   </config>
   <packageSources>
     <clear />
-    <add key="react-native" value="https://pkgs.dev.azure.com/ms/react-native/_packaging/react-native-public/nuget/v3/index.json" />
     <add key="Nuget.org" value="https://api.nuget.org/v3/index.json" />
   </packageSources>
   <disabledPackageSources>

package/windows/ReactNativeUnistyles/ReactNativeUnistyles.h

@@ -8,21 +8,18 @@
 #include <winrt/Microsoft.ReactNative.h>
 #include <winrt/Windows.UI.Xaml.h>
 #include <winrt/Windows.UI.Core.h>
+#include <winrt/Windows.Graphics.Display.h>
 #include <winrt/Windows.UI.ViewManagement.h>
 #include "UnistylesRuntime.h"
+#include <TurboModuleProvider.h>
 
 using namespace winrt::Windows::UI::ViewManagement;
+using namespace winrt::Windows::Graphics::Display;
 using namespace winrt::Microsoft::ReactNative;
 using namespace winrt::Windows::UI::Xaml;
 using namespace winrt::Windows::UI::Core;
 using namespace facebook;
 
-struct UIInitialInfo {
-    Dimensions screen;
-    std::string colorScheme;
-    std::string contentSizeCategory;
-};
-
 namespace winrt::ReactNativeUnistyles
 {
 
@@ -30,157 +27,86 @@ REACT_MODULE(Unistyles, L"Unistyles")
 struct Unistyles {
 
     REACT_INIT(Initialize)
-    void Initialize(ReactContext const &reactContext) noexcept {
+        void Initialize(ReactContext const& reactContext) noexcept {
         m_reactContext = reactContext;
 
         m_reactContext.UIDispatcher().Post([this]() mutable {
             this->windowSizeChange = Window::Current().CoreWindow().SizeChanged(TypedEventHandler<CoreWindow, WindowSizeChangedEventArgs>([=](CoreWindow const sender, WindowSizeChangedEventArgs const&) {
-                auto bounds = Window::Current().Bounds();
-
                 if (this->unistylesRuntime != nullptr) {
-                    Dimensions screenDimensions = Dimensions{(int)bounds.Width, (int)bounds.Height};
-
-                    ((UnistylesRuntime*)this->unistylesRuntime)->handleScreenSizeChange(screenDimensions, this->getInsets(), this->getStatusBarDimensions(), this->getNavigationBarDimensions());
+                    ((UnistylesRuntime*)this->unistylesRuntime)->handleScreenSizeChange(getScreenDimensions(), std::nullopt, std::nullopt, std::nullopt);
                 }
             }));
 
-            UISettings settings;
-
-            this->colorValuesChange = settings.ColorValuesChanged(TypedEventHandler<UISettings, IInspectable>([this](UISettings const& sender, IInspectable const&){
+            this->colorValuesChange = UISettings().ColorValuesChanged(TypedEventHandler<UISettings, IInspectable>([this](UISettings const& sender, IInspectable const&) {
                 if (this->unistylesRuntime != nullptr) {
                     ((UnistylesRuntime*)this->unistylesRuntime)->handleAppearanceChange(this->getColorScheme());
                 }
             }));
         });
     }
-    
+
     REACT_SYNC_METHOD(install)
-    bool install() noexcept {
+        bool install() noexcept {
         if (m_reactContext == nullptr) {
             return false;
         }
 
         jsi::Runtime* jsiRuntime = TryGetOrCreateContextRuntime(m_reactContext);
-        
+
         if (jsiRuntime == nullptr) {
             return false;
         }
 
         auto& runtime = *jsiRuntime;
+        auto callInvoker = MakeAbiCallInvoker(m_reactContext.Handle().JSDispatcher());
 
-        registerUnistylesHostObject(runtime);
+        registerUnistylesHostObject(runtime, callInvoker);
 
         return true;
     }
 
-    void registerUnistylesHostObject(jsi::Runtime& runtime) {
-        std::promise<UIInitialInfo> uiInfoPromise;
-        auto uiInfoFuture = uiInfoPromise.get_future();
-
-        m_reactContext.UIDispatcher().Post([this, promise = std::move(uiInfoPromise)]() mutable {
-            UIInitialInfo uiMetadata;
-            auto bounds = Window::Current().Bounds();
+    void registerUnistylesHostObject(jsi::Runtime& runtime, std::shared_ptr<facebook::react::CallInvoker> callInvoker) {
+        auto unistylesRuntime = std::make_shared<UnistylesRuntime>(runtime, callInvoker);
 
-            uiMetadata.screen = Dimensions{(int)bounds.Width, (int)bounds.Height};
-            uiMetadata.colorScheme = this->getColorScheme();
-            uiMetadata.contentSizeCategory = UnistylesUnspecifiedScheme;
-
-            promise.set_value(std::move(uiMetadata));
-        });
-
-        UIInitialInfo uiInfo = uiInfoFuture.get();
+        this->unistylesRuntime = unistylesRuntime.get();
 
-        auto unistylesRuntime = std::make_shared<UnistylesRuntime>(
-            uiInfo.screen,
-            uiInfo.colorScheme,
-            uiInfo.contentSizeCategory,
-            this->getInsets(),
-            this->getStatusBarDimensions(),
-            this->getNavigationBarDimensions()
-        );
+        makeShared((UnistylesRuntime*)unistylesRuntime.get());
 
-        unistylesRuntime->onThemeChange([this](std::string theme) {
-            winrt::hstring themeName = winrt::to_hstring(theme);
+        auto hostObject = jsi::Object::createFromHostObject(runtime, unistylesRuntime);
 
-            auto payload = winrt::Microsoft::ReactNative::JSValueObject{
-                {"type", "theme"},
-                {"payload", winrt::Microsoft::ReactNative::JSValueObject{{"themeName", winrt::to_string(themeName)}}}
-            };
+        runtime.global().setProperty(runtime, "__UNISTYLES__", std::move(hostObject));
+    }
 
-            this->OnThemeChange(payload);
+    void makeShared(UnistylesRuntime* unistylesRuntime) {
+        unistylesRuntime->setScreenDimensionsCallback([this]() {
+            return getScreenDimensions();
         });
 
-        unistylesRuntime.get()->onLayoutChange([this](std::string breakpoint, std::string orientation, Dimensions& screen, Dimensions& statusBar, Insets& insets, Dimensions& navigationBar) {
-            auto payload = winrt::Microsoft::ReactNative::JSValueObject{
-                {"type", "layout"},
-                {"payload", winrt::Microsoft::ReactNative::JSValueObject{
-                    {"breakpoint", breakpoint},
-                    {"orientation", orientation},
-                    {"screen", winrt::Microsoft::ReactNative::JSValueObject{
-                        {"width", screen.width},
-                        {"height", screen.height}
-                    }},
-                    {"statusBar", winrt::Microsoft::ReactNative::JSValueObject{
-                        {"width", statusBar.width},
-                        {"height", statusBar.height}
-                    }},
-                    {"navigationBar", winrt::Microsoft::ReactNative::JSValueObject{
-                        {"width", navigationBar.width},
-                        {"height", navigationBar.height}
-                    }},
-                    {"insets", winrt::Microsoft::ReactNative::JSValueObject{
-                        {"top", insets.top},
-                        {"bottom", insets.bottom},
-                        {"left", insets.left},
-                        {"right", insets.right}
-                    }},
-                }}
-            };
-
-            this->OnLayoutChange(payload);
+        unistylesRuntime->setColorSchemeCallback([this]() {
+            return getColorScheme();
         });
 
-        unistylesRuntime.get()->onPluginChange([this]() {
-            auto payload = winrt::Microsoft::ReactNative::JSValueObject{
-                {"type", "plugin"}
-            };
+        m_reactContext.UIDispatcher().Post([this, unistylesRuntime]() {
+            auto screen = getScreenDimensions();
 
-            this->OnPluginChange(payload);
+            unistylesRuntime->screen = Dimensions({ screen.width, screen.height });
+            unistylesRuntime->pixelRatio = screen.pixelRatio;
+            unistylesRuntime->fontScale = screen.fontScale;
+            unistylesRuntime->colorScheme = getColorScheme();
         });
-
-        unistylesRuntime.get()->onContentSizeCategoryChange([this](std::string contentSizeCategory) {
-            // not available on windows
-        });
-
-        this->unistylesRuntime = unistylesRuntime.get();
-
-        auto hostObject = jsi::Object::createFromHostObject(runtime, unistylesRuntime);
-
-        runtime.global().setProperty(runtime, "__UNISTYLES__", std::move(hostObject));
     }
 
-    REACT_EVENT(OnThemeChange, L"__unistylesOnChange")
-    std::function<void(winrt::Microsoft::ReactNative::JSValueObject const&)> OnThemeChange;
-
-    REACT_EVENT(OnLayoutChange, L"__unistylesOnChange")
-    std::function<void(winrt::Microsoft::ReactNative::JSValueObject const&)> OnLayoutChange;
-
-    REACT_EVENT(OnPluginChange, L"__unistylesOnChange")
-    std::function<void(winrt::Microsoft::ReactNative::JSValueObject const&)> OnPluginChange;
-
     ~Unistyles() {
         if (this->unistylesRuntime != nullptr) {
             this->unistylesRuntime = nullptr;
         }
 
         if (this->windowSizeChange) {
-            Window::Current().CoreWindow().SizeChanged(this->windowSizeChange);
+            this->windowSizeChange = { NULL };
         }
 
         if (this->colorValuesChange) {
-            UISettings settings;
-
-            settings.ColorValuesChanged(this->colorValuesChange);
+            this->colorValuesChange = { NULL };
         }
     }
 
@@ -191,16 +117,17 @@ struct Unistyles {
         winrt::event_token colorValuesChange{ NULL };
 
         std::string getColorScheme() {
-            auto uiSettings = UISettings();
-            auto background = uiSettings.GetColorValue(UIColorType::Background);
+            UISettings uiSettings;
+
+            auto backgroundColor = uiSettings.GetColorValue(UIColorType::Background);
 
-            bool isDark = background == winrt::Windows::UI::Colors::Black();
+            bool isDark = backgroundColor == Colors::Black();
 
             if (isDark) {
                 return UnistylesDarkScheme;
             }
 
-            bool isLight = background == winrt::Windows::UI::Colors::White();
+            bool isLight = backgroundColor == Colors::White();
 
             if (isLight) {
                 return UnistylesLightScheme;
@@ -209,16 +136,13 @@ struct Unistyles {
             return UnistylesUnspecifiedScheme;
         }
 
-        Insets getInsets() {
-            return Insets{ 0, 0, 0, 0 };
-        }
-
-        Dimensions getStatusBarDimensions() {
-            return {0, 0};
-        }
+        Screen getScreenDimensions() {
+            auto bounds = Window::Current().Bounds();
+            auto displayInfo = DisplayInformation::GetForCurrentView();
+            auto pixelRatio = displayInfo.LogicalDpi() / 96.0f;
+            float fontScale = UISettings().TextScaleFactor();
 
-        Dimensions getNavigationBarDimensions() {
-            return { 0, 0 };
+            return Screen({ (int)bounds.Width, (int)bounds.Height, pixelRatio, fontScale });
         }
 };
 

package/windows/ReactNativeUnistyles/ReactNativeUnistyles.vcxproj

@@ -79,7 +79,7 @@
   <PropertyGroup Label="UserMacros" />
   <ItemDefinitionGroup>
     <ClCompile>
-      <PrecompiledHeader>Use</PrecompiledHeader>
+      <PrecompiledHeader>NotUsing</PrecompiledHeader>
       <PrecompiledHeaderFile>pch.h</PrecompiledHeaderFile>
       <PrecompiledHeaderOutputFile>$(IntDir)pch.pch</PrecompiledHeaderOutputFile>
       <WarningLevel>Level4</WarningLevel>
@@ -112,6 +112,9 @@
     </ClCompile>
   </ItemDefinitionGroup>
   <ItemGroup>
+    <ClInclude Include="..\..\cxx\Macros.h" />
+    <ClInclude Include="..\..\cxx\UnistylesModel.h" />
+    <ClInclude Include="..\..\cxx\UnistylesRuntime.h" />
     <ClInclude Include="ReactPackageProvider.h">
       <DependentUpon>ReactPackageProvider.idl</DependentUpon>
     </ClInclude>
@@ -119,6 +122,8 @@
     <ClInclude Include="pch.h" />
   </ItemGroup>
   <ItemGroup>
+    <ClCompile Include="..\..\cxx\UnistylesImpl.cpp" />
+    <ClCompile Include="..\..\cxx\UnistylesModel.cpp" />
     <ClCompile Include="..\..\cxx\UnistylesRuntime.cpp">
       <PrecompiledHeader Condition="'$(Configuration)|$(Platform)'=='Debug|ARM64'">NotUsing</PrecompiledHeader>
       <PrecompiledHeader Condition="'$(Configuration)|$(Platform)'=='Debug|Win32'">NotUsing</PrecompiledHeader>
@@ -154,4 +159,4 @@
     <Error Condition="!Exists('$(ReactNativeWindowsDir)\PropertySheets\External\Microsoft.ReactNative.Uwp.CppLib.props')" Text="$([System.String]::Format('$(ErrorText)', '$(ReactNativeWindowsDir)\PropertySheets\External\Microsoft.ReactNative.Uwp.CppLib.props'))" />
     <Error Condition="!Exists('$(ReactNativeWindowsDir)\PropertySheets\External\Microsoft.ReactNative.Uwp.CppLib.targets')" Text="$([System.String]::Format('$(ErrorText)', '$(ReactNativeWindowsDir)\PropertySheets\External\Microsoft.ReactNative.Uwp.CppLib.targets'))" />
   </Target>
-</Project>
+</Project>

package/windows/ReactNativeUnistyles/ReactNativeUnistyles.vcxproj.filters

@@ -8,13 +8,18 @@
     <ClCompile Include="$(GeneratedFilesDir)module.g.cpp" />
     <ClCompile Include="ReactPackageProvider.cpp" />
     <ClCompile Include="..\..\cxx\UnistylesRuntime.cpp" />
+    <ClCompile Include="..\..\cxx\UnistylesImpl.cpp" />
+    <ClCompile Include="..\..\cxx\UnistylesModel.cpp" />
   </ItemGroup>
   <ItemGroup>
     <ClInclude Include="pch.h" />
     <ClInclude Include="ReactPackageProvider.h" />
     <ClInclude Include="ReactNativeUnistyles.h" />
+    <ClInclude Include="..\..\cxx\Macros.h" />
+    <ClInclude Include="..\..\cxx\UnistylesModel.h" />
+    <ClInclude Include="..\..\cxx\UnistylesRuntime.h" />
   </ItemGroup>
   <ItemGroup>
     <None Include="PropertySheet.props" />
   </ItemGroup>
-</Project>
+</Project>