@easypost/easy-ui 1.0.0-alpha.7 → 1.0.0-alpha.70

package/__chunks__/useOverlayPosition-CTTQ0gZN.mjs

@@ -0,0 +1,473 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { d as $c87311424ea30a05$export$78551043582a6a98 } from "./isVirtualEvent-B_Z4yzgm.mjs";
+import { $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-CLRm_tTs.mjs";
+import { c as $dd149f63282afbbf$export$18fc8428861184da } from "./Overlay-zuiAML3I.mjs";
+import { useState, useRef, useEffect, useCallback } from "react";
+import { d as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./mergeProps-DSi85raC.mjs";
+import { $ as $9daab02d461809db$export$683480f191c0e3ea } from "./useResizeObserver-Dyb4wvuA.mjs";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BZCcafjG.mjs";
+const $edcf132a9284368a$var$AXIS = {
+  top: "top",
+  bottom: "top",
+  left: "left",
+  right: "left"
+};
+const $edcf132a9284368a$var$FLIPPED_DIRECTION = {
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+};
+const $edcf132a9284368a$var$CROSS_AXIS = {
+  top: "left",
+  left: "top"
+};
+const $edcf132a9284368a$var$AXIS_SIZE = {
+  top: "height",
+  left: "width"
+};
+const $edcf132a9284368a$var$TOTAL_SIZE = {
+  width: "totalWidth",
+  height: "totalHeight"
+};
+const $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE = {};
+let $edcf132a9284368a$var$visualViewport = typeof document !== "undefined" ? window.visualViewport : null;
+function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
+  let width = 0, height = 0, totalWidth = 0, totalHeight = 0, top = 0, left = 0;
+  let scroll = {};
+  var _visualViewport_scale;
+  let isPinchZoomedIn = ((_visualViewport_scale = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === void 0 ? void 0 : $edcf132a9284368a$var$visualViewport.scale) !== null && _visualViewport_scale !== void 0 ? _visualViewport_scale : 1) > 1;
+  if (containerNode.tagName === "BODY") {
+    let documentElement = document.documentElement;
+    totalWidth = documentElement.clientWidth;
+    totalHeight = documentElement.clientHeight;
+    var _visualViewport_width;
+    width = (_visualViewport_width = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === void 0 ? void 0 : $edcf132a9284368a$var$visualViewport.width) !== null && _visualViewport_width !== void 0 ? _visualViewport_width : totalWidth;
+    var _visualViewport_height;
+    height = (_visualViewport_height = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === void 0 ? void 0 : $edcf132a9284368a$var$visualViewport.height) !== null && _visualViewport_height !== void 0 ? _visualViewport_height : totalHeight;
+    scroll.top = documentElement.scrollTop || containerNode.scrollTop;
+    scroll.left = documentElement.scrollLeft || containerNode.scrollLeft;
+    if ($edcf132a9284368a$var$visualViewport) {
+      top = $edcf132a9284368a$var$visualViewport.offsetTop;
+      left = $edcf132a9284368a$var$visualViewport.offsetLeft;
+    }
+  } else {
+    ({ width, height, top, left } = $edcf132a9284368a$var$getOffset(containerNode));
+    scroll.top = containerNode.scrollTop;
+    scroll.left = containerNode.scrollLeft;
+    totalWidth = width;
+    totalHeight = height;
+  }
+  if ($c87311424ea30a05$export$78551043582a6a98() && (containerNode.tagName === "BODY" || containerNode.tagName === "HTML") && isPinchZoomedIn) {
+    scroll.top = 0;
+    scroll.left = 0;
+    var _visualViewport_pageTop;
+    top = (_visualViewport_pageTop = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === void 0 ? void 0 : $edcf132a9284368a$var$visualViewport.pageTop) !== null && _visualViewport_pageTop !== void 0 ? _visualViewport_pageTop : 0;
+    var _visualViewport_pageLeft;
+    left = (_visualViewport_pageLeft = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === void 0 ? void 0 : $edcf132a9284368a$var$visualViewport.pageLeft) !== null && _visualViewport_pageLeft !== void 0 ? _visualViewport_pageLeft : 0;
+  }
+  return {
+    width,
+    height,
+    totalWidth,
+    totalHeight,
+    scroll,
+    top,
+    left
+  };
+}
+function $edcf132a9284368a$var$getScroll(node) {
+  return {
+    top: node.scrollTop,
+    left: node.scrollLeft,
+    width: node.scrollWidth,
+    height: node.scrollHeight
+  };
+}
+function $edcf132a9284368a$var$getDelta(axis, offset, size, boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary) {
+  var _containerDimensions_scroll_axis;
+  let containerScroll = (_containerDimensions_scroll_axis = containerDimensions.scroll[axis]) !== null && _containerDimensions_scroll_axis !== void 0 ? _containerDimensions_scroll_axis : 0;
+  let boundarySize = boundaryDimensions[$edcf132a9284368a$var$AXIS_SIZE[axis]];
+  let boundaryStartEdge = boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + padding;
+  let boundaryEndEdge = boundarySize + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] - padding;
+  let startEdgeOffset = offset - containerScroll + containerOffsetWithBoundary[axis] - boundaryDimensions[$edcf132a9284368a$var$AXIS[axis]];
+  let endEdgeOffset = offset - containerScroll + size + containerOffsetWithBoundary[axis] - boundaryDimensions[$edcf132a9284368a$var$AXIS[axis]];
+  if (startEdgeOffset < boundaryStartEdge) return boundaryStartEdge - startEdgeOffset;
+  else if (endEdgeOffset > boundaryEndEdge) return Math.max(boundaryEndEdge - endEdgeOffset, boundaryStartEdge - startEdgeOffset);
+  else return 0;
+}
+function $edcf132a9284368a$var$getMargins(node) {
+  let style = window.getComputedStyle(node);
+  return {
+    top: parseInt(style.marginTop, 10) || 0,
+    bottom: parseInt(style.marginBottom, 10) || 0,
+    left: parseInt(style.marginLeft, 10) || 0,
+    right: parseInt(style.marginRight, 10) || 0
+  };
+}
+function $edcf132a9284368a$var$parsePlacement(input) {
+  if ($edcf132a9284368a$var$PARSED_PLACEMENT_CACHE[input]) return $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE[input];
+  let [placement, crossPlacement] = input.split(" ");
+  let axis = $edcf132a9284368a$var$AXIS[placement] || "right";
+  let crossAxis = $edcf132a9284368a$var$CROSS_AXIS[axis];
+  if (!$edcf132a9284368a$var$AXIS[crossPlacement]) crossPlacement = "center";
+  let size = $edcf132a9284368a$var$AXIS_SIZE[axis];
+  let crossSize = $edcf132a9284368a$var$AXIS_SIZE[crossAxis];
+  $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE[input] = {
+    placement,
+    crossPlacement,
+    axis,
+    crossAxis,
+    size,
+    crossSize
+  };
+  return $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE[input];
+}
+function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset) {
+  let { placement, crossPlacement, axis, crossAxis, size, crossSize } = placementInfo;
+  let position = {};
+  var _childOffset_crossAxis;
+  position[crossAxis] = (_childOffset_crossAxis = childOffset[crossAxis]) !== null && _childOffset_crossAxis !== void 0 ? _childOffset_crossAxis : 0;
+  var _childOffset_crossSize, _overlaySize_crossSize, _childOffset_crossSize1, _overlaySize_crossSize1;
+  if (crossPlacement === "center")
+    position[crossAxis] += (((_childOffset_crossSize = childOffset[crossSize]) !== null && _childOffset_crossSize !== void 0 ? _childOffset_crossSize : 0) - ((_overlaySize_crossSize = overlaySize[crossSize]) !== null && _overlaySize_crossSize !== void 0 ? _overlaySize_crossSize : 0)) / 2;
+  else if (crossPlacement !== crossAxis)
+    position[crossAxis] += ((_childOffset_crossSize1 = childOffset[crossSize]) !== null && _childOffset_crossSize1 !== void 0 ? _childOffset_crossSize1 : 0) - ((_overlaySize_crossSize1 = overlaySize[crossSize]) !== null && _overlaySize_crossSize1 !== void 0 ? _overlaySize_crossSize1 : 0);
+  position[crossAxis] += crossOffset;
+  const minPosition = childOffset[crossAxis] - overlaySize[crossSize] + arrowSize + arrowBoundaryOffset;
+  const maxPosition = childOffset[crossAxis] + childOffset[crossSize] - arrowSize - arrowBoundaryOffset;
+  position[crossAxis] = $9446cca9a3875146$export$7d15b64cf5a3a4c4(position[crossAxis], minPosition, maxPosition);
+  if (placement === axis) {
+    const containerHeight = isContainerPositioned ? containerOffsetWithBoundary[size] : boundaryDimensions[$edcf132a9284368a$var$TOTAL_SIZE[size]];
+    position[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] = Math.floor(containerHeight - childOffset[axis] + offset);
+  } else position[axis] = Math.floor(childOffset[axis] + childOffset[size] + offset);
+  return position;
+}
+function $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlayHeight, heightGrowthDirection) {
+  const containerHeight = isContainerPositioned ? containerOffsetWithBoundary.height : boundaryDimensions[$edcf132a9284368a$var$TOTAL_SIZE.height];
+  var _position_bottom;
+  let overlayTop = position.top != null ? containerOffsetWithBoundary.top + position.top : containerOffsetWithBoundary.top + (containerHeight - ((_position_bottom = position.bottom) !== null && _position_bottom !== void 0 ? _position_bottom : 0) - overlayHeight);
+  var _boundaryDimensions_scroll_top, _margins_top, _margins_bottom, _boundaryDimensions_scroll_top1, _margins_top1, _margins_bottom1;
+  let maxHeight = heightGrowthDirection !== "top" ? (
+    // We want the distance between the top of the overlay to the bottom of the boundary
+    Math.max(0, boundaryDimensions.height + boundaryDimensions.top + ((_boundaryDimensions_scroll_top = boundaryDimensions.scroll.top) !== null && _boundaryDimensions_scroll_top !== void 0 ? _boundaryDimensions_scroll_top : 0) - overlayTop - (((_margins_top = margins.top) !== null && _margins_top !== void 0 ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== void 0 ? _margins_bottom : 0) + padding))
+  ) : Math.max(0, overlayTop + overlayHeight - (boundaryDimensions.top + ((_boundaryDimensions_scroll_top1 = boundaryDimensions.scroll.top) !== null && _boundaryDimensions_scroll_top1 !== void 0 ? _boundaryDimensions_scroll_top1 : 0)) - (((_margins_top1 = margins.top) !== null && _margins_top1 !== void 0 ? _margins_top1 : 0) + ((_margins_bottom1 = margins.bottom) !== null && _margins_bottom1 !== void 0 ? _margins_bottom1 : 0) + padding));
+  return Math.min(boundaryDimensions.height - padding * 2, maxHeight);
+}
+function $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo) {
+  let { placement, axis, size } = placementInfo;
+  var _boundaryDimensions_scroll_axis, _margins_axis;
+  if (placement === axis) return Math.max(0, childOffset[axis] - boundaryDimensions[axis] - ((_boundaryDimensions_scroll_axis = boundaryDimensions.scroll[axis]) !== null && _boundaryDimensions_scroll_axis !== void 0 ? _boundaryDimensions_scroll_axis : 0) + containerOffsetWithBoundary[axis] - ((_margins_axis = margins[axis]) !== null && _margins_axis !== void 0 ? _margins_axis : 0) - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding);
+  var _margins_axis1;
+  return Math.max(0, boundaryDimensions[size] + boundaryDimensions[axis] + boundaryDimensions.scroll[axis] - containerOffsetWithBoundary[axis] - childOffset[axis] - childOffset[size] - ((_margins_axis1 = margins[axis]) !== null && _margins_axis1 !== void 0 ? _margins_axis1 : 0) - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding);
+}
+function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset, overlaySize, scrollSize, margins, padding, flip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, userSetMaxHeight, arrowSize, arrowBoundaryOffset) {
+  let placementInfo = $edcf132a9284368a$var$parsePlacement(placementInput);
+  let { size, crossAxis, crossSize, placement, crossPlacement } = placementInfo;
+  let position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset);
+  let normalizedOffset = offset;
+  let space = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, placementInfo);
+  if (flip && scrollSize[size] > space) {
+    let flippedPlacementInfo = $edcf132a9284368a$var$parsePlacement(`${$edcf132a9284368a$var$FLIPPED_DIRECTION[placement]} ${crossPlacement}`);
+    let flippedPosition = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, flippedPlacementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset);
+    let flippedSpace = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, flippedPlacementInfo);
+    if (flippedSpace > space) {
+      placementInfo = flippedPlacementInfo;
+      position = flippedPosition;
+      normalizedOffset = offset;
+    }
+  }
+  let heightGrowthDirection = "bottom";
+  if (placementInfo.axis === "top") {
+    if (placementInfo.placement === "top") heightGrowthDirection = "top";
+    else if (placementInfo.placement === "bottom") heightGrowthDirection = "bottom";
+  } else if (placementInfo.crossAxis === "top") {
+    if (placementInfo.crossPlacement === "top") heightGrowthDirection = "bottom";
+    else if (placementInfo.crossPlacement === "bottom") heightGrowthDirection = "top";
+  }
+  let delta = $edcf132a9284368a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary);
+  position[crossAxis] += delta;
+  let maxHeight = $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlaySize.height, heightGrowthDirection);
+  if (userSetMaxHeight && userSetMaxHeight < maxHeight) maxHeight = userSetMaxHeight;
+  overlaySize.height = Math.min(overlaySize.height, maxHeight);
+  position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, normalizedOffset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset);
+  delta = $edcf132a9284368a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary);
+  position[crossAxis] += delta;
+  let arrowPosition = {};
+  let preferredArrowPosition = childOffset[crossAxis] + 0.5 * childOffset[crossSize] - position[crossAxis] - margins[$edcf132a9284368a$var$AXIS[crossAxis]];
+  const arrowMinPosition = arrowSize / 2 + arrowBoundaryOffset;
+  var _margins_left, _margins_right, _margins_top, _margins_bottom;
+  const overlayMargin = $edcf132a9284368a$var$AXIS[crossAxis] === "left" ? ((_margins_left = margins.left) !== null && _margins_left !== void 0 ? _margins_left : 0) + ((_margins_right = margins.right) !== null && _margins_right !== void 0 ? _margins_right : 0) : ((_margins_top = margins.top) !== null && _margins_top !== void 0 ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== void 0 ? _margins_bottom : 0);
+  const arrowMaxPosition = overlaySize[crossSize] - overlayMargin - arrowSize / 2 - arrowBoundaryOffset;
+  const arrowOverlappingChildMinEdge = childOffset[crossAxis] + arrowSize / 2 - (position[crossAxis] + margins[$edcf132a9284368a$var$AXIS[crossAxis]]);
+  const arrowOverlappingChildMaxEdge = childOffset[crossAxis] + childOffset[crossSize] - arrowSize / 2 - (position[crossAxis] + margins[$edcf132a9284368a$var$AXIS[crossAxis]]);
+  const arrowPositionOverlappingChild = $9446cca9a3875146$export$7d15b64cf5a3a4c4(preferredArrowPosition, arrowOverlappingChildMinEdge, arrowOverlappingChildMaxEdge);
+  arrowPosition[crossAxis] = $9446cca9a3875146$export$7d15b64cf5a3a4c4(arrowPositionOverlappingChild, arrowMinPosition, arrowMaxPosition);
+  return {
+    position,
+    maxHeight,
+    arrowOffsetLeft: arrowPosition.left,
+    arrowOffsetTop: arrowPosition.top,
+    placement: placementInfo.placement
+  };
+}
+function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
+  let { placement, targetNode, overlayNode, scrollNode, padding, shouldFlip, boundaryElement, offset, crossOffset, maxHeight, arrowSize = 0, arrowBoundaryOffset = 0 } = opts;
+  let container = overlayNode instanceof HTMLElement ? $edcf132a9284368a$var$getContainingBlock(overlayNode) : document.documentElement;
+  let isViewportContainer = container === document.documentElement;
+  const containerPositionStyle = window.getComputedStyle(container).position;
+  let isContainerPositioned = !!containerPositionStyle && containerPositionStyle !== "static";
+  let childOffset = isViewportContainer ? $edcf132a9284368a$var$getOffset(targetNode) : $edcf132a9284368a$var$getPosition(targetNode, container);
+  if (!isViewportContainer) {
+    let { marginTop, marginLeft } = window.getComputedStyle(targetNode);
+    childOffset.top += parseInt(marginTop, 10) || 0;
+    childOffset.left += parseInt(marginLeft, 10) || 0;
+  }
+  let overlaySize = $edcf132a9284368a$var$getOffset(overlayNode);
+  let margins = $edcf132a9284368a$var$getMargins(overlayNode);
+  var _margins_left, _margins_right;
+  overlaySize.width += ((_margins_left = margins.left) !== null && _margins_left !== void 0 ? _margins_left : 0) + ((_margins_right = margins.right) !== null && _margins_right !== void 0 ? _margins_right : 0);
+  var _margins_top, _margins_bottom;
+  overlaySize.height += ((_margins_top = margins.top) !== null && _margins_top !== void 0 ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== void 0 ? _margins_bottom : 0);
+  let scrollSize = $edcf132a9284368a$var$getScroll(scrollNode);
+  let boundaryDimensions = $edcf132a9284368a$var$getContainerDimensions(boundaryElement);
+  let containerDimensions = $edcf132a9284368a$var$getContainerDimensions(container);
+  let containerOffsetWithBoundary = boundaryElement.tagName === "BODY" ? $edcf132a9284368a$var$getOffset(container) : $edcf132a9284368a$var$getPosition(container, boundaryElement);
+  if (container.tagName === "HTML" && boundaryElement.tagName === "BODY") {
+    containerDimensions.scroll.top = 0;
+    containerDimensions.scroll.left = 0;
+  }
+  return $edcf132a9284368a$export$6839422d1f33cee9(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, maxHeight, arrowSize, arrowBoundaryOffset);
+}
+function $edcf132a9284368a$var$getOffset(node) {
+  let { top, left, width, height } = node.getBoundingClientRect();
+  let { scrollTop, scrollLeft, clientTop, clientLeft } = document.documentElement;
+  return {
+    top: top + scrollTop - clientTop,
+    left: left + scrollLeft - clientLeft,
+    width,
+    height
+  };
+}
+function $edcf132a9284368a$var$getPosition(node, parent) {
+  let style = window.getComputedStyle(node);
+  let offset;
+  if (style.position === "fixed") {
+    let { top, left, width, height } = node.getBoundingClientRect();
+    offset = {
+      top,
+      left,
+      width,
+      height
+    };
+  } else {
+    offset = $edcf132a9284368a$var$getOffset(node);
+    let parentOffset = $edcf132a9284368a$var$getOffset(parent);
+    let parentStyle = window.getComputedStyle(parent);
+    parentOffset.top += (parseInt(parentStyle.borderTopWidth, 10) || 0) - parent.scrollTop;
+    parentOffset.left += (parseInt(parentStyle.borderLeftWidth, 10) || 0) - parent.scrollLeft;
+    offset.top -= parentOffset.top;
+    offset.left -= parentOffset.left;
+  }
+  offset.top -= parseInt(style.marginTop, 10) || 0;
+  offset.left -= parseInt(style.marginLeft, 10) || 0;
+  return offset;
+}
+function $edcf132a9284368a$var$getContainingBlock(node) {
+  let offsetParent = node.offsetParent;
+  if (offsetParent && offsetParent === document.body && window.getComputedStyle(offsetParent).position === "static" && !$edcf132a9284368a$var$isContainingBlock(offsetParent)) offsetParent = document.documentElement;
+  if (offsetParent == null) {
+    offsetParent = node.parentElement;
+    while (offsetParent && !$edcf132a9284368a$var$isContainingBlock(offsetParent)) offsetParent = offsetParent.parentElement;
+  }
+  return offsetParent || document.documentElement;
+}
+function $edcf132a9284368a$var$isContainingBlock(node) {
+  let style = window.getComputedStyle(node);
+  return style.transform !== "none" || /transform|perspective/.test(style.willChange) || style.filter !== "none" || style.contain === "paint" || "backdropFilter" in style && style.backdropFilter !== "none" || "WebkitBackdropFilter" in style && style.WebkitBackdropFilter !== "none";
+}
+let $2a41e45df1593e64$var$visualViewport = typeof document !== "undefined" ? window.visualViewport : null;
+function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
+  let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  let { arrowSize = 0, targetRef, overlayRef, scrollRef = overlayRef, placement = "bottom", containerPadding = 12, shouldFlip = true, boundaryElement = typeof document !== "undefined" ? document.body : null, offset = 0, crossOffset = 0, shouldUpdatePosition = true, isOpen = true, onClose, maxHeight, arrowBoundaryOffset = 0 } = props;
+  let [position, setPosition] = useState(null);
+  let deps = [
+    shouldUpdatePosition,
+    placement,
+    overlayRef.current,
+    targetRef.current,
+    scrollRef.current,
+    containerPadding,
+    shouldFlip,
+    boundaryElement,
+    offset,
+    crossOffset,
+    isOpen,
+    direction,
+    maxHeight,
+    arrowBoundaryOffset,
+    arrowSize
+  ];
+  let lastScale = useRef($2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === void 0 ? void 0 : $2a41e45df1593e64$var$visualViewport.scale);
+  useEffect(() => {
+    if (isOpen) lastScale.current = $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === void 0 ? void 0 : $2a41e45df1593e64$var$visualViewport.scale;
+  }, [
+    isOpen
+  ]);
+  let updatePosition = useCallback(() => {
+    if (shouldUpdatePosition === false || !isOpen || !overlayRef.current || !targetRef.current || !boundaryElement) return;
+    if (($2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === void 0 ? void 0 : $2a41e45df1593e64$var$visualViewport.scale) !== lastScale.current) return;
+    let anchor = null;
+    if (scrollRef.current && scrollRef.current.contains(document.activeElement)) {
+      var _document_activeElement;
+      let anchorRect = (_document_activeElement = document.activeElement) === null || _document_activeElement === void 0 ? void 0 : _document_activeElement.getBoundingClientRect();
+      let scrollRect = scrollRef.current.getBoundingClientRect();
+      var _anchorRect_top;
+      anchor = {
+        type: "top",
+        offset: ((_anchorRect_top = anchorRect === null || anchorRect === void 0 ? void 0 : anchorRect.top) !== null && _anchorRect_top !== void 0 ? _anchorRect_top : 0) - scrollRect.top
+      };
+      if (anchor.offset > scrollRect.height / 2) {
+        anchor.type = "bottom";
+        var _anchorRect_bottom;
+        anchor.offset = ((_anchorRect_bottom = anchorRect === null || anchorRect === void 0 ? void 0 : anchorRect.bottom) !== null && _anchorRect_bottom !== void 0 ? _anchorRect_bottom : 0) - scrollRect.bottom;
+      }
+    }
+    let overlay = overlayRef.current;
+    if (!maxHeight && overlayRef.current) {
+      var _window_visualViewport;
+      overlay.style.top = "0px";
+      overlay.style.bottom = "";
+      var _window_visualViewport_height;
+      overlay.style.maxHeight = ((_window_visualViewport_height = (_window_visualViewport = window.visualViewport) === null || _window_visualViewport === void 0 ? void 0 : _window_visualViewport.height) !== null && _window_visualViewport_height !== void 0 ? _window_visualViewport_height : window.innerHeight) + "px";
+    }
+    let position2 = $edcf132a9284368a$export$b3ceb0cbf1056d98({
+      placement: $2a41e45df1593e64$var$translateRTL(placement, direction),
+      overlayNode: overlayRef.current,
+      targetNode: targetRef.current,
+      scrollNode: scrollRef.current || overlayRef.current,
+      padding: containerPadding,
+      shouldFlip,
+      boundaryElement,
+      offset,
+      crossOffset,
+      maxHeight,
+      arrowSize,
+      arrowBoundaryOffset
+    });
+    if (!position2.position) return;
+    overlay.style.top = "";
+    overlay.style.bottom = "";
+    overlay.style.left = "";
+    overlay.style.right = "";
+    Object.keys(position2.position).forEach((key) => overlay.style[key] = position2.position[key] + "px");
+    overlay.style.maxHeight = position2.maxHeight != null ? position2.maxHeight + "px" : "";
+    if (anchor && document.activeElement && scrollRef.current) {
+      let anchorRect = document.activeElement.getBoundingClientRect();
+      let scrollRect = scrollRef.current.getBoundingClientRect();
+      let newOffset = anchorRect[anchor.type] - scrollRect[anchor.type];
+      scrollRef.current.scrollTop += newOffset - anchor.offset;
+    }
+    setPosition(position2);
+  }, deps);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(updatePosition, deps);
+  $2a41e45df1593e64$var$useResize(updatePosition);
+  $9daab02d461809db$export$683480f191c0e3ea({
+    ref: overlayRef,
+    onResize: updatePosition
+  });
+  $9daab02d461809db$export$683480f191c0e3ea({
+    ref: targetRef,
+    onResize: updatePosition
+  });
+  let isResizing = useRef(false);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    let timeout;
+    let onResize = () => {
+      isResizing.current = true;
+      clearTimeout(timeout);
+      timeout = setTimeout(() => {
+        isResizing.current = false;
+      }, 500);
+      updatePosition();
+    };
+    let onScroll = () => {
+      if (isResizing.current) onResize();
+    };
+    $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === void 0 ? void 0 : $2a41e45df1593e64$var$visualViewport.addEventListener("resize", onResize);
+    $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === void 0 ? void 0 : $2a41e45df1593e64$var$visualViewport.addEventListener("scroll", onScroll);
+    return () => {
+      $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === void 0 ? void 0 : $2a41e45df1593e64$var$visualViewport.removeEventListener("resize", onResize);
+      $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === void 0 ? void 0 : $2a41e45df1593e64$var$visualViewport.removeEventListener("scroll", onScroll);
+    };
+  }, [
+    updatePosition
+  ]);
+  let close = useCallback(() => {
+    if (!isResizing.current) onClose === null || onClose === void 0 ? void 0 : onClose();
+  }, [
+    onClose,
+    isResizing
+  ]);
+  $dd149f63282afbbf$export$18fc8428861184da({
+    triggerRef: targetRef,
+    isOpen,
+    onClose: onClose && close
+  });
+  var _position_maxHeight, _position_placement;
+  return {
+    overlayProps: {
+      style: __spreadProps(__spreadValues({
+        position: "absolute",
+        zIndex: 1e5
+      }, position === null || position === void 0 ? void 0 : position.position), {
+        maxHeight: (_position_maxHeight = position === null || position === void 0 ? void 0 : position.maxHeight) !== null && _position_maxHeight !== void 0 ? _position_maxHeight : "100vh"
+      })
+    },
+    placement: (_position_placement = position === null || position === void 0 ? void 0 : position.placement) !== null && _position_placement !== void 0 ? _position_placement : null,
+    arrowProps: {
+      "aria-hidden": "true",
+      role: "presentation",
+      style: {
+        left: position === null || position === void 0 ? void 0 : position.arrowOffsetLeft,
+        top: position === null || position === void 0 ? void 0 : position.arrowOffsetTop
+      }
+    },
+    updatePosition
+  };
+}
+function $2a41e45df1593e64$var$useResize(onResize) {
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    window.addEventListener("resize", onResize, false);
+    return () => {
+      window.removeEventListener("resize", onResize, false);
+    };
+  }, [
+    onResize
+  ]);
+}
+function $2a41e45df1593e64$var$translateRTL(position, direction) {
+  if (direction === "rtl") return position.replace("start", "right").replace("end", "left");
+  return position.replace("start", "left").replace("end", "right");
+}
+export {
+  $2a41e45df1593e64$export$d39e1813b3bdd0e1 as $
+};