react-native-unistyles 3.0.11 → 3.0.12

package/README.md

@@ -21,14 +21,14 @@ yarn add react-native-unistyles
 Install dependencies:
 
 ```shell
-yarn add react-native-edge-to-edge react-native-nitro-modules@0.29.3
+yarn add react-native-edge-to-edge react-native-nitro-modules@0.29.4
 ```
 
 > To avoid unexpected behavior, always use a fixed version of `react-native-nitro-modules`
 
 | react-native-unistyles | react-native-nitro-modules |
 |------------------------|----------------------------|
-| 3.0.0                  | 0.29.3                     |
+| 3.0.0                  | 0.29.4                     |
 
 Then follow [installation guides](https://unistyl.es/v3/start/getting-started) for your platform.
 

package/lib/commonjs/web-only/getWebProps.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.getWebProps = void 0;
 var _core = require("../core");
 var _createUnistylesRef = require("../web/utils/createUnistylesRef");
-const getWebProps = style => {
+const getWebProps = (style, forwardedRef) => {
   const styles = (0, _core.getClassName)(style);
-  const ref = (0, _createUnistylesRef.createUnistylesRef)(styles);
+  const ref = (0, _createUnistylesRef.createUnistylesRef)(styles, forwardedRef);
   const [generatedStyles] = styles ?? [];
   return {
     className: [generatedStyles?.hash, generatedStyles?.injectedClassName].filter(Boolean).join(' '),

package/lib/commonjs/web-only/getWebProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_createUnistylesRef","getWebProps","style","styles","getClassName","ref","createUnistylesRef","generatedStyles","className","hash","injectedClassName","filter","Boolean","join","exports"],"sourceRoot":"../../../src","sources":["web-only/getWebProps.ts"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AAEO,MAAME,WAAW,GAAOC,KAAyB,IAAK;EACzD,MAAMC,MAAM,GAAG,IAAAC,kBAAY,EAACF,KAAwB,CAAC;EACrD,MAAMG,GAAG,GAAG,IAAAC,sCAAkB,EAAIH,MAAM,CAAC;EACzC,MAAM,CAACI,eAAe,CAAC,GAAGJ,MAAM,IAAI,EAAE;EAEtC,OAAO;IACHK,SAAS,EAAE,CACPD,eAAe,EAAEE,IAAI,EACrBF,eAAe,EAAEG,iBAAiB,CACrC,CAACC,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;IAC3BR;EACJ,CAAC;AACL,CAAC;AAAAS,OAAA,CAAAb,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"names":["_core","require","_createUnistylesRef","getWebProps","style","forwardedRef","styles","getClassName","ref","createUnistylesRef","generatedStyles","className","hash","injectedClassName","filter","Boolean","join","exports"],"sourceRoot":"../../../src","sources":["web-only/getWebProps.ts"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AAEO,MAAME,WAAW,GAAGA,CAAIC,KAAyB,EAAEC,YAAoC,KAAK;EAC/F,MAAMC,MAAM,GAAG,IAAAC,kBAAY,EAACH,KAAwB,CAAC;EACrD,MAAMI,GAAG,GAAG,IAAAC,sCAAkB,EAAIH,MAAM,EAAED,YAAY,CAAC;EACvD,MAAM,CAACK,eAAe,CAAC,GAAGJ,MAAM,IAAI,EAAE;EAEtC,OAAO;IACHK,SAAS,EAAE,CACPD,eAAe,EAAEE,IAAI,EACrBF,eAAe,EAAEG,iBAAiB,CACrC,CAACC,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;IAC3BR;EACJ,CAAC;AACL,CAAC;AAAAS,OAAA,CAAAd,WAAA,GAAAA,WAAA","ignoreList":[]}

package/lib/module/web-only/getWebProps.js

@@ -2,9 +2,9 @@
 
 import { getClassName } from '../core';
 import { createUnistylesRef } from '../web/utils/createUnistylesRef';
-export const getWebProps = style => {
+export const getWebProps = (style, forwardedRef) => {
   const styles = getClassName(style);
-  const ref = createUnistylesRef(styles);
+  const ref = createUnistylesRef(styles, forwardedRef);
   const [generatedStyles] = styles ?? [];
   return {
     className: [generatedStyles?.hash, generatedStyles?.injectedClassName].filter(Boolean).join(' '),

package/lib/module/web-only/getWebProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["getClassName","createUnistylesRef","getWebProps","style","styles","ref","generatedStyles","className","hash","injectedClassName","filter","Boolean","join"],"sourceRoot":"../../../src","sources":["web-only/getWebProps.ts"],"mappings":";;AACA,SAASA,YAAY,QAAQ,SAAS;AAEtC,SAASC,kBAAkB,QAAQ,iCAAiC;AAEpE,OAAO,MAAMC,WAAW,GAAOC,KAAyB,IAAK;EACzD,MAAMC,MAAM,GAAGJ,YAAY,CAACG,KAAwB,CAAC;EACrD,MAAME,GAAG,GAAGJ,kBAAkB,CAAIG,MAAM,CAAC;EACzC,MAAM,CAACE,eAAe,CAAC,GAAGF,MAAM,IAAI,EAAE;EAEtC,OAAO;IACHG,SAAS,EAAE,CACPD,eAAe,EAAEE,IAAI,EACrBF,eAAe,EAAEG,iBAAiB,CACrC,CAACC,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;IAC3BP;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["getClassName","createUnistylesRef","getWebProps","style","forwardedRef","styles","ref","generatedStyles","className","hash","injectedClassName","filter","Boolean","join"],"sourceRoot":"../../../src","sources":["web-only/getWebProps.ts"],"mappings":";;AACA,SAASA,YAAY,QAAQ,SAAS;AAEtC,SAASC,kBAAkB,QAAQ,iCAAiC;AAEpE,OAAO,MAAMC,WAAW,GAAGA,CAAIC,KAAyB,EAAEC,YAAoC,KAAK;EAC/F,MAAMC,MAAM,GAAGL,YAAY,CAACG,KAAwB,CAAC;EACrD,MAAMG,GAAG,GAAGL,kBAAkB,CAAII,MAAM,EAAED,YAAY,CAAC;EACvD,MAAM,CAACG,eAAe,CAAC,GAAGF,MAAM,IAAI,EAAE;EAEtC,OAAO;IACHG,SAAS,EAAE,CACPD,eAAe,EAAEE,IAAI,EACrBF,eAAe,EAAEG,iBAAiB,CACrC,CAACC,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;IAC3BP;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/typescript/src/web-only/getWebProps.d.ts

@@ -1,6 +1,6 @@
 import type { StyleProp } from 'react-native';
 import type { RNStyle } from '../types';
-export declare const getWebProps: <T>(style: StyleProp<RNStyle>) => {
+export declare const getWebProps: <T>(style: StyleProp<RNStyle>, forwardedRef?: React.ForwardedRef<T>) => {
     className: string;
     ref: ((ref: import("../types").Nullable<T>) => void) | undefined;
 };

package/lib/typescript/src/web-only/getWebProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getWebProps.d.ts","sourceRoot":"","sources":["../../../../src/web-only/getWebProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,KAAK,EAAE,OAAO,EAAmB,MAAM,UAAU,CAAA;AAGxD,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,OAAO,SAAS,CAAC,OAAO,CAAC;;;CAYvD,CAAA"}
+{"version":3,"file":"getWebProps.d.ts","sourceRoot":"","sources":["../../../../src/web-only/getWebProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,KAAK,EAAE,OAAO,EAAmB,MAAM,UAAU,CAAA;AAGxD,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,OAAO,SAAS,CAAC,OAAO,CAAC,EAAE,eAAe,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;;;CAY7F,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unistyles",
-  "version": "3.0.11",
+  "version": "3.0.12",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
     "test": "NODE_ENV=babel-test jest ./plugin",
@@ -148,11 +148,11 @@
     "husky": "9.1.7",
     "jest": "29.7.0",
     "metro-react-native-babel-preset": "0.77.0",
-    "nitro-codegen": "0.29.3",
+    "nitrogen": "0.29.4",
     "react": "19.1.0",
     "react-native": "0.79.2",
     "react-native-builder-bob": "0.40.10",
-    "react-native-nitro-modules": "0.29.3",
+    "react-native-nitro-modules": "0.29.4",
     "react-native-reanimated": "3.17.5",
     "react-native-web": "0.20.0",
     "react-test-renderer": "19.1.0",

package/src/web-only/getWebProps.ts

@@ -3,9 +3,9 @@ import { getClassName } from '../core'
 import type { RNStyle, UnistylesValues } from '../types'
 import { createUnistylesRef } from '../web/utils/createUnistylesRef'
 
-export const getWebProps = <T>(style: StyleProp<RNStyle>) => {
+export const getWebProps = <T>(style: StyleProp<RNStyle>, forwardedRef?: React.ForwardedRef<T>) => {
     const styles = getClassName(style as UnistylesValues)
-    const ref = createUnistylesRef<T>(styles)
+    const ref = createUnistylesRef<T>(styles, forwardedRef)
     const [generatedStyles] = styles ?? []
 
     return {