react-native-unistyles 3.0.0-beta.4 → 3.0.0-beta.5

package/cxx/parser/Parser.h

@@ -10,6 +10,7 @@
 #include "HybridUnistylesRuntime.h"
 #include "StyleSheet.h"
 #include "ShadowLeafUpdate.h"
+#include "HashGenerator.h"
 
 namespace margelo::nitro::unistyles::parser {
 
@@ -27,7 +28,7 @@ struct Parser {
     void rebuildUnistylesInDependencyMap(jsi::Runtime& rt, core::DependencyMap& dependencyMap, std::vector<std::shared_ptr<core::StyleSheet>>& styleSheets, std::optional<UnistylesNativeMiniRuntime> maybeMiniRuntime);
     void rebuildShadowLeafUpdates(jsi::Runtime& rt, core::DependencyMap& dependencyMap);
     folly::dynamic parseStylesToShadowTreeStyles(jsi::Runtime& rt, const std::vector<std::shared_ptr<UnistyleData>>& unistyles);
-    void rebuildUnistyle(jsi::Runtime& rt, std::shared_ptr<StyleSheet> styleSheet, Unistyle::Shared unistyle, const Variants& variants, std::optional<std::vector<folly::dynamic>>);
+    void rebuildUnistyle(jsi::Runtime& rt, Unistyle::Shared unistyle, const Variants& variants, std::optional<std::vector<folly::dynamic>>);
     void rebuildUnistyleWithScopedTheme(jsi::Runtime& rt, jsi::Value& jsScopedTheme, std::shared_ptr<core::UnistyleData> unistyleData);
     jsi::Value getParsedStyleSheetForScopedTheme(jsi::Runtime& rt, core::Unistyle::Shared unistyle, std::string& scopedTheme);
 

package/ios/NativePlatform+ios.swift

@@ -14,12 +14,10 @@ class NativeIOSPlatform: HybridNativePlatformSpec {
 
     var dependencyListeners: Array<CxxDependencyListener> = []
     var imeListeners: Array<CxxImeListener> = []
-    var hybridContext = margelo.nitro.HybridContext()
-    var memorySize: Int {
-        return getSizeOf(self)
-    }
 
-    init() {
+    override init() {
+        super.init()
+        
         self.miniRuntime = self.buildMiniRuntime()
 
         setupPlatformListeners()
@@ -187,7 +185,7 @@ class NativeIOSPlatform: HybridNativePlatformSpec {
             return getContentSizeCategoryFn()
         }
     }
-    
+
     func getMainWindow() -> UIWindow? {
         guard let mainWindow = UIApplication.shared.connectedScenes
             .compactMap({ $0 as? UIWindowScene })
@@ -195,7 +193,7 @@ class NativeIOSPlatform: HybridNativePlatformSpec {
             .first(where: { $0.isKeyWindow }) else {
             return nil
         }
-        
+
         return mainWindow
     }
 

package/ios/NativePlatform.swift

@@ -5,13 +5,13 @@ enum PlatformError: Error {
 }
 
 public class NativePlatform {
-    public static func create() -> HybridNativePlatformSpecCxx {
+    public static func create() -> HybridNativePlatformSpec_cxx {
         #if os(iOS)
         let nativePlatform = NativeIOSPlatform()
         #else
         throw PlatformError.UnsupportedPlatform
         #endif
 
-        return HybridNativePlatformSpecCxx(nativePlatform)
+        return HybridNativePlatformSpec_cxx(nativePlatform);
     }
 }

package/ios/UnistylesModuleOnLoad.mm

@@ -43,7 +43,8 @@ __weak RCTSurfacePresenter* _surfacePresenter;
             objcCallback(rt);
         }];
     });
-    auto nativePlatform = Unistyles::NativePlatform::create();
+
+    auto nativePlatform = Unistyles::NativePlatform::create().getCxxPart();
     auto unistylesRuntime = std::make_shared<HybridUnistylesRuntime>(nativePlatform, rt, runOnJSThread);
     auto uiManager = [_surfacePresenter scheduler].uiManager;
     auto styleSheet = std::make_shared<HybridStyleSheet>(unistylesRuntime, uiManager);

package/lib/commonjs/components/ScopedTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Apply","name","UnistylesShadowRegistry","setScopedTheme","useLayoutEffect","ScopedTheme","children","previousScopedTheme","getScopedTheme","mappedChildren","jsx","Fragment","exports"],"sourceRoot":"../../../src","sources":["components/ScopedTheme.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAAkD,IAAAE,WAAA,GAAAF,OAAA;AAAA,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,SAAAL,wBAAAK,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;AAMlD,MAAMW,KAAK,GAAGA,CAAC;EAAEC;AAAuC,CAAC,KAAK;EAC1DC,8BAAuB,CAACC,cAAc,CAACF,IAAI,CAAC;EAE5C,IAAAG,sBAAe,EAAC,MAAM;IAClBF,8BAAuB,CAACC,cAAc,CAACF,IAAI,CAAC;EAChD,CAAC,CAAC;EAEF,OAAO,IAAI;AACf,CAAC;AAEM,MAAMI,WAAyE,GAAGA,CAAC;EAAEJ,IAAI;EAAEK;AAAS,CAAC,KAAK;EAC7G,MAAMC,mBAAmB,GAAGL,8BAAuB,CAACM,cAAc,CAAC,CAAC;EACpE,MAAMC,cAAc,GAAG,cACnB,IAAA9B,WAAA,CAAA+B,GAAA,EAACV,KAAK;IAAYC,IAAI,EAAEA;EAAK,GAAjBA,IAAmB,CAAC,EAChCK,QAAQ,eACR,IAAA3B,WAAA,CAAA+B,GAAA,EAACV,KAAK;IAAeC,IAAI,EAAEM;EAAoB,GAApC,SAAsC,CAAC,CACrD;EAED,oBACI,IAAA5B,WAAA,CAAA+B,GAAA,EAACnC,MAAA,CAAAW,OAAK,CAACyB,QAAQ;IAAAL,QAAA,EACVG;EAAc,CACH,CAAC;AAEzB,CAAC;AAAAG,OAAA,CAAAP,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Apply","name","UnistylesShadowRegistry","setScopedTheme","useLayoutEffect","ScopedTheme","children","previousScopedTheme","getScopedTheme","mappedChildren","jsx","Fragment","exports"],"sourceRoot":"../../../src","sources":["components/ScopedTheme.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAAkD,IAAAE,WAAA,GAAAF,OAAA;AAAA,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,SAAAL,wBAAAK,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;AAMlD,MAAMW,KAAK,GAAGA,CAAC;EAAEC;AAAuC,CAAC,KAAK;EAC1DC,8BAAuB,CAACC,cAAc,CAACF,IAAI,CAAC;EAE5C,IAAAG,sBAAe,EAAC,MAAM;IAClBF,8BAAuB,CAACC,cAAc,CAACF,IAAI,CAAC;EAChD,CAAC,CAAC;EAEF,OAAO,IAAI;AACf,CAAC;AAEM,MAAMI,WAAyE,GAAGA,CAAC;EAAEJ,IAAI;EAAEK;AAAS,CAAC,KAAK;EAC7G,MAAMC,mBAAmB,GAAGL,8BAAuB,CAACM,cAAc,CAAC,CAAC;EACpE,MAAMC,cAAc,GAAG,cACnB,IAAA9B,WAAA,CAAA+B,GAAA,EAACV,KAAK;IAAYC,IAAI,EAAEA;EAAK,GAAjBA,IAAmB,CAAC,EAChCK,QAAQ,eACR,IAAA3B,WAAA,CAAA+B,GAAA,EAACV,KAAK;IAAeC,IAAI,EAAEM;EAAyD,GAAzE,SAA2E,CAAC,CAC1F;EAED,oBACI,IAAA5B,WAAA,CAAA+B,GAAA,EAACnC,MAAA,CAAAW,OAAK,CAACyB,QAAQ;IAAAL,QAAA,EACVG;EAAc,CACH,CAAC;AAEzB,CAAC;AAAAG,OAAA,CAAAP,WAAA,GAAAA,WAAA","ignoreList":[]}

package/lib/commonjs/components/index.js

@@ -21,14 +21,7 @@ Object.defineProperty(exports, "ScopedTheme", {
     return _ScopedTheme.ScopedTheme;
   }
 });
-Object.defineProperty(exports, "Variants", {
-  enumerable: true,
-  get: function () {
-    return _Variants.Variants;
-  }
-});
 var _Hide = require("./Hide");
 var _Display = require("./Display");
-var _Variants = require("./Variants");
 var _ScopedTheme = require("./ScopedTheme");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Hide","require","_Display","_Variants","_ScopedTheme"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA","ignoreList":[]}
+{"version":3,"names":["_Hide","require","_Display","_ScopedTheme"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA","ignoreList":[]}

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

@@ -4,7 +4,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageBackground = void 0;
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _core = require("../../core");
-const ImageBackground = exports.ImageBackground = (0, _core.createUnistylesImageBackground)(_reactNative.ImageBackground);
+var _utils = require("../../web/utils");
+var _web = require("../../web");
+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) => {
+  let storedRef = null;
+  let storedImageRef = null;
+  const styleClassNames = (0, _core.getClassName)(props.style);
+  const imageClassNames = (0, _core.getClassName)(props.imageStyle);
+  return (
+    /*#__PURE__*/
+    // @ts-expect-error - RN types are not compatible with RNW styles
+    (0, _jsxRuntime.jsx)(_reactNative.ImageBackground, {
+      ...props,
+      style: styleClassNames,
+      imageStyle: imageClassNames,
+      ref: (0, _utils.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, _utils.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);
+      }
+    })
+  );
+});
 //# sourceMappingURL=ImageBackground.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","ImageBackground","exports","createUnistylesImageBackground","NativeImageBackground"],"sourceRoot":"../../../../src","sources":["components/native/ImageBackground.native.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAA8B,EAACC,4BAAqB,CAAC","ignoreList":[]}

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

@@ -7,68 +7,43 @@ exports.Pressable = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _specs = require("../../specs");
+var _core = require("../../core");
+var _utils = 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 initialState = {
-  pressed: false,
-  hovered: false,
-  focused: false
-};
-const extractStyleResult = style => {
-  return typeof style === 'function' ? [style()] : Array.isArray(style) ? style.map(style => typeof style === 'function' ? style() : style) : [style];
-};
-const updateStyles = ({
-  ref,
-  style,
-  state,
-  scopedTheme,
-  variants
-}) => {
-  const styleResult = typeof style === 'function' ? style(state) : style;
-  const extractedResult = extractStyleResult(styleResult);
-  const previousScopedTheme = _specs.UnistylesShadowRegistry.getScopedTheme();
-  const previousVariants = _specs.UnistylesShadowRegistry.getVariants();
-  _specs.UnistylesShadowRegistry.selectVariants(variants);
-  _specs.UnistylesShadowRegistry.setScopedTheme(scopedTheme);
-  _specs.UnistylesShadowRegistry.add(ref, extractedResult);
-  _specs.UnistylesShadowRegistry.setScopedTheme(previousScopedTheme);
-  _specs.UnistylesShadowRegistry.selectVariants(previousVariants);
-};
 const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
   style,
   ...props
-}, passedRef) => {
-  const storedRef = (0, _react.useRef)(null);
+}, forwardedRef) => {
   const scopedTheme = _specs.UnistylesShadowRegistry.getScopedTheme();
-  const variants = _specs.UnistylesShadowRegistry.getVariants();
+  let storedRef = null;
+  let classNames = undefined;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
     ...props,
-    style: state => {
-      if (!storedRef.current) {
-        return {};
+    ref: (0, _utils.isServer)() ? undefined : ref => {
+      storedRef = ref;
+      // @ts-expect-error hidden from TS
+      _specs.UnistylesShadowRegistry.add(storedRef, classNames?.hash);
+      if (typeof forwardedRef === 'function') {
+        return forwardedRef(ref);
       }
-      updateStyles({
-        ref: storedRef.current,
-        style: style,
-        variants,
-        scopedTheme,
-        state: state
-      });
-      return {};
-    },
-    ref: ref => {
-      storedRef.current = ref;
-      updateStyles({
-        ref,
-        style: style,
-        variants,
-        scopedTheme,
-        state: initialState
-      });
-      if (typeof passedRef === 'object' && passedRef !== null) {
-        passedRef.current = ref;
+      if (forwardedRef) {
+        forwardedRef.current = ref;
       }
+    },
+    style: state => {
+      const styleResult = typeof style === 'function' ? style(state) : style;
+      const previousScopedTheme = _specs.UnistylesShadowRegistry.getScopedTheme();
+      _specs.UnistylesShadowRegistry.setScopedTheme(scopedTheme);
+
+      // @ts-expect-error hidden from TS
+      _specs.UnistylesShadowRegistry.remove(storedRef, classNames?.hash);
+      classNames = (0, _core.getClassName)(styleResult);
+      // @ts-expect-error hidden from TS
+      _specs.UnistylesShadowRegistry.add(storedRef, classNames?.hash);
+      _specs.UnistylesShadowRegistry.setScopedTheme(previousScopedTheme);
+      return classNames;
     }
   });
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_specs","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","initialState","pressed","hovered","focused","extractStyleResult","style","Array","isArray","map","updateStyles","ref","state","scopedTheme","variants","styleResult","extractedResult","previousScopedTheme","UnistylesShadowRegistry","getScopedTheme","previousVariants","getVariants","selectVariants","setScopedTheme","add","Pressable","exports","forwardRef","props","passedRef","storedRef","useRef","jsx","current"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_specs","_core","_utils","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Pressable","exports","forwardRef","style","props","forwardedRef","scopedTheme","UnistylesShadowRegistry","getScopedTheme","storedRef","classNames","undefined","jsx","ref","isServer","add","hash","current","state","styleResult","previousScopedTheme","setScopedTheme","remove","getClassName"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -17,33 +17,36 @@ const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
   ...props
 }, forwardedRef) => {
   const storedRef = (0, _react.useRef)();
+  (0, _react.useEffect)(() => {
+    return () => {
+      if (storedRef.current) {
+        // @ts-expect-error - this is hidden from TS
+        _specs.UnistylesShadowRegistry.remove(storedRef.current);
+      }
+    };
+  }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
     ...props,
     ref: ref => {
       const unistyles = typeof style === 'function' ? style({
         pressed: false
       }) : style;
-      const styles = Array.isArray(unistyles) ? unistyles : [unistyles];
 
-      // @ts-expect-error - this is hidden from TS
-      _specs.UnistylesShadowRegistry.add(ref, styles);
-      storedRef.current = ref;
+      // @ts-expect-error web types are not compatible with RN styles
+      _specs.UnistylesShadowRegistry.add(ref, unistyles);
+      if (ref) {
+        storedRef.current = ref;
+      }
       return (0, _core.passForwardedRef)(props, ref, forwardedRef);
     },
     style: state => {
       const unistyles = typeof style === 'function' ? style(state) : style;
-      const styles = Array.isArray(unistyles) ? unistyles : [unistyles];
       if (!storedRef.current) {
         return unistyles;
       }
-      if (state.pressed) {
-        _specs.UnistylesShadowRegistry.selectVariants(variants);
-      }
 
       // @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, styles);
+      _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","jsx","ref","unistyles","pressed","styles","Array","isArray","UnistylesShadowRegistry","add","current","passForwardedRef","state","selectVariants","remove"],"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","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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAA6C,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;AAMtC,MAAMW,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAG,IAAAE,iBAAU,EAAuB,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,YAAY,KAAK;EACvG,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAc,CAAC;EAEvC,IAAAC,gBAAS,EAAC,MAAM;IACZ,OAAO,MAAM;MACT,IAAIF,SAAS,CAACG,OAAO,EAAE;QACnB;QACAC,8BAAuB,CAACC,MAAM,CAACL,SAAS,CAACG,OAAO,CAAC;MACrD;IACJ,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI,IAAA/B,WAAA,CAAAkC,GAAA,EAACrC,YAAA,CAAAwB,SAA0B;IAAA,GACnBK,KAAK;IACTS,GAAG,EAAEA,GAAG,IAAI;MACR,MAAMC,SAAS,GAAG,OAAOX,KAAK,KAAK,UAAU,GACvCA,KAAK,CAAC;QAAEY,OAAO,EAAE;MAAM,CAAC,CAAC,GACzBZ,KAAK;;MAEX;MACAO,8BAAuB,CAACM,GAAG,CAACH,GAAG,EAAEC,SAAS,CAAC;MAE3C,IAAID,GAAG,EAAE;QACLP,SAAS,CAACG,OAAO,GAAGI,GAAG;MAC3B;MAEA,OAAO,IAAAI,sBAAgB,EAACb,KAAK,EAAES,GAAG,EAAER,YAAY,CAAC;IACrD,CAAE;IACFF,KAAK,EAAEe,KAAK,IAAI;MACZ,MAAMJ,SAAS,GAAG,OAAOX,KAAK,KAAK,UAAU,GACvCA,KAAK,CAACe,KAAK,CAAC,GACZf,KAAK;MAEX,IAAI,CAACG,SAAS,CAACG,OAAO,EAAE;QACpB,OAAOK,SAAS;MACpB;;MAEA;MACAJ,8BAAuB,CAACM,GAAG,CAACV,SAAS,CAACG,OAAO,EAAEK,SAAS,CAAC;MAEzD,OAAOA,SAAS;IACpB;EAAE,CACL,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/core/createUnistylesElement.js

@@ -5,12 +5,36 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createUnistylesElement = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _passForwardRef = require("./passForwardRef");
+var _getClassname = require("./getClassname");
+var _utils = require("../web/utils");
+var _web = require("../web");
+var _warn = require("./warn");
 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) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-  ...props,
-  ref: ref => (0, _passForwardRef.passForwardedRef)(props, ref, forwardedRef)
-}));
+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) {
+        // @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;
+      }
+    }
+  });
+});
 exports.createUnistylesElement = createUnistylesElement;
 //# sourceMappingURL=createUnistylesElement.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_passForwardRef","_jsxRuntime","e","__esModule","default","createUnistylesElement","Component","React","forwardRef","props","forwardedRef","jsx","ref","passForwardedRef","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAmD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5C,MAAMG,sBAAsB,GAAIC,SAAc,iBAAKC,cAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,YAAY,kBAC3F,IAAAT,WAAA,CAAAU,GAAA,EAACL,SAAS;EAAA,GACFG,KAAK;EACTG,GAAG,EAAGA,GAAY,IAAK,IAAAC,gCAAgB,EAACJ,KAAK,EAAEG,GAAG,EAAEF,YAAY;AAAE,CACrE,CACJ,CAAC;AAAAI,OAAA,CAAAT,sBAAA,GAAAA,sBAAA","ignoreList":[]}
+{"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":[]}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUnistylesElement = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _specs = require("../specs");
+var _passForwardRef = require("./passForwardRef");
+var _warn = require("./warn");
+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 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 = Component.name === 'KeyboardAvoidingView'
+        // @ts-ignore this is special case for KeyboardAvoidingView
+        ? ref.viewRef.current : 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);
+    }
+  });
+});
+exports.createUnistylesElement = createUnistylesElement;
+//# sourceMappingURL=createUnistylesElement.native.js.map

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

@@ -0,0 +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","createUnistylesElement","Component","React","forwardRef","props","forwardedRef","storedRef","useRef","useEffect","current","UnistylesShadowRegistry","remove","jsx","ref","name","viewRef","passForwardedRef","maybeWarnAboutMultipleUnistyles","style","displayName","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.native.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,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,sBAAsB,GAAIC,SAAc,iBAAKC,cAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,YAAY,KAAK;EAChG,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAU,IAAI,CAAC;EAEvC,IAAAC,gBAAS,EAAC,MAAM;IACZ,OAAO,MAAM;MACT,IAAIF,SAAS,CAACG,OAAO,EAAE;QACnB;QACAC,8BAAuB,CAACC,MAAM,CAACL,SAAS,CAACG,OAAO,CAAC;MACrD;IACJ,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI,IAAA9B,WAAA,CAAAiC,GAAA,EAACX,SAAS;IAAA,GACFG,KAAK;IACTS,GAAG,EAAGA,GAAY,IAAK;MACnB,IAAIA,GAAG,EAAE;QACLP,SAAS,CAACG,OAAO,GAAGR,SAAS,CAACa,IAAI,KAAK;QACnC;QAAA,EACED,GAAG,CAACE,OAAO,CAACN,OAAO,GACnBI,GAAG;MACb;MAEA,IAAAG,gCAAgB,EAACZ,KAAK,EAAES,GAAG,EAAER,YAAY,CAAC;;MAE1C;MACA,IAAAY,qCAA+B,EAACb,KAAK,CAACc,KAAK,EAAEjB,SAAS,CAACkB,WAAW,CAAC;IACvE;EAAE,CACL,CAAC;AAEV,CAAC,CAAC;AAAAC,OAAA,CAAApB,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/lib/commonjs/core/createUnistylesImageBackground.js

@@ -4,24 +4,46 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createUnistylesImageBackground = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _specs = require("../specs");
 var _passForwardRef = require("./passForwardRef");
+var _warn = require("./warn");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const createUnistylesImageBackground = Component => /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-  ...props,
-  ref: ref => (0, _passForwardRef.passForwardedRef)(props, ref, forwardedRef),
-  imageRef: ref => {
-    const style = Array.isArray(props.imageStyle) ? props.imageStyle : [props.imageStyle];
-
-    // @ts-expect-error - This is hidden from TS
-    _specs.UnistylesShadowRegistry.add(ref, style);
+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 () => {
-      // @ts-expect-error - This is hidden from TS
-      _specs.UnistylesShadowRegistry.remove(ref);
+      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);
+      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);
+    }
+  });
+});
 exports.createUnistylesImageBackground = createUnistylesImageBackground;
 //# sourceMappingURL=createUnistylesImageBackground.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_specs","_passForwardRef","_jsxRuntime","e","__esModule","default","createUnistylesImageBackground","Component","React","forwardRef","props","forwardedRef","jsx","ref","passForwardedRef","imageRef","style","Array","isArray","imageStyle","UnistylesShadowRegistry","add","remove","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesImageBackground.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAAmD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5C,MAAMG,8BAA8B,GAAIC,SAAiC,iBAAKC,cAAK,CAACC,UAAU,CAAwC,CAACC,KAAK,EAAEC,YAAY,kBAC7J,IAAAT,WAAA,CAAAU,GAAA,EAACL,SAAS;EAAA,GACFG,KAAK;EACTG,GAAG,EAAEA,GAAG,IAAI,IAAAC,gCAAgB,EAACJ,KAAK,EAAEG,GAAG,EAAEF,YAAY,CAAE;EACvDI,QAAQ,EAAEF,GAAG,IAAI;IACb,MAAMG,KAAK,GAAGC,KAAK,CAACC,OAAO,CAACR,KAAK,CAACS,UAAU,CAAC,GACvCT,KAAK,CAACS,UAAU,GAChB,CAACT,KAAK,CAACS,UAAU,CAAC;;IAExB;IACAC,8BAAuB,CAACC,GAAG,CAACR,GAAG,EAAEG,KAAK,CAAC;IAEvC,OAAO,MAAM;MACT;MACAI,8BAAuB,CAACE,MAAM,CAACT,GAAG,CAAC;IACvC,CAAC;EACL;AAAE,CACL,CACJ,CAAC;AAAAU,OAAA,CAAAjB,8BAAA,GAAAA,8BAAA","ignoreList":[]}
+{"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":[]}

package/lib/commonjs/core/getClassname.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getClassName = void 0;
+var _web = require("../web");
+const getClassName = unistyle => {
+  if (!unistyle) {
+    return undefined;
+  }
+
+  // @ts-expect-error hidden from TS
+  const {
+    hash,
+    injectedClassName
+  } = _web.UnistylesShadowRegistry.addStyles(Array.isArray(unistyle) ? unistyle : [unistyle]);
+  return hash ? {
+    $$css: true,
+    hash,
+    injectedClassName
+  } : undefined;
+};
+exports.getClassName = getClassName;
+//# sourceMappingURL=getClassname.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getClassName = void 0;
+const getClassName = () => undefined;
+exports.getClassName = getClassName;
+//# sourceMappingURL=getClassname.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getClassName","undefined","exports"],"sourceRoot":"../../../src","sources":["core/getClassname.native.ts"],"mappings":";;;;;;AAAO,MAAMA,YAAY,GAAGA,CAAA,KAAMC,SAAS;AAAAC,OAAA,CAAAF,YAAA,GAAAA,YAAA","ignoreList":[]}