@eightshift/ui-components 5.0.0 → 5.0.2

package/dist/OverlayArrow-5aDgmImj.js

@@ -0,0 +1,637 @@
+import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-CZt7LCbO.js";
+import { r as reactDomExports } from "./index-CFozsmNS.js";
+import React__default, { useEffect, useState, useCallback, useRef, useContext, createContext, forwardRef } from "react";
+import { C as $c87311424ea30a05$export$78551043582a6a98, b as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-C2SkI1Fn.js";
+import { a as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-GajL10e1.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BbYZoHvX.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
+function $9daab02d461809db$var$hasResizeObserver() {
+  return typeof window.ResizeObserver !== "undefined";
+}
+function $9daab02d461809db$export$683480f191c0e3ea(options) {
+  const { ref, box, onResize } = options;
+  useEffect(() => {
+    let element = ref === null || ref === void 0 ? void 0 : ref.current;
+    if (!element) return;
+    if (!$9daab02d461809db$var$hasResizeObserver()) {
+      window.addEventListener("resize", onResize, false);
+      return () => {
+        window.removeEventListener("resize", onResize, false);
+      };
+    } else {
+      const resizeObserverInstance = new window.ResizeObserver((entries) => {
+        if (!entries.length) return;
+        onResize();
+      });
+      resizeObserverInstance.observe(element, {
+        box
+      });
+      return () => {
+        if (element) resizeObserverInstance.unobserve(element);
+      };
+    }
+  }, [
+    onResize,
+    ref,
+    box
+  ]);
+}
+function $d3f049242431219c$export$6d3443f2c48bfc20(ref, isReady = true) {
+  let [isEntering, setEntering] = useState(true);
+  let isAnimationReady = isEntering && isReady;
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (isAnimationReady && ref.current && "getAnimations" in ref.current) {
+      for (let animation of ref.current.getAnimations()) if (animation instanceof CSSTransition) animation.cancel();
+    }
+  }, [
+    ref,
+    isAnimationReady
+  ]);
+  $d3f049242431219c$var$useAnimation(ref, isAnimationReady, useCallback(() => setEntering(false), []));
+  return isAnimationReady;
+}
+function $d3f049242431219c$export$45fda7c47f93fd48(ref, isOpen) {
+  let [exitState, setExitState] = useState(isOpen ? "open" : "closed");
+  switch (exitState) {
+    case "open":
+      if (!isOpen) setExitState("exiting");
+      break;
+    case "closed":
+    case "exiting":
+      if (isOpen) setExitState("open");
+      break;
+  }
+  let isExiting = exitState === "exiting";
+  $d3f049242431219c$var$useAnimation(ref, isExiting, useCallback(() => {
+    setExitState((state) => state === "exiting" ? "closed" : state);
+  }, []));
+  return isExiting;
+}
+function $d3f049242431219c$var$useAnimation(ref, isActive, onEnd) {
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (isActive && ref.current) {
+      if (!("getAnimations" in ref.current)) {
+        onEnd();
+        return;
+      }
+      let animations = ref.current.getAnimations();
+      if (animations.length === 0) {
+        onEnd();
+        return;
+      }
+      let canceled = false;
+      Promise.all(animations.map((a) => a.finished)).then(() => {
+        if (!canceled) reactDomExports.flushSync(() => {
+          onEnd();
+        });
+      }).catch(() => {
+      });
+      return () => {
+        canceled = true;
+      };
+    }
+  }, [
+    ref,
+    isActive,
+    onEnd
+  ]);
+}
+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";
+}
+const $dd149f63282afbbf$export$f6211563215e3b37 = /* @__PURE__ */ new WeakMap();
+function $dd149f63282afbbf$export$18fc8428861184da(opts) {
+  let { triggerRef, isOpen, onClose } = opts;
+  useEffect(() => {
+    if (!isOpen || onClose === null) return;
+    let onScroll = (e) => {
+      let target = e.target;
+      if (!triggerRef.current || target instanceof Node && !target.contains(triggerRef.current)) return;
+      if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) return;
+      let onCloseHandler = onClose || $dd149f63282afbbf$export$f6211563215e3b37.get(triggerRef.current);
+      if (onCloseHandler) onCloseHandler();
+    };
+    window.addEventListener("scroll", onScroll, true);
+    return () => {
+      window.removeEventListener("scroll", onScroll, true);
+    };
+  }, [
+    isOpen,
+    onClose,
+    triggerRef
+  ]);
+}
+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: {
+        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");
+}
+const $96b38030c423d352$export$60d741e20e0aa309 = /* @__PURE__ */ createContext({});
+function $96b38030c423d352$export$9fc1347d4195ccb3() {
+  var _useContext;
+  return (_useContext = useContext($96b38030c423d352$export$60d741e20e0aa309)) !== null && _useContext !== void 0 ? _useContext : {};
+}
+function $fc909762b330b746$export$61c6a8c84e605fb6(props) {
+  let [isOpen, setOpen] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.isOpen, props.defaultOpen || false, props.onOpenChange);
+  const open = useCallback(() => {
+    setOpen(true);
+  }, [
+    setOpen
+  ]);
+  const close = useCallback(() => {
+    setOpen(false);
+  }, [
+    setOpen
+  ]);
+  const toggle = useCallback(() => {
+    setOpen(!isOpen);
+  }, [
+    setOpen,
+    isOpen
+  ]);
+  return {
+    isOpen,
+    setOpen,
+    open,
+    close,
+    toggle
+  };
+}
+const $44f671af83e7d9e0$export$2de4954e8ae13b9f = /* @__PURE__ */ createContext({
+  placement: "bottom"
+});
+const $44f671af83e7d9e0$export$746d02f47f4d381 = /* @__PURE__ */ forwardRef(function OverlayArrow(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $44f671af83e7d9e0$export$2de4954e8ae13b9f);
+  let placement = props.placement;
+  let style = {
+    position: "absolute",
+    transform: placement === "top" || placement === "bottom" ? "translateX(-50%)" : "translateY(-50%)"
+  };
+  if (placement != null) style[placement] = "100%";
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+    ...props,
+    defaultClassName: "react-aria-OverlayArrow",
+    values: {
+      placement
+    }
+  });
+  if (renderProps.style) Object.keys(renderProps.style).forEach((key) => renderProps.style[key] === void 0 && delete renderProps.style[key]);
+  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
+  return /* @__PURE__ */ React__default.createElement("div", {
+    ...DOMProps,
+    ...renderProps,
+    style: {
+      ...style,
+      ...renderProps.style
+    },
+    ref,
+    "data-placement": placement
+  });
+});
+export {
+  $fc909762b330b746$export$61c6a8c84e605fb6 as $,
+  $d3f049242431219c$export$45fda7c47f93fd48 as a,
+  $d3f049242431219c$export$6d3443f2c48bfc20 as b,
+  $96b38030c423d352$export$9fc1347d4195ccb3 as c,
+  $2a41e45df1593e64$export$d39e1813b3bdd0e1 as d,
+  $44f671af83e7d9e0$export$2de4954e8ae13b9f as e,
+  $44f671af83e7d9e0$export$746d02f47f4d381 as f,
+  $9daab02d461809db$export$683480f191c0e3ea as g,
+  $dd149f63282afbbf$export$f6211563215e3b37 as h
+};

package/dist/RSPContexts-2lR5GG9p.js

@@ -0,0 +1,14 @@
+import { createContext } from "react";
+const $4e85f108e88277b8$export$b085522c77523c51 = createContext(null);
+const $4e85f108e88277b8$export$ebe63fadcdce34ed = createContext(null);
+const $4e85f108e88277b8$export$44644b8a16031b5b = createContext(null);
+const $4e85f108e88277b8$export$717b2c0a523a0b53 = createContext(null);
+createContext(null);
+const $4e85f108e88277b8$export$d688439359537581 = createContext({});
+export {
+  $4e85f108e88277b8$export$d688439359537581 as $,
+  $4e85f108e88277b8$export$b085522c77523c51 as a,
+  $4e85f108e88277b8$export$ebe63fadcdce34ed as b,
+  $4e85f108e88277b8$export$44644b8a16031b5b as c,
+  $4e85f108e88277b8$export$717b2c0a523a0b53 as d
+};