@cdx-ui/primitives 0.0.1-beta.16 → 0.0.1-beta.160

package/lib/module/overlay/getAnchoredOverlayPosition.js

@@ -0,0 +1,183 @@
+"use strict";
+
+export const OVERLAY_PLACEMENTS = ['auto', 'auto-start', 'auto-end', 'top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end'];
+const DEFAULT_COLLISION_PADDING = 8;
+const DEFAULT_OFFSET = 4;
+function toInsets(value) {
+  if (typeof value === 'number') {
+    return {
+      top: value,
+      right: value,
+      bottom: value,
+      left: value
+    };
+  }
+  return {
+    top: value?.top ?? DEFAULT_COLLISION_PADDING,
+    right: value?.right ?? DEFAULT_COLLISION_PADDING,
+    bottom: value?.bottom ?? DEFAULT_COLLISION_PADDING,
+    left: value?.left ?? DEFAULT_COLLISION_PADDING
+  };
+}
+function parsePlacement(placement) {
+  const [side, align = 'center'] = placement.split('-');
+  return {
+    side,
+    align
+  };
+}
+function stringifyPlacement({
+  side,
+  align
+}) {
+  return align === 'center' ? side : `${side}-${align}`;
+}
+function oppositeSide(side) {
+  switch (side) {
+    case 'top':
+      return 'bottom';
+    case 'right':
+      return 'left';
+    case 'bottom':
+      return 'top';
+    case 'left':
+      return 'right';
+  }
+}
+function availableMainAxis(side, anchor, boundary, offset) {
+  switch (side) {
+    case 'top':
+      return anchor.y - offset - boundary.top;
+    case 'right':
+      return boundary.right - (anchor.x + anchor.width + offset);
+    case 'bottom':
+      return boundary.bottom - (anchor.y + anchor.height + offset);
+    case 'left':
+      return anchor.x - offset - boundary.left;
+  }
+}
+function mainAxisSize(side, floating) {
+  return side === 'top' || side === 'bottom' ? floating.height : floating.width;
+}
+function resolveAutoSide(anchor, floating, boundary, offset) {
+  const sides = ['bottom', 'top', 'right', 'left'];
+  return sides.reduce((best, side) => {
+    const available = availableMainAxis(side, anchor, boundary, offset);
+    const bestAvailable = availableMainAxis(best, anchor, boundary, offset);
+    const fits = available >= mainAxisSize(side, floating);
+    const bestFits = bestAvailable >= mainAxisSize(best, floating);
+    if (fits !== bestFits) {
+      return fits ? side : best;
+    }
+    return available > bestAvailable ? side : best;
+  });
+}
+function alignCoordinate(anchorStart, anchorSize, floatingSize, align, reverseLogicalAlignment) {
+  const resolvedAlign = reverseLogicalAlignment && align !== 'center' ? align === 'start' ? 'end' : 'start' : align;
+  if (resolvedAlign === 'start') {
+    return anchorStart;
+  }
+  if (resolvedAlign === 'end') {
+    return anchorStart + anchorSize - floatingSize;
+  }
+  return anchorStart + (anchorSize - floatingSize) / 2;
+}
+function clamp(value, min, max) {
+  if (max < min) return min;
+  return Math.min(Math.max(value, min), max);
+}
+function getTransformOrigin(side, arrow, floating) {
+  const x = arrow.x ?? floating.width / 2;
+  const y = arrow.y ?? floating.height / 2;
+  switch (side) {
+    case 'top':
+      return `${String(x)}px 100%`;
+    case 'right':
+      return `0% ${String(y)}px`;
+    case 'bottom':
+      return `${String(x)}px 0%`;
+    case 'left':
+      return `100% ${String(y)}px`;
+  }
+}
+export function getAnchoredOverlayPosition(anchor, floatingLayout, viewport, options = {}) {
+  const placement = options.placement ?? 'bottom-start';
+  const offset = options.offset ?? DEFAULT_OFFSET;
+  const crossOffset = options.crossOffset ?? 0;
+  const collisionBehavior = options.collisionBehavior ?? 'flip-shift';
+  const collisionPadding = toInsets(options.collisionPadding);
+  const insets = {
+    top: options.insets?.top ?? 0,
+    right: options.insets?.right ?? 0,
+    bottom: options.insets?.bottom ?? 0,
+    left: options.insets?.left ?? 0
+  };
+  const boundary = {
+    top: insets.top + collisionPadding.top,
+    right: viewport.width - insets.right - collisionPadding.right,
+    bottom: viewport.height - insets.bottom - collisionPadding.bottom,
+    left: insets.left + collisionPadding.left
+  };
+  const parsed = parsePlacement(placement);
+  const measuredFloating = {
+    width: options.width === 'anchor' ? anchor.width : floatingLayout.width,
+    height: floatingLayout.height
+  };
+  let side = parsed.side === 'auto' ? resolveAutoSide(anchor, measuredFloating, boundary, offset) : parsed.side;
+  const align = parsed.align;
+  if (parsed.side !== 'auto' && collisionBehavior !== 'none') {
+    const opposite = oppositeSide(side);
+    const available = availableMainAxis(side, anchor, boundary, offset);
+    const oppositeAvailable = availableMainAxis(opposite, anchor, boundary, offset);
+    const required = mainAxisSize(side, measuredFloating);
+    if (available < required && oppositeAvailable > available) {
+      side = opposite;
+    }
+  }
+  let left;
+  let top;
+  if (side === 'top' || side === 'bottom') {
+    left = alignCoordinate(anchor.x, anchor.width, measuredFloating.width, align, options.isRTL ?? false) + crossOffset;
+    top = side === 'top' ? anchor.y - offset - measuredFloating.height : anchor.y + anchor.height + offset;
+  } else {
+    left = side === 'left' ? anchor.x - offset - measuredFloating.width : anchor.x + anchor.width + offset;
+    top = alignCoordinate(anchor.y, anchor.height, measuredFloating.height, align, false) + crossOffset;
+  }
+  if (collisionBehavior === 'flip-shift') {
+    if (side === 'top' || side === 'bottom') {
+      left = clamp(left, boundary.left, boundary.right - measuredFloating.width);
+    } else {
+      top = clamp(top, boundary.top, boundary.bottom - measuredFloating.height);
+    }
+  }
+  const availableWidth = side === 'left' || side === 'right' ? Math.max(0, availableMainAxis(side, anchor, boundary, offset)) : Math.max(0, boundary.right - boundary.left);
+  const availableHeight = side === 'top' || side === 'bottom' ? Math.max(0, availableMainAxis(side, anchor, boundary, offset)) : Math.max(0, boundary.bottom - boundary.top);
+  const arrowBoundaryOffset = options.arrowBoundaryOffset ?? 8;
+  const anchorCenterX = anchor.x + anchor.width / 2;
+  const anchorCenterY = anchor.y + anchor.height / 2;
+  const arrow = side === 'top' || side === 'bottom' ? {
+    x: clamp(anchorCenterX - left, arrowBoundaryOffset, measuredFloating.width - arrowBoundaryOffset)
+  } : {
+    y: clamp(anchorCenterY - top, arrowBoundaryOffset, measuredFloating.height - arrowBoundaryOffset)
+  };
+  const resolvedPlacement = {
+    side,
+    align
+  };
+  return {
+    style: {
+      left,
+      top,
+      width: options.width === 'anchor' ? anchor.width : undefined,
+      maxWidth: availableWidth,
+      maxHeight: availableHeight
+    },
+    resolvedPlacement,
+    placement: stringifyPlacement(resolvedPlacement),
+    availableWidth,
+    availableHeight,
+    arrow,
+    transformOrigin: getTransformOrigin(side, arrow, measuredFloating)
+  };
+}
+//# sourceMappingURL=getAnchoredOverlayPosition.js.map

package/lib/module/overlay/getAnchoredOverlayPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OVERLAY_PLACEMENTS","DEFAULT_COLLISION_PADDING","DEFAULT_OFFSET","toInsets","value","top","right","bottom","left","parsePlacement","placement","side","align","split","stringifyPlacement","oppositeSide","availableMainAxis","anchor","boundary","offset","y","x","width","height","mainAxisSize","floating","resolveAutoSide","sides","reduce","best","available","bestAvailable","fits","bestFits","alignCoordinate","anchorStart","anchorSize","floatingSize","reverseLogicalAlignment","resolvedAlign","clamp","min","max","Math","getTransformOrigin","arrow","String","getAnchoredOverlayPosition","floatingLayout","viewport","options","crossOffset","collisionBehavior","collisionPadding","insets","parsed","measuredFloating","opposite","oppositeAvailable","required","isRTL","availableWidth","availableHeight","arrowBoundaryOffset","anchorCenterX","anchorCenterY","resolvedPlacement","style","undefined","maxWidth","maxHeight","transformOrigin"],"sourceRoot":"../../../src","sources":["overlay/getAnchoredOverlayPosition.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/overlay/index.js

@@ -1,8 +1,12 @@
 "use strict";
 
+export { MODAL_OVERLAY_Z_INDEX, NOTIFICATION_OVERLAY_Z_INDEX } from './constants';
 export { OverlayContainer } from './OverlayContainer';
+export { OverlayStackProvider, useOverlayStackRegistration } from './OverlayStack';
 export { useAnchorPosition } from './useAnchorPosition';
 export { useDismissOverlay } from './useDismissOverlay';
 export { useEscapeKey } from './useEscapeKey';
+export { getAnchoredOverlayPosition, OVERLAY_PLACEMENTS } from './getAnchoredOverlayPosition';
+export { useAnchoredOverlay } from './useAnchoredOverlay';
 export { useOverlayPosition, OverlayInsetsProvider } from './useOverlayPosition';
 //# sourceMappingURL=index.js.map

package/lib/module/overlay/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["OverlayContainer","useAnchorPosition","useDismissOverlay","useEscapeKey","useOverlayPosition","OverlayInsetsProvider"],"sourceRoot":"../../../src","sources":["overlay/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,oBAAoB;AAErD,SAASC,iBAAiB,QAA2B,qBAAqB;AAC1E,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SACEC,kBAAkB,EAElBC,qBAAqB,QAEhB,sBAAsB","ignoreList":[]}
+{"version":3,"names":["MODAL_OVERLAY_Z_INDEX","NOTIFICATION_OVERLAY_Z_INDEX","OverlayContainer","OverlayStackProvider","useOverlayStackRegistration","useAnchorPosition","useDismissOverlay","useEscapeKey","getAnchoredOverlayPosition","OVERLAY_PLACEMENTS","useAnchoredOverlay","useOverlayPosition","OverlayInsetsProvider"],"sourceRoot":"../../../src","sources":["overlay/index.ts"],"mappings":";;AAAA,SAASA,qBAAqB,EAAEC,4BAA4B,QAAQ,aAAa;AACjF,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,SACEC,oBAAoB,EACpBC,2BAA2B,QAMtB,gBAAgB;AACvB,SAASC,iBAAiB,QAA2B,qBAAqB;AAC1E,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SACEC,0BAA0B,EAC1BC,kBAAkB,QAUb,8BAA8B;AACrC,SACEC,kBAAkB,QAGb,sBAAsB;AAC7B,SACEC,kBAAkB,EAGlBC,qBAAqB,QAEhB,sBAAsB","ignoreList":[]}

package/lib/module/overlay/useAnchorPosition.js

@@ -12,53 +12,103 @@ function measureWeb(element) {
     height: rect.height
   };
 }
-
+function setLayoutIfChanged(setLayout, next) {
+  setLayout(prev => {
+    if (prev?.x === next.x && prev.y === next.y && prev.width === next.width && prev.height === next.height) {
+      return prev;
+    }
+    return next;
+  });
+}
 /**
  * Measures an anchor element's position and size, re-measuring on scroll/resize
  * (web) so a positioned overlay can track its anchor across layout changes.
  *
  * Returns `null` until the first measurement completes.
  */
-export function useAnchorPosition(anchorRef, open) {
+export function useAnchorPosition(anchorRef, open, options) {
+  const {
+    remeasureKey,
+    trackWhileOpen = false
+  } = options ?? {};
   const [layout, setLayout] = useState(null);
+  const measureAnchor = () => {
+    const anchor = anchorRef.current;
+    if (!anchor) {
+      return;
+    }
+    if (Platform.OS === 'web') {
+      setLayoutIfChanged(setLayout, measureWeb(anchor));
+      return;
+    }
+    anchor.measureInWindow((x, y, width, height) => {
+      setLayoutIfChanged(setLayout, {
+        x,
+        y,
+        width,
+        height
+      });
+    });
+  };
   useIsomorphicLayoutEffect(() => {
     if (!open) {
       setLayout(null);
       return;
     }
-    const anchor = anchorRef.current;
-    if (!anchor) return;
     let cancelled = false;
+    let retryFrameId = 0;
+    let webFrameId = 0;
+    const runMeasure = () => {
+      if (cancelled) {
+        return;
+      }
+      const anchor = anchorRef.current;
+      if (!anchor) {
+        retryFrameId = requestAnimationFrame(runMeasure);
+        return;
+      }
+      measureAnchor();
+    };
+    runMeasure();
     if (Platform.OS === 'web') {
-      setLayout(measureWeb(anchor));
-    } else {
-      anchor.measureInWindow((x, y, width, height) => {
-        if (!cancelled) {
-          setLayout({
-            x,
-            y,
-            width,
-            height
-          });
-        }
-      });
+      webFrameId = requestAnimationFrame(runMeasure);
     }
     return () => {
       cancelled = true;
+      cancelAnimationFrame(retryFrameId);
+      cancelAnimationFrame(webFrameId);
+    };
+  }, [open, anchorRef, remeasureKey]);
+  useEffect(() => {
+    if (!open || !trackWhileOpen) {
+      return;
+    }
+    let frameId = 0;
+    const tick = () => {
+      measureAnchor();
+      frameId = requestAnimationFrame(tick);
     };
-  }, [open, anchorRef]);
+    frameId = requestAnimationFrame(tick);
+    return () => {
+      cancelAnimationFrame(frameId);
+    };
+  }, [open, anchorRef, remeasureKey, trackWhileOpen]);
   useEffect(() => {
-    if (!open || Platform.OS !== 'web') return;
+    if (!open || Platform.OS !== 'web' || trackWhileOpen) {
+      return;
+    }
     const anchor = anchorRef.current;
-    if (!anchor) return;
-    const update = () => setLayout(measureWeb(anchor));
+    if (!anchor) {
+      return;
+    }
+    const update = () => setLayoutIfChanged(setLayout, measureWeb(anchor));
     window.addEventListener('scroll', update, true);
     window.addEventListener('resize', update);
     return () => {
       window.removeEventListener('scroll', update, true);
       window.removeEventListener('resize', update);
     };
-  }, [open, anchorRef]);
+  }, [open, anchorRef, remeasureKey, trackWhileOpen]);
   return layout;
 }
 //# sourceMappingURL=useAnchorPosition.js.map

package/lib/module/overlay/useAnchorPosition.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useLayoutEffect","useState","Platform","useIsomorphicLayoutEffect","OS","measureWeb","element","rect","getBoundingClientRect","x","left","y","top","width","height","useAnchorPosition","anchorRef","open","layout","setLayout","anchor","current","cancelled","measureInWindow","update","window","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useAnchorPosition.ts"],"mappings":";;AACA,SAASA,SAAS,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AAC5D,SAASC,QAAQ,QAAQ,cAAc;AAEvC,MAAMC,yBAAyB,GAAGD,QAAQ,CAACE,EAAE,KAAK,KAAK,GAAGJ,eAAe,GAAGD,SAAS;AASrF,SAASM,UAAUA,CAACC,OAAY,EAAgB;EAC9C,MAAMC,IAAI,GAAID,OAAO,CAA4BE,qBAAqB,CAAC,CAAC;EACxE,OAAO;IAAEC,CAAC,EAAEF,IAAI,CAACG,IAAI;IAAEC,CAAC,EAAEJ,IAAI,CAACK,GAAG;IAAEC,KAAK,EAAEN,IAAI,CAACM,KAAK;IAAEC,MAAM,EAAEP,IAAI,CAACO;EAAO,CAAC;AAC9E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAACC,SAAyB,EAAEC,IAAa,EAAuB;EAC/F,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGlB,QAAQ,CAAsB,IAAI,CAAC;EAE/DE,yBAAyB,CAAC,MAAM;IAC9B,IAAI,CAACc,IAAI,EAAE;MACTE,SAAS,CAAC,IAAI,CAAC;MACf;IACF;IAEA,MAAMC,MAAM,GAAGJ,SAAS,CAACK,OAAO;IAChC,IAAI,CAACD,MAAM,EAAE;IAEb,IAAIE,SAAS,GAAG,KAAK;IAErB,IAAIpB,QAAQ,CAACE,EAAE,KAAK,KAAK,EAAE;MACzBe,SAAS,CAACd,UAAU,CAACe,MAAM,CAAC,CAAC;IAC/B,CAAC,MAAM;MACLA,MAAM,CAACG,eAAe,CAAC,CAACd,CAAS,EAAEE,CAAS,EAAEE,KAAa,EAAEC,MAAc,KAAK;QAC9E,IAAI,CAACQ,SAAS,EAAE;UACdH,SAAS,CAAC;YAAEV,CAAC;YAAEE,CAAC;YAAEE,KAAK;YAAEC;UAAO,CAAC,CAAC;QACpC;MACF,CAAC,CAAC;IACJ;IAEA,OAAO,MAAM;MACXQ,SAAS,GAAG,IAAI;IAClB,CAAC;EACH,CAAC,EAAE,CAACL,IAAI,EAAED,SAAS,CAAC,CAAC;EAErBjB,SAAS,CAAC,MAAM;IACd,IAAI,CAACkB,IAAI,IAAIf,QAAQ,CAACE,EAAE,KAAK,KAAK,EAAE;IAEpC,MAAMgB,MAAM,GAAGJ,SAAS,CAACK,OAAO;IAChC,IAAI,CAACD,MAAM,EAAE;IAEb,MAAMI,MAAM,GAAGA,CAAA,KAAML,SAAS,CAACd,UAAU,CAACe,MAAM,CAAC,CAAC;IAElDK,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,MAAM,EAAE,IAAI,CAAC;IAC/CC,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,MAAM,CAAC;IAEzC,OAAO,MAAM;MACXC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,MAAM,EAAE,IAAI,CAAC;MAClDC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,MAAM,CAAC;IAC9C,CAAC;EACH,CAAC,EAAE,CAACP,IAAI,EAAED,SAAS,CAAC,CAAC;EAErB,OAAOE,MAAM;AACf","ignoreList":[]}
+{"version":3,"names":["useEffect","useLayoutEffect","useState","Platform","useIsomorphicLayoutEffect","OS","measureWeb","element","rect","getBoundingClientRect","x","left","y","top","width","height","setLayoutIfChanged","setLayout","next","prev","useAnchorPosition","anchorRef","open","options","remeasureKey","trackWhileOpen","layout","measureAnchor","anchor","current","measureInWindow","cancelled","retryFrameId","webFrameId","runMeasure","requestAnimationFrame","cancelAnimationFrame","frameId","tick","update","window","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useAnchorPosition.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/overlay/useAnchoredOverlay.js

@@ -0,0 +1,123 @@
+"use strict";
+
+import { useCallback, useContext, useEffect, useMemo, useReducer, useRef, useState } from 'react';
+import { I18nManager, Platform, useWindowDimensions } from 'react-native';
+import { getAnchoredOverlayPosition } from './getAnchoredOverlayPosition';
+import { useAnchorPosition } from './useAnchorPosition';
+import { OverlayInsetsContext } from './useOverlayPosition';
+const STAGING_STYLE = {
+  left: -10000,
+  opacity: 0,
+  pointerEvents: 'none',
+  position: 'absolute',
+  top: -10000
+};
+function setLayoutIfChanged(setLayout, next) {
+  setLayout(previous => {
+    if (previous?.width === next.width && previous.height === next.height) {
+      return previous;
+    }
+    return next;
+  });
+}
+export function useAnchoredOverlay(anchorRef, open, options = {}) {
+  const {
+    remeasureKey: externalRemeasureKey,
+    trackWhileOpen,
+    ...positionOptions
+  } = options;
+  const [revision, update] = useReducer(value => value + 1, 0);
+  const remeasureKey = useMemo(() => ({
+    externalRemeasureKey,
+    revision
+  }), [externalRemeasureKey, revision]);
+  const anchorLayout = useAnchorPosition(anchorRef, open, {
+    remeasureKey,
+    trackWhileOpen
+  });
+  const floatingRef = useRef(null);
+  const [floatingLayout, setFloatingLayout] = useState(null);
+  const viewport = useWindowDimensions();
+  const insets = useContext(OverlayInsetsContext);
+  const measureFloating = useCallback(() => {
+    const floating = floatingRef.current;
+    if (!floating) return;
+    if (Platform.OS === 'web' && typeof floating.getBoundingClientRect === 'function') {
+      const rect = floating.getBoundingClientRect();
+      setLayoutIfChanged(setFloatingLayout, {
+        width: rect.width,
+        height: rect.height
+      });
+      return;
+    }
+    if (typeof floating.measure === 'function') {
+      floating.measure((_x, _y, width, height) => {
+        setLayoutIfChanged(setFloatingLayout, {
+          width,
+          height
+        });
+      });
+    }
+  }, []);
+  const onFloatingLayout = useCallback(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setLayoutIfChanged(setFloatingLayout, {
+      width,
+      height
+    });
+  }, []);
+  const requestUpdate = useCallback(() => {
+    update();
+    measureFloating();
+  }, [measureFloating]);
+  useEffect(() => {
+    if (!open) {
+      setFloatingLayout(null);
+      return;
+    }
+    measureFloating();
+  }, [measureFloating, open, revision]);
+  useEffect(() => {
+    if (!open || Platform.OS !== 'web') return;
+    const floating = floatingRef.current;
+    const anchor = anchorRef.current;
+    const resizeObserver = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(() => {
+      requestUpdate();
+    });
+    if (floating) resizeObserver?.observe(floating);
+    if (anchor) resizeObserver?.observe(anchor);
+    const visualViewport = window.visualViewport;
+    visualViewport?.addEventListener('resize', requestUpdate);
+    visualViewport?.addEventListener('scroll', requestUpdate);
+    return () => {
+      resizeObserver?.disconnect();
+      visualViewport?.removeEventListener('resize', requestUpdate);
+      visualViewport?.removeEventListener('scroll', requestUpdate);
+    };
+  }, [anchorRef, open, requestUpdate]);
+  const position = useMemo(() => {
+    if (!anchorLayout || !floatingLayout) return null;
+    return getAnchoredOverlayPosition(anchorLayout, floatingLayout, viewport, {
+      ...positionOptions,
+      insets: positionOptions.insets ?? insets,
+      isRTL: positionOptions.isRTL ?? I18nManager.isRTL
+    });
+  }, [anchorLayout, floatingLayout, viewport, positionOptions, insets]);
+  const ready = position !== null;
+  const positionStyle = Platform.OS === 'web' ? 'fixed' : 'absolute';
+  return {
+    floatingRef,
+    onFloatingLayout,
+    style: ready ? {
+      position: positionStyle,
+      ...position.style
+    } : STAGING_STYLE,
+    position,
+    ready,
+    update: requestUpdate
+  };
+}
+//# sourceMappingURL=useAnchoredOverlay.js.map

package/lib/module/overlay/useAnchoredOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useContext","useEffect","useMemo","useReducer","useRef","useState","I18nManager","Platform","useWindowDimensions","getAnchoredOverlayPosition","useAnchorPosition","OverlayInsetsContext","STAGING_STYLE","left","opacity","pointerEvents","position","top","setLayoutIfChanged","setLayout","next","previous","width","height","useAnchoredOverlay","anchorRef","open","options","remeasureKey","externalRemeasureKey","trackWhileOpen","positionOptions","revision","update","value","anchorLayout","floatingRef","floatingLayout","setFloatingLayout","viewport","insets","measureFloating","floating","current","OS","getBoundingClientRect","rect","measure","_x","_y","onFloatingLayout","event","nativeEvent","layout","requestUpdate","anchor","resizeObserver","ResizeObserver","observe","visualViewport","window","addEventListener","disconnect","removeEventListener","isRTL","ready","positionStyle","style"],"sourceRoot":"../../../src","sources":["overlay/useAnchoredOverlay.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/overlay/useDismissOverlay.js

@@ -1,10 +1,16 @@
 "use strict";
 
-/* eslint-disable @typescript-eslint/no-unused-vars */
+import { useOverlayStackRegistration } from './OverlayStack';
 
 /**
  * No-op on native — overlay dismissal is handled by backdrop press
  * or the system back gesture / hardware button via Modal.
  */
-export function useDismissOverlay(_open, _contentRef, _excludeRefs, _onDismiss) {}
+export function useDismissOverlay(open, _contentRef, _excludeRefs, _onDismiss, options = {}) {
+  useOverlayStackRegistration({
+    active: open,
+    capabilities: ['outside'],
+    ...options
+  });
+}
 //# sourceMappingURL=useDismissOverlay.js.map

package/lib/module/overlay/useDismissOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["useDismissOverlay","_open","_contentRef","_excludeRefs","_onDismiss"],"sourceRoot":"../../../src","sources":["overlay/useDismissOverlay.ts"],"mappings":";;AAAA;;AAIA;AACA;AACA;AACA;AACA,OAAO,SAASA,iBAAiBA,CAC/BC,KAAc,EACdC,WAA2B,EAC3BC,YAA8B,EAC9BC,UAAsB,EACtB,CAAC","ignoreList":[]}
+{"version":3,"names":["useOverlayStackRegistration","useDismissOverlay","open","_contentRef","_excludeRefs","_onDismiss","options","active","capabilities"],"sourceRoot":"../../../src","sources":["overlay/useDismissOverlay.ts"],"mappings":";;AACA,SAASA,2BAA2B,QAAmC,gBAAgB;;AAEvF;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAC/BC,IAAa,EACbC,WAA2B,EAC3BC,YAA8B,EAC9BC,UAAsB,EACtBC,OAA6B,GAAG,CAAC,CAAC,EAClC;EACAN,2BAA2B,CAAC;IAC1BO,MAAM,EAAEL,IAAI;IACZM,YAAY,EAAE,CAAC,SAAS,CAAC;IACzB,GAAGF;EACL,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/module/overlay/useDismissOverlay.web.js

@@ -1,34 +1,49 @@
 "use strict";
 
 import { useEffect, useRef } from 'react';
+import { useOverlayStackRegistration } from './OverlayStack';
+function refContainsNode(ref, target) {
+  const current = ref.current;
+  if (!current || typeof current.contains !== 'function') {
+    return false;
+  }
+  return current.contains(target);
+}
 
 /**
  * Dismisses an overlay when the user clicks/presses outside of it or when
  * focus moves to an element outside the overlay via keyboard.
  * Events targeting `contentRef` or any of `excludeRefs` are ignored.
  */
-export function useDismissOverlay(open, contentRef, excludeRefs, onDismiss) {
+export function useDismissOverlay(open, contentRef, excludeRefs, onDismiss, options = {}) {
   const onDismissRef = useRef(onDismiss);
   onDismissRef.current = onDismiss;
   const excludeRefsRef = useRef(excludeRefs);
   excludeRefsRef.current = excludeRefs;
+  const {
+    isTopmost
+  } = useOverlayStackRegistration({
+    active: open,
+    capabilities: ['outside'],
+    ...options
+  });
   useEffect(() => {
     if (!open) {
       return;
     }
     const isInsideOverlay = target => {
-      if (contentRef.current?.contains?.(target)) {
+      if (refContainsNode(contentRef, target)) {
         return true;
       }
       for (const ref of excludeRefsRef.current) {
-        if (ref.current?.contains?.(target)) {
+        if (refContainsNode(ref, target)) {
           return true;
         }
       }
       return false;
     };
     const dismissIfOutside = e => {
-      if (!isInsideOverlay(e.target)) {
+      if (isTopmost('outside') && !isInsideOverlay(e.target)) {
         onDismissRef.current();
       }
     };
@@ -38,6 +53,6 @@ export function useDismissOverlay(open, contentRef, excludeRefs, onDismiss) {
       document.removeEventListener('pointerdown', dismissIfOutside);
       document.removeEventListener('focusin', dismissIfOutside);
     };
-  }, [open, contentRef]);
+  }, [open, contentRef, isTopmost]);
 }
 //# sourceMappingURL=useDismissOverlay.web.js.map

package/lib/module/overlay/useDismissOverlay.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","useDismissOverlay","open","contentRef","excludeRefs","onDismiss","onDismissRef","current","excludeRefsRef","isInsideOverlay","target","contains","ref","dismissIfOutside","e","document","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useDismissOverlay.web.ts"],"mappings":";;AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;;AAEzC;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAC/BC,IAAa,EACbC,UAA0B,EAC1BC,WAA6B,EAC7BC,SAAqB,EACrB;EACA,MAAMC,YAAY,GAAGN,MAAM,CAACK,SAAS,CAAC;EACtCC,YAAY,CAACC,OAAO,GAAGF,SAAS;EAEhC,MAAMG,cAAc,GAAGR,MAAM,CAACI,WAAW,CAAC;EAC1CI,cAAc,CAACD,OAAO,GAAGH,WAAW;EAEpCL,SAAS,CAAC,MAAM;IACd,IAAI,CAACG,IAAI,EAAE;MACT;IACF;IAEA,MAAMO,eAAe,GAAIC,MAAY,IAAK;MACxC,IAAIP,UAAU,CAACI,OAAO,EAAEI,QAAQ,GAAGD,MAAM,CAAC,EAAE;QAC1C,OAAO,IAAI;MACb;MACA,KAAK,MAAME,GAAG,IAAIJ,cAAc,CAACD,OAAO,EAAE;QACxC,IAAIK,GAAG,CAACL,OAAO,EAAEI,QAAQ,GAAGD,MAAM,CAAC,EAAE;UACnC,OAAO,IAAI;QACb;MACF;MACA,OAAO,KAAK;IACd,CAAC;IAED,MAAMG,gBAAgB,GAAIC,CAAQ,IAAK;MACrC,IAAI,CAACL,eAAe,CAACK,CAAC,CAACJ,MAAc,CAAC,EAAE;QACtCJ,YAAY,CAACC,OAAO,CAAC,CAAC;MACxB;IACF,CAAC;IAEDQ,QAAQ,CAACC,gBAAgB,CAAC,aAAa,EAAEH,gBAAgB,CAAC;IAC1DE,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEH,gBAAgB,CAAC;IACtD,OAAO,MAAM;MACXE,QAAQ,CAACE,mBAAmB,CAAC,aAAa,EAAEJ,gBAAgB,CAAC;MAC7DE,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEJ,gBAAgB,CAAC;IAC3D,CAAC;EACH,CAAC,EAAE,CAACX,IAAI,EAAEC,UAAU,CAAC,CAAC;AACxB","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","useOverlayStackRegistration","refContainsNode","ref","target","current","contains","useDismissOverlay","open","contentRef","excludeRefs","onDismiss","options","onDismissRef","excludeRefsRef","isTopmost","active","capabilities","isInsideOverlay","dismissIfOutside","e","document","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useDismissOverlay.web.ts"],"mappings":";;AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,2BAA2B,QAAmC,gBAAgB;AAEvF,SAASC,eAAeA,CAACC,GAAuB,EAAEC,MAAY,EAAW;EACvE,MAAMC,OAAO,GAAGF,GAAG,CAACE,OAAwD;EAC5E,IAAI,CAACA,OAAO,IAAI,OAAOA,OAAO,CAACC,QAAQ,KAAK,UAAU,EAAE;IACtD,OAAO,KAAK;EACd;EACA,OAAOD,OAAO,CAACC,QAAQ,CAACF,MAAM,CAAC;AACjC;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,iBAAiBA,CAC/BC,IAAa,EACbC,UAA0B,EAC1BC,WAA6B,EAC7BC,SAAqB,EACrBC,OAA6B,GAAG,CAAC,CAAC,EAClC;EACA,MAAMC,YAAY,GAAGb,MAAM,CAACW,SAAS,CAAC;EACtCE,YAAY,CAACR,OAAO,GAAGM,SAAS;EAEhC,MAAMG,cAAc,GAAGd,MAAM,CAACU,WAAW,CAAC;EAC1CI,cAAc,CAACT,OAAO,GAAGK,WAAW;EACpC,MAAM;IAAEK;EAAU,CAAC,GAAGd,2BAA2B,CAAC;IAChDe,MAAM,EAAER,IAAI;IACZS,YAAY,EAAE,CAAC,SAAS,CAAC;IACzB,GAAGL;EACL,CAAC,CAAC;EAEFb,SAAS,CAAC,MAAM;IACd,IAAI,CAACS,IAAI,EAAE;MACT;IACF;IAEA,MAAMU,eAAe,GAAId,MAAY,IAAK;MACxC,IAAIF,eAAe,CAACO,UAAU,EAAEL,MAAM,CAAC,EAAE;QACvC,OAAO,IAAI;MACb;MACA,KAAK,MAAMD,GAAG,IAAIW,cAAc,CAACT,OAAO,EAAE;QACxC,IAAIH,eAAe,CAACC,GAAG,EAAEC,MAAM,CAAC,EAAE;UAChC,OAAO,IAAI;QACb;MACF;MACA,OAAO,KAAK;IACd,CAAC;IAED,MAAMe,gBAAgB,GAAIC,CAAQ,IAAK;MACrC,IAAIL,SAAS,CAAC,SAAS,CAAC,IAAI,CAACG,eAAe,CAACE,CAAC,CAAChB,MAAc,CAAC,EAAE;QAC9DS,YAAY,CAACR,OAAO,CAAC,CAAC;MACxB;IACF,CAAC;IAEDgB,QAAQ,CAACC,gBAAgB,CAAC,aAAa,EAAEH,gBAAgB,CAAC;IAC1DE,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEH,gBAAgB,CAAC;IACtD,OAAO,MAAM;MACXE,QAAQ,CAACE,mBAAmB,CAAC,aAAa,EAAEJ,gBAAgB,CAAC;MAC7DE,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEJ,gBAAgB,CAAC;IAC3D,CAAC;EACH,CAAC,EAAE,CAACX,IAAI,EAAEC,UAAU,EAAEM,SAAS,CAAC,CAAC;AACnC","ignoreList":[]}

package/lib/module/overlay/useEscapeKey.js

@@ -1,10 +1,16 @@
 "use strict";
 
-/* eslint-disable @typescript-eslint/no-unused-vars */
+import { useOverlayStackRegistration } from './OverlayStack';
 
 /**
  * No-op on native — Escape key dismissal is not applicable.
  * Native uses the system back gesture / hardware button via Modal.
  */
-export function useEscapeKey(_open, _onEscape) {}
+export function useEscapeKey(open, _onEscape, options = {}) {
+  useOverlayStackRegistration({
+    active: open,
+    capabilities: ['escape'],
+    ...options
+  });
+}
 //# sourceMappingURL=useEscapeKey.js.map

package/lib/module/overlay/useEscapeKey.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEscapeKey","_open","_onEscape"],"sourceRoot":"../../../src","sources":["overlay/useEscapeKey.ts"],"mappings":";;AAAA;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASA,YAAYA,CAACC,KAAc,EAAEC,SAAqB,EAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["useOverlayStackRegistration","useEscapeKey","open","_onEscape","options","active","capabilities"],"sourceRoot":"../../../src","sources":["overlay/useEscapeKey.ts"],"mappings":";;AAAA,SAASA,2BAA2B,QAAmC,gBAAgB;;AAEvF;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAC1BC,IAAa,EACbC,SAAqB,EACrBC,OAA6B,GAAG,CAAC,CAAC,EAClC;EACAJ,2BAA2B,CAAC;IAC1BK,MAAM,EAAEH,IAAI;IACZI,YAAY,EAAE,CAAC,QAAQ,CAAC;IACxB,GAAGF;EACL,CAAC,CAAC;AACJ","ignoreList":[]}