react-native-unistyles 3.0.0-nightly-20250221 → 3.0.0-nightly-20250318

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

@@ -40,7 +40,7 @@ fun interface Func_void_std__vector_UnistyleDependency__UnistylesNativeMiniRunti
 @Keep
 @Suppress(
   "KotlinJniMissingFunction", "unused",
-  "RedundantSuppression", "RedundantUnitReturnType",
+  "RedundantSuppression", "RedundantUnitReturnType", "FunctionName",
   "ConvertSecondaryConstructorToPrimary", "ClassName", "LocalVariableName",
 )
 class Func_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime_cxx: Func_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime {
@@ -54,8 +54,13 @@ class Func_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime_cxx:
     mHybridData = hybridData
   }
 
+  @DoNotStrip
+  @Keep
+  override fun invoke(dependencies: Array<UnistyleDependency>, miniRuntime: UnistylesNativeMiniRuntime): Unit
+    = invoke_cxx(dependencies,miniRuntime)
+
   @FastNative
-  external override fun invoke(dependencies: Array<UnistyleDependency>, miniRuntime: UnistylesNativeMiniRuntime): Unit
+  private external fun invoke_cxx(dependencies: Array<UnistyleDependency>, miniRuntime: UnistylesNativeMiniRuntime): Unit
 }
 
 /**

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

@@ -37,87 +37,87 @@ abstract class HybridNativePlatformSpec: HybridObject() {
   }
 
   // Properties
-
+  
 
   // Methods
   @DoNotStrip
   @Keep
   abstract fun getInsets(): Insets
-
+  
   @DoNotStrip
   @Keep
   abstract fun getColorScheme(): ColorScheme
-
+  
   @DoNotStrip
   @Keep
   abstract fun getFontScale(): Double
-
+  
   @DoNotStrip
   @Keep
   abstract fun getPixelRatio(): Double
-
+  
   @DoNotStrip
   @Keep
   abstract fun getOrientation(): Orientation
-
+  
   @DoNotStrip
   @Keep
   abstract fun getContentSizeCategory(): String
-
+  
   @DoNotStrip
   @Keep
   abstract fun getScreenDimensions(): Dimensions
-
+  
   @DoNotStrip
   @Keep
   abstract fun getStatusBarDimensions(): Dimensions
-
+  
   @DoNotStrip
   @Keep
   abstract fun getNavigationBarDimensions(): Dimensions
-
+  
   @DoNotStrip
   @Keep
   abstract fun getPrefersRtlDirection(): Boolean
-
+  
   @DoNotStrip
   @Keep
   abstract fun setRootViewBackgroundColor(color: Double): Unit
-
+  
   @DoNotStrip
   @Keep
   abstract fun setNavigationBarHidden(isHidden: Boolean): Unit
-
+  
   @DoNotStrip
   @Keep
   abstract fun setStatusBarHidden(isHidden: Boolean): Unit
-
+  
   @DoNotStrip
   @Keep
   abstract fun setImmersiveMode(isEnabled: Boolean): Unit
-
+  
   @DoNotStrip
   @Keep
   abstract fun getMiniRuntime(): UnistylesNativeMiniRuntime
-
+  
   abstract fun registerPlatformListener(callback: (dependencies: Array<UnistyleDependency>, miniRuntime: UnistylesNativeMiniRuntime) -> Unit): Unit
-
+  
   @DoNotStrip
   @Keep
-  fun registerPlatformListener_cxx(callback: Func_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime): Unit {
+  private fun registerPlatformListener_cxx(callback: Func_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime): Unit {
     val __result = registerPlatformListener(callback)
     return __result
   }
-
+  
   abstract fun registerImeListener(callback: (miniRuntime: UnistylesNativeMiniRuntime) -> Unit): Unit
-
+  
   @DoNotStrip
   @Keep
-  fun registerImeListener_cxx(callback: Func_void_UnistylesNativeMiniRuntime): Unit {
+  private fun registerImeListener_cxx(callback: Func_void_UnistylesNativeMiniRuntime): Unit {
     val __result = registerImeListener(callback)
     return __result
   }
-
+  
   @DoNotStrip
   @Keep
   abstract fun unregisterPlatformListeners(): Unit

package/nitrogen/generated/android/unistyles+autolinking.cmake

@@ -40,6 +40,22 @@ target_sources(
 # Define a flag to check if we are building properly
 add_definitions(-DBUILDING_UNISTYLES_WITH_GENERATED_CMAKE_PROJECT)
 
+# From node_modules/react-native/ReactAndroid/cmake-utils/folly-flags.cmake
+# Used in node_modules/react-native/ReactAndroid/cmake-utils/ReactNative-application.cmake
+ target_compile_definitions(
+  unistyles PRIVATE
+  -DFOLLY_NO_CONFIG=1
+  -DFOLLY_HAVE_CLOCK_GETTIME=1
+  -DFOLLY_USE_LIBCPP=1
+  -DFOLLY_CFG_NO_COROUTINES=1
+  -DFOLLY_MOBILE=1
+  -DFOLLY_HAVE_RECVMMSG=1
+  -DFOLLY_HAVE_PTHREAD=1
+  # Once we target android-23 above, we can comment
+  # the following line. NDK uses GNU style stderror_r() after API 23.
+  -DFOLLY_HAVE_XSI_STRERROR_R=1
+)
+
 # Add all libraries required by the generated specs
 find_package(fbjni REQUIRED) # <-- Used for communication between Java <-> C++
 find_package(ReactAndroid REQUIRED) # <-- Used to set up React Native bindings (e.g. CallInvoker/TurboModule)

package/nitrogen/generated/ios/Unistyles-Swift-Cxx-Umbrella.hpp

@@ -44,7 +44,6 @@ namespace margelo::nitro::unistyles { struct UnistylesNativeMiniRuntime; }
 // Common C++ types used in Swift
 #include <NitroModules/ArrayBufferHolder.hpp>
 #include <NitroModules/AnyMapHolder.hpp>
-#include <NitroModules/HybridContext.hpp>
 #include <NitroModules/RuntimeError.hpp>
 
 // Forward declarations of Swift defined types

package/nitrogen/generated/shared/c++/Dimensions.hpp

@@ -33,6 +33,7 @@ namespace margelo::nitro::unistyles {
     double height     SWIFT_PRIVATE;
 
   public:
+    Dimensions() = default;
     explicit Dimensions(double width, double height): width(width), height(height) {}
   };
 

package/nitrogen/generated/shared/c++/Insets.hpp

@@ -36,6 +36,7 @@ namespace margelo::nitro::unistyles {
     double ime     SWIFT_PRIVATE;
 
   public:
+    Insets() = default;
     explicit Insets(double top, double bottom, double left, double right, double ime): top(top), bottom(bottom), left(left), right(right), ime(ime) {}
   };
 

package/nitrogen/generated/shared/c++/UnistylesCxxMiniRuntime.hpp

@@ -54,6 +54,7 @@ namespace margelo::nitro::unistyles {
     bool isLandscape     SWIFT_PRIVATE;
 
   public:
+    UnistylesCxxMiniRuntime() = default;
     explicit UnistylesCxxMiniRuntime(std::optional<std::string> themeName, std::optional<std::string> breakpoint, bool hasAdaptiveThemes, ColorScheme colorScheme, Dimensions screen, std::string contentSizeCategory, Insets insets, double pixelRatio, double fontScale, bool rtl, Dimensions statusBar, Dimensions navigationBar, bool isPortrait, bool isLandscape): themeName(themeName), breakpoint(breakpoint), hasAdaptiveThemes(hasAdaptiveThemes), colorScheme(colorScheme), screen(screen), contentSizeCategory(contentSizeCategory), insets(insets), pixelRatio(pixelRatio), fontScale(fontScale), rtl(rtl), statusBar(statusBar), navigationBar(navigationBar), isPortrait(isPortrait), isLandscape(isLandscape) {}
   };
 

package/nitrogen/generated/shared/c++/UnistylesNativeMiniRuntime.hpp

@@ -50,6 +50,7 @@ namespace margelo::nitro::unistyles {
     bool isLandscape     SWIFT_PRIVATE;
 
   public:
+    UnistylesNativeMiniRuntime() = default;
     explicit UnistylesNativeMiniRuntime(ColorScheme colorScheme, Dimensions screen, std::string contentSizeCategory, Insets insets, double pixelRatio, double fontScale, bool rtl, Dimensions statusBar, Dimensions navigationBar, bool isPortrait, bool isLandscape): colorScheme(colorScheme), screen(screen), contentSizeCategory(contentSizeCategory), insets(insets), pixelRatio(pixelRatio), fontScale(fontScale), rtl(rtl), statusBar(statusBar), navigationBar(navigationBar), isPortrait(isPortrait), isLandscape(isLandscape) {}
   };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unistyles",
-  "version": "3.0.0-nightly-20250221",
+  "version": "3.0.0-nightly-20250318",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
     "test": "jest",
@@ -105,11 +105,11 @@
     "husky": "9.1.7",
     "jest": "29.7.0",
     "metro-react-native-babel-preset": "0.77.0",
-    "nitro-codegen": "0.22.1",
+    "nitro-codegen": "0.24.1",
     "react": "18.3.1",
     "react-native": "0.77.1",
     "react-native-builder-bob": "0.37.0",
-    "react-native-nitro-modules": "0.22.1",
+    "react-native-nitro-modules": "0.24.1",
     "react-native-web": "0.19.13",
     "react-test-renderer": "18.3.1",
     "release-it": "17.11.0",

package/plugin/index.js

@@ -523,6 +523,12 @@ function getStylesDependenciesFromFunction(path) {
                 usedLabel = "ime";
               }
             }
+            if (usedLabel === "insets" && (memberExpr.parentPath.isBinaryExpression() || memberExpr.parentPath.isLogicalExpression())) {
+              const secondPropPath = memberExpr.node.property;
+              if (t4.isIdentifier(secondPropPath) && secondPropPath.name === "ime") {
+                usedLabel = "ime";
+              }
+            }
           }
         }
         const containerProp = refPath.findParent((parent2) => parent2.isObjectProperty() && parent2.parentPath === returnedObjectPath);

package/src/core/createUnistylesElement.native.tsx

@@ -42,6 +42,11 @@ export const createUnistylesElement = (Component: any) => {
 
                     // @ts-ignore we don't know the type of the component
                     maybeWarnAboutMultipleUnistyles(props.style, Component.displayName)
+
+                    return () => {
+                        // @ts-ignore
+                        UnistylesShadowRegistry.remove(ref)
+                    }
                 }}
             />
         )

package/src/core/createUnistylesImageBackground.tsx

@@ -32,6 +32,11 @@ export const createUnistylesImageBackground = (Component: typeof ImageBackground
                     return () => {
                         // @ts-ignore
                         UnistylesShadowRegistry.remove(ref)
+
+                        if (storedImageRef.current) {
+                            // @ts-ignore
+                            UnistylesShadowRegistry.remove(storedImageRef.current)
+                        }
                     }
                 }}
                 imageRef={ref => {

package/src/core/getClassname.ts

@@ -1,13 +1,14 @@
 import type { UnistylesValues } from '../types'
 import { UnistylesWeb } from '../web'
 
-export const getClassName = (unistyle: UnistylesValues | undefined | Array<UnistylesValues>) => {
+export const getClassName = (unistyle: UnistylesValues | undefined | Array<UnistylesValues>, forChild?: boolean) => {
     if (!unistyle) {
         return undefined
     }
 
     const { hash, injectedClassName } = UnistylesWeb.shadowRegistry.addStyles(
-        Array.isArray(unistyle) ? unistyle.flat(Number.POSITIVE_INFINITY) : [unistyle]
+        Array.isArray(unistyle) ? unistyle.flat(Number.POSITIVE_INFINITY) : [unistyle],
+        forChild
     )
 
     return hash ? { $$css: true, hash, injectedClassName } : undefined

package/src/core/useProxifiedUnistyles/useProxifiedUnistyles.ts

@@ -63,6 +63,22 @@ export const useProxifiedUnistyles = (forcedTheme?: UnistylesTheme) => {
     })
     const proxifiedRuntime = new Proxy(getMiniRuntime(), {
         get: (target, prop) => {
+            if (prop === 'insets') {
+                return new Proxy(target.insets, {
+                    get: (target, prop) => {
+                        if (prop === 'ime') {
+                            dependencies.add(UnistyleDependency.Ime)
+
+                            return target[prop as keyof typeof target]
+                        }
+
+                        dependencies.add(UnistyleDependency.Insets)
+
+                        return target[prop as keyof typeof target]
+                    }
+                })
+            }
+
             if (prop in RTDependencyMap) {
                 dependencies.add(RTDependencyMap[prop as keyof typeof RTDependencyMap])
             }

package/src/core/withUnistyles/withUnistyles.native.tsx

@@ -1,33 +1,58 @@
 import React, { forwardRef, useEffect, type ComponentType, useRef } from 'react'
 import { type UnistyleDependency, UnistylesShadowRegistry } from '../../specs'
 import type { UnistylesTheme } from '../../types'
-import type { PartialBy } from '../../types/common'
 import { deepMergeObjects } from '../../utils'
 import { useProxifiedUnistyles } from '../useProxifiedUnistyles'
 import { maybeWarnAboutMultipleUnistyles } from '../warn'
-import type { Mappings, SupportedStyleProps } from './types'
+import type { Mappings } from './types'
 
 // @ts-expect-error
 type GenericComponentProps<P> = ComponentProps<P>
 // @ts-expect-error
 type GenericComponentRef<T> = ComponentRef<T>
 
+type UnistylesSecrets = {
+    uni__getStyles: () => Record<string, any>,
+    uni__dependencies: Array<UnistyleDependency>
+}
+
+type MappedSecrets = {
+    styles: Record<string, any>,
+    dependencies: Array<UnistyleDependency>
+}
+
 export const withUnistyles = <TComponent, TMappings extends GenericComponentProps<TComponent>>(Component: TComponent, mappings?: Mappings<TMappings>) => {
     type TProps = GenericComponentProps<TComponent>
-    type PropsWithUnistyles = PartialBy<TProps, keyof TMappings | SupportedStyleProps> & {
+    type PropsWithUnistyles = Partial<TProps> & {
         uniProps?: Mappings<TProps>
     }
-    const getSecrets = (styleProps: Record<string, any> = {}): { uni__getStyles(): any, uni__dependencies: Array<UnistyleDependency> } => {
-        const unistyleKey = Object
-            .keys(styleProps)
-            .find(key => key.startsWith('unistyles_'))
-
-        return unistyleKey
-            ? styleProps[unistyleKey]
-            : {
-                uni__getStyles: () => styleProps,
-                uni__dependencies: [],
-            }
+    const getSecrets = (styleProps: Record<string, any> = {}): MappedSecrets => {
+        const styles = Array.isArray(styleProps)
+            ? styleProps.flat()
+            : [styleProps]
+
+        const secrets: Array<UnistylesSecrets> = styles
+            .filter(Boolean)
+            .reduce((acc, style) => {
+                const unistyleKey = Object
+                    .keys(style)
+                    .find(key => key.startsWith('unistyles_'))
+
+                return acc.concat([
+                    unistyleKey
+                        ? style[unistyleKey]
+                        : {
+                            uni__getStyles: () => styleProps,
+                            uni__dependencies: [],
+                        }
+                ])
+            }, [])
+
+        return {
+            styles: secrets.reduce((acc, secret) => Object
+                .assign(acc, secret.uni__getStyles()), {} as Record<string, any>),
+            dependencies: secrets.flatMap(secret => secret.uni__dependencies),
+        }
     }
 
     return forwardRef<GenericComponentRef<TComponent>, PropsWithUnistyles>((props, ref) => {
@@ -46,7 +71,7 @@ export const withUnistyles = <TComponent, TMappings extends GenericComponentProp
             const styleSecrets = getSecrets(narrowedProps.style)
             const contentContainerStyleSecrets = getSecrets(narrowedProps.contentContainerStyle)
 
-            addDependencies(Array.from(new Set([...styleSecrets.uni__dependencies, ...contentContainerStyleSecrets.uni__dependencies])))
+            addDependencies(Array.from(new Set([...styleSecrets.dependencies, ...contentContainerStyleSecrets.dependencies])))
         }, [narrowedProps.style, narrowedProps.contentContainerStyle])
 
         const mappingsProps = mappings ? mappings(proxifiedTheme, proxifiedRuntime) : {}
@@ -58,10 +83,10 @@ export const withUnistyles = <TComponent, TMappings extends GenericComponentProp
         const finalProps = {
             ...deepMergeObjects(mappingsProps, unistyleProps, props),
             ...narrowedProps.style ? {
-                style: styleSecrets.uni__getStyles(),
+                style: styleSecrets.styles,
             } : {},
             ...narrowedProps.contentContainerStyle ? {
-                contentContainerStyle: contentContainerStyleSecrets.uni__getStyles(),
+                contentContainerStyle: contentContainerStyleSecrets.styles,
             } : {},
         } as any
 

package/src/core/withUnistyles/withUnistyles.tsx

@@ -1,11 +1,10 @@
 import React, { type ComponentType, forwardRef, type ComponentProps, type ComponentRef } from 'react'
 import type { UnistylesValues } from '../../types'
-import type { PartialBy } from '../../types/common'
 import { deepMergeObjects } from '../../utils'
 import { getClassName } from '../getClassname'
 import { useProxifiedUnistyles } from '../useProxifiedUnistyles'
 import { maybeWarnAboutMultipleUnistyles } from '../warn'
-import type { Mappings, SupportedStyleProps } from './types'
+import type { Mappings } from './types'
 
 // @ts-expect-error
 type GenericComponentProps<T> = ComponentProps<T>
@@ -14,7 +13,7 @@ type GenericComponentRef<T> = ComponentRef<T>
 
 export const withUnistyles = <TComponent, TMappings extends GenericComponentProps<TComponent>>(Component: TComponent, mappings?: Mappings<TMappings>) => {
     type TProps = GenericComponentProps<TComponent>
-    type PropsWithUnistyles = PartialBy<TProps, keyof TMappings | SupportedStyleProps> & {
+    type PropsWithUnistyles = Partial<TProps> & {
         uniProps?: Mappings<TProps>
     }
     type UnistyleStyles = {
@@ -24,17 +23,22 @@ export const withUnistyles = <TComponent, TMappings extends GenericComponentProp
 
     return forwardRef<GenericComponentRef<TComponent>, PropsWithUnistyles>((props, ref) => {
         const narrowedProps = props as PropsWithUnistyles & UnistyleStyles
-        const styleClassNames = getClassName(narrowedProps.style)
+        const styleClassNames = getClassName(narrowedProps.style, true)
         const contentContainerStyleClassNames = getClassName(narrowedProps.contentContainerStyle)
         const { proxifiedRuntime, proxifiedTheme } = useProxifiedUnistyles()
 
         const mappingsProps = mappings ? mappings(proxifiedTheme, proxifiedRuntime) : {}
         const unistyleProps = narrowedProps.uniProps ? narrowedProps.uniProps(proxifiedTheme, proxifiedRuntime) : {}
 
+        const emptyStyles = Object.fromEntries(Object.entries(Object.getOwnPropertyDescriptors(narrowedProps.style))
+            .filter(([key]) => !key.startsWith('unistyles') && !key.startsWith('_'))
+            .map(([key]) => [key, undefined]))
+
         const combinedProps = {
             ...deepMergeObjects(mappingsProps, unistyleProps, props),
             ...narrowedProps.style ? {
-                style: styleClassNames,
+                // Override default component styles with undefined values to reset them
+                style: emptyStyles
             } : {},
             ...narrowedProps.contentContainerStyle ? {
                 contentContainerStyle: contentContainerStyleClassNames,
@@ -48,6 +52,13 @@ export const withUnistyles = <TComponent, TMappings extends GenericComponentProp
 
         const NativeComponent = Component as ComponentType
 
-        return <NativeComponent {...combinedProps} ref={ref} />
+        return (
+            <div
+                className={styleClassNames?.hash}
+                style={{ display: 'contents' }}
+            >
+                <NativeComponent {...combinedProps} ref={ref} />
+            </div>
+        )
     })
 }

package/src/types/common.ts

@@ -1,5 +1,4 @@
 export type Optional<T> = T | undefined
 export type Nullable<T> = T | null
 export type SafeReturnType<T> = T extends (...args: any) => infer R ? R : T
-export type PartialBy<T, K> = Omit<T, K & keyof T> & Partial<Pick<T, K & keyof T>>
 export type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never

package/src/web/registry.ts

@@ -21,7 +21,7 @@ export class UnistylesRegistry {
         }
 
         if (scopedThemeName) {
-            const scopedTheme = this.services.runtime.getTheme(scopedThemeName, this.services.state.CSSVars)
+            const scopedTheme = this.services.runtime.getTheme(scopedThemeName)
 
             if (!scopedTheme) {
                 throw error(`Unistyles: You're trying to use scoped theme '${scopedThemeName}' but it wasn't registered.`)
@@ -92,8 +92,11 @@ export class UnistylesRegistry {
         return false
     }
 
-    add = (value: UnistylesValues) => {
-        const hash = generateHash(value)
+    add = (value: UnistylesValues, forChild?: boolean) => {
+        const generatedHash = generateHash(value)
+        const hash = forChild
+            ? `${generatedHash} > *`
+            : generatedHash
 
         if (!this.stylesCache.has(hash)) {
             this.applyStyles(hash, value)

package/src/web/runtime.ts

@@ -1,7 +1,7 @@
 import { UnistyleDependency } from '../specs/NativePlatform'
 import type { UnistylesMiniRuntime } from '../specs/UnistylesRuntime'
 import { type AppTheme, type AppThemeName, ColorScheme, Orientation } from '../specs/types'
-import { WebContentSizeCategory } from '../types'
+import { type UnistylesTheme, WebContentSizeCategory } from '../types'
 import { NavigationBar, StatusBar } from './mock'
 import type { UnistylesServices } from './types'
 import { error, isServer, schemeToTheme } from './utils'
@@ -213,7 +213,11 @@ export class UnistylesRuntime {
             : this.services.state.themes.get(themeName ?? '')
 
         if (!themeName || !theme) {
-            throw error(`You're trying to get theme "${themeName}" but it wasn't registered.`)
+            return new Proxy({} as UnistylesTheme, {
+                get: () => {
+                    throw error(`You're trying to get theme "${themeName}" but it wasn't registered.`)
+                }
+            })
         }
 
         return theme

package/src/web/shadowRegistry.ts

@@ -27,7 +27,7 @@ export class UnistylesShadowRegistry {
         this.services.registry.connect(ref, hash)
     }
 
-    addStyles = (unistyles: Array<UnistylesValues>) => {
+    addStyles = (unistyles: Array<UnistylesValues>, forChild?: boolean) => {
         const getParsedStyles = () => {
             const allStyles = unistyles.map(unistyle => {
                 const secrets = extractSecrets(unistyle)
@@ -61,7 +61,7 @@ export class UnistylesShadowRegistry {
         // Copy scoped theme to not use referenced value
         const scopedTheme = this.scopedTheme
         const parsedStyles = getParsedStyles()
-        const { hash, existingHash } = this.services.registry.add(parsedStyles)
+        const { hash, existingHash } = this.services.registry.add(parsedStyles, forChild)
         const injectedClassNames = parsedStyles?._web?._classNames ?? []
         const injectedClassName = Array.isArray(injectedClassNames) ? injectedClassNames.join(' ') : injectedClassNames
         const dependencies = extractUnistyleDependencies(parsedStyles)
@@ -75,7 +75,11 @@ export class UnistylesShadowRegistry {
             }))
         }
 
-        return { injectedClassName, hash }
+        const hashClassname = forChild
+            ? hash.replace(' > *', '')
+            : hash
+
+        return { injectedClassName, hash: hashClassname }
     }
 
     setScopedTheme = (theme?: UnistylesTheme) => {

package/src/web/state.ts

@@ -58,7 +58,11 @@ export class UnistylesState {
         this.services.listener.initListeners()
     }
 
-    private initThemes = (themes = {} as UnistylesThemes, CSSVars = true) => {
+    private initThemes = (themes?: UnistylesThemes, CSSVars = true) => {
+        if (!themes) {
+            return
+        }
+
         this.CSSVars = CSSVars
 
         Object.entries(themes).forEach(([themeName, theme]) => {
@@ -117,7 +121,11 @@ export class UnistylesState {
         }
     }
 
-    private initBreakpoints = (breakpoints = {} as UnistylesBreakpoints) => {
+    private initBreakpoints = (breakpoints?: UnistylesBreakpoints) => {
+        if (!breakpoints) {
+            return
+        }
+
         this.breakpoints = breakpoints
         const breakpointsEntries = Object.entries(breakpoints)
 

package/src/web/utils/unistyle.ts

@@ -70,8 +70,6 @@ export const removeInlineStyles = (values: UnistylesValues) => {
     return returnValue
 }
 
-export const isInDocument = (element: HTMLElement) => document.body.contains(element)
-
 export const getMediaQuery = (query: string, allBreakpoints: Array<string>) => {
     if (Object.values(Orientation).includes(query as Orientation)) {
         return `@media (orientation: ${query})`