react-native-nitro-modal 0.1.4 → 0.2.0

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

@@ -26,13 +26,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;

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,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,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,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"}

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":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,uBAAoB,CAAC;AAQ7E,yFAAyF;AACzF,wBAAgB,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,CAEtC;AAgHD,eAAO,MAAM,cAAc,EAAmC,eAAe,CAC3E,eAAe,EACf,iBAAiB,CAClB,CAAC"}

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

@@ -0,0 +1,48 @@
+/** 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;
+    /** 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,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,24 @@
+import type { KeyboardBehavior, ModalMode, NitroModalProps, PopupAnimation, SheetDetent } from '../NitroModal.nitro.js';
+/** Snapshot of the props that shape a presentation. */
+export interface ModalConfig {
+    mode: ModalMode;
+    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;
+}
+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,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;CAChC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,WAAW,CAmB9D;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,65 @@
+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;
+    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;
+    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;
+    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;AAG7B,OAAO,KAAK,EACV,aAAa,EAEb,iBAAiB,EAClB,MAAM,qBAAkB,CAAC;AAM1B;;;;;;;;;;GAUG;AACH,qBAAa,eAAgB,YAAW,iBAAiB;IAgC3C,OAAO,CAAC,QAAQ,CAAC,UAAU;IA/BvC,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,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,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,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAWjD,iEAAiE;IACjE,OAAO,CAAC,0BAA0B;IAYlC,OAAO,CAAC,kBAAkB,CAIxB;CACH"}

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

@@ -0,0 +1,98 @@
+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;
+}
+/**
+ * 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.
+ */
+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;
+    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;
+    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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalPresenter.d.ts","sourceRoot":"","sources":["../../../../src/web/ModalPresenter.ts"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,MAAM,EACX,KAAK,IAAI,EACV,MAAM,UAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAe,CAAC;AAEjD,8DAA8D;AAC9D,MAAM,WAAW,aAAa;IAC5B,8DAA8D;IAC9D,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC;IACtB,mCAAmC;IACnC,OAAO,EAAE,WAAW,CAAC;IACrB,+BAA+B;IAC/B,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,gFAAgF;IAChF,WAAW,IAAI,IAAI,CAAC;IACpB,uEAAuE;IACvE,WAAW,IAAI,IAAI,CAAC;IACpB,eAAe,IAAI,IAAI,CAAC;IACxB,+DAA+D;IAC/D,cAAc,IAAI,IAAI,CAAC;IACvB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1D;AAED;;;;;;;;;GASG;AACH,8BAAsB,cAAc;IAehC,SAAS,CAAC,MAAM,EAAE,WAAW;IAC7B,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,iBAAiB;IAfhD,SAAS,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAQ;IAChD,SAAS,CAAC,QAAQ,EAAE,IAAI,CAA2B;IACnD,SAAS,CAAC,MAAM,EAAE,MAAM,CAAe;IACvC,+EAA+E;IAC/E,SAAS,CAAC,cAAc,SAAK;IAC7B,0CAA0C;IAC1C,SAAS,CAAC,WAAW,EAAE,IAAI,CAA2B;IACtD,SAAS,CAAC,QAAQ,UAAS;IAC3B,SAAS,CAAC,YAAY,UAAS;IAC/B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,cAAc,CAA+B;gBAGzC,MAAM,EAAE,WAAW,EACV,QAAQ,EAAE,iBAAiB;IAGhD,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,wEAAwE;IACxE,IAAI,CAAC,QAAQ,EAAE,aAAa;IA4B5B,MAAM,CAAC,MAAM,EAAE,WAAW;IAQ1B,wEAAwE;IACxE,gBAAgB;IAMhB;;;OAGG;IACH,OAAO;IAcP;;;OAGG;IACH,aAAa,IAAI,OAAO;IASxB,8DAA8D;IAC9D,OAAO;IAMP,YAAY,CAAC,MAAM,EAAE,MAAM;IAE3B,2DAA2D;IAC3D,SAAS,CAAC,QAAQ,CAAC,OAAO,IAAI,IAAI;IAElC,kFAAkF;IAClF,SAAS,CAAC,QAAQ,CAAC,SAAS,IAAI,IAAI;IAEpC,wFAAwF;IACxF,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,IAAI,GAAG,IAAI;IAEtD,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI;IAE/D,+DAA+D;IAC/D,SAAS,CAAC,QAAQ,CAAC,iBAAiB,IAAI,IAAI;IAE5C,SAAS,CAAC,QAAQ,CAAC,oBAAoB,IAAI,IAAI;IAE/C,SAAS,CAAC,QAAQ,CAAC,cAAc,IAAI,IAAI;IAEzC,2DAA2D;IAC3D,SAAS,CAAC,eAAe;IAMzB,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAMzD,SAAS,CAAC,QAAQ;IAelB,OAAO,CAAC,MAAM;IAOd,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,eAAe;IAUvB,+FAA+F;IAC/F,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,cAAc,CAKpB;IAEF,OAAO,CAAC,mBAAmB,CAIzB;IAEF,wFAAwF;IACxF,OAAO,CAAC,WAAW,CAMjB;CACH"}

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

@@ -0,0 +1,20 @@
+import { type Insets, type Size } from './dom.js';
+import { ModalPresenter } from './ModalPresenter.js';
+/** Best guess of the content area before the popup is on screen. */
+export declare function popupContentArea(viewport: Size, insets: Insets): Size;
+/** `popup` mode: a centered card over the backdrop with a fade/scale transition. */
+export declare class PopupPresenter extends ModalPresenter {
+    /** 0 hidden, 1 presented. */
+    private readonly progress;
+    protected didShow(): void;
+    protected animateIn(): void;
+    protected animateOut(onEnd: () => void): void;
+    protected configDidChange(): void;
+    protected viewportDidChange(): void;
+    protected contentSizeDidChange(): void;
+    protected stopAnimations(): void;
+    private get isAnimated();
+    private layout;
+    private render;
+}
+//# sourceMappingURL=PopupPresenter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopupPresenter.d.ts","sourceRoot":"","sources":["../../../../src/web/PopupPresenter.ts"],"names":[],"mappings":"AAGA,OAAO,EAAwB,KAAK,MAAM,EAAE,KAAK,IAAI,EAAE,MAAM,UAAO,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAkB,CAAC;AAmClD,oEAAoE;AACpE,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAGrE;AAED,oFAAoF;AACpF,qBAAa,cAAe,SAAQ,cAAc;IAChD,6BAA6B;IAC7B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAEvB;IAEF,SAAS,CAAC,OAAO;IAKjB,SAAS,CAAC,SAAS;IAMnB,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,IAAI;IAItC,SAAS,CAAC,eAAe;IAKzB,SAAS,CAAC,iBAAiB;IAI3B,SAAS,CAAC,oBAAoB;IAI9B,SAAS,CAAC,cAAc;IAIxB,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,CAAC,MAAM;IA6Bd,OAAO,CAAC,MAAM;CAWf"}

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

@@ -0,0 +1,65 @@
+import type { SheetDetent } from '../NitroModal.nitro.js';
+import { type Insets, type Size } from './dom.js';
+import type { ModalConfig } from './ModalConfig.js';
+import { ModalPresenter, type PresenterListener } from './ModalPresenter.js';
+/** Best guess of the content area before the sheet is on screen. */
+export declare function sheetContentArea(detents: SheetDetent[], viewport: Size, insets: Insets): Size;
+/**
+ * `bottomSheet` mode: an edge-attached sheet with detents, dragging,
+ * swipe-to-dismiss and hand-off to scrollable content, like the iOS
+ * implementation.
+ */
+export declare class SheetPresenter extends ModalPresenter {
+    private selectedIndex;
+    /** The sheet sits below the viewport (before presenting / while dismissing). */
+    private isOffscreen;
+    private drag;
+    /** Vertical velocity of the swipe that requested the dismissal. */
+    private releaseVelocity;
+    /** The sheet's top edge in the viewport. */
+    private readonly top;
+    constructor(config: ModalConfig, listener: PresenterListener);
+    snapToDetent(index: number): void;
+    protected didShow(): void;
+    protected animateIn(): void;
+    protected animateOut(onEnd: () => void): void;
+    protected configDidChange(): void;
+    protected viewportDidChange(): void;
+    protected contentSizeDidChange(): void;
+    protected stopAnimations(): void;
+    protected teardown(): void;
+    private get detents();
+    private get maximumDetentValue();
+    private get keyboardLift();
+    private height;
+    /** Sheet top when resting on `detents[index]`. The bottom safe area is added below the content. */
+    private restingTop;
+    private get detentTops();
+    private layout;
+    private render;
+    /** Fully dimmed at every detent; fades out below the lowest one. */
+    private backdropAlpha;
+    private motion;
+    private settle;
+    private animateToRest;
+    private canDrag;
+    private beginDrag;
+    /** Decides who handles a gesture once it moves: the sheet, or the content (scrolling, horizontal swipes). */
+    private claim;
+    private activate;
+    private moveDrag;
+    private release;
+    /** Abandons the gesture without settling (the exit or the content takes over). */
+    private cancelDrag;
+    private stopTracking;
+    private velocity;
+    /** Rubber-bands above the tallest detent, and below the lowest one when swiping can't dismiss. */
+    private constrained;
+    private handleTouchStart;
+    private handleTouchMove;
+    private handleTouchEnd;
+    private handlePointerDown;
+    private handlePointerMove;
+    private handlePointerUp;
+}
+//# sourceMappingURL=SheetPresenter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SheetPresenter.d.ts","sourceRoot":"","sources":["../../../../src/web/SheetPresenter.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAqB,CAAC;AAEvD,OAAO,EAKL,KAAK,MAAM,EACX,KAAK,IAAI,EACV,MAAM,UAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAe,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,qBAAkB,CAAC;AA4D1E,oEAAoE;AACpE,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,WAAW,EAAE,EACtB,QAAQ,EAAE,IAAI,EACd,MAAM,EAAE,MAAM,GACb,IAAI,CAKN;AAcD;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,cAAc;IAChD,OAAO,CAAC,aAAa,CAAK;IAC1B,gFAAgF;IAChF,OAAO,CAAC,WAAW,CAAQ;IAC3B,OAAO,CAAC,IAAI,CAAqB;IACjC,mEAAmE;IACnE,OAAO,CAAC,eAAe,CAAK;IAC5B,4CAA4C;IAC5C,OAAO,CAAC,QAAQ,CAAC,GAAG,CAElB;gBAEU,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB;IAQ5D,YAAY,CAAC,KAAK,EAAE,MAAM;IAO1B,SAAS,CAAC,OAAO;IAejB,SAAS,CAAC,SAAS;IAKnB,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,IAAI;IAYtC,SAAS,CAAC,eAAe;IAMzB,SAAS,CAAC,iBAAiB;IAK3B,SAAS,CAAC,oBAAoB;IAM9B,SAAS,CAAC,cAAc;IAIxB,SAAS,CAAC,QAAQ;IAalB,OAAO,KAAK,OAAO,GAIlB;IAED,OAAO,KAAK,kBAAkB,GAE7B;IAED,OAAO,KAAK,YAAY,GAIvB;IAED,OAAO,CAAC,MAAM;IAcd,mGAAmG;IACnG,OAAO,CAAC,UAAU;IAYlB,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,CAAC,MAAM;IA0Bd,OAAO,CAAC,MAAM;IAMd,oEAAoE;IACpE,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,MAAM;IAYd,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,SAAS;IAqBjB,6GAA6G;IAC7G,OAAO,CAAC,KAAK;IAoBb,OAAO,CAAC,QAAQ;IAehB,OAAO,CAAC,QAAQ;IAgChB,OAAO,CAAC,OAAO;IAwCf,kFAAkF;IAClF,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,QAAQ;IAWhB,kGAAkG;IAClG,OAAO,CAAC,WAAW;IAiBnB,OAAO,CAAC,gBAAgB,CAiBtB;IAEF,OAAO,CAAC,eAAe,CAqBrB;IAEF,OAAO,CAAC,cAAc,CAKpB;IAIF,OAAO,CAAC,iBAAiB,CAqBvB;IAEF,OAAO,CAAC,iBAAiB,CAkBvB;IAEF,OAAO,CAAC,eAAe,CAIrB;CACH"}

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

@@ -0,0 +1,40 @@
+export interface Size {
+    width: number;
+    height: number;
+}
+export interface Insets {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export declare const ZERO_INSETS: Insets;
+export declare const canUseDOM: boolean;
+/** Converts a color from `processColor` (0xAARRGGBB) to CSS, scaling its alpha by `opacity`. */
+export declare function toCSSColor(argb: number, opacity?: number): string;
+/**
+ * `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 declare function readSafeAreaInsets(): Insets;
+/**
+ * Height of the on-screen keyboard over a layout viewport `layoutHeight` tall.
+ * Mobile browsers keep the layout viewport and shrink the visual one.
+ */
+export declare function readKeyboardHeight(layoutHeight: number): number;
+/** The size of the viewport before anything is on screen. */
+export declare function estimateViewport(): Size;
+/** The innermost element from `target` up to (not including) `root` that scrolls vertically. */
+export declare function findVerticalScroller(target: EventTarget | null, root: Element): HTMLElement | null;
+/** Whether a scroller between `target` and `root` can scroll further by `deltaY`. */
+export declare function canScrollWithin(target: EventTarget | null, root: Element, deltaY: number): boolean;
+export declare function isTextInput(target: EventTarget | null): boolean;
+/** Swallows the click that follows a mouse drag, so the content under the pointer isn't pressed. */
+export declare function suppressNextClick(): void;
+export declare function prefersReducedMotion(): boolean;
+/**
+ * `overflow: clip` rounds the corners without making the element a scroll
+ * container, which focusing an input could otherwise scroll.
+ */
+export declare function clipOverflow(): string;
+//# sourceMappingURL=dom.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../../src/web/dom.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,MAAM;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,WAAW,EAAE,MAAiD,CAAC;AAE5E,eAAO,MAAM,SAAS,SAC4C,CAAC;AAEnE,gGAAgG;AAChG,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,SAAI,GAAG,MAAM,CAM5D;AAID;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAmB3C;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAM/D;AAED,6DAA6D;AAC7D,wBAAgB,gBAAgB,IAAI,IAAI,CAKvC;AASD,gGAAgG;AAChG,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,IAAI,EAAE,OAAO,GACZ,WAAW,GAAG,IAAI,CAMpB;AAED,qFAAqF;AACrF,wBAAgB,eAAe,CAC7B,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,IAAI,EAAE,OAAO,EACb,MAAM,EAAE,MAAM,GACb,OAAO,CAWT;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,CAO/D;AAED,oGAAoG;AACpG,wBAAgB,iBAAiB,SAUhC;AAED,wBAAgB,oBAAoB,IAAI,OAAO,CAK9C;AAID;;;GAGG;AACH,wBAAgB,YAAY,IAAI,MAAM,CAMrC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-nitro-modal",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "description": "react native native modal",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -47,7 +47,8 @@
   "keywords": [
     "react-native",
     "ios",
-    "android"
+    "android",
+    "web"
   ],
   "repository": {
     "type": "git",

package/src/NitroModal.tsx

@@ -16,7 +16,6 @@ import {
   type StyleProp,
   type ViewStyle,
 } from 'react-native';
-import { callback } from 'react-native-nitro-modules';
 import type {
   DismissReason,
   KeyboardBehavior,
@@ -26,7 +25,7 @@ import type {
   PopupAnimation,
   SheetDetent,
 } from './NitroModal.nitro';
-import { NitroModalView } from './NitroModalView';
+import { callback, NitroModalView } from './NitroModalView';
 
 export interface NitroModalRef {
   /** Opens the modal. Only for uncontrolled usage (no `isOpen` prop). */
@@ -54,13 +53,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;

package/src/NitroModalView.native.tsx

@@ -4,6 +4,10 @@ import { getHostComponent } from 'react-native-nitro-modules';
 const NitroModalConfig = require('react-native-nitro-modal/nitrogen/generated/shared/json/NitroModalConfig.json');
 import type { NitroModalMethods, NitroModalProps } from './NitroModal.nitro';
 
+// Host components need their function props wrapped. Exported from here so
+// web bundles never import `react-native-nitro-modules`.
+export { callback } from 'react-native-nitro-modules';
+
 export const NitroModalView = getHostComponent<
   NitroModalProps,
   NitroModalMethods

package/src/NitroModalView.tsx

@@ -1,22 +1,27 @@
-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';
 
 let warned = false;
 
 /**
- * Platforms without a native implementation (e.g. web) render nothing.
- * iOS and Android use `NitroModalView.native.tsx`.
+ * Platforms without an implementation render nothing. iOS and Android use
+ * `NitroModalView.native.tsx`, web uses `NitroModalView.web.tsx`.
  */
 function UnsupportedNitroModalView() {
   if (!warned) {
     warned = true;
     console.warn(
-      'react-native-nitro-modal is only implemented on iOS and Android.'
+      'react-native-nitro-modal is only implemented on iOS, Android and web.'
     );
   }
   return null;
 }
 
+export const callback = ((func: unknown) => func) as typeof nitroCallback;
+
 export const NitroModalView =
   UnsupportedNitroModalView as unknown as ReactNativeView<
     NitroModalProps,