react-native-nitro-modal 0.1.5 → 0.2.0

package/README.md

@@ -7,13 +7,13 @@
 [![npm version](https://img.shields.io/npm/v/react-native-nitro-modal.svg?style=flat-square)](https://www.npmjs.com/package/react-native-nitro-modal)
 [![npm downloads](https://img.shields.io/npm/dm/react-native-nitro-modal.svg?style=flat-square)](https://www.npmjs.com/package/react-native-nitro-modal)
 [![license](https://img.shields.io/npm/l/react-native-nitro-modal.svg?style=flat-square)](LICENSE)
-![platforms](https://img.shields.io/badge/platforms-iOS%20%7C%20Android-lightgrey.svg?style=flat-square)
+![platforms](https://img.shields.io/badge/platforms-iOS%20%7C%20Android%20%7C%20Web-lightgrey.svg?style=flat-square)
 
 </div>
 
 ---
 
-`react-native-nitro-modal` renders your React content inside native modal presentations — an edge-attached UIKit sheet on iOS and Material `BottomSheetBehavior` on Android — so gestures, detent snapping, keyboard handling and transitions are handled natively, not re-implemented in JavaScript.
+`react-native-nitro-modal` renders your React content inside native modal presentations — an edge-attached UIKit sheet on iOS and Material `BottomSheetBehavior` on Android — so gestures, detent snapping, keyboard handling and transitions are handled natively, not re-implemented in JavaScript. On the web (React Native Web), the same API renders a DOM sheet and popup with matching behavior.
 
 ## Features
 
@@ -35,9 +35,10 @@
 | `react-native-nitro-modules`   | `^0.37.1`                                    |
 | iOS                            | 15.0+ (16.0+ for `small` and `fitContent`)   |
 | Android                        | API 24 (Android 7.0)+                        |
+| Web                            | via `react-native-web` (tested with 0.21)    |
 
 > [!NOTE]
-> Web and other platforms are not supported. On those platforms the component renders nothing and logs a one-time warning.
+> Other platforms (e.g. macOS, Windows) are not supported. There the component renders nothing and logs a one-time warning.
 
 ## Installation
 
@@ -171,10 +172,10 @@ const sheet = useRef<NitroModalRef>(null);
 | `initialDetentIndex`     | `number`                                             | `0`                | Index into `detents` the sheet opens at.                                                          |
 | `backdropColor`          | `ColorValue`                                         | `'black'`          | Backdrop color.                                                                                   |
 | `backdropOpacity`        | `number`                                             | `0.4`              | Backdrop opacity, `0`–`1`.                                                                        |
-| `backdropBlur`           | `number`                                             | `0`                | Blur radius (dp/pt) behind the modal. `0` disables it. See [platform notes](#platform-notes).     |
+| `backdropBlur`           | `number`                                             | `0`                | Blur radius (dp/pt/px) behind the modal. `0` disables it. See [platform notes](#platform-notes).  |
 | `dismissOnBackdropPress` | `boolean`                                            | `true`             | Tapping the backdrop closes the modal.                                                            |
 | `dismissOnSwipe`         | `boolean`                                            | `true`             | Swiping down closes a bottom sheet.                                                               |
-| `dismissOnBackButton`    | `boolean`                                            | `true`             | The Android back button/gesture closes the modal.                                                 |
+| `dismissOnBackButton`    | `boolean`                                            | `true`             | The Android back button/gesture (Escape on web) closes the modal.                                 |
 | `showGrabber`            | `boolean`                                            | `false`            | Shows the drag handle on a bottom sheet.                                                          |
 | `cornerRadius`           | `number`                                             | platform default   | Corner radius of the sheet/card.                                                                  |
 | `backgroundColor`        | `ColorValue`                                         | system surface     | Background of the sheet/card.                                                                     |
@@ -192,7 +193,7 @@ const sheet = useRef<NitroModalRef>(null);
 | `onDismiss`         | `(reason: DismissReason) => void`        | The modal is fully gone. Fires exactly once per presentation.                      |
 | `onDetentChange`    | `(index: number) => void`                | A bottom sheet settled on a different detent.                                      |
 | `onBackdropPress`   | `() => void`                             | The backdrop was tapped (fires even when `dismissOnBackdropPress` is `false`).     |
-| `onBackButtonPress` | `() => void`                             | The Android hardware/gesture back was pressed.                                     |
+| `onBackButtonPress` | `() => void`                             | The Android hardware/gesture back (Escape on web) was pressed.                     |
 
 ### `NitroModalRef`
 
@@ -253,6 +254,15 @@ import type {
 - Predictive back (Android 14+, when the app opts in or targets SDK 36) previews the exit while the gesture runs: the sheet uses Material's bottom-sheet animation and the popup scales down.
 - Transitions are interruptible: closing during the enter animation turns it around, and reopening during the exit animation brings the same modal back (no extra `onDismiss`/`onPresent`). Once the exit starts, taps and back presses reach the screen below, as with a native dialog.
 
+**Web**
+
+- Renders through React Native Web's `Modal`, so it stacks with your other modals, traps focus while open and returns it on close. Nothing is rendered in place.
+- Bottom sheets can be dragged with touch or mouse, with the same detent snapping, fling-to-dismiss and hand-off to scrollable content as on iOS. A touch that starts on content already scrolled down scrolls it natively instead of moving the sheet.
+- The Escape key acts as the back button: it fires `onBackButtonPress` and, unless `dismissOnBackButton` is `false`, dismisses the topmost modal with reason `'backButton'`. The browser's history back is not intercepted.
+- `backdropBlur` uses CSS `backdrop-filter`. Without `backgroundColor`, the sheet/card uses the CSS `Canvas` system color, which follows your page's `color-scheme`.
+- `keyboardBehavior` follows the on-screen keyboard through the `visualViewport` API (mobile browsers). Safe-area insets are respected when the page uses `viewport-fit=cover`.
+- Sheets are at most 640px wide and centered. Animations are skipped when the user prefers reduced motion.
+
 **Colors**
 
 - `backdropColor` and `backgroundColor` accept any color string or number supported by `processColor`. `PlatformColor` and `DynamicColorIOS` values are not supported yet.
@@ -263,7 +273,7 @@ The repository includes an example app that covers content-sized sheets, multi-d
 
 ```sh
 yarn
-yarn example ios      # or: yarn example android
+yarn example ios      # or: yarn example android / yarn example web
 ```
 
 ## Contributing

package/lib/module/NitroModal.js

@@ -2,8 +2,7 @@
 
 import { useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { processColor, StyleSheet, useWindowDimensions, View } from 'react-native';
-import { callback } from 'react-native-nitro-modules';
-import { NitroModalView } from './NitroModalView';
+import { callback, NitroModalView } from './NitroModalView';
 import { jsx as _jsx } from "react/jsx-runtime";
 const DEFAULT_DETENTS = ['fitContent'];
 const BLACK = 0xff000000;

package/lib/module/NitroModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","processColor","StyleSheet","useWindowDimensions","View","callback","NitroModalView","jsx","_jsx","DEFAULT_DETENTS","BLACK","toNativeColor","color","undefined","processed","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","isControlled","internalOpen","setInternalOpen","open","sessionActive","setSessionActive","prevOpen","setPrevOpen","renderContent","area","setArea","hybridRef","latest","current","nativeCallbacks","instance","reason","index","onContentAreaChange","next","width","height","present","console","warn","dismiss","snapToDetent","detentsKey","join","nativeDetents","Set","split","windowSize","contentArea","containerStyle","maxWidth","maxHeight","includes","style","styles","host","backdropBlurRadius","grabberVisible","contentBackgroundColor","collapsable","container","create","position","left","top"],"sourceRoot":"../../src","sources":["NitroModal.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","processColor","StyleSheet","useWindowDimensions","View","callback","NitroModalView","jsx","_jsx","DEFAULT_DETENTS","BLACK","toNativeColor","color","undefined","processed","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","isControlled","internalOpen","setInternalOpen","open","sessionActive","setSessionActive","prevOpen","setPrevOpen","renderContent","area","setArea","hybridRef","latest","current","nativeCallbacks","instance","reason","index","onContentAreaChange","next","width","height","present","console","warn","dismiss","snapToDetent","detentsKey","join","nativeDetents","Set","split","windowSize","contentArea","containerStyle","maxWidth","maxHeight","includes","style","styles","host","backdropBlurRadius","grabberVisible","contentBackgroundColor","collapsable","container","create","position","left","top"],"sourceRoot":"../../src","sources":["NitroModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/NitroModalView.js

@@ -3,15 +3,16 @@
 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.');
+    console.warn('react-native-nitro-modal is only implemented on iOS, Android and web.');
   }
   return null;
 }
+export const callback = func => func;
 export const NitroModalView = UnsupportedNitroModalView;
 //# sourceMappingURL=NitroModalView.js.map

package/lib/module/NitroModalView.js.map

@@ -1 +1 @@
-{"version":3,"names":["warned","UnsupportedNitroModalView","console","warn","NitroModalView"],"sourceRoot":"../../src","sources":["NitroModalView.tsx"],"mappings":";;AAGA,IAAIA,MAAM,GAAG,KAAK;;AAElB;AACA;AACA;AACA;AACA,SAASC,yBAAyBA,CAAA,EAAG;EACnC,IAAI,CAACD,MAAM,EAAE;IACXA,MAAM,GAAG,IAAI;IACbE,OAAO,CAACC,IAAI,CACV,kEACF,CAAC;EACH;EACA,OAAO,IAAI;AACb;AAEA,OAAO,MAAMC,cAAc,GACzBH,yBAGC","ignoreList":[]}
+{"version":3,"names":["warned","UnsupportedNitroModalView","console","warn","callback","func","NitroModalView"],"sourceRoot":"../../src","sources":["NitroModalView.tsx"],"mappings":";;AAMA,IAAIA,MAAM,GAAG,KAAK;;AAElB;AACA;AACA;AACA;AACA,SAASC,yBAAyBA,CAAA,EAAG;EACnC,IAAI,CAACD,MAAM,EAAE;IACXA,MAAM,GAAG,IAAI;IACbE,OAAO,CAACC,IAAI,CACV,uEACF,CAAC;EACH;EACA,OAAO,IAAI;AACb;AAEA,OAAO,MAAMC,QAAQ,GAAKC,IAAa,IAAKA,IAA6B;AAEzE,OAAO,MAAMC,cAAc,GACzBL,yBAGC","ignoreList":[]}

package/lib/module/NitroModalView.native.js

@@ -4,5 +4,8 @@ import { getHostComponent } from 'react-native-nitro-modules';
 // Resolved through the package's own `exports` so the path works from both
 // `src/` and the compiled `lib/module/` output (a relative `../nitrogen` breaks there).
 const NitroModalConfig = require('react-native-nitro-modal/nitrogen/generated/shared/json/NitroModalConfig.json');
+// 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('NitroModal', () => NitroModalConfig);
 //# sourceMappingURL=NitroModalView.native.js.map

package/lib/module/NitroModalView.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["getHostComponent","NitroModalConfig","require","NitroModalView"],"sourceRoot":"../../src","sources":["NitroModalView.native.tsx"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,4BAA4B;AAC7D;AACA;AACA,MAAMC,gBAAgB,GAAGC,OAAO,CAAC,+EAA+E,CAAC;AAGjH,OAAO,MAAMC,cAAc,GAAGH,gBAAgB,CAG5C,YAAY,EAAE,MAAMC,gBAAgB,CAAC","ignoreList":[]}
+{"version":3,"names":["getHostComponent","NitroModalConfig","require","callback","NitroModalView"],"sourceRoot":"../../src","sources":["NitroModalView.native.tsx"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,4BAA4B;AAC7D;AACA;AACA,MAAMC,gBAAgB,GAAGC,OAAO,CAAC,+EAA+E,CAAC;AAGjH;AACA;AACA,SAASC,QAAQ,QAAQ,4BAA4B;AAErD,OAAO,MAAMC,cAAc,GAAGJ,gBAAgB,CAG5C,YAAY,EAAE,MAAMC,gBAAgB,CAAC","ignoreList":[]}

package/lib/module/NitroModalView.web.js

@@ -0,0 +1,129 @@
+"use strict";
+
+/// <reference lib="dom" />
+
+import { useLayoutEffect, useRef, useState } from 'react';
+import { Modal } from 'react-native';
+import { ModalController } from "./web/ModalController.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** The web view takes plain functions; only native host components need them wrapped. */
+export function callback(func) {
+  return func;
+}
+
+/**
+ * Web implementation of the hybrid view. The modal renders through React
+ * Native Web's `Modal` (a portal with focus trapping, Escape handling and
+ * stacking with other modals) and is laid out and animated by the presenters
+ * in `./web`. In place, it renders nothing.
+ */
+function WebNitroModalView(props) {
+  const {
+    hybridRef,
+    children
+  } = props;
+  const [mounted, setMounted] = useState(false);
+  const [controller] = useState(() => new ModalController(setMounted));
+  const overlay = useRef(null);
+  const backdrop = useRef(null);
+  const surface = useRef(null);
+  const content = useRef(null);
+  const grabber = useRef(null);
+  useLayoutEffect(() => {
+    controller.attach();
+    return () => controller.detach();
+  }, [controller]);
+  useLayoutEffect(() => {
+    hybridRef?.(controller.methods);
+  }, [controller, hybridRef]);
+  useLayoutEffect(() => {
+    controller.update(props);
+  });
+  useLayoutEffect(() => {
+    if (!mounted) return undefined;
+    controller.elementsDidMount({
+      overlay: overlay.current,
+      backdrop: backdrop.current,
+      surface: surface.current,
+      content: content.current,
+      grabber: grabber.current
+    });
+    return () => controller.elementsWillUnmount();
+  }, [controller, mounted]);
+  useLayoutEffect(() => {
+    if (mounted) {
+      controller.contentDidRender();
+    }
+  });
+  if (!mounted) return null;
+
+  // Styles set here never change; the presenters write sizes, positions,
+  // colors and animated values straight to the elements.
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: true,
+    transparent: true,
+    animationType: "none",
+    onRequestClose: controller.handleBackPress,
+    children: /*#__PURE__*/_jsxs("div", {
+      ref: overlay,
+      tabIndex: -1,
+      style: styles.overlay,
+      children: [/*#__PURE__*/_jsx("div", {
+        ref: backdrop,
+        "aria-hidden": true,
+        style: styles.backdrop
+      }), /*#__PURE__*/_jsxs("div", {
+        ref: surface,
+        style: styles.surface,
+        children: [/*#__PURE__*/_jsx("div", {
+          ref: content,
+          style: styles.content,
+          children: children
+        }), /*#__PURE__*/_jsx("div", {
+          ref: grabber,
+          "aria-hidden": true,
+          style: styles.grabber
+        })]
+      })]
+    })
+  });
+}
+const styles = {
+  overlay: {
+    position: 'fixed',
+    inset: 0,
+    outline: 'none'
+  },
+  backdrop: {
+    position: 'absolute',
+    inset: 0,
+    touchAction: 'none'
+  },
+  surface: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    boxSizing: 'border-box',
+    willChange: 'transform'
+  },
+  // Pinned at the origin like the native content view; the React content is
+  // positioned and sized inside it by `NitroModal`.
+  content: {
+    position: 'absolute',
+    left: 0,
+    top: 0
+  },
+  grabber: {
+    position: 'absolute',
+    top: 5,
+    left: '50%',
+    width: 36,
+    height: 5,
+    marginLeft: -18,
+    borderRadius: 2.5,
+    backgroundColor: 'rgba(127, 127, 127, 0.4)',
+    pointerEvents: 'none'
+  }
+};
+export const NitroModalView = WebNitroModalView;
+//# sourceMappingURL=NitroModalView.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useLayoutEffect","useRef","useState","Modal","ModalController","jsx","_jsx","jsxs","_jsxs","callback","func","WebNitroModalView","props","hybridRef","children","mounted","setMounted","controller","overlay","backdrop","surface","content","grabber","attach","detach","methods","update","undefined","elementsDidMount","current","elementsWillUnmount","contentDidRender","visible","transparent","animationType","onRequestClose","handleBackPress","ref","tabIndex","style","styles","position","inset","outline","touchAction","left","top","boxSizing","willChange","width","height","marginLeft","borderRadius","backgroundColor","pointerEvents","NitroModalView"],"sourceRoot":"../../src","sources":["NitroModalView.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/web/AnimatedValue.js

@@ -0,0 +1,123 @@
+"use strict";
+
+/// <reference lib="dom" />
+
+/** How an `AnimatedValue` moves to its target. */
+
+/** Jumps to the target at once. The completion still arrives on the next frame. */
+export const INSTANT = {
+  type: 'timing',
+  duration: 0,
+  easing: t => t
+};
+/** Longest frame integrated at once, so a dropped frame can't throw the spring off. */
+const MAX_FRAME_SECONDS = 0.064;
+const SPRING_STEP_SECONDS = 0.004;
+
+/**
+ * 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 class AnimatedValue {
+  speed = 0;
+  run = null;
+  frame = null;
+  lastTime = 0;
+
+  /** `precision`: distance from the target at which a spring counts as settled. */
+  constructor(value, precision, onChange) {
+    this.precision = precision;
+    this.onChange = onChange;
+    this.current = value;
+  }
+  get value() {
+    return this.current;
+  }
+
+  /** Jumps to `value`, cancelling any animation. */
+  set(value) {
+    this.stop();
+    this.current = value;
+    this.speed = 0;
+    this.onChange(value);
+  }
+  stop() {
+    this.run = null;
+    if (this.frame != null) {
+      cancelAnimationFrame(this.frame);
+      this.frame = null;
+    }
+  }
+  animateTo(target, motion, options = {}) {
+    if (options.velocity !== undefined) {
+      this.speed = options.velocity;
+    }
+    const now = performance.now();
+    this.run = {
+      target,
+      motion,
+      options,
+      from: this.current,
+      startTime: now,
+      side: Math.sign(this.current - target)
+    };
+    if (motion.type === 'timing' && motion.duration <= 0) {
+      this.current = target;
+      this.speed = 0;
+      this.onChange(target);
+    }
+    if (this.frame == null) {
+      this.lastTime = now;
+      this.frame = requestAnimationFrame(this.step);
+    }
+  }
+  step = time => {
+    this.frame = null;
+    const run = this.run;
+    if (!run) return;
+    const dt = Math.min(Math.max((time - this.lastTime) / 1000, 0), MAX_FRAME_SECONDS);
+    this.lastTime = time;
+    const done = run.motion.type === 'timing' ? this.stepTiming(run, run.motion, time, dt) : this.stepSpring(run, run.motion, dt);
+    if (done) {
+      this.current = run.target;
+      this.speed = 0;
+      this.run = null;
+    }
+    this.onChange(this.current);
+    if (done) {
+      run.options.onEnd?.();
+    } else {
+      this.frame = requestAnimationFrame(this.step);
+    }
+  };
+  stepTiming(run, motion, time, dt) {
+    const progress = motion.duration > 0 ? Math.min(Math.max((time - run.startTime) / motion.duration, 0), 1) : 1;
+    const next = run.from + (run.target - run.from) * motion.easing(progress);
+    if (dt > 0) {
+      this.speed = (next - this.current) / dt;
+    }
+    this.current = next;
+    return progress >= 1;
+  }
+  stepSpring(run, motion, dt) {
+    const omega = 2 * Math.PI / motion.response;
+    const stiffness = omega * omega;
+    const damping = 2 * motion.dampingRatio * omega;
+    let offset = this.current - run.target;
+    let velocity = this.speed;
+    const steps = Math.ceil(dt / SPRING_STEP_SECONDS);
+    for (let i = 0; i < steps; i++) {
+      const h = dt / steps;
+      velocity += (-stiffness * offset - damping * velocity) * h;
+      offset += velocity * h;
+    }
+    this.current = run.target + offset;
+    this.speed = velocity;
+    if (run.options.stopAtTarget && (run.side === 0 || Math.sign(offset) !== run.side)) {
+      return true;
+    }
+    return Math.abs(offset) < this.precision && Math.abs(velocity) < this.precision * 20;
+  }
+}
+//# sourceMappingURL=AnimatedValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["INSTANT","type","duration","easing","t","MAX_FRAME_SECONDS","SPRING_STEP_SECONDS","AnimatedValue","speed","run","frame","lastTime","constructor","value","precision","onChange","current","set","stop","cancelAnimationFrame","animateTo","target","motion","options","velocity","undefined","now","performance","from","startTime","side","Math","sign","requestAnimationFrame","step","time","dt","min","max","done","stepTiming","stepSpring","onEnd","progress","next","omega","PI","response","stiffness","damping","dampingRatio","offset","steps","ceil","i","h","stopAtTarget","abs"],"sourceRoot":"../../../src","sources":["web/AnimatedValue.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/web/ModalConfig.js

@@ -0,0 +1,26 @@
+"use strict";
+
+/** Snapshot of the props that shape a presentation. */
+
+export function makeConfig(props) {
+  return {
+    mode: props.mode,
+    detents: props.detents,
+    initialDetentIndex: Number.isFinite(props.initialDetentIndex) ? Math.trunc(props.initialDetentIndex) : 0,
+    backdropColor: props.backdropColor,
+    backdropOpacity: props.backdropOpacity,
+    backdropBlurRadius: props.backdropBlurRadius,
+    dismissOnBackdropPress: props.dismissOnBackdropPress,
+    dismissOnSwipe: props.dismissOnSwipe,
+    dismissOnBackButton: props.dismissOnBackButton,
+    grabberVisible: props.grabberVisible,
+    cornerRadius: props.cornerRadius >= 0 ? props.cornerRadius : null,
+    contentBackgroundColor: props.contentBackgroundColor ?? null,
+    keyboardBehavior: props.keyboardBehavior,
+    popupAnimation: props.popupAnimation
+  };
+}
+export function isSameConfig(a, b) {
+  return Object.keys(a).every(key => key === 'detents' ? a.detents.join() === b.detents.join() : a[key] === b[key]);
+}
+//# sourceMappingURL=ModalConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["makeConfig","props","mode","detents","initialDetentIndex","Number","isFinite","Math","trunc","backdropColor","backdropOpacity","backdropBlurRadius","dismissOnBackdropPress","dismissOnSwipe","dismissOnBackButton","grabberVisible","cornerRadius","contentBackgroundColor","keyboardBehavior","popupAnimation","isSameConfig","a","b","Object","keys","every","key","join"],"sourceRoot":"../../../src","sources":["web/ModalConfig.ts"],"mappings":";;AAQA;;AAqBA,OAAO,SAASA,UAAUA,CAACC,KAAsB,EAAe;EAC9D,OAAO;IACLC,IAAI,EAAED,KAAK,CAACC,IAAI;IAChBC,OAAO,EAAEF,KAAK,CAACE,OAAO;IACtBC,kBAAkB,EAAEC,MAAM,CAACC,QAAQ,CAACL,KAAK,CAACG,kBAAkB,CAAC,GACzDG,IAAI,CAACC,KAAK,CAACP,KAAK,CAACG,kBAAkB,CAAC,GACpC,CAAC;IACLK,aAAa,EAAER,KAAK,CAACQ,aAAa;IAClCC,eAAe,EAAET,KAAK,CAACS,eAAe;IACtCC,kBAAkB,EAAEV,KAAK,CAACU,kBAAkB;IAC5CC,sBAAsB,EAAEX,KAAK,CAACW,sBAAsB;IACpDC,cAAc,EAAEZ,KAAK,CAACY,cAAc;IACpCC,mBAAmB,EAAEb,KAAK,CAACa,mBAAmB;IAC9CC,cAAc,EAAEd,KAAK,CAACc,cAAc;IACpCC,YAAY,EAAEf,KAAK,CAACe,YAAY,IAAI,CAAC,GAAGf,KAAK,CAACe,YAAY,GAAG,IAAI;IACjEC,sBAAsB,EAAEhB,KAAK,CAACgB,sBAAsB,IAAI,IAAI;IAC5DC,gBAAgB,EAAEjB,KAAK,CAACiB,gBAAgB;IACxCC,cAAc,EAAElB,KAAK,CAACkB;EACxB,CAAC;AACH;AAEA,OAAO,SAASC,YAAYA,CAACC,CAAc,EAAEC,CAAc,EAAW;EACpE,OAAQC,MAAM,CAACC,IAAI,CAACH,CAAC,CAAC,CAA2BI,KAAK,CAAEC,GAAG,IACzDA,GAAG,KAAK,SAAS,GACbL,CAAC,CAAClB,OAAO,CAACwB,IAAI,CAAC,CAAC,KAAKL,CAAC,CAACnB,OAAO,CAACwB,IAAI,CAAC,CAAC,GACrCN,CAAC,CAACK,GAAG,CAAC,KAAKJ,CAAC,CAACI,GAAG,CACtB,CAAC;AACH","ignoreList":[]}