react-native-unistyles 3.0.24 → 3.1.0

package/src/components/native/ImageBackground.native.tsx

@@ -1,4 +1,5 @@
 import { ImageBackground as NativeImageBackground } from 'react-native'
+
 import { createUnistylesImageBackground } from '../../core'
 
 export const ImageBackground = createUnistylesImageBackground(NativeImageBackground)

package/src/components/native/ImageBackground.tsx

@@ -1,9 +1,11 @@
 import React from 'react'
 import { forwardRef } from 'react'
 import { type ImageStyle, ImageBackground as NativeImageBackground, type StyleProp, type ViewStyle } from 'react-native'
+
+import type { UnistylesValues } from '../../types'
+
 import { getClassName } from '../../core'
 import { maybeWarnAboutMultipleUnistyles } from '../../core/warn'
-import type { UnistylesValues } from '../../types'
 import { copyComponentProperties } from '../../utils'
 import { keyInObject } from '../../web/utils'
 import { createUnistylesRef } from '../../web/utils/createUnistylesRef'
@@ -28,12 +30,14 @@ const UnistylesImageBackground = forwardRef<unknown, Props>((props, forwardedRef
         <NativeImageBackground
             {...props}
             style={styleClassNames as StyleProp<ViewStyle>}
-            imageStyle={[
-                imageClassNames,
-                // Clear inline width and height extracted from source
-                hasWidthStyle && { width: '' },
-                hasHeightStyle && { height: '' }
-            ] as StyleProp<ImageStyle>}
+            imageStyle={
+                [
+                    imageClassNames,
+                    // Clear inline width and height extracted from source
+                    hasWidthStyle && { width: '' },
+                    hasHeightStyle && { height: '' },
+                ] as StyleProp<ImageStyle>
+            }
             ref={ref}
             imageRef={imageRef}
         />

package/src/components/native/KeyboardAvoidingView.tsx

@@ -1,4 +1,5 @@
 import { KeyboardAvoidingView as NativeKeyboardAvoidingView } from 'react-native'
+
 import { createUnistylesElement } from '../../core'
 
 export const KeyboardAvoidingView = createUnistylesElement(NativeKeyboardAvoidingView)

package/src/components/native/NativeText.native.tsx

@@ -1,5 +1,7 @@
-import { type ComponentType, createElement, forwardRef } from 'react'
 import type { TextProps } from 'react-native'
+
+import { type ComponentType, createElement, forwardRef } from 'react'
+
 import { createUnistylesElement } from '../../core'
 
 // credits to @hirbod

package/src/components/native/NativeView.native.tsx

@@ -1,5 +1,7 @@
-import { type ComponentType, createElement, forwardRef } from 'react'
 import type { ViewProps } from 'react-native'
+
+import { type ComponentType, createElement, forwardRef } from 'react'
+
 import { createUnistylesElement } from '../../core'
 
 // credits to @hirbod

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

@@ -1,6 +1,8 @@
+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 { PressableProps as Props, View } from 'react-native'
+
 import { passForwardedRef } from '../../core'
 import { UnistylesShadowRegistry } from '../../specs'
 
@@ -9,9 +11,7 @@ type PressableProps = Props & {
 }
 
 const getStyles = (styleProps: Record<string, any> = {}) => {
-    const unistyleKey = Object
-        .keys(styleProps)
-        .find(key => key.startsWith('unistyles_'))
+    const unistyleKey = Object.keys(styleProps).find((key) => key.startsWith('unistyles_'))
 
     if (!unistyleKey) {
         return styleProps
@@ -20,7 +20,7 @@ const getStyles = (styleProps: Record<string, any> = {}) => {
     return {
         // styles without C++ state
         ...styleProps[unistyleKey].uni__getStyles(),
-        [unistyleKey]: styleProps[unistyleKey]
+        [unistyleKey]: styleProps[unistyleKey],
     }
 }
 
@@ -40,7 +40,7 @@ export const Pressable = forwardRef<View, PressableProps>(({ variants, style, ..
     return (
         <NativePressableReactNative
             {...props}
-            ref={ref => {
+            ref={(ref) => {
                 const isPropStyleAFunction = typeof style === 'function'
                 const unistyles = isPropStyleAFunction
                     ? style.call(style, { pressed: false })
@@ -60,10 +60,10 @@ export const Pressable = forwardRef<View, PressableProps>(({ variants, style, ..
                     () => {
                         // @ts-expect-error - this is hidden from TS
                         UnistylesShadowRegistry.remove(ref)
-                    }
+                    },
                 )
             }}
-            style={state => {
+            style={(state) => {
                 const isPropStyleAFunction = typeof style === 'function'
                 const previousScopedTheme = UnistylesShadowRegistry.getScopedTheme()
 

package/src/components/native/Pressable.tsx

@@ -1,15 +1,18 @@
+import type { PressableProps as Props, View } from 'react-native'
+
 import React, { forwardRef } from 'react'
 import { Pressable as NativePressableReactNative } from 'react-native'
-import type { PressableProps as Props, View } from 'react-native'
+
+import type { UnistylesValues } from '../../types'
+
 import { getClassName } from '../../core'
 import { UnistylesShadowRegistry } from '../../specs'
-import type { UnistylesValues } from '../../types'
 import { isServer } from '../../web/utils'
 
 type Variants = Record<string, string | boolean | undefined>
 type WebPressableState = {
-    pressed: boolean,
-    hovered: boolean,
+    pressed: boolean
+    hovered: boolean
     focused: boolean
 }
 
@@ -17,7 +20,7 @@ type WebPressableStyle = ((state: WebPressableState) => UnistylesValues) | Unist
 
 type PressableProps = Props & {
     variants?: Variants
-    style?: WebPressableStyle,
+    style?: WebPressableStyle
 }
 
 export const Pressable = forwardRef<View, PressableProps>(({ style, ...props }, forwardedRef) => {
@@ -28,23 +31,25 @@ export const Pressable = forwardRef<View, PressableProps>(({ style, ...props },
     return (
         <NativePressableReactNative
             {...props}
-            ref={isServer() ? undefined : ref => {
-                storedRef = ref as unknown as HTMLElement
-                // @ts-expect-error hidden from TS
-                UnistylesShadowRegistry.add(storedRef, classNames?.hash)
+            ref={
+                isServer()
+                    ? undefined
+                    : (ref) => {
+                          storedRef = ref as unknown as HTMLElement
+                          // @ts-expect-error hidden from TS
+                          UnistylesShadowRegistry.add(storedRef, classNames?.hash)
 
-                if (typeof forwardedRef === 'function') {
-                    return forwardedRef(ref)
-                }
+                          if (typeof forwardedRef === 'function') {
+                              return forwardedRef(ref)
+                          }
 
-                if (forwardedRef) {
-                    forwardedRef.current = ref
-                }
-            }}
-            style={state => {
-                const styleResult = typeof style === 'function'
-                    ? style(state as WebPressableState)
-                    : style
+                          if (forwardedRef) {
+                              forwardedRef.current = ref
+                          }
+                      }
+            }
+            style={(state) => {
+                const styleResult = typeof style === 'function' ? style(state as WebPressableState) : style
                 const previousScopedTheme = UnistylesShadowRegistry.getScopedTheme()
 
                 UnistylesShadowRegistry.setScopedTheme(scopedTheme)

package/src/components/native/RefreshControl.tsx

@@ -1,4 +1,5 @@
 import { RefreshControl as NativeRefreshControl } from 'react-native'
+
 import { createUnistylesElement } from '../../core'
 
 export const RefreshControl = createUnistylesElement(NativeRefreshControl)

package/src/components/native/SafeAreaView.tsx

@@ -1,4 +1,5 @@
 import { SafeAreaView as NativeSafeAreaView } from 'react-native'
+
 import { createUnistylesElement } from '../../core'
 
 export const SafeAreaView = createUnistylesElement(NativeSafeAreaView)

package/src/components/native/ScrollView.tsx

@@ -1,4 +1,5 @@
 import { ScrollView as NativeScrollView } from 'react-native'
+
 import { createUnistylesElement } from '../../core'
 
 export const ScrollView = createUnistylesElement(NativeScrollView)

package/src/components/native/SectionList.tsx

@@ -1,4 +1,5 @@
 import { SectionList as NativeSectionList } from 'react-native'
+
 import { createUnistylesElement } from '../../core'
 
 export const SectionList = createUnistylesElement(NativeSectionList)

package/src/components/native/Switch.tsx

@@ -1,4 +1,5 @@
 import { Switch as NativeSwitch } from 'react-native'
+
 import { createUnistylesElement } from '../../core'
 
 export const Switch = createUnistylesElement(NativeSwitch)

package/src/components/native/Text.tsx

@@ -1,4 +1,5 @@
 import { Text as NativeText } from 'react-native'
+
 import { createUnistylesElement } from '../../core'
 
 export const Text = createUnistylesElement(NativeText)

package/src/components/native/TextInput.tsx

@@ -1,4 +1,5 @@
 import { TextInput as NativeTextInput } from 'react-native'
+
 import { createUnistylesElement } from '../../core'
 
 export const TextInput = createUnistylesElement(NativeTextInput)

package/src/components/native/TouchableHighlight.tsx

@@ -1,4 +1,5 @@
 import { TouchableHighlight as NativeTouchableHighlight } from 'react-native'
+
 import { createUnistylesElement } from '../../core'
 
 export const TouchableHighlight = createUnistylesElement(NativeTouchableHighlight)

package/src/components/native/TouchableOpacity.tsx

@@ -1,4 +1,5 @@
 import { TouchableOpacity as NativeTouchableOpacity } from 'react-native'
+
 import { createUnistylesElement } from '../../core'
 
 export const TouchableOpacity = createUnistylesElement(NativeTouchableOpacity)

package/src/components/native/View.tsx

@@ -1,4 +1,5 @@
 import { View as NativeView } from 'react-native'
+
 import { createUnistylesElement } from '../../core'
 
 export const View = createUnistylesElement(NativeView)

package/src/components/native/VirtualizedList.tsx

@@ -1,4 +1,5 @@
 import { VirtualizedList as NativeVirtualizedList } from 'react-native'
+
 import { createUnistylesElement } from '../../core'
 
 export const VirtualizedList = createUnistylesElement(NativeVirtualizedList)

package/src/core/createUnistylesElement.native.tsx

@@ -1,5 +1,7 @@
-import React, { useRef } from 'react'
 import type { ScrollView } from 'react-native'
+
+import React, { useRef } from 'react'
+
 import { UnistylesShadowRegistry } from '../specs'
 import { copyComponentProperties } from '../utils'
 import { passForwardedRef } from './passForwardRef'
@@ -41,7 +43,7 @@ export const createUnistylesElement = (Component: any) => {
                         () => {
                             // @ts-ignore this is hidden from TS
                             UnistylesShadowRegistry.remove(ref)
-                        }
+                        },
                     )
                 }}
             />

package/src/core/createUnistylesElement.tsx

@@ -1,6 +1,9 @@
-import React from 'react'
 import type { ViewStyle } from 'react-native'
+
+import React from 'react'
+
 import type { UnistylesValues } from '../types'
+
 import { copyComponentProperties } from '../utils'
 import { isServer } from '../web/utils'
 import { createUnistylesRef } from '../web/utils/createUnistylesRef'
@@ -9,40 +12,34 @@ import { maybeWarnAboutMultipleUnistyles } from './warn'
 
 const STYLE_PROPS = ['contentContainerStyle', 'columnWrapperStyle'] as const
 
-type StyleProp = typeof STYLE_PROPS[number] | 'style'
+type StyleProp = (typeof STYLE_PROPS)[number] | 'style'
 
 type ComponentProps = {
     [K in StyleProp]?: UnistylesValues
 }
 
 const buildUnistylesProps = (Component: any, props: ComponentProps, forwardedRef: React.ForwardedRef<unknown>) => {
-    const componentStyleProps = ['style' as const, ...STYLE_PROPS.filter(styleProp => styleProp in props)]
-    const classNames = Object.fromEntries(componentStyleProps.map(styleProp => [styleProp, getClassName(props[styleProp])]))
-    const refs = componentStyleProps.map(styleProp => {
-        return createUnistylesRef(
-            classNames[styleProp],
-            styleProp === 'style' ? forwardedRef : undefined
-        )
+    const componentStyleProps = ['style' as const, ...STYLE_PROPS.filter((styleProp) => styleProp in props)]
+    const classNames = Object.fromEntries(
+        componentStyleProps.map((styleProp) => [styleProp, getClassName(props[styleProp])]),
+    )
+    const refs = componentStyleProps.map((styleProp) => {
+        return createUnistylesRef(classNames[styleProp], styleProp === 'style' ? forwardedRef : undefined)
     })
 
-    componentStyleProps.forEach(styleProp => {
+    componentStyleProps.forEach((styleProp) => {
         maybeWarnAboutMultipleUnistyles(props[styleProp] as ViewStyle, Component.displayName)
     })
 
     return {
         ...classNames,
-        ref: isServer() ? undefined : (componentRef: any) => refs.forEach(ref => ref?.(componentRef))
+        ref: isServer() ? undefined : (componentRef: any) => refs.forEach((ref) => ref?.(componentRef)),
     }
 }
 
 export const createUnistylesElement = (Component: any) => {
     const UnistylesComponent = (props: any) => {
-        return (
-            <Component
-                {...props}
-                {...buildUnistylesProps(Component, props, props.ref)}
-            />
-        )
+        return <Component {...props} {...buildUnistylesProps(Component, props, props.ref)} />
     }
 
     return copyComponentProperties(Component, UnistylesComponent)

package/src/core/createUnistylesImageBackground.tsx

@@ -1,5 +1,7 @@
-import React from 'react'
 import type { ImageBackground, ImageBackgroundProps } from 'react-native'
+
+import React from 'react'
+
 import { UnistylesShadowRegistry } from '../specs'
 import { copyComponentProperties } from '../utils'
 import { passForwardedRef } from './passForwardRef'
@@ -15,7 +17,7 @@ export const createUnistylesImageBackground = (Component: typeof ImageBackground
         return (
             <Component
                 {...props}
-                ref={ref => {
+                ref={(ref) => {
                     return passForwardedRef(
                         ref,
                         forwardedRef,
@@ -26,10 +28,10 @@ export const createUnistylesImageBackground = (Component: typeof ImageBackground
                         () => {
                             // @ts-expect-error - this is hidden from TS
                             UnistylesShadowRegistry.remove(ref)
-                        }
+                        },
                     )
                 }}
-                imageRef={ref => {
+                imageRef={(ref) => {
                     // @ts-expect-error web types are not compatible with RN styles
                     UnistylesShadowRegistry.add(ref, props.imageStyle)
 

package/src/core/getClassname.ts

@@ -1,4 +1,5 @@
 import type { UnistylesValues } from '../types'
+
 import * as unistyles from '../web/services'
 import { checkForAnimated } from '../web/utils'
 
@@ -9,17 +10,9 @@ export const getClassName = (unistyle: UnistylesValues | undefined | Array<Unist
 
     const flattenedStyles = Array.isArray(unistyle) ? unistyle.flat(Number.POSITIVE_INFINITY) : [unistyle]
     const animatedStyles = flattenedStyles.filter(checkForAnimated)
-    const regularStyles = flattenedStyles.filter(style => !checkForAnimated(style))
+    const regularStyles = flattenedStyles.filter((style) => !checkForAnimated(style))
 
-    const { hash, injectedClassName } = unistyles.services.shadowRegistry.addStyles(
-        regularStyles,
-        forChild
-    )
+    const { hash, injectedClassName } = unistyles.services.shadowRegistry.addStyles(regularStyles, forChild)
 
-    return hash
-        ? [
-            { $$css: true, hash, injectedClassName },
-            animatedStyles,
-        ] as const
-        : undefined
+    return hash ? ([{ $$css: true, hash, injectedClassName }, animatedStyles] as const) : undefined
 }

package/src/core/parseBoxShadow.ts

@@ -19,7 +19,7 @@ const parseBoxShadow = (str: string): BoxShadow | undefined => {
     // split by space, but not if it's inside of ()
     const parts = str.split(/\s+(?![^(]*\))/)
     const lastIndex = parts.length - 1
-    const insetIndex = parts.findIndex(part => part === 'inset')
+    const insetIndex = parts.findIndex((part) => part === 'inset')
 
     // inset can only be at the start or end
     if (![-1, 0, lastIndex].includes(insetIndex)) {
@@ -27,19 +27,12 @@ const parseBoxShadow = (str: string): BoxShadow | undefined => {
     }
 
     // if there is no inset, color can only be at the start or end
-    const maybeColorsIndexes = insetIndex === -1
-        ? [0, lastIndex]
-        : insetIndex === lastIndex
-            ? [0, lastIndex - 1]
-            : [1, lastIndex]
+    const maybeColorsIndexes =
+        insetIndex === -1 ? [0, lastIndex] : insetIndex === lastIndex ? [0, lastIndex - 1] : [1, lastIndex]
 
-    const colorIndex = maybeColorsIndexes.find(index => !isValue(parts[index])) ?? -1
-    const maybeColor = colorIndex !== -1
-        ? parts[colorIndex]
-        : undefined
-    const color = maybeColor && processColor(maybeColor)
-        ? parts[colorIndex]
-        : undefined
+    const colorIndex = maybeColorsIndexes.find((index) => !isValue(parts[index])) ?? -1
+    const maybeColor = colorIndex !== -1 ? parts[colorIndex] : undefined
+    const color = maybeColor && processColor(maybeColor) ? parts[colorIndex] : undefined
     const values = parts.filter((_, index) => index !== colorIndex && index !== insetIndex)
 
     // at this point there can be only 4 values
@@ -53,32 +46,26 @@ const parseBoxShadow = (str: string): BoxShadow | undefined => {
         return undefined
     }
 
-    const blurRadiusValue = isValue(blurRadius)
-        ? Number.parseFloat(blurRadius as string)
-        : undefined
+    const blurRadiusValue = isValue(blurRadius) ? Number.parseFloat(blurRadius as string) : undefined
 
     if (blurRadiusValue !== undefined && blurRadiusValue < 0) {
         return undefined
     }
 
     return {
-        inset: insetIndex !== -1
-            ? true
-            : undefined,
+        inset: insetIndex !== -1 ? true : undefined,
         offsetX: Number.parseFloat(offsetX as string),
         offsetY: Number.parseFloat(offsetY as string),
         blurRadius: blurRadiusValue ?? 0,
-        spreadDistance: spreadRadius
-            ? Number.parseFloat(spreadRadius as string)
-            : 0,
-        color
+        spreadDistance: spreadRadius ? Number.parseFloat(spreadRadius as string) : 0,
+        color,
     }
 }
 
 export const parseBoxShadowString = (str: string): Array<BoxShadow> => {
     const parts = str
         .split(/,(?![^()]*\))/)
-        .map(part => part.trim().replace('\n', ''))
+        .map((part) => part.trim().replace('\n', ''))
         .filter(Boolean)
         .map(parseBoxShadow)
         .filter(Boolean) as Array<BoxShadow>

package/src/core/passForwardRef.ts

@@ -4,7 +4,7 @@ export const passForwardedRef = <T>(
     ref: T,
     forwardedRef: React.ForwardedRef<T>,
     onMount?: () => void,
-    onUnmount?: () => void
+    onUnmount?: () => void,
 ) => {
     const passForwardedRef = () => {
         if (typeof forwardedRef === 'function') {

package/src/core/useProxifiedUnistyles/listener.native.ts

@@ -1,10 +1,10 @@
-import { StyleSheet, UnistyleDependency } from '../../specs'
 import type { ListenerProps } from './types'
 
+import { StyleSheet, UnistyleDependency } from '../../specs'
+
 export const listener = ({ dependencies, updateTheme, updateRuntime }: ListenerProps) => {
     const listensToTheme = dependencies.includes(UnistyleDependency.Theme)
-    // @ts-expect-error - this is hidden from TS
-    const dispose = StyleSheet.addChangeListener(changedDependencies => {
+    const dispose = StyleSheet.addChangeListener((changedDependencies) => {
         if (listensToTheme && changedDependencies.includes(UnistyleDependency.Theme)) {
             updateTheme()
         }

package/src/core/useProxifiedUnistyles/listener.ts

@@ -1,10 +1,17 @@
+import type { ListenerProps } from './types'
+
 import { UnistyleDependency } from '../../specs'
 import * as unistyles from '../../web/services'
-import type { ListenerProps } from './types'
 
 export const listener = ({ dependencies, updateTheme, updateRuntime }: ListenerProps) => {
-    const disposeTheme = unistyles.services.listener.addListeners(dependencies.filter(dependency => dependency === UnistyleDependency.Theme), updateTheme)
-    const disposeRuntime = unistyles.services.listener.addListeners(dependencies.filter(dependency => dependency !== UnistyleDependency.Theme), dependency => updateRuntime(dependency === UnistyleDependency.ThemeName))
+    const disposeTheme = unistyles.services.listener.addListeners(
+        dependencies.filter((dependency) => dependency === UnistyleDependency.Theme),
+        updateTheme,
+    )
+    const disposeRuntime = unistyles.services.listener.addListeners(
+        dependencies.filter((dependency) => dependency !== UnistyleDependency.Theme),
+        (dependency) => updateRuntime(dependency === UnistyleDependency.ThemeName),
+    )
 
     return () => {
         disposeTheme()

package/src/core/useProxifiedUnistyles/types.ts

@@ -1,7 +1,7 @@
 import type { UnistyleDependency } from '../../specs'
 
 export type ListenerProps = {
-    updateTheme: VoidFunction,
-    updateRuntime(themeNameChange: boolean): void,
+    updateTheme: VoidFunction
+    updateRuntime(themeNameChange: boolean): void
     dependencies: Array<UnistyleDependency>
 }

package/src/core/useProxifiedUnistyles/useProxifiedUnistyles.ts

@@ -1,8 +1,10 @@
 import { useEffect, useLayoutEffect, useReducer, useRef, useState } from 'react'
+
+import type { UnistylesTheme } from '../../types'
+
 import { type UnistylesMiniRuntime, UnistylesRuntime, UnistylesShadowRegistry } from '../../specs'
 // It's imported that way because of circular dependency
 import { UnistyleDependency } from '../../specs/NativePlatform'
-import type { UnistylesTheme } from '../../types'
 import { listener } from './listener'
 
 const getMiniRuntime = (): UnistylesMiniRuntime => {
@@ -24,11 +26,13 @@ const RTDependencyMap = {
     statusBar: UnistyleDependency.StatusBar,
     pixelRatio: UnistyleDependency.PixelRatio,
     themeName: UnistyleDependency.ThemeName,
-    rtl: UnistyleDependency.Rtl
+    rtl: UnistyleDependency.Rtl,
 } satisfies Partial<Record<keyof UnistylesMiniRuntime, UnistyleDependency>>
 
 export const useProxifiedUnistyles = (forcedTheme?: UnistylesTheme) => {
-    const [scopedTheme, setScopedTheme] = useState(forcedTheme ?? UnistylesShadowRegistry.getScopedTheme() as UnistylesTheme)
+    const [scopedTheme, setScopedTheme] = useState(
+        forcedTheme ?? (UnistylesShadowRegistry.getScopedTheme() as UnistylesTheme),
+    )
     const [dependencies] = useState(() => new Set<number>())
     const [theme, setTheme] = useState(UnistylesRuntime.getTheme(scopedTheme))
     const [_, runtimeChanged] = useReducer(() => ({}), {})
@@ -53,7 +57,7 @@ export const useProxifiedUnistyles = (forcedTheme?: UnistylesTheme) => {
                 }
 
                 runtimeChanged()
-            }
+            },
         })
     }
 
@@ -72,7 +76,7 @@ export const useProxifiedUnistyles = (forcedTheme?: UnistylesTheme) => {
             dependencies.add(UnistyleDependency.Theme)
 
             return target[prop]
-        }
+        },
     })
     const proxifiedRuntime = new Proxy(getMiniRuntime(), {
         get: (target, prop) => {
@@ -88,7 +92,7 @@ export const useProxifiedUnistyles = (forcedTheme?: UnistylesTheme) => {
                         dependencies.add(UnistyleDependency.Insets)
 
                         return target[prop as keyof typeof target]
-                    }
+                    },
                 })
             }
 
@@ -101,7 +105,7 @@ export const useProxifiedUnistyles = (forcedTheme?: UnistylesTheme) => {
             }
 
             return target[prop as keyof typeof target]
-        }
+        },
     })
 
     useLayoutEffect(() => {
@@ -124,7 +128,7 @@ export const useProxifiedUnistyles = (forcedTheme?: UnistylesTheme) => {
         addDependencies: (newDependencies: Array<UnistyleDependency>) => {
             const dependenciesSize = dependencies.size
 
-            newDependencies.forEach(dependency => {
+            newDependencies.forEach((dependency) => {
                 dependencies.add(dependency)
             })
 
@@ -135,6 +139,6 @@ export const useProxifiedUnistyles = (forcedTheme?: UnistylesTheme) => {
             syncedDependenciesSizeRef.current = dependencies.size
             syncedScopedThemeRef.current = scopedTheme
             reinitListener()
-        }
+        },
     }
 }

package/src/core/useUnistyles.ts

@@ -1,4 +1,5 @@
 import type { UnistylesTheme } from '../types'
+
 import { useProxifiedUnistyles } from './useProxifiedUnistyles'
 
 export const useUnistyles = () => {
@@ -6,6 +7,6 @@ export const useUnistyles = () => {
 
     return {
         theme: proxifiedTheme as UnistylesTheme,
-        rt: proxifiedRuntime
+        rt: proxifiedRuntime,
     }
 }

package/src/core/warn.ts

@@ -2,12 +2,12 @@ import type { ViewStyle } from 'react-native'
 
 export const maybeWarnAboutMultipleUnistyles = (style: ViewStyle, displayName = 'Unknown') => {
     if (__DEV__ && style && !Array.isArray(style)) {
-        const unistylesKeys = Object
-            .keys(style)
-            .filter(key => key.startsWith('unistyles_'))
+        const unistylesKeys = Object.keys(style).filter((key) => key.startsWith('unistyles_'))
 
         if (unistylesKeys.length > 1) {
-            console.warn(`Unistyles: we detected style object with ${unistylesKeys.length} unistyles styles. This might cause no updates or unpredictable behavior. Please check style prop for "${displayName}" and use array syntax instead of object syntax.`)
+            console.warn(
+                `Unistyles: we detected style object with ${unistylesKeys.length} unistyles styles. This might cause no updates or unpredictable behavior. Please check style prop for "${displayName}" and use array syntax instead of object syntax.`,
+            )
         }
     }
 }