@tamagui/react-native-web-internals 1.130.7 → 1.130.8

package/dist/cjs/modules/UIManager/index.cjs

@@ -1,9 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
     for (var name in all) __defProp(target, name, {
       get: all[name],
@@ -17,59 +15,16 @@ var __export = (target, all) => {
     });
     return to;
   };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
 var UIManager_exports = {};
 __export(UIManager_exports, {
   default: () => UIManager_default
 });
 module.exports = __toCommonJS(UIManager_exports);
-var import_getBoundingClientRect = __toESM(require("../getBoundingClientRect/index")),
-  import_setValueForStyles = __toESM(require("../setValueForStyles/index"));
-const getRect = node => {
-    const {
-        x,
-        y,
-        top,
-        left
-      } = (0, import_getBoundingClientRect.default)(node),
-      width = node.offsetWidth,
-      height = node.offsetHeight;
-    return {
-      x,
-      y,
-      width,
-      height,
-      top,
-      left
-    };
-  },
-  measureLayout = (node, relativeToNativeNode, callback) => {
-    const relativeNode = relativeToNativeNode || node && node.parentNode;
-    if (node && relativeNode) {
-      const relativeRect = (0, import_getBoundingClientRect.default)(relativeNode),
-        {
-          height,
-          left,
-          top,
-          width
-        } = getRect(node),
-        x = left - relativeRect.left,
-        y = top - relativeRect.top;
-      callback(x, y, width, height, left, top);
-    }
-  },
-  focusableElements = {
+var import_use_element_layout = require("@tamagui/use-element-layout");
+const focusableElements = {
     A: !0,
     INPUT: !0,
     SELECT: !0,
@@ -88,46 +43,14 @@ const getRect = node => {
       } catch {}
     },
     measure(node, callback) {
-      measureLayout(node, null, callback);
+      return (0, import_use_element_layout.measure)(node, callback);
     },
     measureInWindow(node, callback) {
-      node && setTimeout(() => {
-        const {
-          height,
-          left,
-          top,
-          width
-        } = getRect(node);
-        callback(left, top, width, height);
-      }, 0);
-    },
-    measureLayout(node, relativeToNativeNode, onFail, onSuccess) {
-      measureLayout(node, relativeToNativeNode, onSuccess);
+      return (0, import_use_element_layout.measureInWindow)(node, callback);
     },
-    updateView(node, props) {
-      for (const prop in props) {
-        if (!Object.prototype.hasOwnProperty.call(props, prop)) continue;
-        const value = props[prop];
-        switch (prop) {
-          case "style":
-            {
-              (0, import_setValueForStyles.default)(node, value);
-              break;
-            }
-          case "class":
-          case "className":
-            {
-              node.setAttribute("class", value);
-              break;
-            }
-          case "text":
-          case "value":
-            node.value = value;
-            break;
-          default:
-            node.setAttribute(prop, value);
-        }
-      }
+    // note its flipped fail and success on purpose lol
+    async measureLayout(node, relativeToNativeNode, onFail, onSuccess) {
+      return measureLayout(node, relativeToNativeNode, onSuccess);
     },
     configureNextLayoutAnimation(config, onAnimationDidEnd) {
       onAnimationDidEnd();

package/dist/cjs/modules/UIManager/index.js

@@ -1,8 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -12,30 +11,14 @@ var __export = (target, all) => {
       !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var UIManager_exports = {};
 __export(UIManager_exports, {
   default: () => UIManager_default
 });
 module.exports = __toCommonJS(UIManager_exports);
-var import_getBoundingClientRect = __toESM(require("../getBoundingClientRect/index")), import_setValueForStyles = __toESM(require("../setValueForStyles/index"));
-const getRect = (node) => {
-  const { x, y, top, left } = (0, import_getBoundingClientRect.default)(node), width = node.offsetWidth, height = node.offsetHeight;
-  return { x, y, width, height, top, left };
-}, measureLayout = (node, relativeToNativeNode, callback) => {
-  const relativeNode = relativeToNativeNode || node && node.parentNode;
-  if (node && relativeNode) {
-    const relativeRect = (0, import_getBoundingClientRect.default)(relativeNode), { height, left, top, width } = getRect(node), x = left - relativeRect.left, y = top - relativeRect.top;
-    callback(x, y, width, height, left, top);
-  }
-}, focusableElements = {
+var import_use_element_layout = require("@tamagui/use-element-layout");
+const focusableElements = {
   A: !0,
   INPUT: !0,
   SELECT: !0,
@@ -55,40 +38,14 @@ const getRect = (node) => {
     }
   },
   measure(node, callback) {
-    measureLayout(node, null, callback);
+    return (0, import_use_element_layout.measure)(node, callback);
   },
   measureInWindow(node, callback) {
-    node && setTimeout(() => {
-      const { height, left, top, width } = getRect(node);
-      callback(left, top, width, height);
-    }, 0);
-  },
-  measureLayout(node, relativeToNativeNode, onFail, onSuccess) {
-    measureLayout(node, relativeToNativeNode, onSuccess);
+    return (0, import_use_element_layout.measureInWindow)(node, callback);
   },
-  updateView(node, props) {
-    for (const prop in props) {
-      if (!Object.prototype.hasOwnProperty.call(props, prop))
-        continue;
-      const value = props[prop];
-      switch (prop) {
-        case "style": {
-          (0, import_setValueForStyles.default)(node, value);
-          break;
-        }
-        case "class":
-        case "className": {
-          node.setAttribute("class", value);
-          break;
-        }
-        case "text":
-        case "value":
-          node.value = value;
-          break;
-        default:
-          node.setAttribute(prop, value);
-      }
-    }
+  // note its flipped fail and success on purpose lol
+  async measureLayout(node, relativeToNativeNode, onFail, onSuccess) {
+    return measureLayout(node, relativeToNativeNode, onSuccess);
   },
   configureNextLayoutAnimation(config, onAnimationDidEnd) {
     onAnimationDidEnd();

package/dist/cjs/modules/UIManager/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/UIManager/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,mCAAkC,oDAClC,2BAA8B;AAE9B,MAAM,UAAU,CAAC,SAAS;AAIxB,QAAM,EAAE,GAAG,GAAG,KAAK,KAAK,QAAI,6BAAAA,SAAsB,IAAI,GAChD,QAAQ,KAAK,aACb,SAAS,KAAK;AACpB,SAAO,EAAE,GAAG,GAAG,OAAO,QAAQ,KAAK,KAAK;AAC1C,GAEM,gBAAgB,CAAC,MAAM,sBAAsB,aAAa;AAC9D,QAAM,eAAe,wBAAyB,QAAQ,KAAK;AAC3D,MAAI,QAAQ,cAAc;AACxB,UAAM,mBAAe,6BAAAA,SAAsB,YAAY,GACjD,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAI,GAC3C,IAAI,OAAO,aAAa,MACxB,IAAI,MAAM,aAAa;AAC7B,aAAS,GAAG,GAAG,OAAO,QAAQ,MAAM,GAAG;AAAA,EACzC;AACF,GAEM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AACZ,GAEM,YAAY;AAAA,EAChB,KAAK,MAAM;AACT,QAAI;AACF,WAAK,KAAK;AAAA,IACZ,QAAc;AAAA,IAEd;AAAA,EACF;AAAA,EAEA,MAAM,MAAM;AACV,QAAI;AACF,YAAM,OAAO,KAAK;AAIlB,MAAI,KAAK,aAAa,UAAU,KAAK,QAAQ,kBAAkB,IAAI,KAAK,QACtE,KAAK,aAAa,YAAY,IAAI,GAEpC,KAAK,MAAM;AAAA,IACb,QAAc;AAAA,IAEd;AAAA,EACF;AAAA,EAEA,QAAQ,MAAM,UAAU;AACtB,kBAAc,MAAM,MAAM,QAAQ;AAAA,EACpC;AAAA,EAEA,gBAAgB,MAAM,UAAU;AAC9B,IAAI,QACF,WAAW,MAAM;AACf,YAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAI;AACjD,eAAS,MAAM,KAAK,OAAO,MAAM;AAAA,IACnC,GAAG,CAAC;AAAA,EAER;AAAA,EAEA,cAAc,MAAM,sBAAsB,QAAQ,WAAW;AAC3D,kBAAc,MAAM,sBAAsB,SAAS;AAAA,EACrD;AAAA,EAEA,WAAW,MAAM,OAAO;AACtB,eAAW,QAAQ,OAAO;AACxB,UAAI,CAAC,OAAO,UAAU,eAAe,KAAK,OAAO,IAAI;AACnD;AAGF,YAAM,QAAQ,MAAM,IAAI;AACxB,cAAQ,MAAM;AAAA,QACZ,KAAK,SAAS;AACZ,uCAAAC,SAAkB,MAAM,KAAK;AAC7B;AAAA,QACF;AAAA,QACA,KAAK;AAAA,QACL,KAAK,aAAa;AAChB,eAAK,aAAa,SAAS,KAAK;AAChC;AAAA,QACF;AAAA,QACA,KAAK;AAAA,QACL,KAAK;AAEH,eAAK,QAAQ;AACb;AAAA,QACF;AACE,eAAK,aAAa,MAAM,KAAK;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,6BAA6B,QAAQ,mBAAmB;AACtD,sBAAkB;AAAA,EACpB;AAAA;AAAA,EAGA,wCAAwC;AAAA,EAAC;AAC3C;AAEA,IAAO,oBAAQ;",
-  "names": ["getBoundingClientRect", "setValueForStyles"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,gCAAyC;AAEzC,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AACZ,GAEM,YAAY;AAAA,EAChB,KAAK,MAAM;AACT,QAAI;AACF,WAAK,KAAK;AAAA,IACZ,QAAc;AAAA,IAEd;AAAA,EACF;AAAA,EAEA,MAAM,MAAM;AACV,QAAI;AACF,YAAM,OAAO,KAAK;AAIlB,MAAI,KAAK,aAAa,UAAU,KAAK,QAAQ,kBAAkB,IAAI,KAAK,QACtE,KAAK,aAAa,YAAY,IAAI,GAEpC,KAAK,MAAM;AAAA,IACb,QAAc;AAAA,IAEd;AAAA,EACF;AAAA,EAEA,QAAQ,MAAM,UAAU;AACtB,eAAO,mCAAQ,MAAM,QAAQ;AAAA,EAC/B;AAAA,EAEA,gBAAgB,MAAM,UAAU;AAC9B,eAAO,2CAAgB,MAAM,QAAQ;AAAA,EACvC;AAAA;AAAA,EAGA,MAAM,cACJ,MACA,sBACA,QACA,WACA;AACA,WAAO,cAAc,MAAM,sBAAsB,SAAS;AAAA,EAC5D;AAAA,EAEA,6BAA6B,QAAQ,mBAAmB;AACtD,sBAAkB;AAAA,EACpB;AAAA;AAAA,EAGA,wCAAwC;AAAA,EAAC;AAC3C;AAEA,IAAO,oBAAQ;",
+  "names": []
 }

package/dist/cjs/modules/UIManager/index.native.js

@@ -1,9 +1,8 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -13,36 +12,13 @@ var __export = (target, all) => {
       !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var UIManager_exports = {};
 __export(UIManager_exports, {
   default: () => UIManager_default
 });
 module.exports = __toCommonJS(UIManager_exports);
-var import_getBoundingClientRect = __toESM(require("../getBoundingClientRect/index")), import_setValueForStyles = __toESM(require("../setValueForStyles/index")), getRect = function(node) {
-  var { x, y, top, left } = (0, import_getBoundingClientRect.default)(node), width = node.offsetWidth, height = node.offsetHeight;
-  return {
-    x,
-    y,
-    width,
-    height,
-    top,
-    left
-  };
-}, measureLayout = function(node, relativeToNativeNode, callback) {
-  var relativeNode = relativeToNativeNode || node && node.parentNode;
-  if (node && relativeNode) {
-    var relativeRect = (0, import_getBoundingClientRect.default)(relativeNode), { height, left, top, width } = getRect(node), x = left - relativeRect.left, y = top - relativeRect.top;
-    callback(x, y, width, height, left, top);
-  }
-}, focusableElements = {
+var import_use_element_layout = require("@tamagui/use-element-layout"), focusableElements = {
   A: !0,
   INPUT: !0,
   SELECT: !0,
@@ -64,39 +40,14 @@ var import_getBoundingClientRect = __toESM(require("../getBoundingClientRect/ind
   },
   //
   measure(node, callback) {
-    measureLayout(node, null, callback);
+    return (0, import_use_element_layout.measure)(node, callback);
   },
   measureInWindow(node, callback) {
-    node && setTimeout(function() {
-      var { height, left, top, width } = getRect(node);
-      callback(left, top, width, height);
-    }, 0);
-  },
-  measureLayout(node, relativeToNativeNode, onFail, onSuccess) {
-    measureLayout(node, relativeToNativeNode, onSuccess);
+    return (0, import_use_element_layout.measureInWindow)(node, callback);
   },
-  updateView(node, props) {
-    for (var prop in props)
-      if (Object.prototype.hasOwnProperty.call(props, prop)) {
-        var value = props[prop];
-        switch (prop) {
-          case "style": {
-            (0, import_setValueForStyles.default)(node, value);
-            break;
-          }
-          case "class":
-          case "className": {
-            node.setAttribute("class", value);
-            break;
-          }
-          case "text":
-          case "value":
-            node.value = value;
-            break;
-          default:
-            node.setAttribute(prop, value);
-        }
-      }
+  // note its flipped fail and success on purpose lol
+  async measureLayout(node, relativeToNativeNode, onFail, onSuccess) {
+    return measureLayout(node, relativeToNativeNode, onSuccess);
   },
   configureNextLayoutAnimation(config, onAnimationDidEnd) {
     onAnimationDidEnd();

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/UIManager/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;AAUA,mCAAkC,oDAClC,2BAA8B,gDAExBA,UAAU,SAACC,MAAAA;AAIf,MAAM,EAAEC,GAAGC,GAAGC,KAAKC,KAAI,QAAKC,6BAAAA,SAAsBL,IAAAA,GAC5CM,QAAQN,KAAKO,aACbC,SAASR,KAAKS;AACpB,SAAO;IAAER;IAAGC;IAAGI;IAAOE;IAAQL;IAAKC;EAAK;AAC1C,GAEMM,gBAAgB,SAACV,MAAMW,sBAAsBC,UAAAA;AACjD,MAAMC,eAAeF,wBAAyBX,QAAQA,KAAKc;AAC3D,MAAId,QAAQa,cAAc;AACxB,QAAME,mBAAeV,6BAAAA,SAAsBQ,YAAAA,GACrC,EAAEL,QAAQJ,MAAMD,KAAKG,MAAK,IAAKP,QAAQC,IAAAA,GACvCC,IAAIG,OAAOW,aAAaX,MACxBF,IAAIC,MAAMY,aAAaZ;AAC7BS,aAASX,GAAGC,GAAGI,OAAOE,QAAQJ,MAAMD,GAAAA;EACtC;AACF,GAEMa,oBAAoB;EACxBC,GAAG;EACHC,OAAO;EACPC,QAAQ;EACRC,UAAU;AACZ,GAEMC,YAAY;EAChBC,KAAKtB,MAAI;AACP,QAAI;AACFA,WAAKsB,KAAI;IACX,QAAc;IAEd;EACF;;EAEAC,MAAMvB,MAAI;AACR,QAAI;AACF,UAAMwB,OAAOxB,KAAKyB;AAIlB,MAAIzB,KAAK0B,aAAa,UAAA,KAAe,QAAQV,kBAAkBQ,IAAAA,KAAS,QACtExB,KAAK2B,aAAa,YAAY,IAAA,GAEhC3B,KAAKuB,MAAK;IACZ,QAAc;IAEd;EACF;;EAEAK,QAAQ5B,MAAMY,UAAQ;AACpBF,kBAAcV,MAAM,MAAMY,QAAAA;EAC5B;EAEAiB,gBAAgB7B,MAAMY,UAAQ;AAC5B,IAAIZ,QACF8B,WAAW,WAAA;AACT,UAAM,EAAEtB,QAAQJ,MAAMD,KAAKG,MAAK,IAAKP,QAAQC,IAAAA;AAC7CY,eAASR,MAAMD,KAAKG,OAAOE,MAAAA;IAC7B,GAAG,CAAA;EAEP;EAEAE,cAAcV,MAAMW,sBAAsBoB,QAAQC,WAAS;AACzDtB,kBAAcV,MAAMW,sBAAsBqB,SAAAA;EAC5C;EAEAC,WAAWjC,MAAMkC,OAAK;AACpB,aAAWC,QAAQD;AACjB,UAAKE,OAAOC,UAAUC,eAAeC,KAAKL,OAAOC,IAAAA,GAIjD;YAAMK,QAAQN,MAAMC,IAAAA;AACpB,gBAAQA,MAAAA;UACN,KAAK,SAAS;AACZM,yCAAAA,SAAkBzC,MAAMwC,KAAAA;AACxB;UACF;UACA,KAAK;UACL,KAAK,aAAa;AAChBxC,iBAAK2B,aAAa,SAASa,KAAAA;AAC3B;UACF;UACA,KAAK;UACL,KAAK;AAEHxC,iBAAKwC,QAAQA;AACb;UACF;AACExC,iBAAK2B,aAAaQ,MAAMK,KAAAA;QAC5B;;EAEJ;EAEAE,6BAA6BC,QAAQC,mBAAiB;AACpDA,sBAAAA;EACF;;EAGAC,wCAAAA;EAAyC;AAC3C,GAEA,oBAAexB;",
-  "names": ["getRect", "node", "x", "y", "top", "left", "getBoundingClientRect", "width", "offsetWidth", "height", "offsetHeight", "measureLayout", "relativeToNativeNode", "callback", "relativeNode", "parentNode", "relativeRect", "focusableElements", "A", "INPUT", "SELECT", "TEXTAREA", "UIManager", "blur", "focus", "name", "nodeName", "getAttribute", "setAttribute", "measure", "measureInWindow", "setTimeout", "onFail", "onSuccess", "updateView", "props", "prop", "Object", "prototype", "hasOwnProperty", "call", "value", "setValueForStyles", "configureNextLayoutAnimation", "config", "onAnimationDidEnd", "setLayoutAnimationEnabledExperimental"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;AAUA,gCAAyC,wCAEnCA,oBAAoB;EACxBC,GAAG;EACHC,OAAO;EACPC,QAAQ;EACRC,UAAU;AACZ,GAEMC,YAAY;EAChBC,KAAKC,MAAI;AACP,QAAI;AACFA,WAAKD,KAAI;IACX,QAAc;IAEd;EACF;;EAEAE,MAAMD,MAAI;AACR,QAAI;AACF,UAAME,OAAOF,KAAKG;AAIlB,MAAIH,KAAKI,aAAa,UAAA,KAAe,QAAQX,kBAAkBS,IAAAA,KAAS,QACtEF,KAAKK,aAAa,YAAY,IAAA,GAEhCL,KAAKC,MAAK;IACZ,QAAc;IAEd;EACF;;EAEAK,QAAQN,MAAMO,UAAQ;AACpB,eAAOD,mCAAQN,MAAMO,QAAAA;EACvB;EAEAC,gBAAgBR,MAAMO,UAAQ;AAC5B,eAAOC,2CAAgBR,MAAMO,QAAAA;EAC/B;;EAGA,MAAME,cACJT,MACAU,sBACAC,QACAC,WAAS;AAET,WAAOH,cAAcT,MAAMU,sBAAsBE,SAAAA;EACnD;EAEAC,6BAA6BC,QAAQC,mBAAiB;AACpDA,sBAAAA;EACF;;EAGAC,wCAAAA;EAAyC;AAC3C,GAEA,oBAAelB;",
+  "names": ["focusableElements", "A", "INPUT", "SELECT", "TEXTAREA", "UIManager", "blur", "node", "focus", "name", "nodeName", "getAttribute", "setAttribute", "measure", "callback", "measureInWindow", "measureLayout", "relativeToNativeNode", "onFail", "onSuccess", "configureNextLayoutAnimation", "config", "onAnimationDidEnd", "setLayoutAnimationEnabledExperimental"]
 }

package/dist/cjs/modules/usePlatformMethods/index.cjs

@@ -35,14 +35,14 @@ __export(usePlatformMethods_exports, {
   usePlatformMethods: () => usePlatformMethods
 });
 module.exports = __toCommonJS(usePlatformMethods_exports);
-var import_UIManager = __toESM(require("../UIManager/index")),
+var import_use_element_layout = require("@tamagui/use-element-layout"),
   import_useStable = __toESM(require("../useStable/index"));
 function usePlatformMethods({
   pointerEvents,
   style
 }) {
   return (0, import_useStable.default)(() => hostNode => {
-    hostNode != null && (hostNode.measure = callback => import_UIManager.default.measure(hostNode, callback), hostNode.measureLayout = (relativeToNode, success, failure) => import_UIManager.default.measureLayout(hostNode, relativeToNode, failure, success), hostNode.measureInWindow = callback => import_UIManager.default.measureInWindow(hostNode, callback));
+    hostNode != null && (hostNode.measure = (0, import_use_element_layout.createMeasure)(hostNode), hostNode.measureLayout = (0, import_use_element_layout.createMeasureLayout)(hostNode), hostNode.measureInWindow = (0, import_use_element_layout.createMeasureInWindow)(hostNode));
   });
 }
 var usePlatformMethods_default = usePlatformMethods;

package/dist/cjs/modules/usePlatformMethods/index.js

@@ -26,13 +26,13 @@ __export(usePlatformMethods_exports, {
   usePlatformMethods: () => usePlatformMethods
 });
 module.exports = __toCommonJS(usePlatformMethods_exports);
-var import_UIManager = __toESM(require("../UIManager/index")), import_useStable = __toESM(require("../useStable/index"));
+var import_use_element_layout = require("@tamagui/use-element-layout"), import_useStable = __toESM(require("../useStable/index"));
 function usePlatformMethods({
   pointerEvents,
   style
 }) {
   return (0, import_useStable.default)(() => (hostNode) => {
-    hostNode != null && (hostNode.measure = (callback) => import_UIManager.default.measure(hostNode, callback), hostNode.measureLayout = (relativeToNode, success, failure) => import_UIManager.default.measureLayout(hostNode, relativeToNode, failure, success), hostNode.measureInWindow = (callback) => import_UIManager.default.measureInWindow(hostNode, callback));
+    hostNode != null && (hostNode.measure = (0, import_use_element_layout.createMeasure)(hostNode), hostNode.measureLayout = (0, import_use_element_layout.createMeasureLayout)(hostNode), hostNode.measureInWindow = (0, import_use_element_layout.createMeasureInWindow)(hostNode));
   });
 }
 var usePlatformMethods_default = usePlatformMethods;

package/dist/cjs/modules/usePlatformMethods/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/usePlatformMethods/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,uBAAsB,wCACtB,mBAAsB;AAMf,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAG4B;AAa1B,aAVY,iBAAAA,SAAU,MAAM,CAAC,aAAkB;AAC7C,IAAI,YAAY,SACd,SAAS,UAAU,CAAC,aAAa,iBAAAC,QAAU,QAAQ,UAAU,QAAQ,GACrE,SAAS,gBAAgB,CAAC,gBAAgB,SAAS,YACjD,iBAAAA,QAAU,cAAc,UAAU,gBAAgB,SAAS,OAAO,GACpE,SAAS,kBAAkB,CAAC,aAC1B,iBAAAA,QAAU,gBAAgB,UAAU,QAAQ;AAAA,EAElD,CAAC;AAGH;AAEA,IAAO,6BAAQ;",
-  "names": ["useStable", "UIManager"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,gCAIO,wCAEP,mBAAsB;AAMf,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAG4B;AAW1B,aARY,iBAAAA,SAAU,MAAM,CAAC,aAAkB;AAC7C,IAAI,YAAY,SACd,SAAS,cAAU,yCAAc,QAAQ,GACzC,SAAS,oBAAgB,+CAAoB,QAAQ,GACrD,SAAS,sBAAkB,iDAAsB,QAAQ;AAAA,EAE7D,CAAC;AAGH;AAEA,IAAO,6BAAQ;",
+  "names": ["useStable"]
 }

package/dist/cjs/modules/usePlatformMethods/index.native.js

@@ -27,17 +27,11 @@ __export(usePlatformMethods_exports, {
   usePlatformMethods: () => usePlatformMethods
 });
 module.exports = __toCommonJS(usePlatformMethods_exports);
-var import_UIManager = __toESM(require("../UIManager/index")), import_useStable = __toESM(require("../useStable/index"));
+var import_use_element_layout = require("@tamagui/use-element-layout"), import_useStable = __toESM(require("../useStable/index"));
 function usePlatformMethods(param) {
   var { pointerEvents, style } = param, ref = (0, import_useStable.default)(function() {
     return function(hostNode) {
-      hostNode != null && (hostNode.measure = function(callback) {
-        return import_UIManager.default.measure(hostNode, callback);
-      }, hostNode.measureLayout = function(relativeToNode, success, failure) {
-        return import_UIManager.default.measureLayout(hostNode, relativeToNode, failure, success);
-      }, hostNode.measureInWindow = function(callback) {
-        return import_UIManager.default.measureInWindow(hostNode, callback);
-      });
+      hostNode != null && (hostNode.measure = (0, import_use_element_layout.createMeasure)(hostNode), hostNode.measureLayout = (0, import_use_element_layout.createMeasureLayout)(hostNode), hostNode.measureInWindow = (0, import_use_element_layout.createMeasureInWindow)(hostNode));
     };
   });
   return ref;

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/usePlatformMethods/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAUA,uBAAsB,wCACtB,mBAAsB;AAMf,SAASA,mBAAmB,OAMlC;MANkC,EACjCC,eACAC,MAAK,IAF4B,OAS3BC,UAAMC,iBAAAA,SAAU,WAAA;WAAM,SAACC,UAAAA;AAC3B,MAAIA,YAAY,SACdA,SAASC,UAAU,SAACC,UAAAA;eAAaC,iBAAAA,QAAUF,QAAQD,UAAUE,QAAAA;SAC7DF,SAASI,gBAAgB,SAACC,gBAAgBC,SAASC,SAAAA;eACjDJ,iBAAAA,QAAUC,cAAcJ,UAAUK,gBAAgBE,SAASD,OAAAA;SAC7DN,SAASQ,kBAAkB,SAACN,UAAAA;eAC1BC,iBAAAA,QAAUK,gBAAgBR,UAAUE,QAAAA;;IAE1C;;AAEA,SAAOJ;AACT;AAEA,IAAA,6BAAeH;",
-  "names": ["usePlatformMethods", "pointerEvents", "style", "ref", "useStable", "hostNode", "measure", "callback", "UIManager", "measureLayout", "relativeToNode", "success", "failure", "measureInWindow"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AASA,gCAIO,wCAEP,mBAAsB;AAMf,SAASA,mBAAmB,OAMlC;MANkC,EACjCC,eACAC,MAAK,IAF4B,OAS3BC,UAAMC,iBAAAA,SAAU,WAAA;WAAM,SAACC,UAAAA;AAC3B,MAAIA,YAAY,SACdA,SAASC,cAAUC,yCAAcF,QAAAA,GACjCA,SAASG,oBAAgBC,+CAAoBJ,QAAAA,GAC7CA,SAASK,sBAAkBC,iDAAsBN,QAAAA;IAErD;;AAEA,SAAOF;AACT;AAEA,IAAA,6BAAeH;",
+  "names": ["usePlatformMethods", "pointerEvents", "style", "ref", "useStable", "hostNode", "measure", "createMeasure", "measureLayout", "createMeasureLayout", "measureInWindow", "createMeasureInWindow"]
 }

package/dist/esm/modules/UIManager/index.js

@@ -1,15 +1,5 @@
-import getBoundingClientRect from "../getBoundingClientRect/index";
-import setValueForStyles from "../setValueForStyles/index";
-const getRect = (node) => {
-  const { x, y, top, left } = getBoundingClientRect(node), width = node.offsetWidth, height = node.offsetHeight;
-  return { x, y, width, height, top, left };
-}, measureLayout = (node, relativeToNativeNode, callback) => {
-  const relativeNode = relativeToNativeNode || node && node.parentNode;
-  if (node && relativeNode) {
-    const relativeRect = getBoundingClientRect(relativeNode), { height, left, top, width } = getRect(node), x = left - relativeRect.left, y = top - relativeRect.top;
-    callback(x, y, width, height, left, top);
-  }
-}, focusableElements = {
+import { measure, measureInWindow } from "@tamagui/use-element-layout";
+const focusableElements = {
   A: !0,
   INPUT: !0,
   SELECT: !0,
@@ -29,40 +19,14 @@ const getRect = (node) => {
     }
   },
   measure(node, callback) {
-    measureLayout(node, null, callback);
+    return measure(node, callback);
   },
   measureInWindow(node, callback) {
-    node && setTimeout(() => {
-      const { height, left, top, width } = getRect(node);
-      callback(left, top, width, height);
-    }, 0);
-  },
-  measureLayout(node, relativeToNativeNode, onFail, onSuccess) {
-    measureLayout(node, relativeToNativeNode, onSuccess);
+    return measureInWindow(node, callback);
   },
-  updateView(node, props) {
-    for (const prop in props) {
-      if (!Object.prototype.hasOwnProperty.call(props, prop))
-        continue;
-      const value = props[prop];
-      switch (prop) {
-        case "style": {
-          setValueForStyles(node, value);
-          break;
-        }
-        case "class":
-        case "className": {
-          node.setAttribute("class", value);
-          break;
-        }
-        case "text":
-        case "value":
-          node.value = value;
-          break;
-        default:
-          node.setAttribute(prop, value);
-      }
-    }
+  // note its flipped fail and success on purpose lol
+  async measureLayout(node, relativeToNativeNode, onFail, onSuccess) {
+    return measureLayout(node, relativeToNativeNode, onSuccess);
   },
   configureNextLayoutAnimation(config, onAnimationDidEnd) {
     onAnimationDidEnd();

package/dist/esm/modules/UIManager/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/UIManager/index.tsx"],
-  "mappings": "AAUA,OAAO,2BAA2B;AAClC,OAAO,uBAAuB;AAE9B,MAAM,UAAU,CAAC,SAAS;AAIxB,QAAM,EAAE,GAAG,GAAG,KAAK,KAAK,IAAI,sBAAsB,IAAI,GAChD,QAAQ,KAAK,aACb,SAAS,KAAK;AACpB,SAAO,EAAE,GAAG,GAAG,OAAO,QAAQ,KAAK,KAAK;AAC1C,GAEM,gBAAgB,CAAC,MAAM,sBAAsB,aAAa;AAC9D,QAAM,eAAe,wBAAyB,QAAQ,KAAK;AAC3D,MAAI,QAAQ,cAAc;AACxB,UAAM,eAAe,sBAAsB,YAAY,GACjD,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAI,GAC3C,IAAI,OAAO,aAAa,MACxB,IAAI,MAAM,aAAa;AAC7B,aAAS,GAAG,GAAG,OAAO,QAAQ,MAAM,GAAG;AAAA,EACzC;AACF,GAEM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AACZ,GAEM,YAAY;AAAA,EAChB,KAAK,MAAM;AACT,QAAI;AACF,WAAK,KAAK;AAAA,IACZ,QAAc;AAAA,IAEd;AAAA,EACF;AAAA,EAEA,MAAM,MAAM;AACV,QAAI;AACF,YAAM,OAAO,KAAK;AAIlB,MAAI,KAAK,aAAa,UAAU,KAAK,QAAQ,kBAAkB,IAAI,KAAK,QACtE,KAAK,aAAa,YAAY,IAAI,GAEpC,KAAK,MAAM;AAAA,IACb,QAAc;AAAA,IAEd;AAAA,EACF;AAAA,EAEA,QAAQ,MAAM,UAAU;AACtB,kBAAc,MAAM,MAAM,QAAQ;AAAA,EACpC;AAAA,EAEA,gBAAgB,MAAM,UAAU;AAC9B,IAAI,QACF,WAAW,MAAM;AACf,YAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAI;AACjD,eAAS,MAAM,KAAK,OAAO,MAAM;AAAA,IACnC,GAAG,CAAC;AAAA,EAER;AAAA,EAEA,cAAc,MAAM,sBAAsB,QAAQ,WAAW;AAC3D,kBAAc,MAAM,sBAAsB,SAAS;AAAA,EACrD;AAAA,EAEA,WAAW,MAAM,OAAO;AACtB,eAAW,QAAQ,OAAO;AACxB,UAAI,CAAC,OAAO,UAAU,eAAe,KAAK,OAAO,IAAI;AACnD;AAGF,YAAM,QAAQ,MAAM,IAAI;AACxB,cAAQ,MAAM;AAAA,QACZ,KAAK,SAAS;AACZ,4BAAkB,MAAM,KAAK;AAC7B;AAAA,QACF;AAAA,QACA,KAAK;AAAA,QACL,KAAK,aAAa;AAChB,eAAK,aAAa,SAAS,KAAK;AAChC;AAAA,QACF;AAAA,QACA,KAAK;AAAA,QACL,KAAK;AAEH,eAAK,QAAQ;AACb;AAAA,QACF;AACE,eAAK,aAAa,MAAM,KAAK;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,6BAA6B,QAAQ,mBAAmB;AACtD,sBAAkB;AAAA,EACpB;AAAA;AAAA,EAGA,wCAAwC;AAAA,EAAC;AAC3C;AAEA,IAAO,oBAAQ;",
+  "mappings": "AAUA,SAAS,SAAS,uBAAuB;AAEzC,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AACZ,GAEM,YAAY;AAAA,EAChB,KAAK,MAAM;AACT,QAAI;AACF,WAAK,KAAK;AAAA,IACZ,QAAc;AAAA,IAEd;AAAA,EACF;AAAA,EAEA,MAAM,MAAM;AACV,QAAI;AACF,YAAM,OAAO,KAAK;AAIlB,MAAI,KAAK,aAAa,UAAU,KAAK,QAAQ,kBAAkB,IAAI,KAAK,QACtE,KAAK,aAAa,YAAY,IAAI,GAEpC,KAAK,MAAM;AAAA,IACb,QAAc;AAAA,IAEd;AAAA,EACF;AAAA,EAEA,QAAQ,MAAM,UAAU;AACtB,WAAO,QAAQ,MAAM,QAAQ;AAAA,EAC/B;AAAA,EAEA,gBAAgB,MAAM,UAAU;AAC9B,WAAO,gBAAgB,MAAM,QAAQ;AAAA,EACvC;AAAA;AAAA,EAGA,MAAM,cACJ,MACA,sBACA,QACA,WACA;AACA,WAAO,cAAc,MAAM,sBAAsB,SAAS;AAAA,EAC5D;AAAA,EAEA,6BAA6B,QAAQ,mBAAmB;AACtD,sBAAkB;AAAA,EACpB;AAAA;AAAA,EAGA,wCAAwC;AAAA,EAAC;AAC3C;AAEA,IAAO,oBAAQ;",
   "names": []
 }

package/dist/esm/modules/UIManager/index.mjs

@@ -1,39 +1,5 @@
-import getBoundingClientRect from "../getBoundingClientRect/index.mjs";
-import setValueForStyles from "../setValueForStyles/index.mjs";
-const getRect = node => {
-    const {
-        x,
-        y,
-        top,
-        left
-      } = getBoundingClientRect(node),
-      width = node.offsetWidth,
-      height = node.offsetHeight;
-    return {
-      x,
-      y,
-      width,
-      height,
-      top,
-      left
-    };
-  },
-  measureLayout = (node, relativeToNativeNode, callback) => {
-    const relativeNode = relativeToNativeNode || node && node.parentNode;
-    if (node && relativeNode) {
-      const relativeRect = getBoundingClientRect(relativeNode),
-        {
-          height,
-          left,
-          top,
-          width
-        } = getRect(node),
-        x = left - relativeRect.left,
-        y = top - relativeRect.top;
-      callback(x, y, width, height, left, top);
-    }
-  },
-  focusableElements = {
+import { measure, measureInWindow } from "@tamagui/use-element-layout";
+const focusableElements = {
     A: !0,
     INPUT: !0,
     SELECT: !0,
@@ -52,46 +18,14 @@ const getRect = node => {
       } catch {}
     },
     measure(node, callback) {
-      measureLayout(node, null, callback);
+      return measure(node, callback);
     },
     measureInWindow(node, callback) {
-      node && setTimeout(() => {
-        const {
-          height,
-          left,
-          top,
-          width
-        } = getRect(node);
-        callback(left, top, width, height);
-      }, 0);
-    },
-    measureLayout(node, relativeToNativeNode, onFail, onSuccess) {
-      measureLayout(node, relativeToNativeNode, onSuccess);
+      return measureInWindow(node, callback);
     },
-    updateView(node, props) {
-      for (const prop in props) {
-        if (!Object.prototype.hasOwnProperty.call(props, prop)) continue;
-        const value = props[prop];
-        switch (prop) {
-          case "style":
-            {
-              setValueForStyles(node, value);
-              break;
-            }
-          case "class":
-          case "className":
-            {
-              node.setAttribute("class", value);
-              break;
-            }
-          case "text":
-          case "value":
-            node.value = value;
-            break;
-          default:
-            node.setAttribute(prop, value);
-        }
-      }
+    // note its flipped fail and success on purpose lol
+    async measureLayout(node, relativeToNativeNode, onFail, onSuccess) {
+      return measureLayout(node, relativeToNativeNode, onSuccess);
     },
     configureNextLayoutAnimation(config, onAnimationDidEnd) {
       onAnimationDidEnd();

package/dist/esm/modules/UIManager/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getBoundingClientRect","setValueForStyles","getRect","node","x","y","top","left","width","offsetWidth","height","offsetHeight","measureLayout","relativeToNativeNode","callback","relativeNode","parentNode","relativeRect","focusableElements","A","INPUT","SELECT","TEXTAREA","UIManager","blur","focus","name","nodeName","getAttribute","setAttribute","measure","measureInWindow","setTimeout","onFail","onSuccess","updateView","props","prop","Object","prototype","hasOwnProperty","call","value","configureNextLayoutAnimation","config","onAnimationDidEnd","setLayoutAnimationEnabledExperimental","UIManager_default"],"sources":["../../../../src/modules/UIManager/index.tsx"],"sourcesContent":[null],"mappings":"AAUA,OAAOA,qBAAA,MAA2B;AAClC,OAAOC,iBAAA,MAAuB;AAE9B,MAAMC,OAAA,GAAWC,IAAA,IAAS;IAIxB,MAAM;QAAEC,CAAA;QAAGC,CAAA;QAAGC,GAAA;QAAKC;MAAK,IAAIP,qBAAA,CAAsBG,IAAI;MAChDK,KAAA,GAAQL,IAAA,CAAKM,WAAA;MACbC,MAAA,GAASP,IAAA,CAAKQ,YAAA;IACpB,OAAO;MAAEP,CAAA;MAAGC,CAAA;MAAGG,KAAA;MAAOE,MAAA;MAAQJ,GAAA;MAAKC;IAAK;EAC1C;EAEMK,aAAA,GAAgBA,CAACT,IAAA,EAAMU,oBAAA,EAAsBC,QAAA,KAAa;IAC9D,MAAMC,YAAA,GAAeF,oBAAA,IAAyBV,IAAA,IAAQA,IAAA,CAAKa,UAAA;IAC3D,IAAIb,IAAA,IAAQY,YAAA,EAAc;MACxB,MAAME,YAAA,GAAejB,qBAAA,CAAsBe,YAAY;QACjD;UAAEL,MAAA;UAAQH,IAAA;UAAMD,GAAA;UAAKE;QAAM,IAAIN,OAAA,CAAQC,IAAI;QAC3CC,CAAA,GAAIG,IAAA,GAAOU,YAAA,CAAaV,IAAA;QACxBF,CAAA,GAAIC,GAAA,GAAMW,YAAA,CAAaX,GAAA;MAC7BQ,QAAA,CAASV,CAAA,EAAGC,CAAA,EAAGG,KAAA,EAAOE,MAAA,EAAQH,IAAA,EAAMD,GAAG;IACzC;EACF;EAEMY,iBAAA,GAAoB;IACxBC,CAAA,EAAG;IACHC,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRC,QAAA,EAAU;EACZ;EAEMC,SAAA,GAAY;IAChBC,KAAKrB,IAAA,EAAM;MACT,IAAI;QACFA,IAAA,CAAKqB,IAAA,CAAK;MACZ,QAAc,CAEd;IACF;IAEAC,MAAMtB,IAAA,EAAM;MACV,IAAI;QACF,MAAMuB,IAAA,GAAOvB,IAAA,CAAKwB,QAAA;QAIdxB,IAAA,CAAKyB,YAAA,CAAa,UAAU,KAAK,QAAQV,iBAAA,CAAkBQ,IAAI,KAAK,QACtEvB,IAAA,CAAK0B,YAAA,CAAa,YAAY,IAAI,GAEpC1B,IAAA,CAAKsB,KAAA,CAAM;MACb,QAAc,CAEd;IACF;IAEAK,QAAQ3B,IAAA,EAAMW,QAAA,EAAU;MACtBF,aAAA,CAAcT,IAAA,EAAM,MAAMW,QAAQ;IACpC;IAEAiB,gBAAgB5B,IAAA,EAAMW,QAAA,EAAU;MAC1BX,IAAA,IACF6B,UAAA,CAAW,MAAM;QACf,MAAM;UAAEtB,MAAA;UAAQH,IAAA;UAAMD,GAAA;UAAKE;QAAM,IAAIN,OAAA,CAAQC,IAAI;QACjDW,QAAA,CAASP,IAAA,EAAMD,GAAA,EAAKE,KAAA,EAAOE,MAAM;MACnC,GAAG,CAAC;IAER;IAEAE,cAAcT,IAAA,EAAMU,oBAAA,EAAsBoB,MAAA,EAAQC,SAAA,EAAW;MAC3DtB,aAAA,CAAcT,IAAA,EAAMU,oBAAA,EAAsBqB,SAAS;IACrD;IAEAC,WAAWhC,IAAA,EAAMiC,KAAA,EAAO;MACtB,WAAWC,IAAA,IAAQD,KAAA,EAAO;QACxB,IAAI,CAACE,MAAA,CAAOC,SAAA,CAAUC,cAAA,CAAeC,IAAA,CAAKL,KAAA,EAAOC,IAAI,GACnD;QAGF,MAAMK,KAAA,GAAQN,KAAA,CAAMC,IAAI;QACxB,QAAQA,IAAA;UACN,KAAK;YAAS;cACZpC,iBAAA,CAAkBE,IAAA,EAAMuC,KAAK;cAC7B;YACF;UACA,KAAK;UACL,KAAK;YAAa;cAChBvC,IAAA,CAAK0B,YAAA,CAAa,SAASa,KAAK;cAChC;YACF;UACA,KAAK;UACL,KAAK;YAEHvC,IAAA,CAAKuC,KAAA,GAAQA,KAAA;YACb;UACF;YACEvC,IAAA,CAAK0B,YAAA,CAAaQ,IAAA,EAAMK,KAAK;QACjC;MACF;IACF;IAEAC,6BAA6BC,MAAA,EAAQC,iBAAA,EAAmB;MACtDA,iBAAA,CAAkB;IACpB;IAAA;IAGAC,sCAAA,EAAwC,CAAC;EAC3C;AAEA,IAAOC,iBAAA,GAAQxB,SAAA","ignoreList":[]}
+{"version":3,"names":["measure","measureInWindow","focusableElements","A","INPUT","SELECT","TEXTAREA","UIManager","blur","node","focus","name","nodeName","getAttribute","setAttribute","callback","measureLayout","relativeToNativeNode","onFail","onSuccess","configureNextLayoutAnimation","config","onAnimationDidEnd","setLayoutAnimationEnabledExperimental","UIManager_default"],"sources":["../../../../src/modules/UIManager/index.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,OAAA,EAASC,eAAA,QAAuB;AAEzC,MAAMC,iBAAA,GAAoB;IACxBC,CAAA,EAAG;IACHC,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRC,QAAA,EAAU;EACZ;EAEMC,SAAA,GAAY;IAChBC,KAAKC,IAAA,EAAM;MACT,IAAI;QACFA,IAAA,CAAKD,IAAA,CAAK;MACZ,QAAc,CAEd;IACF;IAEAE,MAAMD,IAAA,EAAM;MACV,IAAI;QACF,MAAME,IAAA,GAAOF,IAAA,CAAKG,QAAA;QAIdH,IAAA,CAAKI,YAAA,CAAa,UAAU,KAAK,QAAQX,iBAAA,CAAkBS,IAAI,KAAK,QACtEF,IAAA,CAAKK,YAAA,CAAa,YAAY,IAAI,GAEpCL,IAAA,CAAKC,KAAA,CAAM;MACb,QAAc,CAEd;IACF;IAEAV,QAAQS,IAAA,EAAMM,QAAA,EAAU;MACtB,OAAOf,OAAA,CAAQS,IAAA,EAAMM,QAAQ;IAC/B;IAEAd,gBAAgBQ,IAAA,EAAMM,QAAA,EAAU;MAC9B,OAAOd,eAAA,CAAgBQ,IAAA,EAAMM,QAAQ;IACvC;IAAA;IAGA,MAAMC,cACJP,IAAA,EACAQ,oBAAA,EACAC,MAAA,EACAC,SAAA,EACA;MACA,OAAOH,aAAA,CAAcP,IAAA,EAAMQ,oBAAA,EAAsBE,SAAS;IAC5D;IAEAC,6BAA6BC,MAAA,EAAQC,iBAAA,EAAmB;MACtDA,iBAAA,CAAkB;IACpB;IAAA;IAGAC,sCAAA,EAAwC,CAAC;EAC3C;AAEA,IAAOC,iBAAA,GAAQjB,SAAA","ignoreList":[]}

package/dist/esm/modules/UIManager/index.native.js

@@ -1,39 +1,5 @@
-import getBoundingClientRect from "../getBoundingClientRect/index.native.js";
-import setValueForStyles from "../setValueForStyles/index.native.js";
-var getRect = function (node) {
-    var {
-        x,
-        y,
-        top,
-        left
-      } = getBoundingClientRect(node),
-      width = node.offsetWidth,
-      height = node.offsetHeight;
-    return {
-      x,
-      y,
-      width,
-      height,
-      top,
-      left
-    };
-  },
-  measureLayout = function (node, relativeToNativeNode, callback) {
-    var relativeNode = relativeToNativeNode || node && node.parentNode;
-    if (node && relativeNode) {
-      var relativeRect = getBoundingClientRect(relativeNode),
-        {
-          height,
-          left,
-          top,
-          width
-        } = getRect(node),
-        x = left - relativeRect.left,
-        y = top - relativeRect.top;
-      callback(x, y, width, height, left, top);
-    }
-  },
-  focusableElements = {
+import { measure, measureInWindow } from "@tamagui/use-element-layout";
+var focusableElements = {
     A: !0,
     INPUT: !0,
     SELECT: !0,
@@ -54,45 +20,14 @@ var getRect = function (node) {
     },
     //
     measure(node, callback) {
-      measureLayout(node, null, callback);
+      return measure(node, callback);
     },
     measureInWindow(node, callback) {
-      node && setTimeout(function () {
-        var {
-          height,
-          left,
-          top,
-          width
-        } = getRect(node);
-        callback(left, top, width, height);
-      }, 0);
-    },
-    measureLayout(node, relativeToNativeNode, onFail, onSuccess) {
-      measureLayout(node, relativeToNativeNode, onSuccess);
+      return measureInWindow(node, callback);
     },
-    updateView(node, props) {
-      for (var prop in props) if (Object.prototype.hasOwnProperty.call(props, prop)) {
-        var value = props[prop];
-        switch (prop) {
-          case "style":
-            {
-              setValueForStyles(node, value);
-              break;
-            }
-          case "class":
-          case "className":
-            {
-              node.setAttribute("class", value);
-              break;
-            }
-          case "text":
-          case "value":
-            node.value = value;
-            break;
-          default:
-            node.setAttribute(prop, value);
-        }
-      }
+    // note its flipped fail and success on purpose lol
+    async measureLayout(node, relativeToNativeNode, onFail, onSuccess) {
+      return measureLayout(node, relativeToNativeNode, onSuccess);
     },
     configureNextLayoutAnimation(config, onAnimationDidEnd) {
       onAnimationDidEnd();

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

@@ -1 +1 @@
-{"version":3,"names":["getBoundingClientRect","setValueForStyles","getRect","node","x","y","top","left","width","offsetWidth","height","offsetHeight","measureLayout","relativeToNativeNode","callback","relativeNode","parentNode","relativeRect","focusableElements","A","INPUT","SELECT","TEXTAREA","UIManager","blur","focus","name","nodeName","getAttribute","setAttribute","measure","measureInWindow","setTimeout","onFail","onSuccess","updateView","props","prop","Object","prototype","hasOwnProperty","call","value"],"sources":["../../../../src/modules/UIManager/index.tsx"],"sourcesContent":[null],"mappings":"AAUA,OAAOA,qBAAA,MAA2B;AAClC,OAAOC,iBAAA,MAAuB;AAE9B,IAAAC,OAAM,YAAAA,CAAWC,IAAS;IAIxB;QAAMC,CAAA;QAAEC,CAAA;QAAGC,GAAG;QAAAC;MAAK,IAAKP,qBAAI,CAAAG,IAAsB;MAAIK,KAChD,GAAAL,IAAQ,CAAAM,WAAK;MAAAC,MACb,GAAAP,IAAS,CAAAQ,YAAK;IACpB,OAAO;MAGHP,CAAA;MACJC,CAAA;MACAG,KAAI;MACFE,MAAM;MAINJ,GAAA;MACFC;IACF,CAEM;EAAoB;EACxBK,aAAG,YAAAA,CAAAT,IAAA,EAAAU,oBAAA,EAAAC,QAAA;IACH,IAAAC,YAAO,GAAAF,oBAAA,IAAAV,IAAA,IAAAA,IAAA,CAAAa,UAAA;IACP,IAAAb,IAAQ,IAAAY,YAAA;MACR,IAAAE,YAAU,GAAAjB,qBAAA,CAAAe,YAAA;QAAA;UAAAL,MAAA;UAAAH,IAAA;UAAAD,GAAA;UAAAE;QAAA,IAAAN,OAAA,CAAAC,IAAA;QAAAC,CAAA,GAAAG,IAAA,GAAAU,YAAA,CAAAV,IAAA;QAAAF,CAAA,GAAAC,GAAA,GAAAW,YAAA,CAAAX,GAAA;MAGNQ,QAAA,CAAAV,CAAA,EAAYC,CAAA,EAAAG,KAAA,EAAAE,MAAA,EAAAH,IAAA,EAAAD,GAAA;IAChB;EACE;EAAAY,iBAAI;IACFC,CAAA;IAAUC,KACZ;IAAcC,MAEd;IACFC,QAAA;EAAA;EAEAC,SAAM,GAAM;IACVC,KAAArB,IAAI;MACF;QAIIA,IAAA,CAAKqB,IAAA;MAIX,QAAc,CAEd;IACF;IAEA;IACEC,MAAAtB,IAAA;MACF;QAEA,IAAAuB,IAAA,GAAAvB,IAAgB,CAAAwB,QAAM;QAChBxB,IAAA,CAAAyB,YACS,WAAM,aAAAV,iBAAA,CAAAQ,IAAA,aAAAvB,IAAA,CAAA0B,YAAA,oBAAA1B,IAAA,CAAAsB,KAAA;MACf,QAAM,CACN;IAAiC;IAGvC;IAEAK,QAAA3B,IAAA,EAAcW,QAAM;MAClBF,aAAA,CAAcT,IAAA,EAAM,MAAAW,QAAA;IACtB;IAEAiB,eAAWA,CAAA5B,IAAM,EAAAW,QAAO;MACtBX,IAAA,IAAA6B,UAAW,CAAQ,YAAO;QACxB,IAAI;UAACtB,MAAO;UAAAH,IAAA;UAAAD,GAAU;UAAAE;QAAA,IAAAN,OAAoB,CAAAC,IAAA;QACxCW,QAAA,CAAAP,IAAA,EAAAD,GAAA,EAAAE,KAAA,EAAAE,MAAA;MAGF;IACA;IAAcE,aACPA,CAAAT,IAAA,EAASU,oBAAA,EAAAoB,MAAA,EAAAC,SAAA;MACZtB,aAAA,CAAAT,IAAA,EAAAU,oBAA6B,EAAAqB,SAAA;IAC7B;IAAAC,UACFA,CAAAhC,IAAA,EAAAiC,KAAA;MAAA,KACA,IAAKC,IAAA,IAAAD,KAAA,MACLE,MAAK,CAAAC,SAAa,CAAAC,cAAA,CAAAC,IAAA,CAAAL,KAAA,EAAAC,IAAA;QAChB,IAAAK,KAAK,GAAAN,KAAA,CAAAC,IAAa;QAClB,QAAAA,IAAA;UACF;YAAA;cACApC,iBAAK,CAAAE,IAAA,EAAAuC,KAAA;cACL;YAEE;UACA;UACF;YAAA;cACEvC,IAAK,CAAA0B,YAAa,QAAM,EAAKa,KAAA;cACjC;YACF;UACF;UAEA;YACEvC,IAAA,CAAAuC,KAAkB,GAAAA,KAAA;YACpB;UAAA;YAGAvC,IAAA,CAAA0B,YAAA,CAAAQ,IAAA,EAAAK,KAAA,CAAwC;QAAC;MAC3C;IAEA","ignoreList":[]}
+{"version":3,"names":["measure","measureInWindow","focusableElements","A","INPUT","SELECT","TEXTAREA","UIManager","blur","node","focus","name","nodeName","getAttribute","setAttribute","callback","measureLayout","relativeToNativeNode","onFail","onSuccess","configureNextLayoutAnimation","config","onAnimationDidEnd","setLayoutAnimationEnabledExperimental"],"sources":["../../../../src/modules/UIManager/index.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,OAAA,EAASC,eAAA,QAAuB;AAEzC,IAAAC,iBAAM;IACJC,CAAA,EAAG;IACHC,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRC,QAAA,EAAU;EACZ;EAEMC,SAAA,GAAY;IAChBC,KAAKC,IAAA,EAAM;MACT,IAAI;QACFA,IAAA,CAAKD,IAAA,CAAK;MACZ,QAAc,CAEd;IACF;IAEA;IACEE,MAAID,IAAA;MACF;QAII,IAAAE,IAAK,GAAAF,IAAA,CAAAG,QAAa;QAIxBH,IAAA,CAAAI,YAAc,wBAAAX,iBAAA,CAAAS,IAAA,aAAAF,IAAA,CAAAK,YAAA,oBAAAL,IAAA,CAAAC,KAAA;MAEd,SACF;IAEA;IACE;IACFV,QAAAS,IAAA,EAAAM,QAAA;MAEA,OAAAf,OAAgB,CAAAS,IAAA,EAAMM,QAAA,CAAU;IAC9B;IACFd,gBAAAQ,IAAA,EAAAM,QAAA;MAAA,OAAAd,eAAA,CAAAQ,IAAA,EAAAM,QAAA;IAGA;IAME;IACF,MAAAC,cAAAP,IAAA,EAAAQ,oBAAA,EAAAC,MAAA,EAAAC,SAAA;MAEA,OAAAH,aAAA,CAAAP,IAAA,EAA6BQ,oBAAQ,EAAAE,SAAmB;IACtD;IACFC,6BAAAC,MAAA,EAAAC,iBAAA;MAAAA,iBAAA;IAGA;IAAyC;IAC3CC,sCAAA,GAEA","ignoreList":[]}

package/dist/esm/modules/usePlatformMethods/index.js

@@ -1,11 +1,15 @@
-import UIManager from "../UIManager/index";
+import {
+  createMeasure,
+  createMeasureInWindow,
+  createMeasureLayout
+} from "@tamagui/use-element-layout";
 import useStable from "../useStable/index";
 function usePlatformMethods({
   pointerEvents,
   style
 }) {
   return useStable(() => (hostNode) => {
-    hostNode != null && (hostNode.measure = (callback) => UIManager.measure(hostNode, callback), hostNode.measureLayout = (relativeToNode, success, failure) => UIManager.measureLayout(hostNode, relativeToNode, failure, success), hostNode.measureInWindow = (callback) => UIManager.measureInWindow(hostNode, callback));
+    hostNode != null && (hostNode.measure = createMeasure(hostNode), hostNode.measureLayout = createMeasureLayout(hostNode), hostNode.measureInWindow = createMeasureInWindow(hostNode));
   });
 }
 var usePlatformMethods_default = usePlatformMethods;

package/dist/esm/modules/usePlatformMethods/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/usePlatformMethods/index.tsx"],
-  "mappings": "AAUA,OAAO,eAAe;AACtB,OAAO,eAAe;AAMf,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAG4B;AAa1B,SAVY,UAAU,MAAM,CAAC,aAAkB;AAC7C,IAAI,YAAY,SACd,SAAS,UAAU,CAAC,aAAa,UAAU,QAAQ,UAAU,QAAQ,GACrE,SAAS,gBAAgB,CAAC,gBAAgB,SAAS,YACjD,UAAU,cAAc,UAAU,gBAAgB,SAAS,OAAO,GACpE,SAAS,kBAAkB,CAAC,aAC1B,UAAU,gBAAgB,UAAU,QAAQ;AAAA,EAElD,CAAC;AAGH;AAEA,IAAO,6BAAQ;",
+  "mappings": "AASA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,OAAO,eAAe;AAMf,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAG4B;AAW1B,SARY,UAAU,MAAM,CAAC,aAAkB;AAC7C,IAAI,YAAY,SACd,SAAS,UAAU,cAAc,QAAQ,GACzC,SAAS,gBAAgB,oBAAoB,QAAQ,GACrD,SAAS,kBAAkB,sBAAsB,QAAQ;AAAA,EAE7D,CAAC;AAGH;AAEA,IAAO,6BAAQ;",
   "names": []
 }

package/dist/esm/modules/usePlatformMethods/index.mjs

@@ -1,11 +1,11 @@
-import UIManager from "../UIManager/index.mjs";
+import { createMeasure, createMeasureInWindow, createMeasureLayout } from "@tamagui/use-element-layout";
 import useStable from "../useStable/index.mjs";
 function usePlatformMethods({
   pointerEvents,
   style
 }) {
   return useStable(() => hostNode => {
-    hostNode != null && (hostNode.measure = callback => UIManager.measure(hostNode, callback), hostNode.measureLayout = (relativeToNode, success, failure) => UIManager.measureLayout(hostNode, relativeToNode, failure, success), hostNode.measureInWindow = callback => UIManager.measureInWindow(hostNode, callback));
+    hostNode != null && (hostNode.measure = createMeasure(hostNode), hostNode.measureLayout = createMeasureLayout(hostNode), hostNode.measureInWindow = createMeasureInWindow(hostNode));
   });
 }
 var usePlatformMethods_default = usePlatformMethods;

package/dist/esm/modules/usePlatformMethods/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["UIManager","useStable","usePlatformMethods","pointerEvents","style","hostNode","measure","callback","measureLayout","relativeToNode","success","failure","measureInWindow","usePlatformMethods_default"],"sources":["../../../../src/modules/usePlatformMethods/index.tsx"],"sourcesContent":[null],"mappings":"AAUA,OAAOA,SAAA,MAAe;AACtB,OAAOC,SAAA,MAAe;AAMf,SAASC,mBAAmB;EACjCC,aAAA;EACAC;AACF,GAG4B;EAa1B,OAVYH,SAAA,CAAU,MAAOI,QAAA,IAAkB;IACzCA,QAAA,IAAY,SACdA,QAAA,CAASC,OAAA,GAAWC,QAAA,IAAaP,SAAA,CAAUM,OAAA,CAAQD,QAAA,EAAUE,QAAQ,GACrEF,QAAA,CAASG,aAAA,GAAgB,CAACC,cAAA,EAAgBC,OAAA,EAASC,OAAA,KACjDX,SAAA,CAAUQ,aAAA,CAAcH,QAAA,EAAUI,cAAA,EAAgBE,OAAA,EAASD,OAAO,GACpEL,QAAA,CAASO,eAAA,GAAmBL,QAAA,IAC1BP,SAAA,CAAUY,eAAA,CAAgBP,QAAA,EAAUE,QAAQ;EAElD,CAAC;AAGH;AAEA,IAAOM,0BAAA,GAAQX,kBAAA","ignoreList":[]}
+{"version":3,"names":["createMeasure","createMeasureInWindow","createMeasureLayout","useStable","usePlatformMethods","pointerEvents","style","hostNode","measure","measureLayout","measureInWindow","usePlatformMethods_default"],"sources":["../../../../src/modules/usePlatformMethods/index.tsx"],"sourcesContent":[null],"mappings":"AASA,SACEA,aAAA,EACAC,qBAAA,EACAC,mBAAA,QACK;AAEP,OAAOC,SAAA,MAAe;AAMf,SAASC,mBAAmB;EACjCC,aAAA;EACAC;AACF,GAG4B;EAW1B,OARYH,SAAA,CAAU,MAAOI,QAAA,IAAkB;IACzCA,QAAA,IAAY,SACdA,QAAA,CAASC,OAAA,GAAUR,aAAA,CAAcO,QAAQ,GACzCA,QAAA,CAASE,aAAA,GAAgBP,mBAAA,CAAoBK,QAAQ,GACrDA,QAAA,CAASG,eAAA,GAAkBT,qBAAA,CAAsBM,QAAQ;EAE7D,CAAC;AAGH;AAEA,IAAOI,0BAAA,GAAQP,kBAAA","ignoreList":[]}

package/dist/esm/modules/usePlatformMethods/index.native.js

@@ -1,4 +1,4 @@
-import UIManager from "../UIManager/index.native.js";
+import { createMeasure, createMeasureInWindow, createMeasureLayout } from "@tamagui/use-element-layout";
 import useStable from "../useStable/index.native.js";
 function usePlatformMethods(param) {
   var {
@@ -7,13 +7,7 @@ function usePlatformMethods(param) {
     } = param,
     ref = useStable(function () {
       return function (hostNode) {
-        hostNode != null && (hostNode.measure = function (callback) {
-          return UIManager.measure(hostNode, callback);
-        }, hostNode.measureLayout = function (relativeToNode, success, failure) {
-          return UIManager.measureLayout(hostNode, relativeToNode, failure, success);
-        }, hostNode.measureInWindow = function (callback) {
-          return UIManager.measureInWindow(hostNode, callback);
-        });
+        hostNode != null && (hostNode.measure = createMeasure(hostNode), hostNode.measureLayout = createMeasureLayout(hostNode), hostNode.measureInWindow = createMeasureInWindow(hostNode));
       };
     });
   return ref;

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

@@ -1 +1 @@
-{"version":3,"names":["UIManager","useStable","usePlatformMethods","param","pointerEvents","style","ref","hostNode","measure","callback","measureLayout","relativeToNode","success","failure","measureInWindow"],"sources":["../../../../src/modules/usePlatformMethods/index.tsx"],"sourcesContent":[null],"mappings":"AAUA,OAAOA,SAAA,MAAe;AACtB,OAAOC,SAAA,MAAe;AAMf,SAASC,mBAAmBC,KAAA;EACjC;MAAAC,aAAA;MAAAC;IAAA,IAAAF,KAAA;IAAAG,GAAA,GAAAL,SAAA;MACA,iBAAAM,QAAA;QAI0BA,QAAA,aAAAA,QAAA,CAAAC,OAAA,aAAAC,QAAA;UAa1B,OAVYT,SAAU,CAAMQ,OAAC,CAAAD,QAAkB,EAAAE,QAAA;QACzC,GAAAF,QAAY,CAAAG,aACd,GAAS,UAAAC,cAAW,EAAaC,OAAA,EAAUC,OAAA,EAAQ;UAMtD,OAAAb,SAAA,CAAAU,aAAA,CAAAH,QAAA,EAAAI,cAAA,EAAAE,OAAA,EAAAD,OAAA;QAGH,GAAAL,QAAA,CAAAO,eAAA,aAAAL,QAAA;UAEO,OAAAT,SAAA,CAAAc,eAAQ,CAAAP,QAAA,EAAAE,QAAA","ignoreList":[]}
+{"version":3,"names":["createMeasure","createMeasureInWindow","createMeasureLayout","useStable","usePlatformMethods","param","pointerEvents","style","ref","hostNode","measure","measureLayout","measureInWindow","usePlatformMethods_default","default"],"sources":["../../../../src/modules/usePlatformMethods/index.tsx"],"sourcesContent":[null],"mappings":"AASA,SAAAA,aAAA,EAAAC,qBAAA,EAAAC,mBAAA;AAAA,OACEC,SAAA;AAAA,SACAC,mBAAAC,KAAA;EACA;MAAAC,aAAA;MAAAC;IAAA,IAAAF,KAAA;IAAAG,GAAA,GAAAL,SAAA;MAAA,OACK,UAAAM,QAAA;QAEPA,QAAO,QAAe,KAAAA,QAAA,CAAAC,OAAA,GAAAV,aAAA,CAAAS,QAAA,GAAAA,QAAA,CAAAE,aAAA,GAAAT,mBAAA,CAAAO,QAAA,GAAAA,QAAA,CAAAG,eAAA,GAAAX,qBAAA,CAAAQ,QAAA;MAMf;IACL;EACA,OAAAD,GAAA;AACF;AAcE,IAAAK,0BAR6B,GAAAT,kBAAkB;AAC7C,SAKFS,0BAAC,IAAAC,OAAA,EAGHV,kBAAA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/react-native-web-internals",
-  "version": "1.130.7",
+  "version": "1.130.8",
   "description": "React Native for Web",
   "sideEffects": false,
   "main": "dist/cjs",
@@ -31,15 +31,15 @@
     }
   },
   "dependencies": {
-    "@tamagui/normalize-css-color": "1.130.7",
-    "@tamagui/react-native-use-pressable": "1.130.7",
-    "@tamagui/react-native-use-responder-events": "1.130.7",
-    "@tamagui/simple-hash": "1.130.7",
-    "@tamagui/use-element-layout": "1.130.7",
-    "@tamagui/web": "1.130.7"
+    "@tamagui/normalize-css-color": "1.130.8",
+    "@tamagui/react-native-use-pressable": "1.130.8",
+    "@tamagui/react-native-use-responder-events": "1.130.8",
+    "@tamagui/simple-hash": "1.130.8",
+    "@tamagui/use-element-layout": "1.130.8",
+    "@tamagui/web": "1.130.8"
   },
   "devDependencies": {
-    "@tamagui/build": "1.130.7",
+    "@tamagui/build": "1.130.8",
     "react": "*",
     "react-dom": "*"
   },

package/src/modules/UIManager/index.tsx

@@ -8,29 +8,7 @@
  * @noflow
  */
 
-import getBoundingClientRect from '../getBoundingClientRect/index'
-import setValueForStyles from '../setValueForStyles/index'
-
-const getRect = (node) => {
-  // Unlike the DOM's getBoundingClientRect, React Native layout measurements
-  // for "height" and "width" ignore scale transforms.
-  // https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements
-  const { x, y, top, left } = getBoundingClientRect(node)!
-  const width = node.offsetWidth
-  const height = node.offsetHeight
-  return { x, y, width, height, top, left }
-}
-
-const measureLayout = (node, relativeToNativeNode, callback) => {
-  const relativeNode = relativeToNativeNode || (node && node.parentNode)
-  if (node && relativeNode) {
-    const relativeRect = getBoundingClientRect(relativeNode)
-    const { height, left, top, width } = getRect(node)
-    const x = left - relativeRect.left
-    const y = top - relativeRect.top
-    callback(x, y, width, height, left, top)
-  }
-}
+import { measure, measureInWindow } from '@tamagui/use-element-layout'
 
 const focusableElements = {
   A: true,
@@ -64,48 +42,21 @@ const UIManager = {
   },
 
   measure(node, callback) {
-    measureLayout(node, null, callback)
+    return measure(node, callback)
   },
 
   measureInWindow(node, callback) {
-    if (node) {
-      setTimeout(() => {
-        const { height, left, top, width } = getRect(node)
-        callback(left, top, width, height)
-      }, 0)
-    }
+    return measureInWindow(node, callback)
   },
 
-  measureLayout(node, relativeToNativeNode, onFail, onSuccess) {
-    measureLayout(node, relativeToNativeNode, onSuccess)
-  },
-
-  updateView(node, props) {
-    for (const prop in props) {
-      if (!Object.prototype.hasOwnProperty.call(props, prop)) {
-        continue
-      }
-
-      const value = props[prop]
-      switch (prop) {
-        case 'style': {
-          setValueForStyles(node, value)
-          break
-        }
-        case 'class':
-        case 'className': {
-          node.setAttribute('class', value)
-          break
-        }
-        case 'text':
-        case 'value':
-          // native platforms use `text` prop to replace text input value
-          node.value = value
-          break
-        default:
-          node.setAttribute(prop, value)
-      }
-    }
+  // note its flipped fail and success on purpose lol
+  async measureLayout(
+    node: HTMLElement,
+    relativeToNativeNode?: HTMLElement,
+    onFail,
+    onSuccess
+  ) {
+    return measureLayout(node, relativeToNativeNode, onSuccess)
   },
 
   configureNextLayoutAnimation(config, onAnimationDidEnd) {

package/src/modules/usePlatformMethods/index.tsx

@@ -7,8 +7,12 @@
  * @flow
  */
 
+import {
+  createMeasure,
+  createMeasureInWindow,
+  createMeasureLayout,
+} from '@tamagui/use-element-layout'
 import type { GenericStyleProp } from '../../types'
-import UIManager from '../UIManager/index'
 import useStable from '../useStable/index'
 
 /**
@@ -26,11 +30,9 @@ export function usePlatformMethods({
   // available to 'setNativeProps' when it is called.
   const ref = useStable(() => (hostNode: any) => {
     if (hostNode != null) {
-      hostNode.measure = (callback) => UIManager.measure(hostNode, callback)
-      hostNode.measureLayout = (relativeToNode, success, failure) =>
-        UIManager.measureLayout(hostNode, relativeToNode, failure, success)
-      hostNode.measureInWindow = (callback) =>
-        UIManager.measureInWindow(hostNode, callback)
+      hostNode.measure = createMeasure(hostNode)
+      hostNode.measureLayout = createMeasureLayout(hostNode)
+      hostNode.measureInWindow = createMeasureInWindow(hostNode)
     }
   })
 

package/types/modules/UIManager/index.d.ts

@@ -9,10 +9,14 @@
 declare const UIManager: {
     blur(node: any): void;
     focus(node: any): void;
-    measure(node: any, callback: any): void;
-    measureInWindow(node: any, callback: any): void;
-    measureLayout(node: any, relativeToNativeNode: any, onFail: any, onSuccess: any): void;
-    updateView(node: any, props: any): void;
+    measure(node: any, callback: any): Promise<import("@tamagui/use-element-layout").LayoutValue | null>;
+    measureInWindow(node: any, callback: any): Promise<{
+        pageX: number;
+        pageY: number;
+        width: number;
+        height: number;
+    } | null>;
+    measureLayout(node: HTMLElement, relativeToNativeNode?: HTMLElement, onFail: any, onSuccess: any): Promise<any>;
     configureNextLayoutAnimation(config: any, onAnimationDidEnd: any): void;
     setLayoutAnimationEnabledExperimental(): void;
 };

package/types/modules/UIManager/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/UIManager/index.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAiCH,QAAA,MAAM,SAAS;;;;;;;;;CA2Ed,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/UIManager/index.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAWH,QAAA,MAAM,SAAS;;;;;;;;;;wBAkCL,WAAW,yBACM,WAAW;;;CAarC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/types/modules/usePlatformMethods/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/usePlatformMethods/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAInD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,KAAK,GACN,EAAE;IACD,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IACjC,aAAa,CAAC,EAAE,GAAG,CAAA;CACpB,GAAG,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAc1B;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/usePlatformMethods/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAGnD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,KAAK,GACN,EAAE;IACD,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IACjC,aAAa,CAAC,EAAE,GAAG,CAAA;CACpB,GAAG,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAY1B;AAED,eAAe,kBAAkB,CAAA"}