tamagui 1.88.11 → 1.88.13

package/dist/test.native.js

@@ -459,10 +459,10 @@ var require_clamp_native = __commonJS({
       return to;
     }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), clamp_exports = {};
     __export2(clamp_exports, {
-      clamp: () => clamp
+      clamp: () => clamp2
     });
     module2.exports = __toCommonJS2(clamp_exports);
-    function clamp(value, [min2, max2]) {
+    function clamp2(value, [min2, max2]) {
       return Math.min(max2, Math.max(min2, value));
     }
   }
@@ -4424,7 +4424,11 @@ var require_createComponent_native = __commonJS({
           let exv = exitVariant ?? enterExitVariant, env = enterVariant ?? enterExitVariant;
           state.unmounted && env && staticConfig.variants[env] ? props[env] = !0 : isExiting && exv && (props[exv] = exitVariant !== enterExitVariant);
         }
-        let shouldAvoidClasses = !!(!import_constants4.isWeb || isAnimated && !supportsCSSVars || !staticConfig.acceptsClassName || propsIn.disableClassName), shouldForcePseudo = !!propsIn.forceStyle, noClassNames = shouldAvoidClasses || shouldForcePseudo, groupName = props.group, groupClassName = groupName ? `t_group_${props.group}` : "";
+        let shouldAvoidClasses = !!(!import_constants4.isWeb || isAnimated && !supportsCSSVars || !staticConfig.acceptsClassName || // on server for SSR and animation compat added the && isHydrated but perhaps we want
+        // disableClassName="until-hydrated" to be more straightforward
+        // see issue if not, Button sets disableClassName to true <Button animation="" /> with
+        // the react-native driver errors because it tries to animate var(--color) to rbga(..)
+        propsIn.disableClassName && isHydrated), shouldForcePseudo = !!propsIn.forceStyle, noClassNames = shouldAvoidClasses || shouldForcePseudo, groupName = props.group, groupClassName = groupName ? `t_group_${props.group}` : "";
         if (groupName && !curState.group) {
           let listeners = /* @__PURE__ */ new Set();
           curState.group = {
@@ -6441,7 +6445,7 @@ var require_createResponderEvent_native = __commonJS({
       default: () => createResponderEvent
     });
     module2.exports = __toCommonJS2(createResponderEvent_exports);
-    var import_utils = require_utils_native(), emptyFunction = () => {
+    var import_utils3 = require_utils_native(), emptyFunction = () => {
     }, emptyObject = {}, emptyArray = [];
     function normalizeIdentifier(identifier) {
       return identifier > 20 ? identifier % 20 : identifier;
@@ -6531,11 +6535,11 @@ var require_createResponderEvent_native = __commonJS({
         touchHistory: responderTouchHistoryStore.touchHistory
       };
       function locationX(x) {
-        if (rect = rect || (0, import_utils.getBoundingClientRect)(responderEvent.currentTarget), rect)
+        if (rect = rect || (0, import_utils3.getBoundingClientRect)(responderEvent.currentTarget), rect)
           return x - rect.left;
       }
       function locationY(y) {
-        if (rect = rect || (0, import_utils.getBoundingClientRect)(responderEvent.currentTarget), rect)
+        if (rect = rect || (0, import_utils3.getBoundingClientRect)(responderEvent.currentTarget), rect)
           return y - rect.top;
       }
       return responderEvent;
@@ -6743,7 +6747,7 @@ var require_ResponderSystem_native = __commonJS({
       terminateResponder: () => terminateResponder
     });
     module2.exports = __toCommonJS2(ResponderSystem_exports);
-    var import_createResponderEvent = __toESM2(require_createResponderEvent_native()), import_ResponderTouchHistoryStore = require_ResponderTouchHistoryStore_native(), import_types = require_types_native3(), import_utils = require_utils_native(), import_utils2 = require_utils_native(), emptyObject = {}, startRegistration = [
+    var import_createResponderEvent = __toESM2(require_createResponderEvent_native()), import_ResponderTouchHistoryStore = require_ResponderTouchHistoryStore_native(), import_types = require_types_native3(), import_utils3 = require_utils_native(), import_utils22 = require_utils_native(), emptyObject = {}, startRegistration = [
       "onStartShouldSetResponderCapture",
       "onStartShouldSetResponder",
       { bubbles: !0 }
@@ -6782,16 +6786,16 @@ var require_ResponderSystem_native = __commonJS({
         trackedTouchCount === 0 && (isEmulatingMouseEvents = !1);
         return;
       }
-      let isStartEvent = (0, import_types.isStartish)(eventType) && (0, import_utils2.isPrimaryPointerDown)(domEvent), isMoveEvent = (0, import_types.isMoveish)(eventType), isEndEvent = (0, import_types.isEndish)(eventType), isScrollEvent = (0, import_types.isScroll)(eventType), isSelectionChangeEvent = (0, import_types.isSelectionChange)(eventType), responderEvent = (0, import_createResponderEvent.default)(domEvent, responderTouchHistoryStore);
+      let isStartEvent = (0, import_types.isStartish)(eventType) && (0, import_utils22.isPrimaryPointerDown)(domEvent), isMoveEvent = (0, import_types.isMoveish)(eventType), isEndEvent = (0, import_types.isEndish)(eventType), isScrollEvent = (0, import_types.isScroll)(eventType), isSelectionChangeEvent = (0, import_types.isSelectionChange)(eventType), responderEvent = (0, import_createResponderEvent.default)(domEvent, responderTouchHistoryStore);
       (isStartEvent || isMoveEvent || isEndEvent) && (domEvent.touches ? trackedTouchCount = domEvent.touches.length : isStartEvent ? trackedTouchCount = 1 : isEndEvent && (trackedTouchCount = 0), responderTouchHistoryStore.recordTouchTrack(
         eventType,
         responderEvent.nativeEvent
       ));
-      let eventPaths = (0, import_utils2.getResponderPaths)(domEvent), wasNegotiated = !1, wantsResponder;
+      let eventPaths = (0, import_utils22.getResponderPaths)(domEvent), wasNegotiated = !1, wantsResponder;
       if (isStartEvent || isMoveEvent || isScrollEvent && trackedTouchCount > 0) {
         let currentResponderIdPath = currentResponder.idPath, eventIdPath = eventPaths.idPath;
         if (currentResponderIdPath != null && eventIdPath != null) {
-          let lowestCommonAncestor = (0, import_utils2.getLowestCommonAncestor)(
+          let lowestCommonAncestor = (0, import_utils22.getLowestCommonAncestor)(
             currentResponderIdPath,
             eventIdPath
           );
@@ -6826,7 +6830,7 @@ var require_ResponderSystem_native = __commonJS({
           eventType === "blur" && eventTarget.contains(node) && domEvent.relatedTarget !== node || // native scroll without using a pointer
           isScrollEvent && trackedTouchCount === 0 || // native scroll on node that is parent of the responder (allow siblings to scroll)
           isScrollEvent && eventTarget.contains(node) && eventTarget !== node || // native select/selectionchange on node
-          isSelectionChangeEvent && (0, import_utils2.hasValidSelection)(domEvent), isReleaseEvent = isEndEvent && !isTerminateEvent && !(0, import_utils2.hasTargetTouches)(node, domEvent.touches);
+          isSelectionChangeEvent && (0, import_utils22.hasValidSelection)(domEvent), isReleaseEvent = isEndEvent && !isTerminateEvent && !(0, import_utils22.hasTargetTouches)(node, domEvent.touches);
           if (isEndEvent && onResponderEnd != null && (responderEvent.dispatchConfig.registrationName = "onResponderEnd", onResponderEnd(responderEvent)), isReleaseEvent && (onResponderRelease != null && (responderEvent.dispatchConfig.registrationName = "onResponderRelease", onResponderRelease(responderEvent)), changeCurrentResponder(emptyResponder)), isTerminateEvent) {
             let shouldTerminate = !0;
             (eventType === "contextmenu" || eventType === "scroll" || eventType === "selectionchange") && (wasNegotiated ? shouldTerminate = !1 : onResponderTerminationRequest != null && (responderEvent.dispatchConfig.registrationName = "onResponderTerminationRequest", onResponderTerminationRequest(responderEvent) === !1 && (shouldTerminate = !1))), shouldTerminate && (onResponderTerminate != null && (responderEvent.dispatchConfig.registrationName = "onResponderTerminate", onResponderTerminate(responderEvent)), changeCurrentResponder(emptyResponder), isEmulatingMouseEvents = !1, trackedTouchCount = 0);
@@ -6892,14 +6896,14 @@ var require_ResponderSystem_native = __commonJS({
       "selectionchange"
     ], isTamaguiResponderActive = Symbol();
     function attachListeners() {
-      import_utils.canUseDOM && !window[isTamaguiResponderActive] && (window.addEventListener("blur", eventListener), documentEventsBubblePhase.forEach((eventType) => {
+      import_utils3.canUseDOM && !window[isTamaguiResponderActive] && (window.addEventListener("blur", eventListener), documentEventsBubblePhase.forEach((eventType) => {
         document.addEventListener(eventType, eventListener);
       }), documentEventsCapturePhase.forEach((eventType) => {
         document.addEventListener(eventType, eventListener, !0);
       }), window[isTamaguiResponderActive] = !0);
     }
     function addNode(id, node, config) {
-      (0, import_utils2.setResponderId)(node, id), responderListenersMap.set(id, config);
+      (0, import_utils22.setResponderId)(node, id), responderListenersMap.set(id, config);
     }
     function removeNode(id) {
       currentResponder.id === id && terminateResponder(), responderListenersMap.has(id) && responderListenersMap.delete(id);
@@ -13671,6 +13675,103 @@ var require_index_native53 = __commonJS({
   }
 });
 
+// ../../node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
+function clamp(start, value, end) {
+  return max(start, min(value, end));
+}
+function evaluate(value, param) {
+  return typeof value == "function" ? value(param) : value;
+}
+function getSide(placement) {
+  return placement.split("-")[0];
+}
+function getAlignment(placement) {
+  return placement.split("-")[1];
+}
+function getOppositeAxis(axis) {
+  return axis === "x" ? "y" : "x";
+}
+function getAxisLength(axis) {
+  return axis === "y" ? "height" : "width";
+}
+function getSideAxis(placement) {
+  return ["top", "bottom"].includes(getSide(placement)) ? "y" : "x";
+}
+function getAlignmentAxis(placement) {
+  return getOppositeAxis(getSideAxis(placement));
+}
+function getAlignmentSides(placement, rects, rtl) {
+  rtl === void 0 && (rtl = !1);
+  let alignment = getAlignment(placement), alignmentAxis = getAlignmentAxis(placement), length = getAxisLength(alignmentAxis), mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
+  return rects.reference[length] > rects.floating[length] && (mainAlignmentSide = getOppositePlacement(mainAlignmentSide)), [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
+}
+function getExpandedPlacements(placement) {
+  let oppositePlacement = getOppositePlacement(placement);
+  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
+}
+function getOppositeAlignmentPlacement(placement) {
+  return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
+}
+function getSideList(side, isStart, rtl) {
+  let lr = ["left", "right"], rl = ["right", "left"], tb = ["top", "bottom"], bt = ["bottom", "top"];
+  switch (side) {
+    case "top":
+    case "bottom":
+      return rtl ? isStart ? rl : lr : isStart ? lr : rl;
+    case "left":
+    case "right":
+      return isStart ? tb : bt;
+    default:
+      return [];
+  }
+}
+function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
+  let alignment = getAlignment(placement), list = getSideList(getSide(placement), direction === "start", rtl);
+  return alignment && (list = list.map((side) => side + "-" + alignment), flipAlignment && (list = list.concat(list.map(getOppositeAlignmentPlacement)))), list;
+}
+function getOppositePlacement(placement) {
+  return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
+}
+function expandPaddingObject(padding) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...padding
+  };
+}
+function getPaddingObject(padding) {
+  return typeof padding != "number" ? expandPaddingObject(padding) : {
+    top: padding,
+    right: padding,
+    bottom: padding,
+    left: padding
+  };
+}
+function rectToClientRect(rect) {
+  return {
+    ...rect,
+    top: rect.y,
+    left: rect.x,
+    right: rect.x + rect.width,
+    bottom: rect.y + rect.height
+  };
+}
+var sides, alignments, placements, min, max, oppositeSideMap, oppositeAlignmentMap, init_floating_ui_utils = __esm({
+  "../../node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs"() {
+    sides = ["top", "right", "bottom", "left"], alignments = ["start", "end"], placements = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []), min = Math.min, max = Math.max, oppositeSideMap = {
+      left: "right",
+      right: "left",
+      bottom: "top",
+      top: "bottom"
+    }, oppositeAlignmentMap = {
+      start: "end",
+      end: "start"
+    };
+  }
+});
+
 // ../../node_modules/@floating-ui/core/dist/floating-ui.core.esm.js
 var floating_ui_core_esm_exports = {};
 __export(floating_ui_core_esm_exports, {
@@ -13687,23 +13788,11 @@ __export(floating_ui_core_esm_exports, {
   shift: () => shift,
   size: () => size
 });
-function getAlignment(placement) {
-  return placement.split("-")[1];
-}
-function getLengthFromAxis(axis) {
-  return axis === "y" ? "height" : "width";
-}
-function getSide(placement) {
-  return placement.split("-")[0];
-}
-function getMainAxisFromPlacement(placement) {
-  return ["top", "bottom"].includes(getSide(placement)) ? "x" : "y";
-}
 function computeCoordsFromPlacement(_ref, placement, rtl) {
   let {
     reference,
     floating
-  } = _ref, commonX = reference.x + reference.width / 2 - floating.width / 2, commonY = reference.y + reference.height / 2 - floating.height / 2, mainAxis = getMainAxisFromPlacement(placement), length = getLengthFromAxis(mainAxis), commonAlign = reference[length] / 2 - floating[length] / 2, side = getSide(placement), isVertical = mainAxis === "x", coords;
+  } = _ref, sideAxis = getSideAxis(placement), alignmentAxis = getAlignmentAxis(placement), alignLength = getAxisLength(alignmentAxis), side = getSide(placement), isVertical = sideAxis === "y", commonX = reference.x + reference.width / 2 - floating.width / 2, commonY = reference.y + reference.height / 2 - floating.height / 2, commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2, coords;
   switch (side) {
     case "top":
       coords = {
@@ -13737,43 +13826,14 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
   }
   switch (getAlignment(placement)) {
     case "start":
-      coords[mainAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
+      coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
       break;
     case "end":
-      coords[mainAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
+      coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
       break;
   }
   return coords;
 }
-function evaluate(value, param) {
-  return typeof value == "function" ? value(param) : value;
-}
-function expandPaddingObject(padding) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...padding
-  };
-}
-function getSideObjectFromPadding(padding) {
-  return typeof padding != "number" ? expandPaddingObject(padding) : {
-    top: padding,
-    right: padding,
-    bottom: padding,
-    left: padding
-  };
-}
-function rectToClientRect(rect) {
-  return {
-    ...rect,
-    top: rect.y,
-    left: rect.x,
-    right: rect.x + rect.width,
-    bottom: rect.y + rect.height
-  };
-}
 async function detectOverflow(state, options) {
   var _await$platform$isEle;
   options === void 0 && (options = {});
@@ -13790,7 +13850,7 @@ async function detectOverflow(state, options) {
     elementContext = "floating",
     altBoundary = !1,
     padding = 0
-  } = evaluate(options, state), paddingObject = getSideObjectFromPadding(padding), element = elements[altBoundary ? elementContext === "floating" ? "reference" : "floating" : elementContext], clippingClientRect = rectToClientRect(await platform.getClippingRect({
+  } = evaluate(options, state), paddingObject = getPaddingObject(padding), element = elements[altBoundary ? elementContext === "floating" ? "reference" : "floating" : elementContext], clippingClientRect = rectToClientRect(await platform.getClippingRect({
     element: (_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) == null || _await$platform$isEle ? element : element.contextElement || await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating)),
     boundary,
     rootBoundary,
@@ -13817,47 +13877,9 @@ async function detectOverflow(state, options) {
     right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
   };
 }
-function within(min$1, value, max$1) {
-  return max(min$1, min(value, max$1));
-}
-function getOppositePlacement(placement) {
-  return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
-}
-function getAlignmentSides(placement, rects, rtl) {
-  rtl === void 0 && (rtl = !1);
-  let alignment = getAlignment(placement), mainAxis = getMainAxisFromPlacement(placement), length = getLengthFromAxis(mainAxis), mainAlignmentSide = mainAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
-  return rects.reference[length] > rects.floating[length] && (mainAlignmentSide = getOppositePlacement(mainAlignmentSide)), {
-    main: mainAlignmentSide,
-    cross: getOppositePlacement(mainAlignmentSide)
-  };
-}
-function getOppositeAlignmentPlacement(placement) {
-  return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
-}
 function getPlacementList(alignment, autoAlignment, allowedPlacements) {
   return (alignment ? [...allowedPlacements.filter((placement) => getAlignment(placement) === alignment), ...allowedPlacements.filter((placement) => getAlignment(placement) !== alignment)] : allowedPlacements.filter((placement) => getSide(placement) === placement)).filter((placement) => alignment ? getAlignment(placement) === alignment || (autoAlignment ? getOppositeAlignmentPlacement(placement) !== placement : !1) : !0);
 }
-function getExpandedPlacements(placement) {
-  let oppositePlacement = getOppositePlacement(placement);
-  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
-}
-function getSideList(side, isStart, rtl) {
-  let lr = ["left", "right"], rl = ["right", "left"], tb = ["top", "bottom"], bt = ["bottom", "top"];
-  switch (side) {
-    case "top":
-    case "bottom":
-      return rtl ? isStart ? rl : lr : isStart ? lr : rl;
-    case "left":
-    case "right":
-      return isStart ? tb : bt;
-    default:
-      return [];
-  }
-}
-function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
-  let alignment = getAlignment(placement), list = getSideList(getSide(placement), direction === "start", rtl);
-  return alignment && (list = list.map((side) => side + "-" + alignment), flipAlignment && (list = list.concat(list.map(getOppositeAlignmentPlacement)))), list;
-}
 function getSideOffsets(overflow, rect) {
   return {
     top: overflow.top - rect.height,
@@ -13891,7 +13913,7 @@ async function convertValueToCoords(state, options) {
     placement,
     platform,
     elements
-  } = state, rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)), side = getSide(placement), alignment = getAlignment(placement), isVertical = getMainAxisFromPlacement(placement) === "x", mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1, crossAxisMulti = rtl && isVertical ? -1 : 1, rawValue = evaluate(options, state), {
+  } = state, rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)), side = getSide(placement), alignment = getAlignment(placement), isVertical = getSideAxis(placement) === "y", mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1, crossAxisMulti = rtl && isVertical ? -1 : 1, rawValue = evaluate(options, state), {
     mainAxis,
     crossAxis,
     alignmentAxis
@@ -13913,11 +13935,10 @@ async function convertValueToCoords(state, options) {
     y: crossAxis * crossAxisMulti
   };
 }
-function getCrossAxis(axis) {
-  return axis === "x" ? "y" : "x";
-}
-var computePosition, min, max, arrow, sides, allPlacements, oppositeSideMap, oppositeAlignmentMap, autoPlacement, flip, hide, inline, offset, shift, limitShift, size, init_floating_ui_core_esm = __esm({
+var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, limitShift, size, init_floating_ui_core_esm = __esm({
   "../../node_modules/@floating-ui/core/dist/floating-ui.core.esm.js"() {
+    init_floating_ui_utils();
+    init_floating_ui_utils();
     computePosition = async (reference, floating, config) => {
       let {
         placement = "bottom",
@@ -13981,7 +14002,6 @@ var computePosition, min, max, arrow, sides, allPlacements, oppositeSideMap, opp
         middlewareData
       };
     };
-    min = Math.min, max = Math.max;
     arrow = (options) => ({
       name: "arrow",
       options,
@@ -13992,37 +14012,33 @@ var computePosition, min, max, arrow, sides, allPlacements, oppositeSideMap, opp
           placement,
           rects,
           platform,
-          elements
+          elements,
+          middlewareData
         } = state, {
           element,
           padding = 0
         } = evaluate(options, state) || {};
         if (element == null)
           return {};
-        let paddingObject = getSideObjectFromPadding(padding), coords = {
+        let paddingObject = getPaddingObject(padding), coords = {
           x,
           y
-        }, axis = getMainAxisFromPlacement(placement), length = getLengthFromAxis(axis), arrowDimensions = await platform.getDimensions(element), isYAxis = axis === "y", minProp = isYAxis ? "top" : "left", maxProp = isYAxis ? "bottom" : "right", clientProp = isYAxis ? "clientHeight" : "clientWidth", endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length], startDiff = coords[axis] - rects.reference[axis], arrowOffsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(element)), clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
+        }, axis = getAlignmentAxis(placement), length = getAxisLength(axis), arrowDimensions = await platform.getDimensions(element), isYAxis = axis === "y", minProp = isYAxis ? "top" : "left", maxProp = isYAxis ? "bottom" : "right", clientProp = isYAxis ? "clientHeight" : "clientWidth", endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length], startDiff = coords[axis] - rects.reference[axis], arrowOffsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(element)), clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
         (!clientSize || !await (platform.isElement == null ? void 0 : platform.isElement(arrowOffsetParent))) && (clientSize = elements.floating[clientProp] || rects.floating[length]);
-        let centerToReference = endDiff / 2 - startDiff / 2, largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1, minPadding = min(paddingObject[minProp], largestPossiblePadding), maxPadding = min(paddingObject[maxProp], largestPossiblePadding), min$1 = minPadding, max2 = clientSize - arrowDimensions[length] - maxPadding, center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference, offset2 = within(min$1, center, max2), alignmentOffset = getAlignment(placement) != null && center != offset2 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0 ? center < min$1 ? min$1 - center : max2 - center : 0;
+        let centerToReference = endDiff / 2 - startDiff / 2, largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1, minPadding = min(paddingObject[minProp], largestPossiblePadding), maxPadding = min(paddingObject[maxProp], largestPossiblePadding), min$1 = minPadding, max2 = clientSize - arrowDimensions[length] - maxPadding, center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference, offset2 = clamp(min$1, center, max2), shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center != offset2 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0, alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0;
         return {
-          [axis]: coords[axis] - alignmentOffset,
+          [axis]: coords[axis] + alignmentOffset,
           data: {
             [axis]: offset2,
-            centerOffset: center - offset2 + alignmentOffset
-          }
+            centerOffset: center - offset2 - alignmentOffset,
+            ...shouldAddOffset && {
+              alignmentOffset
+            }
+          },
+          reset: shouldAddOffset
         };
       }
-    }), sides = ["top", "right", "bottom", "left"], allPlacements = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-start", side + "-end"), []), oppositeSideMap = {
-      left: "right",
-      right: "left",
-      bottom: "top",
-      top: "bottom"
-    };
-    oppositeAlignmentMap = {
-      start: "end",
-      end: "start"
-    };
+    });
     autoPlacement = function(options) {
       return options === void 0 && (options = {}), {
         name: "autoPlacement",
@@ -14038,26 +14054,23 @@ var computePosition, min, max, arrow, sides, allPlacements, oppositeSideMap, opp
           } = state, {
             crossAxis = !1,
             alignment,
-            allowedPlacements = allPlacements,
+            allowedPlacements = placements,
             autoAlignment = !0,
             ...detectOverflowOptions
-          } = evaluate(options, state), placements = alignment !== void 0 || allowedPlacements === allPlacements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements, overflow = await detectOverflow(state, detectOverflowOptions), currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0, currentPlacement = placements[currentIndex];
+          } = evaluate(options, state), placements$1 = alignment !== void 0 || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements, overflow = await detectOverflow(state, detectOverflowOptions), currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0, currentPlacement = placements$1[currentIndex];
           if (currentPlacement == null)
             return {};
-          let {
-            main,
-            cross
-          } = getAlignmentSides(currentPlacement, rects, await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)));
+          let alignmentSides = getAlignmentSides(currentPlacement, rects, await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)));
           if (placement !== currentPlacement)
             return {
               reset: {
-                placement: placements[0]
+                placement: placements$1[0]
               }
             };
-          let currentOverflows = [overflow[getSide(currentPlacement)], overflow[main], overflow[cross]], allOverflows = [...((_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.overflows) || [], {
+          let currentOverflows = [overflow[getSide(currentPlacement)], overflow[alignmentSides[0]], overflow[alignmentSides[1]]], allOverflows = [...((_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.overflows) || [], {
             placement: currentPlacement,
             overflows: currentOverflows
-          }], nextPlacement = placements[currentIndex + 1];
+          }], nextPlacement = placements$1[currentIndex + 1];
           if (nextPlacement)
             return {
               data: {
@@ -14094,13 +14107,12 @@ var computePosition, min, max, arrow, sides, allPlacements, oppositeSideMap, opp
           } : {};
         }
       };
-    };
-    flip = function(options) {
+    }, flip = function(options) {
       return options === void 0 && (options = {}), {
         name: "flip",
         options,
         async fn(state) {
-          var _middlewareData$flip;
+          var _middlewareData$arrow, _middlewareData$flip;
           let {
             placement,
             middlewareData,
@@ -14116,22 +14128,22 @@ var computePosition, min, max, arrow, sides, allPlacements, oppositeSideMap, opp
             fallbackAxisSideDirection = "none",
             flipAlignment = !0,
             ...detectOverflowOptions
-          } = evaluate(options, state), side = getSide(placement), isBasePlacement = getSide(initialPlacement) === initialPlacement, rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)), fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
+          } = evaluate(options, state);
+          if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset)
+            return {};
+          let side = getSide(placement), isBasePlacement = getSide(initialPlacement) === initialPlacement, rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)), fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
           !specifiedFallbackPlacements && fallbackAxisSideDirection !== "none" && fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
-          let placements = [initialPlacement, ...fallbackPlacements], overflow = await detectOverflow(state, detectOverflowOptions), overflows = [], overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
+          let placements2 = [initialPlacement, ...fallbackPlacements], overflow = await detectOverflow(state, detectOverflowOptions), overflows = [], overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
           if (checkMainAxis && overflows.push(overflow[side]), checkCrossAxis) {
-            let {
-              main,
-              cross
-            } = getAlignmentSides(placement, rects, rtl);
-            overflows.push(overflow[main], overflow[cross]);
+            let sides2 = getAlignmentSides(placement, rects, rtl);
+            overflows.push(overflow[sides2[0]], overflow[sides2[1]]);
           }
           if (overflowsData = [...overflowsData, {
             placement,
             overflows
           }], !overflows.every((side2) => side2 <= 0)) {
             var _middlewareData$flip2, _overflowsData$filter;
-            let nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1, nextPlacement = placements[nextIndex];
+            let nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1, nextPlacement = placements2[nextIndex];
             if (nextPlacement)
               return {
                 data: {
@@ -14223,12 +14235,12 @@ var computePosition, min, max, arrow, sides, allPlacements, oppositeSideMap, opp
             padding = 2,
             x,
             y
-          } = evaluate(options, state), nativeClientRects = Array.from(await (platform.getClientRects == null ? void 0 : platform.getClientRects(elements.reference)) || []), clientRects = getRectsByLine(nativeClientRects), fallback = rectToClientRect(getBoundingRect(nativeClientRects)), paddingObject = getSideObjectFromPadding(padding);
+          } = evaluate(options, state), nativeClientRects = Array.from(await (platform.getClientRects == null ? void 0 : platform.getClientRects(elements.reference)) || []), clientRects = getRectsByLine(nativeClientRects), fallback = rectToClientRect(getBoundingRect(nativeClientRects)), paddingObject = getPaddingObject(padding);
           function getBoundingClientRect() {
             if (clientRects.length === 2 && clientRects[0].left > clientRects[1].right && x != null && y != null)
               return clientRects.find((rect) => x > rect.left - paddingObject.left && x < rect.right + paddingObject.right && y > rect.top - paddingObject.top && y < rect.bottom + paddingObject.bottom) || fallback;
             if (clientRects.length >= 2) {
-              if (getMainAxisFromPlacement(placement) === "x") {
+              if (getSideAxis(placement) === "y") {
                 let firstRect = clientRects[0], lastRect = clientRects[clientRects.length - 1], isTop = getSide(placement) === "top", top2 = firstRect.top, bottom2 = lastRect.bottom, left2 = isTop ? firstRect.left : lastRect.left, right2 = isTop ? firstRect.right : lastRect.right, width2 = right2 - left2, height2 = bottom2 - top2;
                 return {
                   top: top2,
@@ -14275,19 +14287,24 @@ var computePosition, min, max, arrow, sides, allPlacements, oppositeSideMap, opp
         name: "offset",
         options,
         async fn(state) {
+          var _middlewareData$offse, _middlewareData$arrow;
           let {
             x,
-            y
+            y,
+            placement,
+            middlewareData
           } = state, diffCoords = await convertValueToCoords(state, options);
-          return {
+          return placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset ? {} : {
             x: x + diffCoords.x,
             y: y + diffCoords.y,
-            data: diffCoords
+            data: {
+              ...diffCoords,
+              placement
+            }
           };
         }
       };
-    };
-    shift = function(options) {
+    }, shift = function(options) {
       return options === void 0 && (options = {}), {
         name: "shift",
         options,
@@ -14315,14 +14332,14 @@ var computePosition, min, max, arrow, sides, allPlacements, oppositeSideMap, opp
           } = evaluate(options, state), coords = {
             x,
             y
-          }, overflow = await detectOverflow(state, detectOverflowOptions), mainAxis = getMainAxisFromPlacement(getSide(placement)), crossAxis = getCrossAxis(mainAxis), mainAxisCoord = coords[mainAxis], crossAxisCoord = coords[crossAxis];
+          }, overflow = await detectOverflow(state, detectOverflowOptions), crossAxis = getSideAxis(getSide(placement)), mainAxis = getOppositeAxis(crossAxis), mainAxisCoord = coords[mainAxis], crossAxisCoord = coords[crossAxis];
           if (checkMainAxis) {
             let minSide = mainAxis === "y" ? "top" : "left", maxSide = mainAxis === "y" ? "bottom" : "right", min2 = mainAxisCoord + overflow[minSide], max2 = mainAxisCoord - overflow[maxSide];
-            mainAxisCoord = within(min2, mainAxisCoord, max2);
+            mainAxisCoord = clamp(min2, mainAxisCoord, max2);
           }
           if (checkCrossAxis) {
             let minSide = crossAxis === "y" ? "top" : "left", maxSide = crossAxis === "y" ? "bottom" : "right", min2 = crossAxisCoord + overflow[minSide], max2 = crossAxisCoord - overflow[maxSide];
-            crossAxisCoord = within(min2, crossAxisCoord, max2);
+            crossAxisCoord = clamp(min2, crossAxisCoord, max2);
           }
           let limitedCoords = limiter.fn({
             ...state,
@@ -14355,7 +14372,7 @@ var computePosition, min, max, arrow, sides, allPlacements, oppositeSideMap, opp
           } = evaluate(options, state), coords = {
             x,
             y
-          }, mainAxis = getMainAxisFromPlacement(placement), crossAxis = getCrossAxis(mainAxis), mainAxisCoord = coords[mainAxis], crossAxisCoord = coords[crossAxis], rawOffset = evaluate(offset2, state), computedOffset = typeof rawOffset == "number" ? {
+          }, crossAxis = getSideAxis(placement), mainAxis = getOppositeAxis(crossAxis), mainAxisCoord = coords[mainAxis], crossAxisCoord = coords[crossAxis], rawOffset = evaluate(offset2, state), computedOffset = typeof rawOffset == "number" ? {
             mainAxis: rawOffset,
             crossAxis: 0
           } : {
@@ -14392,13 +14409,13 @@ var computePosition, min, max, arrow, sides, allPlacements, oppositeSideMap, opp
             apply = () => {
             },
             ...detectOverflowOptions
-          } = evaluate(options, state), overflow = await detectOverflow(state, detectOverflowOptions), side = getSide(placement), alignment = getAlignment(placement), isXAxis = getMainAxisFromPlacement(placement) === "x", {
+          } = evaluate(options, state), overflow = await detectOverflow(state, detectOverflowOptions), side = getSide(placement), alignment = getAlignment(placement), isYAxis = getSideAxis(placement) === "y", {
             width,
             height
           } = rects.floating, heightSide, widthSide;
           side === "top" || side === "bottom" ? (heightSide = side, widthSide = alignment === (await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)) ? "start" : "end") ? "left" : "right") : (widthSide = side, heightSide = alignment === "end" ? "top" : "bottom");
           let overflowAvailableHeight = height - overflow[heightSide], overflowAvailableWidth = width - overflow[widthSide], noShift = !state.middlewareData.shift, availableHeight = overflowAvailableHeight, availableWidth = overflowAvailableWidth;
-          if (isXAxis) {
+          if (isYAxis) {
             let maximumClippingWidth = width - overflow.left - overflow.right;
             availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
           } else {
@@ -14407,7 +14424,7 @@ var computePosition, min, max, arrow, sides, allPlacements, oppositeSideMap, opp
           }
           if (noShift && !alignment) {
             let xMin = max(overflow.left, 0), xMax = max(overflow.right, 0), yMin = max(overflow.top, 0), yMax = max(overflow.bottom, 0);
-            isXAxis ? availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right)) : availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
+            isYAxis ? availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right)) : availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
           }
           await apply({
             ...state,
@@ -14430,11 +14447,8 @@ var computePosition, min, max, arrow, sides, allPlacements, oppositeSideMap, opp
 var require_floating_ui_react_native = __commonJS({
   "../../node_modules/@floating-ui/react-native/dist/floating-ui.react-native.js"(exports2) {
     "use strict";
-    Object.defineProperty(exports2, "__esModule", { value: !0 });
     var core = (init_floating_ui_core_esm(), __toCommonJS(floating_ui_core_esm_exports)), React2 = require("react"), reactNative = require("react-native");
-    function _interopNamespace(e) {
-      if (e && e.__esModule)
-        return e;
+    function _interopNamespaceDefault(e) {
       var n = /* @__PURE__ */ Object.create(null);
       return e && Object.keys(e).forEach(function(k) {
         if (k !== "default") {
@@ -14448,7 +14462,7 @@ var require_floating_ui_react_native = __commonJS({
         }
       }), n.default = e, Object.freeze(n);
     }
-    var React__namespace = /* @__PURE__ */ _interopNamespace(React2), arrow2 = (options) => {
+    var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React2), arrow2 = (options) => {
       let {
         element,
         padding
@@ -14472,7 +14486,11 @@ var require_floating_ui_react_native = __commonJS({
     }, ORIGIN$1 = {
       x: 0,
       y: 0
-    }, createPlatform = (_ref) => {
+    };
+    function isView(reference) {
+      return "measure" in reference;
+    }
+    var createPlatform = (_ref) => {
       let {
         offsetParent,
         sameScrollView = !0,
@@ -14491,19 +14509,32 @@ var require_floating_ui_react_native = __commonJS({
                   width,
                   height,
                   ...ORIGIN$1
-                };
-                reference[sameScrollView ? "measure" : "measureInWindow"]((x2, y2, width2, height2) => {
-                  let referenceRect = {
-                    width: width2,
-                    height: height2,
-                    x: x2 - offsetX,
-                    y: y2 - offsetY
+                }, method = sameScrollView ? "measure" : "measureInWindow";
+                if (isView(reference))
+                  reference[method]((x2, y2, width2, height2) => {
+                    let referenceRect = {
+                      width: width2,
+                      height: height2,
+                      x: x2 - offsetX,
+                      y: y2 - offsetY
+                    };
+                    resolve({
+                      reference: referenceRect,
+                      floating: floatingRect
+                    });
+                  });
+                else {
+                  let boundingRect = reference.getBoundingClientRect(), referenceRect = {
+                    width: boundingRect.width,
+                    height: boundingRect.height,
+                    x: boundingRect.x - offsetX,
+                    y: boundingRect.y - offsetY
                   };
                   resolve({
                     reference: referenceRect,
                     floating: floatingRect
                   });
-                });
+                }
               });
             };
             offsetParent ? offsetParent.measure(onMeasure) : onMeasure();
@@ -14551,7 +14582,7 @@ var require_floating_ui_react_native = __commonJS({
       let length, i, keys;
       if (a && b && typeof a == "object") {
         if (Array.isArray(a)) {
-          if (length = a.length, length != b.length)
+          if (length = a.length, length !== b.length)
             return !1;
           for (i = length; i-- !== 0; )
             if (!deepEqual(a[i], b[i]))
@@ -14589,11 +14620,11 @@ var require_floating_ui_react_native = __commonJS({
         } = {}
       } = options, [_reference, _setReference] = React__namespace.useState(null), [_floating, _setFloating] = React__namespace.useState(null), [_offsetParent, _setOffsetParent] = React__namespace.useState(null), referenceEl = externalReference || _reference, floatingEl = externalFloating || _floating, offsetParentEl = externalOffsetParent || _offsetParent, setReference = React__namespace.useCallback((node) => {
         node !== referenceRef.current && (referenceRef.current = node, _setReference(node));
-      }, [_setReference]), setFloating = React__namespace.useCallback((node) => {
+      }, []), setFloating = React__namespace.useCallback((node) => {
         node !== floatingRef.current && (floatingRef.current = node, _setFloating(node));
-      }, [_setFloating]), setOffsetParent = React__namespace.useCallback((node) => {
+      }, []), setOffsetParent = React__namespace.useCallback((node) => {
         node !== offsetParentRef.current && (offsetParentRef.current = node, _setOffsetParent(node));
-      }, [_setOffsetParent]), referenceRef = React__namespace.useRef(null), floatingRef = React__namespace.useRef(null), offsetParentRef = React__namespace.useRef(null), [data, setData] = React__namespace.useState({
+      }, []), referenceRef = React__namespace.useRef(null), floatingRef = React__namespace.useRef(null), offsetParentRef = React__namespace.useRef(null), [data, setData] = React__namespace.useState({
         x: 0,
         y: 0,
         placement,
@@ -14839,11 +14870,7 @@ var require_Popper_native = __commonJS({
         allowFlip,
         offset: offset2,
         __scopePopper
-      } = props, [isMounted, setIsMounted] = React2.useState(!1);
-      (0, import_constants4.useIsomorphicLayoutEffect)(() => {
-        setIsMounted(!0);
-      }, []);
-      let [anchorRef, setAnchorRef] = React2.useState(), [arrowEl, setArrow] = React2.useState(null), [arrowSize, setArrowSize] = React2.useState(0), offsetOptions = offset2 ?? arrowSize, floating = (0, import_floating.useFloating)({
+      } = props, isMounted = (0, import_core13.useDidFinishSSR)(), [arrowEl, setArrow] = React2.useState(null), [arrowSize, setArrowSize] = React2.useState(0), offsetOptions = offset2 ?? arrowSize, floating = (0, import_floating.useFloating)({
         strategy,
         placement,
         sameScrollView: !1,
@@ -14860,9 +14887,7 @@ var require_Popper_native = __commonJS({
         // @ts-expect-error this comes from Tooltip for example
         open
       } = floating;
-      if ((0, import_constants4.useIsomorphicLayoutEffect)(() => {
-        floating.refs.setReference(anchorRef);
-      }, [anchorRef]), import_constants4.isWeb)
+      if (import_constants4.isWeb)
         (0, import_constants4.useIsomorphicLayoutEffect)(() => {
           if (open && refs.reference.current && refs.floating.current)
             return (0, import_floating.autoUpdate)(refs.reference.current, refs.floating.current, floating.update);
@@ -14883,7 +14908,6 @@ var require_Popper_native = __commonJS({
         }, [dimensions, keyboardOpen]);
       }
       let popperContext = {
-        anchorRef: setAnchorRef,
         size: size2,
         arrowRef: setArrow,
         arrowStyle: middlewareData.arrow,
@@ -14897,10 +14921,12 @@ var require_Popper_native = __commonJS({
     var PopperAnchor = import_stacks3.YStack.extractable(
       React2.forwardRef(
         function(props, forwardedRef) {
-          let { virtualRef, __scopePopper, ...anchorProps } = props, { anchorRef, getReferenceProps } = usePopperContext(__scopePopper), ref = React2.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref, anchorRef);
-          if (React2.useEffect(() => {
-            anchorRef((virtualRef == null ? void 0 : virtualRef.current) || ref.current);
-          }, [anchorRef, virtualRef]), virtualRef)
+          let { virtualRef, __scopePopper, ...anchorProps } = props, { getReferenceProps, refs } = usePopperContext(__scopePopper), ref = React2.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(
+            forwardedRef,
+            ref,
+            virtualRef ?? refs.setReference
+          );
+          if (virtualRef)
             return null;
           let stackProps = {
             ref: composedRefs,
@@ -15321,7 +15347,7 @@ var require_Popover_native = __commonJS({
           componentName: "PopoverClose",
           onPress: (0, import_helpers.composeEventHandlers)(
             props.onPress,
-            () => context.onOpenChange(!1)
+            () => context.onOpenChange(!1, "press")
           )
         }
       );
@@ -15353,13 +15379,17 @@ var require_Popover_native = __commonJS({
             ...restProps
           } = props, id = React2.useId(), { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
             Contents: React2.useCallback(() => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalHost, { name: `${id}PopoverContents` }), [])
-          }), sheetBreakpoint = when, triggerRef = React2.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React2.useState(!1), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+          }), sheetBreakpoint = when, triggerRef = React2.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React2.useState(!1), viaRef = React2.useRef(), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
             prop: openProp,
             defaultProp: defaultOpen || !1,
-            onChange: onOpenChange
+            onChange: (val) => {
+              onOpenChange == null || onOpenChange(val, viaRef.current);
+            }
           }), sheetActive = useSheetBreakpointActive(sheetBreakpoint), floatingContext = (0, import_useFloatingContext.useFloatingContext)({
             open,
-            setOpen,
+            setOpen: (val, via) => {
+              viaRef.current = via, setOpen(val);
+            },
             disable: sheetActive,
             hoverable,
             disableFocus
@@ -15374,7 +15404,9 @@ var require_Popover_native = __commonJS({
             triggerRef,
             open,
             breakpointActive: sheetActive,
-            onOpenChange: setOpen,
+            onOpenChange: (val, via) => {
+              viaRef.current = via, setOpen(val);
+            },
             onOpenToggle: (0, import_core13.useEvent)(() => {
               open && sheetActive || setOpen(!open);
             }),