@swmansion/react-native-bottom-sheet 0.10.2 → 0.12.0

package/ios/BottomSheetContentView.mm

@@ -80,6 +80,11 @@
   _impl.scrimColor = color;
 }
 
+- (void)setScrimOpacities:(NSArray<NSNumber *> *)opacities
+{
+  [_impl setScrimOpacities:opacities];
+}
+
 - (CGFloat)currentContentOffsetY
 {
   return _impl.currentContentOffsetY;
@@ -95,6 +100,16 @@
   [_impl unmountChildComponentView:childView];
 }
 
+- (void)mountSurfaceComponentView:(UIView *)surfaceView atIndex:(NSInteger)index
+{
+  [_impl mountSurfaceComponentView:surfaceView atIndex:index];
+}
+
+- (void)unmountSurfaceComponentView:(UIView *)surfaceView
+{
+  [_impl unmountSurfaceComponentView:surfaceView];
+}
+
 - (void)resetSheetState
 {
   [_impl resetSheetState];

package/ios/BottomSheetHostingView.swift

@@ -34,6 +34,19 @@ public final class BottomSheetHostingView: UIView {
     didSet { scrimView.backgroundColor = scrimColor }
   }
 
+  /// Scrim opacity per detent index. Linearly interpolated between detents and
+  /// clamped to the last value for detents beyond the array. The JS layer always
+  /// supplies a per-detent array; the fully-opaque fallback only guards against
+  /// empty input (indexing requires a non-empty array).
+  private var scrimOpacities: [CGFloat] = [1] {
+    didSet { updateScrim() }
+  }
+
+  public func setScrimOpacities(_ values: [NSNumber]) {
+    let mapped = values.map { CGFloat(truncating: $0) }
+    scrimOpacities = mapped.isEmpty ? [1] : mapped
+  }
+
   public var maxDetentHeight: CGFloat = .nan {
     didSet { refreshDetentsFromLayout() }
   }
@@ -65,6 +78,7 @@ public final class BottomSheetHostingView: UIView {
   private var panStartingIndex: Int?
   private var isContentInteractionDisabled = false
   private var contentHeightMarker: UIView?
+  private weak var surfaceView: UIView?
   private static var markerObservationContext = 0
 
   override public init(frame: CGRect) {
@@ -127,10 +141,16 @@ public final class BottomSheetHostingView: UIView {
 
     scrimView.frame = bounds
     refreshDetentsFromLayout()
-    let maxHeight = maximumResolvedDetentHeight ?? resolvedMaxDetentHeight
+    let maxHeight = sheetContainerHeight
     sheetContainer.bounds = CGRect(x: 0, y: 0, width: bounds.width, height: maxHeight)
     sheetContainer.center = CGPoint(x: bounds.width / 2, y: bounds.height - maxHeight / 2)
 
+    // The surface fills the full container so it always covers the visible sheet
+    // (the container is translated to the current sheet position), regardless of
+    // how short the content becomes. Sized from the top via frame — never via
+    // anchorPoint.
+    surfaceView?.frame = sheetContainer.bounds
+
     if !hasLaidOut && !detentSpecs.isEmpty {
       let indexToApply = pendingIndex ?? targetIndex
       let clampedIndex = max(0, min(detentSpecs.count - 1, indexToApply))
@@ -138,7 +158,7 @@ public final class BottomSheetHostingView: UIView {
       if animateIn, isInvalidContentDetentTarget(clampedIndex) {
         targetIndex = clampedIndex
         pendingIndex = clampedIndex
-        let closedTy = maximumResolvedDetentHeight ?? bounds.height
+        let closedTy = sheetContainerHeight
         sheetContainer.transform = CGAffineTransform(translationX: 0, y: closedTy)
         emitPosition()
         return
@@ -149,7 +169,7 @@ public final class BottomSheetHostingView: UIView {
       targetIndex = clampedIndex
 
       if animateIn {
-        let closedTy = maximumResolvedDetentHeight ?? bounds.height
+        let closedTy = sheetContainerHeight
         sheetContainer.transform = CGAffineTransform(translationX: 0, y: closedTy)
         emitPosition()
         snapToIndex(targetIndex, velocity: 0, emitIndexChange: false, emitSettle: true)
@@ -231,6 +251,22 @@ public final class BottomSheetHostingView: UIView {
     setNeedsLayout()
   }
 
+  public func mountSurfaceComponentView(_ childView: UIView, atIndex index: Int) {
+    surfaceView = childView
+    sheetContainer.insertSubview(childView, at: index)
+    refreshContentHeightMarker()
+    setNeedsLayout()
+  }
+
+  public func unmountSurfaceComponentView(_ childView: UIView) {
+    if surfaceView === childView {
+      surfaceView = nil
+    }
+    childView.removeFromSuperview()
+    refreshContentHeightMarker()
+    setNeedsLayout()
+  }
+
   public func resetSheetState() {
     activeAnimator?.stopAnimation(true)
     activeAnimator = nil
@@ -244,6 +280,7 @@ public final class BottomSheetHostingView: UIView {
     panStartingIndex = nil
     setContentInteractionEnabled(true)
     stopObservingContentHeightMarker()
+    surfaceView = nil
     sheetContainer.transform = .identity
     scrimView.alpha = 0
     scrimView.isHidden = true
@@ -260,7 +297,7 @@ public final class BottomSheetHostingView: UIView {
   }
 
   private func translationY(for index: Int) -> CGFloat {
-    let maxHeight = maximumResolvedDetentHeight ?? resolvedMaxDetentHeight
+    let maxHeight = sheetContainerHeight
     let snapHeight = detent(at: index).height
     return maxHeight - snapHeight
   }
@@ -297,13 +334,13 @@ public final class BottomSheetHostingView: UIView {
   }
 
   private var currentSheetHeight: CGFloat {
-    let maxHeight = maximumResolvedDetentHeight ?? resolvedMaxDetentHeight
+    let maxHeight = sheetContainerHeight
     let ty = currentTranslationY
     return maxHeight - ty
   }
 
   public var currentContentOffsetY: CGFloat {
-    let maxHeight = maximumResolvedDetentHeight ?? resolvedMaxDetentHeight
+    let maxHeight = sheetContainerHeight
     let containerTop = bounds.height - maxHeight
     let ty = currentTranslationY
     return containerTop + ty
@@ -314,7 +351,7 @@ public final class BottomSheetHostingView: UIView {
   }
 
   private func emitPosition() {
-    let maxHeight = maximumResolvedDetentHeight ?? resolvedMaxDetentHeight
+    let maxHeight = sheetContainerHeight
     let ty = currentTranslationY
     let position = maxHeight - ty
     updateScrim(forPosition: position)
@@ -414,7 +451,7 @@ public final class BottomSheetHostingView: UIView {
   }
 
   @objc private func handlePan(_ gesture: UIPanGestureRecognizer) {
-    let maxHeight = maximumResolvedDetentHeight ?? resolvedMaxDetentHeight
+    let maxHeight = sheetContainerHeight
 
     switch gesture.state {
     case .began:
@@ -576,8 +613,14 @@ public final class BottomSheetHostingView: UIView {
     return min(max(0, maxDetentHeight), bounds.height)
   }
 
-  private var maximumResolvedDetentHeight: CGFloat? {
-    detentSpecs.map(\.height).max()
+  /// Stable coordinate base for the sheet container. The container is sized to
+  /// the full available height rather than the tallest detent, so it stays a
+  /// fixed-size canvas: when content — and thus the `content` detent — shrinks,
+  /// the container does not collapse underneath the sheet, leaving room to
+  /// animate the sheet down to its new height. The surface fills this canvas, so
+  /// the area below the shrunken content stays covered throughout.
+  private var sheetContainerHeight: CGFloat {
+    resolvedMaxDetentHeight
   }
 
   private func resolveDetentSpecs() -> [DetentSpec]? {
@@ -627,7 +670,7 @@ public final class BottomSheetHostingView: UIView {
       return
     }
 
-    let previousMaxHeight = maximumResolvedDetentHeight ?? resolvedMaxDetentHeight
+    let previousMaxHeight = sheetContainerHeight
     // Whether the scrim is currently fully opaque, i.e. the sheet is settled at
     // or above the first non-zero detent. If so, a detent resize must not dip
     // the scrim while the sheet re-anchors to the new geometry.
@@ -642,7 +685,7 @@ public final class BottomSheetHostingView: UIView {
 
     if hasLaidOut, !isPanning {
       targetIndex = max(0, min(detentSpecs.count - 1, targetIndex))
-      let newMaxHeight = maximumResolvedDetentHeight ?? resolvedMaxDetentHeight
+      let newMaxHeight = sheetContainerHeight
       let targetTy = translationY(for: targetIndex)
 
       if let animator = activeAnimator {
@@ -669,21 +712,14 @@ public final class BottomSheetHostingView: UIView {
       } else {
         let currentVisibleHeight = previousMaxHeight - currentTranslationY
         let targetHeight = detent(at: targetIndex).height
-        let isContentDetent = rawDetentSpecs.indices.contains(targetIndex)
-          && rawDetentSpecs[targetIndex].kind == .content
-        let didShrink = targetHeight < currentVisibleHeight - 0.5
-        if isContentDetent, didShrink {
-          // Content shrank: snap immediately. Animating here would expose blank
-          // space below the shrunken content.
-          sheetContainer.transform = CGAffineTransform(translationX: 0, y: targetTy)
-          emitPosition()
-        } else if abs(targetHeight - currentVisibleHeight) <= 0.5 {
+        if abs(targetHeight - currentVisibleHeight) <= 0.5 {
           // No meaningful change.
           sheetContainer.transform = CGAffineTransform(translationX: 0, y: targetTy)
           emitPosition()
         } else {
-          // Detent value changed (or content grew): re-anchor at the current
-          // visible height, then animate to the new target.
+          // The content detent changed (grew or shrank): re-anchor at the
+          // current visible height, then animate to the new target. The surface
+          // covers the full sheet, so a shrink no longer exposes blank space.
           let startTy = min(max(newMaxHeight - currentVisibleHeight, 0), newMaxHeight)
           sheetContainer.transform = CGAffineTransform(translationX: 0, y: startTy)
           scrimPinnedFull = scrimPinnedFull || wasScrimFull
@@ -748,7 +784,10 @@ public final class BottomSheetHostingView: UIView {
   }
 
   private func findContentHeightMarker() -> UIView? {
-    guard let contentView = sheetContainer.subviews.first else { return nil }
+    // The surface is a sibling of the content wrapper; skip it so the marker is
+    // always read from the content, never from the surface.
+    guard let contentView = sheetContainer.subviews.first(where: { $0 !== surfaceView })
+    else { return nil }
     return contentView.subviews.last
   }
 
@@ -834,24 +873,55 @@ private extension BottomSheetHostingView {
 
     // While the sheet is fully open and only its content/detent geometry is
     // resizing, the position momentarily lags the grown detent height. Keep the
-    // scrim at full opacity instead of dipping it until the re-anchor settles.
+    // scrim pinned to the fully-open opacity instead of dipping it until the
+    // re-anchor settles.
     if scrimPinnedFull {
-      scrimView.alpha = 1
-      scrimView.isHidden = false
+      let opacity = fullyOpenScrimOpacity
+      scrimView.alpha = opacity
+      scrimView.isHidden = opacity <= 0.001
       return
     }
 
-    let threshold = firstNonZeroDetentHeight
-    let progress: CGFloat
-    if threshold <= 0 {
-      progress = 0
-    } else {
-      progress = min(1, max(0, position / threshold))
-    }
+    let progress = scrimOpacity(forPosition: position)
     scrimView.alpha = progress
     scrimView.isHidden = progress <= 0.001
   }
 
+  /// The opacity at the tallest detent, held while the sheet re-anchors.
+  private var fullyOpenScrimOpacity: CGFloat {
+    guard let maxHeight = detentSpecs.map({ $0.height }).max() else { return 1 }
+    return scrimOpacity(forPosition: maxHeight)
+  }
+
+  /// Interpolates the scrim opacity for a sheet height by bracketing it between
+  /// adjacent detent heights and lerping each detent index's configured value.
+  private func scrimOpacity(forPosition position: CGFloat) -> CGFloat {
+    guard !detentSpecs.isEmpty else { return 0 }
+    let pairs = detentSpecs.indices
+      .map { (
+        height: detentSpecs[$0].height,
+        opacity: clampOpacity(scrimOpacities[min($0, scrimOpacities.count - 1)])
+      ) }
+      .sorted { $0.height < $1.height }
+
+    guard let first = pairs.first, let last = pairs.last else { return 0 }
+    if position <= first.height { return first.opacity }
+    if position >= last.height { return last.opacity }
+
+    for i in 1 ..< pairs.count where position <= pairs[i].height {
+      let lower = pairs[i - 1]
+      let upper = pairs[i]
+      let span = upper.height - lower.height
+      let t = span <= 0 ? 1 : (position - lower.height) / span
+      return lower.opacity + (upper.opacity - lower.opacity) * t
+    }
+    return last.opacity
+  }
+
+  private func clampOpacity(_ value: CGFloat) -> CGFloat {
+    min(1, max(0, value))
+  }
+
   func updateInteractionState() {
     scrimView.isUserInteractionEnabled = modal && (closedIndex != nil) && !scrimView.isHidden
   }

package/ios/BottomSheetSurfaceComponentView.h

@@ -0,0 +1,13 @@
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+// Visual surface that sits behind the sheet content. It carries no behavior of
+// its own; the bottom sheet host identifies it by this type and owns its
+// geometry. Its React children provide the appearance only.
+@interface BottomSheetSurfaceComponentView : RCTViewComponentView
+
+@end
+
+NS_ASSUME_NONNULL_END

package/ios/BottomSheetSurfaceComponentView.mm

@@ -0,0 +1,21 @@
+#import "BottomSheetSurfaceComponentView.h"
+
+#import "../common/cpp/react/renderer/components/ReactNativeBottomSheetSpec/ComponentDescriptors.h"
+
+#import <React/RCTFabricComponentsPlugins.h>
+
+using namespace facebook::react;
+
+@implementation BottomSheetSurfaceComponentView
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<BottomSheetSurfaceViewComponentDescriptor>();
+}
+
+@end
+
+Class<RCTComponentViewProtocol> BottomSheetSurfaceViewCls(void)
+{
+  return BottomSheetSurfaceComponentView.class;
+}

package/lib/module/BottomSheet.js

@@ -3,6 +3,7 @@
 import { StyleSheet, View, useWindowDimensions } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import BottomSheetNativeComponent from './BottomSheetNativeComponent';
+import BottomSheetSurfaceNativeComponent from './BottomSheetSurfaceNativeComponent';
 import { Portal } from "./BottomSheetProvider.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export { programmatic } from "./bottomSheetUtils.js";
@@ -14,6 +15,7 @@ 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,
@@ -23,7 +25,8 @@ export const BottomSheet = ({
   onPositionChange,
   modal = false,
   disableScrollableNegotiation = false,
-  scrimColor
+  scrimColor,
+  scrimOpacities
 }) => {
   const {
     height: windowHeight
@@ -49,6 +52,10 @@ export const BottomSheet = ({
   const clampedIndex = Math.max(0, Math.min(index, nativeDetents.length - 1));
   const selectedDetentValue = detents[clampedIndex] ? resolveDetentValue(detents[clampedIndex]) : 0;
   const isCollapsed = selectedDetentValue === 0;
+  // Default the scrim opacity per detent: transparent at any closed detent,
+  // 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 handleIndexChange = event => {
     onIndexChange?.(event.nativeEvent.index);
   };
@@ -65,7 +72,7 @@ export const BottomSheet = ({
     children: /*#__PURE__*/_jsx(View, {
       pointerEvents: "box-none",
       style: StyleSheet.absoluteFill,
-      children: /*#__PURE__*/_jsx(BottomSheetNativeComponent, {
+      children: /*#__PURE__*/_jsxs(BottomSheetNativeComponent, {
         pointerEvents: "box-none",
         style: [{
           position: 'absolute',
@@ -84,10 +91,16 @@ export const BottomSheet = ({
         modal: modal,
         disableScrollableNegotiation: disableScrollableNegotiation,
         scrimColor: scrimColor,
+        scrimOpacities: resolvedScrimOpacity,
         onIndexChange: handleIndexChange,
         onSettle: handleSettle,
         onPositionChange: handlePositionChange,
-        children: /*#__PURE__*/_jsxs(View, {
+        children: [surface != null && /*#__PURE__*/_jsx(BottomSheetSurfaceNativeComponent, {
+          collapsable: false,
+          pointerEvents: "box-none",
+          style: StyleSheet.absoluteFill,
+          children: surface
+        }), /*#__PURE__*/_jsxs(View, {
           collapsable: false,
           style: {
             flex: 1,
@@ -97,7 +110,7 @@ export const BottomSheet = ({
             collapsable: false,
             pointerEvents: "none"
           })]
-        })
+        })]
       })
     })
   });

package/lib/module/BottomSheet.js.map

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

package/lib/module/BottomSheetNativeComponent.ts

@@ -19,6 +19,7 @@ export interface NativeProps extends ViewProps {
   modal: boolean;
   disableScrollableNegotiation?: boolean;
   scrimColor?: ColorValue;
+  scrimOpacities?: ReadonlyArray<CodegenTypes.Double>;
   onIndexChange?: CodegenTypes.DirectEventHandler<
     Readonly<{ index: CodegenTypes.Int32 }>
   >;

package/lib/module/BottomSheetSurfaceNativeComponent.ts

@@ -0,0 +1,9 @@
+import { codegenNativeComponent, type ViewProps } from 'react-native';
+
+// The visual surface that sits behind the sheet content. It carries no props of
+// its own: the library identifies it by component type and owns its geometry,
+// sizing it to cover the full sheet so a content shrink never exposes blank
+// space. Its React children provide the visual appearance only.
+export interface NativeProps extends ViewProps {}
+
+export default codegenNativeComponent<NativeProps>('BottomSheetSurfaceView');

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;AAIA;AACA,OAAO,MAAMC,gBAAgB,GAAIC,KAA4B,iBAC3DF,IAAA,CAACF,WAAW;EAAA,GAAKI,KAAK;EAAEC,KAAK;AAAA,CAAE,CAChC","ignoreList":[]}
+{"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":[]}

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

@@ -7,8 +7,20 @@ export { programmatic } from './bottomSheetUtils';
  * Props for the inline bottom-sheet component.
  */
 export interface BottomSheetProps {
-    /** Sheet contents, including any background or scrollable content. */
+    /** Sheet contents, including any scrollable content. */
     children: ReactNode;
+    /**
+     * Optional visual surface (background) rendered behind the content. The
+     * library sizes and positions the surface natively to cover the full sheet,
+     * independently of the content, so a shrinking content height never exposes
+     * blank space. Put a background View here instead of inside `children` when
+     * you want that shrink-safe behavior. When omitted, behavior is unchanged.
+     *
+     * Give the surface element a filling style such as `StyleSheet.absoluteFill`:
+     * it is mounted in a full-size host, so a surface sized only by its own
+     * content would collapse and not show.
+     */
+    surface?: ReactNode;
     /** Additional style applied to the native sheet host view. */
     style?: StyleProp<ViewStyle>;
     /** Snap points for the sheet. Defaults to `[0, 'content']`. */
@@ -33,7 +45,21 @@ export interface BottomSheetProps {
     disableScrollableNegotiation?: 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
+     * 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[];
 }
 /** Native bottom sheet that renders inline within the current screen layout. */
-export declare const BottomSheet: ({ children, style, detents, index, animateIn, onIndexChange, onSettle, onPositionChange, modal, disableScrollableNegotiation, scrimColor, }: BottomSheetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BottomSheet: ({ children, surface, style, detents, index, animateIn, onIndexChange, onSettle, onPositionChange, modal, disableScrollableNegotiation, scrimColor, scrimOpacities, }: 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,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzD,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;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,sEAAsE;IACtE,QAAQ,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,gEAAgE;IAChE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,gDAAgD;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,gFAAgF;AAChF,eAAO,MAAM,WAAW,GAAI,6IAYzB,gBAAgB,4CAwFlB,CAAC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzD,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;;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,gEAAgE;IAChE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,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,sKAczB,gBAAgB,4CAwGlB,CAAC"}

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

@@ -12,6 +12,7 @@ export interface NativeProps extends ViewProps {
     modal: boolean;
     disableScrollableNegotiation?: boolean;
     scrimColor?: ColorValue;
+    scrimOpacities?: ReadonlyArray<CodegenTypes.Double>;
     onIndexChange?: CodegenTypes.DirectEventHandler<Readonly<{
         index: CodegenTypes.Int32;
     }>>;

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,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,CAAA;KAAE,CAAC,CAC5C,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,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,CAAA;KAAE,CAAC,CAC5C,CAAC;CACH;;AAED,wBAAsE"}

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

@@ -0,0 +1,6 @@
+import { type ViewProps } from 'react-native';
+export interface NativeProps extends ViewProps {
+}
+declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
+export default _default;
+//# sourceMappingURL=BottomSheetSurfaceNativeComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetSurfaceNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/BottomSheetSurfaceNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMtE,MAAM,WAAW,WAAY,SAAQ,SAAS;CAAG;;AAEjD,wBAA6E"}

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,qBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;CAAG;AAE5C,gEAAgE;AAChE,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CAE5D,CAAC"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swmansion/react-native-bottom-sheet",
-  "version": "0.10.2",
+  "version": "0.12.0",
   "description": "Provides bottom-sheet components for React Native.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -33,7 +33,7 @@
     "!**/.*"
   ],
   "scripts": {
-    "example": "yarn workspace @swmansion/react-native-bottom-sheet-example",
+    "example": "bun run --filter @swmansion/react-native-bottom-sheet-example",
     "clean": "del-cli lib",
     "prepare": "lefthook install && bob build",
     "typecheck": "tsc",
@@ -58,23 +58,23 @@
     "registry": "https://registry.npmjs.org"
   },
   "devDependencies": {
-    "@eslint/compat": "1.4.1",
-    "@eslint/eslintrc": "3.3.3",
-    "@eslint/js": "9.39.2",
-    "@react-native/babel-preset": "0.83.0",
-    "@react-native/eslint-config": "0.83.0",
-    "@types/react": "19.2.14",
+    "@eslint/compat": "2.1.0",
+    "@eslint/eslintrc": "3.3.5",
+    "@eslint/js": "9.39.4",
+    "@react-native/babel-preset": "0.85.3",
+    "@react-native/eslint-config": "0.85.3",
+    "@types/react": "19.2.15",
     "babel-plugin-react-compiler": "1.0.0",
     "del-cli": "6.0.0",
-    "eslint": "9.39.2",
+    "eslint": "9.39.4",
     "eslint-config-prettier": "10.1.8",
-    "eslint-plugin-prettier": "5.5.5",
-    "lefthook": "2.1.6",
-    "prettier": "2.8.8",
-    "react": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-builder-bob": "0.40.18",
-    "react-native-safe-area-context": "5.6.2",
+    "eslint-plugin-prettier": "5.5.6",
+    "lefthook": "2.1.9",
+    "prettier": "3.8.3",
+    "react": "19.2.3",
+    "react-native": "0.85.3",
+    "react-native-builder-bob": "0.41.0",
+    "react-native-safe-area-context": "5.7.0",
     "typescript": "5.9.3"
   },
   "peerDependencies": {
@@ -85,7 +85,7 @@
   "workspaces": [
     "example"
   ],
-  "packageManager": "yarn@4.11.0",
+  "packageManager": "bun@1.3.14",
   "react-native-builder-bob": {
     "source": "src",
     "output": "lib",
@@ -110,7 +110,8 @@
     "jsSrcsDir": "src",
     "ios": {
       "componentProvider": {
-        "BottomSheetView": "BottomSheetComponentView"
+        "BottomSheetView": "BottomSheetComponentView",
+        "BottomSheetSurfaceView": "BottomSheetSurfaceComponentView"
       }
     },
     "android": {
@@ -118,6 +119,7 @@
     }
   },
   "prettier": {
+    "proseWrap": "always",
     "quoteProps": "consistent",
     "singleQuote": true,
     "tabWidth": 2,

package/react-native.config.js

@@ -3,7 +3,10 @@ module.exports = {
     platforms: {
       android: {
         libraryName: 'ReactNativeBottomSheetSpec',
-        componentDescriptors: ['BottomSheetViewComponentDescriptor'],
+        componentDescriptors: [
+          'BottomSheetViewComponentDescriptor',
+          'BottomSheetSurfaceViewComponentDescriptor',
+        ],
         cmakeListsPath: 'src/main/jni/CMakeLists.txt',
       },
     },