@react-aria/overlays 3.11.0 → 3.12.1

package/dist/module.js

@@ -1,49 +1,77 @@
 import $k7QOs$react, {useState as $k7QOs$useState, useCallback as $k7QOs$useCallback, useRef as $k7QOs$useRef, useEffect as $k7QOs$useEffect, useContext as $k7QOs$useContext, useMemo as $k7QOs$useMemo} from "react";
-import {useLayoutEffect as $k7QOs$useLayoutEffect, useId as $k7QOs$useId, isIOS as $k7QOs$isIOS, chain as $k7QOs$chain, getScrollParent as $k7QOs$getScrollParent, useLabels as $k7QOs$useLabels, mergeProps as $k7QOs$mergeProps} from "@react-aria/utils";
+import {useLayoutEffect as $k7QOs$useLayoutEffect, useResizeObserver as $k7QOs$useResizeObserver, useId as $k7QOs$useId, isIOS as $k7QOs$isIOS, chain as $k7QOs$chain, getScrollParent as $k7QOs$getScrollParent, useLabels as $k7QOs$useLabels, mergeProps as $k7QOs$mergeProps} from "@react-aria/utils";
 import {useLocale as $k7QOs$useLocale, useLocalizedStringFormatter as $k7QOs$useLocalizedStringFormatter} from "@react-aria/i18n";
+import {isElementInChildOfActiveScope as $k7QOs$isElementInChildOfActiveScope, FocusScope as $k7QOs$FocusScope} from "@react-aria/focus";
 import {useInteractOutside as $k7QOs$useInteractOutside, useFocusWithin as $k7QOs$useFocusWithin} from "@react-aria/interactions";
 import $k7QOs$reactdom from "react-dom";
 import {useIsSSR as $k7QOs$useIsSSR} from "@react-aria/ssr";
 import {VisuallyHidden as $k7QOs$VisuallyHidden} from "@react-aria/visually-hidden";
-import {FocusScope as $k7QOs$FocusScope} from "@react-aria/focus";
 
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-const $edcf132a9284368a$var$AXIS = {
-    top: 'top',
-    bottom: 'top',
-    left: 'left',
-    right: 'left'
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 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'
+    top: "bottom",
+    bottom: "top",
+    left: "right",
+    right: "left"
 };
 const $edcf132a9284368a$var$CROSS_AXIS = {
-    top: 'left',
-    left: 'top'
+    top: "left",
+    left: "top"
 };
 const $edcf132a9284368a$var$AXIS_SIZE = {
-    top: 'height',
-    left: 'width'
-};
-const $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE = {
+    top: "height",
+    left: "width"
 };
+const $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE = {};
 // @ts-ignore
-let $edcf132a9284368a$var$visualViewport = typeof window !== 'undefined' && window.visualViewport;
+let $edcf132a9284368a$var$visualViewport = typeof window !== "undefined" && window.visualViewport;
 function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
     let width = 0, height = 0, top = 0, left = 0;
-    let scroll = {
-    };
-    if (containerNode.tagName === 'BODY') {
+    let scroll = {};
+    if (containerNode.tagName === "BODY") {
         let documentElement = document.documentElement;
-        var ref;
-        width = (ref = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === void 0 ? void 0 : $edcf132a9284368a$var$visualViewport.width) !== null && ref !== void 0 ? ref : documentElement.clientWidth;
-        var ref1;
-        height = (ref1 = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === void 0 ? void 0 : $edcf132a9284368a$var$visualViewport.height) !== null && ref1 !== void 0 ? ref1 : 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 : documentElement.clientWidth;
+        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 : documentElement.clientHeight;
         scroll.top = documentElement.scrollTop || containerNode.scrollTop;
         scroll.left = documentElement.scrollLeft || containerNode.scrollLeft;
     } else {
@@ -87,10 +115,10 @@ function $edcf132a9284368a$var$getMargins(node) {
 }
 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 [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';
+    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] = {
@@ -105,11 +133,10 @@ function $edcf132a9284368a$var$parsePlacement(input) {
 }
 function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned) {
     let { placement: placement , crossPlacement: crossPlacement , axis: axis , crossAxis: crossAxis , size: size , crossSize: crossSize  } = placementInfo;
-    let position = {
-    };
+    let position = {};
     // button position
     position[crossAxis] = childOffset[crossAxis];
-    if (crossPlacement === 'center') //  + (button size / 2) - (overlay size / 2)
+    if (crossPlacement === "center") //  + (button size / 2) - (overlay size / 2)
     // at this point the overlay center should match the button center
     position[crossAxis] += (childOffset[crossSize] - overlaySize[crossSize]) / 2;
     else if (crossPlacement !== crossAxis) //  + (button size) - (overlay size)
@@ -138,9 +165,13 @@ function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions,
     return position;
 }
 function $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding) {
-    return position.top != null ? Math.max(0, boundaryDimensions.height + boundaryDimensions.top + boundaryDimensions.scroll.top - (containerOffsetWithBoundary.top + position.top) - (margins.top + margins.bottom + padding) // save additional space for margin and padding
-    ) : Math.max(0, childOffset.top + containerOffsetWithBoundary.top - (boundaryDimensions.top + boundaryDimensions.scroll.top) - (margins.top + margins.bottom + padding) // save additional space for margin and padding
-    );
+    return position.top != null ? Math.max(0, boundaryDimensions.height + boundaryDimensions.top + boundaryDimensions.scroll.top // this is the bottom of the boundary
+     - (containerOffsetWithBoundary.top + position.top // this is the top of the overlay
+    ) - (margins.top + margins.bottom + padding // save additional space for margin and padding
+    )) : Math.max(0, childOffset.top + containerOffsetWithBoundary.top // this is the top of the trigger
+     - (boundaryDimensions.top + boundaryDimensions.scroll.top // this is the top of the boundary
+    ) - (margins.top + margins.bottom + padding // save additional space for margin and padding
+    ));
 }
 function $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo) {
     let { placement: placement , axis: axis , size: size  } = placementInfo;
@@ -173,8 +204,7 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
     position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, normalizedOffset, crossOffset, containerOffsetWithBoundary, isContainerPositioned);
     delta = $edcf132a9284368a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, padding);
     position[crossAxis] += delta;
-    let arrowPosition = {
-    };
+    let arrowPosition = {};
     arrowPosition[crossAxis] = childOffset[crossAxis] - position[crossAxis] + childOffset[crossSize] / 2;
     return {
         position: position,
@@ -187,9 +217,9 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
 function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
     let { placement: placement , targetNode: targetNode , overlayNode: overlayNode , scrollNode: scrollNode , padding: padding , shouldFlip: shouldFlip , boundaryElement: boundaryElement , offset: offset , crossOffset: crossOffset , maxHeight: maxHeight  } = opts;
     let container = overlayNode instanceof HTMLElement && overlayNode.offsetParent || document.body;
-    let isBodyContainer = container.tagName === 'BODY';
+    let isBodyContainer = container.tagName === "BODY";
     const containerPositionStyle = window.getComputedStyle(container).position;
-    let isContainerPositioned = !!containerPositionStyle && containerPositionStyle !== 'static';
+    let isContainerPositioned = !!containerPositionStyle && containerPositionStyle !== "static";
     let childOffset = isBodyContainer ? $edcf132a9284368a$var$getOffset(targetNode) : $edcf132a9284368a$var$getPosition(targetNode, container);
     if (!isBodyContainer) {
         let { marginTop: marginTop , marginLeft: marginLeft  } = window.getComputedStyle(targetNode);
@@ -202,7 +232,7 @@ function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
     overlaySize.height += margins.top + margins.bottom;
     let scrollSize = $edcf132a9284368a$var$getScroll(scrollNode);
     let boundaryDimensions = $edcf132a9284368a$var$getContainerDimensions(boundaryElement);
-    let containerOffsetWithBoundary = boundaryElement.tagName === 'BODY' ? $edcf132a9284368a$var$getOffset(container) : $edcf132a9284368a$var$getPosition(container, boundaryElement);
+    let containerOffsetWithBoundary = boundaryElement.tagName === "BODY" ? $edcf132a9284368a$var$getOffset(container) : $edcf132a9284368a$var$getPosition(container, boundaryElement);
     return $edcf132a9284368a$export$6839422d1f33cee9(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, maxHeight);
 }
 function $edcf132a9284368a$var$getOffset(node) {
@@ -218,7 +248,7 @@ function $edcf132a9284368a$var$getOffset(node) {
 function $edcf132a9284368a$var$getPosition(node, parent) {
     let style = window.getComputedStyle(node);
     let offset;
-    if (style.position === 'fixed') {
+    if (style.position === "fixed") {
         let { top: top , left: left , width: width , height: height  } = node.getBoundingClientRect();
         offset = {
             top: top,
@@ -242,12 +272,22 @@ function $edcf132a9284368a$var$getPosition(node, parent) {
 
 
 
-
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 const $dd149f63282afbbf$export$f6211563215e3b37 = new WeakMap();
 function $dd149f63282afbbf$export$18fc8428861184da(opts) {
     let { triggerRef: triggerRef , isOpen: isOpen , onClose: onClose  } = opts;
-    $k7QOs$useEffect(()=>{
-        if (!isOpen) return;
+    (0, $k7QOs$useEffect)(()=>{
+        if (!isOpen || onClose === null) return;
         let onScroll = (e)=>{
             // Ignore if scrolling an scrollable region outside the trigger's tree.
             let target = e.target;
@@ -256,9 +296,9 @@ function $dd149f63282afbbf$export$18fc8428861184da(opts) {
             let onCloseHandler = onClose || $dd149f63282afbbf$export$f6211563215e3b37.get(triggerRef.current);
             if (onCloseHandler) onCloseHandler();
         };
-        window.addEventListener('scroll', onScroll, true);
+        window.addEventListener("scroll", onScroll, true);
         return ()=>{
-            window.removeEventListener('scroll', onScroll, true);
+            window.removeEventListener("scroll", onScroll, true);
         };
     }, [
         isOpen,
@@ -271,13 +311,12 @@ function $dd149f63282afbbf$export$18fc8428861184da(opts) {
 
 
 // @ts-ignore
-let $2a41e45df1593e64$var$visualViewport = typeof window !== 'undefined' && window.visualViewport;
+let $2a41e45df1593e64$var$visualViewport = typeof window !== "undefined" && window.visualViewport;
 function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
-    let { direction: direction  } = $k7QOs$useLocale();
-    let { targetRef: targetRef , overlayRef: overlayRef , scrollRef: scrollRef = overlayRef , placement: placement = 'bottom' , containerPadding: containerPadding = 12 , shouldFlip: shouldFlip = true , boundaryElement: boundaryElement = typeof document !== 'undefined' ? document.body : null , offset: offset = 0 , crossOffset: crossOffset = 0 , shouldUpdatePosition: shouldUpdatePosition = true , isOpen: isOpen = true , onClose: onClose , maxHeight: maxHeight  } = props;
-    let [position, setPosition] = $k7QOs$useState({
-        position: {
-        },
+    let { direction: direction  } = (0, $k7QOs$useLocale)();
+    let { targetRef: targetRef , overlayRef: overlayRef , scrollRef: scrollRef = overlayRef , placement: placement = "bottom" , containerPadding: containerPadding = 12 , shouldFlip: shouldFlip = true , boundaryElement: boundaryElement = typeof document !== "undefined" ? document.body : null , offset: offset = 0 , crossOffset: crossOffset = 0 , shouldUpdatePosition: shouldUpdatePosition = true , isOpen: isOpen = true , onClose: onClose , maxHeight: maxHeight  } = props;
+    let [position, setPosition] = (0, $k7QOs$useState)({
+        position: {},
         arrowOffsetLeft: undefined,
         arrowOffsetTop: undefined,
         maxHeight: undefined,
@@ -298,9 +337,9 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
         direction,
         maxHeight
     ];
-    let updatePosition = $k7QOs$useCallback(()=>{
+    let updatePosition = (0, $k7QOs$useCallback)(()=>{
         if (shouldUpdatePosition === false || !isOpen || !overlayRef.current || !targetRef.current || !scrollRef.current || !boundaryElement) return;
-        setPosition($edcf132a9284368a$export$b3ceb0cbf1056d98({
+        setPosition((0, $edcf132a9284368a$export$b3ceb0cbf1056d98)({
             placement: $2a41e45df1593e64$var$translateRTL(placement, direction),
             overlayNode: overlayRef.current,
             targetNode: targetRef.current,
@@ -312,15 +351,22 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
             crossOffset: crossOffset,
             maxHeight: maxHeight
         }));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
     // Update position when anything changes
-    $k7QOs$useLayoutEffect(updatePosition, deps);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    (0, $k7QOs$useLayoutEffect)(updatePosition, deps);
     // Update position on window resize
     $2a41e45df1593e64$var$useResize(updatePosition);
+    // Update position when the overlay changes size (might need to flip).
+    (0, $k7QOs$useResizeObserver)({
+        ref: overlayRef,
+        onResize: updatePosition
+    });
     // Reposition the overlay and do not close on scroll while the visual viewport is resizing.
     // This will ensure that overlays adjust their positioning when the iOS virtual keyboard appears.
-    let isResizing = $k7QOs$useRef(false);
-    $k7QOs$useLayoutEffect(()=>{
+    let isResizing = (0, $k7QOs$useRef)(false);
+    (0, $k7QOs$useLayoutEffect)(()=>{
         let timeout;
         let onResize = ()=>{
             isResizing.current = true;
@@ -330,14 +376,14 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
             }, 500);
             updatePosition();
         };
-        $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("resize", onResize);
         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("resize", onResize);
         };
     }, [
         updatePosition
     ]);
-    let close = $k7QOs$useCallback(()=>{
+    let close = (0, $k7QOs$useCallback)(()=>{
         if (!isResizing.current) onClose();
     }, [
         onClose,
@@ -345,15 +391,15 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
     ]);
     // When scrolling a parent scrollable region of the trigger (other than the body),
     // we hide the popover. Otherwise, its position would be incorrect.
-    $dd149f63282afbbf$export$18fc8428861184da({
+    (0, $dd149f63282afbbf$export$18fc8428861184da)({
         triggerRef: targetRef,
         isOpen: isOpen,
-        onClose: onClose ? close : undefined
+        onClose: onClose && close
     });
     return {
         overlayProps: {
             style: {
-                position: 'absolute',
+                position: "absolute",
                 zIndex: 100000,
                 ...position.position,
                 maxHeight: position.maxHeight
@@ -370,28 +416,39 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
     };
 }
 function $2a41e45df1593e64$var$useResize(onResize) {
-    $k7QOs$useLayoutEffect(()=>{
-        window.addEventListener('resize', onResize, false);
+    (0, $k7QOs$useLayoutEffect)(()=>{
+        window.addEventListener("resize", onResize, false);
         return ()=>{
-            window.removeEventListener('resize', onResize, false);
+            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');
+    if (direction === "rtl") return position.replace("start", "right").replace("end", "left");
+    return position.replace("start", "left").replace("end", "right");
 }
 
 
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 const $a11501f3d1d39e6c$var$visibleOverlays = [];
 function $a11501f3d1d39e6c$export$ea8f71083e90600f(props, ref) {
     let { onClose: onClose , shouldCloseOnBlur: shouldCloseOnBlur , isOpen: isOpen , isDismissable: isDismissable = false , isKeyboardDismissDisabled: isKeyboardDismissDisabled = false , shouldCloseOnInteractOutside: shouldCloseOnInteractOutside  } = props;
     // Add the overlay ref to the stack of visible overlays on mount, and remove on unmount.
-    $k7QOs$useEffect(()=>{
+    (0, $k7QOs$useEffect)(()=>{
         if (isOpen) $a11501f3d1d39e6c$var$visibleOverlays.push(ref);
         return ()=>{
             let index = $a11501f3d1d39e6c$var$visibleOverlays.indexOf(ref);
@@ -424,21 +481,25 @@ function $a11501f3d1d39e6c$export$ea8f71083e90600f(props, ref) {
     };
     // Handle the escape key
     let onKeyDown = (e)=>{
-        if (e.key === 'Escape' && !isKeyboardDismissDisabled) {
+        if (e.key === "Escape" && !isKeyboardDismissDisabled) {
             e.stopPropagation();
             e.preventDefault();
             onHide();
         }
     };
     // Handle clicking outside the overlay to close it
-    $k7QOs$useInteractOutside({
+    (0, $k7QOs$useInteractOutside)({
         ref: ref,
         onInteractOutside: isDismissable ? onInteractOutside : null,
         onInteractOutsideStart: onInteractOutsideStart
     });
-    let { focusWithinProps: focusWithinProps  } = $k7QOs$useFocusWithin({
+    let { focusWithinProps: focusWithinProps  } = (0, $k7QOs$useFocusWithin)({
         isDisabled: !shouldCloseOnBlur,
         onBlurWithin: (e)=>{
+            // If focus is moving into a child focus scope (e.g. menu inside a dialog),
+            // do not close the outer overlay. At this point, the active scope should
+            // still be the outer overlay, since blur events run before focus.
+            if (e.relatedTarget && (0, $k7QOs$isElementInChildOfActiveScope)(e.relatedTarget)) return;
             if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.relatedTarget)) onClose();
         }
     });
@@ -458,7 +519,17 @@ function $a11501f3d1d39e6c$export$ea8f71083e90600f(props, ref) {
 }
 
 
-
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 function $628037886ba31236$export$f9d5c8beee7d008d(props, state, ref) {
@@ -466,22 +537,22 @@ function $628037886ba31236$export$f9d5c8beee7d008d(props, state, ref) {
     let { isOpen: isOpen  } = state;
     // Backward compatibility. Share state close function with useOverlayPosition so it can close on scroll
     // without forcing users to pass onClose.
-    $k7QOs$useEffect(()=>{
-        if (ref && ref.current) $dd149f63282afbbf$export$f6211563215e3b37.set(ref.current, state.close);
+    (0, $k7QOs$useEffect)(()=>{
+        if (ref && ref.current) (0, $dd149f63282afbbf$export$f6211563215e3b37).set(ref.current, state.close);
     });
     // Aria 1.1 supports multiple values for aria-haspopup other than just menus.
     // https://www.w3.org/TR/wai-aria-1.1/#aria-haspopup
     // However, we only add it for menus for now because screen readers often
     // announce it as a menu even for other values.
     let ariaHasPopup = undefined;
-    if (type === 'menu') ariaHasPopup = true;
-    else if (type === 'listbox') ariaHasPopup = 'listbox';
-    let overlayId = $k7QOs$useId();
+    if (type === "menu") ariaHasPopup = true;
+    else if (type === "listbox") ariaHasPopup = "listbox";
+    let overlayId = (0, $k7QOs$useId)();
     return {
         triggerProps: {
-            'aria-haspopup': ariaHasPopup,
-            'aria-expanded': isOpen,
-            'aria-controls': isOpen ? overlayId : null,
+            "aria-haspopup": ariaHasPopup,
+            "aria-expanded": isOpen,
+            "aria-controls": isOpen ? overlayId : null,
             onPress: state.toggle
         },
         overlayProps: {
@@ -491,28 +562,47 @@ function $628037886ba31236$export$f9d5c8beee7d008d(props, state, ref) {
 }
 
 
-
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 // @ts-ignore
-const $49c51c25361d4cd2$var$visualViewport = typeof window !== 'undefined' && window.visualViewport;
+const $49c51c25361d4cd2$var$visualViewport = typeof window !== "undefined" && window.visualViewport;
 // HTML input types that do not cause the software keyboard to appear.
 const $49c51c25361d4cd2$var$nonTextInputTypes = new Set([
-    'checkbox',
-    'radio',
-    'range',
-    'color',
-    'file',
-    'image',
-    'button',
-    'submit',
-    'reset'
+    "checkbox",
+    "radio",
+    "range",
+    "color",
+    "file",
+    "image",
+    "button",
+    "submit",
+    "reset"
 ]);
-function $49c51c25361d4cd2$export$ee0f7cc6afcd1c18(options = {
-}) {
+// The number of active usePreventScroll calls. Used to determine whether to revert back to the original page style/scroll position
+let $49c51c25361d4cd2$var$preventScrollCount = 0;
+let $49c51c25361d4cd2$var$restore;
+function $49c51c25361d4cd2$export$ee0f7cc6afcd1c18(options = {}) {
     let { isDisabled: isDisabled  } = options;
-    $k7QOs$useLayoutEffect(()=>{
+    (0, $k7QOs$useLayoutEffect)(()=>{
         if (isDisabled) return;
-        if ($k7QOs$isIOS()) return $49c51c25361d4cd2$var$preventScrollMobileSafari();
-        else return $49c51c25361d4cd2$var$preventScrollStandard();
+        $49c51c25361d4cd2$var$preventScrollCount++;
+        if ($49c51c25361d4cd2$var$preventScrollCount === 1) {
+            if ((0, $k7QOs$isIOS)()) $49c51c25361d4cd2$var$restore = $49c51c25361d4cd2$var$preventScrollMobileSafari();
+            else $49c51c25361d4cd2$var$restore = $49c51c25361d4cd2$var$preventScrollStandard();
+        }
+        return ()=>{
+            $49c51c25361d4cd2$var$preventScrollCount--;
+            if ($49c51c25361d4cd2$var$preventScrollCount === 0) $49c51c25361d4cd2$var$restore();
+        };
     }, [
         isDisabled
     ]);
@@ -520,7 +610,7 @@ function $49c51c25361d4cd2$export$ee0f7cc6afcd1c18(options = {
 // For most browsers, all we need to do is set `overflow: hidden` on the root element, and
 // add some padding to prevent the page from shifting when the scrollbar is hidden.
 function $49c51c25361d4cd2$var$preventScrollStandard() {
-    return $k7QOs$chain($49c51c25361d4cd2$var$setStyle(document.documentElement, 'paddingRight', `${window.innerWidth - document.documentElement.clientWidth}px`), $49c51c25361d4cd2$var$setStyle(document.documentElement, 'overflow', 'hidden'));
+    return (0, $k7QOs$chain)($49c51c25361d4cd2$var$setStyle(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), $49c51c25361d4cd2$var$setStyle(document.documentElement, "overflow", "hidden"));
 }
 // Mobile Safari is a whole different beast. Even with overflow: hidden,
 // it still scrolls the page in many situations:
@@ -553,7 +643,7 @@ function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
     let lastY = 0;
     let onTouchStart = (e)=>{
         // Store the nearest scrollable parent element from the element that the user touched.
-        scrollable = $k7QOs$getScrollParent(e.target);
+        scrollable = (0, $k7QOs$getScrollParent)(e.target);
         if (scrollable === document.documentElement && scrollable === document.body) return;
         lastY = e.changedTouches[0].pageY;
     };
@@ -581,10 +671,10 @@ function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
             // Apply a transform to trick Safari into thinking the input is at the top of the page
             // so it doesn't try to scroll it into view. When tapping on an input, this needs to
             // be done before the "focus" event, so we have to focus the element ourselves.
-            target.style.transform = 'translateY(-2000px)';
+            target.style.transform = "translateY(-2000px)";
             target.focus();
             requestAnimationFrame(()=>{
-                target.style.transform = '';
+                target.style.transform = "";
             });
         }
     };
@@ -595,9 +685,9 @@ function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
             // other than tapping on an input directly, e.g. the next/previous buttons in the
             // software keyboard. In these cases, it seems applying the transform in the focus event
             // is good enough, whereas when tapping an input, it must be done before the focus event. 🤷‍♂️
-            target.style.transform = 'translateY(-2000px)';
+            target.style.transform = "translateY(-2000px)";
             requestAnimationFrame(()=>{
-                target.style.transform = '';
+                target.style.transform = "";
                 // This will have prevented the browser from scrolling the focused element into view,
                 // so we need to do this ourselves in a way that doesn't cause the whole page to scroll.
                 if ($49c51c25361d4cd2$var$visualViewport) {
@@ -608,8 +698,7 @@ function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
                     });
                     else // Otherwise, wait for the visual viewport to resize before scrolling so we can
                     // measure the correct position to scroll to.
-                    $49c51c25361d4cd2$var$visualViewport.addEventListener('resize', ()=>$49c51c25361d4cd2$var$scrollIntoView(target)
-                    , {
+                    $49c51c25361d4cd2$var$visualViewport.addEventListener("resize", ()=>$49c51c25361d4cd2$var$scrollIntoView(target), {
                         once: true
                     });
                 }
@@ -626,19 +715,19 @@ function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
     // enable us to scroll the window to the top, which is required for the rest of this to work.
     let scrollX = window.pageXOffset;
     let scrollY = window.pageYOffset;
-    let restoreStyles = $k7QOs$chain($49c51c25361d4cd2$var$setStyle(document.documentElement, 'paddingRight', `${window.innerWidth - document.documentElement.clientWidth}px`), $49c51c25361d4cd2$var$setStyle(document.documentElement, 'overflow', 'hidden'), $49c51c25361d4cd2$var$setStyle(document.body, 'marginTop', `-${scrollY}px`));
+    let restoreStyles = (0, $k7QOs$chain)($49c51c25361d4cd2$var$setStyle(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), $49c51c25361d4cd2$var$setStyle(document.documentElement, "overflow", "hidden"), $49c51c25361d4cd2$var$setStyle(document.body, "marginTop", `-${scrollY}px`));
     // Scroll to the top. The negative margin on the body will make this appear the same.
     window.scrollTo(0, 0);
-    let removeEvents = $k7QOs$chain($49c51c25361d4cd2$var$addEvent(document, 'touchstart', onTouchStart, {
+    let removeEvents = (0, $k7QOs$chain)($49c51c25361d4cd2$var$addEvent(document, "touchstart", onTouchStart, {
         passive: false,
         capture: true
-    }), $49c51c25361d4cd2$var$addEvent(document, 'touchmove', onTouchMove, {
+    }), $49c51c25361d4cd2$var$addEvent(document, "touchmove", onTouchMove, {
         passive: false,
         capture: true
-    }), $49c51c25361d4cd2$var$addEvent(document, 'touchend', onTouchEnd, {
+    }), $49c51c25361d4cd2$var$addEvent(document, "touchend", onTouchEnd, {
         passive: false,
         capture: true
-    }), $49c51c25361d4cd2$var$addEvent(document, 'focus', onFocus, true), $49c51c25361d4cd2$var$addEvent(window, 'scroll', onWindowScroll));
+    }), $49c51c25361d4cd2$var$addEvent(document, "focus", onFocus, true), $49c51c25361d4cd2$var$addEvent(window, "scroll", onWindowScroll));
     return ()=>{
         // Restore styles and scroll the page back to where it was.
         restoreStyles();
@@ -665,7 +754,7 @@ function $49c51c25361d4cd2$var$scrollIntoView(target) {
     let root = document.scrollingElement || document.documentElement;
     while(target && target !== root){
         // Find the parent scrollable element and adjust the scroll position if the target is not already in view.
-        let scrollable = $k7QOs$getScrollParent(target);
+        let scrollable = (0, $k7QOs$getScrollParent)(target);
         if (scrollable !== document.documentElement && scrollable !== document.body && scrollable !== target) {
             let scrollableTop = scrollable.getBoundingClientRect().top;
             let targetTop = target.getBoundingClientRect().top;
@@ -679,41 +768,48 @@ function $49c51c25361d4cd2$var$willOpenKeyboard(target) {
 }
 
 
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
-
-const $f57aed4a881a3485$var$Context = /*#__PURE__*/ $k7QOs$react.createContext(null);
+const $f57aed4a881a3485$var$Context = /*#__PURE__*/ (0, $k7QOs$react).createContext(null);
 function $f57aed4a881a3485$export$178405afcd8c5eb(props) {
     let { children: children  } = props;
-    let parent = $k7QOs$useContext($f57aed4a881a3485$var$Context);
-    let [modalCount, setModalCount] = $k7QOs$useState(0);
-    let context = $k7QOs$useMemo(()=>({
+    let parent = (0, $k7QOs$useContext)($f57aed4a881a3485$var$Context);
+    let [modalCount, setModalCount] = (0, $k7QOs$useState)(0);
+    let context = (0, $k7QOs$useMemo)(()=>({
             parent: parent,
             modalCount: modalCount,
             addModal () {
-                setModalCount((count)=>count + 1
-                );
+                setModalCount((count)=>count + 1);
                 if (parent) parent.addModal();
             },
             removeModal () {
-                setModalCount((count)=>count - 1
-                );
+                setModalCount((count)=>count - 1);
                 if (parent) parent.removeModal();
             }
-        })
-    , [
+        }), [
         parent,
         modalCount
     ]);
-    return(/*#__PURE__*/ $k7QOs$react.createElement($f57aed4a881a3485$var$Context.Provider, {
+    return /*#__PURE__*/ (0, $k7QOs$react).createElement($f57aed4a881a3485$var$Context.Provider, {
         value: context
-    }, children));
+    }, children);
 }
 function $f57aed4a881a3485$export$d9aaed4c3ece1bc0() {
-    let context = $k7QOs$useContext($f57aed4a881a3485$var$Context);
+    let context = (0, $k7QOs$useContext)($f57aed4a881a3485$var$Context);
     return {
         modalProviderProps: {
-            'aria-hidden': context && context.modalCount > 0 ? true : null
+            "aria-hidden": context && context.modalCount > 0 ? true : null
         }
     };
 }
@@ -721,32 +817,32 @@ function $f57aed4a881a3485$export$d9aaed4c3ece1bc0() {
  * Creates a root node that will be aria-hidden if there are other modals open.
  */ function $f57aed4a881a3485$var$OverlayContainerDOM(props) {
     let { modalProviderProps: modalProviderProps  } = $f57aed4a881a3485$export$d9aaed4c3ece1bc0();
-    return(/*#__PURE__*/ $k7QOs$react.createElement("div", {
+    return /*#__PURE__*/ (0, $k7QOs$react).createElement("div", {
         "data-overlay-container": true,
         ...props,
         ...modalProviderProps
-    }));
+    });
 }
 function $f57aed4a881a3485$export$bf688221f59024e5(props) {
-    return(/*#__PURE__*/ $k7QOs$react.createElement($f57aed4a881a3485$export$178405afcd8c5eb, null, /*#__PURE__*/ $k7QOs$react.createElement($f57aed4a881a3485$var$OverlayContainerDOM, props)));
+    return /*#__PURE__*/ (0, $k7QOs$react).createElement($f57aed4a881a3485$export$178405afcd8c5eb, null, /*#__PURE__*/ (0, $k7QOs$react).createElement($f57aed4a881a3485$var$OverlayContainerDOM, props));
 }
 function $f57aed4a881a3485$export$b47c3594eab58386(props) {
-    let isSSR = $k7QOs$useIsSSR();
+    let isSSR = (0, $k7QOs$useIsSSR)();
     let { portalContainer: portalContainer = isSSR ? null : document.body , ...rest } = props;
-    $k7QOs$react.useEffect(()=>{
-        if (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.closest('[data-overlay-container]')) throw new Error('An OverlayContainer must not be inside another container. Please change the portalContainer prop.');
+    (0, $k7QOs$react).useEffect(()=>{
+        if (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.closest("[data-overlay-container]")) throw new Error("An OverlayContainer must not be inside another container. Please change the portalContainer prop.");
     }, [
         portalContainer
     ]);
     if (!portalContainer) return null;
-    let contents = /*#__PURE__*/ $k7QOs$react.createElement($f57aed4a881a3485$export$bf688221f59024e5, rest);
-    return(/*#__PURE__*/ $k7QOs$reactdom.createPortal(contents, portalContainer));
+    let contents = /*#__PURE__*/ (0, $k7QOs$react).createElement($f57aed4a881a3485$export$bf688221f59024e5, rest);
+    return /*#__PURE__*/ (0, $k7QOs$reactdom).createPortal(contents, portalContainer);
 }
 function $f57aed4a881a3485$export$33ffd74ebf07f060(options) {
     // Add aria-hidden to all parent providers on mount, and restore on unmount.
-    let context = $k7QOs$useContext($f57aed4a881a3485$var$Context);
-    if (!context) throw new Error('Modal is not contained within a provider');
-    $k7QOs$useEffect(()=>{
+    let context = (0, $k7QOs$useContext)($f57aed4a881a3485$var$Context);
+    if (!context) throw new Error("Modal is not contained within a provider");
+    (0, $k7QOs$useEffect)(()=>{
         if ((options === null || options === void 0 ? void 0 : options.isDisabled) || !context || !context.parent) return;
         // The immediate context is from the provider containing this modal, so we only
         // want to trigger aria-hidden on its parents not on the modal provider itself.
@@ -761,13 +857,23 @@ function $f57aed4a881a3485$export$33ffd74ebf07f060(options) {
     ]);
     return {
         modalProps: {
-            'data-ismodal': !(options === null || options === void 0 ? void 0 : options.isDisabled)
+            "data-ismodal": !(options === null || options === void 0 ? void 0 : options.isDisabled)
         }
     };
 }
 
 
-var $61fe14465afefc5e$exports = {};
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ var $61fe14465afefc5e$exports = {};
 var $773d5888b972f1cf$exports = {};
 $773d5888b972f1cf$exports = {
     "dismiss": `تجاهل`
@@ -1016,16 +1122,16 @@ $61fe14465afefc5e$exports = {
 
 function $86ea4cb521eb2e37$export$2317d149ed6f78c4(props) {
     let { onDismiss: onDismiss , ...otherProps } = props;
-    let stringFormatter = $k7QOs$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($61fe14465afefc5e$exports)));
-    let labels = $k7QOs$useLabels(otherProps, stringFormatter.format('dismiss'));
+    let stringFormatter = (0, $k7QOs$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($61fe14465afefc5e$exports))));
+    let labels = (0, $k7QOs$useLabels)(otherProps, stringFormatter.format("dismiss"));
     let onClick = ()=>{
         if (onDismiss) onDismiss();
     };
-    return(/*#__PURE__*/ $k7QOs$react.createElement($k7QOs$VisuallyHidden, null, /*#__PURE__*/ $k7QOs$react.createElement("button", {
+    return /*#__PURE__*/ (0, $k7QOs$react).createElement((0, $k7QOs$VisuallyHidden), null, /*#__PURE__*/ (0, $k7QOs$react).createElement("button", {
         ...labels,
         tabIndex: -1,
         onClick: onClick
-    })));
+    }));
 }
 
 
@@ -1042,51 +1148,53 @@ function $86ea4cb521eb2e37$export$2317d149ed6f78c4(props) {
  */ // Keeps a ref count of all hidden elements. Added to when hiding an element, and
 // subtracted from when showing it again. When it reaches zero, aria-hidden is removed.
 let $5e3802645cc19319$var$refCountMap = new WeakMap();
+let $5e3802645cc19319$var$observerStack = [];
 function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body) {
     let visibleNodes = new Set(targets);
     let hiddenNodes = new Set();
     let walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {
         acceptNode (node) {
             // If this node is a live announcer, add it to the set of nodes to keep visible.
-            if ((node instanceof HTMLElement || node instanceof SVGElement) && node.dataset.liveAnnouncer === 'true') visibleNodes.add(node);
+            if ((node instanceof HTMLElement || node instanceof SVGElement) && node.dataset.liveAnnouncer === "true") visibleNodes.add(node);
             // Skip this node and its children if it is one of the target nodes, or a live announcer.
             // Also skip children of already hidden nodes, as aria-hidden is recursive. An exception is
             // made for elements with role="row" since VoiceOver on iOS has issues hiding elements with role="row".
             // For that case we want to hide the cells inside as well (https://bugs.webkit.org/show_bug.cgi?id=222623).
-            if (visibleNodes.has(node) || hiddenNodes.has(node.parentElement) && node.parentElement.getAttribute('role') !== 'row') return NodeFilter.FILTER_REJECT;
+            if (visibleNodes.has(node) || hiddenNodes.has(node.parentElement) && node.parentElement.getAttribute("role") !== "row") return NodeFilter.FILTER_REJECT;
             // Skip this node but continue to children if one of the targets is inside the node.
-            if (targets.some((target)=>node.contains(target)
-            )) return NodeFilter.FILTER_SKIP;
+            if (targets.some((target)=>node.contains(target))) return NodeFilter.FILTER_SKIP;
             return NodeFilter.FILTER_ACCEPT;
         }
     });
     let hide = (node)=>{
-        var ref;
-        let refCount = (ref = $5e3802645cc19319$var$refCountMap.get(node)) !== null && ref !== void 0 ? ref : 0;
+        var _refCountMap_get;
+        let refCount = (_refCountMap_get = $5e3802645cc19319$var$refCountMap.get(node)) !== null && _refCountMap_get !== void 0 ? _refCountMap_get : 0;
         // If already aria-hidden, and the ref count is zero, then this element
         // was already hidden and there's nothing for us to do.
-        if (node.getAttribute('aria-hidden') === 'true' && refCount === 0) return;
-        if (refCount === 0) node.setAttribute('aria-hidden', 'true');
+        if (node.getAttribute("aria-hidden") === "true" && refCount === 0) return;
+        if (refCount === 0) node.setAttribute("aria-hidden", "true");
         hiddenNodes.add(node);
         $5e3802645cc19319$var$refCountMap.set(node, refCount + 1);
     };
-    let node1 = walker.nextNode();
-    while(node1 != null){
-        hide(node1);
-        node1 = walker.nextNode();
+    // If there is already a MutationObserver listening from a previous call,
+    // disconnect it so the new on takes over.
+    if ($5e3802645cc19319$var$observerStack.length) $5e3802645cc19319$var$observerStack[$5e3802645cc19319$var$observerStack.length - 1].disconnect();
+    let node = walker.nextNode();
+    while(node != null){
+        hide(node);
+        node = walker.nextNode();
     }
     let observer = new MutationObserver((changes)=>{
         for (let change of changes){
-            if (change.type !== 'childList' || change.addedNodes.length === 0) continue;
+            if (change.type !== "childList" || change.addedNodes.length === 0) continue;
             // If the parent element of the added nodes is not within one of the targets,
             // and not already inside a hidden node, hide all of the new children.
             if (![
                 ...visibleNodes,
                 ...hiddenNodes
-            ].some((node)=>node.contains(change.target)
-            )) for (let node2 of change.addedNodes){
-                if ((node2 instanceof HTMLElement || node2 instanceof SVGElement) && node2.dataset.liveAnnouncer === 'true') visibleNodes.add(node2);
-                else if (node2 instanceof Element) hide(node2);
+            ].some((node)=>node.contains(change.target))) for (let node of change.addedNodes){
+                if ((node instanceof HTMLElement || node instanceof SVGElement) && node.dataset.liveAnnouncer === "true") visibleNodes.add(node);
+                else if (node instanceof Element) hide(node);
             }
         }
     });
@@ -1094,40 +1202,83 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body
         childList: true,
         subtree: true
     });
+    let observerWrapper = {
+        observe () {
+            observer.observe(root, {
+                childList: true,
+                subtree: true
+            });
+        },
+        disconnect () {
+            observer.disconnect();
+        }
+    };
+    $5e3802645cc19319$var$observerStack.push(observerWrapper);
     return ()=>{
         observer.disconnect();
         for (let node of hiddenNodes){
             let count = $5e3802645cc19319$var$refCountMap.get(node);
             if (count === 1) {
-                node.removeAttribute('aria-hidden');
+                node.removeAttribute("aria-hidden");
                 $5e3802645cc19319$var$refCountMap.delete(node);
             } else $5e3802645cc19319$var$refCountMap.set(node, count - 1);
         }
+        // Remove this observer from the stack, and start the previous one.
+        if (observerWrapper === $5e3802645cc19319$var$observerStack[$5e3802645cc19319$var$observerStack.length - 1]) {
+            $5e3802645cc19319$var$observerStack.pop();
+            if ($5e3802645cc19319$var$observerStack.length) $5e3802645cc19319$var$observerStack[$5e3802645cc19319$var$observerStack.length - 1].observe();
+        } else $5e3802645cc19319$var$observerStack.splice($5e3802645cc19319$var$observerStack.indexOf(observerWrapper), 1);
     };
 }
 
 
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 
 
 
 function $f2f8a6077418541e$export$542a6fd13ac93354(props, state) {
-    let { triggerRef: triggerRef , popoverRef: popoverRef , isNonModal: isNonModal , ...otherProps } = props;
-    let { overlayProps: overlayProps  } = $a11501f3d1d39e6c$export$ea8f71083e90600f({
+    let { triggerRef: triggerRef , popoverRef: popoverRef , isNonModal: isNonModal , isKeyboardDismissDisabled: isKeyboardDismissDisabled , ...otherProps } = props;
+    let { overlayProps: overlayProps , underlayProps: underlayProps  } = (0, $a11501f3d1d39e6c$export$ea8f71083e90600f)({
         isOpen: state.isOpen,
         onClose: state.close,
         shouldCloseOnBlur: true,
-        isDismissable: true
+        isDismissable: !isNonModal,
+        isKeyboardDismissDisabled: isKeyboardDismissDisabled
     }, popoverRef);
-    let { overlayProps: positionProps , arrowProps: arrowProps  } = $2a41e45df1593e64$export$d39e1813b3bdd0e1({
+    let { overlayProps: positionProps , arrowProps: arrowProps , placement: placement  } = (0, $2a41e45df1593e64$export$d39e1813b3bdd0e1)({
         ...otherProps,
         targetRef: triggerRef,
         overlayRef: popoverRef,
-        isOpen: state.isOpen
+        isOpen: state.isOpen,
+        onClose: null
+    });
+    // Delay preventing scroll until popover is positioned to avoid extra scroll padding.
+    // This requires a layout effect so that positioning has been committed to the DOM
+    // by the time usePreventScroll measures the element.
+    let [isPositioned, setPositioned] = (0, $k7QOs$useState)(false);
+    (0, $k7QOs$useLayoutEffect)(()=>{
+        if (!isNonModal && placement) setPositioned(true);
+    }, [
+        isNonModal,
+        placement
+    ]);
+    (0, $49c51c25361d4cd2$export$ee0f7cc6afcd1c18)({
+        isDisabled: isNonModal || !isPositioned
     });
-    $k7QOs$useEffect(()=>{
-        if (state.isOpen && !isNonModal) return $5e3802645cc19319$export$1c3ebcada18427bf([
+    (0, $k7QOs$useLayoutEffect)(()=>{
+        if (state.isOpen && !isNonModal && popoverRef.current) return (0, $5e3802645cc19319$export$1c3ebcada18427bf)([
             popoverRef.current
         ]);
     }, [
@@ -1136,38 +1287,68 @@ function $f2f8a6077418541e$export$542a6fd13ac93354(props, state) {
         popoverRef
     ]);
     return {
-        popoverProps: $k7QOs$mergeProps(overlayProps, positionProps),
-        arrowProps: arrowProps
+        popoverProps: (0, $k7QOs$mergeProps)(overlayProps, positionProps),
+        arrowProps: arrowProps,
+        underlayProps: underlayProps,
+        placement: placement
     };
 }
 
 
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 
 
-
-
-const $337b884510726a0d$var$OverlayContext = /*#__PURE__*/ $k7QOs$react.createContext(null);
+const $337b884510726a0d$export$a2200b96afd16271 = /*#__PURE__*/ (0, $k7QOs$react).createContext(null);
 function $337b884510726a0d$export$c6fdb837b070b4ff(props) {
-    let isSSR = $k7QOs$useIsSSR();
+    let isSSR = (0, $k7QOs$useIsSSR)();
     let { portalContainer: portalContainer = isSSR ? null : document.body  } = props;
-    let [contain, setContain] = $k7QOs$useState(false);
+    let [contain, setContain] = (0, $k7QOs$useState)(false);
+    let contextValue = (0, $k7QOs$useMemo)(()=>({
+            contain: contain,
+            setContain: setContain
+        }), [
+        contain,
+        setContain
+    ]);
     if (!portalContainer) return null;
-    let contents = /*#__PURE__*/ $k7QOs$react.createElement($337b884510726a0d$var$OverlayContext.Provider, {
-        value: setContain
-    }, /*#__PURE__*/ $k7QOs$react.createElement($k7QOs$FocusScope, {
+    let contents = /*#__PURE__*/ (0, $k7QOs$react).createElement($337b884510726a0d$export$a2200b96afd16271.Provider, {
+        value: contextValue
+    }, /*#__PURE__*/ (0, $k7QOs$react).createElement((0, $k7QOs$FocusScope), {
         restoreFocus: true,
         contain: contain
     }, props.children));
-    return(/*#__PURE__*/ $k7QOs$reactdom.createPortal(contents, portalContainer));
+    return /*#__PURE__*/ (0, $k7QOs$reactdom).createPortal(contents, portalContainer);
 }
 function $337b884510726a0d$export$14c98a7594375490() {
-    let setContain = $k7QOs$useContext($337b884510726a0d$var$OverlayContext);
-    $k7QOs$useLayoutEffect(()=>{
+    let ctx = (0, $k7QOs$useContext)($337b884510726a0d$export$a2200b96afd16271);
+    let setContain = ctx === null || ctx === void 0 ? void 0 : ctx.setContain;
+    (0, $k7QOs$useLayoutEffect)(()=>{
         setContain === null || setContain === void 0 ? void 0 : setContain(true);
     }, [
         setContain
@@ -1177,17 +1358,17 @@ function $337b884510726a0d$export$14c98a7594375490() {
 
 
 function $8ac8429251c45e4b$export$dbc0f175b25fb0fb(props, state, ref) {
-    let { overlayProps: overlayProps , underlayProps: underlayProps  } = $a11501f3d1d39e6c$export$ea8f71083e90600f({
+    let { overlayProps: overlayProps , underlayProps: underlayProps  } = (0, $a11501f3d1d39e6c$export$ea8f71083e90600f)({
         ...props,
         isOpen: state.isOpen,
         onClose: state.close
     }, ref);
-    $49c51c25361d4cd2$export$ee0f7cc6afcd1c18({
+    (0, $49c51c25361d4cd2$export$ee0f7cc6afcd1c18)({
         isDisabled: !state.isOpen
     });
-    $337b884510726a0d$export$14c98a7594375490();
-    $k7QOs$useEffect(()=>{
-        if (state.isOpen) return $5e3802645cc19319$export$1c3ebcada18427bf([
+    (0, $337b884510726a0d$export$14c98a7594375490)();
+    (0, $k7QOs$useEffect)(()=>{
+        if (state.isOpen) return (0, $5e3802645cc19319$export$1c3ebcada18427bf)([
             ref.current
         ]);
     }, [
@@ -1195,7 +1376,7 @@ function $8ac8429251c45e4b$export$dbc0f175b25fb0fb(props, state, ref) {
         ref
     ]);
     return {
-        modalProps: $k7QOs$mergeProps(overlayProps),
+        modalProps: (0, $k7QOs$mergeProps)(overlayProps),
         underlayProps: underlayProps
     };
 }