react-native-unistyles 3.0.0-nightly-20250122 → 3.0.0-nightly-20250129

package/android/src/main/cxx/NativeUnistylesModule.cpp

@@ -37,7 +37,7 @@ jni::local_ref<BindingsInstallerHolder::javaobject> UnistylesModule::getBindings
     auto& uiManager = jobj->cthis()->_uiManager;
     auto& nativePlatform = jobj->cthis()->_nativePlatform;
 
-    return BindingsInstallerHolder::newObjectCxxArgs([&runtimeExecutor, uiManager, nativePlatform](jsi::Runtime& rt) {
+    return BindingsInstallerHolder::newObjectCxxArgs([&runtimeExecutor, &uiManager, &nativePlatform](jsi::Runtime& rt) {
         // function is called on: first init and every live reload
         // check if this is live reload, if so let's replace UnistylesRuntime with new runtime
         auto hasUnistylesRuntime = HybridObjectRegistry::hasHybridObject("UnistylesRuntime");

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

@@ -32,9 +32,8 @@ class NativePlatformAndroid(private val reactContext: ReactApplicationContext):
         reactContext.addLifecycleEventListener(this)
     }
 
-    fun invalidate() {
+    fun onDestroy() {
         reactContext.removeLifecycleEventListener(this)
-        _listener.invalidate()
     }
 
     override fun onHostResume() {

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

@@ -23,6 +23,10 @@ class NativePlatformInsets(
     private val _imeListeners: MutableList<CxxImeListener> = mutableListOf()
     private var _insets: Insets = Insets(0.0, 0.0, 0.0, 0.0, 0.0)
 
+    fun onDestroy() {
+        this.removeImeListeners()
+    }
+
     fun getInsets(): Insets {
         val density = reactContext.resources.displayMetrics.density
 

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

@@ -31,7 +31,8 @@ class NativePlatformListener(
         reactContext.registerReceiver(configurationChangeReceiver, IntentFilter(Intent.ACTION_CONFIGURATION_CHANGED))
     }
 
-    fun invalidate() {
+    fun onDestroy() {
+        this.removePlatformListeners()
         reactContext.unregisterReceiver(configurationChangeReceiver)
     }
 

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

@@ -26,10 +26,6 @@ class UnistylesModule(reactContext: ReactApplicationContext): NativeTurboUnistyl
         mHybridData = initializeHybridData(reactContext)
     }
 
-    override fun invalidate() {
-        _nativePlatform.invalidate()
-    }
-
     private fun initializeHybridData(reactContext: ReactApplicationContext): HybridData {
         val runtimeExecutor = reactContext.catalystInstance?.runtimeExecutor
             ?: throw IllegalStateException("Unistyles: React Native runtime executor is not available. Please follow installation guides.")

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

@@ -1,12 +1,12 @@
 package com.unistyles
 
-import com.facebook.react.TurboReactPackage
+import com.facebook.react.BaseReactPackage
 import com.facebook.react.bridge.NativeModule
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.module.model.ReactModuleInfo
 import com.facebook.react.module.model.ReactModuleInfoProvider
 
-class UnistylesPackage: TurboReactPackage() {
+class UnistylesPackage: BaseReactPackage() {
     override fun getModule(name: String, reactContext: ReactApplicationContext): NativeModule? {
         return if (name == UnistylesModule.NAME) {
             UnistylesModule(reactContext)
@@ -20,10 +20,10 @@ class UnistylesPackage: TurboReactPackage() {
             mapOf(UnistylesModule.NAME to ReactModuleInfo(
                 UnistylesModule.NAME,
                 UnistylesModule.NAME,
-                canOverrideExistingModule = true,
-                needsEagerInit = true,
-                isCxxModule = true,
-                isTurboModule = true
+                true,
+                true,
+                true,
+                true
             ))
         }
     }

package/components/native/Animated/package.json

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

package/cxx/core/UnistylesRegistry.cpp

@@ -86,6 +86,27 @@ void core::UnistylesRegistry::linkShadowNodeWithUnistyle(
     this->trafficController.resumeUnistylesTraffic();
 }
 
+void core::UnistylesRegistry::removeDuplicatedUnistyles(jsi::Runtime& rt, const ShadowNodeFamily *shadowNodeFamily, std::vector<core::Unistyle::Shared>& unistyles) {
+    auto targetFamilyUnistyles = this->_shadowRegistry[&rt][shadowNodeFamily];
+
+    unistyles.erase(
+        std::remove_if(
+            unistyles.begin(),
+            unistyles.end(),
+            [&targetFamilyUnistyles](const core::Unistyle::Shared& unistyle) {
+                return std::any_of(
+                    targetFamilyUnistyles.begin(),
+                    targetFamilyUnistyles.end(),
+                    [&unistyle](const std::shared_ptr<core::UnistyleData>& data) {
+                        return data->unistyle == unistyle;
+                    }
+                );
+            }
+        ),
+        unistyles.end()
+    );
+}
+
 void core::UnistylesRegistry::unlinkShadowNodeWithUnistyles(jsi::Runtime& rt, const ShadowNodeFamily* shadowNodeFamily) {
     this->_shadowRegistry[&rt].erase(shadowNodeFamily);
     this->trafficController.removeShadowNode(shadowNodeFamily);
@@ -201,16 +222,16 @@ std::vector<std::shared_ptr<core::StyleSheet>> core::UnistylesRegistry::getStyle
 core::Unistyle::Shared core::UnistylesRegistry::getUnistyleById(jsi::Runtime& rt, std::string unistyleID) {
     for (auto& pair: this->_styleSheetRegistry[&rt]) {
         auto [_, stylesheet] = pair;
-        
+
         for (auto unistylePair: stylesheet->unistyles) {
             auto [_, unistyle] = unistylePair;
-            
+
             if (unistyle->unid == unistyleID) {
                 return unistyle;
             }
         }
     }
-    
+
     return nullptr;
 }
 

package/cxx/core/UnistylesRegistry.h

@@ -44,6 +44,7 @@ struct UnistylesRegistry: public StyleSheetRegistry {
     void shadowLeafUpdateFromUnistyle(jsi::Runtime& rt, Unistyle::Shared unistyle, jsi::Value& maybePressableId);
     shadow::ShadowTrafficController trafficController{};
     const std::optional<std::string> getScopedTheme();
+    void removeDuplicatedUnistyles(jsi::Runtime& rt, const ShadowNodeFamily* shadowNodeFamily, std::vector<core::Unistyle::Shared>& unistyles);
     void setScopedTheme(std::optional<std::string> themeName);
     core::Unistyle::Shared getUnistyleById(jsi::Runtime& rt, std::string unistyleID);
 

package/cxx/hybridObjects/HybridShadowRegistry.cpp

@@ -12,6 +12,13 @@ jsi::Value HybridShadowRegistry::link(jsi::Runtime &rt, const jsi::Value &thisVa
     std::vector<std::vector<folly::dynamic>> arguments;
     auto& registry = core::UnistylesRegistry::get();
 
+    // this is special case for Animated, and prevents appending same unistyles to node
+    registry.removeDuplicatedUnistyles(rt, &shadowNodeWrapper->getFamily(), unistyleWrappers);
+
+    if (unistyleWrappers.empty()) {
+        return jsi::Value::undefined();
+    }
+
     for (size_t i = 0; i < unistyleWrappers.size(); i++) {
         if (unistyleWrappers[i]->type == core::UnistyleType::DynamicFunction) {
             try {

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Animated = void 0;
+var _reactNative = require("react-native");
+var _View = require("./View");
+var _Text = require("./Text");
+var _FlatList = require("./FlatList");
+var _Image = require("./Image");
+var _ScrollView = require("./ScrollView");
+var _SectionList = require("./SectionList");
+const Animated = exports.Animated = {
+  ..._reactNative.Animated,
+  View: _reactNative.Animated.createAnimatedComponent(_View.View),
+  Text: _reactNative.Animated.createAnimatedComponent(_Text.Text),
+  FlatList: _reactNative.Animated.createAnimatedComponent(_FlatList.FlatList),
+  Image: _reactNative.Animated.createAnimatedComponent(_Image.Image),
+  ScrollView: _reactNative.Animated.createAnimatedComponent(_ScrollView.ScrollView),
+  SectionList: _reactNative.Animated.createAnimatedComponent(_SectionList.SectionList)
+};
+//# sourceMappingURL=Animated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_View","_Text","_FlatList","_Image","_ScrollView","_SectionList","Animated","exports","RNAnimated","View","createAnimatedComponent","Text","FlatList","Image","ScrollView","SectionList"],"sourceRoot":"../../../../src","sources":["components/native/Animated.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAEO,MAAMO,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG;EACpB,GAAGE,qBAAU;EACbC,IAAI,EAAED,qBAAU,CAACE,uBAAuB,CAACD,UAAI,CAAC;EAC9CE,IAAI,EAAEH,qBAAU,CAACE,uBAAuB,CAACC,UAAI,CAAC;EAC9CC,QAAQ,EAAEJ,qBAAU,CAACE,uBAAuB,CAACE,kBAAQ,CAAC;EACtDC,KAAK,EAAEL,qBAAU,CAACE,uBAAuB,CAACG,YAAK,CAAC;EAChDC,UAAU,EAAEN,qBAAU,CAACE,uBAAuB,CAACI,sBAAU,CAAC;EAC1DC,WAAW,EAAEP,qBAAU,CAACE,uBAAuB,CAACK,wBAAW;AAC/D,CAAC","ignoreList":[]}

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

@@ -9,10 +9,11 @@ var _reactNative = require("react-native");
 var _core = require("../../core");
 var _utils = require("../../web/utils");
 var _web = require("../../web");
+var _utils2 = require("../../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 ImageBackground = exports.ImageBackground = /*#__PURE__*/(0, _react.forwardRef)((props, forwardedRef) => {
+const UnistylesImageBackground = /*#__PURE__*/(0, _react.forwardRef)((props, forwardedRef) => {
   let storedRef = null;
   let storedImageRef = null;
   const styleClassNames = (0, _core.getClassName)(props.style);
@@ -51,4 +52,5 @@ const ImageBackground = exports.ImageBackground = /*#__PURE__*/(0, _react.forwar
     })
   );
 });
+const ImageBackground = exports.ImageBackground = (0, _utils2.copyComponentProperties)(_reactNative.ImageBackground, UnistylesImageBackground);
 //# sourceMappingURL=ImageBackground.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_utils","_web","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ImageBackground","exports","forwardRef","props","forwardedRef","storedRef","storedImageRef","styleClassNames","getClassName","style","imageClassNames","imageStyle","jsx","ref","isServer","undefined","UnistylesShadowRegistry","remove","hash","add","current","imageRef"],"sourceRoot":"../../../../src","sources":["components/native/ImageBackground.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AAAmD,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;AAO5C,MAAMW,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,iBAAU,EAAiB,CAACC,KAAK,EAAEC,YAAY,KAAK;EAC/E,IAAIC,SAAuC,GAAG,IAAI;EAClD,IAAIC,cAA4C,GAAG,IAAI;EACvD,MAAMC,eAAe,GAAG,IAAAC,kBAAY,EAACL,KAAK,CAACM,KAAK,CAAC;EACjD,MAAMC,eAAe,GAAG,IAAAF,kBAAY,EAACL,KAAK,CAACQ,UAAU,CAAC;EAEtD;IAAA;IACI;IACA,IAAAhC,WAAA,CAAAiC,GAAA,EAACrC,YAAA,CAAAyB,eAAqB;MAAA,GACdG,KAAK;MACTM,KAAK,EAAEF,eAAgB;MACvBI,UAAU,EAAED,eAAgB;MAC5BG,GAAG,EAAE,IAAAC,eAAQ,EAAC,CAAC,GAAGC,SAAS,GAAGF,GAAG,IAAI;QACjC,IAAI,CAACA,GAAG,EAAE;UACN;UACAG,4BAAuB,CAACC,MAAM,CAACZ,SAAS,EAAEE,eAAe,EAAEW,IAAI,CAAC;QACpE;QAEAb,SAAS,GAAGQ,GAAG;QACf;QACAG,4BAAuB,CAACG,GAAG,CAACN,GAAG,EAAEN,eAAe,EAAEW,IAAI,CAAC;QAEvD,IAAI,OAAOd,YAAY,KAAK,UAAU,EAAE;UACpC,OAAOA,YAAY,CAACS,GAAG,CAAC;QAC5B;QAEA,IAAIT,YAAY,EAAE;UACdA,YAAY,CAACgB,OAAO,GAAGP,GAAG;QAC9B;MACJ,CAAE;MACFQ,QAAQ,EAAE,IAAAP,eAAQ,EAAC,CAAC,GAAGC,SAAS,GAAGF,GAAG,IAAI;QACtC,IAAI,CAACA,GAAG,EAAE;UACN;UACAG,4BAAuB,CAACC,MAAM,CAACX,cAAc,EAAEI,eAAe,EAAEQ,IAAI,CAAC;QACzE;QAEAZ,cAAc,GAAGO,GAAG;QACpB;QACAG,4BAAuB,CAACG,GAAG,CAACN,GAAG,EAAEH,eAAe,EAAEQ,IAAI,CAAC;MAC3D;IAAE,CACL;EAAC;AAEV,CAAC,CAAC","ignoreList":[]}
+{"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":[]}

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

@@ -11,13 +11,24 @@ var _core = require("../../core");
 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 getStyles = (styleProps = {}) => {
+  const unistyleKey = Object.keys(styleProps).find(key => key.startsWith('unistyles-'));
+  if (!unistyleKey) {
+    return styleProps;
+  }
+  return {
+    // styles without C++ state
+    ...styleProps[unistyleKey].uni__getStyles(),
+    [unistyleKey]: styleProps[unistyleKey].uni__getStyles()
+  };
+};
 const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
   variants,
   style,
   ...props
 }, forwardedRef) => {
   const storedRef = (0, _react.useRef)();
-  (0, _react.useEffect)(() => {
+  (0, _react.useLayoutEffect)(() => {
     return () => {
       if (storedRef.current) {
         // @ts-expect-error - this is hidden from TS
@@ -32,7 +43,7 @@ const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
         pressed: false
       }) : style;
 
-      // @ts-expect-error web types are not compatible with RN styles
+      // @ts-expect-error - this is hidden from TS
       _specs.UnistylesShadowRegistry.add(ref, unistyles);
       if (ref) {
         storedRef.current = ref;
@@ -40,11 +51,13 @@ const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
       return (0, _core.passForwardedRef)(props, ref, forwardedRef);
     },
     style: state => {
-      const unistyles = typeof style === 'function' ? style(state) : style;
+      const unistyles = typeof style === 'function' ? style(state) : getStyles(style);
       if (!storedRef.current) {
         return unistyles;
       }
 
+      // @ts-expect-error - this is hidden from TS
+      _specs.UnistylesShadowRegistry.remove(storedRef.current);
       // @ts-expect-error - this is hidden from TS
       _specs.UnistylesShadowRegistry.add(storedRef.current, unistyles);
       return unistyles;

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

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

package/lib/commonjs/core/createUnistylesElement.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_getClassname","_utils","_web","_warn","_jsxRuntime","e","__esModule","default","createUnistylesElement","Component","React","forwardRef","props","forwardedRef","storedRef","classNames","getClassName","style","jsx","ref","isServer","undefined","maybeWarnAboutMultipleUnistyles","displayName","UnistylesShadowRegistry","remove","hash","add","current","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,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,iBAAKC,cAAK,CAACC,UAAU,CAA0B,CAACC,KAAK,EAAEC,YAAY,KAAK;EACzH,IAAIC,SAA6B,GAAG,IAAI;EACxC,MAAMC,UAAU,GAAG,IAAAC,0BAAY,EAACJ,KAAK,CAACK,KAAK,CAAC;EAE5C,oBACI,IAAAb,WAAA,CAAAc,GAAA,EAACT,SAAS;IAAA,GACFG,KAAK;IACTK,KAAK,EAAEF,UAAW;IAClBI,GAAG,EAAE,IAAAC,eAAQ,EAAC,CAAC,GAAGC,SAAS,GAAIF,GAAuB,IAAK;MACvD;MACA,IAAAG,qCAA+B,EAACV,KAAK,CAACK,KAAK,EAAER,SAAS,CAACc,WAAW,CAAC;MAEnE,IAAI,CAACJ,GAAG,EAAE;QACN;QACAK,4BAAuB,CAACC,MAAM,CAACX,SAAS,EAAEC,UAAU,EAAEW,IAAI,CAAC;MAC/D;MAEAZ,SAAS,GAAGK,GAAG;MACf;MACAK,4BAAuB,CAACG,GAAG,CAACR,GAAG,EAAEJ,UAAU,EAAEW,IAAI,CAAC;MAElD,IAAI,OAAOb,YAAY,KAAK,UAAU,EAAE;QACpC,OAAOA,YAAY,CAACM,GAAG,CAAC;MAC5B;MAEA,IAAIN,YAAY,EAAE;QACdA,YAAY,CAACe,OAAO,GAAGT,GAAG;MAC9B;IACJ;EAAE,CACL,CAAC;AAEV,CAAC,CAAC;AAAAU,OAAA,CAAArB,sBAAA,GAAAA,sBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_getClassname","_utils","_web","_warn","_utils2","_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,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAkD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM3C,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,eAAQ,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,+BAAuB,EAACrB,SAAS,EAAEC,kBAAkB,CAAC;AACjE,CAAC;AAAAqB,OAAA,CAAAvB,sBAAA,GAAAA,sBAAA","ignoreList":[]}

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

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _specs = require("../specs");
 var _passForwardRef = require("./passForwardRef");
 var _warn = require("./warn");
+var _utils = require("../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; }
@@ -23,28 +24,31 @@ const getNativeRef = (Component, ref) => {
       return ref;
   }
 };
-const createUnistylesElement = Component => /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) => {
-  const storedRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    return () => {
-      if (storedRef.current) {
-        // @ts-ignore
-        _specs.UnistylesShadowRegistry.remove(storedRef.current);
-      }
-    };
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-    ...props,
-    ref: ref => {
-      if (ref) {
-        storedRef.current = getNativeRef(Component, ref);
-      }
-      (0, _passForwardRef.passForwardedRef)(props, ref, forwardedRef);
+const createUnistylesElement = Component => {
+  const UnistylesComponent = /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) => {
+    const storedRef = (0, _react.useRef)(null);
+    (0, _react.useLayoutEffect)(() => {
+      return () => {
+        if (storedRef.current) {
+          // @ts-ignore
+          _specs.UnistylesShadowRegistry.remove(storedRef.current);
+        }
+      };
+    }, []);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      ...props,
+      ref: ref => {
+        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);
-    }
+        // @ts-ignore we don't know the type of the component
+        (0, _warn.maybeWarnAboutMultipleUnistyles)(props.style, Component.displayName);
+      }
+    });
   });
-});
+  return (0, _utils.copyComponentProperties)(Component, UnistylesComponent);
+};
 exports.createUnistylesElement = createUnistylesElement;
 //# sourceMappingURL=createUnistylesElement.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_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","React","forwardRef","props","forwardedRef","storedRef","useRef","useEffect","UnistylesShadowRegistry","remove","jsx","passForwardedRef","maybeWarnAboutMultipleUnistyles","style","displayName","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.native.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_passForwardRef","_warn","_utils","_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":[]}

package/lib/commonjs/core/createUnistylesImageBackground.js

@@ -8,42 +8,46 @@ var _react = _interopRequireWildcard(require("react"));
 var _specs = require("../specs");
 var _passForwardRef = require("./passForwardRef");
 var _warn = require("./warn");
+var _utils = require("../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 createUnistylesImageBackground = Component => /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) => {
-  const storedImageRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    return () => {
-      if (storedImageRef.current) {
-        // @ts-ignore
-        _specs.UnistylesShadowRegistry.remove(storedImageRef.current);
-      }
-    };
-  }, []);
-
-  // @ts-expect-error we don't know the type of the component
-  (0, _warn.maybeWarnAboutMultipleUnistyles)(props.style, 'ImageBackground');
-  // @ts-ignore we don't know the type of the component
-  (0, _warn.maybeWarnAboutMultipleUnistyles)(props.imageStyle, 'ImageBackground');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-    ...props,
-    ref: ref => {
-      (0, _passForwardRef.passForwardedRef)(props, ref, forwardedRef);
+const createUnistylesImageBackground = Component => {
+  const UnistylesImageBackground = /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) => {
+    const storedImageRef = (0, _react.useRef)(null);
+    (0, _react.useLayoutEffect)(() => {
       return () => {
-        // @ts-ignore
-        _specs.UnistylesShadowRegistry.remove(ref);
+        if (storedImageRef.current) {
+          // @ts-ignore
+          _specs.UnistylesShadowRegistry.remove(storedImageRef.current);
+        }
       };
-    },
-    imageRef: ref => {
-      if (ref) {
-        storedImageRef.current = ref;
-      }
+    }, []);
 
-      // @ts-expect-error web types are not compatible with RN styles
-      _specs.UnistylesShadowRegistry.add(ref, props.imageStyle);
-    }
+    // @ts-expect-error we don't know the type of the component
+    (0, _warn.maybeWarnAboutMultipleUnistyles)(props.style, 'ImageBackground');
+    // @ts-ignore we don't know the type of the component
+    (0, _warn.maybeWarnAboutMultipleUnistyles)(props.imageStyle, 'ImageBackground');
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      ...props,
+      ref: ref => {
+        (0, _passForwardRef.passForwardedRef)(props, ref, forwardedRef);
+        return () => {
+          // @ts-ignore
+          _specs.UnistylesShadowRegistry.remove(ref);
+        };
+      },
+      imageRef: ref => {
+        if (ref) {
+          storedImageRef.current = ref;
+        }
+
+        // @ts-expect-error web types are not compatible with RN styles
+        _specs.UnistylesShadowRegistry.add(ref, props.imageStyle);
+      }
+    });
   });
-});
+  return (0, _utils.copyComponentProperties)(Component, UnistylesImageBackground);
+};
 exports.createUnistylesImageBackground = createUnistylesImageBackground;
 //# sourceMappingURL=createUnistylesImageBackground.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_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","React","forwardRef","props","forwardedRef","storedImageRef","useRef","useEffect","current","UnistylesShadowRegistry","remove","maybeWarnAboutMultipleUnistyles","style","imageStyle","jsx","ref","passForwardedRef","imageRef","add","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesImageBackground.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAAwD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,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,SAAAP,wBAAAO,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,iBAAKC,cAAK,CAACC,UAAU,CAAwC,CAACC,KAAK,EAAEC,YAAY,KAAK;EAClK,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAe,IAAI,CAAC;EAEjD,IAAAC,gBAAS,EAAC,MAAM;IACZ,OAAO,MAAM;MACT,IAAIF,cAAc,CAACG,OAAO,EAAE;QACxB;QACAC,8BAAuB,CAACC,MAAM,CAACL,cAAc,CAACG,OAAO,CAAC;MAC1D;IACJ,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,IAAAG,qCAA+B,EAACR,KAAK,CAACS,KAAK,EAAE,iBAAiB,CAAC;EAC/D;EACA,IAAAD,qCAA+B,EAACR,KAAK,CAACU,UAAU,EAAE,iBAAiB,CAAC;EAEpE,oBACI,IAAAnC,WAAA,CAAAoC,GAAA,EAACd,SAAS;IAAA,GACFG,KAAK;IACTY,GAAG,EAAEA,GAAG,IAAI;MACR,IAAAC,gCAAgB,EAACb,KAAK,EAAEY,GAAG,EAAEX,YAAY,CAAC;MAE1C,OAAO,MAAM;QACT;QACAK,8BAAuB,CAACC,MAAM,CAACK,GAAG,CAAC;MACvC,CAAC;IACL,CAAE;IACFE,QAAQ,EAAEF,GAAG,IAAI;MACb,IAAIA,GAAG,EAAE;QACLV,cAAc,CAACG,OAAO,GAAGO,GAAG;MAChC;;MAEA;MACAN,8BAAuB,CAACS,GAAG,CAACH,GAAG,EAAEZ,KAAK,CAACU,UAAU,CAAC;IACtD;EAAE,CACL,CAAC;AAEV,CAAC,CAAC;AAAAM,OAAA,CAAApB,8BAAA,GAAAA,8BAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_passForwardRef","_warn","_utils","_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":"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","ignoreList":[]}

package/lib/commonjs/core/getClassname.js

@@ -9,12 +9,10 @@ const getClassName = unistyle => {
   if (!unistyle) {
     return undefined;
   }
-
-  // @ts-expect-error hidden from TS
   const {
     hash,
     injectedClassName
-  } = _web.UnistylesShadowRegistry.addStyles(Array.isArray(unistyle) ? unistyle : [unistyle]);
+  } = _web.UnistylesWeb.shadowRegistry.addStyles(Array.isArray(unistyle) ? unistyle.flat(Number.POSITIVE_INFINITY) : [unistyle]);
   return hash ? {
     $$css: true,
     hash,

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

@@ -1 +1 @@
-{"version":3,"names":["_web","require","getClassName","unistyle","undefined","hash","injectedClassName","UnistylesShadowRegistry","addStyles","Array","isArray","$$css","exports"],"sourceRoot":"../../../src","sources":["core/getClassname.ts"],"mappings":";;;;;;AACA,IAAAA,IAAA,GAAAC,OAAA;AAEO,MAAMC,YAAY,GAAIC,QAA8D,IAAK;EAC5F,IAAI,CAACA,QAAQ,EAAE;IACX,OAAOC,SAAS;EACpB;;EAEA;EACA,MAAM;IAAEC,IAAI;IAAEC;EAAkB,CAAC,GAAGC,4BAAuB,CAACC,SAAS,CAACC,KAAK,CAACC,OAAO,CAACP,QAAQ,CAAC,GAAGA,QAAQ,GAAG,CAACA,QAAQ,CAAC,CAAC;EAEtH,OAAOE,IAAI,GAAG;IAAEM,KAAK,EAAE,IAAI;IAAEN,IAAI;IAAEC;EAAkB,CAAC,GAAGF,SAAS;AACtE,CAAC;AAAAQ,OAAA,CAAAV,YAAA,GAAAA,YAAA","ignoreList":[]}
+{"version":3,"names":["_web","require","getClassName","unistyle","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,GAAIC,QAA8D,IAAK;EAC5F,IAAI,CAACA,QAAQ,EAAE;IACX,OAAOC,SAAS;EACpB;EAEA,MAAM;IAAEC,IAAI;IAAEC;EAAkB,CAAC,GAAGC,iBAAY,CAACC,cAAc,CAACC,SAAS,CACrEC,KAAK,CAACC,OAAO,CAACR,QAAQ,CAAC,GAAGA,QAAQ,CAACS,IAAI,CAACC,MAAM,CAACC,iBAAiB,CAAC,GAAG,CAACX,QAAQ,CACjF,CAAC;EAED,OAAOE,IAAI,GAAG;IAAEU,KAAK,EAAE,IAAI;IAAEV,IAAI;IAAEC;EAAkB,CAAC,GAAGF,SAAS;AACtE,CAAC;AAAAY,OAAA,CAAAd,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isDefined = exports.deepMergeObjects = void 0;
+exports.isDefined = exports.deepMergeObjects = exports.copyComponentProperties = void 0;
 const isDefined = value => value !== undefined && value !== null;
 exports.isDefined = isDefined;
 const deepMergeObjects = (...sources) => {
@@ -25,4 +25,19 @@ const deepMergeObjects = (...sources) => {
   return target;
 };
 exports.deepMergeObjects = deepMergeObjects;
+const copyComponentProperties = (Component, UnistylesComponent) => {
+  Object.entries(Component).forEach(([key, value]) => {
+    // Filter out the keys we don't want to copy
+    if (['$$typeof', 'render'].includes(key)) {
+      return;
+    }
+    UnistylesComponent[key] = value;
+  });
+
+  // Those are not enumerable, so we need to copy them manually
+  UnistylesComponent.displayName = Component.displayName;
+  UnistylesComponent.name = Component.name;
+  return UnistylesComponent;
+};
+exports.copyComponentProperties = copyComponentProperties;
 //# sourceMappingURL=utils.js.map