react-native-unistyles 3.0.0-nightly-20250328 → 3.0.0-rc.1

package/README.md

@@ -29,7 +29,7 @@ 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-20250326 | 0.24.1, 0.25.2             |
+| 3.0.0-nightly-20250329 | 0.24.1, 0.25.2             |
 
 Then follow [installation guides](https://unistyl.es/v3/start/getting-started) for your platform.
 

package/cxx/core/UnistylesCommitHook.cpp

@@ -29,7 +29,7 @@ RootShadowNode::Unshared core::UnistylesCommitHook::shadowTreeWillCommit(
     // this is React Native / Reanimated commit
     // merge Unistyles updates before it completes
     auto& registry = core::UnistylesRegistry::get();
-    
+
     return registry.trafficController.withLock([&](){
         auto& shadowLeafUpdates = registry.trafficController.getUpdates();
 
@@ -41,7 +41,7 @@ RootShadowNode::Unshared core::UnistylesCommitHook::shadowTreeWillCommit(
         auto affectedNodes = shadow::ShadowTreeManager::findAffectedNodes(*rootNode, shadowLeafUpdates);
 
         registry.trafficController.stopUnistylesTraffic();
-        
+
         // we have few updates, so merge it
         return std::static_pointer_cast<RootShadowNode>(shadow::ShadowTreeManager::cloneShadowTree(
             *rootNode,

package/cxx/core/UnistylesRegistry.cpp

@@ -73,17 +73,19 @@ void core::UnistylesRegistry::linkShadowNodeWithUnistyle(
     const ShadowNodeFamily* shadowNodeFamily,
     std::vector<std::shared_ptr<UnistyleData>>& unistylesData
 ) {
-    shadow::ShadowLeafUpdates updates;
-    auto parser = parser::Parser(nullptr);
-
-    std::for_each(unistylesData.begin(), unistylesData.end(), [this, &rt, shadowNodeFamily](std::shared_ptr<UnistyleData> unistyleData){
-        this->_shadowRegistry[&rt][shadowNodeFamily].emplace_back(unistyleData);
-    });
+    this->trafficController.withLock([this, &rt, &unistylesData, shadowNodeFamily](){
+        shadow::ShadowLeafUpdates updates;
+        auto parser = parser::Parser(nullptr);
 
-    updates[shadowNodeFamily] = parser.parseStylesToShadowTreeStyles(rt, unistylesData);
+        std::for_each(unistylesData.begin(), unistylesData.end(), [this, &rt, shadowNodeFamily](std::shared_ptr<UnistyleData> unistyleData){
+            this->_shadowRegistry[&rt][shadowNodeFamily].emplace_back(unistyleData);
+        });
 
-    this->trafficController.setUpdates(updates);
-    this->trafficController.resumeUnistylesTraffic();
+        updates[shadowNodeFamily] = parser.parseStylesToShadowTreeStyles(rt, unistylesData);
+        
+        this->trafficController.setUpdates(updates);
+        this->trafficController.resumeUnistylesTraffic();
+    });
 }
 
 void core::UnistylesRegistry::removeDuplicatedUnistyles(jsi::Runtime& rt, const ShadowNodeFamily *shadowNodeFamily, std::vector<core::Unistyle::Shared>& unistyles) {
@@ -111,7 +113,7 @@ void core::UnistylesRegistry::unlinkShadowNodeWithUnistyles(jsi::Runtime& rt, co
     this->trafficController.withLock([this, &rt, shadowNodeFamily](){
         this->_shadowRegistry[&rt].erase(shadowNodeFamily);
         this->trafficController.removeShadowNode(shadowNodeFamily);
-        
+
         if (this->_shadowRegistry[&rt].empty()) {
             this->_shadowRegistry.erase(&rt);
         }
@@ -159,20 +161,22 @@ core::DependencyMap core::UnistylesRegistry::buildDependencyMap(jsi::Runtime& rt
 // so we need to rebuild all instances as they may have different variants
 void core::UnistylesRegistry::shadowLeafUpdateFromUnistyle(jsi::Runtime& rt, Unistyle::Shared unistyle, jsi::Value& maybePressableId) {
     shadow::ShadowLeafUpdates updates;
-    auto parser = parser::Parser(nullptr);
-    std::optional<std::string> pressableId = maybePressableId.isString()
-        ? std::make_optional(maybePressableId.asString(rt).utf8(rt))
-        : std::nullopt;
+    this->trafficController.withLock([this, &rt, &maybePressableId, unistyle, &updates](){
+        auto parser = parser::Parser(nullptr);
+        std::optional<std::string> pressableId = maybePressableId.isString()
+            ? std::make_optional(maybePressableId.asString(rt).utf8(rt))
+            : std::nullopt;
 
-    for (const auto& [family, unistyles] : this->_shadowRegistry[&rt]) {
-        for (const auto& unistyleData : unistyles) {
-            if (unistyleData->unistyle == unistyle) {
-                updates[family] = parser.parseStylesToShadowTreeStyles(rt, { unistyleData });
+        for (const auto& [family, unistyles] : this->_shadowRegistry[&rt]) {
+            for (const auto& unistyleData : unistyles) {
+                if (unistyleData->unistyle == unistyle) {
+                    updates[family] = parser.parseStylesToShadowTreeStyles(rt, { unistyleData });
+                }
             }
         }
-    }
 
-    this->trafficController.setUpdates(updates);
+        this->trafficController.setUpdates(updates);
+    });
 }
 
 std::vector<std::shared_ptr<core::StyleSheet>> core::UnistylesRegistry::getStyleSheetsToRefresh(jsi::Runtime& rt, std::vector<UnistyleDependency>& unistylesDependencies) {

package/cxx/hybridObjects/HybridStyleSheet.cpp

@@ -80,7 +80,7 @@ jsi::Value HybridStyleSheet::init(jsi::Runtime &rt, const jsi::Value &thisVal, c
     if (this->isInitialized) {
         return jsi::Value::undefined();
     }
-    
+
     // create new state
     auto& registry = core::UnistylesRegistry::get();
 
@@ -88,7 +88,7 @@ jsi::Value HybridStyleSheet::init(jsi::Runtime &rt, const jsi::Value &thisVal, c
 
     loadExternalMethods(thisVal, rt);
     registerHooks(rt);
-    
+
     this->isInitialized = true;
 
     return jsi::Value::undefined();
@@ -127,18 +127,18 @@ void HybridStyleSheet::parseSettings(jsi::Runtime &rt, jsi::Object settings) {
         if (propertyName == "CSSVars") {
             return;
         }
-        
+
         if (propertyName == "nativeBreakpointsMode") {
             helpers::assertThat(rt, propertyValue.isString(), "StyleSheet.configure's nativeBreakpointsMode must be a string");
-            
+
             auto mode = propertyValue.asString(rt).utf8(rt);
-            
+
             helpers::assertThat(rt, mode == "pixels" || mode == "points", "StyleSheet.configure's nativeBreakpointsMode must be one of: pixels or points");
-            
+
             if (mode == "points") {
                 registry.shouldUsePointsForBreakpoints = true;
             }
-            
+
             return;
         }
 
@@ -156,12 +156,12 @@ void HybridStyleSheet::parseBreakpoints(jsi::Runtime &rt, jsi::Object breakpoint
     auto& state = registry.getState(rt);
 
     registry.registerBreakpoints(rt, sortedBreakpoints);
-    
+
     auto rawWidth = this->_unistylesRuntime->getScreen().width;
     auto width = registry.shouldUsePointsForBreakpoints
         ? rawWidth / this->_unistylesRuntime->getPixelRatio()
         : rawWidth;
-    
+
     state.computeCurrentBreakpoint(width);
 }
 
@@ -258,7 +258,11 @@ void HybridStyleSheet::loadExternalMethods(const jsi::Value& thisValue, jsi::Run
 
 void HybridStyleSheet::registerHooks(jsi::Runtime& rt) {
     // cleanup Shadow updates
-    core::UnistylesRegistry::get().trafficController.restore();
+    auto& registry = core::UnistylesRegistry::get();
+    
+    registry.trafficController.withLock([&registry](){
+        registry.trafficController.restore();
+    });
 
     this->_unistylesCommitHook = std::make_shared<core::UnistylesCommitHook>(this->_uiManager);
     this->_unistylesMountHook = std::make_shared<core::UnistylesMountHook>(this->_uiManager);
@@ -317,7 +321,7 @@ void HybridStyleSheet::onPlatformNativeDependenciesChange(std::vector<UnistyleDe
             auto width = registry.shouldUsePointsForBreakpoints
                 ? rawWidth / this->_unistylesRuntime->getPixelRatio()
                 : rawWidth;
-            
+
             registry.getState(rt).computeCurrentBreakpoint(width);
         }
 

package/cxx/parser/Parser.cpp

@@ -370,18 +370,21 @@ void parser::Parser::rebuildUnistyle(jsi::Runtime& rt, Unistyle::Shared unistyle
 
 // convert dependency map to shadow tree updates
 void parser::Parser::rebuildShadowLeafUpdates(jsi::Runtime& rt, core::DependencyMap& dependencyMap) {
-    shadow::ShadowLeafUpdates updates;
     auto& registry = core::UnistylesRegistry::get();
 
-    for (const auto& [shadowNode, unistyles] : dependencyMap) {
-        // this step is required to parse string colors eg. #000000 to int representation
-        auto rawProps = this->parseStylesToShadowTreeStyles(rt, unistyles);
+    registry.trafficController.withLock([this, &rt, &dependencyMap, &registry](){
+        shadow::ShadowLeafUpdates updates;
+        
+        for (const auto& [shadowNode, unistyles] : dependencyMap) {
+            // this step is required to parse string colors eg. #000000 to int representation
+            auto rawProps = this->parseStylesToShadowTreeStyles(rt, unistyles);
 
-        updates.emplace(shadowNode, std::move(rawProps));
-    }
+            updates.emplace(shadowNode, std::move(rawProps));
+        }
 
-    registry.trafficController.setUpdates(updates);
-    registry.trafficController.resumeUnistylesTraffic();
+        registry.trafficController.setUpdates(updates);
+        registry.trafficController.resumeUnistylesTraffic();
+    });
 }
 
 // first level of StyleSheet, we can expect here different properties than on second level

package/cxx/shadowTree/ShadowTrafficController.h

@@ -22,13 +22,11 @@ struct ShadowTrafficController {
 
     inline shadow::ShadowLeafUpdates& getUpdates() {
         // call it only within withLock!
- 
         return _unistylesUpdates;
     }
 
     inline void setUpdates(shadow::ShadowLeafUpdates& newUpdates) {
-        std::lock_guard<std::mutex> lock(_mutex);
-
+        // call it only within withLock!
         auto& targetUpdates = _unistylesUpdates;
 
         // this is important as overriding updates may skip some interim changes
@@ -43,7 +41,7 @@ struct ShadowTrafficController {
             targetUpdates.emplace(pair.first, std::move(pair.second));
         });
     }
-    
+
     inline void removeShadowNode(const ShadowNodeFamily* shadowNodeFamily) {
         // call it only within withLock!
         if (_unistylesUpdates.contains(shadowNodeFamily)) {
@@ -52,19 +50,19 @@ struct ShadowTrafficController {
     }
 
     inline void restore() {
-        std::lock_guard<std::mutex> lock(_mutex);
-        
+        // call it only within withLock!
+
         _unistylesUpdates = {};
         _canCommit = false;
     }
-    
+
     template <typename F>
     inline auto withLock(F&& func) {
         std::lock_guard<std::mutex> lock(_mutex);
-        
+
         return std::forward<F>(func)();
     }
-    
+
 private:
     std::atomic<bool> _canCommit = false;
     shadow::ShadowLeafUpdates _unistylesUpdates{};

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

@@ -4,7 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Image = void 0;
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _core = require("../../core");
-const Image = exports.Image = (0, _core.createUnistylesElement)(_reactNative.Image);
+var _warn = require("../../core/warn");
+var _utils = require("../../utils");
+var _utils2 = require("../../web/utils");
+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');
+  (0, _warn.maybeWarnAboutMultipleUnistyles)(props.style, 'Image');
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+    ...props,
+    style: [classNames,
+    // Clear inline width and height extracted from source
+    hasWidthStyle && {
+      width: ''
+    }, hasHeightStyle && {
+      height: ''
+    }],
+    ref: ref
+  });
+});
+const Image = exports.Image = (0, _utils.copyComponentProperties)(_reactNative.Image, UnistylesImage);
 //# sourceMappingURL=Image.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_core","Image","exports","createUnistylesElement","NativeImage"],"sourceRoot":"../../../../src","sources":["components/native/Image.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,IAAAE,4BAAsB,EAACC,kBAAW,CAAC","ignoreList":[]}
+{"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":[]}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Image = void 0;
+var _reactNative = require("react-native");
+var _core = require("../../core");
+const Image = exports.Image = (0, _core.createUnistylesElement)(_reactNative.Image);
+//# sourceMappingURL=Image.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","Image","exports","createUnistylesElement","NativeImage"],"sourceRoot":"../../../../src","sources":["components/native/Image.native.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,IAAAE,4BAAsB,EAACC,kBAAW,CAAC","ignoreList":[]}

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

@@ -7,45 +7,33 @@ exports.ImageBackground = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _core = require("../../core");
+var _warn = require("../../core/warn");
 var _utils = require("../../utils");
-var _web = require("../../web");
 var _utils2 = require("../../web/utils");
 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) => {
-  let storedRef = null;
-  let storedImageRef = null;
   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 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');
+  (0, _warn.maybeWarnAboutMultipleUnistyles)(props.imageStyle, 'ImageBackground');
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ImageBackground, {
     ...props,
     style: styleClassNames,
-    imageStyle: imageClassNames,
-    ref: (0, _utils2.isServer)() ? undefined : ref => {
-      if (!ref) {
-        // @ts-expect-error hidden from TS
-        _web.UnistylesShadowRegistry.remove(storedRef, styleClassNames?.hash);
-      }
-      storedRef = ref;
-      // @ts-expect-error hidden from TS
-      _web.UnistylesShadowRegistry.add(ref, styleClassNames?.hash);
-      if (typeof forwardedRef === 'function') {
-        return forwardedRef(ref);
-      }
-      if (forwardedRef) {
-        forwardedRef.current = ref;
-      }
-    },
-    imageRef: (0, _utils2.isServer)() ? undefined : ref => {
-      if (!ref) {
-        // @ts-expect-error hidden from TS
-        _web.UnistylesShadowRegistry.remove(storedImageRef, imageClassNames?.hash);
-      }
-      storedImageRef = ref;
-      // @ts-expect-error hidden from TS
-      _web.UnistylesShadowRegistry.add(ref, imageClassNames?.hash);
-    }
+    imageStyle: [imageClassNames,
+    // Clear inline width and height extracted from source
+    hasWidthStyle && {
+      width: ''
+    }, hasHeightStyle && {
+      height: ''
+    }],
+    ref: ref,
+    imageRef: imageRef
   });
 });
 const ImageBackground = exports.ImageBackground = (0, _utils.copyComponentProperties)(_reactNative.ImageBackground, UnistylesImageBackground);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_utils","_web","_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","storedRef","storedImageRef","styleClassNames","getClassName","style","imageClassNames","imageStyle","jsx","ImageBackground","ref","isServer","undefined","UnistylesShadowRegistry","remove","hash","add","current","imageRef","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","_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/components/native/Pressable.native.js

@@ -47,10 +47,13 @@ const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
       if (ref) {
         storedRef.current = ref;
       }
-
-      // @ts-expect-error - this is hidden from TS
-      _specs.UnistylesShadowRegistry.add(ref, unistyles);
-      return (0, _core.passForwardedRef)(props, ref, forwardedRef);
+      return (0, _core.passForwardedRef)(ref, forwardedRef, () => {
+        // @ts-expect-error - this is hidden from TS
+        _specs.UnistylesShadowRegistry.add(ref, unistyles);
+      }, () => {
+        // @ts-expect-error - this is hidden from TS
+        _specs.UnistylesShadowRegistry.remove(ref);
+      });
     },
     style: state => {
       const isPropStyleAFunction = typeof style === 'function';

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_specs","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getStyles","styleProps","unistyleKey","keys","find","key","startsWith","uni__getStyles","Pressable","exports","forwardRef","variants","style","props","forwardedRef","storedRef","useRef","scopedTheme","UnistylesShadowRegistry","getScopedTheme","useLayoutEffect","current","remove","jsx","ref","isPropStyleAFunction","unistyles","pressed","add","passForwardedRef","state","previousScopedTheme","setScopedTheme"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.native.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_specs","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getStyles","styleProps","unistyleKey","keys","find","key","startsWith","uni__getStyles","Pressable","exports","forwardRef","variants","style","props","forwardedRef","storedRef","useRef","scopedTheme","UnistylesShadowRegistry","getScopedTheme","useLayoutEffect","current","remove","jsx","ref","isPropStyleAFunction","unistyles","pressed","passForwardedRef","add","state","previousScopedTheme","setScopedTheme"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.native.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/createUnistylesElement.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.createUnistylesElement = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("../utils");
-var _web = require("../web");
 var _utils2 = require("../web/utils");
 var _getClassname = require("./getClassname");
 var _warn = require("./warn");
@@ -14,28 +13,13 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const createUnistylesElement = Component => {
   const UnistylesComponent = /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) => {
-    let storedRef = null;
     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: (0, _utils2.isServer)() ? undefined : ref => {
-        // @ts-ignore we don't know the type of the component
-        (0, _warn.maybeWarnAboutMultipleUnistyles)(props.style, Component.displayName);
-        if (!ref) {
-          // @ts-expect-error hidden from TS
-          _web.UnistylesShadowRegistry.remove(storedRef, classNames?.hash);
-        }
-        storedRef = ref;
-        // @ts-expect-error hidden from TS
-        _web.UnistylesShadowRegistry.add(ref, classNames?.hash);
-        if (typeof forwardedRef === 'function') {
-          return forwardedRef(ref);
-        }
-        if (forwardedRef) {
-          forwardedRef.current = ref;
-        }
-      }
+      ref: ref
     });
   });
   return (0, _utils.copyComponentProperties)(Component, UnistylesComponent);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_web","_utils2","_getClassname","_warn","_jsxRuntime","e","__esModule","default","createUnistylesElement","Component","UnistylesComponent","React","forwardRef","props","forwardedRef","storedRef","classNames","getClassName","style","jsx","ref","isServer","undefined","maybeWarnAboutMultipleUnistyles","displayName","UnistylesShadowRegistry","remove","hash","add","current","copyComponentProperties","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,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;AAMjD,MAAMG,sBAAsB,GAAIC,SAAc,IAAK;EACtD,MAAMC,kBAAkB,gBAAGC,cAAK,CAACC,UAAU,CAA0B,CAACC,KAAK,EAAEC,YAAY,KAAK;IAC1F,IAAIC,SAA6B,GAAG,IAAI;IACxC,MAAMC,UAAU,GAAG,IAAAC,0BAAY,EAACJ,KAAK,CAACK,KAAK,CAAC;IAE5C,oBACI,IAAAd,WAAA,CAAAe,GAAA,EAACV,SAAS;MAAA,GACFI,KAAK;MACTK,KAAK,EAAEF,UAAW;MAClBI,GAAG,EAAE,IAAAC,gBAAQ,EAAC,CAAC,GAAGC,SAAS,GAAIF,GAAuB,IAAK;QACvD;QACA,IAAAG,qCAA+B,EAACV,KAAK,CAACK,KAAK,EAAET,SAAS,CAACe,WAAW,CAAC;QAEnE,IAAI,CAACJ,GAAG,EAAE;UACN;UACAK,4BAAuB,CAACC,MAAM,CAACX,SAAS,EAAEC,UAAU,EAAEW,IAAI,CAAC;QAC/D;QAEAZ,SAAS,GAAGK,GAAG;QACf;QACAK,4BAAuB,CAACG,GAAG,CAACR,GAAG,EAAEJ,UAAU,EAAEW,IAAI,CAAC;QAElD,IAAI,OAAOb,YAAY,KAAK,UAAU,EAAE;UACpC,OAAOA,YAAY,CAACM,GAAG,CAAC;QAC5B;QAEA,IAAIN,YAAY,EAAE;UACdA,YAAY,CAACe,OAAO,GAAGT,GAAG;QAC9B;MACJ;IAAE,CACL,CAAC;EAEV,CAAC,CAAC;EAEF,OAAO,IAAAU,8BAAuB,EAACrB,SAAS,EAAEC,kBAAkB,CAAC;AACjE,CAAC;AAAAqB,OAAA,CAAAvB,sBAAA,GAAAA,sBAAA","ignoreList":[]}
+{"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":[]}

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

@@ -41,14 +41,16 @@ const createUnistylesElement = Component => {
         if (ref) {
           storedRef.current = getNativeRef(Component, ref);
         }
-        (0, _passForwardRef.passForwardedRef)(props, ref, forwardedRef);
 
         // @ts-ignore we don't know the type of the component
         (0, _warn.maybeWarnAboutMultipleUnistyles)(props.style, Component.displayName);
-        return () => {
-          // @ts-ignore
+        return (0, _passForwardRef.passForwardedRef)(ref, forwardedRef, () => {
+          // @ts-ignore this is hidden from TS
+          _specs.UnistylesShadowRegistry.add(ref, props.style);
+        }, () => {
+          // @ts-ignore this is hidden from TS
           _specs.UnistylesShadowRegistry.remove(ref);
-        };
+        });
       }
     });
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_utils","_passForwardRef","_warn","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getNativeRef","Component","ref","name","viewRef","current","getNativeScrollRef","getScrollRef","createUnistylesElement","UnistylesComponent","React","forwardRef","props","forwardedRef","storedRef","useRef","useLayoutEffect","UnistylesShadowRegistry","remove","jsx","passForwardedRef","maybeWarnAboutMultipleUnistyles","style","displayName","copyComponentProperties","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.native.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_utils","_passForwardRef","_warn","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getNativeRef","Component","ref","name","viewRef","current","getNativeScrollRef","getScrollRef","createUnistylesElement","UnistylesComponent","React","forwardRef","props","forwardedRef","storedRef","useRef","useLayoutEffect","UnistylesShadowRegistry","remove","jsx","maybeWarnAboutMultipleUnistyles","style","displayName","passForwardedRef","add","copyComponentProperties","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.native.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAwD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAM,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,SAAAR,wBAAAQ,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;AAExD,MAAMW,YAAY,GAAGA,CAACC,SAAc,EAAEC,GAAQ,KAAK;EAC/C,QAAQD,SAAS,CAACE,IAAI;IAClB,KAAK,sBAAsB;MACvB,OAAOD,GAAG,CAACE,OAAO,EAAEC,OAAO;IAC/B,KAAK,UAAU;MACX,OAAOH,GAAG,CAACI,kBAAkB,GAAG,CAAC;IACrC,KAAK,iBAAiB;MAClB,OAAOJ,GAAG,CAACK,YAAY,GAAG,CAAC;IAC/B;MACI,OAAOL,GAAG;EAClB;AACJ,CAAC;AAEM,MAAMM,sBAAsB,GAAIP,SAAc,IAAK;EACtD,MAAMQ,kBAAkB,gBAAGC,cAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,YAAY,KAAK;IACjE,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAU,IAAI,CAAC;IAEvC,IAAAC,sBAAe,EAAC,MAAM;MAClB,OAAO,MAAM;QACT,IAAIF,SAAS,CAACT,OAAO,EAAE;UACnB;UACAY,8BAAuB,CAACC,MAAM,CAACJ,SAAS,CAACT,OAAO,CAAC;QACrD;MACJ,CAAC;IACL,CAAC,EAAE,EAAE,CAAC;IAEN,oBACI,IAAA1B,WAAA,CAAAwC,GAAA,EAAClB,SAAS;MAAA,GACFW,KAAK;MACTV,GAAG,EAAGA,GAAY,IAAK;QACnB,IAAIA,GAAG,EAAE;UACLY,SAAS,CAACT,OAAO,GAAGL,YAAY,CAACC,SAAS,EAAEC,GAAG,CAAC;QACpD;;QAEA;QACA,IAAAkB,qCAA+B,EAACR,KAAK,CAACS,KAAK,EAAEpB,SAAS,CAACqB,WAAW,CAAC;QAEnE,OAAO,IAAAC,gCAAgB,EACnBrB,GAAG,EACHW,YAAY,EACZ,MAAM;UACF;UACAI,8BAAuB,CAACO,GAAG,CAACtB,GAAG,EAAEU,KAAK,CAACS,KAAK,CAAC;QACjD,CAAC,EACD,MAAM;UACF;UACAJ,8BAAuB,CAACC,MAAM,CAAChB,GAAG,CAAC;QACvC,CACJ,CAAC;MACL;IAAE,CACL,CAAC;EAEV,CAAC,CAAC;EAEF,OAAO,IAAAuB,8BAAuB,EAACxB,SAAS,EAAEQ,kBAAkB,CAAC;AACjE,CAAC;AAAAiB,OAAA,CAAAlB,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/lib/commonjs/core/createUnistylesImageBackground.js

@@ -31,15 +31,17 @@ const createUnistylesImageBackground = Component => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
       ...props,
       ref: ref => {
-        (0, _passForwardRef.passForwardedRef)(props, ref, forwardedRef);
-        return () => {
-          // @ts-ignore
+        return (0, _passForwardRef.passForwardedRef)(ref, forwardedRef, () => {
+          // @ts-expect-error - this is hidden from TS
+          _specs.UnistylesShadowRegistry.add(ref, props.style);
+        }, () => {
+          // @ts-expect-error - this is hidden from TS
           _specs.UnistylesShadowRegistry.remove(ref);
           if (storedImageRef.current) {
-            // @ts-ignore
+            // @ts-expect-error - this is hidden from TS
             _specs.UnistylesShadowRegistry.remove(storedImageRef.current);
           }
-        };
+        });
       },
       imageRef: ref => {
         if (ref) {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_utils","_passForwardRef","_warn","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createUnistylesImageBackground","Component","UnistylesImageBackground","React","forwardRef","props","forwardedRef","storedImageRef","useRef","useLayoutEffect","current","UnistylesShadowRegistry","remove","maybeWarnAboutMultipleUnistyles","style","imageStyle","jsx","ref","passForwardedRef","imageRef","add","copyComponentProperties","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesImageBackground.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAwD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAM,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,SAAAR,wBAAAQ,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;AAEjD,MAAMW,8BAA8B,GAAIC,SAAiC,IAAK;EACjF,MAAMC,wBAAwB,gBAAGC,cAAK,CAACC,UAAU,CAAwC,CAACC,KAAK,EAAEC,YAAY,KAAK;IAC9G,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAe,IAAI,CAAC;IAEjD,IAAAC,sBAAe,EAAC,MAAM;MAClB,OAAO,MAAM;QACT,IAAIF,cAAc,CAACG,OAAO,EAAE;UACxB;UACAC,8BAAuB,CAACC,MAAM,CAACL,cAAc,CAACG,OAAO,CAAC;QAC1D;MACJ,CAAC;IACL,CAAC,EAAE,EAAE,CAAC;;IAEN;IACA,IAAAG,qCAA+B,EAACR,KAAK,CAACS,KAAK,EAAE,iBAAiB,CAAC;IAC/D;IACA,IAAAD,qCAA+B,EAACR,KAAK,CAACU,UAAU,EAAE,iBAAiB,CAAC;IAEpE,oBACI,IAAApC,WAAA,CAAAqC,GAAA,EAACf,SAAS;MAAA,GACFI,KAAK;MACTY,GAAG,EAAEA,GAAG,IAAI;QACR,IAAAC,gCAAgB,EAACb,KAAK,EAAEY,GAAG,EAAEX,YAAY,CAAC;QAE1C,OAAO,MAAM;UACT;UACAK,8BAAuB,CAACC,MAAM,CAACK,GAAG,CAAC;UAEnC,IAAIV,cAAc,CAACG,OAAO,EAAE;YACxB;YACAC,8BAAuB,CAACC,MAAM,CAACL,cAAc,CAACG,OAAO,CAAC;UAC1D;QACJ,CAAC;MACL,CAAE;MACFS,QAAQ,EAAEF,GAAG,IAAI;QACb,IAAIA,GAAG,EAAE;UACLV,cAAc,CAACG,OAAO,GAAGO,GAAG;QAChC;;QAEA;QACAN,8BAAuB,CAACS,GAAG,CAACH,GAAG,EAAEZ,KAAK,CAACU,UAAU,CAAC;MACtD;IAAE,CACL,CAAC;EAEV,CAAC,CAAC;EAEF,OAAO,IAAAM,8BAAuB,EAACpB,SAAS,EAAEC,wBAAwB,CAAC;AACvE,CAAC;AAAAoB,OAAA,CAAAtB,8BAAA,GAAAA,8BAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_utils","_passForwardRef","_warn","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createUnistylesImageBackground","Component","UnistylesImageBackground","React","forwardRef","props","forwardedRef","storedImageRef","useRef","useLayoutEffect","current","UnistylesShadowRegistry","remove","maybeWarnAboutMultipleUnistyles","style","imageStyle","jsx","ref","passForwardedRef","add","imageRef","copyComponentProperties","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesImageBackground.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/passForwardRef.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.passForwardedRef = void 0;
-var _specs = require("../specs");
-const passForwardedRef = (props, ref, forwardedRef) => {
+const passForwardedRef = (ref, forwardedRef, onMount, onUnmount) => {
   const passForwardedRef = () => {
     if (typeof forwardedRef === 'function') {
       return forwardedRef(ref);
@@ -16,11 +15,10 @@ const passForwardedRef = (props, ref, forwardedRef) => {
     return () => {};
   };
   const forwardedRefReturnFn = passForwardedRef();
-
-  // @ts-expect-error hidden from TS
-  _specs.UnistylesShadowRegistry.add(ref, props.style);
+  onMount?.();
   return () => {
     forwardedRefReturnFn?.();
+    onUnmount?.();
   };
 };
 exports.passForwardedRef = passForwardedRef;

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

@@ -1 +1 @@
-{"version":3,"names":["_specs","require","passForwardedRef","props","ref","forwardedRef","current","forwardedRefReturnFn","UnistylesShadowRegistry","add","style","exports"],"sourceRoot":"../../../src","sources":["core/passForwardRef.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAGA,CAC5BC,KAAU,EACVC,GAAM,EACNC,YAAmC,KAClC;EACD,MAAMH,gBAAgB,GAAGA,CAAA,KAAM;IAC3B,IAAI,OAAOG,YAAY,KAAK,UAAU,EAAE;MACpC,OAAOA,YAAY,CAACD,GAAG,CAAC;IAC5B;IAEA,IAAIC,YAAY,EAAE;MACdA,YAAY,CAACC,OAAO,GAAGF,GAAG;IAC9B;IAEA,OAAO,MAAM,CAAC,CAAC;EACnB,CAAC;EACD,MAAMG,oBAAoB,GAAGL,gBAAgB,CAAC,CAAC;;EAE/C;EACAM,8BAAuB,CAACC,GAAG,CAACL,GAAG,EAAED,KAAK,CAACO,KAAK,CAAC;EAE7C,OAAO,MAAM;IACTH,oBAAoB,GAAG,CAAC;EAC5B,CAAC;AACL,CAAC;AAAAI,OAAA,CAAAT,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["passForwardedRef","ref","forwardedRef","onMount","onUnmount","current","forwardedRefReturnFn","exports"],"sourceRoot":"../../../src","sources":["core/passForwardRef.ts"],"mappings":";;;;;;AAEO,MAAMA,gBAAgB,GAAGA,CAC5BC,GAAM,EACNC,YAAmC,EACnCC,OAAoB,EACpBC,SAAsB,KACrB;EACD,MAAMJ,gBAAgB,GAAGA,CAAA,KAAM;IAC3B,IAAI,OAAOE,YAAY,KAAK,UAAU,EAAE;MACpC,OAAOA,YAAY,CAACD,GAAG,CAAC;IAC5B;IAEA,IAAIC,YAAY,EAAE;MACdA,YAAY,CAACG,OAAO,GAAGJ,GAAG;IAC9B;IAEA,OAAO,MAAM,CAAC,CAAC;EACnB,CAAC;EACD,MAAMK,oBAAoB,GAAGN,gBAAgB,CAAC,CAAC;EAE/CG,OAAO,GAAG,CAAC;EAEX,OAAO,MAAM;IACTG,oBAAoB,GAAG,CAAC;IACxBF,SAAS,GAAG,CAAC;EACjB,CAAC;AACL,CAAC;AAAAG,OAAA,CAAAP,gBAAA,GAAAA,gBAAA","ignoreList":[]}