react-native-unistyles 3.0.0-beta.5 → 3.0.0-nightly-20250122

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

@@ -20,8 +20,8 @@ class UnistylesPackage: TurboReactPackage() {
             mapOf(UnistylesModule.NAME to ReactModuleInfo(
                 UnistylesModule.NAME,
                 UnistylesModule.NAME,
-                _canOverrideExistingModule = true,
-                _needsEagerInit = true,
+                canOverrideExistingModule = true,
+                needsEagerInit = true,
                 isCxxModule = true,
                 isTurboModule = true
             ))

package/ios/UnistylesModuleOnLoad.h

@@ -8,12 +8,12 @@
 #import "TurboUnistyles/TurboUnistyles.h"
 #import <React/RCTSurfacePresenter.h>
 #import <React/RCTScheduler.h>
-#import <React/RCTRuntimeExecutorModule.h>
-#import <ReactCommon/RCTRuntimeExecutor.h>
+#import <React/RCTCallInvoker.h>
+#import <React/RCTCallInvokerModule.h>
 #import <ReactCommon/RCTTurboModuleWithJSIBindings.h>
 
-@interface UnistylesModule: RCTEventEmitter<NativeTurboUnistylesSpec>
+@interface UnistylesModule: RCTEventEmitter<NativeTurboUnistylesSpec, RCTCallInvokerModule>
 @end
 
-@interface UnistylesModule()<RCTTurboModuleWithJSIBindings, RCTRuntimeExecutorModule>
+@interface UnistylesModule()<RCTTurboModuleWithJSIBindings>
 @end

package/ios/UnistylesModuleOnLoad.mm

@@ -11,7 +11,7 @@ using namespace margelo::nitro;
 RCT_EXPORT_MODULE(Unistyles)
 
 __weak RCTSurfacePresenter* _surfacePresenter;
-@synthesize runtimeExecutor = _runtimeExecutor;
+@synthesize callInvoker = _callInvoker;
 
 + (BOOL)requiresMainQueueSetup {
     return YES;
@@ -36,13 +36,9 @@ __weak RCTSurfacePresenter* _surfacePresenter;
 }
 
 - (void)createHybrids:(jsi::Runtime&)rt {
-    auto runOnJSThread = ([executor = _runtimeExecutor](std::function<void(jsi::Runtime& rt)> &&callback) {
-        __block auto objcCallback = callback;
-
-        [executor execute:^(jsi::Runtime& rt){
-            objcCallback(rt);
-        }];
-    });
+    auto runOnJSThread = [callInvoker = _callInvoker.callInvoker](std::function<void(jsi::Runtime& rt)> &&callback){
+        callInvoker->invokeAsync(std::move(callback));
+    };
 
     auto nativePlatform = Unistyles::NativePlatform::create().getCxxPart();
     auto unistylesRuntime = std::make_shared<HybridUnistylesRuntime>(nativePlatform, rt, runOnJSThread);

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

@@ -11,6 +11,18 @@ 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 getNativeRef = (Component, ref) => {
+  switch (Component.name) {
+    case 'KeyboardAvoidingView':
+      return ref.viewRef?.current;
+    case 'FlatList':
+      return ref.getNativeScrollRef?.();
+    case 'VirtualizedList':
+      return ref.getScrollRef?.();
+    default:
+      return ref;
+  }
+};
 const createUnistylesElement = Component => /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) => {
   const storedRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
@@ -25,9 +37,7 @@ const createUnistylesElement = Component => /*#__PURE__*/_react.default.forwardR
     ...props,
     ref: ref => {
       if (ref) {
-        storedRef.current = Component.name === 'KeyboardAvoidingView'
-        // @ts-ignore this is special case for KeyboardAvoidingView
-        ? ref.viewRef.current : ref;
+        storedRef.current = getNativeRef(Component, ref);
       }
       (0, _passForwardRef.passForwardedRef)(props, ref, forwardedRef);
 

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

package/lib/commonjs/server/getServerUnistyles.js

@@ -30,7 +30,9 @@ const getServerUnistyles = ({
       children: css
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("script", {
       id: "unistyles-script",
-      children: `window.__UNISTYLES_STATE__ = ${JSON.stringify(state)}`
+      dangerouslySetInnerHTML: {
+        __html: `window.__UNISTYLES_STATE__ = ${JSON.stringify(state)}`
+      }
     })]
   });
 };

package/lib/commonjs/server/getServerUnistyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_utils","_web","_types","_jsxRuntime","e","__esModule","default","getServerUnistyles","includeRNWStyles","DefaultServerUnistylesSettings","isServer","error","rnwStyle","StyleSheet","getSheet","textContent","css","UnistylesWeb","registry","getStyles","state","getState","jsxs","Fragment","children","jsx","id","JSON","stringify","exports"],"sourceRoot":"../../../src","sources":["server/getServerUnistyles.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAsF,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/E,MAAMG,kBAAkB,GAAGA,CAAC;EAAEC,gBAAgB,GAAG;AAA8B,CAAC,GAAGC,qCAA8B,KAAK;EACzH,IAAI,CAAC,IAAAC,eAAQ,EAAC,CAAC,EAAE;IACb,MAAM,IAAAC,YAAK,EAAC,iDAAiD,CAAC;EAClE;EACA;EACA,MAAMC,QAAuB,GAAGJ,gBAAgB,GAAIK,uBAAU,EAAEC,QAAQ,CAAC,CAAC,CAACC,WAAW,IAAI,EAAE,GAAI,IAAI;EACpG,MAAMC,GAAG,GAAGC,iBAAY,CAACC,QAAQ,CAACF,GAAG,CAACG,SAAS,CAAC,CAAC;EACjD,MAAMC,KAAK,GAAGH,iBAAY,CAACC,QAAQ,CAACF,GAAG,CAACK,QAAQ,CAAC,CAAC;EAClD,oBAAO,IAAAlB,WAAA,CAAAmB,IAAA,EAAAnB,WAAA,CAAAoB,QAAA;IAAAC,QAAA,GACFZ,QAAQ,iBAAI,IAAAT,WAAA,CAAAsB,GAAA;MAAOC,EAAE,EAAC,WAAW;MAAAF,QAAA,EAAEZ;IAAQ,CAAQ,CAAC,eACrD,IAAAT,WAAA,CAAAsB,GAAA;MAAOC,EAAE,EAAC,eAAe;MAAAF,QAAA,EAAER;IAAG,CAAQ,CAAC,eACvC,IAAAb,WAAA,CAAAsB,GAAA;MAAQC,EAAE,EAAC,kBAAkB;MAAAF,QAAA,EAAE,gCAAgCG,IAAI,CAACC,SAAS,CAACR,KAAK,CAAC;IAAE,CAAS,CAAC;EAAA,CAClG,CAAC;AACP,CAAC;AAAAS,OAAA,CAAAtB,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_utils","_web","_types","_jsxRuntime","e","__esModule","default","getServerUnistyles","includeRNWStyles","DefaultServerUnistylesSettings","isServer","error","rnwStyle","StyleSheet","getSheet","textContent","css","UnistylesWeb","registry","getStyles","state","getState","jsxs","Fragment","children","jsx","id","dangerouslySetInnerHTML","__html","JSON","stringify","exports"],"sourceRoot":"../../../src","sources":["server/getServerUnistyles.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAsF,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/E,MAAMG,kBAAkB,GAAGA,CAAC;EAAEC,gBAAgB,GAAG;AAA8B,CAAC,GAAGC,qCAA8B,KAAK;EACzH,IAAI,CAAC,IAAAC,eAAQ,EAAC,CAAC,EAAE;IACb,MAAM,IAAAC,YAAK,EAAC,iDAAiD,CAAC;EAClE;EACA;EACA,MAAMC,QAAuB,GAAGJ,gBAAgB,GAAIK,uBAAU,EAAEC,QAAQ,CAAC,CAAC,CAACC,WAAW,IAAI,EAAE,GAAI,IAAI;EACpG,MAAMC,GAAG,GAAGC,iBAAY,CAACC,QAAQ,CAACF,GAAG,CAACG,SAAS,CAAC,CAAC;EACjD,MAAMC,KAAK,GAAGH,iBAAY,CAACC,QAAQ,CAACF,GAAG,CAACK,QAAQ,CAAC,CAAC;EAClD,oBAAO,IAAAlB,WAAA,CAAAmB,IAAA,EAAAnB,WAAA,CAAAoB,QAAA;IAAAC,QAAA,GACFZ,QAAQ,iBAAI,IAAAT,WAAA,CAAAsB,GAAA;MAAOC,EAAE,EAAC,WAAW;MAAAF,QAAA,EAAEZ;IAAQ,CAAQ,CAAC,eACrD,IAAAT,WAAA,CAAAsB,GAAA;MAAOC,EAAE,EAAC,eAAe;MAAAF,QAAA,EAAER;IAAG,CAAQ,CAAC,eAEvC,IAAAb,WAAA,CAAAsB,GAAA;MAAQC,EAAE,EAAC,kBAAkB;MAACC,uBAAuB,EAAE;QAAEC,MAAM,EAAE,gCAAgCC,IAAI,CAACC,SAAS,CAACV,KAAK,CAAC;MAAE;IAAE,CAAE,CAAC;EAAA,CAC/H,CAAC;AACP,CAAC;AAAAW,OAAA,CAAAxB,kBAAA,GAAAA,kBAAA","ignoreList":[]}

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

@@ -5,6 +5,18 @@ import { UnistylesShadowRegistry } from '../specs';
 import { passForwardedRef } from './passForwardRef';
 import { maybeWarnAboutMultipleUnistyles } from './warn';
 import { jsx as _jsx } from "react/jsx-runtime";
+const getNativeRef = (Component, ref) => {
+  switch (Component.name) {
+    case 'KeyboardAvoidingView':
+      return ref.viewRef?.current;
+    case 'FlatList':
+      return ref.getNativeScrollRef?.();
+    case 'VirtualizedList':
+      return ref.getScrollRef?.();
+    default:
+      return ref;
+  }
+};
 export const createUnistylesElement = Component => /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   const storedRef = useRef(null);
   useEffect(() => {
@@ -19,9 +31,7 @@ export const createUnistylesElement = Component => /*#__PURE__*/React.forwardRef
     ...props,
     ref: ref => {
       if (ref) {
-        storedRef.current = Component.name === 'KeyboardAvoidingView'
-        // @ts-ignore this is special case for KeyboardAvoidingView
-        ? ref.viewRef.current : ref;
+        storedRef.current = getNativeRef(Component, ref);
       }
       passForwardedRef(props, ref, forwardedRef);
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","UnistylesShadowRegistry","passForwardedRef","maybeWarnAboutMultipleUnistyles","jsx","_jsx","createUnistylesElement","Component","forwardRef","props","forwardedRef","storedRef","current","remove","ref","name","viewRef","style","displayName"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.native.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,+BAA+B,QAAQ,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,MAAMC,sBAAsB,GAAIC,SAAc,iBAAKT,KAAK,CAACU,UAAU,CAAC,CAACC,KAAK,EAAEC,YAAY,KAAK;EAChG,MAAMC,SAAS,GAAGX,MAAM,CAAU,IAAI,CAAC;EAEvCD,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACT,IAAIY,SAAS,CAACC,OAAO,EAAE;QACnB;QACAX,uBAAuB,CAACY,MAAM,CAACF,SAAS,CAACC,OAAO,CAAC;MACrD;IACJ,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIP,IAAA,CAACE,SAAS;IAAA,GACFE,KAAK;IACTK,GAAG,EAAGA,GAAY,IAAK;MACnB,IAAIA,GAAG,EAAE;QACLH,SAAS,CAACC,OAAO,GAAGL,SAAS,CAACQ,IAAI,KAAK;QACnC;QAAA,EACED,GAAG,CAACE,OAAO,CAACJ,OAAO,GACnBE,GAAG;MACb;MAEAZ,gBAAgB,CAACO,KAAK,EAAEK,GAAG,EAAEJ,YAAY,CAAC;;MAE1C;MACAP,+BAA+B,CAACM,KAAK,CAACQ,KAAK,EAAEV,SAAS,CAACW,WAAW,CAAC;IACvE;EAAE,CACL,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","UnistylesShadowRegistry","passForwardedRef","maybeWarnAboutMultipleUnistyles","jsx","_jsx","getNativeRef","Component","ref","name","viewRef","current","getNativeScrollRef","getScrollRef","createUnistylesElement","forwardRef","props","forwardedRef","storedRef","remove","style","displayName"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.native.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,+BAA+B,QAAQ,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,MAAMC,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;AAED,OAAO,MAAMM,sBAAsB,GAAIP,SAAc,iBAAKT,KAAK,CAACiB,UAAU,CAAC,CAACC,KAAK,EAAEC,YAAY,KAAK;EAChG,MAAMC,SAAS,GAAGlB,MAAM,CAAU,IAAI,CAAC;EAEvCD,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACT,IAAImB,SAAS,CAACP,OAAO,EAAE;QACnB;QACAV,uBAAuB,CAACkB,MAAM,CAACD,SAAS,CAACP,OAAO,CAAC;MACrD;IACJ,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIN,IAAA,CAACE,SAAS;IAAA,GACFS,KAAK;IACTR,GAAG,EAAGA,GAAY,IAAK;MACnB,IAAIA,GAAG,EAAE;QACLU,SAAS,CAACP,OAAO,GAAGL,YAAY,CAACC,SAAS,EAAEC,GAAG,CAAC;MACpD;MAEAN,gBAAgB,CAACc,KAAK,EAAER,GAAG,EAAES,YAAY,CAAC;;MAE1C;MACAd,+BAA+B,CAACa,KAAK,CAACI,KAAK,EAAEb,SAAS,CAACc,WAAW,CAAC;IACvE;EAAE,CACL,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/lib/module/server/getServerUnistyles.js

@@ -25,7 +25,9 @@ export const getServerUnistyles = ({
       children: css
     }), /*#__PURE__*/_jsx("script", {
       id: "unistyles-script",
-      children: `window.__UNISTYLES_STATE__ = ${JSON.stringify(state)}`
+      dangerouslySetInnerHTML: {
+        __html: `window.__UNISTYLES_STATE__ = ${JSON.stringify(state)}`
+      }
     })]
   });
 };

package/lib/module/server/getServerUnistyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","error","isServer","UnistylesWeb","DefaultServerUnistylesSettings","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","getServerUnistyles","includeRNWStyles","rnwStyle","getSheet","textContent","css","registry","getStyles","state","getState","children","id","JSON","stringify"],"sourceRoot":"../../../src","sources":["server/getServerUnistyles.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,EAAEC,QAAQ,QAAQ,cAAc;AAC9C,SAASC,YAAY,QAAQ,QAAQ;AACrC,SAASC,8BAA8B,QAAsC,SAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtF,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,gBAAgB,GAAG;AAA8B,CAAC,GAAGR,8BAA8B,KAAK;EACzH,IAAI,CAACF,QAAQ,CAAC,CAAC,EAAE;IACb,MAAMD,KAAK,CAAC,iDAAiD,CAAC;EAClE;EACA;EACA,MAAMY,QAAuB,GAAGD,gBAAgB,GAAIZ,UAAU,EAAEc,QAAQ,CAAC,CAAC,CAACC,WAAW,IAAI,EAAE,GAAI,IAAI;EACpG,MAAMC,GAAG,GAAGb,YAAY,CAACc,QAAQ,CAACD,GAAG,CAACE,SAAS,CAAC,CAAC;EACjD,MAAMC,KAAK,GAAGhB,YAAY,CAACc,QAAQ,CAACD,GAAG,CAACI,QAAQ,CAAC,CAAC;EAClD,oBAAOV,KAAA,CAAAF,SAAA;IAAAa,QAAA,GACFR,QAAQ,iBAAIP,IAAA;MAAOgB,EAAE,EAAC,WAAW;MAAAD,QAAA,EAAER;IAAQ,CAAQ,CAAC,eACrDP,IAAA;MAAOgB,EAAE,EAAC,eAAe;MAAAD,QAAA,EAAEL;IAAG,CAAQ,CAAC,eACvCV,IAAA;MAAQgB,EAAE,EAAC,kBAAkB;MAAAD,QAAA,EAAE,gCAAgCE,IAAI,CAACC,SAAS,CAACL,KAAK,CAAC;IAAE,CAAS,CAAC;EAAA,CAClG,CAAC;AACP,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","error","isServer","UnistylesWeb","DefaultServerUnistylesSettings","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","getServerUnistyles","includeRNWStyles","rnwStyle","getSheet","textContent","css","registry","getStyles","state","getState","children","id","dangerouslySetInnerHTML","__html","JSON","stringify"],"sourceRoot":"../../../src","sources":["server/getServerUnistyles.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,EAAEC,QAAQ,QAAQ,cAAc;AAC9C,SAASC,YAAY,QAAQ,QAAQ;AACrC,SAASC,8BAA8B,QAAsC,SAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtF,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,gBAAgB,GAAG;AAA8B,CAAC,GAAGR,8BAA8B,KAAK;EACzH,IAAI,CAACF,QAAQ,CAAC,CAAC,EAAE;IACb,MAAMD,KAAK,CAAC,iDAAiD,CAAC;EAClE;EACA;EACA,MAAMY,QAAuB,GAAGD,gBAAgB,GAAIZ,UAAU,EAAEc,QAAQ,CAAC,CAAC,CAACC,WAAW,IAAI,EAAE,GAAI,IAAI;EACpG,MAAMC,GAAG,GAAGb,YAAY,CAACc,QAAQ,CAACD,GAAG,CAACE,SAAS,CAAC,CAAC;EACjD,MAAMC,KAAK,GAAGhB,YAAY,CAACc,QAAQ,CAACD,GAAG,CAACI,QAAQ,CAAC,CAAC;EAClD,oBAAOV,KAAA,CAAAF,SAAA;IAAAa,QAAA,GACFR,QAAQ,iBAAIP,IAAA;MAAOgB,EAAE,EAAC,WAAW;MAAAD,QAAA,EAAER;IAAQ,CAAQ,CAAC,eACrDP,IAAA;MAAOgB,EAAE,EAAC,eAAe;MAAAD,QAAA,EAAEL;IAAG,CAAQ,CAAC,eAEvCV,IAAA;MAAQgB,EAAE,EAAC,kBAAkB;MAACC,uBAAuB,EAAE;QAAEC,MAAM,EAAE,gCAAgCC,IAAI,CAACC,SAAS,CAACP,KAAK,CAAC;MAAE;IAAE,CAAE,CAAC;EAAA,CAC/H,CAAC;AACP,CAAC","ignoreList":[]}

package/lib/typescript/src/core/createUnistylesElement.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createUnistylesElement.native.d.ts","sourceRoot":"","sources":["../../../../src/core/createUnistylesElement.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAKhD,eAAO,MAAM,sBAAsB,cAAe,GAAG,kEA8BnD,CAAA"}
+{"version":3,"file":"createUnistylesElement.native.d.ts","sourceRoot":"","sources":["../../../../src/core/createUnistylesElement.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAkBhD,eAAO,MAAM,sBAAsB,cAAe,GAAG,kEA2BnD,CAAA"}

package/lib/typescript/src/server/getServerUnistyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getServerUnistyles.d.ts","sourceRoot":"","sources":["../../../../src/server/getServerUnistyles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAkC,KAAK,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEtF,eAAO,MAAM,kBAAkB,0BAAiC,uBAAuB,sBAatF,CAAA"}
+{"version":3,"file":"getServerUnistyles.d.ts","sourceRoot":"","sources":["../../../../src/server/getServerUnistyles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAkC,KAAK,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEtF,eAAO,MAAM,kBAAkB,0BAAiC,uBAAuB,sBActF,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unistyles",
-  "version": "3.0.0-beta.5",
+  "version": "3.0.0-nightly-20250122",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
     "test": "jest",
@@ -84,7 +84,7 @@
     "@babel/plugin-syntax-jsx": "7.25.9",
     "@biomejs/biome": "1.9.4",
     "@commitlint/config-conventional": "19.6.0",
-    "@react-native/normalize-colors": "0.76.6",
+    "@react-native/normalize-colors": "0.77.0",
     "@release-it/conventional-changelog": "8.0.2",
     "@types/jest": "29.5.14",
     "@types/react": "18.3.12",
@@ -96,7 +96,7 @@
     "metro-react-native-babel-preset": "0.77.0",
     "nitro-codegen": "0.21.0",
     "react": "18.3.1",
-    "react-native": "0.76.6",
+    "react-native": "0.77.0",
     "react-native-builder-bob": "0.33.1",
     "react-native-nitro-modules": "0.21.0",
     "react-native-web": "0.19.13",

package/src/core/createUnistylesElement.native.tsx

@@ -3,6 +3,19 @@ import { UnistylesShadowRegistry } from '../specs'
 import { passForwardedRef } from './passForwardRef'
 import { maybeWarnAboutMultipleUnistyles } from './warn'
 
+const getNativeRef = (Component: any, ref: any) => {
+    switch (Component.name) {
+        case 'KeyboardAvoidingView':
+            return ref.viewRef?.current
+        case 'FlatList':
+            return ref.getNativeScrollRef?.()
+        case 'VirtualizedList':
+            return ref.getScrollRef?.()
+        default:
+            return ref
+    }
+}
+
 export const createUnistylesElement = (Component: any) => React.forwardRef((props, forwardedRef) => {
     const storedRef = useRef<unknown>(null)
 
@@ -20,10 +33,7 @@ export const createUnistylesElement = (Component: any) => React.forwardRef((prop
             {...props}
             ref={(ref: unknown) => {
                 if (ref) {
-                    storedRef.current = Component.name === 'KeyboardAvoidingView'
-                        // @ts-ignore this is special case for KeyboardAvoidingView
-                        ? ref.viewRef.current
-                        : ref
+                    storedRef.current = getNativeRef(Component, ref)
                 }
 
                 passForwardedRef(props, ref, forwardedRef)

package/src/server/getServerUnistyles.tsx

@@ -15,6 +15,7 @@ export const getServerUnistyles = ({ includeRNWStyles = true }: ServerUnistylesS
     return <>
         {rnwStyle && <style id='rnw-style'>{rnwStyle}</style>}
         <style id='unistyles-web'>{css}</style>
-        <script id='unistyles-script'>{`window.__UNISTYLES_STATE__ = ${JSON.stringify(state)}`}</script>
+        {/* biome-ignore lint/security/noDangerouslySetInnerHtml: Needs the json quotes to be unescaped */}
+        <script id='unistyles-script' dangerouslySetInnerHTML={{ __html: `window.__UNISTYLES_STATE__ = ${JSON.stringify(state)}`}} />
     </>
 }