@eightshift/ui-components 6.0.6 → 6.0.9

package/dist/{OverlayArrow-DokC40S3.js → OverlayArrow-DVJTTfZM.js}

@@ -1,27 +1,27 @@
-import { j as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-DGpXyJOJ.js";
-import { r as reactDomExports } from "./index-oFgxU4zs.js";
-import $dbSRa$react__default, { useEffect, useState, useCallback, useRef, forwardRef, createContext } from "react";
-import { C as $c87311424ea30a05$export$78551043582a6a98, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-Bycb7BsD.js";
+import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, C as $c87311424ea30a05$export$78551043582a6a98, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-CG39Ci3A.js";
 import { $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-7sOvrqo0.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BQvmiUqb.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
+import $dbSRa$react__default, { useEffect, useState, useRef, useCallback, forwardRef, createContext } from "react";
+import { b as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-HC9_3Crc.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DYYO3Ns3.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
 function $9daab02d461809db$var$hasResizeObserver() {
   return typeof window.ResizeObserver !== "undefined";
 }
 function $9daab02d461809db$export$683480f191c0e3ea(options) {
   const { ref, box, onResize } = options;
+  let onResizeEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(onResize);
   useEffect(() => {
     let element = ref === null || ref === void 0 ? void 0 : ref.current;
     if (!element) return;
     if (!$9daab02d461809db$var$hasResizeObserver()) {
-      window.addEventListener("resize", onResize, false);
+      window.addEventListener("resize", onResizeEvent, false);
       return () => {
-        window.removeEventListener("resize", onResize, false);
+        window.removeEventListener("resize", onResizeEvent, false);
       };
     } else {
       const resizeObserverInstance = new window.ResizeObserver((entries) => {
         if (!entries.length) return;
-        onResize();
+        onResizeEvent();
       });
       resizeObserverInstance.observe(element, {
         box
@@ -31,71 +31,10 @@ function $9daab02d461809db$export$683480f191c0e3ea(options) {
       };
     }
   }, [
-    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",
@@ -121,25 +60,25 @@ const $edcf132a9284368a$var$TOTAL_SIZE = {
   height: "totalHeight"
 };
 const $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE = {};
-let $edcf132a9284368a$var$visualViewport = typeof document !== "undefined" ? window.visualViewport : null;
-function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
+let $edcf132a9284368a$var$getVisualViewport = () => typeof document !== "undefined" ? window.visualViewport : null;
+function $edcf132a9284368a$var$getContainerDimensions(containerNode, visualViewport) {
   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 isPinchZoomedIn = ((_visualViewport_scale = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.scale) !== null && _visualViewport_scale !== void 0 ? _visualViewport_scale : 1) > 1;
+  if (containerNode.tagName === "BODY" || containerNode.tagName === "HTML") {
     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;
+    width = (_visualViewport_width = visualViewport === null || visualViewport === void 0 ? void 0 : 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;
+    height = (_visualViewport_height = visualViewport === null || visualViewport === void 0 ? void 0 : 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;
+    if (visualViewport) {
+      top = visualViewport.offsetTop;
+      left = visualViewport.offsetLeft;
     }
   } else {
     ({ width, height, top, left } = $edcf132a9284368a$var$getOffset(containerNode, false));
@@ -152,9 +91,9 @@ function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
     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;
+    top = (_visualViewport_pageTop = visualViewport === null || visualViewport === void 0 ? void 0 : 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;
+    left = (_visualViewport_pageLeft = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.pageLeft) !== null && _visualViewport_pageLeft !== void 0 ? _visualViewport_pageLeft : 0;
   }
   return {
     width,
@@ -178,10 +117,10 @@ function $edcf132a9284368a$var$getDelta(axis, offset, size, boundaryDimensions,
   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]];
+  let boundaryStartEdge = containerOffsetWithBoundary[axis] + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + padding;
+  let boundaryEndEdge = containerOffsetWithBoundary[axis] + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + boundarySize - padding;
+  let startEdgeOffset = offset - containerScroll + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + containerOffsetWithBoundary[axis] - boundaryDimensions[$edcf132a9284368a$var$AXIS[axis]];
+  let endEdgeOffset = offset - containerScroll + size + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + 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;
@@ -213,7 +152,7 @@ function $edcf132a9284368a$var$parsePlacement(input) {
   };
   return $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE[input];
 }
-function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset) {
+function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions) {
   let { placement, crossPlacement, axis, crossAxis, size, crossSize } = placementInfo;
   let position = {};
   var _childOffset_crossAxis;
@@ -228,39 +167,48 @@ function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions,
   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]];
+    let containerHeight = isContainerPositioned ? containerDimensions[size] : containerDimensions[$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;
+function $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlayHeight, heightGrowthDirection, containerDimensions, isContainerDescendentOfBoundary, visualViewport) {
+  var _position_bottom, _containerDimensions_scroll_top;
+  let overlayTop = (position.top != null ? position.top : containerDimensions[$edcf132a9284368a$var$TOTAL_SIZE.height] - ((_position_bottom = position.bottom) !== null && _position_bottom !== void 0 ? _position_bottom : 0) - overlayHeight) - ((_containerDimensions_scroll_top = containerDimensions.scroll.top) !== null && _containerDimensions_scroll_top !== void 0 ? _containerDimensions_scroll_top : 0);
+  let boundaryToContainerTransformOffset = isContainerDescendentOfBoundary ? containerOffsetWithBoundary.top : 0;
+  var _visualViewport_offsetTop, _visualViewport_offsetTop1, _visualViewport_height;
+  let boundingRect = {
+    // This should be boundary top in container coord system vs viewport top in container coord system
+    // For the viewport top, there are several cases
+    // 1. pinchzoom case where we want the viewports offset top as top here
+    // 2. case where container is offset from the boundary and is contained by the boundary. In this case the top we want here is NOT 0, we want to take boundary's top even though is is a negative number OR the visual viewport, whichever is more restrictive
+    top: Math.max(boundaryDimensions.top + boundaryToContainerTransformOffset, ((_visualViewport_offsetTop = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.offsetTop) !== null && _visualViewport_offsetTop !== void 0 ? _visualViewport_offsetTop : boundaryDimensions.top) + boundaryToContainerTransformOffset),
+    bottom: Math.min(boundaryDimensions.top + boundaryDimensions.height + boundaryToContainerTransformOffset, ((_visualViewport_offsetTop1 = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.offsetTop) !== null && _visualViewport_offsetTop1 !== void 0 ? _visualViewport_offsetTop1 : 0) + ((_visualViewport_height = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.height) !== null && _visualViewport_height !== void 0 ? _visualViewport_height : 0))
+  };
+  var _margins_top, _margins_bottom, _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);
+    Math.max(0, boundingRect.bottom - 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 - boundingRect.top - (((_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 maxHeight;
 }
-function $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo) {
+function $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo, containerDimensions, isContainerDescendentOfBoundary) {
   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);
+  var _containerDimensions_scroll_axis, _margins_axis;
+  if (placement === axis) return Math.max(0, childOffset[axis] - ((_containerDimensions_scroll_axis = containerDimensions.scroll[axis]) !== null && _containerDimensions_scroll_axis !== void 0 ? _containerDimensions_scroll_axis : 0) - (boundaryDimensions[axis] + (isContainerDescendentOfBoundary ? containerOffsetWithBoundary[axis] : 0)) - ((_margins_axis = margins[axis]) !== null && _margins_axis !== void 0 ? _margins_axis : 0) - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding);
+  var _containerDimensions_scroll_axis1, _margins_axis1;
+  return Math.max(0, boundaryDimensions[size] + boundaryDimensions[axis] + (isContainerDescendentOfBoundary ? containerOffsetWithBoundary[axis] : 0) - childOffset[axis] - childOffset[size] + ((_containerDimensions_scroll_axis1 = containerDimensions.scroll[axis]) !== null && _containerDimensions_scroll_axis1 !== void 0 ? _containerDimensions_scroll_axis1 : 0) - ((_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) {
+function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset, overlaySize, scrollSize, margins, padding, flip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, userSetMaxHeight, arrowSize, arrowBoundaryOffset, isContainerDescendentOfBoundary, visualViewport) {
   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 position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
   let normalizedOffset = offset;
-  let space = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, placementInfo);
-  if (flip && scrollSize[size] > space) {
+  let space = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, placementInfo, containerDimensions, isContainerDescendentOfBoundary);
+  if (flip && overlaySize[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);
+    let flippedPosition = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, flippedPlacementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
+    let flippedSpace = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, flippedPlacementInfo, containerDimensions, isContainerDescendentOfBoundary);
     if (flippedSpace > space) {
       placementInfo = flippedPlacementInfo;
       position = flippedPosition;
@@ -277,10 +225,10 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
   }
   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);
+  let maxHeight = $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlaySize.height, heightGrowthDirection, containerDimensions, isContainerDescendentOfBoundary, visualViewport);
   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);
+  position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, normalizedOffset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
   delta = $edcf132a9284368a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary);
   position[crossAxis] += delta;
   let arrowPosition = {};
@@ -314,6 +262,7 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
 }
 function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
   let { placement, targetNode, overlayNode, scrollNode, padding, shouldFlip, boundaryElement, offset, crossOffset, maxHeight, arrowSize = 0, arrowBoundaryOffset = 0 } = opts;
+  let visualViewport = $edcf132a9284368a$var$getVisualViewport();
   let container = overlayNode instanceof HTMLElement ? $edcf132a9284368a$var$getContainingBlock(overlayNode) : document.documentElement;
   let isViewportContainer = container === document.documentElement;
   const containerPositionStyle = window.getComputedStyle(container).position;
@@ -331,14 +280,11 @@ function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
   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, false) : $edcf132a9284368a$var$getPosition(container, boundaryElement, false);
-  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);
+  let boundaryDimensions = $edcf132a9284368a$var$getContainerDimensions(boundaryElement, visualViewport);
+  let containerDimensions = $edcf132a9284368a$var$getContainerDimensions(container, visualViewport);
+  let containerOffsetWithBoundary = $edcf132a9284368a$var$getPosition(boundaryElement, container, false);
+  let isContainerDescendentOfBoundary = boundaryElement.contains(container);
+  return $edcf132a9284368a$export$6839422d1f33cee9(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, maxHeight, arrowSize, arrowBoundaryOffset, isContainerDescendentOfBoundary, visualViewport);
 }
 function $edcf132a9284368a$export$4b834cebd9e5cebe(node, ignoreScale) {
   let { top, left, width, height } = node.getBoundingClientRect();
@@ -642,11 +588,9 @@ const $44f671af83e7d9e0$export$746d02f47f4d381 = /* @__PURE__ */ forwardRef(func
 });
 export {
   $fc909762b330b746$export$61c6a8c84e605fb6 as $,
-  $d3f049242431219c$export$45fda7c47f93fd48 as a,
-  $d3f049242431219c$export$6d3443f2c48bfc20 as b,
-  $2a41e45df1593e64$export$d39e1813b3bdd0e1 as c,
-  $44f671af83e7d9e0$export$2de4954e8ae13b9f as d,
-  $44f671af83e7d9e0$export$746d02f47f4d381 as e,
-  $9daab02d461809db$export$683480f191c0e3ea as f,
-  $dd149f63282afbbf$export$f6211563215e3b37 as g
+  $2a41e45df1593e64$export$d39e1813b3bdd0e1 as a,
+  $44f671af83e7d9e0$export$2de4954e8ae13b9f as b,
+  $44f671af83e7d9e0$export$746d02f47f4d381 as c,
+  $9daab02d461809db$export$683480f191c0e3ea as d,
+  $dd149f63282afbbf$export$f6211563215e3b37 as e
 };

package/dist/{RadioGroup-BVFvITWO.js → RadioGroup-Cp5cdBI_.js}

@@ -1,20 +1,20 @@
-import { a as $3ef42575df84b30b$export$9d1611c77c2fe928, b as $bdb11010cef70236$export$f680877a34711e37, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, d as $64fa3d84918910a7$export$fabf2dc03a41866e, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$4d86445c2cf5e3, h as $64fa3d84918910a7$export$2881499e37b75b9a, k as $df56164dff5785e2$export$4338b53315abf666, l as $5dc95899b306f630$export$c9058316764c140e, f as $64fa3d84918910a7$export$ef03459518577ad4 } from "./utils-DGpXyJOJ.js";
-import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-DwBG6m1U.js";
+import { a as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $bdb11010cef70236$export$f680877a34711e37, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, d as $64fa3d84918910a7$export$fabf2dc03a41866e, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$4d86445c2cf5e3, h as $64fa3d84918910a7$export$2881499e37b75b9a, j as $df56164dff5785e2$export$4338b53315abf666, k as $5dc95899b306f630$export$c9058316764c140e, f as $64fa3d84918910a7$export$ef03459518577ad4 } from "./utils-HC9_3Crc.js";
+import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-DmVwL6Dj.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-Cq3fu75_.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-D8a3eYb-.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-DPWyf-gp.js";
 import { $ as $1d5b8b8664671ef2$export$c9549807523555e0 } from "./SelectionIndicator-D7WMzeAW.js";
-import { $ as $c8a5a149f625efcf$export$758399f318e6385a } from "./SharedElementTransition-BDT84GtD.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-ztX6G1zR.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
+import { $ as $c8a5a149f625efcf$export$758399f318e6385a } from "./SharedElementTransition-B_vnQ1uR.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-Dae33gHp.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
 import $dbSRa$react__default, { useMemo, useState, forwardRef, createContext } from "react";
-import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidation-DQeXkyLm.js";
-import { $ as $f645667febf57a63$export$4c014de7c8940b4c, x as $431fbd86ca7dc216$export$f21a1ffae260145a, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, w as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-Bycb7BsD.js";
-import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-BMk5oZCk.js";
-import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-D3b7Kh4P.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BQvmiUqb.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-WUv2PdFO.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-B8OteQMu.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-DTUuKFiI.js";
+import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidation-Dqzjv4jX.js";
+import { $ as $f645667febf57a63$export$4c014de7c8940b4c, y as $431fbd86ca7dc216$export$f21a1ffae260145a, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, x as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-CG39Ci3A.js";
+import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-Dri1oBcH.js";
+import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-WEswknAY.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DYYO3Ns3.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BDF1K4E4.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-B9w0X4Ur.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-eaCBtXhE.js";
 const $884aeceb3d67f00f$export$37b65e5b5444d35c = /* @__PURE__ */ new WeakMap();
 function $0d5c49892c1215da$export$37b0961d2f4751e2(props, state, ref) {
   let { value, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, onPressStart, onPressEnd, onPressChange, onPress, onPressUp, onClick } = props;

package/dist/{SearchField-CHYnN-jt.js → SearchField-CLhr5PGZ.js}

@@ -1,19 +1,19 @@
 import { a as $4e85f108e88277b8$export$698f465ec27e93df, c as $4e85f108e88277b8$export$b0d3ecf7112093a7 } from "./RSPContexts-CJ-HBf0L.js";
-import { o as $ff5963eb1fccf552$export$e08e3b67e392101e, b as $bdb11010cef70236$export$f680877a34711e37, c as $8ae05eaa5c114e9c$export$7f54fc3180508a52, k as $df56164dff5785e2$export$4338b53315abf666, l as $5dc95899b306f630$export$c9058316764c140e, a as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-DGpXyJOJ.js";
-import { u as $507fabe10e71c6fb$export$630ff653c5ada6a9, b as $c87311424ea30a05$export$fedb369cb70207f1, s as $c87311424ea30a05$export$a11b0059900ceec8, g as $d4ee10de306f2510$export$cd4e5573fbe2b576, c as $431fbd86ca7dc216$export$b204af158042fbac, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-Bycb7BsD.js";
-import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-B49ptFDX.js";
-import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-BD7Olibq.js";
-import { t as $5671b20cf9b562b2$export$831c820ad60f9d12, u as $55f9b1ae81f22853$export$76e4e37e5339496d, v as $5671b20cf9b562b2$export$447a38995de2c711, w as $55f9b1ae81f22853$export$6c5dc7e81d2cc29a, r as $55f9b1ae81f22853$export$2b35b76d2e30e129, x as $21f1aa98acb08317$export$16792effe837dba3, y as $55f9b1ae81f22853$export$759df0d867455a91 } from "./SelectionManager-N8X7T_4D.js";
+import { n as $ff5963eb1fccf552$export$e08e3b67e392101e, c as $bdb11010cef70236$export$f680877a34711e37, b as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, j as $df56164dff5785e2$export$4338b53315abf666, k as $5dc95899b306f630$export$c9058316764c140e, a as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-HC9_3Crc.js";
+import { v as $507fabe10e71c6fb$export$630ff653c5ada6a9, c as $c87311424ea30a05$export$fedb369cb70207f1, t as $c87311424ea30a05$export$a11b0059900ceec8, b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, h as $d4ee10de306f2510$export$cd4e5573fbe2b576, d as $431fbd86ca7dc216$export$b204af158042fbac, N as $507fabe10e71c6fb$export$887a228355cf7d95, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-CG39Ci3A.js";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-vzdDMGCX.js";
+import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-DoWvho2u.js";
+import { t as $5671b20cf9b562b2$export$831c820ad60f9d12, u as $55f9b1ae81f22853$export$76e4e37e5339496d, v as $5671b20cf9b562b2$export$447a38995de2c711, w as $55f9b1ae81f22853$export$6c5dc7e81d2cc29a, r as $55f9b1ae81f22853$export$2b35b76d2e30e129, x as $21f1aa98acb08317$export$16792effe837dba3, y as $55f9b1ae81f22853$export$759df0d867455a91 } from "./SelectionManager-DbBiF5M8.js";
 import $dbSRa$react__default, { useRef, useState, useEffect, useCallback, useMemo, createContext } from "react";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-NETP-8H8.js";
-import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-BXjXzdW_.js";
-import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-DwBG6m1U.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-M3L6Ge2c.js";
+import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-JRIu2BnS.js";
+import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-DmVwL6Dj.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-Cq3fu75_.js";
-import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1 } from "./Input-CNNksOWg.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-D8a3eYb-.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-ztX6G1zR.js";
+import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1 } from "./Input-Cuw9UbNb.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-DPWyf-gp.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-Dae33gHp.js";
 import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-Rfj-STx7.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
 var $03c9a1a10de12f06$exports = {};
 $03c9a1a10de12f06$exports = {
   "Clear search": `مسح البحث`
@@ -427,15 +427,14 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
   let timeout = useRef(void 0);
   let delayNextActiveDescendant = useRef(false);
   let queuedActiveDescendant = useRef(null);
-  let lastCollectionNode = useRef(null);
   let isMobileScreenReader = $507fabe10e71c6fb$export$630ff653c5ada6a9() === "virtual" && ($c87311424ea30a05$export$fedb369cb70207f1() || $c87311424ea30a05$export$a11b0059900ceec8());
   let [shouldUseVirtualFocus, setShouldUseVirtualFocus] = useState(!isMobileScreenReader && !disableVirtualFocus);
   let [hasCollection, setHasCollection] = useState(false);
   useEffect(() => {
     return () => clearTimeout(timeout.current);
   }, []);
-  let updateActiveDescendant = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
-    if (!e.isTrusted && shouldUseVirtualFocus && inputRef.current && $d4ee10de306f2510$export$cd4e5573fbe2b576($431fbd86ca7dc216$export$b204af158042fbac(inputRef.current)) !== inputRef.current) inputRef.current.focus();
+  let updateActiveDescendantEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
+    if (!e.isTrusted && shouldUseVirtualFocus && inputRef.current && $d4ee10de306f2510$export$cd4e5573fbe2b576($431fbd86ca7dc216$export$b204af158042fbac(inputRef.current)) !== inputRef.current && $507fabe10e71c6fb$export$887a228355cf7d95() !== "touch") inputRef.current.focus();
     let target = e.target;
     if (e.isTrusted || !target || queuedActiveDescendant.current === target.id) return;
     clearTimeout(timeout.current);
@@ -455,27 +454,28 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
     }
     delayNextActiveDescendant.current = false;
   });
-  let callbackRef = useCallback((collectionNode) => {
-    if (collectionNode != null) {
-      var _lastCollectionNode_current;
-      (_lastCollectionNode_current = lastCollectionNode.current) === null || _lastCollectionNode_current === void 0 ? void 0 : _lastCollectionNode_current.removeEventListener("focusin", updateActiveDescendant);
-      lastCollectionNode.current = collectionNode;
-      collectionNode.addEventListener("focusin", updateActiveDescendant);
-      if (collectionNode.getAttribute("tabindex") != null) setShouldUseVirtualFocus(false);
+  let [collectionNode, setCollectionNode] = useState(null);
+  let callbackRef = useCallback((node) => {
+    setCollectionNode(node);
+    if (node != null) {
+      if (node.getAttribute("tabindex") != null) setShouldUseVirtualFocus(false);
       setHasCollection(true);
-    } else {
-      var _lastCollectionNode_current1;
-      (_lastCollectionNode_current1 = lastCollectionNode.current) === null || _lastCollectionNode_current1 === void 0 ? void 0 : _lastCollectionNode_current1.removeEventListener("focusin", updateActiveDescendant);
-      setHasCollection(false);
-    }
+    } else setHasCollection(false);
+  }, []);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (collectionNode != null)
+      collectionNode.addEventListener("focusin", updateActiveDescendantEvent);
+    return () => {
+      collectionNode === null || collectionNode === void 0 ? void 0 : collectionNode.removeEventListener("focusin", updateActiveDescendantEvent);
+    };
   }, [
-    updateActiveDescendant
+    collectionNode
   ]);
   let mergedCollectionRef = $df56164dff5785e2$export$4338b53315abf666(useMemo(() => $5dc95899b306f630$export$c9058316764c140e(collectionRef, callbackRef), [
     collectionRef,
     callbackRef
   ]));
-  let focusFirstItem = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+  let focusFirstItem = useCallback(() => {
     var _collectionRef_current;
     delayNextActiveDescendant.current = true;
     (_collectionRef_current = collectionRef.current) === null || _collectionRef_current === void 0 ? void 0 : _collectionRef_current.dispatchEvent(new CustomEvent($5671b20cf9b562b2$export$831c820ad60f9d12, {
@@ -485,8 +485,10 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
         focusStrategy: "first"
       }
     }));
-  });
-  let clearVirtualFocus = $8ae05eaa5c114e9c$export$7f54fc3180508a52((clearFocusKey) => {
+  }, [
+    collectionRef
+  ]);
+  let clearVirtualFocus = useCallback((clearFocusKey) => {
     var _collectionRef_current;
     $55f9b1ae81f22853$export$76e4e37e5339496d($d4ee10de306f2510$export$cd4e5573fbe2b576());
     queuedActiveDescendant.current = null;
@@ -501,7 +503,10 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
     clearTimeout(timeout.current);
     delayNextActiveDescendant.current = false;
     (_collectionRef_current = collectionRef.current) === null || _collectionRef_current === void 0 ? void 0 : _collectionRef_current.dispatchEvent(clearFocusEvent);
-  });
+  }, [
+    collectionRef,
+    state
+  ]);
   let lastInputType = useRef("");
   $e9faafb641e167db$export$90fc3a17d93f704c(inputRef, "input", (e) => {
     let { inputType } = e;
@@ -567,7 +572,7 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
       case "Enter":
         if (focusedNodeId != null) {
           let item = document.getElementById(focusedNodeId);
-          item === null || item === void 0 ? void 0 : item.click();
+          item === null || item === void 0 ? void 0 : item.dispatchEvent(new PointerEvent("click", e.nativeEvent));
         }
         break;
     }
@@ -591,9 +596,7 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
     return () => {
       document.removeEventListener("keyup", onKeyUpCapture, true);
     };
-  }, [
-    onKeyUpCapture
-  ]);
+  }, []);
   let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($957f4f2fd749edef$exports), "@react-aria/autocomplete");
   let collectionProps = $313b98861ee5dd6c$export$d6875122194c7b44({
     id: collectionId,
@@ -745,6 +748,8 @@ const $440f4836bcb56932$export$b94867ecbd698f21 = /* @__PURE__ */ $f39a9eba43920
       isEmpty: state.value === "",
       isDisabled: props.isDisabled || false,
       isInvalid: validation.isInvalid || false,
+      isReadOnly: props.isReadOnly || false,
+      isRequired: props.isRequired || false,
       state
     },
     defaultClassName: "react-aria-SearchField"
@@ -760,7 +765,9 @@ const $440f4836bcb56932$export$b94867ecbd698f21 = /* @__PURE__ */ $f39a9eba43920
     slot: props.slot || void 0,
     "data-empty": state.value === "" || void 0,
     "data-disabled": props.isDisabled || void 0,
-    "data-invalid": validation.isInvalid || void 0
+    "data-invalid": validation.isInvalid || void 0,
+    "data-readonly": props.isReadOnly || void 0,
+    "data-required": props.isRequired || void 0
   }, /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
     values: [
       [