react-native-unistyles 3.5.3 → 3.6.0

package/lib/module/components/native/deep/Pressable.js

@@ -0,0 +1,5 @@
+"use strict";
+
+// react-native-unistyles/metro resolves direct imports of the Pressable module of react-native or react-native-web here
+export { Pressable, Pressable as default } from '../Pressable';
+//# sourceMappingURL=Pressable.js.map

package/lib/module/components/native/deep/Pressable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","default"],"sourceRoot":"../../../../../src","sources":["components/native/deep/Pressable.ts"],"mappings":";;AAAA;AACA,SAASA,SAAS,EAAEA,SAAS,IAAIC,OAAO,QAAQ,cAAc","ignoreList":[]}

package/lib/module/components/native/deep/RefreshControl.js

@@ -0,0 +1,5 @@
+"use strict";
+
+// react-native-unistyles/metro resolves direct imports of the RefreshControl module of react-native or react-native-web here
+export { RefreshControl, RefreshControl as default } from '../RefreshControl';
+//# sourceMappingURL=RefreshControl.js.map

package/lib/module/components/native/deep/RefreshControl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RefreshControl","default"],"sourceRoot":"../../../../../src","sources":["components/native/deep/RefreshControl.ts"],"mappings":";;AAAA;AACA,SAASA,cAAc,EAAEA,cAAc,IAAIC,OAAO,QAAQ,mBAAmB","ignoreList":[]}

package/lib/module/components/native/deep/SafeAreaView.js

@@ -0,0 +1,5 @@
+"use strict";
+
+// react-native-unistyles/metro resolves direct imports of the SafeAreaView module of react-native or react-native-web here
+export { SafeAreaView, SafeAreaView as default } from '../SafeAreaView';
+//# sourceMappingURL=SafeAreaView.js.map

package/lib/module/components/native/deep/SafeAreaView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SafeAreaView","default"],"sourceRoot":"../../../../../src","sources":["components/native/deep/SafeAreaView.ts"],"mappings":";;AAAA;AACA,SAASA,YAAY,EAAEA,YAAY,IAAIC,OAAO,QAAQ,iBAAiB","ignoreList":[]}

package/lib/module/components/native/deep/ScrollView.js

@@ -0,0 +1,5 @@
+"use strict";
+
+// react-native-unistyles/metro resolves direct imports of the ScrollView module of react-native or react-native-web here
+export { ScrollView, ScrollView as default } from '../ScrollView';
+//# sourceMappingURL=ScrollView.js.map

package/lib/module/components/native/deep/ScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","default"],"sourceRoot":"../../../../../src","sources":["components/native/deep/ScrollView.ts"],"mappings":";;AAAA;AACA,SAASA,UAAU,EAAEA,UAAU,IAAIC,OAAO,QAAQ,eAAe","ignoreList":[]}

package/lib/module/components/native/deep/SectionList.js

@@ -0,0 +1,5 @@
+"use strict";
+
+// react-native-unistyles/metro resolves direct imports of the SectionList module of react-native or react-native-web here
+export { SectionList, SectionList as default } from '../SectionList';
+//# sourceMappingURL=SectionList.js.map

package/lib/module/components/native/deep/SectionList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SectionList","default"],"sourceRoot":"../../../../../src","sources":["components/native/deep/SectionList.ts"],"mappings":";;AAAA;AACA,SAASA,WAAW,EAAEA,WAAW,IAAIC,OAAO,QAAQ,gBAAgB","ignoreList":[]}

package/lib/module/components/native/deep/Switch.js

@@ -0,0 +1,5 @@
+"use strict";
+
+// react-native-unistyles/metro resolves direct imports of the Switch module of react-native or react-native-web here
+export { Switch, Switch as default } from '../Switch';
+//# sourceMappingURL=Switch.js.map

package/lib/module/components/native/deep/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Switch","default"],"sourceRoot":"../../../../../src","sources":["components/native/deep/Switch.ts"],"mappings":";;AAAA;AACA,SAASA,MAAM,EAAEA,MAAM,IAAIC,OAAO,QAAQ,WAAW","ignoreList":[]}

package/lib/module/components/native/deep/Text.js

@@ -0,0 +1,5 @@
+"use strict";
+
+// react-native-unistyles/metro resolves direct imports of the Text module of react-native or react-native-web here
+export { Text, Text as default } from '../Text';
+//# sourceMappingURL=Text.js.map

package/lib/module/components/native/deep/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","default"],"sourceRoot":"../../../../../src","sources":["components/native/deep/Text.ts"],"mappings":";;AAAA;AACA,SAASA,IAAI,EAAEA,IAAI,IAAIC,OAAO,QAAQ,SAAS","ignoreList":[]}

package/lib/module/components/native/deep/TextInput.js

@@ -0,0 +1,5 @@
+"use strict";
+
+// react-native-unistyles/metro resolves direct imports of the TextInput module of react-native or react-native-web here
+export { TextInput, TextInput as default } from '../TextInput';
+//# sourceMappingURL=TextInput.js.map

package/lib/module/components/native/deep/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextInput","default"],"sourceRoot":"../../../../../src","sources":["components/native/deep/TextInput.ts"],"mappings":";;AAAA;AACA,SAASA,SAAS,EAAEA,SAAS,IAAIC,OAAO,QAAQ,cAAc","ignoreList":[]}

package/lib/module/components/native/deep/TextNativeComponent.js

@@ -0,0 +1,8 @@
+"use strict";
+
+// react-native-unistyles/metro resolves direct imports of react-native/Libraries/Text/TextNativeComponent here,
+// its other exports (eg. NativeVirtualText) stay untouched
+// @ts-ignore deep imports are typed only by some React Native versions
+export * from 'react-native/Libraries/Text/TextNativeComponent';
+export { NativeText } from '../NativeText';
+//# sourceMappingURL=TextNativeComponent.js.map

package/lib/module/components/native/deep/TextNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NativeText"],"sourceRoot":"../../../../../src","sources":["components/native/deep/TextNativeComponent.ts"],"mappings":";;AAAA;AACA;AACA;AACA,cAAc,iDAAiD;AAC/D,SAASA,UAAU,QAAQ,eAAe","ignoreList":[]}

package/lib/module/components/native/deep/TouchableHighlight.js

@@ -0,0 +1,5 @@
+"use strict";
+
+// react-native-unistyles/metro resolves direct imports of the TouchableHighlight module of react-native or react-native-web here
+export { TouchableHighlight, TouchableHighlight as default } from '../TouchableHighlight';
+//# sourceMappingURL=TouchableHighlight.js.map

package/lib/module/components/native/deep/TouchableHighlight.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TouchableHighlight","default"],"sourceRoot":"../../../../../src","sources":["components/native/deep/TouchableHighlight.ts"],"mappings":";;AAAA;AACA,SAASA,kBAAkB,EAAEA,kBAAkB,IAAIC,OAAO,QAAQ,uBAAuB","ignoreList":[]}

package/lib/module/components/native/deep/TouchableOpacity.js

@@ -0,0 +1,5 @@
+"use strict";
+
+// react-native-unistyles/metro resolves direct imports of the TouchableOpacity module of react-native or react-native-web here
+export { TouchableOpacity, TouchableOpacity as default } from '../TouchableOpacity';
+//# sourceMappingURL=TouchableOpacity.js.map

package/lib/module/components/native/deep/TouchableOpacity.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TouchableOpacity","default"],"sourceRoot":"../../../../../src","sources":["components/native/deep/TouchableOpacity.ts"],"mappings":";;AAAA;AACA,SAASA,gBAAgB,EAAEA,gBAAgB,IAAIC,OAAO,QAAQ,qBAAqB","ignoreList":[]}

package/lib/module/components/native/deep/View.js

@@ -0,0 +1,5 @@
+"use strict";
+
+// react-native-unistyles/metro resolves direct imports of the View module of react-native or react-native-web here
+export { View, View as default } from '../View';
+//# sourceMappingURL=View.js.map

package/lib/module/components/native/deep/View.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","default"],"sourceRoot":"../../../../../src","sources":["components/native/deep/View.ts"],"mappings":";;AAAA;AACA,SAASA,IAAI,EAAEA,IAAI,IAAIC,OAAO,QAAQ,SAAS","ignoreList":[]}

package/lib/module/components/native/deep/ViewNativeComponent.js

@@ -0,0 +1,8 @@
+"use strict";
+
+// react-native-unistyles/metro resolves direct imports of react-native/Libraries/Components/View/ViewNativeComponent here,
+// its other exports stay untouched
+// @ts-ignore deep imports are typed only by some React Native versions
+export * from 'react-native/Libraries/Components/View/ViewNativeComponent';
+export { NativeView as default } from '../NativeView';
+//# sourceMappingURL=ViewNativeComponent.js.map

package/lib/module/components/native/deep/ViewNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NativeView","default"],"sourceRoot":"../../../../../src","sources":["components/native/deep/ViewNativeComponent.ts"],"mappings":";;AAAA;AACA;AACA;AACA,cAAc,4DAA4D;AAC1E,SAASA,UAAU,IAAIC,OAAO,QAAQ,eAAe","ignoreList":[]}

package/lib/module/components/native/deep/VirtualizedList.js

@@ -0,0 +1,5 @@
+"use strict";
+
+// react-native-unistyles/metro resolves direct imports of the VirtualizedList module of react-native or react-native-web here
+export { VirtualizedList, VirtualizedList as default } from '../VirtualizedList';
+//# sourceMappingURL=VirtualizedList.js.map

package/lib/module/components/native/deep/VirtualizedList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VirtualizedList","default"],"sourceRoot":"../../../../../src","sources":["components/native/deep/VirtualizedList.ts"],"mappings":";;AAAA;AACA,SAASA,eAAe,EAAEA,eAAe,IAAIC,OAAO,QAAQ,oBAAoB","ignoreList":[]}

package/lib/module/components/native/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+// react-native-unistyles/metro resolves every `react-native` import (react-native-web on web) to this module,
+// so it exposes every export of react-native and swaps the components Unistyles can update.
+// Imports from this folder are Unistyles' own, they reach the real react-native
+const ReactNative = require('react-native');
+
+// lazy, like react-native's own exports
+const UNISTYLES_COMPONENTS = {
+  ActivityIndicator: () => require('./ActivityIndicator').ActivityIndicator,
+  Animated: () => require('./Animated').Animated,
+  FlatList: () => require('./FlatList').FlatList,
+  Image: () => require('./Image').Image,
+  ImageBackground: () => require('./ImageBackground').ImageBackground,
+  KeyboardAvoidingView: () => require('./KeyboardAvoidingView').KeyboardAvoidingView,
+  Pressable: () => require('./Pressable').Pressable,
+  RefreshControl: () => require('./RefreshControl').RefreshControl,
+  SafeAreaView: () => require('./SafeAreaView').SafeAreaView,
+  ScrollView: () => require('./ScrollView').ScrollView,
+  SectionList: () => require('./SectionList').SectionList,
+  Switch: () => require('./Switch').Switch,
+  Text: () => require('./Text').Text,
+  TextInput: () => require('./TextInput').TextInput,
+  TouchableHighlight: () => require('./TouchableHighlight').TouchableHighlight,
+  TouchableOpacity: () => require('./TouchableOpacity').TouchableOpacity,
+  View: () => require('./View').View,
+  VirtualizedList: () => require('./VirtualizedList').VirtualizedList,
+  unstable_NativeText: () => require('./NativeText').NativeText,
+  unstable_NativeView: () => require('./NativeView').NativeView
+};
+
+// Object.keys doesn't call react-native's getters. Unistyles components are added even if missing,
+// react-native-web and React Native before 0.83 don't export unstable_NativeView / unstable_NativeText
+const exportNames = new Set(Object.keys(ReactNative).concat(Object.keys(UNISTYLES_COMPONENTS)));
+exportNames.forEach(name => {
+  // CommonJS without the __esModule flag, like react-native, so a default import still gets every export
+  // @ts-ignore module is provided by Metro
+  Object.defineProperty(module.exports, name, {
+    enumerable: true,
+    get: UNISTYLES_COMPONENTS[name] ?? (() => ReactNative[name])
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/native/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ReactNative","require","UNISTYLES_COMPONENTS","ActivityIndicator","Animated","FlatList","Image","ImageBackground","KeyboardAvoidingView","Pressable","RefreshControl","SafeAreaView","ScrollView","SectionList","Switch","Text","TextInput","TouchableHighlight","TouchableOpacity","View","VirtualizedList","unstable_NativeText","NativeText","unstable_NativeView","NativeView","exportNames","Set","Object","keys","concat","forEach","name","defineProperty","module","exports","enumerable","get"],"sourceRoot":"../../../../src","sources":["components/native/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA,MAAMA,WAAoC,GAAGC,OAAO,CAAC,cAAc,CAAC;;AAEpE;AACA,MAAMC,oBAAmD,GAAG;EACxDC,iBAAiB,EAAEA,CAAA,KAAMF,OAAO,CAAC,qBAAqB,CAAC,CAACE,iBAAiB;EACzEC,QAAQ,EAAEA,CAAA,KAAMH,OAAO,CAAC,YAAY,CAAC,CAACG,QAAQ;EAC9CC,QAAQ,EAAEA,CAAA,KAAMJ,OAAO,CAAC,YAAY,CAAC,CAACI,QAAQ;EAC9CC,KAAK,EAAEA,CAAA,KAAML,OAAO,CAAC,SAAS,CAAC,CAACK,KAAK;EACrCC,eAAe,EAAEA,CAAA,KAAMN,OAAO,CAAC,mBAAmB,CAAC,CAACM,eAAe;EACnEC,oBAAoB,EAAEA,CAAA,KAAMP,OAAO,CAAC,wBAAwB,CAAC,CAACO,oBAAoB;EAClFC,SAAS,EAAEA,CAAA,KAAMR,OAAO,CAAC,aAAa,CAAC,CAACQ,SAAS;EACjDC,cAAc,EAAEA,CAAA,KAAMT,OAAO,CAAC,kBAAkB,CAAC,CAACS,cAAc;EAChEC,YAAY,EAAEA,CAAA,KAAMV,OAAO,CAAC,gBAAgB,CAAC,CAACU,YAAY;EAC1DC,UAAU,EAAEA,CAAA,KAAMX,OAAO,CAAC,cAAc,CAAC,CAACW,UAAU;EACpDC,WAAW,EAAEA,CAAA,KAAMZ,OAAO,CAAC,eAAe,CAAC,CAACY,WAAW;EACvDC,MAAM,EAAEA,CAAA,KAAMb,OAAO,CAAC,UAAU,CAAC,CAACa,MAAM;EACxCC,IAAI,EAAEA,CAAA,KAAMd,OAAO,CAAC,QAAQ,CAAC,CAACc,IAAI;EAClCC,SAAS,EAAEA,CAAA,KAAMf,OAAO,CAAC,aAAa,CAAC,CAACe,SAAS;EACjDC,kBAAkB,EAAEA,CAAA,KAAMhB,OAAO,CAAC,sBAAsB,CAAC,CAACgB,kBAAkB;EAC5EC,gBAAgB,EAAEA,CAAA,KAAMjB,OAAO,CAAC,oBAAoB,CAAC,CAACiB,gBAAgB;EACtEC,IAAI,EAAEA,CAAA,KAAMlB,OAAO,CAAC,QAAQ,CAAC,CAACkB,IAAI;EAClCC,eAAe,EAAEA,CAAA,KAAMnB,OAAO,CAAC,mBAAmB,CAAC,CAACmB,eAAe;EACnEC,mBAAmB,EAAEA,CAAA,KAAMpB,OAAO,CAAC,cAAc,CAAC,CAACqB,UAAU;EAC7DC,mBAAmB,EAAEA,CAAA,KAAMtB,OAAO,CAAC,cAAc,CAAC,CAACuB;AACvD,CAAC;;AAED;AACA;AACA,MAAMC,WAAW,GAAG,IAAIC,GAAG,CAACC,MAAM,CAACC,IAAI,CAAC5B,WAAW,CAAC,CAAC6B,MAAM,CAACF,MAAM,CAACC,IAAI,CAAC1B,oBAAoB,CAAC,CAAC,CAAC;AAE/FuB,WAAW,CAACK,OAAO,CAAEC,IAAI,IAAK;EAC1B;EACA;EACAJ,MAAM,CAACK,cAAc,CAACC,MAAM,CAACC,OAAO,EAAEH,IAAI,EAAE;IACxCI,UAAU,EAAE,IAAI;IAChBC,GAAG,EAAElC,oBAAoB,CAAC6B,IAAI,CAAC,KAAK,MAAM/B,WAAW,CAAC+B,IAAI,CAAC;EAC/D,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/lib/module/core/createUnistylesActivityIndicator.js

@@ -1,22 +1,32 @@
 "use strict";
 
 import React, { useContext } from 'react';
-import { isAndroid } from '../common';
 import { ScopedThemeContext } from '../components/ScopedThemeContext';
 import { UnistylesShadowRegistry } from '../specs';
+import { Fiber } from '../unifiber/src';
 import { copyComponentProperties } from '../utils';
+import { hasUnistyles } from './hasUnistyles';
 import { passForwardedRef } from './passForwardRef';
 import { maybeWarnAboutMultipleUnistyles } from './warn';
 import { jsx as _jsx } from "react/jsx-runtime";
+const {
+  getHostFor,
+  getParentHost
+} = Fiber;
 const getWrapperHandle = ref => {
-  const spinner = ref?.__internalInstanceHandle;
+  const spinner = getHostFor(ref);
   return {
-    __internalInstanceHandle: isAndroid ? spinner?.return?.return : spinner?.return
+    __internalInstanceHandle: spinner && getParentHost(spinner)
   };
 };
 export const createUnistylesActivityIndicator = Component => {
   const UnistylesActivityIndicator = props => {
     const scope = useContext(ScopedThemeContext);
+    if (!hasUnistyles(props.style)) {
+      return /*#__PURE__*/_jsx(Component, {
+        ...props
+      });
+    }
     return /*#__PURE__*/_jsx(Component, {
       ...props,
       ref: ref => {

package/lib/module/core/createUnistylesActivityIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","isAndroid","ScopedThemeContext","UnistylesShadowRegistry","copyComponentProperties","passForwardedRef","maybeWarnAboutMultipleUnistyles","jsx","_jsx","getWrapperHandle","ref","spinner","__internalInstanceHandle","return","createUnistylesActivityIndicator","Component","UnistylesActivityIndicator","props","scope","style","wrapperHandle","add","remove"],"sourceRoot":"../../../src","sources":["core/createUnistylesActivityIndicator.tsx"],"mappings":";;AAEA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,SAAS,QAAQ,WAAW;AACrC,SAASC,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,+BAA+B,QAAQ,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,MAAMC,gBAAgB,GAAIC,GAAQ,IAAK;EACnC,MAAMC,OAAO,GAAGD,GAAG,EAAEE,wBAAwB;EAE7C,OAAO;IACHA,wBAAwB,EAAEX,SAAS,GAAGU,OAAO,EAAEE,MAAM,EAAEA,MAAM,GAAGF,OAAO,EAAEE;EAC7E,CAAC;AACL,CAAC;AAED,OAAO,MAAMC,gCAAgC,GAAIC,SAAmC,IAAK;EACrF,MAAMC,0BAA0B,GAAIC,KAAU,IAAK;IAC/C,MAAMC,KAAK,GAAGlB,UAAU,CAACE,kBAAkB,CAAC;IAE5C,oBACIM,IAAA,CAACO,SAAS;MAAA,GACFE,KAAK;MACTP,GAAG,EAAGA,GAAY,IAAK;QACnBJ,+BAA+B,CAACW,KAAK,CAACE,KAAK,EAAE,mBAAmB,CAAC;QAEjE,MAAMC,aAAa,GAAGX,gBAAgB,CAACC,GAAG,CAAC;QAE3C,OAAOL,gBAAgB,CACnBK,GAAG,EACHO,KAAK,CAACP,GAAG,EACT,MAAM;UACF;UACAP,uBAAuB,CAACkB,GAAG,CAACD,aAAa,EAAEH,KAAK,CAACE,KAAK,EAAED,KAAK,CAAC;QAClE,CAAC,EACD,MAAM;UACF;UACAf,uBAAuB,CAACmB,MAAM,CAACF,aAAa,CAAC;QACjD,CACJ,CAAC;MACL;IAAE,CACL,CAAC;EAEV,CAAC;EAED,OAAOhB,uBAAuB,CAACW,SAAS,EAAEC,0BAA0B,CAAC;AACzE,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","ScopedThemeContext","UnistylesShadowRegistry","Fiber","copyComponentProperties","hasUnistyles","passForwardedRef","maybeWarnAboutMultipleUnistyles","jsx","_jsx","getHostFor","getParentHost","getWrapperHandle","ref","spinner","__internalInstanceHandle","createUnistylesActivityIndicator","Component","UnistylesActivityIndicator","props","scope","style","wrapperHandle","add","remove"],"sourceRoot":"../../../src","sources":["core/createUnistylesActivityIndicator.tsx"],"mappings":";;AAEA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,KAAK,QAAQ,iBAAiB;AACvC,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,+BAA+B,QAAQ,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,MAAM;EAAEC,UAAU;EAAEC;AAAc,CAAC,GAAGR,KAAK;AAE3C,MAAMS,gBAAgB,GAAIC,GAAY,IAAK;EACvC,MAAMC,OAAO,GAAGJ,UAAU,CAACG,GAAG,CAAC;EAE/B,OAAO;IACHE,wBAAwB,EAAED,OAAO,IAAIH,aAAa,CAACG,OAAO;EAC9D,CAAC;AACL,CAAC;AAED,OAAO,MAAME,gCAAgC,GAAIC,SAAmC,IAAK;EACrF,MAAMC,0BAA0B,GAAIC,KAAU,IAAK;IAC/C,MAAMC,KAAK,GAAGpB,UAAU,CAACC,kBAAkB,CAAC;IAE5C,IAAI,CAACI,YAAY,CAACc,KAAK,CAACE,KAAK,CAAC,EAAE;MAC5B,oBAAOZ,IAAA,CAACQ,SAAS;QAAA,GAAKE;MAAK,CAAG,CAAC;IACnC;IAEA,oBACIV,IAAA,CAACQ,SAAS;MAAA,GACFE,KAAK;MACTN,GAAG,EAAGA,GAAY,IAAK;QACnBN,+BAA+B,CAACY,KAAK,CAACE,KAAK,EAAE,mBAAmB,CAAC;QAEjE,MAAMC,aAAa,GAAGV,gBAAgB,CAACC,GAAG,CAAC;QAE3C,OAAOP,gBAAgB,CACnBO,GAAG,EACHM,KAAK,CAACN,GAAG,EACT,MAAM;UACF;UACAX,uBAAuB,CAACqB,GAAG,CAACD,aAAa,EAAEH,KAAK,CAACE,KAAK,EAAED,KAAK,CAAC;QAClE,CAAC,EACD,MAAM;UACF;UACAlB,uBAAuB,CAACsB,MAAM,CAACF,aAAa,CAAC;QACjD,CACJ,CAAC;MACL;IAAE,CACL,CAAC;EAEV,CAAC;EAED,OAAOlB,uBAAuB,CAACa,SAAS,EAAEC,0BAA0B,CAAC;AACzE,CAAC","ignoreList":[]}

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

@@ -4,6 +4,7 @@ import React, { useContext, useRef } from 'react';
 import { ScopedThemeContext } from '../components/ScopedThemeContext';
 import { UnistylesShadowRegistry } from '../specs';
 import { copyComponentProperties } from '../utils';
+import { hasUnistyles } from './hasUnistyles';
 import { passForwardedRef } from './passForwardRef';
 import { maybeWarnAboutMultipleUnistyles } from './warn';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,6 +12,11 @@ export const createUnistylesElement = Component => {
   const UnistylesComponent = props => {
     const scrollViewRef = useRef(null);
     const scope = useContext(ScopedThemeContext);
+    if (!hasUnistyles(props.style)) {
+      return /*#__PURE__*/_jsx(Component, {
+        ...props
+      });
+    }
     return /*#__PURE__*/_jsx(Component, {
       ...props,
       ref: ref => {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useRef","ScopedThemeContext","UnistylesShadowRegistry","copyComponentProperties","passForwardedRef","maybeWarnAboutMultipleUnistyles","jsx","_jsx","createUnistylesElement","Component","UnistylesComponent","props","scrollViewRef","scope","ref","style","displayName","isScrollView","current","remove","add"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.native.tsx"],"mappings":";;AAEA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAEjD,SAASC,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,uBAAuB,QAAQ,UAAU;AAClD,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,IAAK;EACtD,MAAMC,kBAAkB,GAAIC,KAAU,IAAK;IACvC,MAAMC,aAAa,GAAGZ,MAAM,CAAa,IAAI,CAAC;IAC9C,MAAMa,KAAK,GAAGd,UAAU,CAACE,kBAAkB,CAAC;IAE5C,oBACIM,IAAA,CAACE,SAAS;MAAA,GACFE,KAAK;MACTG,GAAG,EAAGA,GAAY,IAAK;QACnBT,+BAA+B,CAACM,KAAK,CAACI,KAAK,EAAEN,SAAS,CAACO,WAAW,CAAC;;QAEnE;QACA;QACA,MAAMC,YAAY,GAAGR,SAAS,CAACO,WAAW,KAAK,YAAY;QAE3D,IAAIC,YAAY,IAAIH,GAAG,EAAE;UACrBF,aAAa,CAACM,OAAO,GAAGJ,GAAiB;QAC7C;QAEA,IAAIG,YAAY,IAAI,CAACH,GAAG,EAAE;UACtB;UACAZ,uBAAuB,CAACiB,MAAM,CAACP,aAAa,CAACM,OAAO,CAAC;UACrDN,aAAa,CAACM,OAAO,GAAG,IAAI;UAE5B;QACJ;QAEA,OAAOd,gBAAgB,CACnBU,GAAG,EACHH,KAAK,CAACG,GAAG,EACT,MAAM;UACF;UACAZ,uBAAuB,CAACkB,GAAG,CAACN,GAAG,EAAEH,KAAK,CAACI,KAAK,EAAEF,KAAK,CAAC;QACxD,CAAC,EACD,MAAM;UACF;UACAX,uBAAuB,CAACiB,MAAM,CAACL,GAAG,CAAC;QACvC,CACJ,CAAC;MACL;IAAE,CACL,CAAC;EAEV,CAAC;EAED,OAAOX,uBAAuB,CAACM,SAAS,EAAEC,kBAAkB,CAAC;AACjE,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","useRef","ScopedThemeContext","UnistylesShadowRegistry","copyComponentProperties","hasUnistyles","passForwardedRef","maybeWarnAboutMultipleUnistyles","jsx","_jsx","createUnistylesElement","Component","UnistylesComponent","props","scrollViewRef","scope","style","ref","displayName","isScrollView","current","remove","add"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.native.tsx"],"mappings":";;AAEA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAEjD,SAASC,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,+BAA+B,QAAQ,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,MAAMC,sBAAsB,GAAIC,SAAc,IAAK;EACtD,MAAMC,kBAAkB,GAAIC,KAAU,IAAK;IACvC,MAAMC,aAAa,GAAGb,MAAM,CAAa,IAAI,CAAC;IAC9C,MAAMc,KAAK,GAAGf,UAAU,CAACE,kBAAkB,CAAC;IAE5C,IAAI,CAACG,YAAY,CAACQ,KAAK,CAACG,KAAK,CAAC,EAAE;MAC5B,oBAAOP,IAAA,CAACE,SAAS;QAAA,GAAKE;MAAK,CAAG,CAAC;IACnC;IAEA,oBACIJ,IAAA,CAACE,SAAS;MAAA,GACFE,KAAK;MACTI,GAAG,EAAGA,GAAY,IAAK;QACnBV,+BAA+B,CAACM,KAAK,CAACG,KAAK,EAAEL,SAAS,CAACO,WAAW,CAAC;;QAEnE;QACA;QACA,MAAMC,YAAY,GAAGR,SAAS,CAACO,WAAW,KAAK,YAAY;QAE3D,IAAIC,YAAY,IAAIF,GAAG,EAAE;UACrBH,aAAa,CAACM,OAAO,GAAGH,GAAiB;QAC7C;QAEA,IAAIE,YAAY,IAAI,CAACF,GAAG,EAAE;UACtB;UACAd,uBAAuB,CAACkB,MAAM,CAACP,aAAa,CAACM,OAAO,CAAC;UACrDN,aAAa,CAACM,OAAO,GAAG,IAAI;UAE5B;QACJ;QAEA,OAAOd,gBAAgB,CACnBW,GAAG,EACHJ,KAAK,CAACI,GAAG,EACT,MAAM;UACF;UACAd,uBAAuB,CAACmB,GAAG,CAACL,GAAG,EAAEJ,KAAK,CAACG,KAAK,EAAED,KAAK,CAAC;QACxD,CAAC,EACD,MAAM;UACF;UACAZ,uBAAuB,CAACkB,MAAM,CAACJ,GAAG,CAAC;QACvC,CACJ,CAAC;MACL;IAAE,CACL,CAAC;EAEV,CAAC;EAED,OAAOb,uBAAuB,CAACO,SAAS,EAAEC,kBAAkB,CAAC;AACjE,CAAC","ignoreList":[]}

package/lib/module/core/createUnistylesImageBackground.js

@@ -4,6 +4,7 @@ import React, { useContext } from 'react';
 import { ScopedThemeContext } from '../components/ScopedThemeContext';
 import { UnistylesShadowRegistry } from '../specs';
 import { copyComponentProperties } from '../utils';
+import { hasUnistyles } from './hasUnistyles';
 import { passForwardedRef } from './passForwardRef';
 import { maybeWarnAboutMultipleUnistyles } from './warn';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -15,25 +16,27 @@ export const createUnistylesImageBackground = Component => {
     maybeWarnAboutMultipleUnistyles(props.style, 'ImageBackground');
     // @ts-ignore we don't know the type of the component
     maybeWarnAboutMultipleUnistyles(props.imageStyle, 'ImageBackground');
+    const linkRef = ref => {
+      return passForwardedRef(ref, forwardedRef, () => {
+        // @ts-expect-error - this is hidden from TS
+        UnistylesShadowRegistry.add(ref, props.style, scope);
+      }, () => {
+        // @ts-expect-error - this is hidden from TS
+        UnistylesShadowRegistry.remove(ref);
+      });
+    };
+    const linkImageRef = ref => {
+      // @ts-expect-error web types are not compatible with RN styles
+      UnistylesShadowRegistry.add(ref, props.imageStyle, scope);
+      return () => {
+        // @ts-ignore this is hidden from TS
+        UnistylesShadowRegistry.remove(ref);
+      };
+    };
     return /*#__PURE__*/_jsx(Component, {
       ...props,
-      ref: ref => {
-        return passForwardedRef(ref, forwardedRef, () => {
-          // @ts-expect-error - this is hidden from TS
-          UnistylesShadowRegistry.add(ref, props.style, scope);
-        }, () => {
-          // @ts-expect-error - this is hidden from TS
-          UnistylesShadowRegistry.remove(ref);
-        });
-      },
-      imageRef: ref => {
-        // @ts-expect-error web types are not compatible with RN styles
-        UnistylesShadowRegistry.add(ref, props.imageStyle, scope);
-        return () => {
-          // @ts-ignore this is hidden from TS
-          UnistylesShadowRegistry.remove(ref);
-        };
-      }
+      ref: hasUnistyles(props.style) ? linkRef : forwardedRef,
+      imageRef: hasUnistyles(props.imageStyle) ? linkImageRef : props.imageRef
     });
   });
   return copyComponentProperties(Component, UnistylesImageBackground);

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","ScopedThemeContext","UnistylesShadowRegistry","copyComponentProperties","passForwardedRef","maybeWarnAboutMultipleUnistyles","jsx","_jsx","createUnistylesImageBackground","Component","UnistylesImageBackground","forwardRef","props","forwardedRef","scope","style","imageStyle","ref","add","remove","imageRef"],"sourceRoot":"../../../src","sources":["core/createUnistylesImageBackground.tsx"],"mappings":";;AAEA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,+BAA+B,QAAQ,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,MAAMC,8BAA8B,GAAIC,SAAiC,IAAK;EACjF,MAAMC,wBAAwB,gBAAGX,KAAK,CAACY,UAAU,CAAwC,CAACC,KAAK,EAAEC,YAAY,KAAK;IAC9G,MAAMC,KAAK,GAAGd,UAAU,CAACC,kBAAkB,CAAC;;IAE5C;IACAI,+BAA+B,CAACO,KAAK,CAACG,KAAK,EAAE,iBAAiB,CAAC;IAC/D;IACAV,+BAA+B,CAACO,KAAK,CAACI,UAAU,EAAE,iBAAiB,CAAC;IAEpE,oBACIT,IAAA,CAACE,SAAS;MAAA,GACFG,KAAK;MACTK,GAAG,EAAGA,GAAG,IAAK;QACV,OAAOb,gBAAgB,CACnBa,GAAG,EACHJ,YAAY,EACZ,MAAM;UACF;UACAX,uBAAuB,CAACgB,GAAG,CAACD,GAAG,EAAEL,KAAK,CAACG,KAAK,EAAED,KAAK,CAAC;QACxD,CAAC,EACD,MAAM;UACF;UACAZ,uBAAuB,CAACiB,MAAM,CAACF,GAAG,CAAC;QACvC,CACJ,CAAC;MACL,CAAE;MACFG,QAAQ,EAAGH,GAAG,IAAK;QACf;QACAf,uBAAuB,CAACgB,GAAG,CAACD,GAAG,EAAEL,KAAK,CAACI,UAAU,EAAEF,KAAK,CAAC;QAEzD,OAAO,MAAM;UACT;UACAZ,uBAAuB,CAACiB,MAAM,CAACF,GAAG,CAAC;QACvC,CAAC;MACL;IAAE,CACL,CAAC;EAEV,CAAC,CAAC;EAEF,OAAOd,uBAAuB,CAACM,SAAS,EAAEC,wBAAwB,CAAC;AACvE,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","ScopedThemeContext","UnistylesShadowRegistry","copyComponentProperties","hasUnistyles","passForwardedRef","maybeWarnAboutMultipleUnistyles","jsx","_jsx","createUnistylesImageBackground","Component","UnistylesImageBackground","forwardRef","props","forwardedRef","scope","style","imageStyle","linkRef","ref","add","remove","linkImageRef","imageRef"],"sourceRoot":"../../../src","sources":["core/createUnistylesImageBackground.tsx"],"mappings":";;AAEA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,+BAA+B,QAAQ,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,MAAMC,8BAA8B,GAAIC,SAAiC,IAAK;EACjF,MAAMC,wBAAwB,gBAAGZ,KAAK,CAACa,UAAU,CAAwC,CAACC,KAAK,EAAEC,YAAY,KAAK;IAC9G,MAAMC,KAAK,GAAGf,UAAU,CAACC,kBAAkB,CAAC;;IAE5C;IACAK,+BAA+B,CAACO,KAAK,CAACG,KAAK,EAAE,iBAAiB,CAAC;IAC/D;IACAV,+BAA+B,CAACO,KAAK,CAACI,UAAU,EAAE,iBAAiB,CAAC;IAEpE,MAAMC,OAAO,GAAIC,GAA2B,IAAK;MAC7C,OAAOd,gBAAgB,CACnBc,GAAG,EACHL,YAAY,EACZ,MAAM;QACF;QACAZ,uBAAuB,CAACkB,GAAG,CAACD,GAAG,EAAEN,KAAK,CAACG,KAAK,EAAED,KAAK,CAAC;MACxD,CAAC,EACD,MAAM;QACF;QACAb,uBAAuB,CAACmB,MAAM,CAACF,GAAG,CAAC;MACvC,CACJ,CAAC;IACL,CAAC;IACD,MAAMG,YAAY,GAAIH,GAAY,IAAK;MACnC;MACAjB,uBAAuB,CAACkB,GAAG,CAACD,GAAG,EAAEN,KAAK,CAACI,UAAU,EAAEF,KAAK,CAAC;MAEzD,OAAO,MAAM;QACT;QACAb,uBAAuB,CAACmB,MAAM,CAACF,GAAG,CAAC;MACvC,CAAC;IACL,CAAC;IAED,oBACIX,IAAA,CAACE,SAAS;MAAA,GACFG,KAAK;MACTM,GAAG,EAAEf,YAAY,CAACS,KAAK,CAACG,KAAK,CAAC,GAAGE,OAAO,GAAGJ,YAAa;MACxDS,QAAQ,EAAEnB,YAAY,CAACS,KAAK,CAACI,UAAU,CAAC,GAAGK,YAAY,GAAGT,KAAK,CAACU;IAAS,CAC5E,CAAC;EAEV,CAAC,CAAC;EAEF,OAAOpB,uBAAuB,CAACO,SAAS,EAAEC,wBAAwB,CAAC;AACvE,CAAC","ignoreList":[]}

package/lib/module/core/createUnistylesTouchableHighlight.js

@@ -4,6 +4,7 @@ import React, { useCallback, useContext, useLayoutEffect, useRef, useState } fro
 import { ScopedThemeContext } from '../components/ScopedThemeContext';
 import { UnistylesShadowRegistry } from '../specs';
 import { copyComponentProperties } from '../utils';
+import { hasUnistyles } from './hasUnistyles';
 import { passForwardedRef } from './passForwardRef';
 import { maybeWarnAboutMultipleUnistyles } from './warn';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -36,6 +37,11 @@ export const createUnistylesTouchableHighlight = Component => {
         UnistylesShadowRegistry.remove(ref);
       });
     }, [props, scope]);
+    if (!hasUnistyles(props.style)) {
+      return /*#__PURE__*/_jsx(Component, {
+        ...props
+      });
+    }
     return /*#__PURE__*/_jsx(Component, {
       ...props,
       ref: ref,

package/lib/module/core/createUnistylesTouchableHighlight.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useContext","useLayoutEffect","useRef","useState","ScopedThemeContext","UnistylesShadowRegistry","copyComponentProperties","passForwardedRef","maybeWarnAboutMultipleUnistyles","jsx","_jsx","createUnistylesTouchableHighlight","Component","UnistylesTouchableHighlight","props","scope","relinkRef","undefined","hiddenUnderlays","setHiddenUnderlays","current","ref","style","remove","add","onHideUnderlay","count"],"sourceRoot":"../../../src","sources":["core/createUnistylesTouchableHighlight.tsx"],"mappings":";;AAEA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,eAAe,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAEzF,SAASC,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,+BAA+B,QAAQ,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,MAAMC,iCAAiC,GAAIC,SAAoC,IAAK;EACvF,MAAMC,2BAA2B,GAAIC,KAAU,IAAK;IAChD,MAAMC,KAAK,GAAGf,UAAU,CAACI,kBAAkB,CAAC;IAC5C,MAAMY,SAAS,GAAGd,MAAM,CAAae,SAAS,CAAC;IAC/C,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGhB,QAAQ,CAAC,CAAC,CAAC;IAEzDF,eAAe,CAAC,MAAM;MAClB,IAAIiB,eAAe,GAAG,CAAC,EAAE;QACrBF,SAAS,CAACI,OAAO,GAAG,CAAC;MACzB;IACJ,CAAC,EAAE,CAACF,eAAe,CAAC,CAAC;;IAErB;IACA,MAAMG,GAAG,GAAGtB,WAAW,CAClBsB,GAAY,IAAK;MACdb,+BAA+B,CAACM,KAAK,CAACQ,KAAK,EAAE,oBAAoB,CAAC;MAElEN,SAAS,CAACI,OAAO,GAAG,MAAM;QACtB;QACAf,uBAAuB,CAACkB,MAAM,CAACF,GAAG,CAAC;QACnC;QACAhB,uBAAuB,CAACmB,GAAG,CAACH,GAAG,EAAEP,KAAK,CAACQ,KAAK,EAAEP,KAAK,CAAC;MACxD,CAAC;MAED,OAAOR,gBAAgB,CACnBc,GAAG,EACHP,KAAK,CAACO,GAAG,EACT,MAAM;QACF;QACAhB,uBAAuB,CAACmB,GAAG,CAACH,GAAG,EAAEP,KAAK,CAACQ,KAAK,EAAEP,KAAK,CAAC;MACxD,CAAC,EACD,MAAM;QACFC,SAAS,CAACI,OAAO,GAAGH,SAAS;QAC7B;QACAZ,uBAAuB,CAACkB,MAAM,CAACF,GAAG,CAAC;MACvC,CACJ,CAAC;IACL,CAAC,EACD,CAACP,KAAK,EAAEC,KAAK,CACjB,CAAC;IAED,oBACIL,IAAA,CAACE,SAAS;MAAA,GACFE,KAAK;MACTO,GAAG,EAAEA,GAAI;MACTI,cAAc,EAAEA,CAAA,KAAM;QAClBN,kBAAkB,CAAEO,KAAK,IAAKA,KAAK,GAAG,CAAC,CAAC;QACxCZ,KAAK,CAACW,cAAc,GAAG,CAAC;MAC5B;IAAE,CACL,CAAC;EAEV,CAAC;EAED,OAAOnB,uBAAuB,CAACM,SAAS,EAAEC,2BAA2B,CAAC;AAC1E,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useContext","useLayoutEffect","useRef","useState","ScopedThemeContext","UnistylesShadowRegistry","copyComponentProperties","hasUnistyles","passForwardedRef","maybeWarnAboutMultipleUnistyles","jsx","_jsx","createUnistylesTouchableHighlight","Component","UnistylesTouchableHighlight","props","scope","relinkRef","undefined","hiddenUnderlays","setHiddenUnderlays","current","ref","style","remove","add","onHideUnderlay","count"],"sourceRoot":"../../../src","sources":["core/createUnistylesTouchableHighlight.tsx"],"mappings":";;AAEA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,eAAe,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAEzF,SAASC,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,+BAA+B,QAAQ,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,MAAMC,iCAAiC,GAAIC,SAAoC,IAAK;EACvF,MAAMC,2BAA2B,GAAIC,KAAU,IAAK;IAChD,MAAMC,KAAK,GAAGhB,UAAU,CAACI,kBAAkB,CAAC;IAC5C,MAAMa,SAAS,GAAGf,MAAM,CAAagB,SAAS,CAAC;IAC/C,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGjB,QAAQ,CAAC,CAAC,CAAC;IAEzDF,eAAe,CAAC,MAAM;MAClB,IAAIkB,eAAe,GAAG,CAAC,EAAE;QACrBF,SAAS,CAACI,OAAO,GAAG,CAAC;MACzB;IACJ,CAAC,EAAE,CAACF,eAAe,CAAC,CAAC;;IAErB;IACA,MAAMG,GAAG,GAAGvB,WAAW,CAClBuB,GAAY,IAAK;MACdb,+BAA+B,CAACM,KAAK,CAACQ,KAAK,EAAE,oBAAoB,CAAC;MAElEN,SAAS,CAACI,OAAO,GAAG,MAAM;QACtB;QACAhB,uBAAuB,CAACmB,MAAM,CAACF,GAAG,CAAC;QACnC;QACAjB,uBAAuB,CAACoB,GAAG,CAACH,GAAG,EAAEP,KAAK,CAACQ,KAAK,EAAEP,KAAK,CAAC;MACxD,CAAC;MAED,OAAOR,gBAAgB,CACnBc,GAAG,EACHP,KAAK,CAACO,GAAG,EACT,MAAM;QACF;QACAjB,uBAAuB,CAACoB,GAAG,CAACH,GAAG,EAAEP,KAAK,CAACQ,KAAK,EAAEP,KAAK,CAAC;MACxD,CAAC,EACD,MAAM;QACFC,SAAS,CAACI,OAAO,GAAGH,SAAS;QAC7B;QACAb,uBAAuB,CAACmB,MAAM,CAACF,GAAG,CAAC;MACvC,CACJ,CAAC;IACL,CAAC,EACD,CAACP,KAAK,EAAEC,KAAK,CACjB,CAAC;IAED,IAAI,CAACT,YAAY,CAACQ,KAAK,CAACQ,KAAK,CAAC,EAAE;MAC5B,oBAAOZ,IAAA,CAACE,SAAS;QAAA,GAAKE;MAAK,CAAG,CAAC;IACnC;IAEA,oBACIJ,IAAA,CAACE,SAAS;MAAA,GACFE,KAAK;MACTO,GAAG,EAAEA,GAAI;MACTI,cAAc,EAAEA,CAAA,KAAM;QAClBN,kBAAkB,CAAEO,KAAK,IAAKA,KAAK,GAAG,CAAC,CAAC;QACxCZ,KAAK,CAACW,cAAc,GAAG,CAAC;MAC5B;IAAE,CACL,CAAC;EAEV,CAAC;EAED,OAAOpB,uBAAuB,CAACO,SAAS,EAAEC,2BAA2B,CAAC;AAC1E,CAAC","ignoreList":[]}

package/lib/module/core/getClassname.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import * as unistyles from '../web/services';
-import { checkForAnimated } from '../web/utils';
+import { checkForAnimated, isGeneratedUnistyle } from '../web/utils';
 export const getClassName = (unistyle, forChild) => {
   if (!unistyle) {
     return undefined;
@@ -9,6 +9,21 @@ export const getClassName = (unistyle, forChild) => {
   const flattenedStyles = Array.isArray(unistyle) ? unistyle.flat(Number.POSITIVE_INFINITY) : [unistyle];
   const animatedStyles = flattenedStyles.filter(checkForAnimated);
   const regularStyles = flattenedStyles.filter(style => !checkForAnimated(style));
+  const [firstStyle, ...otherStyles] = regularStyles;
+
+  // Already processed by an outer Unistyles component, e.g. createUnistylesElement(Animated.View),
+  // styles added after it (like Reanimated's initial animated values) stay inline
+  if (firstStyle && isGeneratedUnistyle(firstStyle) && firstStyle.hash) {
+    const {
+      hash,
+      injectedClassName
+    } = firstStyle;
+    return [{
+      $$css: true,
+      hash,
+      injectedClassName
+    }, otherStyles.concat(animatedStyles)];
+  }
   const {
     hash,
     injectedClassName

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

@@ -1 +1 @@
-{"version":3,"names":["unistyles","checkForAnimated","getClassName","unistyle","forChild","undefined","flattenedStyles","Array","isArray","flat","Number","POSITIVE_INFINITY","animatedStyles","filter","regularStyles","style","hash","injectedClassName","services","shadowRegistry","addStyles","$$css"],"sourceRoot":"../../../src","sources":["core/getClassname.ts"],"mappings":";;AAEA,OAAO,KAAKA,SAAS,MAAM,iBAAiB;AAC5C,SAASC,gBAAgB,QAAQ,cAAc;AAE/C,OAAO,MAAMC,YAAY,GAAGA,CAACC,QAA8D,EAAEC,QAAkB,KAAK;EAChH,IAAI,CAACD,QAAQ,EAAE;IACX,OAAOE,SAAS;EACpB;EAEA,MAAMC,eAAe,GAAGC,KAAK,CAACC,OAAO,CAACL,QAAQ,CAAC,GAAGA,QAAQ,CAACM,IAAI,CAACC,MAAM,CAACC,iBAAiB,CAAC,GAAG,CAACR,QAAQ,CAAC;EACtG,MAAMS,cAAc,GAAGN,eAAe,CAACO,MAAM,CAACZ,gBAAgB,CAAC;EAC/D,MAAMa,aAAa,GAAGR,eAAe,CAACO,MAAM,CAAEE,KAAK,IAAK,CAACd,gBAAgB,CAACc,KAAK,CAAC,CAAC;EAEjF,MAAM;IAAEC,IAAI;IAAEC;EAAkB,CAAC,GAAGjB,SAAS,CAACkB,QAAQ,CAACC,cAAc,CAACC,SAAS,CAACN,aAAa,EAAEV,QAAQ,CAAC;EAExG,OAAOY,IAAI,GAAI,CAAC;IAAEK,KAAK,EAAE,IAAI;IAAEL,IAAI;IAAEC;EAAkB,CAAC,EAAEL,cAAc,CAAC,GAAaP,SAAS;AACnG,CAAC","ignoreList":[]}
+{"version":3,"names":["unistyles","checkForAnimated","isGeneratedUnistyle","getClassName","unistyle","forChild","undefined","flattenedStyles","Array","isArray","flat","Number","POSITIVE_INFINITY","animatedStyles","filter","regularStyles","style","firstStyle","otherStyles","hash","injectedClassName","$$css","concat","services","shadowRegistry","addStyles"],"sourceRoot":"../../../src","sources":["core/getClassname.ts"],"mappings":";;AAEA,OAAO,KAAKA,SAAS,MAAM,iBAAiB;AAC5C,SAASC,gBAAgB,EAAEC,mBAAmB,QAAQ,cAAc;AAEpE,OAAO,MAAMC,YAAY,GAAGA,CAACC,QAA8D,EAAEC,QAAkB,KAAK;EAChH,IAAI,CAACD,QAAQ,EAAE;IACX,OAAOE,SAAS;EACpB;EAEA,MAAMC,eAAe,GAAGC,KAAK,CAACC,OAAO,CAACL,QAAQ,CAAC,GAAGA,QAAQ,CAACM,IAAI,CAACC,MAAM,CAACC,iBAAiB,CAAC,GAAG,CAACR,QAAQ,CAAC;EACtG,MAAMS,cAAc,GAAGN,eAAe,CAACO,MAAM,CAACb,gBAAgB,CAAC;EAC/D,MAAMc,aAAa,GAAGR,eAAe,CAACO,MAAM,CAAEE,KAAK,IAAK,CAACf,gBAAgB,CAACe,KAAK,CAAC,CAAC;EACjF,MAAM,CAACC,UAAU,EAAE,GAAGC,WAAW,CAAC,GAAGH,aAAa;;EAElD;EACA;EACA,IAAIE,UAAU,IAAIf,mBAAmB,CAACe,UAAU,CAAC,IAAIA,UAAU,CAACE,IAAI,EAAE;IAClE,MAAM;MAAEA,IAAI;MAAEC;IAAkB,CAAC,GAAGH,UAAU;IAE9C,OAAO,CAAC;MAAEI,KAAK,EAAE,IAAI;MAAEF,IAAI;MAAEC;IAAkB,CAAC,EAAEF,WAAW,CAACI,MAAM,CAACT,cAAc,CAAC,CAAC;EACzF;EAEA,MAAM;IAAEM,IAAI;IAAEC;EAAkB,CAAC,GAAGpB,SAAS,CAACuB,QAAQ,CAACC,cAAc,CAACC,SAAS,CAACV,aAAa,EAAEV,QAAQ,CAAC;EAExG,OAAOc,IAAI,GAAI,CAAC;IAAEE,KAAK,EAAE,IAAI;IAAEF,IAAI;IAAEC;EAAkB,CAAC,EAAEP,cAAc,CAAC,GAAaP,SAAS;AACnG,CAAC","ignoreList":[]}

package/lib/module/core/hasUnistyles.js

@@ -0,0 +1,21 @@
+"use strict";
+
+// whether a style prop (also nested arrays) holds a unistyle, the only styles Unistyles updates
+// a view without one renders like a React Native view, it never links
+export const hasUnistyles = style => {
+  if (Array.isArray(style)) {
+    return style.some(hasUnistyles);
+  }
+  if (!style || typeof style !== 'object') {
+    return false;
+  }
+
+  // own keys only, like the registry. A unistyle starts with its `unistyles_` key, so it exits early
+  for (const key in style) {
+    if (key.startsWith('unistyles_') && Object.prototype.hasOwnProperty.call(style, key)) {
+      return true;
+    }
+  }
+  return false;
+};
+//# sourceMappingURL=hasUnistyles.js.map

package/lib/module/core/hasUnistyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["hasUnistyles","style","Array","isArray","some","key","startsWith","Object","prototype","hasOwnProperty","call"],"sourceRoot":"../../../src","sources":["core/hasUnistyles.ts"],"mappings":";;AAAA;AACA;AACA,OAAO,MAAMA,YAAY,GAAIC,KAAc,IAAc;EACrD,IAAIC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;IACtB,OAAOA,KAAK,CAACG,IAAI,CAACJ,YAAY,CAAC;EACnC;EAEA,IAAI,CAACC,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IACrC,OAAO,KAAK;EAChB;;EAEA;EACA,KAAK,MAAMI,GAAG,IAAIJ,KAAK,EAAE;IACrB,IAAII,GAAG,CAACC,UAAU,CAAC,YAAY,CAAC,IAAIC,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACT,KAAK,EAAEI,GAAG,CAAC,EAAE;MAClF,OAAO,IAAI;IACf;EACJ;EAEA,OAAO,KAAK;AAChB,CAAC","ignoreList":[]}