@cdx-ui/primitives 0.0.1-beta.99 → 0.1.0

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

@@ -1 +1 @@
-{"version":3,"names":["Modal","Platform","Pressable","StyleSheet","View","Animated","createPortalFn","jsx","_jsx","jsxs","_jsxs","OverlayContainer","onDismiss","entering","exiting","style","children","OS","position","zIndex","document","body","visible","transparent","animationType","statusBarTranslucent","onRequestClose","absoluteFill","onPress","accessible","importantForAccessibility"],"sourceRoot":"../../../src","sources":["overlay/OverlayContainer.tsx"],"mappings":";;AACA,SACEA,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,IAAI,QAGC,cAAc;AACrB,OAAOC,QAAQ,MAAsC,yBAAyB;AAC9E,SAASC,cAAc,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC;AAC+B,CAAC,EAAE;EAClC,IAAIf,QAAQ,CAACgB,EAAE,KAAK,KAAK,IAAIX,cAAc,EAAE;IAC3C,OAAOA,cAAc,cACnBE,IAAA,CAACJ,IAAI;MAACW,KAAK,EAAE,CAAC;QAAEG,QAAQ,EAAE,OAAc;QAAEC,MAAM,EAAE;MAAG,CAAC,EAAEJ,KAAK,CAAE;MAAAC,QAAA,EAAEA;IAAQ,CAAO,CAAC,EACjFI,QAAQ,CAACC,IACX,CAAC;EACH;EAEA,oBACEX,KAAA,CAACV,KAAK;IAACsB,OAAO;IAACC,WAAW;IAACC,aAAa,EAAC,MAAM;IAACC,oBAAoB;IAACC,cAAc,EAAEd,SAAU;IAAAI,QAAA,gBAC7FR,IAAA,CAACN,SAAS;MACRa,KAAK,EAAEZ,UAAU,CAACwB,YAAa;MAC/BC,OAAO,EAAEhB,SAAU;MACnBiB,UAAU,EAAE,KAAM;MAClBC,yBAAyB,EAAC;IAAqB,CAChD,CAAC,eACFtB,IAAA,CAACH,QAAQ,CAACD,IAAI;MACZS,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAE,CAAC;QAAEG,QAAQ,EAAE;MAAW,CAAC,EAAEH,KAAK,CAAE;MAAAC,QAAA,EAExCA;IAAQ,CACI,CAAC;EAAA,CACX,CAAC;AAEZ","ignoreList":[]}
+{"version":3,"names":["Modal","Platform","Pressable","StyleSheet","View","Animated","createPortalFn","MODAL_OVERLAY_Z_INDEX","jsx","_jsx","jsxs","_jsxs","OverlayContainer","onDismiss","entering","exiting","style","children","OS","position","zIndex","document","body","visible","transparent","animationType","statusBarTranslucent","onRequestClose","absoluteFill","onPress","accessible","importantForAccessibility","pointerEvents"],"sourceRoot":"../../../src","sources":["overlay/OverlayContainer.tsx"],"mappings":";;AACA,SACEA,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,IAAI,QAGC,cAAc;AACrB,OAAOC,QAAQ,MAAsC,yBAAyB;AAC9E,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,qBAAqB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC;AAC+B,CAAC,EAAE;EAClC,IAAIhB,QAAQ,CAACiB,EAAE,KAAK,KAAK,IAAIZ,cAAc,EAAE;IAC3C,OAAOA,cAAc,cACnBG,IAAA,CAACL,IAAI;MAACY,KAAK,EAAE,CAAC;QAAEG,QAAQ,EAAE,OAAc;QAAEC,MAAM,EAAEb;MAAsB,CAAC,EAAES,KAAK,CAAE;MAAAC,QAAA,EAC/EA;IAAQ,CACL,CAAC,EACPI,QAAQ,CAACC,IACX,CAAC;EACH;EAEA,oBACEX,KAAA,CAACX,KAAK;IAACuB,OAAO;IAACC,WAAW;IAACC,aAAa,EAAC,MAAM;IAACC,oBAAoB;IAACC,cAAc,EAAEd,SAAU;IAAAI,QAAA,gBAC7FR,IAAA,CAACP,SAAS;MACRc,KAAK,EAAEb,UAAU,CAACyB,YAAa;MAC/BC,OAAO,EAAEhB,SAAU;MACnBiB,UAAU,EAAE,KAAM;MAClBC,yBAAyB,EAAC;IAAqB,CAChD,CAAC,eAEFtB,IAAA,CAACJ,QAAQ,CAACD,IAAI;MACZU,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBiB,aAAa,EAAC,UAAU;MACxBhB,KAAK,EAAE,CAACb,UAAU,CAACyB,YAAY,EAAEZ,KAAK,CAAE;MAAAC,QAAA,EAEvCA;IAAQ,CACI,CAAC;EAAA,CACX,CAAC;AAEZ","ignoreList":[]}

package/lib/module/overlay/OverlayStack.js

@@ -0,0 +1,119 @@
+"use strict";
+
+import React, { createContext, useCallback, useContext, useEffect, useId, useRef, useSyncExternalStore } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+function createOverlayStackRegistry() {
+  const entries = new Map();
+  const listeners = new Set();
+  let activationOrder = 0;
+  let version = 0;
+  const emit = () => {
+    version += 1;
+    for (const listener of listeners) listener();
+  };
+  return {
+    register(token, entry) {
+      activationOrder += 1;
+      entries.set(token, {
+        ...entry,
+        token,
+        activationOrder
+      });
+      emit();
+    },
+    unregister(token) {
+      if (entries.delete(token)) emit();
+    },
+    isTopmost(token, capability) {
+      const current = entries.get(token);
+      if (!current?.capabilities.has(capability)) return false;
+      let topmost = current;
+      for (const candidate of entries.values()) {
+        if (!candidate.capabilities.has(capability)) continue;
+        if (candidate.activationOrder > topmost.activationOrder) {
+          topmost = candidate;
+        }
+      }
+      return topmost.token === token;
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    getSnapshot() {
+      return version;
+    }
+  };
+}
+const OverlayStackContext = /*#__PURE__*/createContext(null);
+const subscribeNoop = () => {
+  return () => undefined;
+};
+const getZeroSnapshot = () => 0;
+
+/**
+ * Scopes overlay ordering and dismissal coordination to a provider subtree.
+ * Hooks retain their standalone behavior when no provider is present.
+ */
+export function OverlayStackProvider({
+  children
+}) {
+  const [registry] = React.useState(createOverlayStackRegistry);
+  return /*#__PURE__*/_jsx(OverlayStackContext.Provider, {
+    value: registry,
+    children: children
+  });
+}
+
+/**
+ * Registers one active overlay and reports whether it is topmost for a specific
+ * dismissal capability. Capabilities are resolved independently so a
+ * notification without dismissal capabilities never blocks a modal.
+ */
+export function useOverlayStackRegistration({
+  active,
+  capabilities = [],
+  layer = 'nonmodal',
+  id,
+  parentId,
+  groupId
+}) {
+  const registry = useContext(OverlayStackContext);
+  const token = useRef(Symbol('forge-ui-overlay')).current;
+  const generatedId = `forge-ui-overlay-${useId()}`;
+  const resolvedId = id ?? generatedId;
+  const handlesEscape = capabilities.includes('escape');
+  const handlesOutside = capabilities.includes('outside');
+  const handlesBack = capabilities.includes('back');
+  useEffect(() => {
+    if (!registry || !active) return;
+    const resolvedCapabilities = new Set();
+    if (handlesEscape) resolvedCapabilities.add('escape');
+    if (handlesOutside) resolvedCapabilities.add('outside');
+    if (handlesBack) resolvedCapabilities.add('back');
+    registry.register(token, {
+      id: resolvedId,
+      layer,
+      parentId,
+      groupId,
+      capabilities: resolvedCapabilities
+    });
+    return () => {
+      registry.unregister(token);
+    };
+  }, [active, groupId, handlesBack, handlesEscape, handlesOutside, layer, parentId, registry, resolvedId, token]);
+  useSyncExternalStore(registry?.subscribe ?? subscribeNoop, registry?.getSnapshot ?? getZeroSnapshot, getZeroSnapshot);
+  const isTopmost = useCallback(capability => {
+    if (!active) return false;
+    const handlesCapability = capability === 'escape' && handlesEscape || capability === 'outside' && handlesOutside || capability === 'back' && handlesBack;
+    if (!handlesCapability) return false;
+    return !registry || registry.isTopmost(token, capability);
+  }, [active, handlesBack, handlesEscape, handlesOutside, registry, token]);
+  return {
+    id: resolvedId,
+    isTopmost
+  };
+}
+//# sourceMappingURL=OverlayStack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useCallback","useContext","useEffect","useId","useRef","useSyncExternalStore","jsx","_jsx","createOverlayStackRegistry","entries","Map","listeners","Set","activationOrder","version","emit","listener","register","token","entry","set","unregister","delete","isTopmost","capability","current","get","capabilities","has","topmost","candidate","values","subscribe","add","getSnapshot","OverlayStackContext","subscribeNoop","undefined","getZeroSnapshot","OverlayStackProvider","children","registry","useState","Provider","value","useOverlayStackRegistration","active","layer","id","parentId","groupId","Symbol","generatedId","resolvedId","handlesEscape","includes","handlesOutside","handlesBack","resolvedCapabilities","handlesCapability"],"sourceRoot":"../../../src","sources":["overlay/OverlayStack.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/overlay/constants.js

@@ -0,0 +1,14 @@
+"use strict";
+
+/**
+ * Modal overlay z-index — above @gorhom/bottom-sheet internal layers (footer uses 9999)
+ * so Dialog / AlertDialog stack on top when opened from a bottom sheet.
+ */
+export const MODAL_OVERLAY_Z_INDEX = 10000;
+
+/**
+ * Notification overlay z-index — above modal surfaces while remaining
+ * nonmodal and pointer-transparent outside the notification content.
+ */
+export const NOTIFICATION_OVERLAY_Z_INDEX = 11000;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["MODAL_OVERLAY_Z_INDEX","NOTIFICATION_OVERLAY_Z_INDEX"],"sourceRoot":"../../../src","sources":["overlay/constants.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA,OAAO,MAAMA,qBAAqB,GAAG,KAAK;;AAE1C;AACA;AACA;AACA;AACA,OAAO,MAAMC,4BAA4B,GAAG,KAAK","ignoreList":[]}

package/lib/module/overlay/getAnchoredOverlayPosition.js

@@ -0,0 +1,189 @@
+"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;
+    }
+  }
+  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 positionedFloating = {
+    width: Math.min(measuredFloating.width, availableWidth),
+    height: Math.min(measuredFloating.height, availableHeight)
+  };
+  let left;
+  let top;
+  if (side === 'top' || side === 'bottom') {
+    left = alignCoordinate(anchor.x, anchor.width, positionedFloating.width, align, options.isRTL ?? false) + crossOffset;
+    top = side === 'top' ? anchor.y - offset - positionedFloating.height : anchor.y + anchor.height + offset;
+  } else {
+    left = side === 'left' ? anchor.x - offset - positionedFloating.width : anchor.x + anchor.width + offset;
+    top = alignCoordinate(anchor.y, anchor.height, positionedFloating.height, align, false) + crossOffset;
+  }
+  if (collisionBehavior === 'flip-shift') {
+    if (side === 'top' || side === 'bottom') {
+      left = clamp(left, boundary.left, boundary.right - positionedFloating.width);
+    } else {
+      top = clamp(top, boundary.top, boundary.bottom - positionedFloating.height);
+    }
+  }
+  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, positionedFloating.width - arrowBoundaryOffset)
+  } : {
+    y: clamp(anchorCenterY - top, arrowBoundaryOffset, positionedFloating.height - arrowBoundaryOffset)
+  };
+  const resolvedPlacement = {
+    side,
+    align
+  };
+  return {
+    style: {
+      left,
+      top,
+      width: options.width === 'anchor' ? anchor.width : undefined,
+      minWidth: positionedFloating.width,
+      minHeight: positionedFloating.height,
+      maxWidth: availableWidth,
+      maxHeight: availableHeight
+    },
+    resolvedPlacement,
+    placement: stringifyPlacement(resolvedPlacement),
+    availableWidth,
+    availableHeight,
+    arrow,
+    transformOrigin: getTransformOrigin(side, arrow, positionedFloating)
+  };
+}
+//# 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","availableWidth","availableHeight","positionedFloating","isRTL","arrowBoundaryOffset","anchorCenterX","anchorCenterY","resolvedPlacement","style","undefined","minWidth","minHeight","maxWidth","maxHeight","transformOrigin"],"sourceRoot":"../../../src","sources":["overlay/getAnchoredOverlayPosition.ts"],"mappings":";;AAIA,OAAO,MAAMA,kBAAkB,GAAG,CAChC,MAAM,EACN,YAAY,EACZ,UAAU,EACV,KAAK,EACL,WAAW,EACX,SAAS,EACT,OAAO,EACP,aAAa,EACb,WAAW,EACX,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,UAAU,CACF;AA+CV,MAAMC,yBAAyB,GAAG,CAAC;AACnC,MAAMC,cAAc,GAAG,CAAC;AAExB,SAASC,QAAQA,CAACC,KAA+C,EAAc;EAC7E,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAO;MAAEC,GAAG,EAAED,KAAK;MAAEE,KAAK,EAAEF,KAAK;MAAEG,MAAM,EAAEH,KAAK;MAAEI,IAAI,EAAEJ;IAAM,CAAC;EACjE;EAEA,OAAO;IACLC,GAAG,EAAED,KAAK,EAAEC,GAAG,IAAIJ,yBAAyB;IAC5CK,KAAK,EAAEF,KAAK,EAAEE,KAAK,IAAIL,yBAAyB;IAChDM,MAAM,EAAEH,KAAK,EAAEG,MAAM,IAAIN,yBAAyB;IAClDO,IAAI,EAAEJ,KAAK,EAAEI,IAAI,IAAIP;EACvB,CAAC;AACH;AAEA,SAASQ,cAAcA,CACrBC,SAA2B,EACuC;EAClE,MAAM,CAACC,IAAI,EAAEC,KAAK,GAAG,QAAQ,CAAC,GAAGF,SAAS,CAACG,KAAK,CAAC,GAAG,CAGnD;EACD,OAAO;IAAEF,IAAI;IAAEC;EAAM,CAAC;AACxB;AAEA,SAASE,kBAAkBA,CAAC;EAC1BH,IAAI;EACJC;AACwB,CAAC,EAAwC;EACjE,OAAQA,KAAK,KAAK,QAAQ,GAAGD,IAAI,GAAG,GAAGA,IAAI,IAAIC,KAAK,EAAE;AACxD;AAEA,SAASG,YAAYA,CAACJ,IAAiB,EAAe;EACpD,QAAQA,IAAI;IACV,KAAK,KAAK;MACR,OAAO,QAAQ;IACjB,KAAK,OAAO;MACV,OAAO,MAAM;IACf,KAAK,QAAQ;MACX,OAAO,KAAK;IACd,KAAK,MAAM;MACT,OAAO,OAAO;EAClB;AACF;AAEA,SAASK,iBAAiBA,CACxBL,IAAiB,EACjBM,MAAoB,EACpBC,QAAkB,EAClBC,MAAc,EACN;EACR,QAAQR,IAAI;IACV,KAAK,KAAK;MACR,OAAOM,MAAM,CAACG,CAAC,GAAGD,MAAM,GAAGD,QAAQ,CAACb,GAAG;IACzC,KAAK,OAAO;MACV,OAAOa,QAAQ,CAACZ,KAAK,IAAIW,MAAM,CAACI,CAAC,GAAGJ,MAAM,CAACK,KAAK,GAAGH,MAAM,CAAC;IAC5D,KAAK,QAAQ;MACX,OAAOD,QAAQ,CAACX,MAAM,IAAIU,MAAM,CAACG,CAAC,GAAGH,MAAM,CAACM,MAAM,GAAGJ,MAAM,CAAC;IAC9D,KAAK,MAAM;MACT,OAAOF,MAAM,CAACI,CAAC,GAAGF,MAAM,GAAGD,QAAQ,CAACV,IAAI;EAC5C;AACF;AAEA,SAASgB,YAAYA,CAACb,IAAiB,EAAEc,QAAwB,EAAU;EACzE,OAAOd,IAAI,KAAK,KAAK,IAAIA,IAAI,KAAK,QAAQ,GAAGc,QAAQ,CAACF,MAAM,GAAGE,QAAQ,CAACH,KAAK;AAC/E;AAEA,SAASI,eAAeA,CACtBT,MAAoB,EACpBQ,QAAwB,EACxBP,QAAkB,EAClBC,MAAc,EACD;EACb,MAAMQ,KAAoB,GAAG,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC;EAC/D,OAAOA,KAAK,CAACC,MAAM,CAAC,CAACC,IAAI,EAAElB,IAAI,KAAK;IAClC,MAAMmB,SAAS,GAAGd,iBAAiB,CAACL,IAAI,EAAEM,MAAM,EAAEC,QAAQ,EAAEC,MAAM,CAAC;IACnE,MAAMY,aAAa,GAAGf,iBAAiB,CAACa,IAAI,EAAEZ,MAAM,EAAEC,QAAQ,EAAEC,MAAM,CAAC;IACvE,MAAMa,IAAI,GAAGF,SAAS,IAAIN,YAAY,CAACb,IAAI,EAAEc,QAAQ,CAAC;IACtD,MAAMQ,QAAQ,GAAGF,aAAa,IAAIP,YAAY,CAACK,IAAI,EAAEJ,QAAQ,CAAC;IAE9D,IAAIO,IAAI,KAAKC,QAAQ,EAAE;MACrB,OAAOD,IAAI,GAAGrB,IAAI,GAAGkB,IAAI;IAC3B;IAEA,OAAOC,SAAS,GAAGC,aAAa,GAAGpB,IAAI,GAAGkB,IAAI;EAChD,CAAC,CAAC;AACJ;AAEA,SAASK,eAAeA,CACtBC,WAAmB,EACnBC,UAAkB,EAClBC,YAAoB,EACpBzB,KAAmB,EACnB0B,uBAAgC,EACxB;EACR,MAAMC,aAAa,GACjBD,uBAAuB,IAAI1B,KAAK,KAAK,QAAQ,GAAIA,KAAK,KAAK,OAAO,GAAG,KAAK,GAAG,OAAO,GAAIA,KAAK;EAE/F,IAAI2B,aAAa,KAAK,OAAO,EAAE;IAC7B,OAAOJ,WAAW;EACpB;EAEA,IAAII,aAAa,KAAK,KAAK,EAAE;IAC3B,OAAOJ,WAAW,GAAGC,UAAU,GAAGC,YAAY;EAChD;EAEA,OAAOF,WAAW,GAAG,CAACC,UAAU,GAAGC,YAAY,IAAI,CAAC;AACtD;AAEA,SAASG,KAAKA,CAACpC,KAAa,EAAEqC,GAAW,EAAEC,GAAW,EAAU;EAC9D,IAAIA,GAAG,GAAGD,GAAG,EAAE,OAAOA,GAAG;EACzB,OAAOE,IAAI,CAACF,GAAG,CAACE,IAAI,CAACD,GAAG,CAACtC,KAAK,EAAEqC,GAAG,CAAC,EAAEC,GAAG,CAAC;AAC5C;AAEA,SAASE,kBAAkBA,CACzBjC,IAAiB,EACjBkC,KAAuC,EACvCpB,QAAwB,EAChB;EACR,MAAMJ,CAAC,GAAGwB,KAAK,CAACxB,CAAC,IAAII,QAAQ,CAACH,KAAK,GAAG,CAAC;EACvC,MAAMF,CAAC,GAAGyB,KAAK,CAACzB,CAAC,IAAIK,QAAQ,CAACF,MAAM,GAAG,CAAC;EAExC,QAAQZ,IAAI;IACV,KAAK,KAAK;MACR,OAAO,GAAGmC,MAAM,CAACzB,CAAC,CAAC,SAAS;IAC9B,KAAK,OAAO;MACV,OAAO,MAAMyB,MAAM,CAAC1B,CAAC,CAAC,IAAI;IAC5B,KAAK,QAAQ;MACX,OAAO,GAAG0B,MAAM,CAACzB,CAAC,CAAC,OAAO;IAC5B,KAAK,MAAM;MACT,OAAO,QAAQyB,MAAM,CAAC1B,CAAC,CAAC,IAAI;EAChC;AACF;AAEA,OAAO,SAAS2B,0BAA0BA,CACxC9B,MAAoB,EACpB+B,cAA8B,EAC9BC,QAA2C,EAC3CC,OAAuC,GAAG,CAAC,CAAC,EACnB;EACzB,MAAMxC,SAAS,GAAGwC,OAAO,CAACxC,SAAS,IAAI,cAAc;EACrD,MAAMS,MAAM,GAAG+B,OAAO,CAAC/B,MAAM,IAAIjB,cAAc;EAC/C,MAAMiD,WAAW,GAAGD,OAAO,CAACC,WAAW,IAAI,CAAC;EAC5C,MAAMC,iBAAiB,GAAGF,OAAO,CAACE,iBAAiB,IAAI,YAAY;EACnE,MAAMC,gBAAgB,GAAGlD,QAAQ,CAAC+C,OAAO,CAACG,gBAAgB,CAAC;EAC3D,MAAMC,MAAkB,GAAG;IACzBjD,GAAG,EAAE6C,OAAO,CAACI,MAAM,EAAEjD,GAAG,IAAI,CAAC;IAC7BC,KAAK,EAAE4C,OAAO,CAACI,MAAM,EAAEhD,KAAK,IAAI,CAAC;IACjCC,MAAM,EAAE2C,OAAO,CAACI,MAAM,EAAE/C,MAAM,IAAI,CAAC;IACnCC,IAAI,EAAE0C,OAAO,CAACI,MAAM,EAAE9C,IAAI,IAAI;EAChC,CAAC;EACD,MAAMU,QAAkB,GAAG;IACzBb,GAAG,EAAEiD,MAAM,CAACjD,GAAG,GAAGgD,gBAAgB,CAAChD,GAAG;IACtCC,KAAK,EAAE2C,QAAQ,CAAC3B,KAAK,GAAGgC,MAAM,CAAChD,KAAK,GAAG+C,gBAAgB,CAAC/C,KAAK;IAC7DC,MAAM,EAAE0C,QAAQ,CAAC1B,MAAM,GAAG+B,MAAM,CAAC/C,MAAM,GAAG8C,gBAAgB,CAAC9C,MAAM;IACjEC,IAAI,EAAE8C,MAAM,CAAC9C,IAAI,GAAG6C,gBAAgB,CAAC7C;EACvC,CAAC;EACD,MAAM+C,MAAM,GAAG9C,cAAc,CAACC,SAAS,CAAC;EACxC,MAAM8C,gBAAgC,GAAG;IACvClC,KAAK,EAAE4B,OAAO,CAAC5B,KAAK,KAAK,QAAQ,GAAGL,MAAM,CAACK,KAAK,GAAG0B,cAAc,CAAC1B,KAAK;IACvEC,MAAM,EAAEyB,cAAc,CAACzB;EACzB,CAAC;EAED,IAAIZ,IAAI,GACN4C,MAAM,CAAC5C,IAAI,KAAK,MAAM,GAClBe,eAAe,CAACT,MAAM,EAAEuC,gBAAgB,EAAEtC,QAAQ,EAAEC,MAAM,CAAC,GAC3DoC,MAAM,CAAC5C,IAAI;EACjB,MAAMC,KAAK,GAAG2C,MAAM,CAAC3C,KAAK;EAE1B,IAAI2C,MAAM,CAAC5C,IAAI,KAAK,MAAM,IAAIyC,iBAAiB,KAAK,MAAM,EAAE;IAC1D,MAAMK,QAAQ,GAAG1C,YAAY,CAACJ,IAAI,CAAC;IACnC,MAAMmB,SAAS,GAAGd,iBAAiB,CAACL,IAAI,EAAEM,MAAM,EAAEC,QAAQ,EAAEC,MAAM,CAAC;IACnE,MAAMuC,iBAAiB,GAAG1C,iBAAiB,CAACyC,QAAQ,EAAExC,MAAM,EAAEC,QAAQ,EAAEC,MAAM,CAAC;IAC/E,MAAMwC,QAAQ,GAAGnC,YAAY,CAACb,IAAI,EAAE6C,gBAAgB,CAAC;IAErD,IAAI1B,SAAS,GAAG6B,QAAQ,IAAID,iBAAiB,GAAG5B,SAAS,EAAE;MACzDnB,IAAI,GAAG8C,QAAQ;IACjB;EACF;EAEA,MAAMG,cAAc,GAClBjD,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,OAAO,GAC/BgC,IAAI,CAACD,GAAG,CAAC,CAAC,EAAE1B,iBAAiB,CAACL,IAAI,EAAEM,MAAM,EAAEC,QAAQ,EAAEC,MAAM,CAAC,CAAC,GAC9DwB,IAAI,CAACD,GAAG,CAAC,CAAC,EAAExB,QAAQ,CAACZ,KAAK,GAAGY,QAAQ,CAACV,IAAI,CAAC;EACjD,MAAMqD,eAAe,GACnBlD,IAAI,KAAK,KAAK,IAAIA,IAAI,KAAK,QAAQ,GAC/BgC,IAAI,CAACD,GAAG,CAAC,CAAC,EAAE1B,iBAAiB,CAACL,IAAI,EAAEM,MAAM,EAAEC,QAAQ,EAAEC,MAAM,CAAC,CAAC,GAC9DwB,IAAI,CAACD,GAAG,CAAC,CAAC,EAAExB,QAAQ,CAACX,MAAM,GAAGW,QAAQ,CAACb,GAAG,CAAC;EACjD,MAAMyD,kBAAkC,GAAG;IACzCxC,KAAK,EAAEqB,IAAI,CAACF,GAAG,CAACe,gBAAgB,CAAClC,KAAK,EAAEsC,cAAc,CAAC;IACvDrC,MAAM,EAAEoB,IAAI,CAACF,GAAG,CAACe,gBAAgB,CAACjC,MAAM,EAAEsC,eAAe;EAC3D,CAAC;EAED,IAAIrD,IAAY;EAChB,IAAIH,GAAW;EAEf,IAAIM,IAAI,KAAK,KAAK,IAAIA,IAAI,KAAK,QAAQ,EAAE;IACvCH,IAAI,GACF0B,eAAe,CACbjB,MAAM,CAACI,CAAC,EACRJ,MAAM,CAACK,KAAK,EACZwC,kBAAkB,CAACxC,KAAK,EACxBV,KAAK,EACLsC,OAAO,CAACa,KAAK,IAAI,KACnB,CAAC,GAAGZ,WAAW;IACjB9C,GAAG,GACDM,IAAI,KAAK,KAAK,GACVM,MAAM,CAACG,CAAC,GAAGD,MAAM,GAAG2C,kBAAkB,CAACvC,MAAM,GAC7CN,MAAM,CAACG,CAAC,GAAGH,MAAM,CAACM,MAAM,GAAGJ,MAAM;EACzC,CAAC,MAAM;IACLX,IAAI,GACFG,IAAI,KAAK,MAAM,GACXM,MAAM,CAACI,CAAC,GAAGF,MAAM,GAAG2C,kBAAkB,CAACxC,KAAK,GAC5CL,MAAM,CAACI,CAAC,GAAGJ,MAAM,CAACK,KAAK,GAAGH,MAAM;IACtCd,GAAG,GACD6B,eAAe,CAACjB,MAAM,CAACG,CAAC,EAAEH,MAAM,CAACM,MAAM,EAAEuC,kBAAkB,CAACvC,MAAM,EAAEX,KAAK,EAAE,KAAK,CAAC,GACjFuC,WAAW;EACf;EAEA,IAAIC,iBAAiB,KAAK,YAAY,EAAE;IACtC,IAAIzC,IAAI,KAAK,KAAK,IAAIA,IAAI,KAAK,QAAQ,EAAE;MACvCH,IAAI,GAAGgC,KAAK,CAAChC,IAAI,EAAEU,QAAQ,CAACV,IAAI,EAAEU,QAAQ,CAACZ,KAAK,GAAGwD,kBAAkB,CAACxC,KAAK,CAAC;IAC9E,CAAC,MAAM;MACLjB,GAAG,GAAGmC,KAAK,CAACnC,GAAG,EAAEa,QAAQ,CAACb,GAAG,EAAEa,QAAQ,CAACX,MAAM,GAAGuD,kBAAkB,CAACvC,MAAM,CAAC;IAC7E;EACF;EAEA,MAAMyC,mBAAmB,GAAGd,OAAO,CAACc,mBAAmB,IAAI,CAAC;EAC5D,MAAMC,aAAa,GAAGhD,MAAM,CAACI,CAAC,GAAGJ,MAAM,CAACK,KAAK,GAAG,CAAC;EACjD,MAAM4C,aAAa,GAAGjD,MAAM,CAACG,CAAC,GAAGH,MAAM,CAACM,MAAM,GAAG,CAAC;EAClD,MAAMsB,KAAK,GACTlC,IAAI,KAAK,KAAK,IAAIA,IAAI,KAAK,QAAQ,GAC/B;IACEU,CAAC,EAAEmB,KAAK,CACNyB,aAAa,GAAGzD,IAAI,EACpBwD,mBAAmB,EACnBF,kBAAkB,CAACxC,KAAK,GAAG0C,mBAC7B;EACF,CAAC,GACD;IACE5C,CAAC,EAAEoB,KAAK,CACN0B,aAAa,GAAG7D,GAAG,EACnB2D,mBAAmB,EACnBF,kBAAkB,CAACvC,MAAM,GAAGyC,mBAC9B;EACF,CAAC;EACP,MAAMG,iBAAiB,GAAG;IAAExD,IAAI;IAAEC;EAAM,CAAC;EAEzC,OAAO;IACLwD,KAAK,EAAE;MACL5D,IAAI;MACJH,GAAG;MACHiB,KAAK,EAAE4B,OAAO,CAAC5B,KAAK,KAAK,QAAQ,GAAGL,MAAM,CAACK,KAAK,GAAG+C,SAAS;MAC5DC,QAAQ,EAAER,kBAAkB,CAACxC,KAAK;MAClCiD,SAAS,EAAET,kBAAkB,CAACvC,MAAM;MACpCiD,QAAQ,EAAEZ,cAAc;MACxBa,SAAS,EAAEZ;IACb,CAAC;IACDM,iBAAiB;IACjBzD,SAAS,EAAEI,kBAAkB,CAACqD,iBAAiB,CAAC;IAChDP,cAAc;IACdC,eAAe;IACfhB,KAAK;IACL6B,eAAe,EAAE9B,kBAAkB,CAACjC,IAAI,EAAEkC,KAAK,EAAEiB,kBAAkB;EACrE,CAAC;AACH","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,117 @@
+"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(() => {
+    // Native measure callbacks can resolve after onLayout and replace the rendered size
+    // with stale staging geometry. Native layout changes are already reported by onLayout.
+    if (Platform.OS !== 'web') return;
+    const floating = floatingRef.current;
+    if (!floating) return;
+    if (typeof floating.getBoundingClientRect === 'function') {
+      const rect = floating.getBoundingClientRect();
+      setLayoutIfChanged(setFloatingLayout, {
+        width: rect.width,
+        height: rect.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