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

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/createDOMProps/__tests__/index-test.cjs

@@ -20,7 +20,7 @@ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
   enumerable: !0
 }) : target, mod));
-var import__ = __toESM(require(".."));
+var import__ = __toESM(require("../index.cjs"));
 const createProps = props => (0, import__.default)(null, props);
 describe("modules/createDOMProps", () => {
   describe("focus-related accessibility attributes", () => {

package/dist/cjs/modules/createDOMProps/index.cjs

@@ -36,7 +36,7 @@ __export(createDOMProps_exports, {
 });
 module.exports = __toCommonJS(createDOMProps_exports);
 var import_web = require("@tamagui/web"),
-  import_AccessibilityUtil = __toESM(require("../AccessibilityUtil/index"));
+  import_AccessibilityUtil = __toESM(require("../AccessibilityUtil/index.cjs"));
 const emptyObject = {},
   hasOwnProperty = Object.prototype.hasOwnProperty,
   isArray = Array.isArray,

package/dist/cjs/modules/createEventHandle/__tests__/index-test.cjs

@@ -25,7 +25,7 @@ var import_dom_event_testing_library = require("dom-event-testing-library"),
   ReactDOM = __toESM(require("react-dom")),
   ReactDOMServer = __toESM(require("react-dom/server")),
   import_test_utils = require("react-dom/test-utils"),
-  import__ = __toESM(require("..")),
+  import__ = __toESM(require("../index.cjs")),
   import_jsx_runtime = require("react/jsx-runtime");
 function createRoot(rootNode) {
   return {

package/dist/cjs/modules/createEventHandle/index.cjs

@@ -36,7 +36,7 @@ __export(createEventHandle_exports, {
   default: () => createEventHandle
 });
 module.exports = __toCommonJS(createEventHandle_exports);
-var import_canUseDOM = __toESM(require("../canUseDOM"));
+var import_canUseDOM = __toESM(require("../canUseDOM.cjs"));
 const emptyFunction = () => {};
 function supportsPassiveEvents() {
   let supported = !1;

package/dist/cjs/modules/dismissKeyboard/index.cjs

@@ -34,7 +34,7 @@ __export(dismissKeyboard_exports, {
   default: () => dismissKeyboard_default
 });
 module.exports = __toCommonJS(dismissKeyboard_exports);
-var import_TextInputState = __toESM(require("../TextInputState/index"));
+var import_TextInputState = __toESM(require("../TextInputState/index.cjs"));
 const dismissKeyboard = () => {
   import_TextInputState.default.blurTextInput(import_TextInputState.default.currentlyFocusedField());
 };

package/dist/cjs/modules/mergeRefs/__tests__/index-test.cjs

@@ -22,7 +22,7 @@ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
 }) : target, mod));
 var import_react = require("@testing-library/react"),
   React = __toESM(require("react")),
-  import__ = __toESM(require("..")),
+  import__ = __toESM(require("../index.cjs")),
   import_jsx_runtime = require("react/jsx-runtime");
 describe("modules/mergeRefs", () => {
   test("merges refs of different types", () => {

package/dist/cjs/modules/modality/__tests__/index-test.cjs

@@ -1,5 +1,5 @@
 var import_dom_event_testing_library = require("dom-event-testing-library"),
-  import__ = require("..");
+  import__ = require("../index.cjs");
 (0, import_dom_event_testing_library.describeWithPointerEvent)("modules/modality", hasPointerEvent => {
   let rootNode;
   beforeEach(() => {

package/dist/cjs/modules/modality/index.cjs

@@ -37,8 +37,8 @@ __export(modality_exports, {
   testOnly_resetActiveModality: () => testOnly_resetActiveModality
 });
 module.exports = __toCommonJS(modality_exports);
-var import_canUseDOM = __toESM(require("../canUseDOM")),
-  import_createEventHandle = __toESM(require("../createEventHandle/index"));
+var import_canUseDOM = __toESM(require("../canUseDOM.cjs")),
+  import_createEventHandle = __toESM(require("../createEventHandle/index.cjs"));
 const supportsPointerEvent = () => typeof window < "u" && window.PointerEvent != null;
 let activeModality = "keyboard",
   modality = "keyboard",

package/dist/cjs/modules/multiplyStyleLengthValue/__tests__/index-test.cjs

@@ -20,7 +20,7 @@ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
   enumerable: !0
 }) : target, mod));
-var import__ = __toESM(require(".."));
+var import__ = __toESM(require("../index.cjs"));
 describe("modules/multiplyStyleLengthValue", () => {
   test("number", () => {
     expect((0, import__.default)(2, -1)).toEqual(-2), expect((0, import__.default)(2, 2)).toEqual(4), expect((0, import__.default)(2.5, 2)).toEqual(5);

package/dist/cjs/modules/normalizeColor/index.cjs

@@ -34,8 +34,8 @@ __export(normalizeColor_exports, {
   default: () => normalizeColor_default
 });
 module.exports = __toCommonJS(normalizeColor_exports);
-var import_isWebColor = __toESM(require("../isWebColor/index")),
-  import_processColor = require("../processColor/index");
+var import_isWebColor = __toESM(require("../isWebColor/index.cjs")),
+  import_processColor = require("../processColor/index.cjs");
 const normalizeColor = (color, opacity = 1) => {
   if (color == null) return;
   if (typeof color == "string" && (0, import_isWebColor.default)(color)) return color;

package/dist/cjs/modules/processColor/__tests__/index-test.cjs

@@ -20,7 +20,7 @@ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
   enumerable: !0
 }) : target, mod));
-var import__ = __toESM(require(".."));
+var import__ = __toESM(require("../index.cjs"));
 const platformSpecific = x => x;
 describe("processColor", () => {
   describe("predefined color names", () => {

package/dist/cjs/modules/requestIdleCallback/index.cjs

@@ -35,7 +35,7 @@ __export(requestIdleCallback_exports, {
   default: () => requestIdleCallback_default
 });
 module.exports = __toCommonJS(requestIdleCallback_exports);
-var import_canUseDOM = __toESM(require("../canUseDOM"));
+var import_canUseDOM = __toESM(require("../canUseDOM.cjs"));
 const _requestIdleCallback = function (cb, options) {
     return setTimeout(() => {
       const start = Date.now();

package/dist/cjs/modules/setValueForStyles/dangerousStyleValue.cjs

@@ -34,7 +34,7 @@ __export(dangerousStyleValue_exports, {
   default: () => dangerousStyleValue_default
 });
 module.exports = __toCommonJS(dangerousStyleValue_exports);
-var import_unitlessNumbers = __toESM(require("../unitlessNumbers/index"));
+var import_unitlessNumbers = __toESM(require("../unitlessNumbers/index.cjs"));
 function dangerousStyleValue(name, value, isCustomProperty) {
   var isEmpty = value == null || typeof value == "boolean" || value === "";
   return isEmpty ? "" : !isCustomProperty && typeof value == "number" && value !== 0 && !(import_unitlessNumbers.default.hasOwnProperty(name) && import_unitlessNumbers.default[name]) ? value + "px" : ("" + value).trim();

package/dist/cjs/modules/setValueForStyles/index.cjs

@@ -34,7 +34,7 @@ __export(setValueForStyles_exports, {
   default: () => setValueForStyles_default
 });
 module.exports = __toCommonJS(setValueForStyles_exports);
-var import_dangerousStyleValue = __toESM(require("./dangerousStyleValue"));
+var import_dangerousStyleValue = __toESM(require("./dangerousStyleValue.cjs"));
 function setValueForStyles(node, styles) {
   const style = node.style;
   for (let styleName in styles) {

package/dist/cjs/modules/useEvent/__tests__/index-test.cjs

@@ -24,7 +24,7 @@ var import_dom_event_testing_library = require("dom-event-testing-library"),
   React = __toESM(require("react")),
   ReactDOM = __toESM(require("react-dom")),
   import_test_utils = require("react-dom/test-utils"),
-  import__ = __toESM(require("..")),
+  import__ = __toESM(require("../index.cjs")),
   import_jsx_runtime = require("react/jsx-runtime");
 function createRoot(rootNode) {
   return {

package/dist/cjs/modules/useEvent/index.cjs

@@ -34,9 +34,9 @@ __export(useEvent_exports, {
   default: () => useEvent
 });
 module.exports = __toCommonJS(useEvent_exports);
-var import_createEventHandle = __toESM(require("../createEventHandle/index")),
-  import_useLayoutEffect = __toESM(require("../useLayoutEffect/index")),
-  import_useStable = __toESM(require("../useStable/index"));
+var import_createEventHandle = __toESM(require("../createEventHandle/index.cjs")),
+  import_useLayoutEffect = __toESM(require("../useLayoutEffect/index.cjs")),
+  import_useStable = __toESM(require("../useStable/index.cjs"));
 function useEvent(event, options) {
   const targetListeners = (0, import_useStable.default)(() => /* @__PURE__ */new Map()),
     addListener = (0, import_useStable.default)(() => {

package/dist/cjs/modules/useHover/__tests__/index-test.cjs

@@ -24,8 +24,8 @@ var import_dom_event_testing_library = require("dom-event-testing-library"),
   React = __toESM(require("react")),
   ReactDOM = __toESM(require("react-dom")),
   import_test_utils = require("react-dom/test-utils"),
-  import_modality = require("../../modality/index"),
-  import__ = __toESM(require("..")),
+  import_modality = require("../../modality/index.cjs"),
+  import__ = __toESM(require("../index.cjs")),
   import_jsx_runtime = require("react/jsx-runtime");
 function createRoot(rootNode) {
   return {

package/dist/cjs/modules/useHover/index.cjs

@@ -34,9 +34,9 @@ __export(useHover_exports, {
   default: () => useHover
 });
 module.exports = __toCommonJS(useHover_exports);
-var import_modality = require("../modality/index"),
-  import_useEvent = __toESM(require("../useEvent/index")),
-  import_useLayoutEffect = __toESM(require("../useLayoutEffect/index"));
+var import_modality = require("../modality/index.cjs"),
+  import_useEvent = __toESM(require("../useEvent/index.cjs")),
+  import_useLayoutEffect = __toESM(require("../useLayoutEffect/index.cjs"));
 const emptyObject = {},
   opts = {
     passive: !0

package/dist/cjs/modules/useLayoutEffect/index.cjs

@@ -35,6 +35,6 @@ __export(useLayoutEffect_exports, {
 });
 module.exports = __toCommonJS(useLayoutEffect_exports);
 var import_react = __toESM(require("react")),
-  import_canUseDOM = __toESM(require("../canUseDOM"));
+  import_canUseDOM = __toESM(require("../canUseDOM.cjs"));
 const useLayoutEffectImpl = import_canUseDOM.default ? import_react.default.useLayoutEffect : import_react.default.useEffect;
 var useLayoutEffect_default = useLayoutEffectImpl;

package/dist/cjs/modules/useLocale/index.cjs

@@ -37,7 +37,7 @@ __export(useLocale_exports, {
 });
 module.exports = __toCommonJS(useLocale_exports);
 var import_react = __toESM(require("react")),
-  import_isLocaleRTL = require("./isLocaleRTL"),
+  import_isLocaleRTL = require("./isLocaleRTL.cjs"),
   import_jsx_runtime = require("react/jsx-runtime");
 const defaultLocale = {
     direction: "ltr",

package/dist/cjs/modules/useMergeRefs/__tests__/index-test.cjs

@@ -23,7 +23,7 @@ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
 var import_react = require("@testing-library/react"),
   React = __toESM(require("react")),
   import_test_utils = require("react-dom/test-utils"),
-  import__ = __toESM(require("..")),
+  import__ = __toESM(require("../index.cjs")),
   import_jsx_runtime = require("react/jsx-runtime");
 describe("modules/useMergeRefs/index.js", () => {
   function TestComponent({

package/dist/cjs/modules/useMergeRefs/index.cjs

@@ -35,7 +35,7 @@ __export(useMergeRefs_exports, {
 });
 module.exports = __toCommonJS(useMergeRefs_exports);
 var React = __toESM(require("react")),
-  import_mergeRefs = require("../mergeRefs/index");
+  import_mergeRefs = require("../mergeRefs/index.cjs");
 function useMergeRefs(...args) {
   return React.useMemo(() => (0, import_mergeRefs.mergeRefs)(...args),
   // eslint-disable-next-line

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")),
-  import_useStable = __toESM(require("../useStable/index"));
+var import_use_element_layout = require("@tamagui/use-element-layout"),
+  import_useStable = __toESM(require("../useStable/index.cjs"));
 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/cjs/modules/useStable/__tests__/index-test.cjs

@@ -22,7 +22,7 @@ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
 }) : target, mod));
 var ReactDOM = __toESM(require("react-dom")),
   import_test_utils = require("react-dom/test-utils"),
-  import__ = __toESM(require("..")),
+  import__ = __toESM(require("../index.cjs")),
   import_jsx_runtime = require("react/jsx-runtime");
 function createRoot(rootNode) {
   return {

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();