react-native-unistyles 2.4.0 → 2.4.1

package/src/utils/parseColor.ts

@@ -0,0 +1,33 @@
+import type { Color } from '../types'
+import { isIOS } from '../common'
+
+const parseAlpha = (alpha: number) => {
+    if (alpha > 1 || alpha < 0) {
+        return 1
+    }
+
+    return alpha
+}
+
+export const parseColor = (color?: Color, alpha: number = 1): [string, number] => {
+    if (!color) {
+        return ['', 1]
+    }
+
+    // ignore alpha for 8 digit hex colors
+    if (color.startsWith('#') && color.length === 9) {
+        return [color, 1]
+    }
+
+    if (color.startsWith('#') && color.length === 7) {
+        return [color, parseAlpha(alpha)]
+    }
+
+    if (isIOS && color === 'transparent') {
+        return ['#000000', 0]
+    }
+
+    // todo remove this with Unistyles 3.0
+    // named colors
+    return [color, 1]
+}

package/src/utils/styles.ts

@@ -35,7 +35,30 @@ export const parseStyle = <T extends RNStyle>(
 
         // transforms
         if (key === 'transform' && Array.isArray(value)) {
-            acc[key] = value.map(value => parseStyle(value, variant))
+            acc[key] = value
+                .map(value => parseStyle(value, variant))
+                .filter(value => {
+                    // remove undefined values
+                    if (typeof value === 'object') {
+                        return Object.values(value).at(0) !== undefined
+                    }
+
+                    return true
+                })
+
+            return acc
+        }
+
+        if ((key === 'boxShadow' || key === 'filter') && Array.isArray(value)) {
+            acc[key] = value
+                .map(value => parseStyle(value, variant, false))
+                .filter(value => Object.keys(value).length === 1)
+
+            return acc
+        }
+
+        if (key === 'fontVariant' && Array.isArray(value)) {
+            acc[key] = value
 
             return acc
         }

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>

package/windows/ReactNativeUnistyles/packages.lock.json

@@ -4,17 +4,17 @@
     "native,Version=v0.0": {
       "Microsoft.ReactNative": {
         "type": "Direct",
-        "requested": "[0.73.4, )",
-        "resolved": "0.73.4",
-        "contentHash": "F/ttB+b+/Hfpedp9FRQSWJdVExkhdTqcc3VohGez+lOPpdXQeZzNPpqQlO8G4LzK3XlcSs2hZO7WkWEoaxrgOQ=="
+        "requested": "[0.74.9, )",
+        "resolved": "0.74.9",
+        "contentHash": "BmRwnI3nOZu8V78pBRQmkBfg09sKcM8dtqSUmGtH3W2auQtJjioa7cbnARkDhOb1cPCC+qELJHtQstHhSW2aoA=="
       },
       "Microsoft.ReactNative.Cxx": {
         "type": "Direct",
-        "requested": "[0.73.4, )",
-        "resolved": "0.73.4",
-        "contentHash": "wAXa85oSqbf46YRw+00NxWyGv4ABGTwNtutJG+Nfz3C1WzrovMI6kviGoOh2yY2cWeYYcHfuvvw6eKf1RsNCGw==",
+        "requested": "[0.74.9, )",
+        "resolved": "0.74.9",
+        "contentHash": "C+Z2fmjDc7SJXeOWyD/9ImqooU7yX3ALB1Yno2UNYo+Li2SImeG6DdEfcNfSCS2fek1R3znpd6yNEkar/t1n5w==",
         "dependencies": {
-          "Microsoft.ReactNative": "0.73.4"
+          "Microsoft.ReactNative": "0.74.9"
         }
       },
       "Microsoft.UI.Xaml": {
@@ -28,9 +28,9 @@
       },
       "Microsoft.Windows.CppWinRT": {
         "type": "Direct",
-        "requested": "[2.0.211028.7, )",
-        "resolved": "2.0.211028.7",
-        "contentHash": "JBGI0c3WLoU6aYJRy9Qo0MLDQfObEp+d4nrhR95iyzf7+HOgjRunHDp/6eGFREd7xq3OI1mll9ecJrMfzBvlyg=="
+        "requested": "[2.0.230706.1, )",
+        "resolved": "2.0.230706.1",
+        "contentHash": "l0D7oCw/5X+xIKHqZTi62TtV+1qeSz7KVluNFdrJ9hXsst4ghvqQ/Yhura7JqRdZWBXAuDS0G0KwALptdoxweQ=="
       },
       "Microsoft.Web.WebView2": {
         "type": "Transitive",
@@ -41,9 +41,9 @@
     "native,Version=v0.0/win10-arm": {
       "Microsoft.ReactNative": {
         "type": "Direct",
-        "requested": "[0.73.4, )",
-        "resolved": "0.73.4",
-        "contentHash": "F/ttB+b+/Hfpedp9FRQSWJdVExkhdTqcc3VohGez+lOPpdXQeZzNPpqQlO8G4LzK3XlcSs2hZO7WkWEoaxrgOQ=="
+        "requested": "[0.74.9, )",
+        "resolved": "0.74.9",
+        "contentHash": "BmRwnI3nOZu8V78pBRQmkBfg09sKcM8dtqSUmGtH3W2auQtJjioa7cbnARkDhOb1cPCC+qELJHtQstHhSW2aoA=="
       },
       "Microsoft.Web.WebView2": {
         "type": "Transitive",
@@ -54,9 +54,9 @@
     "native,Version=v0.0/win10-arm-aot": {
       "Microsoft.ReactNative": {
         "type": "Direct",
-        "requested": "[0.73.4, )",
-        "resolved": "0.73.4",
-        "contentHash": "F/ttB+b+/Hfpedp9FRQSWJdVExkhdTqcc3VohGez+lOPpdXQeZzNPpqQlO8G4LzK3XlcSs2hZO7WkWEoaxrgOQ=="
+        "requested": "[0.74.9, )",
+        "resolved": "0.74.9",
+        "contentHash": "BmRwnI3nOZu8V78pBRQmkBfg09sKcM8dtqSUmGtH3W2auQtJjioa7cbnARkDhOb1cPCC+qELJHtQstHhSW2aoA=="
       },
       "Microsoft.Web.WebView2": {
         "type": "Transitive",
@@ -67,9 +67,9 @@
     "native,Version=v0.0/win10-arm64-aot": {
       "Microsoft.ReactNative": {
         "type": "Direct",
-        "requested": "[0.73.4, )",
-        "resolved": "0.73.4",
-        "contentHash": "F/ttB+b+/Hfpedp9FRQSWJdVExkhdTqcc3VohGez+lOPpdXQeZzNPpqQlO8G4LzK3XlcSs2hZO7WkWEoaxrgOQ=="
+        "requested": "[0.74.9, )",
+        "resolved": "0.74.9",
+        "contentHash": "BmRwnI3nOZu8V78pBRQmkBfg09sKcM8dtqSUmGtH3W2auQtJjioa7cbnARkDhOb1cPCC+qELJHtQstHhSW2aoA=="
       },
       "Microsoft.Web.WebView2": {
         "type": "Transitive",
@@ -80,9 +80,9 @@
     "native,Version=v0.0/win10-x64": {
       "Microsoft.ReactNative": {
         "type": "Direct",
-        "requested": "[0.73.4, )",
-        "resolved": "0.73.4",
-        "contentHash": "F/ttB+b+/Hfpedp9FRQSWJdVExkhdTqcc3VohGez+lOPpdXQeZzNPpqQlO8G4LzK3XlcSs2hZO7WkWEoaxrgOQ=="
+        "requested": "[0.74.9, )",
+        "resolved": "0.74.9",
+        "contentHash": "BmRwnI3nOZu8V78pBRQmkBfg09sKcM8dtqSUmGtH3W2auQtJjioa7cbnARkDhOb1cPCC+qELJHtQstHhSW2aoA=="
       },
       "Microsoft.Web.WebView2": {
         "type": "Transitive",
@@ -93,9 +93,9 @@
     "native,Version=v0.0/win10-x64-aot": {
       "Microsoft.ReactNative": {
         "type": "Direct",
-        "requested": "[0.73.4, )",
-        "resolved": "0.73.4",
-        "contentHash": "F/ttB+b+/Hfpedp9FRQSWJdVExkhdTqcc3VohGez+lOPpdXQeZzNPpqQlO8G4LzK3XlcSs2hZO7WkWEoaxrgOQ=="
+        "requested": "[0.74.9, )",
+        "resolved": "0.74.9",
+        "contentHash": "BmRwnI3nOZu8V78pBRQmkBfg09sKcM8dtqSUmGtH3W2auQtJjioa7cbnARkDhOb1cPCC+qELJHtQstHhSW2aoA=="
       },
       "Microsoft.Web.WebView2": {
         "type": "Transitive",
@@ -106,9 +106,9 @@
     "native,Version=v0.0/win10-x86": {
       "Microsoft.ReactNative": {
         "type": "Direct",
-        "requested": "[0.73.4, )",
-        "resolved": "0.73.4",
-        "contentHash": "F/ttB+b+/Hfpedp9FRQSWJdVExkhdTqcc3VohGez+lOPpdXQeZzNPpqQlO8G4LzK3XlcSs2hZO7WkWEoaxrgOQ=="
+        "requested": "[0.74.9, )",
+        "resolved": "0.74.9",
+        "contentHash": "BmRwnI3nOZu8V78pBRQmkBfg09sKcM8dtqSUmGtH3W2auQtJjioa7cbnARkDhOb1cPCC+qELJHtQstHhSW2aoA=="
       },
       "Microsoft.Web.WebView2": {
         "type": "Transitive",
@@ -119,9 +119,9 @@
     "native,Version=v0.0/win10-x86-aot": {
       "Microsoft.ReactNative": {
         "type": "Direct",
-        "requested": "[0.73.4, )",
-        "resolved": "0.73.4",
-        "contentHash": "F/ttB+b+/Hfpedp9FRQSWJdVExkhdTqcc3VohGez+lOPpdXQeZzNPpqQlO8G4LzK3XlcSs2hZO7WkWEoaxrgOQ=="
+        "requested": "[0.74.9, )",
+        "resolved": "0.74.9",
+        "contentHash": "BmRwnI3nOZu8V78pBRQmkBfg09sKcM8dtqSUmGtH3W2auQtJjioa7cbnARkDhOb1cPCC+qELJHtQstHhSW2aoA=="
       },
       "Microsoft.Web.WebView2": {
         "type": "Transitive",

package/android/src/main/java/com/unistyles/Config.kt

@@ -1,116 +0,0 @@
-package com.unistyles
-
-import android.annotation.SuppressLint
-import android.content.res.Configuration
-import com.facebook.react.bridge.ReactApplicationContext
-
-class UnistylesConfig(private val reactApplicationContext: ReactApplicationContext) {
-    private val insets: UnistylesInsets = UnistylesInsets(reactApplicationContext)
-    private val density: Float = reactApplicationContext.resources.displayMetrics.density
-    private var lastConfig: Config = this.getAppConfig()
-    private var lastLayoutConfig: LayoutConfig = this.getAppLayoutConfig()
-
-    fun hasNewConfig(): Boolean {
-        val newConfig = this.getAppConfig()
-        val newContentSizeCategory = newConfig.contentSizeCategory != lastConfig.contentSizeCategory
-        val newColorScheme = newConfig.colorScheme != lastConfig.colorScheme
-
-        if (!newContentSizeCategory && !newColorScheme) {
-            return false
-        }
-
-        lastConfig = newConfig
-        lastConfig.hasNewContentSizeCategory = newContentSizeCategory
-        lastConfig.hasNewColorScheme = newColorScheme
-
-        return true
-    }
-
-    fun hasNewLayoutConfig(): Boolean {
-        val newConfig = this.getAppLayoutConfig()
-
-        if (newConfig.isEqual(lastLayoutConfig)) {
-            return false
-        }
-
-        lastLayoutConfig = newConfig
-
-        return true
-    }
-
-    fun getConfig(): Config {
-        return this.lastConfig
-    }
-
-    fun getLayoutConfig(): LayoutConfig {
-        return this.lastLayoutConfig
-    }
-
-    private fun getAppConfig(): Config {
-        val fontScale = reactApplicationContext.resources.configuration.fontScale
-
-        return Config(
-            this.getColorScheme(),
-            this.getContentSizeCategory(fontScale),
-        )
-    }
-
-    private fun getAppLayoutConfig(): LayoutConfig {
-        val displayMetrics = reactApplicationContext.resources.displayMetrics
-        val screenWidth = (displayMetrics.widthPixels / density).toInt()
-        val screenHeight = (displayMetrics.heightPixels / density).toInt()
-
-        return LayoutConfig(
-            Dimensions(screenWidth, screenHeight),
-            this.insets.get(),
-            Dimensions(screenWidth, getStatusBarHeight()),
-            Dimensions(screenWidth, getNavigationBarHeight())
-        )
-    }
-
-    private fun getContentSizeCategory(fontScale: Float): String {
-        val contentSizeCategory = when {
-            fontScale <= 0.85f -> "Small"
-            fontScale <= 1.0f -> "Default"
-            fontScale <= 1.15f -> "Large"
-            fontScale <= 1.3f -> "ExtraLarge"
-            fontScale <= 1.5f -> "Huge"
-            fontScale <= 1.8 -> "ExtraHuge"
-            else -> "ExtraExtraHuge"
-        }
-
-        return contentSizeCategory
-    }
-
-    private fun getColorScheme(): String {
-        val colorScheme = when (reactApplicationContext.resources.configuration.uiMode.and(Configuration.UI_MODE_NIGHT_MASK)) {
-            Configuration.UI_MODE_NIGHT_YES -> "dark"
-            Configuration.UI_MODE_NIGHT_NO -> "light"
-            else -> "unspecified"
-        }
-
-        return colorScheme
-    }
-
-    @SuppressLint("InternalInsetResource", "DiscouragedApi")
-    private fun getStatusBarHeight(): Int {
-        val heightResId = reactApplicationContext.resources.getIdentifier("status_bar_height", "dimen", "android")
-
-        if (heightResId > 0) {
-            return (reactApplicationContext.resources.getDimensionPixelSize(heightResId) / density).toInt()
-        }
-
-        return 0
-    }
-
-    @SuppressLint("InternalInsetResource", "DiscouragedApi")
-    private fun getNavigationBarHeight(): Int {
-        val heightResId = reactApplicationContext.resources.getIdentifier("navigation_bar_height", "dimen", "android")
-
-        if (heightResId > 0) {
-            return (reactApplicationContext.resources.getDimensionPixelSize(heightResId) / density).toInt()
-        }
-
-        return 0
-    }
-}