react-native-nitro-modal 0.1.0

package/ios/PopupViewController.swift

@@ -0,0 +1,223 @@
+//
+//  PopupViewController.swift
+//  NitroModal
+//
+
+import UIKit
+
+/// `popup` mode: a centered card over a full-screen backdrop, presented
+/// `.overFullScreen` with a custom Core Animation transition.
+final class PopupViewController: UIViewController, ModalPresenting, UIViewControllerTransitioningDelegate {
+  weak var presentationDelegate: ModalPresentationDelegate?
+
+  private static let margin: CGFloat = 16
+  private static let defaultCornerRadius: CGFloat = 16
+
+  private let contentView: NitroModalContentView
+  private let backdrop = BackdropView()
+  private let card = UIView()
+  private var config: ModalConfig
+  /// Portion of the view covered by the keyboard.
+  private var keyboardOverlap: CGFloat = 0
+
+  init(contentView: NitroModalContentView, config: ModalConfig) {
+    self.contentView = contentView
+    self.config = config
+    super.init(nibName: nil, bundle: nil)
+    modalPresentationStyle = .overFullScreen
+    transitioningDelegate = self
+    backdrop.onTap = { [weak self] in
+      self?.presentationDelegate?.modalPresentationDidTapBackdrop()
+    }
+
+    let center = NotificationCenter.default
+    center.addObserver(self, selector: #selector(keyboardWillChangeFrame(_:)), name: UIResponder.keyboardWillChangeFrameNotification, object: nil)
+    center.addObserver(self, selector: #selector(keyboardWillHide(_:)), name: UIResponder.keyboardWillHideNotification, object: nil)
+  }
+
+  @available(*, unavailable)
+  required init?(coder: NSCoder) {
+    fatalError("init(coder:) is not supported")
+  }
+
+  override func loadView() {
+    let root = UIView()
+    root.backgroundColor = .clear
+
+    backdrop.frame = root.bounds
+    backdrop.autoresizingMask = [.flexibleWidth, .flexibleHeight]
+    root.addSubview(backdrop)
+
+    card.clipsToBounds = true
+    card.layer.cornerCurve = .continuous
+    card.accessibilityViewIsModal = true
+    card.addSubview(contentView)
+    root.addSubview(card)
+
+    view = root
+    applyAppearance()
+  }
+
+  override func viewDidLayoutSubviews() {
+    super.viewDidLayoutSubviews()
+    let available = availableRect(includingKeyboard: config.keyboardBehavior != .none)
+    let content = contentView.contentSize
+    // `bounds` + `center` keep the transition's scale transform intact.
+    card.bounds = CGRect(
+      origin: .zero,
+      size: CGSize(width: min(content.width, available.width), height: min(content.height, available.height))
+    )
+    card.center = CGPoint(x: available.midX, y: available.midY)
+    contentView.frame = card.bounds
+
+    let area = config.keyboardBehavior == .resize ? available : availableRect(includingKeyboard: false)
+    presentationDelegate?.modalPresentationDidChangeContentArea(area.size)
+  }
+
+  /// Animated state between hidden (0) and fully presented (1).
+  fileprivate func setTransitionProgress(_ progress: CGFloat, presenting: Bool) {
+    backdrop.alpha = progress
+    card.alpha = config.popupAnimation == .none ? 1 : progress
+    if config.popupAnimation == .scale && progress < 1 {
+      let scale: CGFloat = presenting ? 0.9 : 0.95
+      card.transform = CGAffineTransform(scaleX: scale, y: scale)
+    } else {
+      card.transform = .identity
+    }
+  }
+
+  // MARK: ModalPresenting
+
+  func apply(_ newConfig: ModalConfig) {
+    config = newConfig
+    guard isViewLoaded else { return }
+    applyAppearance()
+    view.setNeedsLayout()
+  }
+
+  func contentSizeDidChange() {
+    guard isViewLoaded else { return }
+    UIView.animate(withDuration: 0.25, delay: 0, options: [.beginFromCurrentState, .allowUserInteraction]) {
+      self.view.setNeedsLayout()
+      self.view.layoutIfNeeded()
+    }
+  }
+
+  func snapToDetent(at index: Int) {}
+
+  // MARK: UIViewControllerTransitioningDelegate
+
+  func animationController(
+    forPresented presented: UIViewController,
+    presenting: UIViewController,
+    source: UIViewController
+  ) -> UIViewControllerAnimatedTransitioning? {
+    PopupTransition(presenting: true)
+  }
+
+  func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {
+    PopupTransition(presenting: false)
+  }
+
+  // MARK: Private
+
+  private func applyAppearance() {
+    backdrop.configure(color: config.backdropColor, opacity: config.backdropOpacity, blurRadius: config.backdropBlurRadius)
+    card.backgroundColor = config.contentBackgroundColor
+    card.layer.cornerRadius = config.cornerRadius ?? Self.defaultCornerRadius
+  }
+
+  /// Area a card may occupy inside `bounds`, keeping clear of the safe area.
+  static func availableRect(in bounds: CGRect, safeArea: UIEdgeInsets) -> CGRect {
+    bounds.inset(by: safeArea).insetBy(dx: margin, dy: margin)
+  }
+
+  private func availableRect(includingKeyboard: Bool) -> CGRect {
+    var rect = Self.availableRect(in: view.bounds, safeArea: view.safeAreaInsets)
+    if includingKeyboard {
+      let covered = max(0, keyboardOverlap - view.safeAreaInsets.bottom)
+      rect.size.height = max(0, rect.height - covered)
+    }
+    return rect
+  }
+
+  @objc private func keyboardWillChangeFrame(_ notification: Notification) {
+    guard isViewLoaded, let window = view.window,
+          let frame = (notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? NSValue)?.cgRectValue else { return }
+    let keyboard = view.convert(frame, from: window.screen.coordinateSpace)
+    updateKeyboardOverlap(max(0, view.bounds.maxY - keyboard.minY), notification: notification)
+  }
+
+  @objc private func keyboardWillHide(_ notification: Notification) {
+    guard isViewLoaded else { return }
+    updateKeyboardOverlap(0, notification: notification)
+  }
+
+  private func updateKeyboardOverlap(_ overlap: CGFloat, notification: Notification) {
+    guard overlap != keyboardOverlap else { return }
+    keyboardOverlap = overlap
+    guard config.keyboardBehavior != .none else { return }
+    notification.animateAlongsideKeyboard {
+      self.view.setNeedsLayout()
+      self.view.layoutIfNeeded()
+    }
+  }
+}
+
+/// Fade/scale transition for `PopupViewController`, run by Core Animation.
+private final class PopupTransition: NSObject, UIViewControllerAnimatedTransitioning {
+  private let presenting: Bool
+
+  init(presenting: Bool) {
+    self.presenting = presenting
+  }
+
+  func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
+    presenting ? 0.4 : 0.2
+  }
+
+  func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {
+    let key: UITransitionContextViewControllerKey = presenting ? .to : .from
+    guard let popup = transitionContext.viewController(forKey: key) as? PopupViewController else {
+      transitionContext.completeTransition(!transitionContext.transitionWasCancelled)
+      return
+    }
+
+    if presenting {
+      popup.view.frame = transitionContext.finalFrame(for: popup)
+      transitionContext.containerView.addSubview(popup.view)
+      popup.view.layoutIfNeeded()
+      popup.setTransitionProgress(0, presenting: true)
+    }
+
+    let finish: (Bool) -> Void = { _ in
+      transitionContext.completeTransition(!transitionContext.transitionWasCancelled)
+    }
+    guard transitionContext.isAnimated else {
+      popup.setTransitionProgress(presenting ? 1 : 0, presenting: presenting)
+      finish(true)
+      return
+    }
+
+    let duration = transitionDuration(using: transitionContext)
+    if presenting {
+      UIView.animate(
+        withDuration: duration,
+        delay: 0,
+        usingSpringWithDamping: 0.82,
+        initialSpringVelocity: 0,
+        options: [.allowUserInteraction, .beginFromCurrentState],
+        animations: { popup.setTransitionProgress(1, presenting: true) },
+        completion: finish
+      )
+    } else {
+      UIView.animate(
+        withDuration: duration,
+        delay: 0,
+        options: [.curveEaseIn, .beginFromCurrentState],
+        animations: { popup.setTransitionProgress(0, presenting: false) },
+        completion: finish
+      )
+    }
+  }
+}

package/ios/SheetViewController.swift

@@ -0,0 +1,244 @@
+//
+//  SheetViewController.swift
+//  NitroModal
+//
+
+import UIKit
+
+/// `bottomSheet` mode: a page sheet driven by `UISheetPresentationController`.
+/// UIKit owns the pan gesture, detent snapping and swipe-to-dismiss, so all
+/// of it runs on the render server with no JS involvement.
+final class SheetViewController: UIViewController, ModalPresenting, UISheetPresentationControllerDelegate {
+  weak var presentationDelegate: ModalPresentationDelegate?
+
+  private let contentView: NitroModalContentView
+  private let backdrop = BackdropView()
+  private var config: ModalConfig
+  private var detentIdentifiers: [UISheetPresentationController.Detent.Identifier] = []
+  /// The latest `maximumDetentValue` UIKit handed to one of our detent resolvers.
+  private var maximumDetentValue: CGFloat?
+  private var keyboardHeight: CGFloat = 0
+
+  init(contentView: NitroModalContentView, config: ModalConfig) {
+    self.contentView = contentView
+    self.config = config
+    super.init(nibName: nil, bundle: nil)
+    modalPresentationStyle = .pageSheet
+    backdrop.onTap = { [weak self] in
+      self?.presentationDelegate?.modalPresentationDidTapBackdrop()
+    }
+    backdrop.configure(color: config.backdropColor, opacity: config.backdropOpacity, blurRadius: config.backdropBlurRadius)
+    configureSheet(selectingDetentAt: config.clampedInitialDetentIndex)
+
+    let center = NotificationCenter.default
+    center.addObserver(self, selector: #selector(keyboardWillChangeFrame(_:)), name: UIResponder.keyboardWillChangeFrameNotification, object: nil)
+    center.addObserver(self, selector: #selector(keyboardWillHide(_:)), name: UIResponder.keyboardWillHideNotification, object: nil)
+  }
+
+  @available(*, unavailable)
+  required init?(coder: NSCoder) {
+    fatalError("init(coder:) is not supported")
+  }
+
+  override func loadView() {
+    let root = UIView()
+    root.backgroundColor = config.contentBackgroundColor
+    root.accessibilityViewIsModal = true
+    contentView.frame = root.bounds
+    contentView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
+    root.addSubview(contentView)
+    view = root
+  }
+
+  override func viewWillAppear(_ animated: Bool) {
+    super.viewWillAppear(animated)
+    installBackdrop()
+    animateBackdrop(to: 1)
+  }
+
+  override func viewWillDisappear(_ animated: Bool) {
+    super.viewWillDisappear(animated)
+    if isBeingDismissed || presentingViewController?.isBeingDismissed == true {
+      animateBackdrop(to: 0)
+    }
+  }
+
+  override func viewDidLayoutSubviews() {
+    super.viewDidLayoutSubviews()
+    reportContentArea()
+  }
+
+  // MARK: ModalPresenting
+
+  func apply(_ newConfig: ModalConfig) {
+    let selectedIndex = sheetPresentationController?.selectedDetentIdentifier
+      .flatMap { detentIdentifiers.firstIndex(of: $0) }
+    config = newConfig
+    if isViewLoaded {
+      view.backgroundColor = config.contentBackgroundColor
+    }
+    backdrop.configure(color: config.backdropColor, opacity: config.backdropOpacity, blurRadius: config.backdropBlurRadius)
+    let index = min(selectedIndex ?? config.clampedInitialDetentIndex, max(config.detents.count - 1, 0))
+    guard let sheet = sheetPresentationController else { return }
+    sheet.animateChanges {
+      configureSheet(selectingDetentAt: index)
+    }
+    reportContentArea()
+  }
+
+  func contentSizeDidChange() {
+    guard config.detents.contains(.fitcontent), let sheet = sheetPresentationController else { return }
+    if #available(iOS 16.0, *) {
+      sheet.animateChanges {
+        sheet.invalidateDetents()
+      }
+    }
+  }
+
+  func snapToDetent(at index: Int) {
+    guard detentIdentifiers.indices.contains(index), let sheet = sheetPresentationController else { return }
+    sheet.animateChanges {
+      sheet.selectedDetentIdentifier = detentIdentifiers[index]
+    }
+    // UIKit only notifies the delegate for user-driven changes.
+    presentationDelegate?.modalPresentationDidChangeDetent(index)
+  }
+
+  // MARK: UISheetPresentationControllerDelegate
+
+  func sheetPresentationControllerDidChangeSelectedDetentIdentifier(_ sheet: UISheetPresentationController) {
+    guard let identifier = sheet.selectedDetentIdentifier,
+          let index = detentIdentifiers.firstIndex(of: identifier) else { return }
+    presentationDelegate?.modalPresentationDidChangeDetent(index)
+  }
+
+  func presentationControllerDidDismiss(_ presentationController: UIPresentationController) {
+    presentationDelegate?.modalPresentationDidDismissInteractively()
+  }
+
+  // MARK: Sheet configuration
+
+  private func configureSheet(selectingDetentAt index: Int) {
+    guard let sheet = sheetPresentationController else { return }
+    sheet.delegate = self
+    // Blocks swipe-to-dismiss while still allowing drags between detents.
+    isModalInPresentation = !config.dismissOnSwipe
+    sheet.prefersGrabberVisible = config.grabberVisible
+    sheet.preferredCornerRadius = config.cornerRadius
+    sheet.prefersScrollingExpandsWhenScrolledToEdge = true
+    sheet.prefersEdgeAttachedInCompactHeight = true
+
+    let (detents, identifiers) = makeDetents()
+    sheet.detents = detents
+    detentIdentifiers = identifiers
+    // `BackdropView` replaces the system dimming so color, opacity, blur and
+    // tap-outside are configurable. Undimming up to `.large` turns it off.
+    sheet.largestUndimmedDetentIdentifier = .large
+    if identifiers.indices.contains(index) {
+      sheet.selectedDetentIdentifier = identifiers[index]
+    }
+  }
+
+  private func makeDetents() -> ([UISheetPresentationController.Detent], [UISheetPresentationController.Detent.Identifier]) {
+    let requested = config.detents.isEmpty ? [.fitcontent] : config.detents
+    guard #available(iOS 16.0, *) else {
+      // iOS 15 only has the two system detents, and `Detent.identifier` is iOS 16+.
+      let identifiers: [UISheetPresentationController.Detent.Identifier] = requested.map { $0 == .large ? .large : .medium }
+      return (identifiers.map { $0 == .large ? .large() : .medium() }, identifiers)
+    }
+    let detents = requested.enumerated().map { index, detent in
+      UISheetPresentationController.Detent.custom(
+        identifier: .init("nitro.\(index).\(detent.stringValue)")
+      ) { [weak self] context in
+        self?.resolve(detent, maximum: context.maximumDetentValue)
+      }
+    }
+    return (detents, detents.map(\.identifier))
+  }
+
+  /// Detent heights exclude the bottom safe area; UIKit adds it below.
+  private func resolve(_ detent: SheetDetent, maximum: CGFloat) -> CGFloat {
+    maximumDetentValue = maximum
+    switch detent {
+    case .small: return maximum * 0.25
+    case .medium: return maximum * 0.5
+    case .large: return maximum
+    case .fitcontent: return min(max(contentView.contentSize.height, 1), maximum)
+    }
+  }
+
+  // MARK: Backdrop
+
+  private func installBackdrop() {
+    guard let container = sheetPresentationController?.containerView, backdrop.superview !== container else { return }
+    backdrop.frame = container.bounds
+    backdrop.autoresizingMask = [.flexibleWidth, .flexibleHeight]
+    backdrop.alpha = 0
+    container.insertSubview(backdrop, at: 0)
+  }
+
+  /// Rides the transition coordinator so the backdrop tracks interactive
+  /// dismissals frame-by-frame and restores itself if the swipe is cancelled.
+  private func animateBackdrop(to alpha: CGFloat) {
+    guard let coordinator = transitionCoordinator else {
+      backdrop.alpha = alpha
+      return
+    }
+    let initial = backdrop.alpha
+    coordinator.animate(alongsideTransition: { [backdrop] _ in
+      backdrop.alpha = alpha
+    }, completion: { [backdrop] context in
+      if context.isCancelled {
+        backdrop.alpha = initial
+      }
+    })
+  }
+
+  // MARK: Content area
+
+  private func reportContentArea() {
+    guard isViewLoaded, view.bounds.width > 0 else { return }
+    let maximum = maximumDetentValue ?? view.window.map(Self.estimatedMaximumDetentValue(in:)) ?? view.bounds.height
+    var height = Self.contentHeight(for: config.detents, maximum: maximum)
+    if config.keyboardBehavior == .resize {
+      height -= max(0, keyboardHeight - view.safeAreaInsets.bottom)
+    }
+    presentationDelegate?.modalPresentationDidChangeContentArea(CGSize(width: view.bounds.width, height: max(height, 0)))
+  }
+
+  /// Height the content may occupy at the largest of `detents`.
+  static func contentHeight(for detents: [SheetDetent], maximum: CGFloat) -> CGFloat {
+    if detents.isEmpty || detents.contains(.large) || detents.contains(.fitcontent) {
+      return maximum
+    }
+    return detents.contains(.medium) ? maximum * 0.5 : maximum * 0.25
+  }
+
+  /// Best guess of UIKit's `maximumDetentValue` before the sheet is on screen.
+  static func estimatedMaximumDetentValue(in window: UIWindow) -> CGFloat {
+    let insets = window.safeAreaInsets
+    return window.bounds.height - insets.top - insets.bottom - 10
+  }
+
+  /// Best guess of the sheet width before it is on screen.
+  static func estimatedWidth(in window: UIWindow) -> CGFloat {
+    window.traitCollection.horizontalSizeClass == .regular ? min(window.bounds.width, 704) : window.bounds.width
+  }
+
+  // MARK: Keyboard
+
+  // UIKit already lifts sheets above the keyboard; we only track the height
+  // so `resize` can shrink the area reported to the content.
+  @objc private func keyboardWillChangeFrame(_ notification: Notification) {
+    guard isViewLoaded, let window = view.window,
+          let frame = (notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? NSValue)?.cgRectValue else { return }
+    let keyboard = window.convert(frame, from: window.screen.coordinateSpace)
+    keyboardHeight = max(0, window.bounds.maxY - keyboard.minY)
+    reportContentArea()
+  }
+
+  @objc private func keyboardWillHide(_ notification: Notification) {
+    keyboardHeight = 0
+    reportContentArea()
+  }
+}

package/lib/module/NitroModal.js

@@ -0,0 +1,188 @@
+"use strict";
+
+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 { jsx as _jsx } from "react/jsx-runtime";
+const DEFAULT_DETENTS = ['fitContent'];
+const BLACK = 0xff000000;
+function toNativeColor(color) {
+  if (color == null) return undefined;
+  const processed = processColor(color);
+  // PlatformColor / DynamicColorIOS objects are not supported.
+  return typeof processed === 'number' ? processed : undefined;
+}
+export function NitroModal({
+  isOpen,
+  mode = 'bottomSheet',
+  detents = DEFAULT_DETENTS,
+  initialDetentIndex = 0,
+  backdropColor = 'black',
+  backdropOpacity = 0.4,
+  backdropBlur = 0,
+  dismissOnBackdropPress = true,
+  dismissOnSwipe = true,
+  dismissOnBackButton = true,
+  showGrabber = false,
+  cornerRadius,
+  backgroundColor,
+  keyboardBehavior = 'pan',
+  popupAnimation = 'scale',
+  contentContainerStyle,
+  onPresent,
+  onDismiss,
+  onDetentChange,
+  onBackdropPress,
+  onBackButtonPress,
+  children,
+  testID,
+  ref
+}) {
+  const isControlled = isOpen !== undefined;
+  const [internalOpen, setInternalOpen] = useState(false);
+  const open = isControlled ? isOpen : internalOpen;
+
+  // Children mount when the modal opens and stay mounted until native reports
+  // that it is fully gone, so the exit animation still shows them.
+  const [sessionActive, setSessionActive] = useState(open);
+  const [prevOpen, setPrevOpen] = useState(open);
+  if (open !== prevOpen) {
+    setPrevOpen(open);
+    if (open) setSessionActive(true);
+  }
+  const renderContent = open || sessionActive;
+  const [area, setArea] = useState(null);
+  const hybridRef = useRef(null);
+
+  // Native callbacks are created once (stable props, no native updates on
+  // re-render) and read the latest handlers from this ref.
+  const latest = useRef({
+    isControlled,
+    onPresent,
+    onDismiss,
+    onDetentChange,
+    onBackdropPress,
+    onBackButtonPress
+  });
+  useLayoutEffect(() => {
+    latest.current = {
+      isControlled,
+      onPresent,
+      onDismiss,
+      onDetentChange,
+      onBackdropPress,
+      onBackButtonPress
+    };
+  });
+  const nativeCallbacks = useMemo(() => ({
+    hybridRef: callback(instance => {
+      hybridRef.current = instance;
+    }),
+    onPresent: callback(() => {
+      setSessionActive(true);
+      latest.current.onPresent?.();
+    }),
+    onDismiss: callback(reason => {
+      setSessionActive(false);
+      if (!latest.current.isControlled) setInternalOpen(false);
+      latest.current.onDismiss?.(reason);
+    }),
+    onDetentChange: callback(index => {
+      latest.current.onDetentChange?.(index);
+    }),
+    onBackdropPress: callback(() => {
+      latest.current.onBackdropPress?.();
+    }),
+    onBackButtonPress: callback(() => {
+      latest.current.onBackButtonPress?.();
+    }),
+    onContentAreaChange: callback(next => {
+      setArea(current => current?.width === next.width && current.height === next.height ? current : next);
+    })
+  }), []);
+  useImperativeHandle(ref, () => ({
+    present: () => {
+      if (latest.current.isControlled) {
+        console.warn('NitroModal: present() is ignored while `isOpen` is controlled.');
+        return;
+      }
+      setInternalOpen(true);
+    },
+    dismiss: () => {
+      if (latest.current.isControlled) {
+        hybridRef.current?.dismiss();
+      } else {
+        setInternalOpen(false);
+      }
+    },
+    snapToDetent: index => {
+      hybridRef.current?.snapToDetent(index);
+    }
+  }), []);
+
+  // Arrays are diffed by identity, so keep one instance per distinct value.
+  const detentsKey = detents.join(',');
+  const nativeDetents = useMemo(() => [...new Set(detentsKey.split(','))], [detentsKey]);
+
+  // Native reports the exact area; this only covers the first frame.
+  const windowSize = useWindowDimensions();
+  const contentArea = area ?? {
+    width: mode === 'popup' ? windowSize.width - 32 : windowSize.width,
+    height: mode === 'popup' ? windowSize.height - 160 : windowSize.height * 0.85
+  };
+  const containerStyle = mode === 'popup' ? {
+    maxWidth: contentArea.width,
+    maxHeight: contentArea.height
+  } : nativeDetents.includes('fitContent') ? {
+    width: contentArea.width,
+    maxHeight: contentArea.height
+  } : {
+    width: contentArea.width,
+    height: contentArea.height
+  };
+  return /*#__PURE__*/_jsx(NitroModalView, {
+    style: styles.host,
+    isOpen: open,
+    mode: mode,
+    detents: nativeDetents,
+    initialDetentIndex: initialDetentIndex,
+    backdropColor: toNativeColor(backdropColor) ?? BLACK,
+    backdropOpacity: backdropOpacity,
+    backdropBlurRadius: backdropBlur,
+    dismissOnBackdropPress: dismissOnBackdropPress,
+    dismissOnSwipe: dismissOnSwipe,
+    dismissOnBackButton: dismissOnBackButton,
+    grabberVisible: showGrabber,
+    cornerRadius: cornerRadius ?? -1,
+    contentBackgroundColor: toNativeColor(backgroundColor),
+    keyboardBehavior: keyboardBehavior,
+    popupAnimation: popupAnimation,
+    ...nativeCallbacks,
+    children: renderContent ? /*#__PURE__*/_jsx(View, {
+      collapsable: false,
+      testID: testID,
+      style: [styles.container, containerStyle, contentContainerStyle],
+      children: children
+    }) : null
+  });
+}
+const styles = StyleSheet.create({
+  // Zero-size placeholder in the React tree; the content renders natively in
+  // the modal's own window / view controller.
+  host: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    width: 0,
+    height: 0
+  },
+  // Pinned at the origin: native hosts it at the top of the sheet / the
+  // card, and uses its measured size for `fitContent` and the card size.
+  container: {
+    position: 'absolute',
+    left: 0,
+    top: 0
+  }
+});
+//# sourceMappingURL=NitroModal.js.map

package/lib/module/NitroModal.js.map

@@ -0,0 +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":[]}

package/lib/module/NitroModal.nitro.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=NitroModal.nitro.js.map

package/lib/module/NitroModal.nitro.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["NitroModal.nitro.ts"],"mappings":"","ignoreList":[]}