@tamagui/core 1.85.12 → 1.86.0

package/dist/cjs/hooks/usePlatformMethods.js

@@ -21,7 +21,7 @@ var import_constants = require("@tamagui/constants"), import_getRect = require("
 function usePlatformMethods(hostRef) {
   (0, import_constants.useIsomorphicLayoutEffect)(() => {
     const node = hostRef.current;
-    !node || node.measure || (node.measure = (callback) => (0, import_useElementLayout.measureLayout)(node, null, callback), node.measureLayout = (relativeToNode, success) => (0, import_useElementLayout.measureLayout)(node, relativeToNode, success), node.measureInWindow = (callback) => {
+    node && (node.measure ||= (callback) => (0, import_useElementLayout.measureLayout)(node, null, callback), node.measureLayout ||= (relativeToNode, success) => (0, import_useElementLayout.measureLayout)(node, relativeToNode, success), node.measureInWindow ||= (callback) => {
       node && setTimeout(() => {
         const { height, left, top, width } = (0, import_getRect.getRect)(node);
         callback(left, top, width, height);

package/dist/cjs/hooks/usePlatformMethods.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/usePlatformMethods.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C,+BAG1C,iBAAwB,+BACxB,0BAA8B;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,kDAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,IAAI,CAAC,QAAQ,KAAK,YAElB,KAAK,UAAU,CAAC,iBAAa,uCAAc,MAAM,MAAM,QAAQ,GAE/D,KAAK,gBAAgB,CAAC,gBAAgB,gBACpC,uCAAc,MAAqB,gBAAgB,OAAO,GAE5D,KAAK,kBAAkB,CAAC,aAAa;AACnC,MAAK,QACL,WAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,QAAI,wBAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACd;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C,+BAG1C,iBAAwB,+BACxB,0BAA8B;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,kDAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,IAAI,SAEF,KAAK,YAAY,CAAC,iBAAa,uCAAc,MAAM,MAAM,QAAQ,GAEjE,KAAK,kBAAkB,CAAC,gBAAgB,gBACtC,uCAAc,MAAqB,gBAAgB,OAAO,GAE5D,KAAK,oBAAoB,CAAC,aAAa;AACrC,MAAK,QACL,WAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,QAAI,wBAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EAEJ,GAAG,CAAC,OAAO,CAAC;AACd;",
   "names": []
 }

package/dist/cjs/hooks/usePlatformMethods.native.js

@@ -22,7 +22,7 @@ var import_constants = require("@tamagui/constants"), import_getRect = require("
 function usePlatformMethods(hostRef) {
   (0, import_constants.useIsomorphicLayoutEffect)(() => {
     const node = hostRef.current;
-    !node || node.measure || (node.measure = (callback) => (0, import_useElementLayout.measureLayout)(node, null, callback), node.measureLayout = (relativeToNode, success) => (0, import_useElementLayout.measureLayout)(node, relativeToNode, success), node.measureInWindow = (callback) => {
+    node && (node.measure ||= (callback) => (0, import_useElementLayout.measureLayout)(node, null, callback), node.measureLayout ||= (relativeToNode, success) => (0, import_useElementLayout.measureLayout)(node, relativeToNode, success), node.measureInWindow ||= (callback) => {
       node && setTimeout(() => {
         const { height, left, top, width } = (0, import_getRect.getRect)(node);
         callback(left, top, width, height);

package/dist/cjs/hooks/usePlatformMethods.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/usePlatformMethods.ts"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C,+BAG1C,iBAAwB,+BACxB,0BAA8B;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,kDAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,IAAI,CAAC,QAAQ,KAAK,YAElB,KAAK,UAAU,CAAC,iBAAa,uCAAc,MAAM,MAAM,QAAQ,GAE/D,KAAK,gBAAgB,CAAC,gBAAgB,gBACpC,uCAAc,MAAqB,gBAAgB,OAAO,GAE5D,KAAK,kBAAkB,CAAC,aAAa;AACnC,MAAK,QACL,WAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,QAAI,wBAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACd;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C,+BAG1C,iBAAwB,+BACxB,0BAA8B;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,kDAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,IAAI,SAEF,KAAK,YAAY,CAAC,iBAAa,uCAAc,MAAM,MAAM,QAAQ,GAEjE,KAAK,kBAAkB,CAAC,gBAAgB,gBACtC,uCAAc,MAAqB,gBAAgB,OAAO,GAE5D,KAAK,oBAAoB,CAAC,aAAa;AACrC,MAAK,QACL,WAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,QAAI,wBAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EAEJ,GAAG,CAAC,OAAO,CAAC;AACd;",
   "names": []
 }

package/dist/cjs/index.js

@@ -25,7 +25,7 @@ __reExport(src_exports, require("./reactNativeTypes"), module.exports);
 const baseViews = (0, import_getBaseViews.getBaseViews)();
 (0, import_web.setupHooks)({
   getBaseViews: import_getBaseViews.getBaseViews,
-  usePropsTransform(elementType, propsIn, hostRef, willHydrate) {
+  usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
     {
       const isDOM = typeof elementType == "string", {
         // event props
@@ -55,30 +55,31 @@ const baseViews = (0, import_getBaseViews.getBaseViews)();
         hrefAttrs,
         ...plainDOMProps
       } = propsIn;
-      if ((willHydrate || isDOM) && ((0, import_usePlatformMethods.usePlatformMethods)(hostRef), (0, import_useElementLayout.useElementLayout)(
-        hostRef,
-        isDOM ? onLayout : void 0
-      ), (0, import_react_native_use_responder_events.useResponderEvents)(
-        hostRef,
-        isDOM ? {
-          onMoveShouldSetResponder,
-          onMoveShouldSetResponderCapture,
-          onResponderEnd,
-          onResponderGrant,
-          onResponderMove,
-          onResponderReject,
-          onResponderRelease,
-          onResponderStart,
-          onResponderTerminate,
-          onResponderTerminationRequest,
-          onScrollShouldSetResponder,
-          onScrollShouldSetResponderCapture,
-          onSelectionChangeShouldSetResponder,
-          onSelectionChangeShouldSetResponderCapture,
-          onStartShouldSetResponder,
-          onStartShouldSetResponderCapture
-        } : void 0
-      )), isDOM) {
+      if (willHydrate || isDOM) {
+        const hostRef = { current: stateRef.current.host };
+        (0, import_usePlatformMethods.usePlatformMethods)(hostRef), (0, import_useElementLayout.useElementLayout)(hostRef, isDOM ? onLayout : void 0), (0, import_react_native_use_responder_events.useResponderEvents)(
+          hostRef,
+          isDOM ? {
+            onMoveShouldSetResponder,
+            onMoveShouldSetResponderCapture,
+            onResponderEnd,
+            onResponderGrant,
+            onResponderMove,
+            onResponderReject,
+            onResponderRelease,
+            onResponderStart,
+            onResponderTerminate,
+            onResponderTerminationRequest,
+            onScrollShouldSetResponder,
+            onScrollShouldSetResponderCapture,
+            onSelectionChangeShouldSetResponder,
+            onSelectionChangeShouldSetResponderCapture,
+            onStartShouldSetResponder,
+            onStartShouldSetResponderCapture
+          } : void 0
+        );
+      }
+      if (isDOM) {
         if (plainDOMProps.href && hrefAttrs) {
           const { download, rel, target } = hrefAttrs;
           download != null && (plainDOMProps.download = download), rel && (plainDOMProps.rel = rel), typeof target == "string" && (plainDOMProps.target = target.charAt(0) !== "_" ? `_${target}` : target);

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAmC,uDAUnC,aAMO,yBACP,eAAyC,kBAEzC,6BAAoC,kCACpC,sBAA6B,2BAC7B,0BAAiC,qCACjC,4BAAmC,uCAEnC,sBAAgC;AAqBhC,wBAAc,yBA7Cd;AAgDA,wBAAc,+BAhDd;AAkDA,MAAM,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS,aAAa;AAClB;AACxC,YAAM,QAAQ,OAAO,eAAgB,UAG/B;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA,GAAG;AAAA,MACL,IAAI;AAkCJ,WAhCI,eAAe,eAEjB,8CAAmB,OAA6B,OAChD;AAAA,QACE;AAAA,QACC,QAAqB,WAAb;AAAA,MACX,OACA;AAAA,QACE;AAAA,QACC,QAEI;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,IAlBA;AAAA,MAmBN,IAGE,OAAO;AAET,YAAI,cAAc,QAAQ,WAAW;AACnC,gBAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,UAAI,YAAY,SACd,cAAc,WAAW,WAEvB,QACF,cAAc,MAAM,MAElB,OAAO,UAAW,aACpB,cAAc,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,QAErE;AACA,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAAA,EA0DzE;AAwBF,CAAC;AAQM,MAAM,OAAO,WAAAA,MACP,QAAQ,WAAAC,OACR,OAAO,WAAAC;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAmC,uDAUnC,aAMO,yBACP,eAAyC,kBAEzC,6BAAoC,kCACpC,sBAA6B,2BAC7B,0BAAiC,qCACjC,4BAAmC,uCAEnC,sBAAgC;AAqBhC,wBAAc,yBA7Cd;AAgDA,wBAAc,+BAhDd;AAkDA,MAAM,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,UAAU,aAAa;AACnB;AACxC,YAAM,QAAQ,OAAO,eAAgB,UAG/B;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA,GAAG;AAAA,MACL,IAAI;AAEJ,UAAI,eAAe,OAAO;AAExB,cAAM,UAAU,EAAE,SAAS,SAAS,QAAQ,KAAgB;AAC5D,0DAAmB,OAAO,OAC1B,0CAAiB,SAAU,QAAqB,WAAb,MAA6B,OAChE;AAAA,UACE;AAAA,UACC,QAEI;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF,IAlBA;AAAA,QAmBN;AAAA,MACF;AAEA,UAAI,OAAO;AAET,YAAI,cAAc,QAAQ,WAAW;AACnC,gBAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,UAAI,YAAY,SACd,cAAc,WAAW,WAEvB,QACF,cAAc,MAAM,MAElB,OAAO,UAAW,aACpB,cAAc,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,QAErE;AACA,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAAA,EA0DzE;AAwBF,CAAC;AAQM,MAAM,OAAO,WAAAA,MACP,QAAQ,WAAAC,OACR,OAAO,WAAAC;",
   "names": ["WebView", "WebStack", "WebText"]
 }

package/dist/cjs/index.native.js

@@ -26,7 +26,7 @@ __reExport(src_exports, require("./reactNativeTypes"), module.exports);
 const baseViews = (0, import_getBaseViews.getBaseViews)();
 (0, import_web.setupHooks)({
   getBaseViews: import_getBaseViews.getBaseViews,
-  usePropsTransform(elementType, propsIn, hostRef, willHydrate) {
+  usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
   },
   useEvents(viewProps, events, { pseudos }, setStateShallow, staticConfig) {
     if (events && (events.onFocus && (viewProps.onFocus = events.onFocus), events.onBlur && (viewProps.onBlur = events.onBlur)), staticConfig.isInput) {

package/dist/cjs/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAmC,uDAUnC,aAMO,yBACP,eAAyC,kBAEzC,6BAAoC,kCACpC,sBAA6B,2BAC7B,0BAAiC,qCACjC,4BAAmC,uCAEnC,sBAAgC;AAqBhC,wBAAc,yBA7Cd;AAgDA,wBAAc,+BAhDd;AAkDA,MAAM,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS,aAAa;AAAA,EAuF9D;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAWrE,QATI,WACE,OAAO,YACT,UAAU,UAAa,OAAO,UAE5B,OAAO,WACT,UAAU,SAAY,OAAO,UAI7B,aAAa;AACf,UAAI,QAAQ;AACV,cAAM,EAAE,WAAW,YAAY,QAAQ,IAAI,QACrC,cAAc;AAAA,UAClB;AAAA,UACA,YAAY,cAAc;AAAA,QAC5B;AACA,QAAI,cAAc,YAEhB,YAAY,iBAAa,iCAAqB,SAAS,UAAU,IAEnE,OAAO,OAAO,WAAW,WAAW;AAAA,MACtC;AAAA,WACK;AAGL,MAAI,UAAU,UAAU,YACtB,OAAO,UAAU,UAAU;AAI7B,YAAM,mBAAe,qCAAgB,MAAM;AAE3C,UAAI,WACE,QAAQ,IAAI,aAAa,iBACvB,UAAU,SACZ,QAAQ;AAAA,QACN,sBAAsB,CAAC,CAAC,OAAO,OAAO,sCAAsC,OAAO;AAAA,UACjF,gBAAgB,CAAC;AAAA,QACnB,CAAC;AAAA,MACH,GAIA,OAAO;AACT,mBAAW,OAAO,cAAc;AAC9B,gBAAM,KAAK,UAAU,GAAG,GAClB,MAAM,aAAa,GAAG;AAC5B,oBAAU,GAAG,IACX,MAAM,CAAC,4BAA4B,GAAG,QAClC,iCAAqB,IAAI,GAAG,IAC5B;AAAA,QACR;AAAA,IAGN;AAAA,EAEJ;AAAA,EAIE,YAAY,aAAa,UAAU,WAAW,QAAQ,cAAc;AAClE,QAAI,QAAQ,IAAI,aAAa,QAK7B;AAAA,UAAI,gBAAgB,UAAU;AAE5B,mBAAO,gDAAoB,UAAU,WAAW,SAAS;AAG3D,UAAI,QAAQ,IAAI,iCACV,gBAAgB,UAAU;AAE5B,yBAAU,WAAW,cACd,4BAAc,WAAW,SAAS;AAAA;AAAA,EAG/C;AAEJ,CAAC;AAED,MAAM,8BAA8B;AAAA,EAClC,SAAS;AACX,GAIa,OAAO,WAAAA,MACP,QAAQ,WAAAC,OACR,OAAO,WAAAC;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAmC,uDAUnC,aAMO,yBACP,eAAyC,kBAEzC,6BAAoC,kCACpC,sBAA6B,2BAC7B,0BAAiC,qCACjC,4BAAmC,uCAEnC,sBAAgC;AAqBhC,wBAAc,yBA7Cd;AAgDA,wBAAc,+BAhDd;AAkDA,MAAM,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,UAAU,aAAa;AAAA,EAqF/D;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAWrE,QATI,WACE,OAAO,YACT,UAAU,UAAa,OAAO,UAE5B,OAAO,WACT,UAAU,SAAY,OAAO,UAI7B,aAAa;AACf,UAAI,QAAQ;AACV,cAAM,EAAE,WAAW,YAAY,QAAQ,IAAI,QACrC,cAAc;AAAA,UAClB;AAAA,UACA,YAAY,cAAc;AAAA,QAC5B;AACA,QAAI,cAAc,YAEhB,YAAY,iBAAa,iCAAqB,SAAS,UAAU,IAEnE,OAAO,OAAO,WAAW,WAAW;AAAA,MACtC;AAAA,WACK;AAGL,MAAI,UAAU,UAAU,YACtB,OAAO,UAAU,UAAU;AAI7B,YAAM,mBAAe,qCAAgB,MAAM;AAE3C,UAAI,WACE,QAAQ,IAAI,aAAa,iBACvB,UAAU,SACZ,QAAQ;AAAA,QACN,sBAAsB,CAAC,CAAC,OAAO,OAAO,sCAAsC,OAAO;AAAA,UACjF,gBAAgB,CAAC;AAAA,QACnB,CAAC;AAAA,MACH,GAIA,OAAO;AACT,mBAAW,OAAO,cAAc;AAC9B,gBAAM,KAAK,UAAU,GAAG,GAClB,MAAM,aAAa,GAAG;AAC5B,oBAAU,GAAG,IACX,MAAM,CAAC,4BAA4B,GAAG,QAClC,iCAAqB,IAAI,GAAG,IAC5B;AAAA,QACR;AAAA,IAGN;AAAA,EAEJ;AAAA,EAIE,YAAY,aAAa,UAAU,WAAW,QAAQ,cAAc;AAClE,QAAI,QAAQ,IAAI,aAAa,QAK7B;AAAA,UAAI,gBAAgB,UAAU;AAE5B,mBAAO,gDAAoB,UAAU,WAAW,SAAS;AAG3D,UAAI,QAAQ,IAAI,iCACV,gBAAgB,UAAU;AAE5B,yBAAU,WAAW,cACd,4BAAc,WAAW,SAAS;AAAA;AAAA,EAG/C;AAEJ,CAAC;AAED,MAAM,8BAA8B;AAAA,EAClC,SAAS;AACX,GAIa,OAAO,WAAAA,MACP,QAAQ,WAAAC,OACR,OAAO,WAAAC;",
   "names": ["WebView", "WebStack", "WebText"]
 }

package/dist/esm/hooks/usePlatformMethods.js

@@ -4,7 +4,7 @@ import { measureLayout } from "./useElementLayout";
 function usePlatformMethods(hostRef) {
   useIsomorphicLayoutEffect(() => {
     const node = hostRef.current;
-    !node || node.measure || (node.measure = (callback) => measureLayout(node, null, callback), node.measureLayout = (relativeToNode, success) => measureLayout(node, relativeToNode, success), node.measureInWindow = (callback) => {
+    node && (node.measure ||= (callback) => measureLayout(node, null, callback), node.measureLayout ||= (relativeToNode, success) => measureLayout(node, relativeToNode, success), node.measureInWindow ||= (callback) => {
       node && setTimeout(() => {
         const { height, left, top, width } = getRect(node);
         callback(left, top, width, height);

package/dist/esm/hooks/usePlatformMethods.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/usePlatformMethods.ts"],
-  "mappings": "AAAA,SAAS,iCAAiC;AAG1C,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,4BAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,IAAI,CAAC,QAAQ,KAAK,YAElB,KAAK,UAAU,CAAC,aAAa,cAAc,MAAM,MAAM,QAAQ,GAE/D,KAAK,gBAAgB,CAAC,gBAAgB,YACpC,cAAc,MAAqB,gBAAgB,OAAO,GAE5D,KAAK,kBAAkB,CAAC,aAAa;AACnC,MAAK,QACL,WAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACd;",
+  "mappings": "AAAA,SAAS,iCAAiC;AAG1C,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,4BAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,IAAI,SAEF,KAAK,YAAY,CAAC,aAAa,cAAc,MAAM,MAAM,QAAQ,GAEjE,KAAK,kBAAkB,CAAC,gBAAgB,YACtC,cAAc,MAAqB,gBAAgB,OAAO,GAE5D,KAAK,oBAAoB,CAAC,aAAa;AACrC,MAAK,QACL,WAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EAEJ,GAAG,CAAC,OAAO,CAAC;AACd;",
   "names": []
 }

package/dist/esm/hooks/usePlatformMethods.native.js

@@ -4,7 +4,7 @@ import { measureLayout } from "./useElementLayout";
 function usePlatformMethods(hostRef) {
   useIsomorphicLayoutEffect(() => {
     const node = hostRef.current;
-    !node || node.measure || (node.measure = (callback) => measureLayout(node, null, callback), node.measureLayout = (relativeToNode, success) => measureLayout(node, relativeToNode, success), node.measureInWindow = (callback) => {
+    node && (node.measure ||= (callback) => measureLayout(node, null, callback), node.measureLayout ||= (relativeToNode, success) => measureLayout(node, relativeToNode, success), node.measureInWindow ||= (callback) => {
       node && setTimeout(() => {
         const { height, left, top, width } = getRect(node);
         callback(left, top, width, height);

package/dist/esm/hooks/usePlatformMethods.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/usePlatformMethods.ts"],
-  "mappings": "AAAA,SAAS,iCAAiC;AAG1C,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,4BAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,IAAI,CAAC,QAAQ,KAAK,YAElB,KAAK,UAAU,CAAC,aAAa,cAAc,MAAM,MAAM,QAAQ,GAE/D,KAAK,gBAAgB,CAAC,gBAAgB,YACpC,cAAc,MAAqB,gBAAgB,OAAO,GAE5D,KAAK,kBAAkB,CAAC,aAAa;AACnC,MAAK,QACL,WAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACd;",
+  "mappings": "AAAA,SAAS,iCAAiC;AAG1C,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,4BAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,IAAI,SAEF,KAAK,YAAY,CAAC,aAAa,cAAc,MAAM,MAAM,QAAQ,GAEjE,KAAK,kBAAkB,CAAC,gBAAgB,YACtC,cAAc,MAAqB,gBAAgB,OAAO,GAE5D,KAAK,oBAAoB,CAAC,aAAa;AACrC,MAAK,QACL,WAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EAEJ,GAAG,CAAC,OAAO,CAAC;AACd;",
   "names": []
 }

package/dist/esm/index.js

@@ -16,7 +16,7 @@ export * from "./reactNativeTypes";
 const baseViews = getBaseViews();
 setupHooks({
   getBaseViews,
-  usePropsTransform(elementType, propsIn, hostRef, willHydrate) {
+  usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
     {
       const isDOM = typeof elementType == "string", {
         // event props
@@ -46,30 +46,31 @@ setupHooks({
         hrefAttrs,
         ...plainDOMProps
       } = propsIn;
-      if ((willHydrate || isDOM) && (usePlatformMethods(hostRef), useElementLayout(
-        hostRef,
-        isDOM ? onLayout : void 0
-      ), useResponderEvents(
-        hostRef,
-        isDOM ? {
-          onMoveShouldSetResponder,
-          onMoveShouldSetResponderCapture,
-          onResponderEnd,
-          onResponderGrant,
-          onResponderMove,
-          onResponderReject,
-          onResponderRelease,
-          onResponderStart,
-          onResponderTerminate,
-          onResponderTerminationRequest,
-          onScrollShouldSetResponder,
-          onScrollShouldSetResponderCapture,
-          onSelectionChangeShouldSetResponder,
-          onSelectionChangeShouldSetResponderCapture,
-          onStartShouldSetResponder,
-          onStartShouldSetResponderCapture
-        } : void 0
-      )), isDOM) {
+      if (willHydrate || isDOM) {
+        const hostRef = { current: stateRef.current.host };
+        usePlatformMethods(hostRef), useElementLayout(hostRef, isDOM ? onLayout : void 0), useResponderEvents(
+          hostRef,
+          isDOM ? {
+            onMoveShouldSetResponder,
+            onMoveShouldSetResponderCapture,
+            onResponderEnd,
+            onResponderGrant,
+            onResponderMove,
+            onResponderReject,
+            onResponderRelease,
+            onResponderStart,
+            onResponderTerminate,
+            onResponderTerminationRequest,
+            onScrollShouldSetResponder,
+            onScrollShouldSetResponderCapture,
+            onSelectionChangeShouldSetResponder,
+            onSelectionChangeShouldSetResponderCapture,
+            onStartShouldSetResponder,
+            onStartShouldSetResponderCapture
+          } : void 0
+        );
+      }
+      if (isDOM) {
         if (plainDOMProps.href && hrefAttrs) {
           const { download, rel, target } = hrefAttrs;
           download != null && (plainDOMProps.download = download), rel && (plainDOMProps.rel = rel), typeof target == "string" && (plainDOMProps.target = target.charAt(0) !== "_" ? `_${target}` : target);

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": "AAAA,SAAS,0BAA0B;AAUnC;AAAA,EACE,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER;AAAA,OACK;AACP,OAAyC;AAEzC,OAAoC;AACpC,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AAEnC,OAAgC;AAqBhC,cAAc;AAGd,cAAc;AAEd,MAAM,YAAY,aAAa;AAI/B,WAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS,aAAa;AAClB;AACxC,YAAM,QAAQ,OAAO,eAAgB,UAG/B;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA,GAAG;AAAA,MACL,IAAI;AAkCJ,WAhCI,eAAe,WAEjB,mBAAmB,OAA6B,GAChD;AAAA,QACE;AAAA,QACC,QAAqB,WAAb;AAAA,MACX,GACA;AAAA,QACE;AAAA,QACC,QAEI;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,IAlBA;AAAA,MAmBN,IAGE,OAAO;AAET,YAAI,cAAc,QAAQ,WAAW;AACnC,gBAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,UAAI,YAAY,SACd,cAAc,WAAW,WAEvB,QACF,cAAc,MAAM,MAElB,OAAO,UAAW,aACpB,cAAc,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,QAErE;AACA,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAAA,EA0DzE;AAwBF,CAAC;AAQM,MAAM,OAAO,SACP,QAAQ,UACR,OAAO;",
+  "mappings": "AAAA,SAAS,0BAA0B;AAUnC;AAAA,EACE,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER;AAAA,OACK;AACP,OAAyC;AAEzC,OAAoC;AACpC,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AAEnC,OAAgC;AAqBhC,cAAc;AAGd,cAAc;AAEd,MAAM,YAAY,aAAa;AAI/B,WAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,UAAU,aAAa;AACnB;AACxC,YAAM,QAAQ,OAAO,eAAgB,UAG/B;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA,GAAG;AAAA,MACL,IAAI;AAEJ,UAAI,eAAe,OAAO;AAExB,cAAM,UAAU,EAAE,SAAS,SAAS,QAAQ,KAAgB;AAC5D,2BAAmB,OAAO,GAC1B,iBAAiB,SAAU,QAAqB,WAAb,MAA6B,GAChE;AAAA,UACE;AAAA,UACC,QAEI;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF,IAlBA;AAAA,QAmBN;AAAA,MACF;AAEA,UAAI,OAAO;AAET,YAAI,cAAc,QAAQ,WAAW;AACnC,gBAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,UAAI,YAAY,SACd,cAAc,WAAW,WAEvB,QACF,cAAc,MAAM,MAElB,OAAO,UAAW,aACpB,cAAc,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,QAErE;AACA,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAAA,EA0DzE;AAwBF,CAAC;AAQM,MAAM,OAAO,SACP,QAAQ,UACR,OAAO;",
   "names": []
 }

package/dist/esm/index.native.js

@@ -17,7 +17,7 @@ export * from "./reactNativeTypes";
 const baseViews = getBaseViews();
 setupHooks({
   getBaseViews,
-  usePropsTransform(elementType, propsIn, hostRef, willHydrate) {
+  usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
   },
   useEvents(viewProps, events, { pseudos }, setStateShallow, staticConfig) {
     if (events && (events.onFocus && (viewProps.onFocus = events.onFocus), events.onBlur && (viewProps.onBlur = events.onBlur)), staticConfig.isInput) {

package/dist/esm/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": "AAAA,OAAmC;AAUnC;AAAA,EACE,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,OACK;AACP,SAAoB,qBAAqB;AAEzC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,OAAiC;AACjC,OAAmC;AAEnC,SAAS,uBAAuB;AAqBhC,cAAc;AAGd,cAAc;AAEd,MAAM,YAAY,aAAa;AAI/B,WAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,SAAS,aAAa;AAAA,EAuF9D;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAWrE,QATI,WACE,OAAO,YACT,UAAU,UAAa,OAAO,UAE5B,OAAO,WACT,UAAU,SAAY,OAAO,UAI7B,aAAa;AACf,UAAI,QAAQ;AACV,cAAM,EAAE,WAAW,YAAY,QAAQ,IAAI,QACrC,cAAc;AAAA,UAClB;AAAA,UACA,YAAY,cAAc;AAAA,QAC5B;AACA,QAAI,cAAc,YAEhB,YAAY,aAAa,qBAAqB,SAAS,UAAU,IAEnE,OAAO,OAAO,WAAW,WAAW;AAAA,MACtC;AAAA,WACK;AAGL,MAAI,UAAU,UAAU,YACtB,OAAO,UAAU,UAAU;AAI7B,YAAM,eAAe,gBAAgB,MAAM;AAE3C,UAAI,WACE,QAAQ,IAAI,aAAa,iBACvB,UAAU,SACZ,QAAQ;AAAA,QACN,sBAAsB,CAAC,CAAC,OAAO,OAAO,sCAAsC,OAAO;AAAA,UACjF,gBAAgB,CAAC;AAAA,QACnB,CAAC;AAAA,MACH,GAIA,OAAO;AACT,mBAAW,OAAO,cAAc;AAC9B,gBAAM,KAAK,UAAU,GAAG,GAClB,MAAM,aAAa,GAAG;AAC5B,oBAAU,GAAG,IACX,MAAM,CAAC,4BAA4B,GAAG,IAClC,qBAAqB,IAAI,GAAG,IAC5B;AAAA,QACR;AAAA,IAGN;AAAA,EAEJ;AAAA,EAIE,YAAY,aAAa,UAAU,WAAW,QAAQ,cAAc;AAClE,QAAI,QAAQ,IAAI,aAAa,QAK7B;AAAA,UAAI,gBAAgB,UAAU;AAE5B,eAAO,oBAAoB,UAAU,WAAW,SAAS;AAG3D,UAAI,QAAQ,IAAI,iCACV,gBAAgB,UAAU;AAE5B,yBAAU,WAAW,UACd,cAAc,WAAW,SAAS;AAAA;AAAA,EAG/C;AAEJ,CAAC;AAED,MAAM,8BAA8B;AAAA,EAClC,SAAS;AACX,GAIa,OAAO,SACP,QAAQ,UACR,OAAO;",
+  "mappings": "AAAA,OAAmC;AAUnC;AAAA,EACE,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,OACK;AACP,SAAoB,qBAAqB;AAEzC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,OAAiC;AACjC,OAAmC;AAEnC,SAAS,uBAAuB;AAqBhC,cAAc;AAGd,cAAc;AAEd,MAAM,YAAY,aAAa;AAI/B,WAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,UAAU,aAAa;AAAA,EAqF/D;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAWrE,QATI,WACE,OAAO,YACT,UAAU,UAAa,OAAO,UAE5B,OAAO,WACT,UAAU,SAAY,OAAO,UAI7B,aAAa;AACf,UAAI,QAAQ;AACV,cAAM,EAAE,WAAW,YAAY,QAAQ,IAAI,QACrC,cAAc;AAAA,UAClB;AAAA,UACA,YAAY,cAAc;AAAA,QAC5B;AACA,QAAI,cAAc,YAEhB,YAAY,aAAa,qBAAqB,SAAS,UAAU,IAEnE,OAAO,OAAO,WAAW,WAAW;AAAA,MACtC;AAAA,WACK;AAGL,MAAI,UAAU,UAAU,YACtB,OAAO,UAAU,UAAU;AAI7B,YAAM,eAAe,gBAAgB,MAAM;AAE3C,UAAI,WACE,QAAQ,IAAI,aAAa,iBACvB,UAAU,SACZ,QAAQ;AAAA,QACN,sBAAsB,CAAC,CAAC,OAAO,OAAO,sCAAsC,OAAO;AAAA,UACjF,gBAAgB,CAAC;AAAA,QACnB,CAAC;AAAA,MACH,GAIA,OAAO;AACT,mBAAW,OAAO,cAAc;AAC9B,gBAAM,KAAK,UAAU,GAAG,GAClB,MAAM,aAAa,GAAG;AAC5B,oBAAU,GAAG,IACX,MAAM,CAAC,4BAA4B,GAAG,IAClC,qBAAqB,IAAI,GAAG,IAC5B;AAAA,QACR;AAAA,IAGN;AAAA,EAEJ;AAAA,EAIE,YAAY,aAAa,UAAU,WAAW,QAAQ,cAAc;AAClE,QAAI,QAAQ,IAAI,aAAa,QAK7B;AAAA,UAAI,gBAAgB,UAAU;AAE5B,eAAO,oBAAoB,UAAU,WAAW,SAAS;AAG3D,UAAI,QAAQ,IAAI,iCACV,gBAAgB,UAAU;AAE5B,yBAAU,WAAW,UACd,cAAc,WAAW,SAAS;AAAA;AAAA,EAG/C;AAEJ,CAAC;AAED,MAAM,8BAA8B;AAAA,EAClC,SAAS;AACX,GAIa,OAAO,SACP,QAAQ,UACR,OAAO;",
   "names": []
 }

package/dist/native.js

@@ -2423,6 +2423,7 @@ var require_compose_refs_native = __commonJS({
     )), __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), compose_refs_exports = {};
     __export2(compose_refs_exports, {
       composeRefs: () => composeRefs,
+      setRef: () => setRef,
       useComposedRefs: () => useComposedRefs
     });
     module2.exports = __toCommonJS2(compose_refs_exports);
@@ -4806,7 +4807,7 @@ var require_createComponent_native = __commonJS({
         defaultPropsKeyOrder: defaultProps ? Object.keys(defaultProps) : []
       });
       let component = (0, import_react3.forwardRef)((propsIn, forwardedRef) => {
-        var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+        var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
         let internalID = process.env.NODE_ENV === "development" ? (0, import_react3.useId)() : "";
         if (process.env.NODE_ENV === "development" && startVisualizer && (startVisualizer(), startVisualizer = void 0), !hasSetupBaseViews) {
           hasSetupBaseViews = !0;
@@ -4831,7 +4832,7 @@ var require_createComponent_native = __commonJS({
         let debugProp = props.debug, componentName2 = props.componentName || staticConfig.componentName;
         process.env.NODE_ENV === "development" && import_constants.isClient && (0, import_react3.useEffect)(() => {
           let overlay = null, debugVisualizerHandler = (show = !1) => {
-            let node = hostRef.current;
+            let node = curState.host;
             if (node)
               if (show) {
                 overlay = document.createElement("span"), overlay.style.inset = "0px", overlay.style.zIndex = "1000000", overlay.style.position = "absolute", overlay.style.borderColor = "red", overlay.style.borderWidth = "1px", overlay.style.borderStyle = "dotted";
@@ -4844,11 +4845,9 @@ var require_createComponent_native = __commonJS({
             debugKeyListeners == null || debugKeyListeners.delete(debugVisualizerHandler);
           };
         }, [componentName2]), process.env.NODE_ENV === "development" && time && time`start (ignore)`, process.env.NODE_ENV === "development" && time && time`did-finish-ssr`;
-        let stateRef = (0, import_react3.useRef)(
-          {}
-        );
+        let stateRef = (0, import_react3.useRef)({});
         process.env.NODE_ENV === "development" && time && time`stateref`;
-        let hostRef = (0, import_react3.useRef)(null), animationsConfig = componentContext.animationDriver, useAnimations = animationsConfig == null ? void 0 : animationsConfig.useAnimations, hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationsConfig == null ? void 0 : animationsConfig.supportsCSSVars, curState = stateRef.current, willBeAnimatedClient = !!(hasAnimationProp && !isHOC && useAnimations || curState.hasAnimated), willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
+        let animationsConfig = componentContext.animationDriver, useAnimations = animationsConfig == null ? void 0 : animationsConfig.useAnimations, hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationsConfig == null ? void 0 : animationsConfig.supportsCSSVars, curState = stateRef.current, willBeAnimatedClient = !!(hasAnimationProp && !isHOC && useAnimations || curState.hasAnimated), willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
         willBeAnimated && !curState.hasAnimated && (curState.hasAnimated = !0);
         let isHydrated = config != null && config.disableSSR ? !0 : (0, import_use_did_finish_ssr.useDidFinishSSR)(), presence = willBeAnimated && ((_c = animationsConfig == null ? void 0 : animationsConfig.usePresence) == null ? void 0 : _c.call(animationsConfig)) || null, presenceState = presence == null ? void 0 : presence[2], enterExitVariant = presenceState == null ? void 0 : presenceState.enterExitVariant, enterVariant = enterExitVariant ?? (presenceState == null ? void 0 : presenceState.enterVariant), hasEnterStyle = !!props.enterStyle, hasRNAnimation = hasAnimationProp && (animationsConfig == null ? void 0 : animationsConfig.isReactNative), isReactNative = staticConfig.isReactNative, isAnimated = willBeAnimated;
         !isReactNative && hasRNAnimation && !isHOC && !isHydrated && (isAnimated = !1, curState.willHydrate = !0), process.env.NODE_ENV === "development" && time && time`pre-use-state`;
@@ -4965,8 +4964,8 @@ var require_createComponent_native = __commonJS({
             styleProps,
             theme: (_f = themeState.state) == null ? void 0 : _f.theme,
             pseudos: pseudos || null,
-            hostRef,
-            staticConfig
+            staticConfig,
+            stateRef
           });
           (isAnimated || supportsCSSVars) && animations && (animationStyles = animations.style), process.env.NODE_ENV === "development" && time && time`animations`;
         }
@@ -5016,11 +5015,12 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           _h,
           elementType,
           nonTamaguiProps,
-          hostRef,
+          stateRef,
           curState.willHydrate
-        )) ?? nonTamaguiProps;
-        let composedRef = (0, import_compose_refs.useComposedRefs)(hostRef, forwardedRef);
-        viewProps.ref = composedRef, process.env.NODE_ENV === "development" && !isReactNative && !isText && import_constants.isWeb && !isHOC && import_react3.Children.toArray(props.children).forEach((item) => {
+        )) ?? nonTamaguiProps, curState.composedRef || (curState.composedRef = (0, import_compose_refs.composeRefs)(
+          (x) => stateRef.current.host = x,
+          forwardedRef
+        )), viewProps.ref = curState.composedRef, process.env.NODE_ENV === "development" && !isReactNative && !isText && import_constants.isWeb && !isHOC && import_react3.Children.toArray(props.children).forEach((item) => {
           typeof item == "string" && item !== `
 ` && console.error(
             `Unexpected text node: ${item}. A text node cannot be a child of a <View>.`
@@ -5180,35 +5180,32 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           console.groupCollapsed(`render <${typeof elementType == "string" ? elementType : "Component"} /> (${internalID}) with props`);
           try {
             (0, import_log.log)("viewProps", viewProps), (0, import_log.log)("children", content), typeof window < "u" && ((0, import_log.log)("props in", propsIn, "mapped to", props, "in order", Object.keys(props)), (0, import_log.log)({
-              shouldListenForMedia,
-              mediaListeningKeys,
-              isMediaArray,
-              viewProps,
-              hostRef,
-              state,
-              styleProps,
-              themeState,
-              isAnimated,
-              defaultProps,
-              splitStyles,
               animationStyles,
-              willBeAnimated,
-              isStringElement,
-              classNamesIn: (_n = props.className) == null ? void 0 : _n.split(" "),
-              classNamesOut: (_o = viewProps.className) == null ? void 0 : _o.split(" "),
+              classNames,
+              content,
+              defaultProps,
+              elementType,
               events,
-              shouldAttach,
+              initialState,
+              isAnimated,
+              isMediaArray,
+              isStringElement,
+              mediaListeningKeys,
               pseudos,
-              content,
+              shouldAttach,
               shouldAvoidClasses,
-              animation: props.animation,
+              shouldForcePseudo,
+              shouldListenForMedia,
+              splitStyles,
               splitStylesStyle,
+              state,
+              stateRef,
               staticConfig,
+              styleProps,
               tamaguiConfig,
-              shouldForcePseudo,
-              elementType,
-              initialState,
-              classNames
+              themeState,
+              viewProps,
+              willBeAnimated
             }));
           } catch {
           }
@@ -7072,7 +7069,7 @@ __reExport(src_exports, __toESM(require_index_native9()), module.exports);
 var baseViews = getBaseViews();
 (0, import_web.setupHooks)({
   getBaseViews,
-  usePropsTransform(elementType, propsIn, hostRef, willHydrate) {
+  usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
   },
   useEvents(viewProps, events, { pseudos }, setStateShallow, staticConfig) {
     if (events && (events.onFocus && (viewProps.onFocus = events.onFocus), events.onBlur && (viewProps.onBlur = events.onBlur)), staticConfig.isInput) {