@swmansion/react-native-bottom-sheet 0.15.0-next.5 → 0.15.0-next.7

package/android/src/main/java/com/swmansion/reactnativebottomsheet/BottomSheetViewManager.kt

@@ -59,7 +59,7 @@ class BottomSheetViewManager :
   private fun dispatchEvent(view: BottomSheetView, eventName: String, eventData: WritableMap) {
     val reactContext = UIManagerHelper.getReactContext(view)
     val surfaceId = UIManagerHelper.getSurfaceId(view)
-    UIManagerHelper.getEventDispatcherForReactTag(reactContext, view.id)
+    UIManagerHelper.getEventDispatcher(reactContext)
       ?.dispatchEvent(BottomSheetEvent(surfaceId, view.id, eventName, eventData))
   }
 
@@ -82,6 +82,7 @@ class BottomSheetViewManager :
     stateWrapper: StateWrapper?,
   ): Any? {
     view.stateWrapper = stateWrapper
+    view.eventDispatcher = UIManagerHelper.getEventDispatcher(UIManagerHelper.getReactContext(view))
     return null
   }
 
@@ -132,6 +133,11 @@ class BottomSheetViewManager :
     view.modal = modal
   }
 
+  @ReactProp(name = "nativeOverlay")
+  override fun setNativeOverlay(view: BottomSheetView, value: Boolean) {
+    view.setNativeOverlay(value)
+  }
+
   @ReactProp(name = "disableScrollableNegotiation")
   override fun setDisableScrollableNegotiation(view: BottomSheetView, value: Boolean) {
     view.disableScrollableNegotiation = value

package/ios/BottomSheetComponentView.mm

@@ -7,12 +7,47 @@
 #import <React/RCTAssert.h>
 #import <React/RCTConversions.h>
 #import <React/RCTFabricComponentsPlugins.h>
+#import <React/RCTSurfaceTouchHandler.h>
 #import <react/renderer/components/ReactNativeBottomSheetSpec/EventEmitters.h>
 #import <react/renderer/components/ReactNativeBottomSheetSpec/Props.h>
 #import <react/renderer/components/ReactNativeBottomSheetSpec/RCTComponentViewHelpers.h>
 
 using namespace facebook::react;
 
+/// Full-window container hosting the sheet in native-overlay mode. It is added
+/// directly to the host `UIWindow` (above any modal presented in that window)
+/// and forwards hit-testing to its single subview—the sheet—so touches outside
+/// the sheet and its scrim fall through to the content underneath.
+@interface BottomSheetOverlayContainerView : UIView
+@end
+
+@implementation BottomSheetOverlayContainerView
+
+- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
+{
+  if (!self.isUserInteractionEnabled || self.isHidden || self.alpha < 0.01) {
+    return nil;
+  }
+  // Bypass UIKit's strict containment policy and hit-test subviews directly: the
+  // sheet's own hitTest returns nil outside the sheet/scrim, which is how a tap
+  // on empty space passes through to whatever sits below the overlay.
+  for (UIView *subview in [self.subviews reverseObjectEnumerator]) {
+    CGPoint convertedPoint = [subview convertPoint:point fromView:self];
+    UIView *hit = [subview hitTest:convertedPoint withEvent:event];
+    if (hit != nil) {
+      return hit;
+    }
+  }
+  return nil;
+}
+
+- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event
+{
+  return [self hitTest:point withEvent:event] != nil;
+}
+
+@end
+
 @interface BottomSheetComponentView () <BottomSheetContentViewDelegate>
 @end
 
@@ -21,6 +56,9 @@ using namespace facebook::react;
   State::Shared _sheetState;
   float _lastContentOffsetY;
   BOOL _needsIndexSyncAfterRecycle;
+  BOOL _nativeOverlay;
+  BottomSheetOverlayContainerView *_overlayContainer;
+  RCTSurfaceTouchHandler *_overlayTouchHandler;
 }
 
 + (ComponentDescriptorProvider)componentDescriptorProvider
@@ -34,6 +72,7 @@ using namespace facebook::react;
     static const auto defaultProps = std::make_shared<const BottomSheetViewProps>();
     _props = defaultProps;
     _needsIndexSyncAfterRecycle = NO;
+    _nativeOverlay = NO;
 
     _sheetView = [[BottomSheetContentView alloc] initWithFrame:CGRectZero];
     _sheetView.delegate = self;
@@ -78,6 +117,11 @@ using namespace facebook::react;
     _sheetView.modal = newViewProps.modal;
   }
 
+  if (newViewProps.nativeOverlay != oldViewProps.nativeOverlay) {
+    _nativeOverlay = newViewProps.nativeOverlay;
+    [self updateOverlayPresentation];
+  }
+
   if (newViewProps.disableScrollableNegotiation != oldViewProps.disableScrollableNegotiation) {
     _sheetView.disableScrollableNegotiation = newViewProps.disableScrollableNegotiation;
   }
@@ -102,6 +146,105 @@ using namespace facebook::react;
   _sheetState = state;
 }
 
+- (void)didMoveToWindow
+{
+  [super didMoveToWindow];
+  // Attach once a window is available, detach when leaving it. The window is the
+  // anchor for the overlay container, so its lifecycle gates presentation.
+  if (_nativeOverlay || _overlayContainer != nil) {
+    [self updateOverlayPresentation];
+  }
+}
+
+/// Reconciles where the sheet view is parented with the current `nativeOverlay`
+/// flag and window availability: hoisted into a full-window container attached to
+/// the host window when on, restored as our own `contentView` when off.
+- (void)updateOverlayPresentation
+{
+  UIWindow *window = self.window;
+
+  if (!_nativeOverlay) {
+    if (_overlayContainer != nil) {
+      [self restoreInlinePresentation];
+    }
+    return;
+  }
+
+  if (window != nil) {
+    if (_overlayContainer == nil) {
+      _overlayContainer = [[BottomSheetOverlayContainerView alloc] initWithFrame:window.bounds];
+      _overlayContainer.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
+    }
+    if (_overlayTouchHandler == nil) {
+      // Touches inside the container sit outside the RN root view's touch
+      // handler, so attach a dedicated surface touch handler to dispatch them to
+      // JS (e.g. Pressables in the sheet). It also satisfies the sheet's
+      // ancestor "TouchHandler" lookup used to cancel touches on a drag.
+      _overlayTouchHandler = [RCTSurfaceTouchHandler new];
+    }
+
+    if (_sheetView.superview != _overlayContainer) {
+      if (self.contentView == _sheetView) {
+        self.contentView = nil;
+      }
+      _overlayContainer.frame = window.bounds;
+      [_overlayContainer addSubview:_sheetView];
+      _sheetView.frame = _overlayContainer.bounds;
+    }
+    if (_overlayContainer.window != window) {
+      [self detachOverlayTouchHandler];
+      [_overlayContainer removeFromSuperview];
+      // Added as the topmost window subview so it floats above modal content in
+      // the same window. With multiple native-overlay sheets active at once, the
+      // last one presented wins the z-order; the feature assumes a single overlay
+      // sheet visible at a time.
+      [window addSubview:_overlayContainer];
+      [self attachOverlayTouchHandler];
+    }
+    [self updateOverlayAccessibilityState];
+  } else {
+    if (_overlayContainer != nil) {
+      [self restoreInlinePresentation];
+    }
+  }
+}
+
+- (void)attachOverlayTouchHandler
+{
+  if (_overlayTouchHandler.view == _overlayContainer) {
+    return;
+  }
+  [self detachOverlayTouchHandler];
+  [_overlayTouchHandler attachToView:_overlayContainer];
+}
+
+- (void)detachOverlayTouchHandler
+{
+  UIView *attachedView = _overlayTouchHandler.view;
+  if (attachedView != nil) {
+    [_overlayTouchHandler detachFromView:attachedView];
+  }
+}
+
+- (void)updateOverlayAccessibilityState
+{
+  _overlayContainer.accessibilityViewIsModal = _nativeOverlay && _sheetView.isModalAccessibilityActive;
+}
+
+/// Moves the sheet back under this component view and detaches the overlay
+/// container. Safe to call when no overlay is active.
+- (void)restoreInlinePresentation
+{
+  if (_overlayContainer != nil) {
+    _overlayContainer.accessibilityViewIsModal = NO;
+    [self detachOverlayTouchHandler];
+    [_overlayContainer removeFromSuperview];
+  }
+  self.contentView = nil;
+  self.contentView = _sheetView;
+  _overlayContainer = nil;
+}
+
 - (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
 {
   // Identify the visual surface by component type so the host can own its
@@ -152,6 +295,7 @@ using namespace facebook::react;
 
   float contentOffsetY = static_cast<float>(view.currentContentOffsetY);
   if (contentOffsetY == _lastContentOffsetY) {
+    [self updateOverlayAccessibilityState];
     return;
   }
   _lastContentOffsetY = contentOffsetY;
@@ -159,6 +303,7 @@ using namespace facebook::react;
   if (_sheetState) {
     updateBottomSheetContentOffsetY(_sheetState, contentOffsetY);
   }
+  [self updateOverlayAccessibilityState];
 }
 
 - (void)bottomSheetView:(BottomSheetContentView *)view didReportError:(NSString *)message
@@ -169,6 +314,10 @@ using namespace facebook::react;
 - (void)prepareForRecycle
 {
   [super prepareForRecycle];
+  // Restore inline parenting after the base class resets Fabric view state so a
+  // reused instance starts from the default presentation.
+  _nativeOverlay = NO;
+  [self restoreInlinePresentation];
   _needsIndexSyncAfterRecycle = YES;
   [_sheetView resetSheetState];
   _sheetState.reset();

package/ios/BottomSheetContentView.h

@@ -20,6 +20,7 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic) BOOL modal;
 @property (nonatomic) BOOL disableScrollableNegotiation;
 @property (nonatomic, readonly) UIView *sheetContainer;
+@property (nonatomic, readonly) BOOL isModalAccessibilityActive;
 
 - (void)setDetents:(NSArray<NSDictionary *> *)raw;
 - (void)setMaxDetentHeight:(CGFloat)maxDetentHeight;

package/ios/BottomSheetContentView.mm

@@ -90,6 +90,11 @@
   return _impl.currentContentOffsetY;
 }
 
+- (BOOL)isModalAccessibilityActive
+{
+  return _impl.isModalAccessibilityActive;
+}
+
 - (void)mountChildComponentView:(UIView *)childView atIndex:(NSInteger)index
 {
   [_impl mountChildComponentView:childView atIndex:index];

package/ios/BottomSheetHostingView.swift

@@ -189,10 +189,18 @@ public final class BottomSheetHostingView: UIView {
   }
 
   private var presentedSheetFrame: CGRect {
-    if activeSpring != nil, let presentation = sheetContainer.layer.presentation() {
-      return presentation.frame
-    }
-    return sheetContainer.frame
+    guard activeSpring != nil else { return sheetContainer.frame }
+    // Mid-settle, derive the on-screen frame from the spring instead of the
+    // presentation layer (which lags one commit behind right after a snap
+    // starts). The container's transform is translation-only.
+    let size = sheetContainer.bounds.size
+    let center = sheetContainer.center
+    return CGRect(
+      x: center.x - size.width / 2,
+      y: center.y - size.height / 2 + currentTranslationY,
+      width: size.width,
+      height: size.height
+    )
   }
 
   override public func point(inside point: CGPoint, with _: UIEvent?) -> Bool {
@@ -350,6 +358,10 @@ public final class BottomSheetHostingView: UIView {
     return containerTop + ty
   }
 
+  public var isModalAccessibilityActive: Bool {
+    isScrimVisible
+  }
+
   private var isScrimVisible: Bool {
     modal && !scrimView.isHidden
   }
@@ -514,7 +526,7 @@ public final class BottomSheetHostingView: UIView {
 
   @discardableResult
   private func cancelActiveSpring() -> CGFloat {
-    let visualTy = sheetContainer.layer.presentation()?.affineTransform().ty ?? sheetContainer.transform.ty
+    let visualTy = currentTranslationY
     activeSpring = nil
     activeSpringEmitsSettle = false
     stopDisplayLink()
@@ -910,11 +922,15 @@ extension BottomSheetHostingView: UIGestureRecognizerDelegate {
 private extension BottomSheetHostingView {
   var currentTranslationY: CGFloat {
     // During a settle the modal is driven by a keyframe animation on the render
-    // server, so the live on-screen value lives on the presentation layer (the
-    // model `transform` already holds the final target). A drag assigns
-    // `transform` directly, so outside a settle the model value is correct.
-    if activeSpring != nil, let presentation = sheetContainer.layer.presentation() {
-      return presentation.affineTransform().ty
+    // server (the model `transform` already holds the final target), so read the
+    // analytical spring the keyframes were sampled from. The presentation layer
+    // is deliberately not used: right after a snap starts it still holds the
+    // previously committed transform, and that stale value (e.g. the identity
+    // transform from before the first layout) reads as a wide-open sheet — which
+    // briefly flashed the scrim on mount. A drag assigns `transform` directly,
+    // so outside a settle the model value is correct.
+    if let spring = activeSpring {
+      return spring.value(at: CACurrentMediaTime())
     }
     return sheetContainer.transform.ty
   }
@@ -936,6 +952,14 @@ private extension BottomSheetHostingView {
       return
     }
 
+    // Until the first layout places the sheet, the identity transform reads as
+    // a fully-open sheet; keep the scrim hidden until the sheet is positioned.
+    if !hasLaidOut {
+      scrimView.alpha = 0
+      scrimView.isHidden = true
+      return
+    }
+
     // If we're settled on the closed detent, dynamic detent/content updates can
     // momentarily report a stale non-zero position. Keep scrim fully hidden.
     if

package/lib/module/BottomSheet.js

@@ -19,22 +19,24 @@ export { programmatic } from "./bottomSheetUtils.js";
  */
 
 /** Native bottom sheet that renders inline within the current screen layout. */
-export const BottomSheet = ({
-  children,
-  surface,
-  style,
-  detents = [0, 'content'],
-  index,
-  animateIn = true,
-  onIndexChange,
-  onSettle,
-  onPositionChange,
-  wrapNativeView,
-  modal = false,
-  disableScrollableNegotiation = false,
-  scrimColor,
-  scrimOpacities
-}) => {
+export const BottomSheet = props => {
+  const {
+    children,
+    surface,
+    style,
+    detents = [0, 'content'],
+    index,
+    animateIn = true,
+    onIndexChange,
+    onSettle,
+    onPositionChange,
+    wrapNativeView,
+    modal = false,
+    nativeOverlay = false,
+    disableScrollableNegotiation = false,
+    scrimColor,
+    scrimOpacities
+  } = props;
   const {
     height: windowHeight
   } = useSafeAreaFrame();
@@ -63,6 +65,7 @@ export const BottomSheet = ({
   // fully opaque at every open one. Mapping each detent independently keeps
   // this correct regardless of the order detents are passed in.
   const resolvedScrimOpacity = scrimOpacities ?? detents.map(detent => resolveDetentValue(detent) === 0 ? 0 : 1);
+  const usesNativeOverlay = modal && nativeOverlay;
   const handleIndexChange = event => {
     onIndexChange?.(event.nativeEvent.index);
   };
@@ -101,6 +104,7 @@ export const BottomSheet = ({
         index: index,
         animateIn: animateIn,
         modal: modal,
+        nativeOverlay: usesNativeOverlay,
         disableScrollableNegotiation: disableScrollableNegotiation,
         scrimColor: scrimColor,
         scrimOpacities: resolvedScrimOpacity,
@@ -127,6 +131,12 @@ export const BottomSheet = ({
     })
   });
   if (modal) {
+    // In native-overlay mode the sheet is rendered inline; the native layer
+    // reparents it into a full-screen overlay above everything (including
+    // native modal screens), so it bypasses the provider portal entirely.
+    if (usesNativeOverlay) {
+      return sheet;
+    }
     return /*#__PURE__*/_jsx(Portal, {
       children: sheet
     });

package/lib/module/BottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","BottomSheetNativeView","BottomSheetSurfaceNativeComponent","Portal","jsx","_jsx","jsxs","_jsxs","programmatic","BottomSheet","children","surface","style","detents","index","animateIn","onIndexChange","onSettle","onPositionChange","wrapNativeView","modal","disableScrollableNegotiation","scrimColor","scrimOpacities","height","windowHeight","insets","maxHeight","top","nativeDetents","map","detent","isDetentProgrammatic","value","resolveDetentValue","kind","Math","max","min","clampedIndex","length","selectedDetentValue","isCollapsed","resolvedScrimOpacity","handleIndexChange","event","nativeEvent","handleSettle","NativeView","sheet","absoluteFill","pointerEvents","position","left","right","bottom","maxDetentHeight","collapsable","flex"],"sourceRoot":"../../src","sources":["BottomSheet.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useState","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","BottomSheetNativeView","BottomSheetSurfaceNativeComponent","Portal","jsx","_jsx","jsxs","_jsxs","programmatic","BottomSheet","props","children","surface","style","detents","index","animateIn","onIndexChange","onSettle","onPositionChange","wrapNativeView","modal","nativeOverlay","disableScrollableNegotiation","scrimColor","scrimOpacities","height","windowHeight","insets","maxHeight","top","nativeDetents","map","detent","isDetentProgrammatic","value","resolveDetentValue","kind","Math","max","min","clampedIndex","length","selectedDetentValue","isCollapsed","resolvedScrimOpacity","usesNativeOverlay","handleIndexChange","event","nativeEvent","handleSettle","NativeView","sheet","absoluteFill","pointerEvents","position","left","right","bottom","maxDetentHeight","collapsable","flex"],"sourceRoot":"../../src","sources":["BottomSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/BottomSheetNativeComponent.ts

@@ -17,6 +17,7 @@ export interface NativeProps extends ViewProps {
   index: CodegenTypes.Int32;
   animateIn?: CodegenTypes.WithDefault<boolean, true>;
   modal: boolean;
+  nativeOverlay?: boolean;
   disableScrollableNegotiation?: boolean;
   scrimColor?: ColorValue;
   scrimOpacities?: ReadonlyArray<CodegenTypes.Double>;

package/lib/module/ModalBottomSheet.js

@@ -1,12 +1,19 @@
 "use strict";
 
+import { createElement } from 'react';
 import { BottomSheet } from "./BottomSheet.js";
 
 /** Props for the modal bottom-sheet variant rendered through the provider portal. */
-import { jsx as _jsx } from "react/jsx-runtime";
+
 /** Bottom sheet presented above the current UI with a scrim. */
-export const ModalBottomSheet = props => /*#__PURE__*/_jsx(BottomSheet, {
-  ...props,
-  modal: true
-});
+export const ModalBottomSheet = props => {
+  // `modal` lives on the internal prop set (it is hidden from the public
+  // `BottomSheet` type), so type the merged object as the internal shape rather
+  // than casting it away.
+  const internalProps = {
+    ...props,
+    modal: true
+  };
+  return /*#__PURE__*/createElement(BottomSheet, internalProps);
+};
 //# sourceMappingURL=ModalBottomSheet.js.map

package/lib/module/ModalBottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["BottomSheet","jsx","_jsx","ModalBottomSheet","props","modal"],"sourceRoot":"../../src","sources":["ModalBottomSheet.tsx"],"mappings":";;AAAA,SAASA,WAAW,QAA+B,kBAAe;;AAElE;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAMA;AACA,OAAO,MAAMC,gBAAgB,GAAIC,KAA4B,iBAC3DF,IAAA,CAACF,WAAW;EAAA,GAAKI,KAAK;EAAEC,KAAK;AAAA,CAAE,CAChC","ignoreList":[]}
+{"version":3,"names":["createElement","BottomSheet","ModalBottomSheet","props","internalProps","modal"],"sourceRoot":"../../src","sources":["ModalBottomSheet.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,SACEC,WAAW,QAGN,kBAAe;;AAEtB;;AAsCA;AACA,OAAO,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EAChE;EACA;EACA;EACA,MAAMC,aAAuC,GAAG;IAAE,GAAGD,KAAK;IAAEE,KAAK,EAAE;EAAK,CAAC;EACzE,oBAAOL,aAAa,CAACC,WAAW,EAAEG,aAAa,CAAC;AAClD,CAAC","ignoreList":[]}

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

@@ -73,19 +73,27 @@ export interface BottomSheetProps {
      * render).
      */
     wrapNativeView?: (component: ComponentType<NativeProps>) => ComponentType<NativeProps>;
-    /** Internal flag used by `ModalBottomSheet`. */
-    modal?: boolean;
     /**
      * Escape hatch that disables sheet/list gesture negotiation.
      * If a gesture starts inside a nested scrollable, that scrollable keeps it
      * even when it cannot scroll any further.
      */
     disableScrollableNegotiation?: boolean;
+}
+type ModalOnlyBottomSheetProps = {
+    /** Internal flag used by `ModalBottomSheet`. */
+    modal?: boolean;
+    /**
+     * Internal flag used by `ModalBottomSheet`. When set, the sheet is presented
+     * in a native overlay above everything (including native modal screens)
+     * instead of the `BottomSheetProvider` portal.
+     */
+    nativeOverlay?: boolean;
     /** Scrim color used by `ModalBottomSheet`. */
     scrimColor?: string;
     /**
-     * Scrim opacities per detent, indexed to match `detents`. Each value in 0–1
-     * scales the scrim color’s alpha at the detent of the same index, and the
+     * Scrim opacities per detent, indexed to match `detents`. Each value in 0-1
+     * scales the scrim color's alpha at the detent of the same index, and the
      * opacity is linearly interpolated as the sheet is dragged between detents.
      * A shorter array than `detents` reuses its last value for any remaining
      * detents.
@@ -93,11 +101,12 @@ export interface BottomSheetProps {
      * The default maps each detent to 0 when it is closed and 1 otherwise,
      * so the scrim is transparent at any closed detent and fully opaque at every
      * open one; e.g., `[0, 'content']` defaults to `[0, 1]`, and all-open detents
-     * default to a constant opaque scrim. Pass one value per detent—e.g.,
-     * `[0, 0.5, 1]`—to keep the scrim deepening across every detent.
+     * default to a constant opaque scrim. Pass one value per detent, e.g.
+     * `[0, 0.5, 1]`, to keep the scrim deepening across every detent.
      */
     scrimOpacities?: number[];
-}
+};
+export type BottomSheetInternalProps = BottomSheetProps & ModalOnlyBottomSheetProps;
 /** Native bottom sheet that renders inline within the current screen layout. */
-export declare const BottomSheet: ({ children, surface, style, detents, index, animateIn, onIndexChange, onSettle, onPositionChange, wrapNativeView, modal, disableScrollableNegotiation, scrimColor, scrimOpacities, }: BottomSheetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BottomSheet: (props: BottomSheetProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BottomSheet.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAO/E,OAA8B,EAC5B,KAAK,WAAW,EACjB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACjD,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,iDAAiD;IACjD,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CACjB,KAAK,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,KACjD,IAAI,CAAC;IACV;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE,CACf,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,KAClC,aAAa,CAAC,WAAW,CAAC,CAAC;IAChC,gDAAgD;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;;;;;;OAYG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,gFAAgF;AAChF,eAAO,MAAM,WAAW,GAAI,sLAezB,gBAAgB,4CAgHlB,CAAC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAO/E,OAA8B,EAC5B,KAAK,WAAW,EACjB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACjD,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,iDAAiD;IACjD,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CACjB,KAAK,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,KACjD,IAAI,CAAC;IACV;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE,CACf,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,KAClC,aAAa,CAAC,WAAW,CAAC,CAAC;IAChC;;;;OAIG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC;AAED,KAAK,yBAAyB,GAAG;IAC/B,gDAAgD;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;;;;;;OAYG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,gBAAgB,GACrD,yBAAyB,CAAC;AAE5B,gFAAgF;AAChF,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAyIlD,CAAC"}

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

@@ -10,6 +10,7 @@ export interface NativeProps extends ViewProps {
     index: CodegenTypes.Int32;
     animateIn?: CodegenTypes.WithDefault<boolean, true>;
     modal: boolean;
+    nativeOverlay?: boolean;
     disableScrollableNegotiation?: boolean;
     scrimColor?: ColorValue;
     scrimOpacities?: ReadonlyArray<CodegenTypes.Double>;

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,YAAY,GAAG,QAAQ,CAAC;IAC3B,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,eAAe,EAAE,YAAY,CAAC,MAAM,CAAC;IACrC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;IAC1B,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACpD,KAAK,EAAE,OAAO,CAAC;IACf,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACpD,aAAa,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAC7C,QAAQ,CAAC;QAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAA;KAAE,CAAC,CACxC,CAAC;IACF,QAAQ,CAAC,EAAE,YAAY,CAAC,kBAAkB,CACxC,QAAQ,CAAC;QAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAA;KAAE,CAAC,CACxC,CAAC;IACF,gBAAgB,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAChD,QAAQ,CAAC;QAAE,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC;QAAC,KAAK,EAAE,YAAY,CAAC,MAAM,CAAA;KAAE,CAAC,CACxE,CAAC;CACH;;AAED,wBAAsE"}
+{"version":3,"file":"BottomSheetNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,YAAY,GAAG,QAAQ,CAAC;IAC3B,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,eAAe,EAAE,YAAY,CAAC,MAAM,CAAC;IACrC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;IAC1B,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACpD,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACpD,aAAa,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAC7C,QAAQ,CAAC;QAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAA;KAAE,CAAC,CACxC,CAAC;IACF,QAAQ,CAAC,EAAE,YAAY,CAAC,kBAAkB,CACxC,QAAQ,CAAC;QAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAA;KAAE,CAAC,CACxC,CAAC;IACF,gBAAgB,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAChD,QAAQ,CAAC;QAAE,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC;QAAC,KAAK,EAAE,YAAY,CAAC,MAAM,CAAA;KAAE,CAAC,CACxE,CAAC;CACH;;AAED,wBAAsE"}

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

@@ -1,7 +1,41 @@
 import { type BottomSheetProps } from './BottomSheet';
 /** Props for the modal bottom-sheet variant rendered through the provider portal. */
-export interface ModalBottomSheetProps extends Omit<BottomSheetProps, 'modal'> {
+export interface ModalBottomSheetProps extends BottomSheetProps {
+    /**
+     * Present the sheet in a native overlay above everything—including native
+     * modal screens (e.g. a React Navigation native-stack `presentation: "modal"`)
+     * —instead of the `BottomSheetProvider` portal.
+     *
+     * The portal renders into the provider's React tree, so a sheet opened from
+     * within a native modal screen is trapped inside that screen and cannot cover
+     * the full window. With `nativeOverlay`, the sheet is reparented natively into
+     * a window-level overlay (a `UIWindow`-attached container on iOS, a
+     * full-screen transparent dialog on Android) that floats above the modal.
+     *
+     * No `BottomSheetProvider` is required in this mode. The sheet sizes relative
+     * to its nearest full-size ancestor, so render it at the top level of a screen
+     * as you normally would.
+     *
+     * @default false
+     */
+    nativeOverlay?: boolean;
+    /** Scrim color shown behind the modal sheet. */
+    scrimColor?: string;
+    /**
+     * Scrim opacities per detent, indexed to match `detents`. Each value in 0-1
+     * scales the scrim color's alpha at the detent of the same index, and the
+     * opacity is linearly interpolated as the sheet is dragged between detents.
+     * A shorter array than `detents` reuses its last value for any remaining
+     * detents.
+     *
+     * The default maps each detent to 0 when it is closed and 1 otherwise,
+     * so the scrim is transparent at any closed detent and fully opaque at every
+     * open one; e.g., `[0, 'content']` defaults to `[0, 1]`, and all-open detents
+     * default to a constant opaque scrim. Pass one value per detent, e.g.
+     * `[0, 0.5, 1]`, to keep the scrim deepening across every detent.
+     */
+    scrimOpacities?: number[];
 }
 /** Bottom sheet presented above the current UI with a scrim. */
-export declare const ModalBottomSheet: (props: ModalBottomSheetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalBottomSheet: (props: ModalBottomSheetProps) => import("react").FunctionComponentElement<BottomSheetProps>;
 //# sourceMappingURL=ModalBottomSheet.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/ModalBottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,qFAAqF;AACrF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,gBAAgB,EAChB,OAAO,CACR;CAAG;AAEJ,gEAAgE;AAChE,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CAE5D,CAAC"}
+{"version":3,"file":"ModalBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/ModalBottomSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAC;AAEvB,qFAAqF;AACrF,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D;;;;;;;;;;;;;;;;OAgBG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;;;;;;OAYG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,gEAAgE;AAChE,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,+DAM5D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swmansion/react-native-bottom-sheet",
-  "version": "0.15.0-next.5",
+  "version": "0.15.0-next.7",
   "description": "Provides bottom-sheet components for React Native.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",