@lodev09/react-native-true-sheet 3.10.0-beta.2 → 3.10.0-beta.4

package/README.md

@@ -1,4 +1,4 @@
-# React Native True Sheet
+# React Native TrueSheet
 
 [![CI](https://github.com/lodev09/react-native-true-sheet/actions/workflows/checks.yml/badge.svg)](https://github.com/lodev09/react-native-true-sheet/actions/workflows/checks.yml)
 [![NPM Downloads](https://img.shields.io/npm/d18m/%40lodev09%2Freact-native-true-sheet)](https://www.npmjs.com/package/@lodev09/react-native-true-sheet)
@@ -98,6 +98,16 @@ export const App = () => {
 }
 ```
 
+## AI Skills
+
+Skills are reusable AI capabilities that give your AI coding agent knowledge about TrueSheet. With the right skill loaded, your agent can pick the right patterns, avoid common mistakes, and generate correct code without you having to explain the library every time.
+
+```sh
+npx skills add lodev09/react-native-true-sheet
+```
+
+This will install the **TrueSheet Usage** skill into your project.
+
 ## That map is awesome!
 
 Yes it is! Checkout [`@lugg/maps`](https://github.com/lugg/maps), a universal maps library for React Native that I'm developing at [Lugg](https://lugg.com).

package/android/src/main/java/com/lodev09/truesheet/core/TrueSheetGrabberView.kt

@@ -11,6 +11,7 @@ import android.view.View
 import android.view.accessibility.AccessibilityNodeInfo
 import android.widget.FrameLayout
 import androidx.core.graphics.ColorUtils
+import androidx.core.view.ViewCompat
 import com.facebook.react.uimanager.PixelUtil.dpToPx
 
 /**
@@ -131,12 +132,13 @@ class TrueSheetGrabberView(context: Context, private val options: GrabberOptions
   }
 
   fun updateAccessibilityValue(index: Int, detentCount: Int) {
-    stateDescription = when {
+    val description: CharSequence? = when {
       index < 0 || detentCount <= 0 -> null
       index >= detentCount - 1 -> "Expanded"
       index == 0 -> "Collapsed"
       else -> "Detent ${index + 1} of $detentCount"
     }
+    ViewCompat.setStateDescription(this, description)
   }
 
   private fun getAdaptiveColor(baseColor: Int? = null): Int {

package/ios/TrueSheetContainerView.h

@@ -10,6 +10,7 @@
 
 #import <React/RCTViewComponentView.h>
 #import <UIKit/UIKit.h>
+#import <react/renderer/components/TrueSheetSpec/Props.h>
 
 NS_ASSUME_NONNULL_BEGIN
 
@@ -17,8 +18,8 @@ NS_ASSUME_NONNULL_BEGIN
 
 @property (nonatomic, assign) CGFloat keyboardScrollOffset;
 @property (nonatomic, assign) BOOL scrollingExpandsSheet;
-@property (nonatomic, assign) NSInteger topScrollEdgeEffect;
-@property (nonatomic, assign) NSInteger bottomScrollEdgeEffect;
+@property (nonatomic, assign) facebook::react::TrueSheetViewTopScrollEdgeEffect topScrollEdgeEffect;
+@property (nonatomic, assign) facebook::react::TrueSheetViewBottomScrollEdgeEffect bottomScrollEdgeEffect;
 
 @end
 
@@ -48,7 +49,7 @@ NS_ASSUME_NONNULL_BEGIN
 /**
  * Inset adjustment mode for scrollable content
  */
-@property (nonatomic, assign) NSInteger insetAdjustment;
+@property (nonatomic, assign) facebook::react::TrueSheetViewInsetAdjustment insetAdjustment;
 
 /**
  * Options for scrollable behavior

package/ios/TrueSheetContainerView.mm

@@ -35,15 +35,17 @@ using namespace facebook::react;
   if (self = [super init]) {
     _keyboardScrollOffset = 0;
     _scrollingExpandsSheet = YES;
-    _topScrollEdgeEffect = (NSInteger)TrueSheetViewTopScrollEdgeEffect::Hidden;
-    _bottomScrollEdgeEffect = (NSInteger)TrueSheetViewBottomScrollEdgeEffect::Hidden;
+    _topScrollEdgeEffect = TrueSheetViewTopScrollEdgeEffect::Hidden;
+    _bottomScrollEdgeEffect = TrueSheetViewBottomScrollEdgeEffect::Hidden;
   }
   return self;
 }
 
 @end
 
-@interface TrueSheetContainerView () <TrueSheetContentViewDelegate, TrueSheetHeaderViewDelegate>
+@interface TrueSheetContainerView () <TrueSheetContentViewDelegate,
+  TrueSheetHeaderViewDelegate,
+  TrueSheetFooterViewDelegate>
 @end
 
 @implementation TrueSheetContainerView {
@@ -111,7 +113,7 @@ using namespace facebook::react;
 - (void)setupScrollable {
   if (_scrollableSet && _contentView) {
     CGFloat bottomInset = 0;
-    if (_insetAdjustment == (NSInteger)TrueSheetViewInsetAdjustment::Automatic) {
+    if (_insetAdjustment == TrueSheetViewInsetAdjustment::Automatic) {
       bottomInset = [WindowUtil keyWindow].safeAreaInsets.bottom;
     }
     [_contentView setupScrollable:_scrollableEnabled bottomInset:bottomInset];
@@ -127,13 +129,13 @@ using namespace facebook::react;
     return;
   }
 
-  NSInteger topEffect =
-    _scrollableOptions ? _scrollableOptions.topScrollEdgeEffect : (NSInteger)TrueSheetViewTopScrollEdgeEffect::Hidden;
-  NSInteger bottomEffect = _scrollableOptions ? _scrollableOptions.bottomScrollEdgeEffect
-                                              : (NSInteger)TrueSheetViewBottomScrollEdgeEffect::Hidden;
+  auto topEffect =
+    _scrollableOptions ? _scrollableOptions.topScrollEdgeEffect : TrueSheetViewTopScrollEdgeEffect::Hidden;
+  auto bottomEffect =
+    _scrollableOptions ? _scrollableOptions.bottomScrollEdgeEffect : TrueSheetViewBottomScrollEdgeEffect::Hidden;
 
-  BOOL topHidden = topEffect == (NSInteger)TrueSheetViewTopScrollEdgeEffect::Hidden;
-  BOOL bottomHidden = bottomEffect == (NSInteger)TrueSheetViewBottomScrollEdgeEffect::Hidden;
+  BOOL topHidden = topEffect == TrueSheetViewTopScrollEdgeEffect::Hidden;
+  BOOL bottomHidden = bottomEffect == TrueSheetViewBottomScrollEdgeEffect::Hidden;
 
   RCTScrollViewComponentView *scrollViewComponent = [_contentView findScrollView];
   UIScrollView *scrollView = scrollViewComponent.scrollView;
@@ -176,6 +178,7 @@ using namespace facebook::react;
       return;
     }
     _footerView = (TrueSheetFooterView *)childComponentView;
+    _footerView.delegate = self;
   }
 }
 
@@ -192,6 +195,7 @@ using namespace facebook::react;
   }
 
   if ([childComponentView isKindOfClass:[TrueSheetFooterView class]]) {
+    _footerView.delegate = nil;
     _footerView = nil;
   }
 
@@ -222,6 +226,17 @@ using namespace facebook::react;
 
 - (void)headerViewDidChangeSize:(CGSize)newSize {
   [self.delegate containerViewHeaderDidChangeSize:newSize];
+  if (@available(iOS 26.0, *)) {
+    [self setupEdgeInteractions];
+  }
+}
+
+#pragma mark - TrueSheetFooterViewDelegate
+
+- (void)footerViewDidChangeSize:(CGSize)newSize {
+  if (@available(iOS 26.0, *)) {
+    [self setupEdgeInteractions];
+  }
 }
 
 #pragma mark - Keyboard Observer

package/ios/TrueSheetContentView.mm

@@ -211,32 +211,32 @@ using namespace facebook::react;
 
   if (@available(iOS 26.0, *)) {
     UIScrollView *scrollView = _pinnedScrollView.scrollView;
-    NSInteger topEffect = options ? options.topScrollEdgeEffect : (NSInteger)TrueSheetViewTopScrollEdgeEffect::Hidden;
-    NSInteger bottomEffect =
-      options ? options.bottomScrollEdgeEffect : (NSInteger)TrueSheetViewBottomScrollEdgeEffect::Hidden;
+    auto topEffect = options ? options.topScrollEdgeEffect : TrueSheetViewTopScrollEdgeEffect::Hidden;
+    auto bottomEffect = options ? options.bottomScrollEdgeEffect : TrueSheetViewBottomScrollEdgeEffect::Hidden;
 
     [self applyEdgeEffect:topEffect toEdge:scrollView.topEdgeEffect];
-    [self applyEdgeEffect:bottomEffect toEdge:scrollView.bottomEdgeEffect];
+    [self applyEdgeEffect:(TrueSheetViewTopScrollEdgeEffect)bottomEffect toEdge:scrollView.bottomEdgeEffect];
   }
 #endif
 }
 
 #if RNTS_IPHONE_OS_VERSION_AVAILABLE(26_0)
-- (void)applyEdgeEffect:(NSInteger)effect toEdge:(UIScrollEdgeEffect *)edgeEffect API_AVAILABLE(ios(26.0)) {
+- (void)applyEdgeEffect:(TrueSheetViewTopScrollEdgeEffect)effect
+                 toEdge:(UIScrollEdgeEffect *)edgeEffect API_AVAILABLE(ios(26.0)) {
   switch (effect) {
-    case (NSInteger)TrueSheetViewTopScrollEdgeEffect::Automatic:
+    case TrueSheetViewTopScrollEdgeEffect::Automatic:
       edgeEffect.hidden = NO;
       edgeEffect.style = UIScrollEdgeEffectStyle.automaticStyle;
       break;
-    case (NSInteger)TrueSheetViewTopScrollEdgeEffect::Hard:
+    case TrueSheetViewTopScrollEdgeEffect::Hard:
       edgeEffect.hidden = NO;
       edgeEffect.style = UIScrollEdgeEffectStyle.hardStyle;
       break;
-    case (NSInteger)TrueSheetViewTopScrollEdgeEffect::Soft:
+    case TrueSheetViewTopScrollEdgeEffect::Soft:
       edgeEffect.hidden = NO;
       edgeEffect.style = UIScrollEdgeEffectStyle.softStyle;
       break;
-    case (NSInteger)TrueSheetViewTopScrollEdgeEffect::Hidden:
+    case TrueSheetViewTopScrollEdgeEffect::Hidden:
       edgeEffect.hidden = YES;
       break;
   }

package/ios/TrueSheetFooterView.h

@@ -17,9 +17,15 @@
 
 NS_ASSUME_NONNULL_BEGIN
 
+@protocol TrueSheetFooterViewDelegate <NSObject>
+@optional
+- (void)footerViewDidChangeSize:(CGSize)size;
+@end
+
 @interface TrueSheetFooterView : RCTViewComponentView <TrueSheetKeyboardObserverDelegate>
 
 @property (nonatomic, weak, nullable) TrueSheetKeyboardObserver *keyboardObserver;
+@property (nonatomic, weak, nullable) id<TrueSheetFooterViewDelegate> delegate;
 
 - (void)setupConstraintsWithHeight:(CGFloat)height;
 

package/ios/TrueSheetFooterView.mm

@@ -92,6 +92,7 @@ using namespace facebook::react;
 
   if (height != _lastHeight) {
     [self setupConstraintsWithHeight:height];
+    [self.delegate footerViewDidChangeSize:CGSizeMake(layoutMetrics.frame.size.width, height)];
   }
 }
 

package/ios/TrueSheetView.mm

@@ -51,7 +51,7 @@ using namespace facebook::react;
   UIView *_snapshotView;
   CGSize _lastStateSize;
   NSInteger _initialDetentIndex;
-  NSInteger _insetAdjustment;
+  TrueSheetViewInsetAdjustment _insetAdjustment;
   BOOL _scrollable;
   ScrollableOptions *_scrollableOptions;
   BOOL _initialDetentAnimated;
@@ -185,7 +185,7 @@ using namespace facebook::react;
   _controller.backgroundColor = RCTUIColorFromSharedColor(newProps.backgroundColor);
 
   // Blur tint
-  _controller.backgroundBlur = (NSInteger)newProps.backgroundBlur;
+  _controller.backgroundBlur = newProps.backgroundBlur;
 
   // Blur options
   const auto &blurOpts = newProps.blurOptions;
@@ -202,7 +202,7 @@ using namespace facebook::react;
   _controller.maxContentWidth = newProps.maxContentWidth != 0.0 ? @(newProps.maxContentWidth) : nil;
 
   // Anchor
-  _controller.anchor = (NSInteger)newProps.anchor;
+  _controller.anchor = newProps.anchor;
 
   _controller.grabber = newProps.grabber;
 
@@ -245,11 +245,11 @@ using namespace facebook::react;
 
   const auto &scrollableOpts = newProps.scrollableOptions;
   BOOL scrollingExpandsSheet = scrollableOpts.scrollingExpandsSheet;
-  NSInteger topEdgeEffect = (NSInteger)scrollableOpts.topScrollEdgeEffect;
-  NSInteger bottomEdgeEffect = (NSInteger)scrollableOpts.bottomScrollEdgeEffect;
+  auto topEdgeEffect = scrollableOpts.topScrollEdgeEffect;
+  auto bottomEdgeEffect = scrollableOpts.bottomScrollEdgeEffect;
   BOOL hasScrollableOptions = scrollableOpts.keyboardScrollOffset > 0 || !scrollingExpandsSheet ||
-                              topEdgeEffect != (NSInteger)TrueSheetViewTopScrollEdgeEffect::Hidden ||
-                              bottomEdgeEffect != (NSInteger)TrueSheetViewBottomScrollEdgeEffect::Hidden;
+                              topEdgeEffect != TrueSheetViewTopScrollEdgeEffect::Hidden ||
+                              bottomEdgeEffect != TrueSheetViewBottomScrollEdgeEffect::Hidden;
 
   if (hasScrollableOptions) {
     ScrollableOptions *options = [[ScrollableOptions alloc] init];
@@ -264,7 +264,7 @@ using namespace facebook::react;
 
   _controller.scrollingExpandsSheet = scrollingExpandsSheet;
 
-  _insetAdjustment = (NSInteger)newProps.insetAdjustment;
+  _insetAdjustment = newProps.insetAdjustment;
   _controller.insetAdjustment = _insetAdjustment;
 
   [self setupScrollable];

package/ios/TrueSheetViewController.h

@@ -7,6 +7,7 @@
 //
 
 #import <UIKit/UIKit.h>
+#import <react/renderer/components/TrueSheetSpec/Props.h>
 #import "core/TrueSheetDetentCalculator.h"
 #import "core/TrueSheetGrabberView.h"
 
@@ -63,12 +64,12 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic, assign) BOOL draggable;
 @property (nonatomic, assign) BOOL dimmed;
 @property (nonatomic, strong, nullable) NSNumber *dimmedDetentIndex;
-@property (nonatomic, assign) NSInteger backgroundBlur;
+@property (nonatomic, assign) facebook::react::TrueSheetViewBackgroundBlur backgroundBlur;
 @property (nonatomic, strong, nullable) NSNumber *blurIntensity;
 @property (nonatomic, assign) BOOL blurInteraction;
 @property (nonatomic, assign) BOOL pageSizing;
-@property (nonatomic, assign) NSInteger anchor;
-@property (nonatomic, assign) NSInteger insetAdjustment;
+@property (nonatomic, assign) facebook::react::TrueSheetViewAnchor anchor;
+@property (nonatomic, assign) facebook::react::TrueSheetViewInsetAdjustment insetAdjustment;
 @property (nonatomic, assign) BOOL scrollingExpandsSheet;
 @property (nonatomic, assign) BOOL dismissible;
 @property (nonatomic, assign) BOOL isPresented;

package/ios/TrueSheetViewController.mm

@@ -87,7 +87,7 @@ static BOOL TrueSheetPositionStateEquals(TrueSheetPositionState a, TrueSheetPosi
     _isTrackingPositionFromLayout = NO;
 
     _blurInteraction = YES;
-    _insetAdjustment = (NSInteger)TrueSheetViewInsetAdjustment::Automatic;
+    _insetAdjustment = TrueSheetViewInsetAdjustment::Automatic;
     _detentCalculator = [[TrueSheetDetentCalculator alloc] init];
     _detentCalculator.delegate = self;
   }
@@ -128,7 +128,7 @@ static BOOL TrueSheetPositionStateEquals(TrueSheetPositionState a, TrueSheetPosi
 }
 
 - (CGFloat)detentBottomAdjustmentForHeight:(CGFloat)height {
-  if (_insetAdjustment == (NSInteger)TrueSheetViewInsetAdjustment::Automatic) {
+  if (_insetAdjustment == TrueSheetViewInsetAdjustment::Automatic) {
     return 0;
   }
 
@@ -200,6 +200,8 @@ static BOOL TrueSheetPositionStateEquals(TrueSheetPositionState a, TrueSheetPosi
 - (void)viewWillAppear:(BOOL)animated {
   [super viewWillAppear:animated];
 
+  _blurView.alpha = 1;
+
   if (!_isPresented) {
     UIViewController *presenter = self.presentingViewController;
     if ([presenter isKindOfClass:[TrueSheetViewController class]]) {
@@ -475,6 +477,12 @@ static BOOL TrueSheetPositionStateEquals(TrueSheetPositionState a, TrueSheetPosi
     if (self.currentPosition >= self.screenHeight) {
       CGFloat position = fmax(_lastEmittedPositionState.position, layerPosition);
 
+      // Hide blur at the end of dismiss to prevent UIVisualEffectView
+      // from causing a flicker/flash at the bottom edge of the sheet.
+      if (self.screenHeight - position < 1) {
+        _blurView.alpha = 0;
+      }
+
       [self emitWillDismissEvents];
       [self emitChangePositionDelegateWithPosition:position realtime:YES debug:@"transition out"];
 
@@ -717,16 +725,16 @@ static BOOL TrueSheetPositionStateEquals(TrueSheetPositionState a, TrueSheetPosi
 }
 
 - (void)setupBackground {
-  NSInteger effectiveBackgroundBlur = self.backgroundBlur;
+  auto effectiveBackgroundBlur = self.backgroundBlur;
   if (@available(iOS 26.0, *)) {
     // iOS 26+ has default liquid glass effect
-  } else if (effectiveBackgroundBlur == (NSInteger)TrueSheetViewBackgroundBlur::None && !self.backgroundColor) {
-    effectiveBackgroundBlur = (NSInteger)TrueSheetViewBackgroundBlur::SystemMaterial;
+  } else if (effectiveBackgroundBlur == TrueSheetViewBackgroundBlur::None && !self.backgroundColor) {
+    effectiveBackgroundBlur = TrueSheetViewBackgroundBlur::SystemMaterial;
   }
 
-  BOOL hasBlur = effectiveBackgroundBlur != (NSInteger)TrueSheetViewBackgroundBlur::None;
+  BOOL hasBlur = effectiveBackgroundBlur != TrueSheetViewBackgroundBlur::None;
 
-  _blurView.backgroundBlur = hasBlur ? effectiveBackgroundBlur : (NSInteger)TrueSheetViewBackgroundBlur::None;
+  _blurView.backgroundBlur = hasBlur ? effectiveBackgroundBlur : TrueSheetViewBackgroundBlur::None;
   _blurView.blurIntensity = self.blurIntensity;
   _blurView.blurInteraction = self.blurInteraction;
   [_blurView applyBlurEffect];
@@ -825,7 +833,7 @@ static BOOL TrueSheetPositionStateEquals(TrueSheetPositionState a, TrueSheetPosi
 }
 
 - (BOOL)isAnchored {
-  return self.anchor == (NSInteger)TrueSheetViewAnchor::Left || self.anchor == (NSInteger)TrueSheetViewAnchor::Right;
+  return self.anchor == TrueSheetViewAnchor::Left || self.anchor == TrueSheetViewAnchor::Right;
 }
 
 - (void)setupAnchorViewInView:(UIView *)parentView {
@@ -846,7 +854,7 @@ static BOOL TrueSheetPositionStateEquals(TrueSheetPositionState a, TrueSheetPosi
   [parentView addSubview:_anchorView];
 
   NSLayoutAnchor *horizontalAnchor =
-    self.anchor == (NSInteger)TrueSheetViewAnchor::Right ? parentView.trailingAnchor : parentView.leadingAnchor;
+    self.anchor == TrueSheetViewAnchor::Right ? parentView.trailingAnchor : parentView.leadingAnchor;
 
   [NSLayoutConstraint activateConstraints:@[
     [_anchorView.bottomAnchor constraintEqualToAnchor:parentView.bottomAnchor],

package/ios/core/TrueSheetBlurView.h

@@ -7,12 +7,13 @@
 //
 
 #import <UIKit/UIKit.h>
+#import <react/renderer/components/TrueSheetSpec/Props.h>
 
 NS_ASSUME_NONNULL_BEGIN
 
 @interface TrueSheetBlurView : UIVisualEffectView
 
-@property (nonatomic, assign) NSInteger backgroundBlur;
+@property (nonatomic, assign) facebook::react::TrueSheetViewBackgroundBlur backgroundBlur;
 @property (nonatomic, strong, nullable) NSNumber *blurIntensity;
 @property (nonatomic, assign) BOOL blurInteraction;
 

package/ios/core/TrueSheetBlurView.mm

@@ -48,7 +48,7 @@ using namespace facebook::react;
 - (void)applyBlurEffect {
   self.userInteractionEnabled = self.blurInteraction;
 
-  if (self.backgroundBlur == (NSInteger)TrueSheetViewBackgroundBlur::None) {
+  if (self.backgroundBlur == TrueSheetViewBackgroundBlur::None) {
     [self clearAnimator];
     self.effect = nil;
     return;

package/ios/utils/BlurUtil.h

@@ -9,12 +9,13 @@
 #ifdef RCT_NEW_ARCH_ENABLED
 
 #import <UIKit/UIKit.h>
+#import <react/renderer/components/TrueSheetSpec/Props.h>
 
 NS_ASSUME_NONNULL_BEGIN
 
 @interface BlurUtil : NSObject
 
-+ (UIBlurEffectStyle)blurEffectStyleFromEnum:(NSInteger)blur;
++ (UIBlurEffectStyle)blurEffectStyleFromEnum:(facebook::react::TrueSheetViewBackgroundBlur)blur;
 
 @end
 

package/ios/utils/BlurUtil.mm

@@ -16,8 +16,8 @@ using namespace facebook::react;
 
 @implementation BlurUtil
 
-+ (UIBlurEffectStyle)blurEffectStyleFromEnum:(NSInteger)blur {
-  switch ((TrueSheetViewBackgroundBlur)blur) {
++ (UIBlurEffectStyle)blurEffectStyleFromEnum:(TrueSheetViewBackgroundBlur)blur {
+  switch (blur) {
     case TrueSheetViewBackgroundBlur::Dark:
       return UIBlurEffectStyleDark;
     case TrueSheetViewBackgroundBlur::ExtraLight:

package/lib/module/navigation/createTrueSheetNavigator.js

@@ -8,8 +8,10 @@ const TrueSheetNavigator = ({
   id,
   initialRouteName,
   children,
+  layout,
   screenListeners,
-  screenOptions
+  screenOptions,
+  screenLayout
 }) => {
   const {
     state,
@@ -20,8 +22,10 @@ const TrueSheetNavigator = ({
     id,
     initialRouteName,
     children,
+    layout,
     screenListeners,
-    screenOptions
+    screenOptions,
+    screenLayout
   });
   return /*#__PURE__*/_jsx(NavigationContent, {
     children: /*#__PURE__*/_jsx(TrueSheetView, {

package/lib/module/navigation/createTrueSheetNavigator.js.map

@@ -1 +1 @@
-{"version":3,"names":["createNavigatorFactory","useNavigationBuilder","TrueSheetRouter","TrueSheetView","jsx","_jsx","TrueSheetNavigator","id","initialRouteName","children","screenListeners","screenOptions","state","descriptors","navigation","NavigationContent","createTrueSheetNavigator","config"],"sourceRoot":"../../../src","sources":["navigation/createTrueSheetNavigator.tsx"],"mappings":";;AAAA,SACEA,sBAAsB,EAKtBC,oBAAoB,QACf,0BAA0B;AAEjC,SAASC,eAAe,QAAqC,sBAAmB;AAChF,SAASC,aAAa,QAAQ,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUhD,MAAMC,kBAAkB,GAAGA,CAAC;EAC1BC,EAAE;EACFC,gBAAgB;EAChBC,QAAQ;EACRC,eAAe;EACfC;AACuB,CAAC,KAAK;EAC7B,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAkB,CAAC,GAAGd,oBAAoB,CAMhFC,eAAe,EAAE;IACjBK,EAAE;IACFC,gBAAgB;IAChBC,QAAQ;IACRC,eAAe;IACfC;EACF,CAAC,CAAC;EAEF,oBACEN,IAAA,CAACU,iBAAiB;IAAAN,QAAA,eAChBJ,IAAA,CAACF,aAAa;MAACS,KAAK,EAAEA,KAAM;MAACE,UAAU,EAAEA,UAAW;MAACD,WAAW,EAAEA;IAAY,CAAE;EAAC,CAChE,CAAC;AAExB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,wBAAwB,GAgBnCC,MAAe,IACqB;EACpC,OAAOjB,sBAAsB,CAACM,kBAAkB,CAAC,CAACW,MAAM,CAAC;AAC3D,CAAC","ignoreList":[]}
+{"version":3,"names":["createNavigatorFactory","useNavigationBuilder","TrueSheetRouter","TrueSheetView","jsx","_jsx","TrueSheetNavigator","id","initialRouteName","children","layout","screenListeners","screenOptions","screenLayout","state","descriptors","navigation","NavigationContent","createTrueSheetNavigator","config"],"sourceRoot":"../../../src","sources":["navigation/createTrueSheetNavigator.tsx"],"mappings":";;AAAA,SACEA,sBAAsB,EAKtBC,oBAAoB,QACf,0BAA0B;AAEjC,SAASC,eAAe,QAAqC,sBAAmB;AAChF,SAASC,aAAa,QAAQ,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUhD,MAAMC,kBAAkB,GAAGA,CAAC;EAC1BC,EAAE;EACFC,gBAAgB;EAChBC,QAAQ;EACRC,MAAM;EACNC,eAAe;EACfC,aAAa;EACbC;AACuB,CAAC,KAAK;EAC7B,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAkB,CAAC,GAAGhB,oBAAoB,CAMhFC,eAAe,EAAE;IACjBK,EAAE;IACFC,gBAAgB;IAChBC,QAAQ;IACRC,MAAM;IACNC,eAAe;IACfC,aAAa;IACbC;EACF,CAAC,CAAC;EAEF,oBACER,IAAA,CAACY,iBAAiB;IAAAR,QAAA,eAChBJ,IAAA,CAACF,aAAa;MAACW,KAAK,EAAEA,KAAM;MAACE,UAAU,EAAEA,UAAW;MAACD,WAAW,EAAEA;IAAY,CAAE;EAAC,CAChE,CAAC;AAExB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,wBAAwB,GAgBnCC,MAAe,IACqB;EACpC,OAAOnB,sBAAsB,CAACM,kBAAkB,CAAC,CAACa,MAAM,CAAC;AAC3D,CAAC","ignoreList":[]}

package/lib/typescript/src/navigation/createTrueSheetNavigator.d.ts

@@ -1,6 +1,6 @@
 import { type NavigatorTypeBagBase, type ParamListBase, type StaticConfig, type TypedNavigator } from '@react-navigation/native';
 import type { TrueSheetNavigationEventMap, TrueSheetNavigationOptions, TrueSheetNavigationProp, TrueSheetNavigationState, TrueSheetNavigatorProps } from './types';
-declare const TrueSheetNavigator: ({ id, initialRouteName, children, screenListeners, screenOptions, }: TrueSheetNavigatorProps) => import("react/jsx-runtime").JSX.Element;
+declare const TrueSheetNavigator: ({ id, initialRouteName, children, layout, screenListeners, screenOptions, screenLayout, }: TrueSheetNavigatorProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Creates a TrueSheet navigator.
  *

package/lib/typescript/src/navigation/createTrueSheetNavigator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTrueSheetNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigation/createTrueSheetNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,cAAc,EAEpB,MAAM,0BAA0B,CAAC;AAIlC,OAAO,KAAK,EAEV,2BAA2B,EAC3B,0BAA0B,EAC1B,uBAAuB,EACvB,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,QAAA,MAAM,kBAAkB,GAAI,qEAMzB,uBAAuB,4CAoBzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,wBAAwB,GACnC,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACxD,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG;IAC3C,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,wBAAwB,CAAC,SAAS,CAAC,CAAC;IAC3C,aAAa,EAAE,0BAA0B,CAAC;IAC1C,QAAQ,EAAE,2BAA2B,CAAC;IACtC,cAAc,EAAE,GACb,SAAS,IAAI,MAAM,SAAS,GAAG,uBAAuB,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC,GAC3F,CAAC;IACF,SAAS,EAAE,OAAO,kBAAkB,CAAC;CACtC,EACD,KAAK,CAAC,MAAM,SAAS,YAAY,CAAC,OAAO,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,EAElE,SAAS,MAAM,KACd,cAAc,CAAC,OAAO,EAAE,MAAM,CAEhC,CAAC"}
+{"version":3,"file":"createTrueSheetNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigation/createTrueSheetNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,cAAc,EAEpB,MAAM,0BAA0B,CAAC;AAIlC,OAAO,KAAK,EAEV,2BAA2B,EAC3B,0BAA0B,EAC1B,uBAAuB,EACvB,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,QAAA,MAAM,kBAAkB,GAAI,2FAQzB,uBAAuB,4CAsBzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,wBAAwB,GACnC,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACxD,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG;IAC3C,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,wBAAwB,CAAC,SAAS,CAAC,CAAC;IAC3C,aAAa,EAAE,0BAA0B,CAAC;IAC1C,QAAQ,EAAE,2BAA2B,CAAC;IACtC,cAAc,EAAE,GACb,SAAS,IAAI,MAAM,SAAS,GAAG,uBAAuB,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC,GAC3F,CAAC;IACF,SAAS,EAAE,OAAO,kBAAkB,CAAC;CACtC,EACD,KAAK,CAAC,MAAM,SAAS,YAAY,CAAC,OAAO,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,EAElE,SAAS,MAAM,KACd,cAAc,CAAC,OAAO,EAAE,MAAM,CAEhC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lodev09/react-native-true-sheet",
-  "version": "3.10.0-beta.2",
+  "version": "3.10.0-beta.4",
   "description": "The true native bottom sheet experience for your React Native Apps.",
   "source": "./src/index.ts",
   "main": "./lib/module/index.js",
@@ -89,14 +89,14 @@
     "@eslint/js": "^9.35.0",
     "@evilmartians/lefthook": "^2.0.4",
     "@gorhom/bottom-sheet": "^5.2.8",
-    "@react-native/babel-preset": "^0.82.1",
-    "@react-native/eslint-config": "^0.82.1",
+    "@react-native/babel-preset": "^0.83.4",
+    "@react-native/eslint-config": "^0.83.4",
     "@react-navigation/native": "^7.1.6",
     "@release-it/conventional-changelog": "^10.0.1",
     "@testing-library/react-native": "^13.3.3",
     "@types/babel__core": "^7",
     "@types/jest": "^29.5.14",
-    "@types/react": "19.1.1",
+    "@types/react": "~19.2.10",
     "commitlint": "^19.8.1",
     "del-cli": "^6.0.0",
     "eslint": "^9.35.0",
@@ -105,20 +105,20 @@
     "jest": "^29.7.0",
     "nanoid": "^5.1.5",
     "prettier": "^3.0.3",
-    "react": "19.1.1",
-    "react-native": "0.82.1",
+    "react": "19.2.0",
+    "react-native": "0.83.4",
     "react-native-builder-bob": "^0.40.15",
-    "react-native-reanimated": "^4.2.0",
-    "react-native-worklets": "^0.7.0",
-    "react-test-renderer": "19.1.1",
+    "react-native-reanimated": "4.2.1",
+    "react-native-worklets": "0.7.2",
+    "react-test-renderer": "19.2.0",
     "release-it": "^19.0.4",
     "turbo": "^2.5.6",
     "typescript": "^5.9.2"
   },
   "resolutions": {
-    "@types/react": "19.1.1",
-    "react-native-reanimated": "^4.2.0",
-    "react-native-worklets": "^0.7.0"
+    "@types/react": "~19.2.10",
+    "react-native-reanimated": "4.2.1",
+    "react-native-worklets": "0.7.2"
   },
   "peerDependencies": {
     "@gorhom/bottom-sheet": ">=5",

package/src/navigation/createTrueSheetNavigator.tsx

@@ -22,8 +22,10 @@ const TrueSheetNavigator = ({
   id,
   initialRouteName,
   children,
+  layout,
   screenListeners,
   screenOptions,
+  screenLayout,
 }: TrueSheetNavigatorProps) => {
   const { state, descriptors, navigation, NavigationContent } = useNavigationBuilder<
     TrueSheetNavigationState<ParamListBase>,
@@ -35,8 +37,10 @@ const TrueSheetNavigator = ({
     id,
     initialRouteName,
     children,
+    layout,
     screenListeners,
     screenOptions,
+    screenLayout,
   });
 
   return (