react-native-unistyles 3.0.0-rc.1 → 3.0.0-rc.3

package/README.md

@@ -15,7 +15,7 @@
 ## Installation
 
 ```shell
-yarn add react-native-unistyles@beta
+yarn add react-native-unistyles@next
 ```
 
 Install dependencies:
@@ -28,8 +28,8 @@ yarn add react-native-edge-to-edge react-native-nitro-modules@0.25.2
 
 | react-native-unistyles | react-native-nitro-modules |
 |------------------------|----------------------------|
-| 3.0.0.beta.8           | 0.24.1, 0.25.2             |
-| 3.0.0-nightly-20250329 | 0.24.1, 0.25.2             |
+| 3.0.0-nightly-20250505 | 0.25.2                     |
+| 3.0.0-rc.2             | 0.25.2                     |
 
 Then follow [installation guides](https://unistyl.es/v3/start/getting-started) for your platform.
 
@@ -78,9 +78,6 @@ Then follow [installation guides](https://unistyl.es/v3/start/getting-started) f
 <a href="https://github.com/oscklm">
      <img src="https://avatars.githubusercontent.com/u/22825865?v=4" height="70px" width="70px" alt="oscklm" />
 </a>
-<a href="https://github.com/guillaumehcht">
-     <img src="https://avatars.githubusercontent.com/u/80776475?v=4" height="70px" width="70px" alt="guillaumehcht" />
-</a>
 <a href="https://github.com/ryanlanciaux">
      <img src="https://avatars.githubusercontent.com/u/85041?v=4" height="70px" width="70px" alt="ryanlanciaux" />
 </a>
@@ -91,40 +88,43 @@ Then follow [installation guides](https://unistyl.es/v3/start/getting-started) f
 ## Past sponsors
 
 <a href="https://github.com/kmartinezmedia">
-     <img src="https://avatars.githubusercontent.com/u/6308123?s=200&v=4" height="70px" width="70px" alt="kmartinezmedia" />
+     <img src="https://avatars.githubusercontent.com/u/6308123?s=200&v=4" height="60px" width="60px" alt="kmartinezmedia" />
 </a>
 <a href="https://github.com/levibuzolic">
-     <img src="https://avatars.githubusercontent.com/u/721323?v=4" height="70px" width="70px" alt="levibuzolic" />
+     <img src="https://avatars.githubusercontent.com/u/721323?v=4" height="60px" width="60px" alt="levibuzolic" />
 </a>
 <a href="https://github.com/claudesortwell">
-     <img src="https://avatars.githubusercontent.com/u/41422239?v=4" height="70px" width="70px" alt="claudesortwell" />
+     <img src="https://avatars.githubusercontent.com/u/41422239?v=4" height="60px" width="60px" alt="claudesortwell" />
 </a>
 <a href="https://github.com/luoxuhai">
-     <img src="https://avatars.githubusercontent.com/u/37284154?v=4" height="70px" width="70px" alt="luoxuhai" />
+     <img src="https://avatars.githubusercontent.com/u/37284154?v=4" height="60px" width="60px" alt="luoxuhai" />
 </a>
 <a href="https://github.com">
-     <img src="https://avatars.githubusercontent.com/u/113348625?v=4" height="70px" width="70px" alt="anonymous" />
+     <img src="https://avatars.githubusercontent.com/u/113348625?v=4" height="60px" width="60px" alt="anonymous" />
 </a>
 <a href="https://github.com/abanobboles">
-     <img src="https://avatars.githubusercontent.com/u/9078953?v=4" height="70px" width="70px" alt="abanobboles" />
+     <img src="https://avatars.githubusercontent.com/u/9078953?v=4" height="60px" width="60px" alt="abanobboles" />
 </a>
 <a href="https://github.com/hyoban">
-     <img src="https://avatars.githubusercontent.com/u/38493346?v=4" height="70px" width="70px" alt="hyoban" />
+     <img src="https://avatars.githubusercontent.com/u/38493346?v=4" height="60px" width="60px" alt="hyoban" />
 </a>
 <a href="https://github.com/giovannilondero">
-     <img src="https://avatars.githubusercontent.com/u/10998991?v=4" height="70px" width="70px" alt="giovannilondero" />
+     <img src="https://avatars.githubusercontent.com/u/10998991?v=4" height="60px" width="60px" alt="giovannilondero" />
 </a>
 <a href="https://github.com/4cc3ssX">
-     <img src="https://avatars.githubusercontent.com/u/57473799?v=4" height="70px" width="70px" alt="4cc3ssX" />
+     <img src="https://avatars.githubusercontent.com/u/57473799?v=4" height="60px" width="60px" alt="4cc3ssX" />
 </a>
 <a href="https://github.com/FilipiRafael">
-     <img src="https://avatars.githubusercontent.com/u/61629642?v=4" height="70px" width="70px" alt="FilipiRafael" />
+     <img src="https://avatars.githubusercontent.com/u/61629642?v=4" height="60px" width="60px" alt="FilipiRafael" />
 </a>
 <a href="https://github.com/dacoto97">
-     <img src="https://avatars.githubusercontent.com/u/16915053?v=4" height="70px" width="70px" alt="dacoto97" />
+     <img src="https://avatars.githubusercontent.com/u/16915053?v=4" height="60px" width="60px" alt="dacoto97" />
 </a>
 <a href="https://github.com/chinamcafee">
-     <img src="https://avatars.githubusercontent.com/u/3439961?v=4" height="70px" width="70px" alt="chinamcafee" />
+     <img src="https://avatars.githubusercontent.com/u/3439961?v=4" height="60px" width="60px" alt="chinamcafee" />
+</a>
+<a href="https://github.com/guillaumehcht">
+     <img src="https://avatars.githubusercontent.com/u/80776475?v=4" height="60px" width="60px" alt="guillaumehcht" />
 </a>
 
 ## Sponsor my work

package/Unistyles.podspec

@@ -29,6 +29,7 @@ Pod::Spec.new do |s|
   if ENV["USE_FRAMEWORKS"]
     s.dependency "React-Core"
     add_dependency(s, "React-jsinspector", :framework_name => "jsinspector_modern")
+    add_dependency(s, "React-jsinspectortracing", :framework_name => 'jsinspector_moderntracing')
     add_dependency(s, "React-rendererconsistency", :framework_name => "React_rendererconsistency")
   end
 

package/android/src/main/java/com/unistyles/NativePlatform+android.kt

@@ -27,7 +27,7 @@ import java.util.Locale
 @Keep
 @DoNotStrip
 class NativePlatformAndroid(private val reactContext: ReactApplicationContext): HybridNativePlatformSpec(), LifecycleEventListener {
-    private val _insets = NativePlatformInsets(reactContext, this::getMiniRuntime) { this.diffMiniRuntime() }
+    private val _insets = NativePlatformInsets(reactContext, this::getMiniRuntime) { this.onConfigChange() }
     private var _miniRuntime: UnistylesNativeMiniRuntime = buildMiniRuntime()
     private val _listener = NativePlatformListener(reactContext, this::getMiniRuntime) { this.diffMiniRuntime() }
 
@@ -263,6 +263,10 @@ class NativePlatformAndroid(private val reactContext: ReactApplicationContext):
         return changedDependencies
     }
 
+    private fun onConfigChange() {
+        this._listener.onConfigChange()
+    }
+
     override fun registerPlatformListener(callback: (dependencies: Array<UnistyleDependency>, miniRuntime: UnistylesNativeMiniRuntime) -> Unit) {
         this._listener.addPlatformListener(callback)
     }

package/android/src/main/java/com/unistyles/NativePlatform+insets.kt

@@ -12,7 +12,6 @@ import androidx.core.view.WindowInsetsCompat
 import com.facebook.proguard.annotations.DoNotStrip
 import com.facebook.react.bridge.ReactApplicationContext
 import com.margelo.nitro.unistyles.Insets
-import com.margelo.nitro.unistyles.UnistyleDependency
 import com.margelo.nitro.unistyles.UnistylesNativeMiniRuntime
 
 typealias CxxImeListener = (miniRuntime: UnistylesNativeMiniRuntime) -> Unit
@@ -22,7 +21,7 @@ typealias CxxImeListener = (miniRuntime: UnistylesNativeMiniRuntime) -> Unit
 class NativePlatformInsets(
     private val reactContext: ReactApplicationContext,
     private val getMiniRuntime: () -> UnistylesNativeMiniRuntime,
-    private val diffMiniRuntime: () -> Array<UnistyleDependency>
+    private val onConfigChange: () -> Unit
 ) {
     private var _shouldListenToImeEvents = false
     private val _imeListeners: MutableList<CxxImeListener> = mutableListOf()
@@ -106,7 +105,7 @@ class NativePlatformInsets(
             return
         }
 
-        diffMiniRuntime()
+        this@NativePlatformInsets.onConfigChange()
 
         if (shouldEmitImeEvent) {
             this@NativePlatformInsets.emitImeEvent(this.getMiniRuntime())

package/components/native/ActivityIndicator/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/ActivityIndicator.js",
   "module": "../../../lib/module/components/native/ActivityIndicator.js",
+  "browser": "../../../lib/module/components/native/ActivityIndicator.js",
   "react-native": "../../../src/components/native/ActivityIndicator.tsx"
 }

package/components/native/Animated/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/Animated.js",
   "module": "../../../lib/module/components/native/Animated.js",
+  "browser": "../../../lib/module/components/native/Animated.js",
   "react-native": "../../../src/components/native/Animated.tsx"
 }

package/components/native/FlatList/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/FlatList.js",
   "module": "../../../lib/module/components/native/FlatList.js",
+  "browser": "../../../lib/module/components/native/FlatList.js",
   "react-native": "../../../src/components/native/FlatList.tsx"
 }

package/components/native/Image/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/Image.js",
   "module": "../../../lib/module/components/native/Image.js",
-  "react-native": "../../../src/components/native/Image.tsx"
+  "browser": "../../../lib/module/components/native/Image.js",
+  "react-native": "../../../src/components/native/Image.native.tsx"
 }

package/components/native/ImageBackground/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/ImageBackground.js",
   "module": "../../../lib/module/components/native/ImageBackground.js",
+  "browser": "../../../lib/module/components/native/ImageBackground.js",
   "react-native": "../../../src/components/native/ImageBackground.native.tsx"
 }

package/components/native/KeyboardAvoidingView/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/KeyboardAvoidingView.js",
   "module": "../../../lib/module/components/native/KeyboardAvoidingView.js",
+  "browser": "../../../lib/module/components/native/KeyboardAvoidingView.js",
   "react-native": "../../../src/components/native/KeyboardAvoidingView.tsx"
 }

package/components/native/NativeText/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/NativeText.js",
   "module": "../../../lib/module/components/native/NativeText.js",
+  "browser": "../../../lib/module/components/native/NativeText.js",
   "react-native": "../../../src/components/native/NativeText.native.tsx"
 }

package/components/native/NativeView/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/NativeView.js",
   "module": "../../../lib/module/components/native/NativeView.js",
+  "browser": "../../../lib/module/components/native/NativeView.js",
   "react-native": "../../../src/components/native/NativeView.native.tsx"
 }

package/components/native/Pressable/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/Pressable.js",
   "module": "../../../lib/module/components/native/Pressable.js",
+  "browser": "../../../lib/module/components/native/Pressable.js",
   "react-native": "../../../src/components/native/Pressable.native.tsx"
 }

package/components/native/RefreshControl/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/RefreshControl.js",
   "module": "../../../lib/module/components/native/RefreshControl.js",
+  "browser": "../../../lib/module/components/native/RefreshControl.js",
   "react-native": "../../../src/components/native/RefreshControl.tsx"
 }

package/components/native/ScrollView/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/ScrollView.js",
   "module": "../../../lib/module/components/native/ScrollView.js",
+  "browser": "../../../lib/module/components/native/ScrollView.js",
   "react-native": "../../../src/components/native/ScrollView.tsx"
 }

package/components/native/SectionList/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/SectionList.js",
   "module": "../../../lib/module/components/native/SectionList.js",
+  "browser": "../../../lib/module/components/native/SectionList.js",
   "react-native": "../../../src/components/native/SectionList.tsx"
 }

package/components/native/Switch/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/Switch.js",
   "module": "../../../lib/module/components/native/Switch.js",
+  "browser": "../../../lib/module/components/native/Switch.js",
   "react-native": "../../../src/components/native/Switch.tsx"
 }

package/components/native/Text/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/Text.js",
   "module": "../../../lib/module/components/native/Text.js",
+  "browser": "../../../lib/module/components/native/Text.js",
   "react-native": "../../../src/components/native/Text.tsx"
 }

package/components/native/TextInput/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/TextInput.js",
   "module": "../../../lib/module/components/native/TextInput.js",
+  "browser": "../../../lib/module/components/native/TextInput.js",
   "react-native": "../../../src/components/native/TextInput.tsx"
 }

package/components/native/TouchableHighlight/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/TouchableHighlight.js",
   "module": "../../../lib/module/components/native/TouchableHighlight.js",
+  "browser": "../../../lib/module/components/native/TouchableHighlight.js",
   "react-native": "../../../src/components/native/TouchableHighlight.tsx"
 }

package/components/native/TouchableOpacity/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/TouchableOpacity.js",
   "module": "../../../lib/module/components/native/TouchableOpacity.js",
+  "browser": "../../../lib/module/components/native/TouchableOpacity.js",
   "react-native": "../../../src/components/native/TouchableOpacity.tsx"
 }

package/components/native/View/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/View.js",
   "module": "../../../lib/module/components/native/View.js",
+  "browser": "../../../lib/module/components/native/View.js",
   "react-native": "../../../src/components/native/View.tsx"
 }

package/components/native/VirtualizedList/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../../../lib/commonjs/components/native/VirtualizedList.js",
   "module": "../../../lib/module/components/native/VirtualizedList.js",
+  "browser": "../../../lib/module/components/native/VirtualizedList.js",
   "react-native": "../../../src/components/native/VirtualizedList.tsx"
 }

package/ios/NativePlatform+ios.swift

@@ -313,7 +313,7 @@ class NativeIOSPlatform: HybridNativePlatformSpec {
     }
 
     func setStatusBarHidden(isHidden: Bool) throws {
-        self.onWindowChange(Notification(name: NSNotification.Name("RCTWindowFrameDidChangeNotification")))
+        self.onNativePlatformChange()
     }
 
     // not implemented for iOS as there are no such APIs

package/ios/NativePlatformListener+ios.swift

@@ -1,12 +1,17 @@
 import Foundation
+import Combine
 
 extension NativeIOSPlatform {
     func setupPlatformListeners() {
-        NotificationCenter.default.publisher(for: NSNotification.Name("RCTWindowFrameDidChangeNotification"))
-            // add small delay (10ms) to make sure all values are up ot date
-            .delay(for: .milliseconds(10), scheduler: RunLoop.current)
-            .sink { [weak self] notification in
-                self?.onWindowChange(notification)
+        let windowPublisher = NotificationCenter.default.publisher(for: NSNotification.Name("RCTWindowFrameDidChangeNotification"))
+        let orientationPublisher = NotificationCenter.default.publisher(for: UIDevice.orientationDidChangeNotification)
+        let colorSchemePublisher = NotificationCenter.default.publisher(for: NSNotification.Name("RCTUserInterfaceStyleDidChangeNotification"))
+
+        Publishers
+            .MergeMany([windowPublisher, orientationPublisher, colorSchemePublisher])
+            .throttle(for: .milliseconds(25), scheduler: RunLoop.main, latest: true)
+            .sink { [weak self] _ in
+                self?.onNativePlatformChange()
             }
             .store(in: &cancellables)
     }
@@ -30,14 +35,14 @@ extension NativeIOSPlatform {
     func emitImeEvent(updatedMiniRuntime: UnistylesNativeMiniRuntime) {
         self.imeListeners.forEach { $0(updatedMiniRuntime) }
     }
-    
+
     func unregisterPlatformListeners() {
         cancellables.removeAll()
         dependencyListeners.removeAll()
         imeListeners.removeAll()
     }
 
-    @objc func onWindowChange(_ notification: Notification) {
+    @objc func onNativePlatformChange() {
         guard let currentMiniRuntime = self.miniRuntime else {
             return
         }

package/lib/commonjs/components/native/Image.js

@@ -10,14 +10,15 @@ var _core = require("../../core");
 var _warn = require("../../core/warn");
 var _utils = require("../../utils");
 var _utils2 = require("../../web/utils");
+var _createUnistylesRef = require("../../web/utils/createUnistylesRef");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const UnistylesImage = /*#__PURE__*/(0, _react.forwardRef)((props, forwardedRef) => {
   const classNames = (0, _core.getClassName)(props.style);
-  const ref = (0, _utils2.createUnistylesRef)(classNames, forwardedRef);
-  const hasWidthStyle = typeof props.style === 'object' && (0, _utils2.keyInObject)(props.style, 'width');
-  const hasHeightStyle = typeof props.style === 'object' && (0, _utils2.keyInObject)(props.style, 'height');
+  const ref = (0, _createUnistylesRef.createUnistylesRef)(classNames, forwardedRef);
+  const hasWidthStyle = (0, _utils2.checkForProp)(props.style, 'width');
+  const hasHeightStyle = (0, _utils2.checkForProp)(props.style, 'height');
   (0, _warn.maybeWarnAboutMultipleUnistyles)(props.style, 'Image');
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
     ...props,

package/lib/commonjs/components/native/Image.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_warn","_utils","_utils2","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UnistylesImage","forwardRef","props","forwardedRef","classNames","getClassName","style","ref","createUnistylesRef","hasWidthStyle","keyInObject","hasHeightStyle","maybeWarnAboutMultipleUnistyles","jsx","Image","width","height","exports","copyComponentProperties","NativeImage"],"sourceRoot":"../../../../src","sources":["components/native/Image.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAiE,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAO,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAOjE,MAAMW,cAAc,gBAAG,IAAAC,iBAAU,EAAiB,CAACC,KAAK,EAAEC,YAAY,KAAK;EACvE,MAAMC,UAAU,GAAG,IAAAC,kBAAY,EAACH,KAAK,CAACI,KAAK,CAAC;EAC5C,MAAMC,GAAG,GAAG,IAAAC,0BAAkB,EAACJ,UAAU,EAAED,YAAY,CAAC;EACxD,MAAMM,aAAa,GAAG,OAAOP,KAAK,CAACI,KAAK,KAAK,QAAQ,IAAI,IAAAI,mBAAW,EAACR,KAAK,CAACI,KAAK,EAAE,OAAO,CAAC;EAC1F,MAAMK,cAAc,GAAG,OAAOT,KAAK,CAACI,KAAK,KAAK,QAAQ,IAAI,IAAAI,mBAAW,EAACR,KAAK,CAACI,KAAK,EAAE,QAAQ,CAAC;EAE5F,IAAAM,qCAA+B,EAACV,KAAK,CAACI,KAAK,EAAe,OAAO,CAAC;EAElE,oBACI,IAAA3B,WAAA,CAAAkC,GAAA,EAACvC,YAAA,CAAAwC,KAAW;IAAA,GACJZ,KAAK;IACTI,KAAK,EAAE,CACHF,UAAU;IACV;IACAK,aAAa,IAAI;MAAEM,KAAK,EAAE;IAAG,CAAC,EAC9BJ,cAAc,IAAI;MAAEK,MAAM,EAAE;IAAG,CAAC,CACT;IAC3BT,GAAG,EAAEA;EAAI,CACZ,CAAC;AAEV,CAAC,CAAC;AAEK,MAAMO,KAAK,GAAAG,OAAA,CAAAH,KAAA,GAAG,IAAAI,8BAAuB,EAACC,kBAAW,EAAEnB,cAAc,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_warn","_utils","_utils2","_createUnistylesRef","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UnistylesImage","forwardRef","props","forwardedRef","classNames","getClassName","style","ref","createUnistylesRef","hasWidthStyle","checkForProp","hasHeightStyle","maybeWarnAboutMultipleUnistyles","jsx","Image","width","height","exports","copyComponentProperties","NativeImage"],"sourceRoot":"../../../../src","sources":["components/native/Image.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AAAuE,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAQ,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAOvE,MAAMW,cAAc,gBAAG,IAAAC,iBAAU,EAAiB,CAACC,KAAK,EAAEC,YAAY,KAAK;EACvE,MAAMC,UAAU,GAAG,IAAAC,kBAAY,EAACH,KAAK,CAACI,KAAK,CAAC;EAC5C,MAAMC,GAAG,GAAG,IAAAC,sCAAkB,EAACJ,UAAU,EAAED,YAAY,CAAC;EACxD,MAAMM,aAAa,GAAG,IAAAC,oBAAY,EAACR,KAAK,CAACI,KAAK,EAAE,OAAO,CAAC;EACxD,MAAMK,cAAc,GAAG,IAAAD,oBAAY,EAACR,KAAK,CAACI,KAAK,EAAE,QAAQ,CAAC;EAE1D,IAAAM,qCAA+B,EAACV,KAAK,CAACI,KAAK,EAAe,OAAO,CAAC;EAElE,oBACI,IAAA3B,WAAA,CAAAkC,GAAA,EAACxC,YAAA,CAAAyC,KAAW;IAAA,GACJZ,KAAK;IACTI,KAAK,EAAE,CACHF,UAAU;IACV;IACAK,aAAa,IAAI;MAAEM,KAAK,EAAE;IAAG,CAAC,EAC9BJ,cAAc,IAAI;MAAEK,MAAM,EAAE;IAAG,CAAC,CACT;IAC3BT,GAAG,EAAEA;EAAI,CACZ,CAAC;AAEV,CAAC,CAAC;AAEK,MAAMO,KAAK,GAAAG,OAAA,CAAAH,KAAA,GAAG,IAAAI,8BAAuB,EAACC,kBAAW,EAAEnB,cAAc,CAAC","ignoreList":[]}

package/lib/commonjs/components/native/ImageBackground.js

@@ -10,14 +10,15 @@ var _core = require("../../core");
 var _warn = require("../../core/warn");
 var _utils = require("../../utils");
 var _utils2 = require("../../web/utils");
+var _createUnistylesRef = require("../../web/utils/createUnistylesRef");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const UnistylesImageBackground = /*#__PURE__*/(0, _react.forwardRef)((props, forwardedRef) => {
   const styleClassNames = (0, _core.getClassName)(props.style);
   const imageClassNames = (0, _core.getClassName)(props.imageStyle);
-  const ref = (0, _utils2.createUnistylesRef)(styleClassNames, forwardedRef);
-  const imageRef = (0, _utils2.createUnistylesRef)(imageClassNames);
+  const ref = (0, _createUnistylesRef.createUnistylesRef)(styleClassNames, forwardedRef);
+  const imageRef = (0, _createUnistylesRef.createUnistylesRef)(imageClassNames);
   const hasWidthStyle = typeof props.imageStyle === 'object' && (0, _utils2.keyInObject)(props.imageStyle, 'width');
   const hasHeightStyle = typeof props.imageStyle === 'object' && (0, _utils2.keyInObject)(props.imageStyle, 'height');
   (0, _warn.maybeWarnAboutMultipleUnistyles)(props.style, 'ImageBackground');

package/lib/commonjs/components/native/ImageBackground.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_warn","_utils","_utils2","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UnistylesImageBackground","forwardRef","props","forwardedRef","styleClassNames","getClassName","style","imageClassNames","imageStyle","ref","createUnistylesRef","imageRef","hasWidthStyle","keyInObject","hasHeightStyle","maybeWarnAboutMultipleUnistyles","jsx","ImageBackground","width","height","exports","copyComponentProperties","NativeImageBackground"],"sourceRoot":"../../../../src","sources":["components/native/ImageBackground.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_warn","_utils","_utils2","_createUnistylesRef","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UnistylesImageBackground","forwardRef","props","forwardedRef","styleClassNames","getClassName","style","imageClassNames","imageStyle","ref","createUnistylesRef","imageRef","hasWidthStyle","keyInObject","hasHeightStyle","maybeWarnAboutMultipleUnistyles","jsx","ImageBackground","width","height","exports","copyComponentProperties","NativeImageBackground"],"sourceRoot":"../../../../src","sources":["components/native/ImageBackground.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/createUnistylesElement.js

@@ -7,19 +7,31 @@ exports.createUnistylesElement = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("../utils");
 var _utils2 = require("../web/utils");
+var _createUnistylesRef = require("../web/utils/createUnistylesRef");
 var _getClassname = require("./getClassname");
 var _warn = require("./warn");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const STYLE_PROPS = ['style', 'contentContainerStyle', 'columnWrapperStyle'];
+const buildUnistylesProps = (Component, props, forwardedRef) => {
+  const componentStyleProps = STYLE_PROPS.filter(styleProp => styleProp in props);
+  const classNames = Object.fromEntries(componentStyleProps.map(styleProp => [styleProp, (0, _getClassname.getClassName)(props[styleProp])]));
+  const refs = componentStyleProps.map(styleProp => {
+    return (0, _createUnistylesRef.createUnistylesRef)(classNames[styleProp], styleProp === 'style' ? forwardedRef : undefined);
+  });
+  componentStyleProps.forEach(styleProp => {
+    (0, _warn.maybeWarnAboutMultipleUnistyles)(props[styleProp], Component.displayName);
+  });
+  return {
+    ...classNames,
+    ref: (0, _utils2.isServer)() ? undefined : componentRef => refs.forEach(ref => ref?.(componentRef))
+  };
+};
 const createUnistylesElement = Component => {
   const UnistylesComponent = /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) => {
-    const classNames = (0, _getClassname.getClassName)(props.style);
-    const ref = (0, _utils2.createUnistylesRef)(classNames, forwardedRef);
-    (0, _warn.maybeWarnAboutMultipleUnistyles)(props.style, Component.displayName);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
       ...props,
-      style: classNames,
-      ref: ref
+      ...buildUnistylesProps(Component, props, forwardedRef)
     });
   });
   return (0, _utils.copyComponentProperties)(Component, UnistylesComponent);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_utils2","_getClassname","_warn","_jsxRuntime","e","__esModule","default","createUnistylesElement","Component","UnistylesComponent","React","forwardRef","props","forwardedRef","classNames","getClassName","style","ref","createUnistylesRef","maybeWarnAboutMultipleUnistyles","displayName","jsx","copyComponentProperties","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAwD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMjD,MAAMG,sBAAsB,GAAIC,SAAc,IAAK;EACtD,MAAMC,kBAAkB,gBAAGC,cAAK,CAACC,UAAU,CAA0B,CAACC,KAAK,EAAEC,YAAY,KAAK;IAC1F,MAAMC,UAAU,GAAG,IAAAC,0BAAY,EAACH,KAAK,CAACI,KAAK,CAAC;IAC5C,MAAMC,GAAG,GAAG,IAAAC,0BAAkB,EAACJ,UAAU,EAAED,YAAY,CAAC;IAExD,IAAAM,qCAA+B,EAACP,KAAK,CAACI,KAAK,EAAeR,SAAS,CAACY,WAAW,CAAC;IAEhF,oBACI,IAAAjB,WAAA,CAAAkB,GAAA,EAACb,SAAS;MAAA,GACFI,KAAK;MACTI,KAAK,EAAEF,UAAW;MAClBG,GAAG,EAAEA;IAAI,CACZ,CAAC;EAEV,CAAC,CAAC;EAEF,OAAO,IAAAK,8BAAuB,EAACd,SAAS,EAAEC,kBAAkB,CAAC;AACjE,CAAC;AAAAc,OAAA,CAAAhB,sBAAA,GAAAA,sBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_utils2","_createUnistylesRef","_getClassname","_warn","_jsxRuntime","e","__esModule","default","STYLE_PROPS","buildUnistylesProps","Component","props","forwardedRef","componentStyleProps","filter","styleProp","classNames","Object","fromEntries","map","getClassName","refs","createUnistylesRef","undefined","forEach","maybeWarnAboutMultipleUnistyles","displayName","ref","isServer","componentRef","createUnistylesElement","UnistylesComponent","React","forwardRef","jsx","copyComponentProperties","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAwD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExD,MAAMG,WAAW,GAAG,CAAC,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,CAAU;AAMrF,MAAMC,mBAAmB,GAAGA,CAACC,SAAc,EAAEC,KAAqB,EAAEC,YAAyC,KAAK;EAC9G,MAAMC,mBAAmB,GAAGL,WAAW,CAACM,MAAM,CAACC,SAAS,IAAIA,SAAS,IAAIJ,KAAK,CAAC;EAC/E,MAAMK,UAAU,GAAGC,MAAM,CAACC,WAAW,CAACL,mBAAmB,CAACM,GAAG,CAACJ,SAAS,IAAI,CAACA,SAAS,EAAE,IAAAK,0BAAY,EAACT,KAAK,CAACI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;EACxH,MAAMM,IAAI,GAAGR,mBAAmB,CAACM,GAAG,CAACJ,SAAS,IAAI;IAC9C,OAAO,IAAAO,sCAAkB,EACrBN,UAAU,CAACD,SAAS,CAAC,EACrBA,SAAS,KAAK,OAAO,GAAGH,YAAY,GAAGW,SAC3C,CAAC;EACL,CAAC,CAAC;EAEFV,mBAAmB,CAACW,OAAO,CAACT,SAAS,IAAI;IACrC,IAAAU,qCAA+B,EAACd,KAAK,CAACI,SAAS,CAAC,EAAeL,SAAS,CAACgB,WAAW,CAAC;EACzF,CAAC,CAAC;EAEF,OAAO;IACH,GAAGV,UAAU;IACbW,GAAG,EAAE,IAAAC,gBAAQ,EAAC,CAAC,GAAGL,SAAS,GAAIM,YAAiB,IAAKR,IAAI,CAACG,OAAO,CAACG,GAAG,IAAIA,GAAG,GAAGE,YAAY,CAAC;EAChG,CAAC;AACL,CAAC;AAEM,MAAMC,sBAAsB,GAAIpB,SAAc,IAAK;EACtD,MAAMqB,kBAAkB,gBAAGC,cAAK,CAACC,UAAU,CAA0B,CAACtB,KAAK,EAAEC,YAAY,KAAK;IAC1F,oBACI,IAAAR,WAAA,CAAA8B,GAAA,EAACxB,SAAS;MAAA,GACFC,KAAK;MAAA,GACLF,mBAAmB,CAACC,SAAS,EAAEC,KAAK,EAAEC,YAAY;IAAC,CAC1D,CAAC;EAEV,CAAC,CAAC;EAEF,OAAO,IAAAuB,8BAAuB,EAACzB,SAAS,EAAEqB,kBAAkB,CAAC;AACjE,CAAC;AAAAK,OAAA,CAAAN,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/lib/commonjs/core/getClassname.js

@@ -4,20 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getClassName = void 0;
-var _web = require("../web");
+var unistyles = _interopRequireWildcard(require("../web/services"));
+var _utils = require("../web/utils");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const getClassName = (unistyle, forChild) => {
   if (!unistyle) {
     return undefined;
   }
+  const flattenedStyles = Array.isArray(unistyle) ? unistyle.flat(Number.POSITIVE_INFINITY) : [unistyle];
+  const animatedStyles = flattenedStyles.filter(_utils.checkForAnimated);
+  const regularStyles = flattenedStyles.filter(style => !(0, _utils.checkForAnimated)(style));
   const {
     hash,
     injectedClassName
-  } = _web.UnistylesWeb.shadowRegistry.addStyles(Array.isArray(unistyle) ? unistyle.flat(Number.POSITIVE_INFINITY) : [unistyle], forChild);
-  return hash ? {
+  } = unistyles.services.shadowRegistry.addStyles(regularStyles, forChild);
+  return hash ? [{
     $$css: true,
     hash,
     injectedClassName
-  } : undefined;
+  }, animatedStyles] : undefined;
 };
 exports.getClassName = getClassName;
 //# sourceMappingURL=getClassname.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_web","require","getClassName","unistyle","forChild","undefined","hash","injectedClassName","UnistylesWeb","shadowRegistry","addStyles","Array","isArray","flat","Number","POSITIVE_INFINITY","$$css","exports"],"sourceRoot":"../../../src","sources":["core/getClassname.ts"],"mappings":";;;;;;AACA,IAAAA,IAAA,GAAAC,OAAA;AAEO,MAAMC,YAAY,GAAGA,CAACC,QAA8D,EAAEC,QAAkB,KAAK;EAChH,IAAI,CAACD,QAAQ,EAAE;IACX,OAAOE,SAAS;EACpB;EAEA,MAAM;IAAEC,IAAI;IAAEC;EAAkB,CAAC,GAAGC,iBAAY,CAACC,cAAc,CAACC,SAAS,CACrEC,KAAK,CAACC,OAAO,CAACT,QAAQ,CAAC,GAAGA,QAAQ,CAACU,IAAI,CAACC,MAAM,CAACC,iBAAiB,CAAC,GAAG,CAACZ,QAAQ,CAAC,EAC9EC,QACJ,CAAC;EAED,OAAOE,IAAI,GAAG;IAAEU,KAAK,EAAE,IAAI;IAAEV,IAAI;IAAEC;EAAkB,CAAC,GAAGF,SAAS;AACtE,CAAC;AAAAY,OAAA,CAAAf,YAAA,GAAAA,YAAA","ignoreList":[]}
+{"version":3,"names":["unistyles","_interopRequireWildcard","require","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getClassName","unistyle","forChild","undefined","flattenedStyles","Array","isArray","flat","Number","POSITIVE_INFINITY","animatedStyles","filter","checkForAnimated","regularStyles","style","hash","injectedClassName","services","shadowRegistry","addStyles","$$css","exports"],"sourceRoot":"../../../src","sources":["core/getClassname.ts"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAA+C,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAExC,MAAMW,YAAY,GAAGA,CAACC,QAA8D,EAAEC,QAAkB,KAAK;EAChH,IAAI,CAACD,QAAQ,EAAE;IACX,OAAOE,SAAS;EACpB;EAEA,MAAMC,eAAe,GAAGC,KAAK,CAACC,OAAO,CAACL,QAAQ,CAAC,GAAGA,QAAQ,CAACM,IAAI,CAACC,MAAM,CAACC,iBAAiB,CAAC,GAAG,CAACR,QAAQ,CAAC;EACtG,MAAMS,cAAc,GAAGN,eAAe,CAACO,MAAM,CAACC,uBAAgB,CAAC;EAC/D,MAAMC,aAAa,GAAGT,eAAe,CAACO,MAAM,CAACG,KAAK,IAAI,CAAC,IAAAF,uBAAgB,EAACE,KAAK,CAAC,CAAC;EAE/E,MAAM;IAAEC,IAAI;IAAEC;EAAkB,CAAC,GAAGxC,SAAS,CAACyC,QAAQ,CAACC,cAAc,CAACC,SAAS,CAC3EN,aAAa,EACbX,QACJ,CAAC;EAED,OAAOa,IAAI,GACL,CACE;IAAEK,KAAK,EAAE,IAAI;IAAEL,IAAI;IAAEC;EAAkB,CAAC,EACxCN,cAAc,CACjB,GACCP,SAAS;AACnB,CAAC;AAAAkB,OAAA,CAAArB,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/core/useProxifiedUnistyles/listener.js

@@ -5,14 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.listener = void 0;
 var _specs = require("../../specs");
-var _web = require("../../web");
+var unistyles = _interopRequireWildcard(require("../../web/services"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const listener = ({
   dependencies,
   updateTheme,
   updateRuntime
 }) => {
-  const disposeTheme = _web.UnistylesWeb.listener.addListeners(dependencies.filter(dependency => dependency === _specs.UnistyleDependency.Theme), updateTheme);
-  const disposeRuntime = _web.UnistylesWeb.listener.addListeners(dependencies.filter(dependency => dependency !== _specs.UnistyleDependency.Theme), updateRuntime);
+  const disposeTheme = unistyles.services.listener.addListeners(dependencies.filter(dependency => dependency === _specs.UnistyleDependency.Theme), updateTheme);
+  const disposeRuntime = unistyles.services.listener.addListeners(dependencies.filter(dependency => dependency !== _specs.UnistyleDependency.Theme), updateRuntime);
   return () => {
     disposeTheme();
     disposeRuntime();

package/lib/commonjs/core/useProxifiedUnistyles/listener.js.map

@@ -1 +1 @@
-{"version":3,"names":["_specs","require","_web","listener","dependencies","updateTheme","updateRuntime","disposeTheme","UnistylesWeb","addListeners","filter","dependency","UnistyleDependency","Theme","disposeRuntime","exports"],"sourceRoot":"../../../../src","sources":["core/useProxifiedUnistyles/listener.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAGO,MAAME,QAAQ,GAAGA,CAAC;EAAEC,YAAY;EAAEC,WAAW;EAAEC;AAA6B,CAAC,KAAK;EACrF,MAAMC,YAAY,GAAGC,iBAAY,CAACL,QAAQ,CAACM,YAAY,CAACL,YAAY,CAACM,MAAM,CAACC,UAAU,IAAIA,UAAU,KAAKC,yBAAkB,CAACC,KAAK,CAAC,EAAER,WAAW,CAAC;EAChJ,MAAMS,cAAc,GAAGN,iBAAY,CAACL,QAAQ,CAACM,YAAY,CAACL,YAAY,CAACM,MAAM,CAACC,UAAU,IAAIA,UAAU,KAAKC,yBAAkB,CAACC,KAAK,CAAC,EAAEP,aAAa,CAAC;EAEpJ,OAAO,MAAM;IACTC,YAAY,CAAC,CAAC;IACdO,cAAc,CAAC,CAAC;EACpB,CAAC;AACL,CAAC;AAAAC,OAAA,CAAAZ,QAAA,GAAAA,QAAA","ignoreList":[]}
+{"version":3,"names":["_specs","require","unistyles","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","listener","dependencies","updateTheme","updateRuntime","disposeTheme","services","addListeners","filter","dependency","UnistyleDependency","Theme","disposeRuntime","exports"],"sourceRoot":"../../../../src","sources":["core/useProxifiedUnistyles/listener.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA+C,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAF,wBAAAE,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAGxC,MAAMW,QAAQ,GAAGA,CAAC;EAAEC,YAAY;EAAEC,WAAW;EAAEC;AAA6B,CAAC,KAAK;EACrF,MAAMC,YAAY,GAAG1B,SAAS,CAAC2B,QAAQ,CAACL,QAAQ,CAACM,YAAY,CAACL,YAAY,CAACM,MAAM,CAACC,UAAU,IAAIA,UAAU,KAAKC,yBAAkB,CAACC,KAAK,CAAC,EAAER,WAAW,CAAC;EACtJ,MAAMS,cAAc,GAAGjC,SAAS,CAAC2B,QAAQ,CAACL,QAAQ,CAACM,YAAY,CAACL,YAAY,CAACM,MAAM,CAACC,UAAU,IAAIA,UAAU,KAAKC,yBAAkB,CAACC,KAAK,CAAC,EAAEP,aAAa,CAAC;EAE1J,OAAO,MAAM;IACTC,YAAY,CAAC,CAAC;IACdO,cAAc,CAAC,CAAC;EACpB,CAAC;AACL,CAAC;AAAAC,OAAA,CAAAZ,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/commonjs/core/useProxifiedUnistyles/useProxifiedUnistyles.js

@@ -27,7 +27,8 @@ const RTDependencyMap = {
   screen: _NativePlatform.UnistyleDependency.Dimensions,
   statusBar: _NativePlatform.UnistyleDependency.StatusBar,
   pixelRatio: _NativePlatform.UnistyleDependency.PixelRatio,
-  themeName: _NativePlatform.UnistyleDependency.ThemeName
+  themeName: _NativePlatform.UnistyleDependency.ThemeName,
+  rtl: _NativePlatform.UnistyleDependency.Rtl
 };
 const useProxifiedUnistyles = forcedTheme => {
   const scopedTheme = forcedTheme ?? _specs.UnistylesShadowRegistry.getScopedTheme();