@lodev09/react-native-true-sheet 3.8.0-beta.1 → 3.8.0-beta.3

package/lib/typescript/src/reanimated/ReanimatedTrueSheet.web.d.ts

@@ -1,4 +1,5 @@
-import type { TrueSheetProps, TrueSheetRef } from '../TrueSheet.types';
+import { TrueSheet } from '../TrueSheet';
+import type { TrueSheetProps } from '../TrueSheet.types';
 interface ReanimatedTrueSheetProps extends TrueSheetProps {
     /**
      * Callback for position changes.
@@ -18,7 +19,7 @@ interface ReanimatedTrueSheetProps extends TrueSheetProps {
  * import { ReanimatedTrueSheet, ReanimatedTrueSheetProvider } from '@lodev09/react-native-true-sheet/reanimated'
  *
  * function MyScreen() {
- *   const sheetRef = useRef<TrueSheetRef>(null)
+ *   const sheetRef = useRef<TrueSheet>(null)
  *
  *   return (
  *     <ReanimatedTrueSheetProvider>
@@ -36,6 +37,6 @@ interface ReanimatedTrueSheetProps extends TrueSheetProps {
  * }
  * ```
  */
-export declare const ReanimatedTrueSheet: import("react").ForwardRefExoticComponent<ReanimatedTrueSheetProps & import("react").RefAttributes<TrueSheetRef>>;
+export declare const ReanimatedTrueSheet: import("react").ForwardRefExoticComponent<ReanimatedTrueSheetProps & import("react").RefAttributes<TrueSheet>>;
 export {};
 //# sourceMappingURL=ReanimatedTrueSheet.web.d.ts.map

package/lib/typescript/src/reanimated/ReanimatedTrueSheet.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReanimatedTrueSheet.web.d.ts","sourceRoot":"","sources":["../../../../src/reanimated/ReanimatedTrueSheet.web.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAuB,MAAM,oBAAoB,CAAC;AAG5F,UAAU,wBAAyB,SAAQ,cAAc;IACvD;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC;CACvD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,mBAAmB,mHAgC/B,CAAC"}
+{"version":3,"file":"ReanimatedTrueSheet.web.d.ts","sourceRoot":"","sources":["../../../../src/reanimated/ReanimatedTrueSheet.web.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAuB,MAAM,oBAAoB,CAAC;AAG9E,UAAU,wBAAyB,SAAQ,cAAc;IACvD;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC;CACvD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,mBAAmB,gHA8B9B,CAAC"}

package/lib/typescript/src/specs/NativeTrueSheetModule.d.ts

@@ -16,13 +16,21 @@ interface Spec extends TurboModule {
      */
     presentByRef(viewTag: number, index: number, animated: boolean): Promise<void>;
     /**
-     * Dismiss a sheet by reference
+     * Dismiss a sheet and all sheets presented on top of it
      * @param viewTag - Native view tag of the sheet component
      * @param animated - Whether to animate the dismissal
      * @returns Promise that resolves when sheet is fully dismissed
      * @throws DISMISS_FAILED if dismissal fails
      */
     dismissByRef(viewTag: number, animated: boolean): Promise<void>;
+    /**
+     * Dismiss only the sheets presented on top of this sheet, keeping this sheet presented
+     * @param viewTag - Native view tag of the sheet component
+     * @param animated - Whether to animate the dismissal
+     * @returns Promise that resolves when all child sheets are fully dismissed
+     * @throws DISMISS_FAILED if dismissal fails
+     */
+    dismissStackByRef(viewTag: number, animated: boolean): Promise<void>;
     /**
      * Resize a sheet to a different index by reference
      * @param viewTag - Native view tag of the sheet component

package/lib/typescript/src/specs/NativeTrueSheetModule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeTrueSheetModule.d.ts","sourceRoot":"","sources":["../../../../src/specs/NativeTrueSheetModule.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,UAAU,IAAK,SAAQ,WAAW;IAChC;;;;;;;OAOG;IACH,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE/E;;;;;;OAMG;IACH,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEhE;;;;;OAKG;IACH,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE3D;;;;OAIG;IACH,UAAU,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9C;;AAED,wBAAgE"}
+{"version":3,"file":"NativeTrueSheetModule.d.ts","sourceRoot":"","sources":["../../../../src/specs/NativeTrueSheetModule.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,UAAU,IAAK,SAAQ,WAAW;IAChC;;;;;;;OAOG;IACH,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE/E;;;;;;OAMG;IACH,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEhE;;;;;;OAMG;IACH,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAErE;;;;;OAKG;IACH,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE3D;;;;OAIG;IACH,UAAU,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9C;;AAED,wBAAgE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lodev09/react-native-true-sheet",
-  "version": "3.8.0-beta.1",
+  "version": "3.8.0-beta.3",
   "description": "The true native bottom sheet experience for your React Native Apps.",
   "source": "./src/index.ts",
   "main": "./lib/module/index.js",

package/src/TrueSheet.tsx

@@ -10,7 +10,6 @@ import {
 
 import type {
   TrueSheetProps,
-  TrueSheetRef,
   DragBeginEvent,
   DragChangeEvent,
   DragEndEvent,
@@ -54,10 +53,7 @@ interface TrueSheetState {
   shouldRenderNativeView: boolean;
 }
 
-export class TrueSheet
-  extends PureComponent<TrueSheetProps, TrueSheetState>
-  implements TrueSheetRef
-{
+export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
   displayName = 'TrueSheet';
 
   private readonly nativeRef: RefObject<NativeRef | null>;
@@ -199,6 +195,22 @@ export class TrueSheet
     return instance.dismiss(animated);
   }
 
+  /**
+   * Dismiss only the sheets presented on top of a sheet by given `name`
+   * @param name - Sheet name
+   * @param animated - Whether to animate the dismissal (default: true)
+   * @returns Promise that resolves when all child sheets are dismissed
+   * @throws Error if sheet not found
+   */
+  public static async dismissStack(name: string, animated: boolean = true): Promise<void> {
+    const instance = TrueSheet.getInstance(name);
+    if (!instance) {
+      throw new Error(`Sheet with name "${name}" not found`);
+    }
+
+    return instance.dismissStack(animated);
+  }
+
   /**
    * Resize the sheet by given `name` (Promise-based)
    * @param name - Sheet name
@@ -309,6 +321,11 @@ export class TrueSheet
     this.props.onBackPress?.(event);
   }
 
+  /**
+   * Present the sheet at a given detent index.
+   * @param index - The detent index to present at (default: 0)
+   * @param animated - Whether to animate the presentation (default: true)
+   */
   public async present(index: number = 0, animated: boolean = true): Promise<void> {
     const detentsLength = Math.min(this.props.detents?.length ?? 2, 3); // Max 3 detents
     if (index < 0 || index >= detentsLength) {
@@ -331,14 +348,31 @@ export class TrueSheet
     this.isPresenting = false;
   }
 
+  /**
+   * Resize the sheet to a given detent index.
+   * @param index - The detent index to resize to
+   */
   public async resize(index: number): Promise<void> {
     await TrueSheetModule?.resizeByRef(this.handle, index);
   }
 
+  /**
+   * Dismiss this sheet and all sheets presented on top of it in a single animation.
+   * @param animated - Whether to animate the dismissal (default: true)
+   */
   public async dismiss(animated: boolean = true): Promise<void> {
     return TrueSheetModule?.dismissByRef(this.handle, animated);
   }
 
+  /**
+   * Dismiss only the sheets presented on top of this sheet, keeping this sheet presented.
+   * If no sheets are presented on top, this method does nothing.
+   * @param animated - Whether to animate the dismissal (default: true)
+   */
+  public async dismissStack(animated: boolean = true): Promise<void> {
+    return TrueSheetModule?.dismissStackByRef(this.handle, animated);
+  }
+
   componentDidMount(): void {
     this.registerInstance();
   }
@@ -400,23 +434,11 @@ export class TrueSheet
       return Math.min(1, detent);
     });
 
-    const containerStyle =
-      this.props.scrollable &&
-      Platform.select({
-        android: styles.scrollableAndroidContainer,
-      });
-
-    const contentStyle =
-      this.props.scrollable &&
-      Platform.select({
-        android: styles.scrollableAndroidContent,
-      });
-
     return (
       <TrueSheetViewNativeComponent
         {...rest}
         ref={this.nativeRef}
-        style={styles.sheetView}
+        style={[StyleSheet.absoluteFill, styles.sheetView]}
         detents={resolvedDetents}
         backgroundBlur={backgroundBlur}
         blurOptions={blurOptions}
@@ -455,13 +477,15 @@ export class TrueSheet
         onBackPress={this.onBackPress}
       >
         {this.state.shouldRenderNativeView && (
-          <TrueSheetContainerViewNativeComponent style={containerStyle}>
+          <TrueSheetContainerViewNativeComponent style={scrollable && StyleSheet.absoluteFill}>
             {header && (
               <TrueSheetHeaderViewNativeComponent style={[styles.header, headerStyle]}>
                 {isValidElement(header) ? header : createElement(header)}
               </TrueSheetHeaderViewNativeComponent>
             )}
-            <TrueSheetContentViewNativeComponent style={[style, contentStyle]}>
+            <TrueSheetContentViewNativeComponent
+              style={[style, scrollable && styles.scrollableContent]}
+            >
               {children}
             </TrueSheetContentViewNativeComponent>
             {footer && (
@@ -480,22 +504,8 @@ const styles = StyleSheet.create({
   sheetView: {
     zIndex: -9999,
     pointerEvents: 'box-none',
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-
-    // Android needs a fixed bottom to avoid jumping content
-    bottom: Platform.select({ android: 0 }),
-  },
-  scrollableAndroidContainer: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
   },
-  scrollableAndroidContent: {
+  scrollableContent: {
     flexGrow: 1,
     flexBasis: 0,
   },

package/src/TrueSheet.types.ts

@@ -46,56 +46,6 @@ export type WillFocusEvent = NativeSyntheticEvent<null>;
 export type WillBlurEvent = NativeSyntheticEvent<null>;
 export type BackPressEvent = NativeSyntheticEvent<null>;
 
-/**
- * Ref methods exposed by a TrueSheet instance.
- */
-export interface TrueSheetRef {
-  /**
-   * Present the sheet at a given detent index.
-   * @param index - The detent index to present at (default: 0)
-   * @param animated - Whether to animate the presentation (default: true)
-   */
-  present: (index?: number, animated?: boolean) => Promise<void>;
-  /**
-   * Dismiss the sheet. If other sheets are presented on top, dismisses them instead.
-   * @param animated - Whether to animate the dismissal (default: true)
-   */
-  dismiss: (animated?: boolean) => Promise<void>;
-  /**
-   * Resize the sheet to a given detent index.
-   * @param index - The detent index to resize to
-   */
-  resize: (index: number) => Promise<void>;
-}
-
-/**
- * Methods for controlling TrueSheet instances by name.
- * Returned by the `useTrueSheet` hook.
- */
-export interface TrueSheetContextMethods {
-  /**
-   * Present a sheet by name.
-   * @param name - The name of the sheet to present
-   * @param index - The detent index to present at (default: 0)
-   */
-  present: (name: string, index?: number) => Promise<void>;
-  /**
-   * Dismiss a sheet by name.
-   * @param name - The name of the sheet to dismiss
-   */
-  dismiss: (name: string) => Promise<void>;
-  /**
-   * Resize a sheet by name.
-   * @param name - The name of the sheet to resize
-   * @param index - The detent index to resize to
-   */
-  resize: (name: string, index: number) => Promise<void>;
-  /**
-   * Dismiss all presented sheets.
-   */
-  dismissAll: () => Promise<void>;
-}
-
 /**
  * Options for customizing the grabber (drag handle) appearance.
  */

package/src/TrueSheet.web.tsx

@@ -27,16 +27,9 @@ import BottomSheet, {
 } from '@gorhom/bottom-sheet';
 import { useDerivedValue, useSharedValue } from 'react-native-reanimated';
 
-import {
-  BottomSheetContext,
-  getPresent,
-  getDismiss,
-  getResize,
-  getDismissAll,
-} from './TrueSheetProvider.web';
+import { BottomSheetContext, type TrueSheetRefMethods } from './TrueSheetProvider.web';
 import type {
   TrueSheetProps,
-  TrueSheetRef,
   DetentChangeEvent,
   DidBlurEvent,
   DidDismissEvent,
@@ -84,7 +77,7 @@ const renderSlot = (slot: TrueSheetProps['header'] | TrueSheetProps['footer']) =
   return createElement(slot);
 };
 
-const TrueSheetComponent = forwardRef<TrueSheetRef, TrueSheetProps>((props, ref) => {
+const TrueSheetComponent = forwardRef<TrueSheetRefMethods, TrueSheetProps>((props, ref) => {
   const {
     name,
     detents = [0.5, 1],
@@ -362,19 +355,7 @@ const TrueSheetComponent = forwardRef<TrueSheetRef, TrueSheetProps>((props, ref)
   // For scrollable, we render the child directly
   const ContainerComponent = scrollable ? Fragment : BottomSheetView;
 
-  const dismissInternal = useCallback(() => {
-    return new Promise<void>((resolve) => {
-      dismissResolver.current = resolve;
-      isDismissing.current = true;
-      if (isNonModal) {
-        bottomSheetRef.current?.close();
-      } else {
-        bottomSheetModalRef.current?.dismiss();
-      }
-    });
-  }, [isNonModal]);
-
-  const sheetMethodsRef = useRef<TrueSheetRef & { dismissDirect?: () => Promise<void> }>({
+  const sheetMethodsRef = useRef<TrueSheetRefMethods>({
     present: (index = 0) => {
       return new Promise<void>((resolve) => {
         presentResolver.current = resolve;
@@ -390,20 +371,29 @@ const TrueSheetComponent = forwardRef<TrueSheetRef, TrueSheetProps>((props, ref)
     },
     dismiss: () => {
       return new Promise<void>((resolve) => {
-        // iOS-like behavior: dismiss sheets above, but not itself.
-        // See: https://developer.apple.com/documentation/uikit/uiviewcontroller/1621505-dismiss
+        dismissResolver.current = resolve;
+        isDismissing.current = true;
+        if (isNonModal) {
+          bottomSheetRef.current?.close();
+        } else {
+          bottomSheetModalRef.current?.dismiss();
+        }
+      });
+    },
+    dismissStack: () => {
+      return new Promise<void>((resolve) => {
+        // Dismiss only sheets above, keeping this sheet presented
         const sheetsAbove = bottomSheetContext?.getSheetsAbove(sheetName) ?? [];
         const immediateChild = sheetsAbove[sheetsAbove.length - 1];
         if (immediateChild) {
           // Dismiss the immediate child - gorhom will dismiss all sheets above it
-          bottomSheetContext?.dismissDirect(immediateChild).then(resolve);
+          bottomSheetContext?.dismiss(immediateChild).then(resolve);
           return;
         }
 
-        dismissInternal().then(resolve);
+        resolve();
       });
     },
-    dismissDirect: () => dismissInternal(),
     resize: async (index: number) => {
       if (isNonModal) {
         bottomSheetRef.current?.snapToIndex(index);
@@ -494,45 +484,37 @@ const TrueSheetComponent = forwardRef<TrueSheetRef, TrueSheetProps>((props, ref)
   );
 });
 
+const STATIC_METHOD_ERROR =
+  'Static methods are not supported on web. Use the useTrueSheet() hook instead.';
+
 interface TrueSheetStatic {
   present: (name: string, index?: number) => Promise<void>;
   dismiss: (name: string) => Promise<void>;
+  dismissStack: (name: string) => Promise<void>;
   resize: (name: string, index: number) => Promise<void>;
   dismissAll: () => Promise<void>;
 }
 
 export const TrueSheet = TrueSheetComponent as typeof TrueSheetComponent & TrueSheetStatic;
 
-TrueSheet.present = async (name: string, index?: number) => {
-  const present = getPresent();
-  if (!present) {
-    throw new Error('TrueSheet.present(): TrueSheetProvider is not mounted.');
-  }
-  return present(name, index);
+TrueSheet.present = async () => {
+  throw new Error(STATIC_METHOD_ERROR);
 };
 
-TrueSheet.dismiss = async (name: string) => {
-  const dismiss = getDismiss();
-  if (!dismiss) {
-    throw new Error('TrueSheet.dismiss(): TrueSheetProvider is not mounted.');
-  }
-  return dismiss(name);
+TrueSheet.dismiss = async () => {
+  throw new Error(STATIC_METHOD_ERROR);
 };
 
-TrueSheet.resize = async (name: string, index: number) => {
-  const resize = getResize();
-  if (!resize) {
-    throw new Error('TrueSheet.resize(): TrueSheetProvider is not mounted.');
-  }
-  return resize(name, index);
+TrueSheet.dismissStack = async () => {
+  throw new Error(STATIC_METHOD_ERROR);
+};
+
+TrueSheet.resize = async () => {
+  throw new Error(STATIC_METHOD_ERROR);
 };
 
 TrueSheet.dismissAll = async () => {
-  const dismissAll = getDismissAll();
-  if (!dismissAll) {
-    throw new Error('TrueSheet.dismissAll(): TrueSheetProvider is not mounted.');
-  }
-  return dismissAll();
+  throw new Error(STATIC_METHOD_ERROR);
 };
 
 const styles = StyleSheet.create({

package/src/TrueSheetProvider.tsx

@@ -1,7 +1,11 @@
 import type { ReactNode } from 'react';
 
 import { TrueSheet } from './TrueSheet';
-import type { TrueSheetContextMethods } from './TrueSheet.types';
+
+export type TrueSheetStaticMethods = Pick<
+  typeof TrueSheet,
+  'present' | 'dismiss' | 'dismissStack' | 'resize' | 'dismissAll'
+>;
 
 export interface TrueSheetProviderProps {
   children: ReactNode;
@@ -20,10 +24,11 @@ export function TrueSheetProvider({ children }: TrueSheetProviderProps) {
  * Hook to control TrueSheet instances by name.
  * On native, this maps directly to TrueSheet static methods.
  */
-export function useTrueSheet(): TrueSheetContextMethods {
+export function useTrueSheet(): TrueSheetStaticMethods {
   return {
     present: TrueSheet.present,
     dismiss: TrueSheet.dismiss,
+    dismissStack: TrueSheet.dismissStack,
     resize: TrueSheet.resize,
     dismissAll: TrueSheet.dismissAll,
   };

package/src/TrueSheetProvider.web.tsx

@@ -1,30 +1,24 @@
 import { createContext, useContext, useRef, type ReactNode, type RefObject } from 'react';
 import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
-import type { TrueSheetContextMethods, TrueSheetRef } from './TrueSheet.types';
 
-interface BottomSheetContextValue extends TrueSheetContextMethods {
-  register: (name: string, methods: RefObject<TrueSheetRef>) => void;
+import type { TrueSheetStaticMethods } from './TrueSheetProvider';
+import type { TrueSheet } from './TrueSheet';
+
+export type TrueSheetRefMethods = Pick<
+  TrueSheet,
+  'present' | 'dismiss' | 'resize' | 'dismissStack'
+>;
+
+interface BottomSheetContextValue extends TrueSheetStaticMethods {
+  register: (name: string, methods: RefObject<TrueSheetRefMethods>) => void;
   unregister: (name: string) => void;
   pushToStack: (name: string) => void;
   removeFromStack: (name: string) => void;
   getSheetsAbove: (name: string) => string[];
-  dismissDirect: (name: string) => Promise<void>;
-  dismissAll: () => Promise<void>;
 }
 
 export const BottomSheetContext = createContext<BottomSheetContextValue | null>(null);
 
-// Module-level references for static methods
-let presentRef: ((name: string, index?: number) => Promise<void>) | null = null;
-let dismissRef: ((name: string) => Promise<void>) | null = null;
-let resizeRef: ((name: string, index: number) => Promise<void>) | null = null;
-let dismissAllRef: (() => Promise<void>) | null = null;
-
-export const getPresent = () => presentRef;
-export const getDismiss = () => dismissRef;
-export const getResize = () => resizeRef;
-export const getDismissAll = () => dismissAllRef;
-
 export interface TrueSheetProviderProps {
   children: ReactNode;
 }
@@ -34,10 +28,10 @@ export interface TrueSheetProviderProps {
  * Required to wrap your app for sheet management via useTrueSheet hook.
  */
 export function TrueSheetProvider({ children }: TrueSheetProviderProps) {
-  const sheetsRef = useRef<Map<string, RefObject<TrueSheetRef>>>(new Map());
+  const sheetsRef = useRef<Map<string, RefObject<TrueSheetRefMethods>>>(new Map());
   const presentedStackRef = useRef<string[]>([]);
 
-  const register = (name: string, methods: RefObject<TrueSheetRef>) => {
+  const register = (name: string, methods: RefObject<TrueSheetRefMethods>) => {
     sheetsRef.current.set(name, methods);
   };
 
@@ -88,17 +82,13 @@ export function TrueSheetProvider({ children }: TrueSheetProviderProps) {
     return sheet.current.dismiss();
   };
 
-  /**
-   * Dismisses a sheet directly without checking for sheets above.
-   * Used internally when batch-dismissing stacked sheets.
-   */
-  const dismissDirect = async (name: string) => {
+  const dismissStack = async (name: string) => {
     const sheet = sheetsRef.current.get(name);
     if (!sheet?.current) {
       console.warn(`TrueSheet: Could not find sheet with name "${name}"`);
       return;
     }
-    return (sheet.current as any).dismissDirect?.();
+    return sheet.current.dismissStack();
   };
 
   const resize = async (name: string, index: number) => {
@@ -113,15 +103,9 @@ export function TrueSheetProvider({ children }: TrueSheetProviderProps) {
   const dismissAll = async () => {
     const rootSheet = presentedStackRef.current[0];
     if (!rootSheet) return;
-    return dismissDirect(rootSheet);
+    return dismiss(rootSheet);
   };
 
-  // Set module-level refs for static access
-  presentRef = present;
-  dismissRef = dismiss;
-  resizeRef = resize;
-  dismissAllRef = dismissAll;
-
   return (
     <BottomSheetContext.Provider
       value={{
@@ -130,11 +114,11 @@ export function TrueSheetProvider({ children }: TrueSheetProviderProps) {
         pushToStack,
         removeFromStack,
         getSheetsAbove,
-        dismissDirect,
-        dismissAll,
         present,
         dismiss,
+        dismissStack,
         resize,
+        dismissAll,
       }}
     >
       <BottomSheetModalProvider>{children}</BottomSheetModalProvider>
@@ -142,11 +126,7 @@ export function TrueSheetProvider({ children }: TrueSheetProviderProps) {
   );
 }
 
-/**
- * Hook to control TrueSheet instances by name.
- * On web, this uses the TrueSheetContext from TrueSheetProvider.
- */
-export function useTrueSheet(): TrueSheetContextMethods {
+export function useTrueSheet(): TrueSheetStaticMethods {
   const context = useContext(BottomSheetContext);
 
   if (!context) {
@@ -156,6 +136,7 @@ export function useTrueSheet(): TrueSheetContextMethods {
   return {
     present: context.present,
     dismiss: context.dismiss,
+    dismissStack: context.dismissStack,
     resize: context.resize,
     dismissAll: context.dismissAll,
   };

package/src/index.ts

@@ -1,3 +1,3 @@
 export * from './TrueSheet';
 export * from './TrueSheet.types';
-export * from './TrueSheetProvider';
+export { TrueSheetProvider, useTrueSheet } from './TrueSheetProvider';

package/src/mocks/index.ts

@@ -1,7 +1,8 @@
 import React, { createElement, isValidElement, type ReactNode } from 'react';
 import { View } from 'react-native';
 
-import type { TrueSheetProps, TrueSheetRef, TrueSheetContextMethods } from '../TrueSheet.types';
+import type { TrueSheetProps } from '../TrueSheet.types';
+import type { TrueSheetStaticMethods } from '../TrueSheetProvider';
 
 interface TrueSheetState {
   shouldRenderNativeView: boolean;
@@ -11,13 +12,11 @@ interface TrueSheetState {
  * Mock TrueSheet component for testing.
  * Import from '@lodev09/react-native-true-sheet/mock' in your test setup.
  */
-export class TrueSheet
-  extends React.Component<TrueSheetProps, TrueSheetState>
-  implements TrueSheetRef
-{
+export class TrueSheet extends React.Component<TrueSheetProps, TrueSheetState> {
   static instances: Record<string, TrueSheet> = {};
 
   static dismiss = jest.fn((_name: string, _animated?: boolean) => Promise.resolve());
+  static dismissStack = jest.fn((_name: string, _animated?: boolean) => Promise.resolve());
   static present = jest.fn((_name: string, _index?: number, _animated?: boolean) =>
     Promise.resolve()
   );
@@ -25,6 +24,7 @@ export class TrueSheet
   static dismissAll = jest.fn((_animated?: boolean) => Promise.resolve());
 
   dismiss = jest.fn((_animated?: boolean) => Promise.resolve());
+  dismissStack = jest.fn((_animated?: boolean) => Promise.resolve());
   present = jest.fn((_index?: number, _animated?: boolean) => Promise.resolve());
   resize = jest.fn((_index: number) => Promise.resolve());
 
@@ -70,10 +70,11 @@ export function TrueSheetProvider({ children }: { children: React.ReactNode }) {
 /**
  * Mock useTrueSheet hook for testing.
  */
-export function useTrueSheet(): TrueSheetContextMethods {
+export function useTrueSheet(): TrueSheetStaticMethods {
   return {
     present: TrueSheet.present,
     dismiss: TrueSheet.dismiss,
+    dismissStack: TrueSheet.dismissStack,
     resize: TrueSheet.resize,
     dismissAll: TrueSheet.dismissAll,
   };

package/src/mocks/reanimated.ts

@@ -2,7 +2,7 @@ import React, { createElement, isValidElement, type ReactNode } from 'react';
 import { View } from 'react-native';
 import type { SharedValue } from 'react-native-reanimated';
 
-import type { TrueSheetProps, TrueSheetRef, PositionChangeEventPayload } from '../TrueSheet.types';
+import type { TrueSheetProps, PositionChangeEventPayload } from '../TrueSheet.types';
 
 interface TrueSheetState {
   shouldRenderNativeView: boolean;
@@ -28,19 +28,18 @@ const createMockSharedValue = <T>(initialValue: T): SharedValue<T> =>
  * Mock ReanimatedTrueSheet component for testing.
  * Import from '@lodev09/react-native-true-sheet/reanimated/mock' in your test setup.
  */
-export class ReanimatedTrueSheet
-  extends React.Component<TrueSheetProps, TrueSheetState>
-  implements TrueSheetRef
-{
+export class ReanimatedTrueSheet extends React.Component<TrueSheetProps, TrueSheetState> {
   static instances: Record<string, ReanimatedTrueSheet> = {};
 
   static dismiss = jest.fn((_name: string, _animated?: boolean) => Promise.resolve());
+  static dismissStack = jest.fn((_name: string, _animated?: boolean) => Promise.resolve());
   static present = jest.fn((_name: string, _index?: number, _animated?: boolean) =>
     Promise.resolve()
   );
   static resize = jest.fn((_name: string, _index: number) => Promise.resolve());
 
   dismiss = jest.fn((_animated?: boolean) => Promise.resolve());
+  dismissStack = jest.fn((_animated?: boolean) => Promise.resolve());
   present = jest.fn((_index?: number, _animated?: boolean) => Promise.resolve());
   resize = jest.fn((_index: number) => Promise.resolve());