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

package/dist/cjs/StyleSheet/__tests__/compiler-createReactDOMStyle-test.cjs

@@ -20,7 +20,7 @@ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
   enumerable: !0
 }) : target, mod));
-var import_createReactDOMStyle = __toESM(require("../compiler/createReactDOMStyle"));
+var import_createReactDOMStyle = __toESM(require("../compiler/createReactDOMStyle.cjs"));
 const reactNativeStyle = {
   boxShadow: "1px 1px 1px 1px #000",
   borderWidthLeft: 2,

package/dist/cjs/StyleSheet/__tests__/compiler-test.cjs

@@ -1,4 +1,4 @@
-var import_compiler = require("../compiler");
+var import_compiler = require("../compiler/index.cjs");
 describe("StyleSheet/compile", () => {
   describe("atomic", () => {
     test("converts style to atomic CSS", () => {

package/dist/cjs/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.cjs

@@ -20,7 +20,7 @@ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
   enumerable: !0
 }) : target, mod));
-var import_createOrderedCSSStyleSheet = __toESM(require("../dom/createOrderedCSSStyleSheet"));
+var import_createOrderedCSSStyleSheet = __toESM(require("../dom/createOrderedCSSStyleSheet.cjs"));
 const insertStyleElement = () => {
     const element = document.createElement("style"),
       head = document.head;

package/dist/cjs/StyleSheet/__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("../index"));
+var import__ = __toESM(require("../index.cjs"));
 describe("StyleSheet", () => {
   test("getSheet", () => {
     expect(import__.default.getSheet()).toMatchInlineSnapshot(`

package/dist/cjs/StyleSheet/__tests__/preprocess-test.cjs

@@ -1,4 +1,4 @@
-var import_preprocess = require("../preprocess");
+var import_preprocess = require("../preprocess.cjs");
 describe("StyleSheet/preprocess", () => {
   describe("preprocesses multiple shadow styles into a single declaration", () => {
     test("shadowColor only", () => {

package/dist/cjs/StyleSheet/__tests__/validate-test.cjs

@@ -1,4 +1,4 @@
-var import_validate = require("../validate");
+var import_validate = require("../validate.cjs");
 describe("validate", () => {
   beforeAll(() => {
     jest.spyOn(console, "error").mockImplementation(() => {});

package/dist/cjs/StyleSheet/compiler/createReactDOMStyle.cjs

@@ -35,8 +35,8 @@ __export(createReactDOMStyle_exports, {
   default: () => createReactDOMStyle_default
 });
 module.exports = __toCommonJS(createReactDOMStyle_exports);
-var import_canUseDOM = __toESM(require("../../modules/canUseDOM")),
-  import_normalizeValueWithProperty = __toESM(require("./normalizeValueWithProperty"));
+var import_canUseDOM = __toESM(require("../../modules/canUseDOM.cjs")),
+  import_normalizeValueWithProperty = __toESM(require("./normalizeValueWithProperty.cjs"));
 const emptyObject = {},
   supportsCSS3TextDecoration = !import_canUseDOM.default || window.CSS != null && window.CSS.supports != null && (window.CSS.supports("text-decoration-line", "none") || window.CSS.supports("-webkit-text-decoration-line", "none")),
   ignoredProps = {

package/dist/cjs/StyleSheet/compiler/index.cjs

@@ -38,9 +38,9 @@ __export(compiler_exports, {
 });
 module.exports = __toCommonJS(compiler_exports);
 var import_simple_hash = require("@tamagui/simple-hash"),
-  import_createReactDOMStyle = __toESM(require("./createReactDOMStyle")),
-  import_hyphenateStyleName = __toESM(require("./hyphenateStyleName")),
-  import_normalizeValueWithProperty = __toESM(require("./normalizeValueWithProperty"));
+  import_createReactDOMStyle = __toESM(require("./createReactDOMStyle.cjs")),
+  import_hyphenateStyleName = __toESM(require("./hyphenateStyleName.cjs")),
+  import_normalizeValueWithProperty = __toESM(require("./normalizeValueWithProperty.cjs"));
 const cache = /* @__PURE__ */new Map(),
   emptyObject = {},
   classicGroup = 1,

package/dist/cjs/StyleSheet/compiler/normalizeColor.cjs

@@ -34,8 +34,8 @@ __export(normalizeColor_exports, {
   default: () => normalizeColor_default
 });
 module.exports = __toCommonJS(normalizeColor_exports);
-var import_isWebColor = __toESM(require("../../modules/isWebColor")),
-  import_processColor = require("../../modules/processColor");
+var import_isWebColor = __toESM(require("../../modules/isWebColor/index.cjs")),
+  import_processColor = require("../../modules/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/StyleSheet/compiler/normalizeValueWithProperty.cjs

@@ -34,8 +34,8 @@ __export(normalizeValueWithProperty_exports, {
   default: () => normalizeValueWithProperty
 });
 module.exports = __toCommonJS(normalizeValueWithProperty_exports);
-var import_unitlessNumbers = require("../../modules/unitlessNumbers/index"),
-  import_normalizeColor = __toESM(require("./normalizeColor"));
+var import_unitlessNumbers = require("../../modules/unitlessNumbers/index.cjs"),
+  import_normalizeColor = __toESM(require("./normalizeColor.cjs"));
 const colorProps = {
   backgroundColor: !0,
   borderColor: !0,

package/dist/cjs/StyleSheet/compiler/resolveShadowValue.cjs

@@ -34,8 +34,8 @@ __export(resolveShadowValue_exports, {
   default: () => resolveShadowValue_default
 });
 module.exports = __toCommonJS(resolveShadowValue_exports);
-var import_normalizeColor = __toESM(require("./normalizeColor")),
-  import_normalizeValueWithProperty = __toESM(require("./normalizeValueWithProperty"));
+var import_normalizeColor = __toESM(require("./normalizeColor.cjs")),
+  import_normalizeValueWithProperty = __toESM(require("./normalizeValueWithProperty.cjs"));
 const defaultOffset = {
     height: 0,
     width: 0

package/dist/cjs/StyleSheet/dom/createCSSStyleSheet.cjs

@@ -34,7 +34,7 @@ __export(createCSSStyleSheet_exports, {
   default: () => createCSSStyleSheet
 });
 module.exports = __toCommonJS(createCSSStyleSheet_exports);
-var import_canUseDOM = __toESM(require("../../modules/canUseDOM"));
+var import_canUseDOM = __toESM(require("../../modules/canUseDOM.cjs"));
 function createCSSStyleSheet(id, rootNode, textContent) {
   if (import_canUseDOM.default) {
     const root = rootNode ?? document;

package/dist/cjs/StyleSheet/dom/index.cjs

@@ -34,9 +34,9 @@ __export(dom_exports, {
   createSheet: () => createSheet
 });
 module.exports = __toCommonJS(dom_exports);
-var import_canUseDOM = __toESM(require("../../modules/canUseDOM")),
-  import_createCSSStyleSheet = __toESM(require("./createCSSStyleSheet")),
-  import_createOrderedCSSStyleSheet = __toESM(require("./createOrderedCSSStyleSheet"));
+var import_canUseDOM = __toESM(require("../../modules/canUseDOM.cjs")),
+  import_createCSSStyleSheet = __toESM(require("./createCSSStyleSheet.cjs")),
+  import_createOrderedCSSStyleSheet = __toESM(require("./createOrderedCSSStyleSheet.cjs"));
 const defaultId = "react-native-stylesheet",
   roots = /* @__PURE__ */new WeakMap(),
   sheets = [],

package/dist/cjs/StyleSheet/preprocess.cjs

@@ -37,8 +37,8 @@ __export(preprocess_exports, {
   processStyle: () => processStyle
 });
 module.exports = __toCommonJS(preprocess_exports);
-var import_normalizeColor = __toESM(require("./compiler/normalizeColor")),
-  import_normalizeValueWithProperty = __toESM(require("./compiler/normalizeValueWithProperty"));
+var import_normalizeColor = __toESM(require("./compiler/normalizeColor.cjs")),
+  import_normalizeValueWithProperty = __toESM(require("./compiler/normalizeValueWithProperty.cjs"));
 const emptyObject = {},
   defaultOffset = {
     height: 0,

package/dist/cjs/index.cjs

@@ -68,46 +68,46 @@ __export(index_exports, {
   useStable: () => import_useStable.default
 });
 module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./modules/AssetRegistry/index"), module.exports);
-__reExport(index_exports, require("./modules/forwardedProps/index"), module.exports);
-__reExport(index_exports, require("./modules/mergeRefs/index"), module.exports);
-__reExport(index_exports, require("./modules/modality/index"), module.exports);
-__reExport(index_exports, require("./modules/useLocale/index"), module.exports);
-var import_usePlatformMethods = require("./modules/usePlatformMethods/index"),
-  import_TextAncestorContext = require("./TextAncestorContext");
+__reExport(index_exports, require("./modules/AssetRegistry/index.cjs"), module.exports);
+__reExport(index_exports, require("./modules/forwardedProps/index.cjs"), module.exports);
+__reExport(index_exports, require("./modules/mergeRefs/index.cjs"), module.exports);
+__reExport(index_exports, require("./modules/modality/index.cjs"), module.exports);
+__reExport(index_exports, require("./modules/useLocale/index.cjs"), module.exports);
+var import_usePlatformMethods = require("./modules/usePlatformMethods/index.cjs"),
+  import_TextAncestorContext = require("./TextAncestorContext.cjs");
 __reExport(index_exports, require("@tamagui/react-native-use-pressable"), module.exports);
 __reExport(index_exports, require("@tamagui/react-native-use-responder-events"), module.exports);
-var import_colorProps = require("./colorProps"),
-  import_AccessibilityUtil = require("./modules/AccessibilityUtil/index"),
-  import_canUseDOM = __toESM(require("./modules/canUseDOM")),
-  import_createDOMProps = __toESM(require("./modules/createDOMProps/index")),
-  import_createDOMProps2 = require("./modules/createDOMProps/index"),
-  import_createReactDOMStyle = __toESM(require("./StyleSheet/compiler/createReactDOMStyle")),
-  import_createEventHandle = __toESM(require("./modules/createEventHandle/index")),
-  import_dismissKeyboard = __toESM(require("./modules/dismissKeyboard/index")),
-  import_getBoundingClientRect = __toESM(require("./modules/getBoundingClientRect/index")),
-  import_ImageLoader = __toESM(require("./modules/ImageLoader/index")),
-  import_isSelectionValid = __toESM(require("./modules/isSelectionValid/index")),
-  import_isWebColor = __toESM(require("./modules/isWebColor/index")),
-  import_multiplyStyleLengthValue = __toESM(require("./modules/multiplyStyleLengthValue/index")),
-  import_normalizeColor = __toESM(require("./modules/normalizeColor/index")),
-  import_pick = __toESM(require("./modules/pick/index")),
-  import_Platform = __toESM(require("./modules/Platform/index"));
-__reExport(index_exports, require("./StyleSheet/preprocess"), module.exports);
-var import_StyleSheet = require("./StyleSheet/index"),
-  import_dom = require("./StyleSheet/dom/index"),
-  import_requestIdleCallback = __toESM(require("./modules/requestIdleCallback/index")),
-  import_setValueForStyles = __toESM(require("./modules/setValueForStyles/index")),
-  import_TextInputState = __toESM(require("./modules/TextInputState/index")),
-  import_UIManager = __toESM(require("./modules/UIManager/index")),
-  import_unitlessNumbers = __toESM(require("./modules/unitlessNumbers/index")),
-  import_useElementLayout = __toESM(require("./modules/useElementLayout/index")),
-  import_useEvent = __toESM(require("./modules/useEvent/index")),
-  import_useHover = __toESM(require("./modules/useHover/index")),
-  import_useLayoutEffect = __toESM(require("./modules/useLayoutEffect/index")),
-  import_useStable = __toESM(require("./modules/useStable/index")),
-  import_InteractionManager = require("./modules/InteractionManager");
-__reExport(index_exports, require("./modules/invariant"), module.exports);
-var import_processColor = require("./modules/processColor/index"),
-  import_StyleSheet2 = __toESM(require("./StyleSheet/index")),
-  import_useMergeRefs = require("./modules/useMergeRefs/index");
+var import_colorProps = require("./colorProps.cjs"),
+  import_AccessibilityUtil = require("./modules/AccessibilityUtil/index.cjs"),
+  import_canUseDOM = __toESM(require("./modules/canUseDOM.cjs")),
+  import_createDOMProps = __toESM(require("./modules/createDOMProps/index.cjs")),
+  import_createDOMProps2 = require("./modules/createDOMProps/index.cjs"),
+  import_createReactDOMStyle = __toESM(require("./StyleSheet/compiler/createReactDOMStyle.cjs")),
+  import_createEventHandle = __toESM(require("./modules/createEventHandle/index.cjs")),
+  import_dismissKeyboard = __toESM(require("./modules/dismissKeyboard/index.cjs")),
+  import_getBoundingClientRect = __toESM(require("./modules/getBoundingClientRect/index.cjs")),
+  import_ImageLoader = __toESM(require("./modules/ImageLoader/index.cjs")),
+  import_isSelectionValid = __toESM(require("./modules/isSelectionValid/index.cjs")),
+  import_isWebColor = __toESM(require("./modules/isWebColor/index.cjs")),
+  import_multiplyStyleLengthValue = __toESM(require("./modules/multiplyStyleLengthValue/index.cjs")),
+  import_normalizeColor = __toESM(require("./modules/normalizeColor/index.cjs")),
+  import_pick = __toESM(require("./modules/pick/index.cjs")),
+  import_Platform = __toESM(require("./modules/Platform/index.cjs"));
+__reExport(index_exports, require("./StyleSheet/preprocess.cjs"), module.exports);
+var import_StyleSheet = require("./StyleSheet/index.cjs"),
+  import_dom = require("./StyleSheet/dom/index.cjs"),
+  import_requestIdleCallback = __toESM(require("./modules/requestIdleCallback/index.cjs")),
+  import_setValueForStyles = __toESM(require("./modules/setValueForStyles/index.cjs")),
+  import_TextInputState = __toESM(require("./modules/TextInputState/index.cjs")),
+  import_UIManager = __toESM(require("./modules/UIManager/index.cjs")),
+  import_unitlessNumbers = __toESM(require("./modules/unitlessNumbers/index.cjs")),
+  import_useElementLayout = __toESM(require("./modules/useElementLayout/index.cjs")),
+  import_useEvent = __toESM(require("./modules/useEvent/index.cjs")),
+  import_useHover = __toESM(require("./modules/useHover/index.cjs")),
+  import_useLayoutEffect = __toESM(require("./modules/useLayoutEffect/index.cjs")),
+  import_useStable = __toESM(require("./modules/useStable/index.cjs")),
+  import_InteractionManager = require("./modules/InteractionManager.cjs");
+__reExport(index_exports, require("./modules/invariant.cjs"), module.exports);
+var import_processColor = require("./modules/processColor/index.cjs"),
+  import_StyleSheet2 = __toESM(require("./StyleSheet/index.cjs")),
+  import_useMergeRefs = require("./modules/useMergeRefs/index.cjs");

package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.cjs

@@ -20,7 +20,7 @@ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
   enumerable: !0
 }) : target, mod));
-var import_propsToAccessibilityComponent = __toESM(require("../propsToAccessibilityComponent"));
+var import_propsToAccessibilityComponent = __toESM(require("../propsToAccessibilityComponent.cjs"));
 describe("modules/AccessibilityUtil/propsToAccessibilityComponent", () => {
   test('when missing accessibility props"', () => {
     expect((0, import_propsToAccessibilityComponent.default)({})).toBeUndefined();

package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.cjs

@@ -20,7 +20,7 @@ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
   enumerable: !0
 }) : target, mod));
-var import_propsToAriaRole = __toESM(require("../propsToAriaRole"));
+var import_propsToAriaRole = __toESM(require("../propsToAriaRole.cjs"));
 describe("modules/AccessibilityUtil/propsToAriaRole", () => {
   test("when missing accessibility props", () => {
     expect((0, import_propsToAriaRole.default)({})).toBeUndefined();

package/dist/cjs/modules/AccessibilityUtil/index.cjs

@@ -35,9 +35,9 @@ __export(AccessibilityUtil_exports, {
   default: () => AccessibilityUtil_default
 });
 module.exports = __toCommonJS(AccessibilityUtil_exports);
-var import_isDisabled = __toESM(require("./isDisabled")),
-  import_propsToAccessibilityComponent = __toESM(require("./propsToAccessibilityComponent")),
-  import_propsToAriaRole = __toESM(require("./propsToAriaRole"));
+var import_isDisabled = __toESM(require("./isDisabled.cjs")),
+  import_propsToAccessibilityComponent = __toESM(require("./propsToAccessibilityComponent.cjs")),
+  import_propsToAriaRole = __toESM(require("./propsToAriaRole.cjs"));
 const AccessibilityUtil = {
   isDisabled: import_isDisabled.default,
   propsToAccessibilityComponent: import_propsToAccessibilityComponent.default,

package/dist/cjs/modules/AccessibilityUtil/propsToAccessibilityComponent.cjs

@@ -34,7 +34,7 @@ __export(propsToAccessibilityComponent_exports, {
   default: () => propsToAccessibilityComponent_default
 });
 module.exports = __toCommonJS(propsToAccessibilityComponent_exports);
-var import_propsToAriaRole = __toESM(require("./propsToAriaRole"));
+var import_propsToAriaRole = __toESM(require("./propsToAriaRole.cjs"));
 const roleComponents = {
     article: "article",
     banner: "header",

package/dist/cjs/modules/InteractionManager.cjs

@@ -34,8 +34,8 @@ __export(InteractionManager_exports, {
   InteractionManager: () => InteractionManager
 });
 module.exports = __toCommonJS(InteractionManager_exports);
-var import_invariant = require("./invariant"),
-  import_requestIdleCallback = __toESM(require("./requestIdleCallback/index"));
+var import_invariant = require("./invariant.cjs"),
+  import_requestIdleCallback = __toESM(require("./requestIdleCallback/index.cjs"));
 class EventEmitter {
   _registry = {};
   addListener(eventType, listener, context) {

package/dist/cjs/modules/Platform/__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("apis/Platform", () => {
   describe("select", () => {
     test('supports "default"', () => {

package/dist/cjs/modules/TextInputState/index.cjs

@@ -34,7 +34,7 @@ __export(TextInputState_exports, {
   default: () => TextInputState_default
 });
 module.exports = __toCommonJS(TextInputState_exports);
-var import_UIManager = __toESM(require("../UIManager"));
+var import_UIManager = __toESM(require("../UIManager/index.cjs"));
 const TextInputState = {
   /**
    * Internal state

package/dist/cjs/modules/UIManager/__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 createStyledNode = (name = "div", style = {}) => {
     const root = document.createElement(name);
     return Object.keys(style).forEach(prop => {

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": []
 }