react-native-unistyles 3.2.5 → 3.4.0

package/lib/typescript/src/web/listener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listener.d.ts","sourceRoot":"","sources":["../../../../src/web/listener.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,KAAK,QAAQ,GAAG,CAAC,UAAU,EAAE,kBAAkB,KAAK,IAAI,CAAA;AACxD,KAAK,cAAc,GAAG,CAAC,YAAY,EAAE,KAAK,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;AAEvE,qBAAa,iBAAiB;IASd,OAAO,CAAC,QAAQ;IAR5B,OAAO,CAAC,aAAa,CAAQ;IAC7B,OAAO,CAAC,SAAS,CAAgG;IACjH,OAAO,CAAC,mBAAmB,CAG1B;IACD,OAAO,CAAC,eAAe,CAA4B;gBAE/B,QAAQ,EAAE,iBAAiB;IAE/C,WAAW,GAAI,cAAc,KAAK,CAAC,kBAAkB,CAAC,UAkBrD;IAED,UAAU,GAAI,YAAY,kBAAkB,UAE3C;IAED,iBAAiB,GAAI,UAAU,cAAc,gBAM5C;IAED,aAAa,aAkDZ;IAED,YAAY,GAAI,cAAc,KAAK,CAAC,kBAAkB,CAAC,EAAE,UAAU,QAAQ,gBAM1E;IAED,sBAAsB,GAAI,cAAc,KAAK,CAAC,kBAAkB,CAAC,EAAE,UAAU,QAAQ,gBAMpF;CACJ"}
+{"version":3,"file":"listener.d.ts","sourceRoot":"","sources":["../../../../src/web/listener.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,KAAK,QAAQ,GAAG,CAAC,UAAU,EAAE,kBAAkB,KAAK,IAAI,CAAA;AACxD,KAAK,cAAc,GAAG,CAAC,YAAY,EAAE,KAAK,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;AAEvE,qBAAa,iBAAiB;IASd,OAAO,CAAC,QAAQ;IAR5B,OAAO,CAAC,aAAa,CAAQ;IAC7B,OAAO,CAAC,SAAS,CAAgG;IACjH,OAAO,CAAC,mBAAmB,CAG1B;IACD,OAAO,CAAC,eAAe,CAA4B;gBAE/B,QAAQ,EAAE,iBAAiB;IAE/C,WAAW,GAAI,cAAc,KAAK,CAAC,kBAAkB,CAAC,UAkBrD;IAED,UAAU,GAAI,YAAY,kBAAkB,UAE3C;IAED,iBAAiB,GAAI,UAAU,cAAc,gBAM5C;IAED,KAAK,aAIJ;IAED,aAAa,aAkDZ;IAED,YAAY,GAAI,cAAc,KAAK,CAAC,kBAAkB,CAAC,EAAE,UAAU,QAAQ,gBAM1E;IAED,sBAAsB,GAAI,cAAc,KAAK,CAAC,kBAAkB,CAAC,EAAE,UAAU,QAAQ,gBAMpF;CACJ"}

package/lib/typescript/src/web/registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../../src/web/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAChF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,qBAAa,iBAAiB;IAQd,OAAO,CAAC,QAAQ;IAP5B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA+D;IAC3F,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAoB;IAChD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAsC;IACpE,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAkC;IACtE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA4E;IAC5G,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAA;gBAEF,QAAQ,EAAE,iBAAiB;IAI/C,qBAAqB,GAAI,YAAY,yBAAyB,CAAC,UAAU,CAAC,EAAE,kBAAkB,cAAc,gBAkC3G;IAED,2BAA2B,GACvB,YAAY,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,oBAAoB,KAAK,UAAU,EACpF,cAAc,KAAK,CAAC,kBAAkB,CAAC,UAmB1C;IAED,OAAO,GAAI,KAAK,WAAW,EAAE,MAAM,MAAM,UAKxC;IAED,MAAM,GAAI,KAAK,WAAW,EAAE,MAAM,MAAM,sBAqBvC;IAED,GAAG,GAAI,OAAO,eAAe,EAAE,WAAW,OAAO;;;MAYhD;IAED,WAAW,GAAI,MAAM,MAAM,EAAE,OAAO,eAAe,UAElD;IAED,KAAK,aAMJ;CACJ"}
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../../src/web/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAChF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,qBAAa,iBAAiB;IAQd,OAAO,CAAC,QAAQ;IAP5B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA+D;IAC3F,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAoB;IAChD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAsC;IACpE,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAkC;IACtE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA4E;IAC5G,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAA;gBAEF,QAAQ,EAAE,iBAAiB;IAI/C,qBAAqB,GAAI,YAAY,yBAAyB,CAAC,UAAU,CAAC,EAAE,kBAAkB,cAAc,gBAkC3G;IAED,2BAA2B,GACvB,YAAY,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,oBAAoB,KAAK,UAAU,EACpF,cAAc,KAAK,CAAC,kBAAkB,CAAC,UAmB1C;IAED,OAAO,GAAI,KAAK,WAAW,EAAE,MAAM,MAAM,UAKxC;IAED,MAAM,GAAI,KAAK,WAAW,EAAE,MAAM,MAAM,sBAqBvC;IAED,GAAG,GAAI,OAAO,eAAe,EAAE,WAAW,OAAO;;;MAYhD;IAED,WAAW,GAAI,MAAM,MAAM,EAAE,OAAO,eAAe,UAElD;IAED,KAAK,aAQJ;CACJ"}

package/lib/typescript/src/web/shadowRegistry.d.ts

@@ -19,6 +19,7 @@ export declare class UnistylesShadowRegistry {
     setScopedTheme: (theme?: UnistylesTheme) => void;
     getScopedTheme: () => undefined;
     remove: (ref: any, hash?: string) => void;
+    reset: () => void;
     flush: () => void;
 }
 //# sourceMappingURL=shadowRegistry.d.ts.map

package/lib/typescript/src/web/shadowRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shadowRegistry.d.ts","sourceRoot":"","sources":["../../../../src/web/shadowRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAOnE,qBAAa,uBAAuB;IAYpB,OAAO,CAAC,QAAQ;IAV5B,IAAI,SAA4B;IAChC,MAAM,SAAQ;IACd,MAAM,gBAAa;IACnB,QAAQ,eAAkC;IAC1C,OAAO,aAAW;IAGlB,OAAO,CAAC,WAAW,CAAwC;IAC3D,OAAO,CAAC,UAAU,CAAkC;gBAEhC,QAAQ,EAAE,iBAAiB;IAE/C,GAAG,GAAI,KAAK,GAAG,EAAE,OAAO,MAAM,UAM7B;IAED,SAAS,GAAI,WAAW,KAAK,CAAC,eAAe,CAAC,EAAE,WAAW,OAAO;;;;MAsEjE;IAED,cAAc,GAAI,QAAQ,cAAc,UAEvC;IAED,cAAc,kBAAyB;IAEvC,MAAM,GAAI,KAAK,GAAG,EAAE,OAAO,MAAM,UAahC;IAED,KAAK,aAAW;CACnB"}
+{"version":3,"file":"shadowRegistry.d.ts","sourceRoot":"","sources":["../../../../src/web/shadowRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAOnE,qBAAa,uBAAuB;IAYpB,OAAO,CAAC,QAAQ;IAV5B,IAAI,SAA4B;IAChC,MAAM,SAAQ;IACd,MAAM,gBAAa;IACnB,QAAQ,eAAkC;IAC1C,OAAO,aAAW;IAGlB,OAAO,CAAC,WAAW,CAAwC;IAC3D,OAAO,CAAC,UAAU,CAAkC;gBAEhC,QAAQ,EAAE,iBAAiB;IAE/C,GAAG,GAAI,KAAK,GAAG,EAAE,OAAO,MAAM,UAM7B;IAED,SAAS,GAAI,WAAW,KAAK,CAAC,eAAe,CAAC,EAAE,WAAW,OAAO;;;;MAsEjE;IAED,cAAc,GAAI,QAAQ,cAAc,UAEvC;IAED,cAAc,kBAAyB;IAEvC,MAAM,GAAI,KAAK,GAAG,EAAE,OAAO,MAAM,UAahC;IAED,KAAK,aAGJ;IAED,KAAK,aAAW;CACnB"}

package/nitrogen/generated/android/c++/JColorScheme.hpp

@@ -15,7 +15,7 @@ namespace margelo::nitro::unistyles {
   using namespace facebook;
 
   /**
-   * The C++ JNI bridge between the C++ enum "ColorScheme" and the the Kotlin enum "ColorScheme".
+   * The C++ JNI bridge between the C++ enum "ColorScheme" and the Kotlin enum "ColorScheme".
    */
   struct JColorScheme final: public jni::JavaClass<JColorScheme> {
   public:

package/nitrogen/generated/android/c++/JDimensions.hpp

@@ -17,7 +17,7 @@ namespace margelo::nitro::unistyles {
   using namespace facebook;
 
   /**
-   * The C++ JNI bridge between the C++ struct "Dimensions" and the the Kotlin data class "Dimensions".
+   * The C++ JNI bridge between the C++ struct "Dimensions" and the Kotlin data class "Dimensions".
    */
   struct JDimensions final: public jni::JavaClass<JDimensions> {
   public:

package/nitrogen/generated/android/c++/JInsets.hpp

@@ -17,7 +17,7 @@ namespace margelo::nitro::unistyles {
   using namespace facebook;
 
   /**
-   * The C++ JNI bridge between the C++ struct "Insets" and the the Kotlin data class "Insets".
+   * The C++ JNI bridge between the C++ struct "Insets" and the Kotlin data class "Insets".
    */
   struct JInsets final: public jni::JavaClass<JInsets> {
   public:

package/nitrogen/generated/android/c++/JOrientation.hpp

@@ -15,7 +15,7 @@ namespace margelo::nitro::unistyles {
   using namespace facebook;
 
   /**
-   * The C++ JNI bridge between the C++ enum "Orientation" and the the Kotlin enum "Orientation".
+   * The C++ JNI bridge between the C++ enum "Orientation" and the Kotlin enum "Orientation".
    */
   struct JOrientation final: public jni::JavaClass<JOrientation> {
   public:

package/nitrogen/generated/android/c++/JUnistyleDependency.hpp

@@ -15,7 +15,7 @@ namespace margelo::nitro::unistyles {
   using namespace facebook;
 
   /**
-   * The C++ JNI bridge between the C++ enum "UnistyleDependency" and the the Kotlin enum "UnistyleDependency".
+   * The C++ JNI bridge between the C++ enum "UnistyleDependency" and the Kotlin enum "UnistyleDependency".
    */
   struct JUnistyleDependency final: public jni::JavaClass<JUnistyleDependency> {
   public:

package/nitrogen/generated/android/c++/JUnistylesNativeMiniRuntime.hpp

@@ -23,7 +23,7 @@ namespace margelo::nitro::unistyles {
   using namespace facebook;
 
   /**
-   * The C++ JNI bridge between the C++ struct "UnistylesNativeMiniRuntime" and the the Kotlin data class "UnistylesNativeMiniRuntime".
+   * The C++ JNI bridge between the C++ struct "UnistylesNativeMiniRuntime" and the Kotlin data class "UnistylesNativeMiniRuntime".
    */
   struct JUnistylesNativeMiniRuntime final: public jni::JavaClass<JUnistylesNativeMiniRuntime> {
   public:

package/nitrogen/generated/android/kotlin/com/margelo/nitro/unistyles/Func_void_UnistylesNativeMiniRuntime.kt

@@ -10,7 +10,6 @@ package com.margelo.nitro.unistyles
 import androidx.annotation.Keep
 import com.facebook.jni.HybridData
 import com.facebook.proguard.annotations.DoNotStrip
-import dalvik.annotation.optimization.FastNative
 
 
 /**
@@ -59,7 +58,6 @@ class Func_void_UnistylesNativeMiniRuntime_cxx: Func_void_UnistylesNativeMiniRun
   override fun invoke(miniRuntime: UnistylesNativeMiniRuntime): Unit
     = invoke_cxx(miniRuntime)
 
-  @FastNative
   private external fun invoke_cxx(miniRuntime: UnistylesNativeMiniRuntime): Unit
 }
 

package/nitrogen/generated/android/kotlin/com/margelo/nitro/unistyles/Func_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime.kt

@@ -10,7 +10,6 @@ package com.margelo.nitro.unistyles
 import androidx.annotation.Keep
 import com.facebook.jni.HybridData
 import com.facebook.proguard.annotations.DoNotStrip
-import dalvik.annotation.optimization.FastNative
 
 
 /**
@@ -59,7 +58,6 @@ class Func_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime_cxx:
   override fun invoke(dependencies: Array<UnistyleDependency>, miniRuntime: UnistylesNativeMiniRuntime): Unit
     = invoke_cxx(dependencies,miniRuntime)
 
-  @FastNative
   private external fun invoke_cxx(dependencies: Array<UnistyleDependency>, miniRuntime: UnistylesNativeMiniRuntime): Unit
 }
 

package/nitrogen/generated/android/kotlin/com/margelo/nitro/unistyles/HybridNativePlatformSpec.kt

@@ -10,6 +10,7 @@ package com.margelo.nitro.unistyles
 import androidx.annotation.Keep
 import com.facebook.jni.HybridData
 import com.facebook.proguard.annotations.DoNotStrip
+import dalvik.annotation.optimization.FastNative
 import com.margelo.nitro.core.HybridObject
 
 /**
@@ -120,6 +121,7 @@ abstract class HybridNativePlatformSpec: HybridObject() {
   @Keep
   protected open class CxxPart(javaPart: HybridNativePlatformSpec): HybridObject.CxxPart(javaPart) {
     // C++ JHybridNativePlatformSpec::CxxPart::initHybrid(...)
+    @FastNative
     external override fun initHybrid(): HybridData
   }
   override fun createCxxPart(): CxxPart {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unistyles",
-  "version": "3.2.5",
+  "version": "3.4.0",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
     "test": "NODE_ENV=babel-test jest ./plugin ./src/__tests__",
@@ -31,6 +31,7 @@
       "default": "./lib/commonjs/index.js"
     },
     "./mocks": {
+      "types": "./lib/typescript/src/mocks.d.ts",
       "import": "./lib/module/mocks.js",
       "browser": "./lib/module/mocks.js",
       "react-native": "./src/mocks.ts",
@@ -127,39 +128,40 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@babel/types": "7.29.0"
+    "@babel/types": "7.29.8"
   },
   "devDependencies": {
-    "@callstack/repack": "5.2.4",
-    "@commitlint/config-conventional": "20.4.2",
-    "@react-native/normalize-colors": "0.85.3",
-    "@rspack/core": "1.7.6",
+    "@callstack/repack": "5.4.0",
+    "@commitlint/config-conventional": "21.2.3",
+    "@react-native/normalize-colors": "0.87.1",
+    "@rspack/core": "2.2.7",
     "@types/jest": "30.0.0",
-    "@types/react": "19.2.14",
+    "@types/react": "19.2.18",
     "babel-plugin-tester": "12.0.0",
-    "commitlint": "20.4.2",
-    "concurrently": "9.2.1",
-    "dpdm": "4.0.1",
-    "esbuild": "0.27.3",
-    "jest": "30.2.0",
-    "@babel/plugin-syntax-jsx": "7.28.6",
-    "@babel/runtime": "7.28.6",
-    "@react-native/babel-preset": "0.85.3",
-    "nitrogen": "0.35.7",
-    "oxfmt": "0.35.0",
-    "oxlint": "1.50.0",
+    "commitlint": "21.2.3",
+    "concurrently": "10.0.5",
+    "dpdm": "4.3.0",
+    "esbuild": "0.28.2",
+    "jest": "30.5.2",
+    "@babel/plugin-syntax-jsx": "7.29.7",
+    "@babel/runtime": "7.29.7",
+    "@react-native/babel-preset": "0.87.1",
+    "@react-native/jest-preset": "0.87.1",
+    "nitrogen": "0.37.1",
+    "oxfmt": "0.70.0",
+    "oxlint": "1.85.0",
     "react": "19.2.3",
-    "react-native": "0.85.3",
-    "react-native-builder-bob": "0.40.18",
-    "react-native-nitro-modules": "0.35.7",
-    "react-native-reanimated": "4.3.1",
-    "react-native-web": "0.21.2",
-    "typescript": "5.9.3"
+    "react-native": "0.87.1",
+    "react-native-builder-bob": "0.43.1",
+    "react-native-nitro-modules": "0.37.1",
+    "react-native-reanimated": "4.7.0",
+    "react-native-web": "0.21.3",
+    "typescript": "6.0.3"
   },
   "peerDependencies": {
     "@react-native/normalize-colors": "*",
     "react": "*",
-    "react-native": ">=0.76.0",
+    "react-native": ">=0.81.0",
     "react-native-edge-to-edge": "*",
     "react-native-nitro-modules": "*",
     "react-native-reanimated": "*"
@@ -176,7 +178,7 @@
     "node": ">= 20.18.0"
   },
   "jest": {
-    "preset": "react-native",
+    "preset": "@react-native/jest-preset",
     "modulePathIgnorePatterns": [
       "<rootDir>/lib/",
       "<rootDir>/cxx/tests"

package/src/components/native/Animated.tsx

@@ -7,7 +7,24 @@ import { SectionList } from './SectionList'
 import { Text } from './Text'
 import { View } from './View'
 
-export const Animated = {
+type AnimatedComponent<T extends Parameters<typeof RNAnimated.createAnimatedComponent>[0]> = ReturnType<
+    typeof RNAnimated.createAnimatedComponent<T>
+>
+
+// explicit type keeps emitted declarations portable (RN 0.87+ Strict TypeScript API references private paths)
+type UnistylesAnimated = Omit<
+    typeof RNAnimated,
+    'View' | 'Text' | 'FlatList' | 'Image' | 'ScrollView' | 'SectionList'
+> & {
+    View: AnimatedComponent<typeof View>
+    Text: AnimatedComponent<typeof Text>
+    FlatList: AnimatedComponent<typeof FlatList>
+    Image: AnimatedComponent<typeof Image>
+    ScrollView: AnimatedComponent<typeof ScrollView>
+    SectionList: AnimatedComponent<typeof SectionList>
+}
+
+export const Animated: UnistylesAnimated = {
     ...RNAnimated,
     View: RNAnimated.createAnimatedComponent(View),
     Text: RNAnimated.createAnimatedComponent(Text),

package/src/components/native/Pressable.native.tsx

@@ -3,9 +3,14 @@ import type { PressableProps as Props, View } from 'react-native'
 import React, { forwardRef, useLayoutEffect, useRef } from 'react'
 import { Pressable as NativePressableReactNative } from 'react-native'
 
+import type { Nullable } from '../../types'
+
 import { passForwardedRef } from '../../core'
 import { UnistylesShadowRegistry } from '../../specs'
 
+// instance type of View for both legacy and Strict TypeScript API (RN 0.87+)
+type ViewRef = React.ComponentRef<typeof View>
+
 type PressableProps = Props & {
     variants?: Record<string, string | boolean>
 }
@@ -24,8 +29,11 @@ const getStyles = (styleProps: Record<string, any> = {}) => {
     }
 }
 
-export const Pressable = forwardRef<View, PressableProps>(({ variants, style, ...props }, forwardedRef) => {
-    const storedRef = useRef<View | null>(null)
+export const Pressable: React.ForwardRefExoticComponent<PressableProps & React.RefAttributes<ViewRef>> = forwardRef<
+    ViewRef,
+    PressableProps
+>(({ variants, style, ...props }, forwardedRef) => {
+    const storedRef = useRef<Nullable<ViewRef>>(null)
     const scopedTheme = UnistylesShadowRegistry.getScopedTheme()
 
     useLayoutEffect(() => {

package/src/components/native/Pressable.tsx

@@ -18,12 +18,18 @@ type WebPressableState = {
 
 type WebPressableStyle = ((state: WebPressableState) => UnistylesValues) | UnistylesValues
 
+// instance type of View for both legacy and Strict TypeScript API (RN 0.87+)
+type ViewRef = React.ComponentRef<typeof View>
+
 type PressableProps = Props & {
     variants?: Variants
     style?: WebPressableStyle
 }
 
-export const Pressable = forwardRef<View, PressableProps>(({ style, ...props }, forwardedRef) => {
+export const Pressable: React.ForwardRefExoticComponent<PressableProps & React.RefAttributes<ViewRef>> = forwardRef<
+    ViewRef,
+    PressableProps
+>(({ style, ...props }, forwardedRef) => {
     const scopedTheme = UnistylesShadowRegistry.getScopedTheme()
     let storedRef: HTMLElement | null = null
     let classNames: ReturnType<typeof getClassName> | undefined = undefined

package/src/index.ts

@@ -6,7 +6,7 @@ if (majorReactVersions === undefined || majorReactVersions < 19) {
     throw new Error('Unistyles 🦄: To enable full Fabric power you need to use React 19.0.0 or higher')
 }
 
-export { StyleSheet, UnistylesRuntime, StatusBar, NavigationBar } from './specs'
+export { StyleSheet, UnistylesRuntime } from './specs'
 export { UnistyleDependency } from './specs'
 export { mq } from './mq'
 export type { UnistylesThemes, UnistylesBreakpoints } from './global'

package/src/server/resetServerUnistyles.ts

@@ -7,4 +7,6 @@ export const resetServerUnistyles = () => {
     }
 
     unistyles.services.registry.reset()
+    unistyles.services.shadowRegistry.reset()
+    unistyles.services.listener.reset()
 }

package/src/specs/ShadowRegistry/index.ts

@@ -19,12 +19,13 @@ interface ShadowRegistry extends UnistylesShadowRegistrySpec {
 const HybridShadowRegistry = NitroModules.createHybridObject<ShadowRegistry>('UnistylesShadowRegistry')
 
 const SUSPENSE_TAG = 13
+const OFFSCREEN_TAG = 22
 
 const isInsideSuspendedBoundary = (fiber: any): boolean => {
     let current = fiber?.return
 
     while (current) {
-        if (current.tag === SUSPENSE_TAG && current.memoizedState !== null) {
+        if ((current.tag === SUSPENSE_TAG || current.tag === OFFSCREEN_TAG) && current.memoizedState !== null) {
             return true
         }
 

package/src/types/core.ts

@@ -1,19 +1,4 @@
 import type { ImageStyle, TextStyle, ViewStyle } from 'react-native'
-import type {
-    MatrixTransform,
-    PerspectiveTransform,
-    RotateTransform,
-    RotateXTransform,
-    RotateYTransform,
-    RotateZTransform,
-    ScaleTransform,
-    ScaleXTransform,
-    ScaleYTransform,
-    SkewXTransform,
-    SkewYTransform,
-    TranslateXTransform,
-    TranslateYTransform,
-} from 'react-native/Libraries/StyleSheet/StyleSheetTypes'
 
 import type { UnistylesBreakpoints, UnistylesThemes } from '../global'
 
@@ -22,19 +7,13 @@ export type ShadowOffset = {
     height: number
 }
 
-export type TransformStyles = PerspectiveTransform &
-    RotateTransform &
-    RotateXTransform &
-    RotateYTransform &
-    RotateZTransform &
-    ScaleTransform &
-    ScaleXTransform &
-    ScaleYTransform &
-    TranslateXTransform &
-    TranslateYTransform &
-    SkewXTransform &
-    SkewYTransform &
-    MatrixTransform
+type TransformEntry = Exclude<NonNullable<ViewStyle['transform']>, string>[number]
+type TransformKeys<T> = T extends unknown ? keyof T : never
+type TransformValue<T, K extends PropertyKey> = T extends unknown ? (K extends keyof T ? T[K] : never) : never
+
+export type TransformStyles = {
+    [K in TransformKeys<TransformEntry>]: Exclude<TransformValue<TransformEntry, K>, void | undefined>
+}
 
 export type ScreenSize = {
     width: number

package/src/web/convert/object/boxShadow.ts

@@ -17,7 +17,7 @@ export const getBoxShadow = (boxShadow: Array<BoxShadowValue>) => {
         const value = shadow[key as keyof BoxShadowValue]
 
         // Breakpoints
-        if (typeof value === 'object') {
+        if (value !== null && typeof value === 'object') {
             Object.keys(value).forEach((breakpoint) => breakpoints.add(breakpoint))
         }
     })
@@ -41,7 +41,7 @@ export const getBoxShadow = (boxShadow: Array<BoxShadowValue>) => {
                 const [key] = Object.keys(shadow)
                 const value = shadow[key as keyof BoxShadowValue]
 
-                if (typeof value === 'object' && keyInObject(value, breakpoint)) {
+                if (value !== null && typeof value === 'object' && keyInObject(value, breakpoint)) {
                     return [key, value[breakpoint]]
                 }
 

package/src/web/index.ts

@@ -26,12 +26,11 @@ export const StyleSheet = {
         bottom: 0,
     },
     compose: (a: object, b: object) => RNStyleSheet.compose(a, b),
-    flatten: (...styles: Array<object>) => RNStyleSheet.flatten(...styles),
+    flatten: (...styles: Array<object>) =>
+        (RNStyleSheet.flatten as unknown as (...styles: Array<object>) => object)(...styles),
     hairlineWidth: 1,
 } as unknown as typeof NativeStyleSheet
 
 export const UnistylesRuntime = unistyles.services.runtime as unknown as typeof NativeUnistylesRuntime
 export const UnistylesShadowRegistry = unistyles.services
     .shadowRegistry as unknown as typeof NativeUnistylesShadowRegistry
-
-export * from './mock'

package/src/web/listener.ts

@@ -48,6 +48,12 @@ export class UnistylesListener {
         }
     }
 
+    reset = () => {
+        this.listeners.forEach((listeners) => listeners.clear())
+        this.stylesheetListeners.forEach((listeners) => listeners.clear())
+        this.changeListeners.clear()
+    }
+
     initListeners = () => {
         if (this.isInitialized) {
             return

package/src/web/registry.ts

@@ -126,7 +126,9 @@ export class UnistylesRegistry {
     }
 
     reset = () => {
+        this.disposeListenersMap.forEach((dispose) => dispose())
         this.css.reset()
+        this.stylesheets.clear()
         this.stylesCache.clear()
         this.dependenciesMap.clear()
         this.disposeListenersMap.clear()

package/src/web/shadowRegistry.ts

@@ -121,5 +121,10 @@ export class UnistylesShadowRegistry {
         })
     }
 
+    reset = () => {
+        this.disposeMap.forEach((dispose) => dispose())
+        this.disposeMap.clear()
+    }
+
     flush = () => {}
 }