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

package/lib/commonjs/overlay/getAnchoredOverlayPosition.js

@@ -0,0 +1,188 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OVERLAY_PLACEMENTS = void 0;
+exports.getAnchoredOverlayPosition = getAnchoredOverlayPosition;
+const OVERLAY_PLACEMENTS = exports.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`;
+  }
+}
+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/commonjs/overlay/getAnchoredOverlayPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OVERLAY_PLACEMENTS","exports","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/commonjs/overlay/index.js

@@ -3,6 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "MODAL_OVERLAY_Z_INDEX", {
+  enumerable: true,
+  get: function () {
+    return _constants.MODAL_OVERLAY_Z_INDEX;
+  }
+});
+Object.defineProperty(exports, "NOTIFICATION_OVERLAY_Z_INDEX", {
+  enumerable: true,
+  get: function () {
+    return _constants.NOTIFICATION_OVERLAY_Z_INDEX;
+  }
+});
+Object.defineProperty(exports, "OVERLAY_PLACEMENTS", {
+  enumerable: true,
+  get: function () {
+    return _getAnchoredOverlayPosition.OVERLAY_PLACEMENTS;
+  }
+});
 Object.defineProperty(exports, "OverlayContainer", {
   enumerable: true,
   get: function () {
@@ -15,12 +33,30 @@ Object.defineProperty(exports, "OverlayInsetsProvider", {
     return _useOverlayPosition.OverlayInsetsProvider;
   }
 });
+Object.defineProperty(exports, "OverlayStackProvider", {
+  enumerable: true,
+  get: function () {
+    return _OverlayStack.OverlayStackProvider;
+  }
+});
+Object.defineProperty(exports, "getAnchoredOverlayPosition", {
+  enumerable: true,
+  get: function () {
+    return _getAnchoredOverlayPosition.getAnchoredOverlayPosition;
+  }
+});
 Object.defineProperty(exports, "useAnchorPosition", {
   enumerable: true,
   get: function () {
     return _useAnchorPosition.useAnchorPosition;
   }
 });
+Object.defineProperty(exports, "useAnchoredOverlay", {
+  enumerable: true,
+  get: function () {
+    return _useAnchoredOverlay.useAnchoredOverlay;
+  }
+});
 Object.defineProperty(exports, "useDismissOverlay", {
   enumerable: true,
   get: function () {
@@ -39,9 +75,19 @@ Object.defineProperty(exports, "useOverlayPosition", {
     return _useOverlayPosition.useOverlayPosition;
   }
 });
+Object.defineProperty(exports, "useOverlayStackRegistration", {
+  enumerable: true,
+  get: function () {
+    return _OverlayStack.useOverlayStackRegistration;
+  }
+});
+var _constants = require("./constants");
 var _OverlayContainer = require("./OverlayContainer");
+var _OverlayStack = require("./OverlayStack");
 var _useAnchorPosition = require("./useAnchorPosition");
 var _useDismissOverlay = require("./useDismissOverlay");
 var _useEscapeKey = require("./useEscapeKey");
+var _getAnchoredOverlayPosition = require("./getAnchoredOverlayPosition");
+var _useAnchoredOverlay = require("./useAnchoredOverlay");
 var _useOverlayPosition = require("./useOverlayPosition");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_OverlayContainer","require","_useAnchorPosition","_useDismissOverlay","_useEscapeKey","_useOverlayPosition"],"sourceRoot":"../../../src","sources":["overlay/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA","ignoreList":[]}
+{"version":3,"names":["_constants","require","_OverlayContainer","_OverlayStack","_useAnchorPosition","_useDismissOverlay","_useEscapeKey","_getAnchoredOverlayPosition","_useAnchoredOverlay","_useOverlayPosition"],"sourceRoot":"../../../src","sources":["overlay/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AASA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,2BAAA,GAAAN,OAAA;AAaA,IAAAO,mBAAA,GAAAP,OAAA;AAKA,IAAAQ,mBAAA,GAAAR,OAAA","ignoreList":[]}

package/lib/commonjs/overlay/useAnchorPosition.js

@@ -16,53 +16,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.
  */
-function useAnchorPosition(anchorRef, open) {
+function useAnchorPosition(anchorRef, open, options) {
+  const {
+    remeasureKey,
+    trackWhileOpen = false
+  } = options ?? {};
   const [layout, setLayout] = (0, _react.useState)(null);
+  const measureAnchor = () => {
+    const anchor = anchorRef.current;
+    if (!anchor) {
+      return;
+    }
+    if (_reactNative.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 (_reactNative.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]);
+  (0, _react.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]);
   (0, _react.useEffect)(() => {
-    if (!open || _reactNative.Platform.OS !== 'web') return;
+    if (!open || _reactNative.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/commonjs/overlay/useAnchorPosition.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","useIsomorphicLayoutEffect","Platform","OS","useLayoutEffect","useEffect","measureWeb","element","rect","getBoundingClientRect","x","left","y","top","width","height","useAnchorPosition","anchorRef","open","layout","setLayout","useState","anchor","current","cancelled","measureInWindow","update","window","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useAnchorPosition.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,yBAAyB,GAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAGC,sBAAe,GAAGC,gBAAS;AASrF,SAASC,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;AACO,SAASC,iBAAiBA,CAACC,SAAyB,EAAEC,IAAa,EAAuB;EAC/F,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAsB,IAAI,CAAC;EAE/DpB,yBAAyB,CAAC,MAAM;IAC9B,IAAI,CAACiB,IAAI,EAAE;MACTE,SAAS,CAAC,IAAI,CAAC;MACf;IACF;IAEA,MAAME,MAAM,GAAGL,SAAS,CAACM,OAAO;IAChC,IAAI,CAACD,MAAM,EAAE;IAEb,IAAIE,SAAS,GAAG,KAAK;IAErB,IAAItB,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;MACzBiB,SAAS,CAACd,UAAU,CAACgB,MAAM,CAAC,CAAC;IAC/B,CAAC,MAAM;MACLA,MAAM,CAACG,eAAe,CAAC,CAACf,CAAS,EAAEE,CAAS,EAAEE,KAAa,EAAEC,MAAc,KAAK;QAC9E,IAAI,CAACS,SAAS,EAAE;UACdJ,SAAS,CAAC;YAAEV,CAAC;YAAEE,CAAC;YAAEE,KAAK;YAAEC;UAAO,CAAC,CAAC;QACpC;MACF,CAAC,CAAC;IACJ;IAEA,OAAO,MAAM;MACXS,SAAS,GAAG,IAAI;IAClB,CAAC;EACH,CAAC,EAAE,CAACN,IAAI,EAAED,SAAS,CAAC,CAAC;EAErB,IAAAZ,gBAAS,EAAC,MAAM;IACd,IAAI,CAACa,IAAI,IAAIhB,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IAEpC,MAAMmB,MAAM,GAAGL,SAAS,CAACM,OAAO;IAChC,IAAI,CAACD,MAAM,EAAE;IAEb,MAAMI,MAAM,GAAGA,CAAA,KAAMN,SAAS,CAACd,UAAU,CAACgB,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,CAACR,IAAI,EAAED,SAAS,CAAC,CAAC;EAErB,OAAOE,MAAM;AACf","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","useIsomorphicLayoutEffect","Platform","OS","useLayoutEffect","useEffect","measureWeb","element","rect","getBoundingClientRect","x","left","y","top","width","height","setLayoutIfChanged","setLayout","next","prev","useAnchorPosition","anchorRef","open","options","remeasureKey","trackWhileOpen","layout","useState","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/commonjs/overlay/useAnchoredOverlay.js

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAnchoredOverlay = useAnchoredOverlay;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _getAnchoredOverlayPosition = require("./getAnchoredOverlayPosition");
+var _useAnchorPosition = require("./useAnchorPosition");
+var _useOverlayPosition = require("./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;
+  });
+}
+function useAnchoredOverlay(anchorRef, open, options = {}) {
+  const {
+    remeasureKey: externalRemeasureKey,
+    trackWhileOpen,
+    ...positionOptions
+  } = options;
+  const [revision, update] = (0, _react.useReducer)(value => value + 1, 0);
+  const remeasureKey = (0, _react.useMemo)(() => ({
+    externalRemeasureKey,
+    revision
+  }), [externalRemeasureKey, revision]);
+  const anchorLayout = (0, _useAnchorPosition.useAnchorPosition)(anchorRef, open, {
+    remeasureKey,
+    trackWhileOpen
+  });
+  const floatingRef = (0, _react.useRef)(null);
+  const [floatingLayout, setFloatingLayout] = (0, _react.useState)(null);
+  const viewport = (0, _reactNative.useWindowDimensions)();
+  const insets = (0, _react.useContext)(_useOverlayPosition.OverlayInsetsContext);
+  const measureFloating = (0, _react.useCallback)(() => {
+    const floating = floatingRef.current;
+    if (!floating) return;
+    if (_reactNative.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 = (0, _react.useCallback)(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setLayoutIfChanged(setFloatingLayout, {
+      width,
+      height
+    });
+  }, []);
+  const requestUpdate = (0, _react.useCallback)(() => {
+    update();
+    measureFloating();
+  }, [measureFloating]);
+  (0, _react.useEffect)(() => {
+    if (!open) {
+      setFloatingLayout(null);
+      return;
+    }
+    measureFloating();
+  }, [measureFloating, open, revision]);
+  (0, _react.useEffect)(() => {
+    if (!open || _reactNative.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 = (0, _react.useMemo)(() => {
+    if (!anchorLayout || !floatingLayout) return null;
+    return (0, _getAnchoredOverlayPosition.getAnchoredOverlayPosition)(anchorLayout, floatingLayout, viewport, {
+      ...positionOptions,
+      insets: positionOptions.insets ?? insets,
+      isRTL: positionOptions.isRTL ?? _reactNative.I18nManager.isRTL
+    });
+  }, [anchorLayout, floatingLayout, viewport, positionOptions, insets]);
+  const ready = position !== null;
+  const positionStyle = _reactNative.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/commonjs/overlay/useAnchoredOverlay.js.map

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

package/lib/commonjs/overlay/useDismissOverlay.js

@@ -4,11 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDismissOverlay = useDismissOverlay;
-/* eslint-disable @typescript-eslint/no-unused-vars */
-
+var _OverlayStack = require("./OverlayStack");
 /**
  * No-op on native — overlay dismissal is handled by backdrop press
  * or the system back gesture / hardware button via Modal.
  */
-function useDismissOverlay(_open, _contentRef, _excludeRefs, _onDismiss) {}
+function useDismissOverlay(open, _contentRef, _excludeRefs, _onDismiss, options = {}) {
+  (0, _OverlayStack.useOverlayStackRegistration)({
+    active: open,
+    capabilities: ['outside'],
+    ...options
+  });
+}
 //# sourceMappingURL=useDismissOverlay.js.map

package/lib/commonjs/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;AACO,SAASA,iBAAiBA,CAC/BC,KAAc,EACdC,WAA2B,EAC3BC,YAA8B,EAC9BC,UAAsB,EACtB,CAAC","ignoreList":[]}
+{"version":3,"names":["_OverlayStack","require","useDismissOverlay","open","_contentRef","_excludeRefs","_onDismiss","options","useOverlayStackRegistration","active","capabilities"],"sourceRoot":"../../../src","sources":["overlay/useDismissOverlay.ts"],"mappings":";;;;;;AACA,IAAAA,aAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAC/BC,IAAa,EACbC,WAA2B,EAC3BC,YAA8B,EAC9BC,UAAsB,EACtBC,OAA6B,GAAG,CAAC,CAAC,EAClC;EACA,IAAAC,yCAA2B,EAAC;IAC1BC,MAAM,EAAEN,IAAI;IACZO,YAAY,EAAE,CAAC,SAAS,CAAC;IACzB,GAAGH;EACL,CAAC,CAAC;AACJ","ignoreList":[]}

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

@@ -5,33 +5,49 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useDismissOverlay = useDismissOverlay;
 var _react = require("react");
+var _OverlayStack = require("./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.
  */
-function useDismissOverlay(open, contentRef, excludeRefs, onDismiss) {
+function useDismissOverlay(open, contentRef, excludeRefs, onDismiss, options = {}) {
   const onDismissRef = (0, _react.useRef)(onDismiss);
   onDismissRef.current = onDismiss;
   const excludeRefsRef = (0, _react.useRef)(excludeRefs);
   excludeRefsRef.current = excludeRefs;
+  const {
+    isTopmost
+  } = (0, _OverlayStack.useOverlayStackRegistration)({
+    active: open,
+    capabilities: ['outside'],
+    ...options
+  });
   (0, _react.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();
       }
     };
@@ -41,6 +57,6 @@ function useDismissOverlay(open, contentRef, excludeRefs, onDismiss) {
       document.removeEventListener('pointerdown', dismissIfOutside);
       document.removeEventListener('focusin', dismissIfOutside);
     };
-  }, [open, contentRef]);
+  }, [open, contentRef, isTopmost]);
 }
 //# sourceMappingURL=useDismissOverlay.web.js.map