react-native-nitro-modal 0.1.5 → 0.3.0-rc

package/lib/module/web/dom.js

@@ -0,0 +1,138 @@
+"use strict";
+
+/// <reference lib="dom" />
+
+export const ZERO_INSETS = {
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0
+};
+export const canUseDOM = typeof window !== 'undefined' && typeof document !== 'undefined';
+
+/** Converts a color from `processColor` (0xAARRGGBB) to CSS, scaling its alpha by `opacity`. */
+export function toCSSColor(argb, opacity = 1) {
+  // As an unsigned 32-bit value, whatever the sign it was passed with.
+  const value = (argb % 2 ** 32 + 2 ** 32) % 2 ** 32;
+  const channel = shift => Math.floor(value / 2 ** shift) % 256;
+  const alpha = channel(24) / 255 * Math.min(Math.max(opacity, 0), 1);
+  return `rgba(${channel(16)}, ${channel(8)}, ${channel(0)}, ${Number(alpha.toFixed(3))})`;
+}
+let safeAreaProbe = null;
+
+/**
+ * `env(safe-area-inset-*)`, read through a hidden probe element. Non-zero on
+ * notched devices when the page opts in with `viewport-fit=cover`.
+ */
+export function readSafeAreaInsets() {
+  if (!safeAreaProbe?.isConnected) {
+    if (!document.body) return ZERO_INSETS;
+    const probe = document.createElement('div');
+    probe.setAttribute('aria-hidden', 'true');
+    probe.style.cssText = 'position:fixed;top:0;left:0;width:0;height:0;visibility:hidden;pointer-events:none;' + 'padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) ' + 'env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);';
+    document.body.appendChild(probe);
+    safeAreaProbe = probe;
+  }
+  const style = getComputedStyle(safeAreaProbe);
+  return {
+    top: parseFloat(style.paddingTop) || 0,
+    right: parseFloat(style.paddingRight) || 0,
+    bottom: parseFloat(style.paddingBottom) || 0,
+    left: parseFloat(style.paddingLeft) || 0
+  };
+}
+
+/** The part of the safe area insets that `element` overlaps. */
+export function inlineInsets(element) {
+  const safeArea = readSafeAreaInsets();
+  const rect = element.getBoundingClientRect();
+  const clamp = (value, max) => Math.min(Math.max(value, 0), max);
+  return {
+    top: clamp(safeArea.top - rect.top, rect.height),
+    right: clamp(rect.right - (window.innerWidth - safeArea.right), rect.width),
+    bottom: clamp(rect.bottom - (window.innerHeight - safeArea.bottom), rect.height),
+    left: clamp(safeArea.left - rect.left, rect.width)
+  };
+}
+
+/**
+ * Height of the on-screen keyboard over a layout viewport `layoutHeight` tall.
+ * Mobile browsers keep the layout viewport and shrink the visual one.
+ */
+export function readKeyboardHeight(layoutHeight) {
+  const visual = window.visualViewport;
+  // Pinch zoom shrinks the visual viewport too.
+  if (!visual || Math.abs(visual.scale - 1) > 0.01) return 0;
+  const covered = layoutHeight - visual.offsetTop - visual.height;
+  return covered >= 1 ? Math.round(covered) : 0;
+}
+
+/** The size of the viewport before anything is on screen. */
+export function estimateViewport() {
+  return {
+    width: document.documentElement.clientWidth || window.innerWidth,
+    height: window.innerHeight
+  };
+}
+function isVerticalScroller(node) {
+  if (!(node instanceof HTMLElement) || node.scrollHeight <= node.clientHeight) return false;
+  const {
+    overflowY
+  } = getComputedStyle(node);
+  return overflowY === 'auto' || overflowY === 'scroll';
+}
+
+/** The innermost element from `target` up to (not including) `root` that scrolls vertically. */
+export function findVerticalScroller(target, root) {
+  let node = target instanceof Element ? target : null;
+  for (; node && node !== root; node = node.parentElement) {
+    if (isVerticalScroller(node)) return node;
+  }
+  return null;
+}
+
+/** Whether a scroller between `target` and `root` can scroll further by `deltaY`. */
+export function canScrollWithin(target, root, deltaY) {
+  let node = target instanceof Element ? target : null;
+  for (; node && node !== root; node = node.parentElement) {
+    if (!isVerticalScroller(node)) continue;
+    const canScroll = deltaY < 0 ? node.scrollTop > 0 : node.scrollTop + node.clientHeight < node.scrollHeight - 1;
+    if (canScroll) return true;
+  }
+  return false;
+}
+export function isTextInput(target) {
+  return target instanceof Element && target.closest('input, textarea, select, [contenteditable]:not([contenteditable="false"])') != null;
+}
+
+/** Swallows the click that follows a mouse drag, so the content under the pointer isn't pressed. */
+export function suppressNextClick() {
+  const swallow = event => {
+    event.stopPropagation();
+    event.preventDefault();
+  };
+  window.addEventListener('click', swallow, {
+    capture: true,
+    once: true
+  });
+  // A click, if any, is dispatched in the same task as the pointerup.
+  setTimeout(() => {
+    window.removeEventListener('click', swallow, {
+      capture: true
+    });
+  }, 0);
+}
+export function prefersReducedMotion() {
+  return typeof window.matchMedia === 'function' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+}
+let clipValue = null;
+
+/**
+ * `overflow: clip` rounds the corners without making the element a scroll
+ * container, which focusing an input could otherwise scroll.
+ */
+export function clipOverflow() {
+  clipValue ??= typeof CSS !== 'undefined' && CSS.supports('overflow', 'clip') ? 'clip' : 'hidden';
+  return clipValue;
+}
+//# sourceMappingURL=dom.js.map

package/lib/module/web/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ZERO_INSETS","top","right","bottom","left","canUseDOM","window","document","toCSSColor","argb","opacity","value","channel","shift","Math","floor","alpha","min","max","Number","toFixed","safeAreaProbe","readSafeAreaInsets","isConnected","body","probe","createElement","setAttribute","style","cssText","appendChild","getComputedStyle","parseFloat","paddingTop","paddingRight","paddingBottom","paddingLeft","inlineInsets","element","safeArea","rect","getBoundingClientRect","clamp","height","innerWidth","width","innerHeight","readKeyboardHeight","layoutHeight","visual","visualViewport","abs","scale","covered","offsetTop","round","estimateViewport","documentElement","clientWidth","isVerticalScroller","node","HTMLElement","scrollHeight","clientHeight","overflowY","findVerticalScroller","target","root","Element","parentElement","canScrollWithin","deltaY","canScroll","scrollTop","isTextInput","closest","suppressNextClick","swallow","event","stopPropagation","preventDefault","addEventListener","capture","once","setTimeout","removeEventListener","prefersReducedMotion","matchMedia","matches","clipValue","clipOverflow","CSS","supports"],"sourceRoot":"../../../src","sources":["web/dom.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/NitroModal.d.ts

@@ -1,6 +1,14 @@
 import { type ReactNode, type Ref } from 'react';
 import { type ColorValue, type StyleProp, type ViewStyle } from 'react-native';
 import type { DismissReason, KeyboardBehavior, ModalMode, PopupAnimation, SheetDetent } from './NitroModal.nitro.js';
+/**
+ * Where a `bottomSheet` lives.
+ * - `modal`: presented over the whole app, with a backdrop.
+ * - `inline`: inside the component's own frame (`style`), as part of your
+ *   screen. No backdrop, the views behind it stay interactive, and the user
+ *   can't dismiss it.
+ */
+export type ModalPresentation = 'modal' | 'inline';
 export interface NitroModalRef {
     /** Opens the modal. Only for uncontrolled usage (no `isOpen` prop). */
     present(): void;
@@ -18,7 +26,23 @@ export interface NitroModalProps {
     isOpen?: boolean;
     /** @default 'bottomSheet' */
     mode?: ModalMode;
-    /** Sheet heights, smallest first. Android uses at most three. @default ['fitContent'] */
+    /**
+     * `inline` keeps a `bottomSheet` inside this component's frame, like a
+     * persistent sheet that is part of the screen. Popups are always modal.
+     * @default 'modal'
+     */
+    presentation?: ModalPresentation;
+    /**
+     * Inline only: the frame the sheet lives in, laid out like any view.
+     * The sheet rests against its bottom edge and its largest detent reaches its
+     * top edge. @default StyleSheet.absoluteFill
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Sheet heights, smallest first: named sizes, or the content height in
+     * dp/pt above the bottom safe area. Android uses at most three.
+     * @default ['fitContent']
+     */
     detents?: SheetDetent[];
     /** @default 0 */
     initialDetentIndex?: number;
@@ -26,13 +50,13 @@ export interface NitroModalProps {
     backdropColor?: ColorValue;
     /** @default 0.4 */
     backdropOpacity?: number;
-    /** Blur radius (dp/pt) behind the modal. Android 12+; approximated on iOS. @default 0 */
+    /** Blur radius (dp/pt/px) behind the modal. Android 12+; approximated on iOS. @default 0 */
     backdropBlur?: number;
     /** @default true */
     dismissOnBackdropPress?: boolean;
     /** Swipe down to dismiss a `bottomSheet`. @default true */
     dismissOnSwipe?: boolean;
-    /** Android back button/gesture dismisses the modal. @default true */
+    /** Android back button/gesture (Escape on web) dismisses the modal. @default true */
     dismissOnBackButton?: boolean;
     /** @default false */
     showGrabber?: boolean;
@@ -51,9 +75,16 @@ export interface NitroModalProps {
     onDetentChange?: (index: number) => void;
     onBackdropPress?: () => void;
     onBackButtonPress?: () => void;
+    /**
+     * Pull-to-refresh: the user dragged the sheet down past its lowest detent
+     * and let go. Only for sheets that can't be swiped away (inline, or
+     * `dismissOnSwipe={false}`), and only from a gesture that starts with the
+     * sheet resting on its lowest detent.
+     */
+    onPullToRefresh?: () => void;
     children?: ReactNode;
     testID?: string;
     ref?: Ref<NitroModalRef>;
 }
-export declare function NitroModal({ isOpen, mode, detents, initialDetentIndex, backdropColor, backdropOpacity, backdropBlur, dismissOnBackdropPress, dismissOnSwipe, dismissOnBackButton, showGrabber, cornerRadius, backgroundColor, keyboardBehavior, popupAnimation, contentContainerStyle, onPresent, onDismiss, onDetentChange, onBackdropPress, onBackButtonPress, children, testID, ref, }: NitroModalProps): import("react").JSX.Element;
+export declare function NitroModal({ isOpen, mode, presentation, style, detents, initialDetentIndex, backdropColor, backdropOpacity, backdropBlur, dismissOnBackdropPress, dismissOnSwipe, dismissOnBackButton, showGrabber, cornerRadius, backgroundColor, keyboardBehavior, popupAnimation, contentContainerStyle, onPresent, onDismiss, onDetentChange, onBackdropPress, onBackButtonPress, onPullToRefresh, children, testID, ref, }: NitroModalProps): import("react").JSX.Element;
 //# sourceMappingURL=NitroModal.d.ts.map

package/lib/typescript/src/NitroModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NitroModal.d.ts","sourceRoot":"","sources":["../../../src/NitroModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EACV,aAAa,EACb,gBAAgB,EAEhB,SAAS,EAET,cAAc,EACd,WAAW,EACZ,MAAM,uBAAoB,CAAC;AAG5B,MAAM,WAAW,aAAa;IAC5B,uEAAuE;IACvE,OAAO,IAAI,IAAI,CAAC;IAChB,sEAAsE;IACtE,OAAO,IAAI,IAAI,CAAC;IAChB,oDAAoD;IACpD,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC;AAED,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yFAAyF;IACzF,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,iBAAiB;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uBAAuB;IACvB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,mBAAmB;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yFAAyF;IACzF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,2DAA2D;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qEAAqE;IACrE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qBAAqB;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,qBAAqB;IACrB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,uBAAuB;IACvB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CAC1B;AAYD,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAoB,EACpB,OAAyB,EACzB,kBAAsB,EACtB,aAAuB,EACvB,eAAqB,EACrB,YAAgB,EAChB,sBAA6B,EAC7B,cAAqB,EACrB,mBAA0B,EAC1B,WAAmB,EACnB,YAAY,EACZ,eAAe,EACf,gBAAwB,EACxB,cAAwB,EACxB,qBAAqB,EACrB,SAAS,EACT,SAAS,EACT,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,QAAQ,EACR,MAAM,EACN,GAAG,GACJ,EAAE,eAAe,+BAuJjB"}
+{"version":3,"file":"NitroModal.d.ts","sourceRoot":"","sources":["../../../src/NitroModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EACV,aAAa,EACb,gBAAgB,EAEhB,SAAS,EAGT,cAAc,EACd,WAAW,EACZ,MAAM,uBAAoB,CAAC;AAG5B;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,aAAa;IAC5B,uEAAuE;IACvE,OAAO,IAAI,IAAI,CAAC;IAChB,sEAAsE;IACtE,OAAO,IAAI,IAAI,CAAC;IAChB,oDAAoD;IACpD,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC;AAED,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,iBAAiB;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uBAAuB;IACvB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,mBAAmB;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4FAA4F;IAC5F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,2DAA2D;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qFAAqF;IACrF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qBAAqB;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,qBAAqB;IACrB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,uBAAuB;IACvB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CAC1B;AAmBD,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAoB,EACpB,YAAsB,EACtB,KAAK,EACL,OAAyB,EACzB,kBAAsB,EACtB,aAAuB,EACvB,eAAqB,EACrB,YAAgB,EAChB,sBAA6B,EAC7B,cAAqB,EACrB,mBAA0B,EAC1B,WAAmB,EACnB,YAAY,EACZ,eAAe,EACf,gBAAwB,EACxB,cAAwB,EACxB,qBAAqB,EACrB,SAAS,EACT,SAAS,EACT,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,QAAQ,EACR,MAAM,EACN,GAAG,GACJ,EAAE,eAAe,+BA4KjB"}

package/lib/typescript/src/NitroModal.nitro.d.ts

@@ -7,13 +7,19 @@ import type { HybridView, HybridViewMethods, HybridViewProps } from 'react-nativ
  */
 export type ModalMode = 'bottomSheet' | 'popup';
 /**
- * Resting heights of a `bottomSheet`.
+ * Named resting heights of a `bottomSheet`.
  * - `small`: ~25% of the available height.
  * - `medium`: ~50% of the available height.
  * - `large`: the full available height.
  * - `fitContent`: the measured height of the React content.
  */
-export type SheetDetent = 'small' | 'medium' | 'large' | 'fitContent';
+export type NamedSheetDetent = 'small' | 'medium' | 'large' | 'fitContent';
+/**
+ * A resting height of a `bottomSheet`: a named height, or the height
+ * (dp/pt) of the content above the bottom safe area, clamped to the
+ * available height.
+ */
+export type SheetDetent = NamedSheetDetent | number;
 /**
  * How the modal reacts to the software keyboard.
  * - `pan`: the sheet/card is translated above the keyboard, in sync with the
@@ -36,6 +42,12 @@ export interface NitroModalProps extends HybridViewProps {
     /** Whether the modal should be presented. */
     isOpen: boolean;
     mode: ModalMode;
+    /**
+     * A `bottomSheet` that lives inside the host view's own bounds instead of
+     * being presented over the app: no backdrop, touches outside the sheet
+     * reach the views behind it, and the user can't dismiss it.
+     */
+    isInline: boolean;
     /** Detents of a `bottomSheet`, smallest first. At most 3 are used on Android. */
     detents: SheetDetent[];
     /** Index into `detents` that the sheet opens at. */
@@ -56,6 +68,11 @@ export interface NitroModalProps extends HybridViewProps {
     contentBackgroundColor?: number;
     keyboardBehavior: KeyboardBehavior;
     popupAnimation: PopupAnimation;
+    /**
+     * Pulling a `bottomSheet` down past its lowest detent calls
+     * `onPullToRefresh`. Needs `dismissOnSwipe` off (always the case inline).
+     */
+    pullToRefreshEnabled: boolean;
     /** The present transition finished. */
     onPresent?: () => void;
     /** The modal is fully gone. Fired exactly once for every presentation request. */
@@ -67,6 +84,16 @@ export interface NitroModalProps extends HybridViewProps {
     onBackButtonPress?: () => void;
     /** The area available to the content changed (rotation, keyboard, sheet sizing). */
     onContentAreaChange?: (area: ModalContentArea) => void;
+    /**
+     * The user pulled the sheet down past its lowest detent and let go. The
+     * gesture must start with the sheet resting on that detent.
+     */
+    onPullToRefresh?: () => void;
+    /**
+     * Inline sheets: where the sheet's top rests within the host view (or
+     * will, once it settles). Lets React lay the content out where it is shown.
+     */
+    onRestingTopChange?: (top: number) => void;
 }
 export interface NitroModalMethods extends HybridViewMethods {
     present(): void;

package/lib/typescript/src/NitroModal.nitro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NitroModal.nitro.d.ts","sourceRoot":"","sources":["../../../src/NitroModal.nitro.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,iBAAiB,EACjB,eAAe,EAChB,MAAM,4BAA4B,CAAC;AAEpC;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,OAAO,CAAC;AAEhD;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;AAEtE;;;;;;;GAOG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEzD,0CAA0C;AAC1C,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvD,sCAAsC;AACtC,MAAM,MAAM,aAAa,GACvB,cAAc,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,CAAC;AAEvD,8EAA8E;AAC9E,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,6CAA6C;IAC7C,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,iFAAiF;IACjF,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,oDAAoD;IACpD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qEAAqE;IACrE,aAAa,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,eAAe,EAAE,MAAM,CAAC;IACxB,yEAAyE;IACzE,kBAAkB,EAAE,MAAM,CAAC;IAC3B,sBAAsB,EAAE,OAAO,CAAC;IAChC,cAAc,EAAE,OAAO,CAAC;IACxB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;IACxB,mFAAmF;IACnF,YAAY,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,cAAc,EAAE,cAAc,CAAC;IAE/B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,kFAAkF;IAClF,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,oFAAoF;IACpF,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACxD;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,OAAO,IAAI,IAAI,CAAC;IAChB,OAAO,IAAI,IAAI,CAAC;IAChB,oDAAoD;IACpD,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC;AAED,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"NitroModal.nitro.d.ts","sourceRoot":"","sources":["../../../src/NitroModal.nitro.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,iBAAiB,EACjB,eAAe,EAChB,MAAM,4BAA4B,CAAC;AAEpC;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,OAAO,CAAC;AAEhD;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;AAE3E;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,gBAAgB,GAAG,MAAM,CAAC;AAEpD;;;;;;;GAOG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEzD,0CAA0C;AAC1C,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvD,sCAAsC;AACtC,MAAM,MAAM,aAAa,GACvB,cAAc,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,CAAC;AAEvD,8EAA8E;AAC9E,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,6CAA6C;IAC7C,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB,iFAAiF;IACjF,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,oDAAoD;IACpD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qEAAqE;IACrE,aAAa,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,eAAe,EAAE,MAAM,CAAC;IACxB,yEAAyE;IACzE,kBAAkB,EAAE,MAAM,CAAC;IAC3B,sBAAsB,EAAE,OAAO,CAAC;IAChC,cAAc,EAAE,OAAO,CAAC;IACxB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;IACxB,mFAAmF;IACnF,YAAY,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,cAAc,EAAE,cAAc,CAAC;IAC/B;;;OAGG;IACH,oBAAoB,EAAE,OAAO,CAAC;IAE9B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,kFAAkF;IAClF,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,oFAAoF;IACpF,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACvD;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,OAAO,IAAI,IAAI,CAAC;IAChB,OAAO,IAAI,IAAI,CAAC;IAChB,oDAAoD;IACpD,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC;AAED,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC"}

package/lib/typescript/src/NitroModalView.d.ts

@@ -1,4 +1,5 @@
-import type { ReactNativeView } from 'react-native-nitro-modules';
+import type { callback as nitroCallback, ReactNativeView } from 'react-native-nitro-modules';
 import type { NitroModalMethods, NitroModalProps } from './NitroModal.nitro.js';
+export declare const callback: typeof nitroCallback;
 export declare const NitroModalView: ReactNativeView<NitroModalProps, NitroModalMethods>;
 //# sourceMappingURL=NitroModalView.d.ts.map

package/lib/typescript/src/NitroModalView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NitroModalView.d.ts","sourceRoot":"","sources":["../../../src/NitroModalView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,uBAAoB,CAAC;AAkB7E,eAAO,MAAM,cAAc,EACe,eAAe,CACrD,eAAe,EACf,iBAAiB,CAClB,CAAC"}
+{"version":3,"file":"NitroModalView.d.ts","sourceRoot":"","sources":["../../../src/NitroModalView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,IAAI,aAAa,EACzB,eAAe,EAChB,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,uBAAoB,CAAC;AAkB7E,eAAO,MAAM,QAAQ,EAAgC,OAAO,aAAa,CAAC;AAE1E,eAAO,MAAM,cAAc,EACe,eAAe,CACrD,eAAe,EACf,iBAAiB,CAClB,CAAC"}

package/lib/typescript/src/NitroModalView.native.d.ts

@@ -1,3 +1,4 @@
 import type { NitroModalMethods, NitroModalProps } from './NitroModal.nitro.js';
+export { callback } from 'react-native-nitro-modules';
 export declare const NitroModalView: import("react-native-nitro-modules").ReactNativeView<NitroModalProps, NitroModalMethods>;
 //# sourceMappingURL=NitroModalView.native.d.ts.map

package/lib/typescript/src/NitroModalView.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NitroModalView.native.d.ts","sourceRoot":"","sources":["../../../src/NitroModalView.native.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,uBAAoB,CAAC;AAE7E,eAAO,MAAM,cAAc,0FAGY,CAAC"}
+{"version":3,"file":"NitroModalView.native.d.ts","sourceRoot":"","sources":["../../../src/NitroModalView.native.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,uBAAoB,CAAC;AAI7E,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,eAAO,MAAM,cAAc,0FAGY,CAAC"}

package/lib/typescript/src/NitroModalView.web.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNativeView } from 'react-native-nitro-modules';
+import type { NitroModalMethods, NitroModalProps } from './NitroModal.nitro.js';
+/** The web view takes plain functions; only native host components need them wrapped. */
+export declare function callback<T>(func: T): T;
+export declare const NitroModalView: ReactNativeView<NitroModalProps, NitroModalMethods>;
+//# sourceMappingURL=NitroModalView.web.d.ts.map

package/lib/typescript/src/NitroModalView.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NitroModalView.web.d.ts","sourceRoot":"","sources":["../../../src/NitroModalView.web.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,uBAAoB,CAAC;AAW7E,yFAAyF;AACzF,wBAAgB,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,CAEtC;AAsJD,eAAO,MAAM,cAAc,EAAmC,eAAe,CAC3E,eAAe,EACf,iBAAiB,CAClB,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -1,3 +1,3 @@
-export { NitroModal, type NitroModalProps, type NitroModalRef, } from './NitroModal.js';
-export type { DismissReason, KeyboardBehavior, ModalMode, PopupAnimation, SheetDetent, } from './NitroModal.nitro.js';
+export { NitroModal, type ModalPresentation, type NitroModalProps, type NitroModalRef, } from './NitroModal.js';
+export type { DismissReason, KeyboardBehavior, ModalMode, NamedSheetDetent, PopupAnimation, SheetDetent, } from './NitroModal.nitro.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,aAAa,GACnB,MAAM,iBAAc,CAAC;AACtB,YAAY,EACV,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,WAAW,GACZ,MAAM,uBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,aAAa,GACnB,MAAM,iBAAc,CAAC;AACtB,YAAY,EACV,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,WAAW,GACZ,MAAM,uBAAoB,CAAC"}

package/lib/typescript/src/web/AnimatedValue.d.ts

@@ -0,0 +1,49 @@
+/** How an `AnimatedValue` moves to its target. */
+export type Motion = {
+    type: 'spring';
+    /** Period of the undamped spring, in seconds. Lower is snappier. */
+    response: number;
+    /** 1 settles without overshoot; lower values bounce. */
+    dampingRatio: number;
+} | {
+    type: 'timing';
+    /** In milliseconds. */
+    duration: number;
+    easing: (progress: number) => number;
+};
+/** Jumps to the target at once. The completion still arrives on the next frame. */
+export declare const INSTANT: Motion;
+export interface AnimateOptions {
+    /** Starting velocity in units per second. Defaults to the current velocity. */
+    velocity?: number;
+    /** Finish as soon as a spring reaches the target instead of when it settles. */
+    stopAtTarget?: boolean;
+    /** Runs once the target is reached, unless another animation or `set` takes over first. */
+    onEnd?: () => void;
+}
+/**
+ * A number animated on `requestAnimationFrame` that reports every frame
+ * through `onChange`. A new animation starts from the current value and
+ * velocity, so transitions can be turned around mid-flight.
+ */
+export declare class AnimatedValue {
+    private readonly precision;
+    private readonly onChange;
+    private current;
+    private speed;
+    private run;
+    private frame;
+    private lastTime;
+    /** `precision`: distance from the target at which a spring counts as settled. */
+    constructor(value: number, precision: number, onChange: (value: number) => void);
+    get value(): number;
+    get isAnimating(): boolean;
+    /** Jumps to `value`, cancelling any animation. */
+    set(value: number): void;
+    stop(): void;
+    animateTo(target: number, motion: Motion, options?: AnimateOptions): void;
+    private step;
+    private stepTiming;
+    private stepSpring;
+}
+//# sourceMappingURL=AnimatedValue.d.ts.map

package/lib/typescript/src/web/AnimatedValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedValue.d.ts","sourceRoot":"","sources":["../../../../src/web/AnimatedValue.ts"],"names":[],"mappings":"AAEA,kDAAkD;AAClD,MAAM,MAAM,MAAM,GACd;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC;IACjB,wDAAwD;IACxD,YAAY,EAAE,MAAM,CAAC;CACtB,GACD;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,uBAAuB;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;CACtC,CAAC;AAEN,mFAAmF;AACnF,eAAO,MAAM,OAAO,EAAE,MAIrB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2FAA2F;IAC3F,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB;AAgBD;;;;GAIG;AACH,qBAAa,aAAa;IAUtB,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,QAAQ;IAV3B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,GAAG,CAAoB;IAC/B,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,QAAQ,CAAK;IAErB,iFAAiF;gBAE/E,KAAK,EAAE,MAAM,EACI,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAKpD,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,kDAAkD;IAClD,GAAG,CAAC,KAAK,EAAE,MAAM;IAOjB,IAAI;IAQJ,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB;IAwBtE,OAAO,CAAC,IAAI,CAyBV;IAEF,OAAO,CAAC,UAAU;IAkBlB,OAAO,CAAC,UAAU;CA8BnB"}

package/lib/typescript/src/web/ModalConfig.d.ts

@@ -0,0 +1,30 @@
+import type { KeyboardBehavior, ModalMode, NitroModalProps, PopupAnimation, SheetDetent } from '../NitroModal.nitro.js';
+/** Snapshot of the props that shape a presentation. */
+export interface ModalConfig {
+    mode: ModalMode;
+    /**
+     * A `bottomSheet` rendered in place, filling the host view: no backdrop,
+     * the page behind stays interactive, and the user can't dismiss it.
+     */
+    isInline: boolean;
+    detents: SheetDetent[];
+    initialDetentIndex: number;
+    /** 0xAARRGGBB, from `processColor`. */
+    backdropColor: number;
+    backdropOpacity: number;
+    backdropBlurRadius: number;
+    dismissOnBackdropPress: boolean;
+    dismissOnSwipe: boolean;
+    dismissOnBackButton: boolean;
+    grabberVisible: boolean;
+    /** `null` uses the default. */
+    cornerRadius: number | null;
+    /** 0xAARRGGBB; `null` uses the system background. */
+    contentBackgroundColor: number | null;
+    keyboardBehavior: KeyboardBehavior;
+    popupAnimation: PopupAnimation;
+    pullToRefreshEnabled: boolean;
+}
+export declare function makeConfig(props: NitroModalProps): ModalConfig;
+export declare function isSameConfig(a: ModalConfig, b: ModalConfig): boolean;
+//# sourceMappingURL=ModalConfig.d.ts.map

package/lib/typescript/src/web/ModalConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalConfig.d.ts","sourceRoot":"","sources":["../../../../src/web/ModalConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,SAAS,EACT,eAAe,EACf,cAAc,EACd,WAAW,EACZ,MAAM,wBAAqB,CAAC;AAE7B,uDAAuD;AACvD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,SAAS,CAAC;IAChB;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,sBAAsB,EAAE,OAAO,CAAC;IAChC,cAAc,EAAE,OAAO,CAAC;IACxB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;IACxB,+BAA+B;IAC/B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,qDAAqD;IACrD,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,cAAc,EAAE,cAAc,CAAC;IAC/B,oBAAoB,EAAE,OAAO,CAAC;CAC/B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,WAAW,CAuB9D;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,WAAW,GAAG,OAAO,CAMpE"}

package/lib/typescript/src/web/ModalController.d.ts

@@ -0,0 +1,70 @@
+import type { NitroModalMethods, NitroModalProps } from '../NitroModal.nitro.js';
+import type { ModalElements, PresenterListener } from './ModalPresenter.js';
+/**
+ * The web counterpart of the native `HybridNitroModal`: receives the host
+ * view's props and drives one presenter per presentation.
+ *
+ * Presentation is a small state machine so that rapid `isOpen` toggles, user
+ * dismissals and unmounts always settle on a consistent state, and every
+ * accepted present request ends with exactly one `onDismiss`. Transitions are
+ * interrupted rather than queued: closing mid-enter turns the enter around,
+ * and opening mid-exit turns the exit around (that session carries on, so it
+ * gets no `onDismiss` and at most one `onPresent`).
+ */
+export declare class ModalController implements PresenterListener {
+    private readonly setMounted;
+    readonly methods: Pick<NitroModalMethods, 'present' | 'dismiss' | 'snapToDetent'>;
+    private props;
+    private config;
+    private isOpen;
+    private phase;
+    /** What React (or an imperative call) asked for. */
+    private wantsOpen;
+    /** A present request was accepted and its `onDismiss` is still owed. */
+    private sessionActive;
+    /** `onPresent` was sent for the current session. */
+    private presentSent;
+    private dismissReason;
+    private reconcileScheduled;
+    private isAttached;
+    private presenter;
+    private elements;
+    /** Inline: the element the sheet fills. */
+    private host;
+    private lastContentArea;
+    /** `setMounted` renders (or removes) the modal's elements. */
+    constructor(setMounted: (mounted: boolean) => void);
+    attach(): void;
+    /** The host view unmounted. Also runs for React's strict-mode remount, so `attach` must work again. */
+    detach(): void;
+    /** The host view rendered with new props. */
+    update(props: NitroModalProps): void;
+    /** Inline: the element the sheet fills, rendered in place. */
+    hostDidChange(host: HTMLElement | null): void;
+    elementsDidMount(elements: ModalElements): void;
+    elementsWillUnmount(): void;
+    contentDidRender(): void;
+    /** Escape key, routed by React Native Web's `Modal` to the topmost modal. */
+    handleBackPress: () => void;
+    private get isVisible();
+    private requestPresent;
+    private requestDismiss;
+    /** Coalesces the requests made in one task, e.g. an open and a close in the same handler. */
+    private scheduleReconcile;
+    private reconcile;
+    private startPresent;
+    private startDismiss;
+    private finishDismiss;
+    private endSession;
+    onPresented(): void;
+    onDismissed(): void;
+    onBackdropPress(): void;
+    onSwipeDismiss(): void;
+    onDetentChange(index: number): void;
+    onPullToRefresh(): void;
+    onContentAreaChange(width: number, height: number): void;
+    /** Lets React size the content before the first presentation. */
+    private reportEstimatedContentArea;
+    private handleWindowResize;
+}
+//# sourceMappingURL=ModalController.d.ts.map

package/lib/typescript/src/web/ModalController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalController.d.ts","sourceRoot":"","sources":["../../../../src/web/ModalController.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,iBAAiB,EACjB,eAAe,EAChB,MAAM,wBAAqB,CAAC;AAQ7B,OAAO,KAAK,EACV,aAAa,EAEb,iBAAiB,EAClB,MAAM,qBAAkB,CAAC;AAM1B;;;;;;;;;;GAUG;AACH,qBAAa,eAAgB,YAAW,iBAAiB;IAkC3C,OAAO,CAAC,QAAQ,CAAC,UAAU;IAjCvC,QAAQ,CAAC,OAAO,EAAE,IAAI,CACpB,iBAAiB,EACjB,SAAS,GAAG,SAAS,GAAG,cAAc,CACvC,CAQC;IAEF,OAAO,CAAC,KAAK,CAAgC;IAC7C,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,KAAK,CAAiB;IAC9B,oDAAoD;IACpD,OAAO,CAAC,SAAS,CAAS;IAC1B,wEAAwE;IACxE,OAAO,CAAC,aAAa,CAAS;IAC9B,oDAAoD;IACpD,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,aAAa,CAAiC;IACtD,OAAO,CAAC,kBAAkB,CAAS;IACnC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,SAAS,CAA+B;IAChD,OAAO,CAAC,QAAQ,CAA8B;IAC9C,2CAA2C;IAC3C,OAAO,CAAC,IAAI,CAA4B;IACxC,OAAO,CAAC,eAAe,CAAiC;IAExD,8DAA8D;gBACjC,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;IAInE,MAAM;IAKN,uGAAuG;IACvG,MAAM;IAiBN,6CAA6C;IAC7C,MAAM,CAAC,KAAK,EAAE,eAAe;IAqB7B,8DAA8D;IAC9D,aAAa,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAQtC,gBAAgB,CAAC,QAAQ,EAAE,aAAa;IAOxC,mBAAmB;IAInB,gBAAgB;IAIhB,6EAA6E;IAC7E,eAAe,aAOb;IAIF,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,cAAc;IAQtB,6FAA6F;IAC7F,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,SAAS;IAwBjB,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,UAAU;IAclB,WAAW;IAUX,WAAW;IAIX,eAAe;IAOf,cAAc;IAMd,cAAc,CAAC,KAAK,EAAE,MAAM;IAI5B,eAAe;IAIf,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAWjD,iEAAiE;IACjE,OAAO,CAAC,0BAA0B;IAyBlC,OAAO,CAAC,kBAAkB,CAIxB;CACH"}

package/lib/typescript/src/web/ModalPresenter.d.ts

@@ -0,0 +1,107 @@
+import { type Insets, type Size } from './dom.js';
+import type { ModalConfig } from './ModalConfig.js';
+/** DOM rendered by the web host view for one presentation. */
+export interface ModalElements {
+    /** Full-window layer holding the backdrop and the surface. */
+    overlay: HTMLElement;
+    backdrop: HTMLElement;
+    /** The sheet or the popup card. */
+    surface: HTMLElement;
+    /** Hosts the React content. */
+    content: HTMLElement;
+    grabber: HTMLElement;
+}
+export interface PresenterListener {
+    /** An enter transition settled: the first one, or one that reversed an exit. */
+    onPresented(): void;
+    /** The exit transition finished. Called at most once per presenter. */
+    onDismissed(): void;
+    onBackdropPress(): void;
+    /** The user swiped the sheet down far enough to dismiss it. */
+    onSwipeDismiss(): void;
+    onDetentChange(index: number): void;
+    onContentAreaChange(width: number, height: number): void;
+    /** The user pulled the sheet past its lowest detent and let go. */
+    onPullToRefresh(): void;
+}
+/**
+ * Owns one presentation from show to dismiss. Subclasses lay out the surface
+ * and drive the enter/exit animations; this class tracks the viewport, the
+ * on-screen keyboard and the content size, and handles the backdrop and
+ * teardown.
+ *
+ * Transitions are interruptible: dismissing mid-enter turns the enter around,
+ * and `cancelDismiss` turns an exit back around. Once an exit starts the modal
+ * stops taking input.
+ *
+ * Inline, the elements fill the host view in place of a full-window layer:
+ * only the surface takes input, and the keyboard is left to the page.
+ */
+export declare abstract class ModalPresenter {
+    protected config: ModalConfig;
+    protected readonly listener: PresenterListener;
+    protected elements: ModalElements | null;
+    protected viewport: Size;
+    protected insets: Insets;
+    /** Part of the viewport covered by the on-screen keyboard, from the bottom. */
+    protected keyboardHeight: number;
+    /** Measured size of the React content. */
+    protected contentSize: Size;
+    protected entering: boolean;
+    protected isDismissing: boolean;
+    private finished;
+    private observedContent;
+    private resizeObserver;
+    /** Inline: follows the host's size, which can change without a window resize. */
+    private hostObserver;
+    constructor(config: ModalConfig, listener: PresenterListener);
+    get isShown(): boolean;
+    /** Takes over the rendered elements and starts the enter transition. */
+    show(elements: ModalElements): void;
+    update(config: ModalConfig): void;
+    /** The React content re-rendered; its root element may have changed. */
+    contentDidRender(): void;
+    /**
+     * Animated dismissal, also from mid-enter. `onDismissed` follows when it
+     * completes, unless `cancelDismiss` turns it around first.
+     */
+    dismiss(): void;
+    /**
+     * Reverses a running exit from wherever it is. `onPresented` follows once
+     * it settles. Returns false when there is no exit to reverse.
+     */
+    cancelDismiss(): boolean;
+    /** Tears down without animating or notifying the listener. */
+    destroy(): void;
+    snapToDetent(_index: number): void;
+    /** The elements are in place; lay out the hidden state. */
+    protected abstract didShow(): void;
+    /** Animates from the current state to presented, then calls `notifyPresented`. */
+    protected abstract animateIn(): void;
+    /** Animates from the current state (possibly mid-enter) to gone, then calls `onEnd`. */
+    protected abstract animateOut(onEnd: () => void): void;
+    protected abstract configDidChange(previous: ModalConfig): void;
+    /** The viewport size, safe area or keyboard height changed. */
+    protected abstract viewportDidChange(): void;
+    protected abstract contentSizeDidChange(): void;
+    protected abstract stopAnimations(): void;
+    /** For subclasses: the running enter animation settled. */
+    protected notifyPresented(): void;
+    protected reportContentArea(width: number, height: number): void;
+    protected teardown(): void;
+    private finish;
+    private applyBackdrop;
+    /** Inline, only the surface takes input; the rest reaches the page. */
+    private setInteractive;
+    private measureViewport;
+    /** Re-targets the observer at the content's root element. Returns whether its size changed. */
+    private observeContent;
+    private measureContent;
+    private handleContentResize;
+    private handleResize;
+    private handleKeyboard;
+    private handleBackdropClick;
+    /** Keeps the page behind the modal from scrolling; scrollable content still scrolls. */
+    private handleWheel;
+}
+//# sourceMappingURL=ModalPresenter.d.ts.map