react-native-unistyles 3.0.0-nightly-20250131 → 3.0.0-nightly-20250206

package/cxx/core/UnistyleWrapper.h

@@ -183,6 +183,7 @@ inline static jsi::Value valueFromUnistyle(jsi::Runtime& rt, std::shared_ptr<Hyb
 
     hostFn.setNativeState(rt, std::move(wrappedUnistyle));
     hostFn.setProperty(rt, unistyleID, jsi::Object(rt));
+    hostFn.setProperty(rt, helpers::STYLESHEET_VARIANTS.c_str(), helpers::variantsToValue(rt, variants));
 
     return std::move(hostFn);
 }

package/cxx/parser/Parser.cpp

@@ -18,7 +18,7 @@ void parser::Parser::buildUnistyles(jsi::Runtime& rt, std::shared_ptr<StyleSheet
 
         if (styleValue.isFunction(rt)) {
             styleSheet->unistyles[styleKey] = std::make_shared<UnistyleDynamicFunction>(
-                helpers::HashGenerator::generateHash(styleKey),
+                helpers::HashGenerator::generateHash(styleKey + std::to_string(styleSheet->tag)),
                 UnistyleType::DynamicFunction,
                 styleKey,
                 styleValue,
@@ -29,7 +29,7 @@ void parser::Parser::buildUnistyles(jsi::Runtime& rt, std::shared_ptr<StyleSheet
         }
 
         styleSheet->unistyles[styleKey] = std::make_shared<Unistyle>(
-            helpers::HashGenerator::generateHash(styleKey),
+            helpers::HashGenerator::generateHash(styleKey + std::to_string(styleSheet->tag)),
             UnistyleType::Object,
             styleKey,
             styleValue,
@@ -361,7 +361,7 @@ void parser::Parser::rebuildUnistyle(jsi::Runtime& rt, Unistyle::Shared unistyle
         unistyleFn->unprocessedValue = std::move(functionResult);
         unistyleFn->parsedStyle = this->parseFirstLevel(rt, unistyleFn, variants);
     }
-    
+
     if (unistyle->isDirty) {
         unistyle->isDirty = false;
     }
@@ -401,7 +401,7 @@ jsi::Object parser::Parser::parseFirstLevel(jsi::Runtime& rt, Unistyle::Shared u
         // parse dependencies only once
         if (propertyName == helpers::STYLE_DEPENDENCIES && !unistyle->isSealed()) {
             auto newDeps = this->parseDependencies(rt, propertyValue.asObject(rt));
-            
+
             unistyle->dependencies.insert(unistyle->dependencies.end(), newDeps.begin(), newDeps.end());
 
             return;

package/lib/commonjs/components/native/Pressable.native.js

@@ -51,7 +51,7 @@ const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
       return (0, _core.passForwardedRef)(props, ref, forwardedRef);
     },
     style: state => {
-      const unistyles = typeof style === 'function' ? style(state) : getStyles(style);
+      const unistyles = typeof style === 'function' ? style.call(style, state) : getStyles(style);
       if (!storedRef.current) {
         return unistyles;
       }

package/lib/commonjs/components/native/Pressable.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_specs","_core","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getStyles","styleProps","unistyleKey","keys","find","key","startsWith","uni__getStyles","Pressable","exports","forwardRef","variants","style","props","forwardedRef","storedRef","useRef","useLayoutEffect","current","UnistylesShadowRegistry","remove","jsx","ref","unistyles","pressed","add","passForwardedRef","state"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.native.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_specs","_core","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getStyles","styleProps","unistyleKey","keys","find","key","startsWith","uni__getStyles","Pressable","exports","forwardRef","variants","style","props","forwardedRef","storedRef","useRef","useLayoutEffect","current","UnistylesShadowRegistry","remove","jsx","ref","unistyles","pressed","add","passForwardedRef","state"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.native.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -45,7 +45,7 @@ export const Pressable = /*#__PURE__*/forwardRef(({
       return passForwardedRef(props, ref, forwardedRef);
     },
     style: state => {
-      const unistyles = typeof style === 'function' ? style(state) : getStyles(style);
+      const unistyles = typeof style === 'function' ? style.call(style, state) : getStyles(style);
       if (!storedRef.current) {
         return unistyles;
       }

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useLayoutEffect","useRef","Pressable","NativePressableReactNative","UnistylesShadowRegistry","passForwardedRef","jsx","_jsx","getStyles","styleProps","unistyleKey","Object","keys","find","key","startsWith","uni__getStyles","variants","style","props","forwardedRef","storedRef","current","remove","ref","unistyles","pressed","add","state"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.native.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,eAAe,EAAEC,MAAM,QAAQ,OAAO;AAClE,SAASC,SAAS,IAAIC,0BAA0B,QAAQ,cAAc;AAEtE,SAASC,uBAAuB,QAAQ,aAAa;AACrD,SAASC,gBAAgB,QAAQ,YAAY;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAM7C,MAAMC,SAAS,GAAGA,CAACC,UAA+B,GAAG,CAAC,CAAC,KAAK;EACxD,MAAMC,WAAW,GAAGC,MAAM,CACrBC,IAAI,CAACH,UAAU,CAAC,CAChBI,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,UAAU,CAAC,YAAY,CAAC,CAAC;EAE9C,IAAI,CAACL,WAAW,EAAE;IACd,OAAOD,UAAU;EACrB;EAEA,OAAO;IACH;IACA,GAAGA,UAAU,CAACC,WAAW,CAAC,CAACM,cAAc,CAAC,CAAC;IAC3C,CAACN,WAAW,GAAGD,UAAU,CAACC,WAAW,CAAC,CAACM,cAAc,CAAC;EAC1D,CAAC;AACL,CAAC;AAED,OAAO,MAAMd,SAAS,gBAAGH,UAAU,CAAuB,CAAC;EAAEkB,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,YAAY,KAAK;EACvG,MAAMC,SAAS,GAAGpB,MAAM,CAAc,CAAC;EAEvCD,eAAe,CAAC,MAAM;IAClB,OAAO,MAAM;MACT,IAAIqB,SAAS,CAACC,OAAO,EAAE;QACnB;QACAlB,uBAAuB,CAACmB,MAAM,CAACF,SAAS,CAACC,OAAO,CAAC;MACrD;IACJ,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIf,IAAA,CAACJ,0BAA0B;IAAA,GACnBgB,KAAK;IACTK,GAAG,EAAEA,GAAG,IAAI;MACR,MAAMC,SAAS,GAAG,OAAOP,KAAK,KAAK,UAAU,GACvCA,KAAK,CAAC;QAAEQ,OAAO,EAAE;MAAM,CAAC,CAAC,GACzBR,KAAK;;MAEX;MACAd,uBAAuB,CAACuB,GAAG,CAACH,GAAG,EAAEC,SAAS,CAAC;MAE3C,IAAID,GAAG,EAAE;QACLH,SAAS,CAACC,OAAO,GAAGE,GAAG;MAC3B;MAEA,OAAOnB,gBAAgB,CAACc,KAAK,EAAEK,GAAG,EAAEJ,YAAY,CAAC;IACrD,CAAE;IACFF,KAAK,EAAEU,KAAK,IAAI;MACZ,MAAMH,SAAS,GAAG,OAAOP,KAAK,KAAK,UAAU,GACvCA,KAAK,CAACU,KAAK,CAAC,GACZpB,SAAS,CAACU,KAAuC,CAAC;MAExD,IAAI,CAACG,SAAS,CAACC,OAAO,EAAE;QACpB,OAAOG,SAAS;MACpB;;MAEA;MACArB,uBAAuB,CAACmB,MAAM,CAACF,SAAS,CAACC,OAAO,CAAC;MACjD;MACAlB,uBAAuB,CAACuB,GAAG,CAACN,SAAS,CAACC,OAAO,EAAEG,SAAS,CAAC;MAEzD,OAAOA,SAAS;IACpB;EAAE,CACL,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","useLayoutEffect","useRef","Pressable","NativePressableReactNative","UnistylesShadowRegistry","passForwardedRef","jsx","_jsx","getStyles","styleProps","unistyleKey","Object","keys","find","key","startsWith","uni__getStyles","variants","style","props","forwardedRef","storedRef","current","remove","ref","unistyles","pressed","add","state","call"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.native.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,eAAe,EAAEC,MAAM,QAAQ,OAAO;AAClE,SAASC,SAAS,IAAIC,0BAA0B,QAAQ,cAAc;AAEtE,SAASC,uBAAuB,QAAQ,aAAa;AACrD,SAASC,gBAAgB,QAAQ,YAAY;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAM7C,MAAMC,SAAS,GAAGA,CAACC,UAA+B,GAAG,CAAC,CAAC,KAAK;EACxD,MAAMC,WAAW,GAAGC,MAAM,CACrBC,IAAI,CAACH,UAAU,CAAC,CAChBI,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,UAAU,CAAC,YAAY,CAAC,CAAC;EAE9C,IAAI,CAACL,WAAW,EAAE;IACd,OAAOD,UAAU;EACrB;EAEA,OAAO;IACH;IACA,GAAGA,UAAU,CAACC,WAAW,CAAC,CAACM,cAAc,CAAC,CAAC;IAC3C,CAACN,WAAW,GAAGD,UAAU,CAACC,WAAW,CAAC,CAACM,cAAc,CAAC;EAC1D,CAAC;AACL,CAAC;AAED,OAAO,MAAMd,SAAS,gBAAGH,UAAU,CAAuB,CAAC;EAAEkB,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,YAAY,KAAK;EACvG,MAAMC,SAAS,GAAGpB,MAAM,CAAc,CAAC;EAEvCD,eAAe,CAAC,MAAM;IAClB,OAAO,MAAM;MACT,IAAIqB,SAAS,CAACC,OAAO,EAAE;QACnB;QACAlB,uBAAuB,CAACmB,MAAM,CAACF,SAAS,CAACC,OAAO,CAAC;MACrD;IACJ,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIf,IAAA,CAACJ,0BAA0B;IAAA,GACnBgB,KAAK;IACTK,GAAG,EAAEA,GAAG,IAAI;MACR,MAAMC,SAAS,GAAG,OAAOP,KAAK,KAAK,UAAU,GACvCA,KAAK,CAAC;QAAEQ,OAAO,EAAE;MAAM,CAAC,CAAC,GACzBR,KAAK;;MAEX;MACAd,uBAAuB,CAACuB,GAAG,CAACH,GAAG,EAAEC,SAAS,CAAC;MAE3C,IAAID,GAAG,EAAE;QACLH,SAAS,CAACC,OAAO,GAAGE,GAAG;MAC3B;MAEA,OAAOnB,gBAAgB,CAACc,KAAK,EAAEK,GAAG,EAAEJ,YAAY,CAAC;IACrD,CAAE;IACFF,KAAK,EAAEU,KAAK,IAAI;MACZ,MAAMH,SAAS,GAAG,OAAOP,KAAK,KAAK,UAAU,GACvCA,KAAK,CAACW,IAAI,CAACX,KAAK,EAAEU,KAAK,CAAC,GACxBpB,SAAS,CAACU,KAAuC,CAAC;MAExD,IAAI,CAACG,SAAS,CAACC,OAAO,EAAE;QACpB,OAAOG,SAAS;MACpB;;MAEA;MACArB,uBAAuB,CAACmB,MAAM,CAACF,SAAS,CAACC,OAAO,CAAC;MACjD;MACAlB,uBAAuB,CAACuB,GAAG,CAACN,SAAS,CAACC,OAAO,EAAEG,SAAS,CAAC;MAEzD,OAAOA,SAAS;IACpB;EAAE,CACL,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unistyles",
-  "version": "3.0.0-nightly-20250131",
+  "version": "3.0.0-nightly-20250206",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
     "test": "jest",

package/plugin/index.js

@@ -1,6 +1,6 @@
 const { addUnistylesImport, isInsideNodeModules } = require('./import')
 const { hasStringRef } = require('./ref')
-const { isUnistylesStyleSheet, analyzeDependencies, addStyleSheetTag, getUnistyles, isKindOfStyleSheet, addThemeDependencyToMemberExpression } = require('./stylesheet')
+const { isUnistylesStyleSheet, addStyleSheetTag, isKindOfStyleSheet, getStylesDependenciesFromFunction, addDependencies, getStylesDependenciesFromObject } = require('./stylesheet')
 const { extractVariants } = require('./variants')
 const { REACT_NATIVE_COMPONENT_NAMES, REPLACE_WITH_UNISTYLES_PATHS, REPLACE_WITH_UNISTYLES_EXOTIC_PATHS, NATIVE_COMPONENTS_PATHS } = require('./consts')
 const { handleExoticImport } = require('./exotic')
@@ -149,52 +149,38 @@ module.exports = function ({ types: t }) {
 
                 const arg = path.node.arguments[0]
 
-                // Object passed to StyleSheet.create
+                // Object passed to StyleSheet.create (may contain variants)
                 if (t.isObjectExpression(arg)) {
-                    arg.properties.forEach(property => {
-                        if (t.isObjectProperty(property)) {
-                            const propertyValues = getUnistyles(t, property)
+                    const detectedDependencies = getStylesDependenciesFromObject(t, path)
 
-                            propertyValues.forEach(propertyValue => {
-                                analyzeDependencies(t, state, property.key.name, propertyValue)
+                    if (detectedDependencies) {
+                        if (t.isObjectExpression(arg)) {
+                            arg.properties.forEach(property => {
+                                if (detectedDependencies[property.key.name]) {
+                                    addDependencies(t, state, property.key.name, property, detectedDependencies[property.key.name])
+                                }
                             })
                         }
-                    })
+                    }
                 }
 
                 // Function passed to StyleSheet.create (e.g., theme => ({ container: {} }))
                 if (t.isArrowFunctionExpression(arg) || t.isFunctionExpression(arg)) {
-                    const params = arg.params
-                    const hasTheme = params.length >= 1
-                    const hasMiniRuntime = params.length === 2
-                    const themeLocalName = hasTheme
-                        ? params[0].name
-                        : undefined
-                    const miniRuntimeLocalName = hasMiniRuntime
-                        ? params[1].name
-                        : undefined
-                    const body = t.isBlockStatement(arg.body)
-                        ? arg.body.body.find(statement => t.isReturnStatement(statement)).argument
-                        : arg.body
-
-                    // Ensure the function body returns an object
-                    if (t.isObjectExpression(body)) {
-                        body.properties.forEach(property => {
-                            if (t.isObjectProperty(property)) {
-                                const propertyValues = getUnistyles(t, property)
-
-                                // maybe user used inlined theme? ({ container: theme.components.container })
-                                if (propertyValues.length === 0 && t.isMemberExpression(property.value)) {
-                                    if (property.value.object.object.name === themeLocalName) {
-                                        addThemeDependencyToMemberExpression(t, property)
-                                    }
+                    const detectedDependencies = getStylesDependenciesFromFunction(t, path)
+
+                    if (detectedDependencies) {
+                        const body = t.isBlockStatement(arg.body)
+                            ? arg.body.body.find(statement => t.isReturnStatement(statement)).argument
+                            : arg.body
+
+                        // Ensure the function body returns an object
+                        if (t.isObjectExpression(body)) {
+                            body.properties.forEach(property => {
+                                if (detectedDependencies[property.key.name]) {
+                                    addDependencies(t, state, property.key.name, property, detectedDependencies[property.key.name])
                                 }
-
-                                propertyValues.forEach(propertyValue => {
-                                    analyzeDependencies(t, state, property.key.name, propertyValue, themeLocalName, miniRuntimeLocalName)
-                                })
-                            }
-                        })
+                            })
+                        }
                     }
                 }
             }

package/plugin/stylesheet.js

@@ -1,5 +1,3 @@
-const { getIdentifierNameFromExpression, getSecondPropertyName } = require('./common')
-
 const UnistyleDependency = {
     Theme: 0,
     ThemeName: 1,
@@ -19,7 +17,7 @@ const UnistyleDependency = {
 }
 
 function stringToUniqueId(str) {
-    let hash = 0;
+    let hash = 0
 
     for (let i = 0; i < str.length; i++) {
         hash = (hash << 5) - hash + str.charCodeAt(i)
@@ -63,177 +61,505 @@ function addStyleSheetTag(t, path, state) {
     callee.container.arguments.push(t.numericLiteral(uniqueId))
 }
 
-/** @param {import('./index').UnistylesPluginPass} state */
-function analyzeDependencies(t, state, name, unistyleObj, themeName, rtName) {
-    const debugMessage = deps => {
-        if (state.opts.debug) {
-            const mappedDeps = deps
-                .map(dep => Object.keys(UnistyleDependency).find(key => UnistyleDependency[key] === dep))
-                .join(', ')
+const getProperty = (t, property) => {
+    if (!property) {
+        return undefined
+    }
 
-            console.log(`${state.filename.replace(`${state.file.opts.root}/`, '')}: styles.${name}: [${mappedDeps}]`)
+    if (t.isIdentifier(property)) {
+        return {
+            properties: [property.name]
         }
     }
-    const unistyle = unistyleObj.properties
-    const dependencies = []
 
-    Object.values(unistyle).forEach(uni => {
-        const identifier = getIdentifierNameFromExpression(t, uni.value)
+    if (t.isObjectPattern(property)) {
+        const matchingProperties = property.properties.flatMap(p => getProperty(t, p))
 
-        if (identifier.includes(themeName)) {
-            dependencies.push(UnistyleDependency.Theme)
+        return {
+            properties: matchingProperties.flatMap(properties => properties.properties)
         }
+    }
 
-        if (identifier.includes(rtName)) {
-            const propertyNames = getSecondPropertyName(t, uni.value)
+    if (t.isObjectProperty(property) && t.isIdentifier(property.value)) {
+        return {
+            properties: [property.key.name]
+        }
+    }
 
-            propertyNames
-                .filter(Boolean)
-                .forEach(propertyName => {
-                    switch (propertyName) {
-                        case 'themeName': {
-                            dependencies.push(UnistyleDependency.ThemeName)
+    if (t.isObjectProperty(property) && t.isObjectPattern(property.value)) {
+        const matchingProperties = property.value.properties.flatMap(p => getProperty(t, p))
 
-                            return
-                        }
-                        case 'adaptiveThemes': {
-                            dependencies.push(UnistyleDependency.AdaptiveThemes)
+        return {
+            parent: property.key.name,
+            properties: matchingProperties.flatMap(properties => properties.properties)
+        }
+    }
 
-                            return
-                        }
-                        case 'breakpoint': {
-                            dependencies.push(UnistyleDependency.Breakpoints)
+    return undefined
+}
 
-                            return
-                        }
-                        case 'colorScheme': {
-                            dependencies.push(UnistyleDependency.ColorScheme)
+function getStylesDependenciesFromObject(t, path) {
+    const detectedStylesWithVariants = new Set()
+    const stylesheet = path.node.arguments[0]
 
-                            return
-                        }
-                        case 'screen': {
-                            dependencies.push(UnistyleDependency.Dimensions)
+    stylesheet.properties.forEach(property => {
+        if (!t.isIdentifier(property.key)) {
+            return
+        }
 
-                            return
-                        }
-                        case 'isPortrait':
-                        case 'isLandscape': {
-                            dependencies.push(UnistyleDependency.Orientation)
+        if (t.isObjectProperty(property)) {
+            if(t.isObjectExpression(property.value)) {
+                property.value.properties.forEach(innerProp => {
+                    if (t.isIdentifier(innerProp.key) && innerProp.key.name === 'variants') {
+                        detectedStylesWithVariants.add({
+                            label: 'variants',
+                            key: property.key.name
+                        })
+                    }
+                })
 
-                            return
-                        }
-                        case 'contentSizeCategory': {
-                            dependencies.push(UnistyleDependency.ContentSizeCategory)
+            }
+        }
 
-                            return
-                        }
-                        case 'ime': {
-                            dependencies.push(UnistyleDependency.Ime)
+        if (t.isArrowFunctionExpression(property.value)) {
+            if(t.isObjectExpression(property.value.body)) {
+                property.value.body.properties.forEach(innerProp => {
+                    if (t.isIdentifier(innerProp.key) && innerProp.key.name === 'variants') {
+                        detectedStylesWithVariants.add({
+                            label: 'variants',
+                            key: property.key.name
+                        })
+                    }
+                })
 
-                            return
-                        }
-                        case 'insets': {
-                            dependencies.push(UnistyleDependency.Insets)
+            }
+        }
+    })
 
-                            return
-                        }
-                        case 'pixelRatio': {
-                            dependencies.push(UnistyleDependency.PixelRatio)
+    const variants = Array.from(detectedStylesWithVariants)
+
+    return variants.reduce((acc, { key, label }) => {
+        if (acc[key]) {
+            return {
+                ...acc,
+                [key]: [
+                    ...acc[key],
+                    label
+                ]
+            }
+        }
 
-                            return
-                        }
-                        case 'fontScale': {
-                            dependencies.push(UnistyleDependency.FontScale)
+        return {
+            ...acc,
+            [key]: [label]
+        }
+    }, [])
+}
 
-                            return
-                        }
-                        case 'statusBar': {
-                            dependencies.push(UnistyleDependency.StatusBar)
+function getStylesDependenciesFromFunction(t, path) {
+    const funcPath = path.get('arguments.0')
 
-                            return
-                        }
-                        case 'navigationBar': {
-                            dependencies.push(UnistyleDependency.NavigationBar)
+    if (!funcPath) {
+        return
+    }
 
-                            return
-                        }
-                    }
+    const params = funcPath.node.params
+    const [themeParam, rtParam] = params
+
+    let themeNames = []
+
+    // destructured theme object
+    if (themeParam.type === 'ObjectPattern') {
+        // If destructured, collect all property names
+        for (const prop of themeParam.properties) {
+            themeNames.push(getProperty(t, prop))
+        }
+    }
+
+    // user used 'theme' without destructuring
+    if (themeParam.type === 'Identifier') {
+        themeNames.push({
+            properties: [themeParam.name]
+        })
+    }
+
+    let rtNames = []
+
+    // destructured rt object
+    if (rtParam && rtParam.type === 'ObjectPattern') {
+        // If destructured, collect all property names
+        for (const prop of rtParam.properties) {
+            rtNames.push(getProperty(t, prop))
+        }
+    }
+
+    // user used 'rt' without destructuring
+    if (rtParam && rtParam.type === 'Identifier') {
+        rtNames.push({
+            properties: [rtParam.name]
+        })
+    }
+
+    // get returned object or return statement from StyleSheet.create function
+    let returnedObjectPath = null
+
+    if (funcPath.get('body').isObjectExpression()) {
+        returnedObjectPath = funcPath.get('body')
+    } else {
+        funcPath.traverse({
+            ReturnStatement(retPath) {
+                if (!returnedObjectPath && retPath.get('argument').isObjectExpression()) {
+                    returnedObjectPath = retPath.get('argument')
+                }
+            }
+        })
+    }
+
+    if (!returnedObjectPath) {
+        // there is no returned object
+        // abort
+
+        return
+    }
+
+    const detectedStylesWithVariants = new Set()
+
+    // detect variants via Scope
+    returnedObjectPath.get('properties').forEach(propPath => {
+        // get style name
+        const stylePath = propPath.get('key')
+
+        if (!stylePath.isIdentifier()) {
+            return
+        }
+
+        const styleKey = stylePath.node.name
+
+        const valuePath = propPath.get('value')
+
+        if (valuePath.isObjectExpression()) {
+            const hasVariants = valuePath.get('properties').some(innerProp => {
+                const innerKey = innerProp.get('key')
+
+                return innerKey.isIdentifier() && innerKey.node.name === 'variants'
+            })
+
+            if (hasVariants) {
+                detectedStylesWithVariants.add({
+                    label: 'variants',
+                    key: styleKey
                 })
+            }
         }
 
-        if (uni.key && uni.key.name === 'variants') {
-            dependencies.push(UnistyleDependency.Variants)
+        if (valuePath.isArrowFunctionExpression()) {
+            if(t.isObjectExpression(valuePath.node.body)) {
+                const hasVariants = valuePath.node.body.properties.some(innerProp => {
+
+                    return t.isIdentifier(innerProp.key) && innerProp.key.name === 'variants'
+                })
+
+                if (hasVariants) {
+                    detectedStylesWithVariants.add({
+                        label: 'variants',
+                        key: styleKey
+                    })
+                }
+            }
         }
+    })
 
-        // breakpoints are too complex and are handled by C++
+    const detectedStylesWithTheme = new Set()
+
+    // detect theme dependencies via Scope
+    themeNames.forEach(({ properties }) => {
+        properties.forEach(property => {
+            const binding = funcPath.scope.getBinding(property)
+
+            if (!binding) {
+                return
+            }
+
+            binding.referencePaths.forEach(refPath => {
+                // find key of the style that we are referring to
+                const containerProp = refPath
+                    .findParent(parent => parent.isObjectProperty() && parent.parentPath === returnedObjectPath)
+
+                if (!containerProp) {
+                    return
+                }
+
+                const keyNode = containerProp.get('key')
+                const styleKey = keyNode.isIdentifier()
+                    ? keyNode.node.name
+                    : keyNode.isLiteral()
+                        ? keyNode.node.value
+                        : null
+
+                if (styleKey) {
+                    detectedStylesWithTheme.add({
+                        label: 'theme',
+                        key: styleKey
+                    })
+                }
+            })
+        })
     })
 
-    // add dependencies to the unistyle object if any found
-    if (dependencies.length > 0) {
-        const uniqueDependencies = Array.from(new Set(dependencies))
+    const detectedStylesWithRt = new Set()
+    const localRtName = t.isIdentifier(rtParam)
+        ? rtParam.name
+        : undefined
 
-        debugMessage(uniqueDependencies)
+    // detect rt dependencies via Scope
+    rtNames.forEach(({ properties, parent }) => {
+        properties.forEach(property => {
+            const rtBinding = funcPath.scope.getBinding(property)
 
-        unistyleObj.properties.push(
-            t.objectProperty(
-                t.identifier('uni__dependencies'),
-                t.arrayExpression(uniqueDependencies.map(dep => t.numericLiteral(dep)))
-            )
-        )
-    }
-}
+            if (!rtBinding) {
+                return
+            }
 
-function getUnistyles(t, property) {
-    const propertyValue = t.isArrowFunctionExpression(property.value)
-        ? property.value.body
-        : property.value
+            const isValidDependency = Boolean(toUnistylesDependency(property))
 
-    if (t.isObjectExpression(propertyValue)) {
-        return [propertyValue]
-    }
+            let validRtName = property
 
-    if (t.isBlockStatement(propertyValue)) {
-        // here we might have single return statement
-        // or if-else statements with return statements
-        return propertyValue.body
-            .flatMap(value => {
-                if (t.isReturnStatement(value)) {
-                    return [value]
+            // user used nested destructing, find out parent key
+            if (!isValidDependency && (!localRtName || (localRtName && localRtName !== property))) {
+                if (!parent) {
+                    return
                 }
 
-                if (!t.isIfStatement(value)) {
-                    return []
+                if (!Boolean(toUnistylesDependency(parent))) {
+                    return
                 }
 
-                return [value.consequent, value.alternate]
-                    .filter(Boolean)
-                    .flatMap(value => {
-                        if (t.isBlockStatement(value)) {
-                            return value.body.filter(t.isReturnStatement)
+                validRtName = parent
+            }
+
+            rtBinding.referencePaths.forEach(refPath => {
+                // to detect rt dependencies we need to get parameter not rt itself
+                // eg. rt.screen.width -> screen
+                // rt.insets.top -> insets
+                // special case: rt.insets.ime -> ime
+
+                let usedLabel = validRtName
+
+                if (refPath.parentPath.isMemberExpression() && refPath.parentPath.get('object') === refPath) {
+                    const memberExpr = refPath.parentPath
+                    const propPath = memberExpr.get('property')
+
+                    if (propPath.isIdentifier()) {
+                        if (localRtName) {
+                            usedLabel = propPath.node.name
                         }
+
+                        if (
+                            usedLabel === 'insets' &&
+                            memberExpr.parentPath.isMemberExpression() &&
+                            memberExpr.parentPath.get('object') === memberExpr
+                        ) {
+                            const secondPropPath = memberExpr.parentPath.get('property')
+
+                            if (secondPropPath.isIdentifier() && secondPropPath.node.name === 'ime') {
+                                usedLabel = 'ime'
+                            }
+                        }
+                    }
+                }
+
+                // find key of the style that we are referring to
+                const containerProp = refPath
+                    .findParent(parent => parent.isObjectProperty() && parent.parentPath === returnedObjectPath)
+
+                if (!containerProp) {
+                    return
+                }
+
+                const keyNode = containerProp.get('key')
+                const styleKey = keyNode.isIdentifier()
+                    ? keyNode.node.name
+                    : keyNode.isLiteral()
+                        ? keyNode.node.value
+                        : null
+
+                if (styleKey) {
+                    detectedStylesWithRt.add({
+                        label: usedLabel,
+                        key: styleKey
                     })
+                }
             })
-            .map(value => value.argument)
+        })
+    })
+
+    const variants = Array.from(detectedStylesWithVariants)
+    const theme = Array.from(detectedStylesWithTheme)
+    const rt = Array.from(detectedStylesWithRt)
+
+    return theme
+        .concat(rt)
+        .concat(variants)
+        .reduce((acc, { key, label }) => {
+            if (acc[key]) {
+                return {
+                    ...acc,
+                    [key]: [
+                        ...acc[key],
+                        label
+                    ]
+                }
+            }
+
+            return {
+                ...acc,
+                [key]: [label]
+            }
+        }, [])
+}
+
+function toUnistylesDependency(dependency) {
+    switch (dependency) {
+        case 'theme': {
+            return UnistyleDependency.Theme
+        }
+        case 'themeName': {
+            return UnistyleDependency.ThemeName
+        }
+        case 'adaptiveThemes': {
+            return UnistyleDependency.AdaptiveThemes
+        }
+        case 'breakpoint': {
+            return UnistyleDependency.Breakpoints
+        }
+        case 'colorScheme': {
+            return UnistyleDependency.ColorScheme
+        }
+        case 'screen': {
+            return UnistyleDependency.Dimensions
+        }
+        case 'isPortrait':
+        case 'isLandscape': {
+            return UnistyleDependency.Orientation
+        }
+        case 'contentSizeCategory': {
+            return UnistyleDependency.ContentSizeCategory
+        }
+        case 'ime': {
+            return UnistyleDependency.Ime
+        }
+        case 'insets': {
+            return UnistyleDependency.Insets
+        }
+        case 'pixelRatio': {
+            return UnistyleDependency.PixelRatio
+        }
+        case 'fontScale': {
+            return UnistyleDependency.FontScale
+        }
+        case 'statusBar': {
+            return UnistyleDependency.StatusBar
+        }
+        case 'navigationBar': {
+            return UnistyleDependency.NavigationBar
+        }
+        case 'variants': {
+            return UnistyleDependency.Variants
+        }
+
+        // breakpoints are too complex and are handled by C++
+    }
+}
+
+function getReturnStatementsFromBody(t, node, results = []) {
+    if (t.isReturnStatement(node)) {
+        results.push(node)
+    }
+
+    if (t.isBlockStatement(node)) {
+        node.body.forEach(child => getReturnStatementsFromBody(t, child, results))
+    }
+
+    if (t.isIfStatement(node)) {
+        getReturnStatementsFromBody(t, node.consequent, results)
+
+        if (node.alternate) {
+            getReturnStatementsFromBody(t, node.alternate, results)
+        }
     }
 
-    return []
+    return results
 }
 
-function addThemeDependencyToMemberExpression(t, path) {
-    path.value = t.objectExpression([
-        t.spreadElement(path.value),
-        t.objectProperty(
-            t.identifier('uni__dependencies'),
-            t.arrayExpression([t.numericLiteral(UnistyleDependency.Theme)])
-        )
-    ])
+function addDependencies(t, state, styleName, unistyle, detectedDependencies) {
+    const debugMessage = deps => {
+        if (state.opts.debug) {
+            const mappedDeps = deps
+                .map(dep => Object.keys(UnistyleDependency).find(key => UnistyleDependency[key] === dep))
+                .join(', ')
+
+            console.log(`${state.filename.replace(`${state.file.opts.root}/`, '')}: styles.${styleName}: [${mappedDeps}]`)
+        }
+    }
+
+    const styleDependencies = detectedDependencies.map(toUnistylesDependency)
+
+    // add metadata about dependencies
+    if (styleDependencies.length > 0) {
+        const uniqueDependencies = Array.from(new Set(styleDependencies))
+
+        debugMessage(uniqueDependencies)
+
+        let targets = []
+
+        if (t.isArrowFunctionExpression(unistyle.value) || t.isFunctionExpression(unistyle.value)) {
+            if (t.isObjectExpression(unistyle.value.body)) {
+                targets.push(unistyle.value.body)
+            }
+
+            if (t.isBlockStatement(unistyle.value.body)) {
+                targets = getReturnStatementsFromBody(t, unistyle.value.body)
+                    .map(node => {
+                        if (t.isIdentifier(node.argument)) {
+                            node.argument = t.objectExpression([
+                                t.spreadElement(node.argument)
+                            ])
+                        }
+
+                        return node.argument
+                    })
+            }
+        }
+
+        if (t.isObjectExpression(unistyle.value)) {
+            targets.push(unistyle.value)
+        }
+
+        if (t.isMemberExpression(unistyle.value)) {
+            // convert to object
+            unistyle.value = t.objectExpression([t.spreadElement(unistyle.value)])
+
+            targets.push(unistyle.value)
+        }
+
+        if (targets.length > 0) {
+            targets.forEach(target => {
+                target.properties.push(
+                    t.objectProperty(
+                        t.identifier('uni__dependencies'),
+                        t.arrayExpression(uniqueDependencies.map(dep => t.numericLiteral(dep)))
+                    )
+                )
+            })
+        }
+    }
 }
 
 module.exports = {
     isUnistylesStyleSheet,
-    analyzeDependencies,
+    addDependencies,
     addStyleSheetTag,
-    getUnistyles,
-    isKindOfStyleSheet,
-    addThemeDependencyToMemberExpression
+    getStylesDependenciesFromObject,
+    getStylesDependenciesFromFunction,
+    isKindOfStyleSheet
 }

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

@@ -55,7 +55,7 @@ export const Pressable = forwardRef<View, PressableProps>(({ variants, style, ..
             }}
             style={state => {
                 const unistyles = typeof style === 'function'
-                    ? style(state)
+                    ? style.call(style, state)
                     : getStyles(style as unknown as Record<string, any>)
 
                 if (!storedRef.current) {

package/plugin/common.js

@@ -1,142 +0,0 @@
-function getIdentifierNameFromExpression(t, memberExpression) {
-    if (t.isMemberExpression(memberExpression)) {
-        if (memberExpression.computed) {
-            return [
-                getIdentifierNameFromExpression(t, memberExpression.property),
-                getIdentifierNameFromExpression(t, memberExpression.object)
-            ].flat()
-        }
-
-        const object = memberExpression.object
-
-        // If the object is an Identifier, return its name
-        if (t.isIdentifier(object)) {
-            return [object.name]
-        }
-
-        // If the object is another MemberExpression, recursively get the identifier
-        if (t.isMemberExpression(object)) {
-            return getIdentifierNameFromExpression(t, object).flat()
-        }
-    }
-
-    if (t.isBinaryExpression(memberExpression)) {
-        return [
-            getIdentifierNameFromExpression(t, memberExpression.left),
-            getIdentifierNameFromExpression(t, memberExpression.right)
-        ].flat()
-    }
-
-    if (t.isCallExpression(memberExpression)) {
-        return getIdentifierNameFromExpression(t, memberExpression.callee)
-    }
-
-    if (t.isConditionalExpression(memberExpression)) {
-        return [
-            getIdentifierNameFromExpression(t, memberExpression.test.left),
-            getIdentifierNameFromExpression(t, memberExpression.test.right),
-            getIdentifierNameFromExpression(t, memberExpression.alternate),
-            getIdentifierNameFromExpression(t, memberExpression.consequent),
-            getIdentifierNameFromExpression(t, memberExpression.test)
-        ].flat()
-    }
-
-    if (t.isArrayExpression(memberExpression)) {
-        return memberExpression.elements.map(expression => getIdentifierNameFromExpression(t, expression)).flat()
-    }
-
-    if (t.isArrowFunctionExpression(memberExpression)) {
-        return memberExpression.body.properties.map(prop => getIdentifierNameFromExpression(t, prop.value)).flat()
-    }
-
-    if (t.isTemplateLiteral(memberExpression)) {
-        return memberExpression.expressions.map(expression => getIdentifierNameFromExpression(t, expression)).flat()
-    }
-
-    if (t.isObjectExpression(memberExpression)) {
-        return memberExpression.properties
-            .filter(property => t.isObjectProperty(property))
-            .flatMap(property => getIdentifierNameFromExpression(t, property.value))
-    }
-
-    if (t.isUnaryExpression(memberExpression)) {
-        return getIdentifierNameFromExpression(t, memberExpression.argument.object)
-    }
-
-    return []
-}
-
-function getSecondPropertyName(t, memberExpression) {
-    if (t.isUnaryExpression(memberExpression)) {
-        return getSecondPropertyName(t, memberExpression.argument.object)
-    }
-
-    if (t.isConditionalExpression(memberExpression)) {
-        return [
-            getSecondPropertyName(t, memberExpression.test.left),
-            getSecondPropertyName(t, memberExpression.test.right),
-            getSecondPropertyName(t, memberExpression.alternate),
-            getSecondPropertyName(t, memberExpression.consequent),
-            getSecondPropertyName(t, memberExpression.test)
-        ].flat()
-    }
-
-    if (t.isTemplateLiteral(memberExpression)) {
-        return memberExpression.expressions.map(expression => getSecondPropertyName(t, expression)).flat()
-    }
-
-    if (t.isBinaryExpression(memberExpression)) {
-        return [
-            getSecondPropertyName(t, memberExpression.left),
-            getSecondPropertyName(t, memberExpression.right)
-        ].flat()
-    }
-
-    if (t.isObjectExpression(memberExpression)) {
-        return memberExpression.properties
-            .filter(property => t.isObjectProperty(property))
-            .flatMap(property => getSecondPropertyName(t, property.value))
-    }
-
-    if (t.isArrayExpression(memberExpression)) {
-        return memberExpression.elements.map(expression => getSecondPropertyName(t, expression)).flat()
-    }
-
-    if (!t.isMemberExpression(memberExpression)) {
-        return []
-    }
-
-    let current = memberExpression.computed
-        ? memberExpression.property
-        : memberExpression
-    let propertyName = null
-
-    while (t.isMemberExpression(current)) {
-        propertyName = current.property
-        current = current.object
-    }
-
-    // special case for IME
-    if (propertyName && t.isIdentifier(propertyName) && propertyName.name === 'insets') {
-        if (t.isIdentifier(memberExpression.property) && memberExpression.property.name === "ime") {
-            return [memberExpression.property.name]
-        }
-
-        return [propertyName.name]
-    }
-
-    if (propertyName && t.isIdentifier(propertyName)) {
-        return [propertyName.name]
-    }
-
-    if (propertyName) {
-        return [propertyName.value]
-    }
-
-    return []
-}
-
-module.exports = {
-    getIdentifierNameFromExpression,
-    getSecondPropertyName
-}