tamagui 1.126.17 → 1.127.0

package/dist/native.js

@@ -13570,12 +13570,31 @@ var require_getBoundingClientRect_native = __commonJS({
     __export2(getBoundingClientRect_exports, {
       getBoundingClientRect: function() {
         return getBoundingClientRect;
+      },
+      getBoundingClientRectAsync: function() {
+        return getBoundingClientRectAsync;
       }
     });
     module2.exports = __toCommonJS2(getBoundingClientRect_exports);
     var getBoundingClientRect = function(node) {
       var _node_getBoundingClientRect;
       if (!(!node || node.nodeType !== 1)) return (_node_getBoundingClientRect = node.getBoundingClientRect) === null || _node_getBoundingClientRect === void 0 ? void 0 : _node_getBoundingClientRect.call(node);
+    }, getBoundingClientRectAsync = function(element) {
+      return new Promise(function(resolve) {
+        var didFallback = !1;
+        function fallbackToSync() {
+          didFallback = !0, resolve(getBoundingClientRect(element));
+        }
+        var tm = setTimeout(fallbackToSync, 32), observer = new IntersectionObserver(function(entries, ob) {
+          if (clearTimeout(tm), ob.disconnect(), !didFallback) {
+            var _entries_;
+            resolve((_entries_ = entries[0]) === null || _entries_ === void 0 ? void 0 : _entries_.boundingClientRect);
+          }
+        }, {
+          threshold: 1e-4
+        });
+        observer.observe(element);
+      });
     };
   }
 });
@@ -13681,9 +13700,15 @@ var require_useElementLayout_native = __commonJS({
       getElementLayoutEvent: function() {
         return getElementLayoutEvent2;
       },
+      getElementLayoutEventAsync: function() {
+        return getElementLayoutEventAsync;
+      },
       measureLayout: function() {
         return measureLayout;
       },
+      measureLayoutAsync: function() {
+        return measureLayoutAsync;
+      },
       setOnLayoutStrategy: function() {
         return setOnLayoutStrategy3;
       },
@@ -13692,37 +13717,62 @@ var require_useElementLayout_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useElementLayout_exports);
-    var import_constants4 = require_index_native6(), import_web = require_index_native14(), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), status = "active";
+    var import_constants4 = require_index_native6(), import_web = require_index_native14(), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), strategy = "async";
     function setOnLayoutStrategy3(state) {
-      status = state;
-    }
-    var NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
-    import_constants4.isClient && (rAF ? (updateLayoutIfChanged = function(node) {
-      var nodeRect = node.getBoundingClientRect(), parentNode = node.parentElement, parentRect = parentNode == null ? void 0 : parentNode.getBoundingClientRect(), onLayout = LayoutHandlers.get(node);
-      if (typeof onLayout == "function") {
-        var cachedRect = NodeRectCache.get(node), cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
-        if (!cachedRect || // has changed one rect
-        !(0, import_web.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_web.isEqualShallow)(cachedParentRect, parentRect))) {
-          NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect);
-          var event = getElementLayoutEvent2(node);
-          avoidUpdates ? queuedUpdates.set(node, function() {
-            return onLayout(event);
-          }) : onLayout(event);
-        }
-      }
-    }, layoutOnAnimationFrame = function() {
-      var now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
-      if (lastFrameAt = now, status !== "inactive") {
-        var expectedFrameTime = 16.67, hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
-        hasRecentSyncWork || Nodes.forEach(updateLayoutIfChanged);
+      strategy = state;
+    }
+    var NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), DebounceTimers = /* @__PURE__ */ new WeakMap(), LastChangeTime = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0, DEBOUNCE_DELAY = 32;
+    if (import_constants4.isClient) if (rAF) {
+      layoutOnAnimationFrame = function() {
+        var now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
+        if (lastFrameAt = now, strategy !== "off") {
+          var expectedFrameTime = 16.67, hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
+          hasRecentSyncWork || Nodes.forEach(updateLayoutIfChanged);
+        }
+        rAF(layoutOnAnimationFrame);
+      }, layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map(), lastFrameAt = Date.now(), numDroppedFramesUntilPause = 2, (0, import_web.___onDidFinishClientRender)(function() {
+        avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
+          return cb();
+        }), queuedUpdates.clear());
+      });
+      async function updateLayoutIfChanged(node) {
+        var nodeRect = node.getBoundingClientRect(), parentNode = node.parentElement, parentRect = parentNode == null ? void 0 : parentNode.getBoundingClientRect(), onLayout = LayoutHandlers.get(node);
+        if (typeof onLayout == "function") {
+          var cachedRect = NodeRectCache.get(node), cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
+          if (!cachedRect || // has changed one rect
+          !(0, import_web.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_web.isEqualShallow)(cachedParentRect, parentRect))) if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
+            var event = getElementLayoutEvent2(node);
+            queuedUpdates.set(node, function() {
+              return onLayout(event);
+            });
+          } else if (strategy === "async") {
+            var now = Date.now();
+            LastChangeTime.set(node, now);
+            var existingTimer = DebounceTimers.get(node);
+            existingTimer && clearTimeout(existingTimer);
+            var timer = setTimeout(async function() {
+              var lastChange = LastChangeTime.get(node) || 0, timeSinceChange = Date.now() - lastChange;
+              if (timeSinceChange >= DEBOUNCE_DELAY) {
+                var event2 = await getElementLayoutEventAsync(node);
+                onLayout(event2), DebounceTimers.delete(node);
+              } else {
+                var remainingDelay = DEBOUNCE_DELAY - timeSinceChange, newTimer = setTimeout(async function() {
+                  var event3 = await getElementLayoutEventAsync(node);
+                  onLayout(event3), DebounceTimers.delete(node);
+                }, remainingDelay);
+                DebounceTimers.set(node, newTimer);
+              }
+            }, DEBOUNCE_DELAY);
+            DebounceTimers.set(node, timer);
+          } else {
+            var event1 = getElementLayoutEvent2(node);
+            onLayout(event1);
+          }
+        }
       }
       rAF(layoutOnAnimationFrame);
-    }, updateLayoutIfChanged2 = updateLayoutIfChanged, layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map(), lastFrameAt = Date.now(), numDroppedFramesUntilPause = 2, (0, import_web.___onDidFinishClientRender)(function() {
-      avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
-        return cb();
-      }), queuedUpdates.clear());
-    }), rAF(layoutOnAnimationFrame)) : process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly"));
-    var updateLayoutIfChanged, layoutOnAnimationFrame, updateLayoutIfChanged2, layoutOnAnimationFrame2, avoidUpdates, queuedUpdates, lastFrameAt, numDroppedFramesUntilPause, getElementLayoutEvent2 = function(target) {
+    } else process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
+    var layoutOnAnimationFrame, layoutOnAnimationFrame2, avoidUpdates, queuedUpdates, lastFrameAt, numDroppedFramesUntilPause, getElementLayoutEvent2 = function(target) {
       var res = null;
       if (measureLayout(target, null, function(x, y, width, height, left, top) {
         res = {
@@ -13750,6 +13800,37 @@ var require_useElementLayout_native = __commonJS({
           callback(x, y, width, height, left, top);
         }
       }
+    }, getElementLayoutEventAsync = async function(target) {
+      var res = null;
+      if (await measureLayoutAsync(target, null, function(x, y, width, height, left, top) {
+        res = {
+          nativeEvent: {
+            layout: {
+              x,
+              y,
+              width,
+              height,
+              left,
+              top
+            },
+            target
+          },
+          timeStamp: Date.now()
+        };
+      }), !res) throw new Error("\u203C\uFE0F");
+      return res;
+    }, measureLayoutAsync = async function(node, relativeTo, callback) {
+      var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
+      if (relativeNode instanceof HTMLElement) {
+        var [nodeDim, relativeNodeDim] = await Promise.all([
+          node.getBoundingClientRect(),
+          relativeNode.getBoundingClientRect()
+        ]);
+        if (relativeNodeDim && nodeDim) {
+          var { x, y, width, height, left, top } = getRelativeDimensions(nodeDim, relativeNodeDim);
+          callback(x, y, width, height, left, top);
+        }
+      }
     }, getRelativeDimensions = function(a, b) {
       var { height, left, top, width } = a, x = left - b.left, y = top - b.top;
       return {
@@ -13769,6 +13850,8 @@ var require_useElementLayout_native = __commonJS({
           var node2 = (_ref_current2 = ref.current) === null || _ref_current2 === void 0 ? void 0 : _ref_current2.host;
           if (node2) return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent2(node2)), function() {
             Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
+            var timer = DebounceTimers.get(node2);
+            timer && (clearTimeout(timer), DebounceTimers.delete(node2)), LastChangeTime.delete(node2);
           };
         }
       }, [
@@ -15638,7 +15721,7 @@ var require_Accordion_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Accordion_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_collapsible = require_index_native15(), import_collection = require_index_native19(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), import_web = require_index_native14(), React4 = __toESM2(require("react")), ACCORDION_NAME = "Accordion", ACCORDION_KEYS = [
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_collapsible = require_index_native15(), import_collection = require_index_native19(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_helpers = require_index_native7(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), React4 = __toESM2(require("react")), ACCORDION_NAME = "Accordion", ACCORDION_KEYS = [
       "Home",
       "End",
       "ArrowDown",
@@ -15668,7 +15751,7 @@ var require_Accordion_native = __commonJS({
         ].includes(props.type) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`.") : props.type === "multiple" && typeof value == "string" ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`.") : props.type === "single" && Array.isArray(value) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`.") : null;
       }
     };
-    var { Provider: AccordionValueProvider, useStyledContext: useAccordionValueContext } = (0, import_web.createStyledContext)(), { Provider: AccordionCollapsibleProvider, useStyledContext: useAccordionCollapsibleContext } = (0, import_web.createStyledContext)(), AccordionImplSingle = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    var { Provider: AccordionValueProvider, useStyledContext: useAccordionValueContext } = (0, import_core12.createStyledContext)(), { Provider: AccordionCollapsibleProvider, useStyledContext: useAccordionCollapsibleContext } = (0, import_core12.createStyledContext)(), AccordionImplSingle = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { value: valueProp, defaultValue, control, onValueChange = function() {
       }, collapsible = !1, ...accordionSingleProps } = props, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
         prop: valueProp,
@@ -15736,7 +15819,7 @@ var require_Accordion_native = __commonJS({
           })
         })
       });
-    }), { Provider: AccordionImplProvider, useStyledContext: useAccordionContext } = (0, import_web.createStyledContext)(), AccordionImpl = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    }), { Provider: AccordionImplProvider, useStyledContext: useAccordionContext } = (0, import_core12.createStyledContext)(), AccordionImpl = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { __scopeAccordion, disabled, dir, orientation = "vertical", ...accordionProps } = props, accordionRef = React4.useRef(null), composedRef = (0, import_compose_refs.useComposedRefs)(accordionRef, forwardedRef), getItems = useCollection(__scopeAccordion || ACCORDION_CONTEXT), direction = (0, import_use_direction.useDirection)(dir), isDirectionLTR = direction === "ltr", handleKeyDown = (0, import_helpers.composeEventHandlers)(props.onKeyDown, function(event) {
         var _triggerCollection_clampedIndex_ref_current;
         if (ACCORDION_KEYS.includes(event.key)) {
@@ -15795,7 +15878,7 @@ var require_Accordion_native = __commonJS({
           })
         })
       });
-    }), ITEM_NAME = "AccordionItem", { Provider: AccordionItemProvider, useStyledContext: useAccordionItemContext } = (0, import_web.createStyledContext)(), AccordionItem = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    }), ITEM_NAME = "AccordionItem", { Provider: AccordionItemProvider, useStyledContext: useAccordionItemContext } = (0, import_core12.createStyledContext)(), AccordionItem = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { __scopeAccordion, value, ...accordionItemProps } = props, accordionContext = useAccordionContext(__scopeAccordion), valueContext = useAccordionValueContext(__scopeAccordion), triggerId = React4.useId(), open = value && valueContext.value.includes(value) || !1, disabled = accordionContext.disabled || props.disabled;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionItemProvider, {
         scope: __scopeAccordion,
@@ -15828,7 +15911,7 @@ var require_Accordion_native = __commonJS({
       });
     });
     AccordionHeader.displayName = HEADER_NAME;
-    var AccordionTriggerFrame = (0, import_web.styled)(import_collapsible.Collapsible.Trigger, {
+    var AccordionTriggerFrame = (0, import_core12.styled)(import_collapsible.Collapsible.Trigger, {
       variants: {
         unstyled: {
           false: {
@@ -15866,7 +15949,7 @@ var require_Accordion_native = __commonJS({
           ref: forwardedRef
         })
       });
-    }), AccordionContentFrame = (0, import_web.styled)(import_collapsible.Collapsible.Content, {
+    }), AccordionContentFrame = (0, import_core12.styled)(import_collapsible.Collapsible.Content, {
       variants: {
         unstyled: {
           false: {
@@ -15889,20 +15972,19 @@ var require_Accordion_native = __commonJS({
         ...contentProps,
         ref: forwardedRef
       });
-    }), HeightAnimator = import_web.View.styleable(function(props, ref) {
-      var itemContext = useAccordionItemContext(), { children, ...rest } = props, [height, setHeight] = React4.useState(0), onLayout = (0, import_web.useEvent)(function(param) {
-        var { nativeEvent } = param;
-        nativeEvent.layout.height && setHeight(nativeEvent.layout.height);
-      });
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_web.View, {
+    }), HeightAnimator = import_core12.View.styleable(function(props, ref) {
+      var itemContext = useAccordionItemContext(), { children, ...rest } = props, [height, setHeight] = React4.useState(0);
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.View, {
         ref,
         height: itemContext.open ? height : 0,
         ...rest,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_web.View, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.View, {
           position: "absolute",
           width: "100%",
-          //@ts-ignore
-          onLayout,
+          onLayout: function(param) {
+            var { nativeEvent } = param;
+            nativeEvent.layout.height && setHeight(nativeEvent.layout.height);
+          },
           children
         })
       });