@hanzogui/use-element-layout 4.4.0 → 7.3.0

package/LICENSE

@@ -1,21 +1,42 @@
-MIT License
+BSD 3-Clause License
+
+Copyright (c) 2026-present, Hanzo AI, Inc.
+
+Portions of this software are derived from upstream code originally licensed under
+the MIT License, with the following copyright notices retained per its terms:
 
   Copyright (c) 2020 Nate Wienert
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in all
-  copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-  SOFTWARE.
+  Copyright (c) 2015-present, Nicolas Gallagher.
+  Copyright (c) 2015-present, Facebook, Inc.
+  Copyright (c) 2021 Radix
+  Copyright (c) 2017 Carmelo Pullara
+  Copyright (c) 2018 Framer B.V.
+  Copyright (c) 2022 WorkOS
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its contributors
+   may be used to endorse or promote products derived from this software
+   without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
+LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGE.

package/dist/cjs/index.cjs

@@ -48,9 +48,7 @@ const IntersectionState = /* @__PURE__ */new WeakMap();
 const usePretransformDimensions = () => globalThis.__GUI_ONLAYOUT_PRETRANSFORM === true || process.env.GUI_ONLAYOUT_PRETRANSFORM === "1";
 let _debugLayout;
 function isDebugLayout() {
-  if (_debugLayout === void 0) {
-    _debugLayout = typeof window !== "undefined" && new URLSearchParams(window.location.search).has("__tamaDebugLayout");
-  }
+  if (_debugLayout === void 0) _debugLayout = typeof window !== "undefined" && new URLSearchParams(window.location.search).has("__tamaDebugLayout");
   return _debugLayout;
 }
 const DisableLayoutContextValues = {};
@@ -92,9 +90,7 @@ function startGlobalObservers() {
     for (let i = 0; i < entries.length; i++) {
       const entry = entries[i];
       const node = entry.target;
-      if (IntersectionState.get(node) !== entry.isIntersecting) {
-        IntersectionState.set(node, entry.isIntersecting);
-      }
+      if (IntersectionState.get(node) !== entry.isIntersecting) IntersectionState.set(node, entry.isIntersecting);
     }
   }, {
     threshold: 0
@@ -108,12 +104,8 @@ if (ENABLE) {
     if (rectFetchObserver) return rectFetchObserver;
     rectFetchObserver = new IntersectionObserver(entries => {
       lastCallbackDelay = Math.round(performance.now() - rectFetchStartTime);
-      for (let i = 0; i < entries.length; i++) {
-        BoundingRects.set(entries[i].target, entries[i].boundingClientRect);
-      }
-      if (process.env.NODE_ENV === "development" && isDebugLayout() && lastCallbackDelay > 50) {
-        console.warn("[onLayout-io-delay]", lastCallbackDelay + "ms", entries.length, "entries");
-      }
+      for (let i = 0; i < entries.length; i++) BoundingRects.set(entries[i].target, entries[i].boundingClientRect);
+      if (process.env.NODE_ENV === "development" && isDebugLayout() && lastCallbackDelay > 50) console.warn("[onLayout-io-delay]", lastCallbackDelay + "ms", entries.length, "entries");
       if (rectFetchResolve) {
         rectFetchResolve(true);
         rectFetchResolve = null;
@@ -138,9 +130,7 @@ if (ENABLE) {
     if (strategy === "async") {
       nodeRect = BoundingRects.get(node);
       parentRect = BoundingRects.get(parentNode);
-      if (!nodeRect || !parentRect) {
-        return;
-      }
+      if (!nodeRect || !parentRect) return;
     } else {
       nodeRect = node.getBoundingClientRect();
       parentRect = parentNode.getBoundingClientRect();
@@ -153,20 +143,14 @@ if (ENABLE) {
       NodeRectCache.set(node, nodeRect);
       NodeRectCache.set(parentNode, parentRect);
       const event = getElementLayoutEvent(nodeRect, parentRect, node);
-      if (process.env.NODE_ENV === "development" && isDebugLayout()) {
-        console.log("[useElementLayout] change", {
-          tag: node.tagName,
-          id: node.id || void 0,
-          className: (node.className || "").slice(0, 60) || void 0,
-          layout: event.nativeEvent.layout,
-          first: !cachedRect
-        });
-      }
-      if (avoidUpdates) {
-        queuedUpdates.set(node, () => onLayout(event));
-      } else {
-        onLayout(event);
-      }
+      if (process.env.NODE_ENV === "development" && isDebugLayout()) console.log("[useElementLayout] change", {
+        tag: node.tagName,
+        id: node.id || void 0,
+        className: (node.className || "").slice(0, 60) || void 0,
+        layout: event.nativeEvent.layout,
+        first: !cachedRect
+      });
+      if (avoidUpdates) queuedUpdates.set(node, () => onLayout(event));else onLayout(event);
     }
   }
   const rAF = typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : void 0;
@@ -180,9 +164,7 @@ if (ENABLE) {
       rAF ? rAF(layoutOnAnimationFrame) : setTimeout(layoutOnAnimationFrame, 16);
       return;
     }
-    if (frameCount >= Number.MAX_SAFE_INTEGER) {
-      frameCount = 0;
-    }
+    if (frameCount >= Number.MAX_SAFE_INTEGER) frameCount = 0;
     if (strategy !== "off") {
       const visibleNodes = [];
       const parentsToObserve = /* @__PURE__ */new Set();
@@ -201,29 +183,15 @@ if (ENABLE) {
       if (visibleNodes.length > 0) {
         const io = ensureRectFetchObserver();
         rectFetchStartTime = performance.now();
-        for (let i = 0; i < visibleNodes.length; i++) {
-          io.observe(visibleNodes[i]);
-        }
-        for (const parent of parentsToObserve) {
-          io.observe(parent);
-        }
+        for (let i = 0; i < visibleNodes.length; i++) io.observe(visibleNodes[i]);
+        for (const parent of parentsToObserve) io.observe(parent);
         await new Promise(res => {
           rectFetchResolve = res;
         });
-        for (let i = 0; i < visibleNodes.length; i++) {
-          io.unobserve(visibleNodes[i]);
-        }
-        for (const parent of parentsToObserve) {
-          io.unobserve(parent);
-        }
-        if (lastCallbackDelay > 50) {
-          skipFrames = Math.min(skipFrames + 2, MAX_SKIP_FRAMES);
-        } else if (lastCallbackDelay < 20) {
-          skipFrames = Math.max(skipFrames - 1, BASE_SKIP_FRAMES);
-        }
-        for (let i = 0; i < visibleNodes.length; i++) {
-          updateLayoutIfChanged(visibleNodes[i]);
-        }
+        for (let i = 0; i < visibleNodes.length; i++) io.unobserve(visibleNodes[i]);
+        for (const parent of parentsToObserve) io.unobserve(parent);
+        if (lastCallbackDelay > 50) skipFrames = Math.min(skipFrames + 2, MAX_SKIP_FRAMES);else if (lastCallbackDelay < 20) skipFrames = Math.max(skipFrames - 1, BASE_SKIP_FRAMES);
+        for (let i = 0; i < visibleNodes.length; i++) updateLayoutIfChanged(visibleNodes[i]);
       }
     }
     rAF ? rAF(layoutOnAnimationFrame) : setTimeout(layoutOnAnimationFrame, 16);
@@ -285,9 +253,7 @@ function cleanupNode(node) {
   LayoutDisableKey.delete(node);
   NodeRectCache.delete(node);
   IntersectionState.delete(node);
-  if (globalIntersectionObserver) {
-    globalIntersectionObserver.unobserve(node);
-  }
+  if (globalIntersectionObserver) globalIntersectionObserver.unobserve(node);
 }
 const PrevHostNode = /* @__PURE__ */new WeakMap();
 function useElementLayout(ref, onLayout) {
@@ -331,32 +297,24 @@ function useElementLayout(ref, onLayout) {
       globalIntersectionObserver.observe(node2);
       IntersectionState.set(node2, true);
     }
-    if (process.env.NODE_ENV === "development" && isDebugLayout()) {
-      console.log("[useElementLayout] register", {
-        tag: node2.tagName,
-        id: node2.id || void 0,
-        className: (node2.className || "").slice(0, 60) || void 0,
-        totalNodes: Nodes.size
-      });
-    }
+    if (process.env.NODE_ENV === "development" && isDebugLayout()) console.log("[useElementLayout] register", {
+      tag: node2.tagName,
+      id: node2.id || void 0,
+      className: (node2.className || "").slice(0, 60) || void 0,
+      totalNodes: Nodes.size
+    });
     const parentNode = node2.parentNode;
-    if (parentNode) {
-      onLayout(getElementLayoutEvent(node2.getBoundingClientRect(), parentNode.getBoundingClientRect(), node2));
-    }
+    if (parentNode) onLayout(getElementLayoutEvent(node2.getBoundingClientRect(), parentNode.getBoundingClientRect(), node2));
     return () => {
       cleanupNode(node2);
       const swappedNode = PrevHostNode.get(ref);
-      if (swappedNode && swappedNode !== node2) {
-        cleanupNode(swappedNode);
-      }
+      if (swappedNode && swappedNode !== node2) cleanupNode(swappedNode);
       PrevHostNode.delete(ref);
     };
   }, [ref, !!onLayout]);
 }
 function ensureWebElement(x) {
-  if (typeof HTMLElement === "undefined") {
-    return void 0;
-  }
+  if (typeof HTMLElement === "undefined") return;
   return x instanceof HTMLElement ? x : void 0;
 }
 const getBoundingClientRectAsync = node => {
@@ -375,17 +333,13 @@ const measureNode = async (node, relativeTo) => {
   const relativeNode = relativeTo || node?.parentElement;
   if (relativeNode instanceof HTMLElement) {
     const [nodeDim, relativeNodeDim] = await Promise.all([getBoundingClientRectAsync(node), getBoundingClientRectAsync(relativeNode)]);
-    if (relativeNodeDim && nodeDim) {
-      return getRelativeDimensions(nodeDim, relativeNodeDim, node);
-    }
+    if (relativeNodeDim && nodeDim) return getRelativeDimensions(nodeDim, relativeNodeDim, node);
   }
   return null;
 };
 const measure = async (node, callback) => {
   const out = await measureNode(node, node.parentNode instanceof HTMLElement ? node.parentNode : null);
-  if (out) {
-    callback?.(out.x, out.y, out.width, out.height, out.pageX, out.pageY);
-  }
+  if (out) callback?.(out.x, out.y, out.width, out.height, out.pageX, out.pageY);
   return out;
 };
 function createMeasure(node) {
@@ -393,9 +347,7 @@ function createMeasure(node) {
 }
 const measureInWindow = async (node, callback) => {
   const out = await measureNode(node, null);
-  if (out) {
-    callback?.(out.pageX, out.pageY, out.width, out.height);
-  }
+  if (out) callback?.(out.pageX, out.pageY, out.width, out.height);
   return out;
 };
 const createMeasureInWindow = node => {
@@ -403,9 +355,7 @@ const createMeasureInWindow = node => {
 };
 const measureLayout = async (node, relativeNode, callback) => {
   const out = await measureNode(node, relativeNode);
-  if (out) {
-    callback?.(out.x, out.y, out.width, out.height, out.pageX, out.pageY);
-  }
+  if (out) callback?.(out.x, out.y, out.width, out.height, out.pageX, out.pageY);
   return out;
 };
 function createMeasureLayout(node) {

package/dist/cjs/index.native.js

@@ -44,11 +44,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_constants = require("@hanzogui/constants");
 var import_react = require("react");
 function _instanceof(left, right) {
-  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
-    return !!right[Symbol.hasInstance](left);
-  } else {
-    return left instanceof right;
-  }
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) return !!right[Symbol.hasInstance](left);else return left instanceof right;
 }
 var LayoutHandlers = /* @__PURE__ */new WeakMap();
 var LayoutDisableKey = /* @__PURE__ */new WeakMap();
@@ -59,9 +55,7 @@ var usePretransformDimensions = function () {
 };
 var _debugLayout;
 function isDebugLayout() {
-  if (_debugLayout === void 0) {
-    _debugLayout = typeof window !== "undefined" && new URLSearchParams(window.location.search).has("__tamaDebugLayout");
-  }
+  if (_debugLayout === void 0) _debugLayout = typeof window !== "undefined" && new URLSearchParams(window.location.search).has("__tamaDebugLayout");
   return _debugLayout;
 }
 var DisableLayoutContextValues = {};
@@ -106,9 +100,7 @@ function startGlobalObservers() {
     for (var i = 0; i < entries.length; i++) {
       var entry = entries[i];
       var node = entry.target;
-      if (IntersectionState.get(node) !== entry.isIntersecting) {
-        IntersectionState.set(node, entry.isIntersecting);
-      }
+      if (IntersectionState.get(node) !== entry.isIntersecting) IntersectionState.set(node, entry.isIntersecting);
     }
   }, {
     threshold: 0
@@ -122,12 +114,8 @@ if (ENABLE) {
     if (rectFetchObserver) return rectFetchObserver;
     rectFetchObserver = new IntersectionObserver(function (entries) {
       lastCallbackDelay = Math.round(performance.now() - rectFetchStartTime);
-      for (var i = 0; i < entries.length; i++) {
-        BoundingRects.set(entries[i].target, entries[i].boundingClientRect);
-      }
-      if (process.env.NODE_ENV === "development" && isDebugLayout() && lastCallbackDelay > 50) {
-        console.warn("[onLayout-io-delay]", lastCallbackDelay + "ms", entries.length, "entries");
-      }
+      for (var i = 0; i < entries.length; i++) BoundingRects.set(entries[i].target, entries[i].boundingClientRect);
+      if (process.env.NODE_ENV === "development" && isDebugLayout() && lastCallbackDelay > 50) console.warn("[onLayout-io-delay]", lastCallbackDelay + "ms", entries.length, "entries");
       if (rectFetchResolve) {
         rectFetchResolve(true);
         rectFetchResolve = null;
@@ -137,7 +125,6 @@ if (ENABLE) {
     });
     return rectFetchObserver;
   };
-  var ensureRectFetchObserver2 = ensureRectFetchObserver;
   var BoundingRects = /* @__PURE__ */new WeakMap();
   var rectFetchObserver = null;
   var rectFetchResolve = null;
@@ -153,9 +140,7 @@ if (ENABLE) {
     if (strategy === "async") {
       nodeRect = BoundingRects.get(node);
       parentRect = BoundingRects.get(parentNode);
-      if (!nodeRect || !parentRect) {
-        return;
-      }
+      if (!nodeRect || !parentRect) return;
     } else {
       nodeRect = node.getBoundingClientRect();
       parentRect = parentNode.getBoundingClientRect();
@@ -168,22 +153,16 @@ if (ENABLE) {
       NodeRectCache.set(node, nodeRect);
       NodeRectCache.set(parentNode, parentRect);
       var event = getElementLayoutEvent(nodeRect, parentRect, node);
-      if (process.env.NODE_ENV === "development" && isDebugLayout()) {
-        console.log("[useElementLayout] change", {
-          tag: node.tagName,
-          id: node.id || void 0,
-          className: (node.className || "").slice(0, 60) || void 0,
-          layout: event.nativeEvent.layout,
-          first: !cachedRect
-        });
-      }
-      if (avoidUpdates) {
-        queuedUpdates.set(node, function () {
-          return onLayout(event);
-        });
-      } else {
-        onLayout(event);
-      }
+      if (process.env.NODE_ENV === "development" && isDebugLayout()) console.log("[useElementLayout] change", {
+        tag: node.tagName,
+        id: node.id || void 0,
+        className: (node.className || "").slice(0, 60) || void 0,
+        layout: event.nativeEvent.layout,
+        first: !cachedRect
+      });
+      if (avoidUpdates) queuedUpdates.set(node, function () {
+        return onLayout(event);
+      });else onLayout(event);
     }
   }
   var rAF = typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : void 0;
@@ -197,9 +176,7 @@ if (ENABLE) {
       rAF ? rAF(layoutOnAnimationFrame) : setTimeout(layoutOnAnimationFrame, 16);
       return;
     }
-    if (frameCount >= Number.MAX_SAFE_INTEGER) {
-      frameCount = 0;
-    }
+    if (frameCount >= Number.MAX_SAFE_INTEGER) frameCount = 0;
     if (strategy !== "off") {
       var visibleNodes = [];
       var parentsToObserve = /* @__PURE__ */new Set();
@@ -225,21 +202,15 @@ if (ENABLE) {
         _iteratorError = err;
       } finally {
         try {
-          if (!_iteratorNormalCompletion && _iterator.return != null) {
-            _iterator.return();
-          }
+          if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
         } finally {
-          if (_didIteratorError) {
-            throw _iteratorError;
-          }
+          if (_didIteratorError) throw _iteratorError;
         }
       }
       if (visibleNodes.length > 0) {
         var io = ensureRectFetchObserver();
         rectFetchStartTime = performance.now();
-        for (var i = 0; i < visibleNodes.length; i++) {
-          io.observe(visibleNodes[i]);
-        }
+        for (var i = 0; i < visibleNodes.length; i++) io.observe(visibleNodes[i]);
         var _iteratorNormalCompletion1 = true,
           _didIteratorError1 = false,
           _iteratorError1 = void 0;
@@ -253,21 +224,15 @@ if (ENABLE) {
           _iteratorError1 = err;
         } finally {
           try {
-            if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
-              _iterator1.return();
-            }
+            if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
           } finally {
-            if (_didIteratorError1) {
-              throw _iteratorError1;
-            }
+            if (_didIteratorError1) throw _iteratorError1;
           }
         }
         await new Promise(function (res) {
           rectFetchResolve = res;
         });
-        for (var i1 = 0; i1 < visibleNodes.length; i1++) {
-          io.unobserve(visibleNodes[i1]);
-        }
+        for (var i1 = 0; i1 < visibleNodes.length; i1++) io.unobserve(visibleNodes[i1]);
         var _iteratorNormalCompletion2 = true,
           _didIteratorError2 = false,
           _iteratorError2 = void 0;
@@ -281,23 +246,13 @@ if (ENABLE) {
           _iteratorError2 = err;
         } finally {
           try {
-            if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
-              _iterator2.return();
-            }
+            if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
           } finally {
-            if (_didIteratorError2) {
-              throw _iteratorError2;
-            }
+            if (_didIteratorError2) throw _iteratorError2;
           }
         }
-        if (lastCallbackDelay > 50) {
-          skipFrames = Math.min(skipFrames + 2, MAX_SKIP_FRAMES);
-        } else if (lastCallbackDelay < 20) {
-          skipFrames = Math.max(skipFrames - 1, BASE_SKIP_FRAMES);
-        }
-        for (var i2 = 0; i2 < visibleNodes.length; i2++) {
-          updateLayoutIfChanged(visibleNodes[i2]);
-        }
+        if (lastCallbackDelay > 50) skipFrames = Math.min(skipFrames + 2, MAX_SKIP_FRAMES);else if (lastCallbackDelay < 20) skipFrames = Math.max(skipFrames - 1, BASE_SKIP_FRAMES);
+        for (var i2 = 0; i2 < visibleNodes.length; i2++) updateLayoutIfChanged(visibleNodes[i2]);
       }
     }
     rAF ? rAF(layoutOnAnimationFrame) : setTimeout(layoutOnAnimationFrame, 16);
@@ -361,9 +316,7 @@ function cleanupNode(node) {
   LayoutDisableKey.delete(node);
   NodeRectCache.delete(node);
   IntersectionState.delete(node);
-  if (globalIntersectionObserver) {
-    globalIntersectionObserver.unobserve(node);
-  }
+  if (globalIntersectionObserver) globalIntersectionObserver.unobserve(node);
 }
 var PrevHostNode = /* @__PURE__ */new WeakMap();
 function useElementLayout(ref, onLayout) {
@@ -410,32 +363,24 @@ function useElementLayout(ref, onLayout) {
       globalIntersectionObserver.observe(node2);
       IntersectionState.set(node2, true);
     }
-    if (process.env.NODE_ENV === "development" && isDebugLayout()) {
-      console.log("[useElementLayout] register", {
-        tag: node2.tagName,
-        id: node2.id || void 0,
-        className: (node2.className || "").slice(0, 60) || void 0,
-        totalNodes: Nodes.size
-      });
-    }
+    if (process.env.NODE_ENV === "development" && isDebugLayout()) console.log("[useElementLayout] register", {
+      tag: node2.tagName,
+      id: node2.id || void 0,
+      className: (node2.className || "").slice(0, 60) || void 0,
+      totalNodes: Nodes.size
+    });
     var parentNode = node2.parentNode;
-    if (parentNode) {
-      onLayout(getElementLayoutEvent(node2.getBoundingClientRect(), parentNode.getBoundingClientRect(), node2));
-    }
+    if (parentNode) onLayout(getElementLayoutEvent(node2.getBoundingClientRect(), parentNode.getBoundingClientRect(), node2));
     return function () {
       cleanupNode(node2);
       var swappedNode = PrevHostNode.get(ref);
-      if (swappedNode && swappedNode !== node2) {
-        cleanupNode(swappedNode);
-      }
+      if (swappedNode && swappedNode !== node2) cleanupNode(swappedNode);
       PrevHostNode.delete(ref);
     };
   }, [ref, !!onLayout]);
 }
 function ensureWebElement(x) {
-  if (typeof HTMLElement === "undefined") {
-    return void 0;
-  }
+  if (typeof HTMLElement === "undefined") return;
   return _instanceof(x, HTMLElement) ? x : void 0;
 }
 var getBoundingClientRectAsync = function (node) {
@@ -454,17 +399,13 @@ var measureNode = async function (node, relativeTo) {
   var relativeNode = relativeTo || (node === null || node === void 0 ? void 0 : node.parentElement);
   if (_instanceof(relativeNode, HTMLElement)) {
     var [nodeDim, relativeNodeDim] = await Promise.all([getBoundingClientRectAsync(node), getBoundingClientRectAsync(relativeNode)]);
-    if (relativeNodeDim && nodeDim) {
-      return getRelativeDimensions(nodeDim, relativeNodeDim, node);
-    }
+    if (relativeNodeDim && nodeDim) return getRelativeDimensions(nodeDim, relativeNodeDim, node);
   }
   return null;
 };
 var measure = async function (node, callback) {
   var out = await measureNode(node, _instanceof(node.parentNode, HTMLElement) ? node.parentNode : null);
-  if (out) {
-    callback === null || callback === void 0 ? void 0 : callback(out.x, out.y, out.width, out.height, out.pageX, out.pageY);
-  }
+  if (out) callback === null || callback === void 0 || callback(out.x, out.y, out.width, out.height, out.pageX, out.pageY);
   return out;
 };
 function createMeasure(node) {
@@ -474,9 +415,7 @@ function createMeasure(node) {
 }
 var measureInWindow = async function (node, callback) {
   var out = await measureNode(node, null);
-  if (out) {
-    callback === null || callback === void 0 ? void 0 : callback(out.pageX, out.pageY, out.width, out.height);
-  }
+  if (out) callback === null || callback === void 0 || callback(out.pageX, out.pageY, out.width, out.height);
   return out;
 };
 var createMeasureInWindow = function (node) {
@@ -486,9 +425,7 @@ var createMeasureInWindow = function (node) {
 };
 var measureLayout = async function (node, relativeNode, callback) {
   var out = await measureNode(node, relativeNode);
-  if (out) {
-    callback === null || callback === void 0 ? void 0 : callback(out.x, out.y, out.width, out.height, out.pageX, out.pageY);
-  }
+  if (out) callback === null || callback === void 0 || callback(out.x, out.y, out.width, out.height, out.pageX, out.pageY);
   return out;
 };
 function createMeasureLayout(node) {