@tamagui/sheet 1.27.1 → 1.27.2

package/src/useSheetProviderProps.tsx

@@ -1,12 +1,20 @@
-import { TamaguiElement } from '@tamagui/core'
+import { TamaguiElement, useAnimationDriver } from '@tamagui/core'
 import { useConstant } from '@tamagui/use-constant'
 import { useControllableState } from '@tamagui/use-controllable-state'
-import React, { useCallback, useMemo, useState } from 'react'
+import React, { useCallback, useEffect, useMemo, useState } from 'react'
 
 import { ScrollBridge, SheetProps } from './types'
 import { SheetOpenState } from './useSheetOpenState'
 
-export function useSheetProviderProps(props: SheetProps, state: SheetOpenState) {
+export type SheetContextValue = ReturnType<typeof useSheetProviderProps>
+
+export function useSheetProviderProps(
+  props: SheetProps,
+  state: SheetOpenState,
+  options: {
+    onOverlayComponent?: (comp: any) => void
+  } = {}
+) {
   const contentRef = React.useRef<TamaguiElement>(null)
   const [frameSize, setFrameSize] = useState<number>(0)
   const snapPointsProp = props.snapPoints || [80]
@@ -28,6 +36,8 @@ export function useSheetProviderProps(props: SheetProps, state: SheetOpenState)
 
   const position = state.open === false ? -1 : position_
 
+  const { open } = state
+
   const setPosition = useCallback(
     (next: number) => {
       // close on dismissOnSnapToBottom (and set position so it animates)
@@ -40,6 +50,32 @@ export function useSheetProviderProps(props: SheetProps, state: SheetOpenState)
     [props.dismissOnSnapToBottom, snapPoints.length, setPositionImmediate, state.setOpen]
   )
 
+  if (process.env.NODE_ENV === 'development') {
+    if (snapPoints.some((p) => p < 0 || p > 100)) {
+      console.warn(
+        '⚠️ Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame'
+      )
+    }
+  }
+
+  // reset position to fully open on re-open after dismissOnSnapToBottom
+  if (open && props.dismissOnSnapToBottom && position === snapPoints.length - 1) {
+    setPositionImmediate(0)
+  }
+
+  // open must set position
+  const shouldSetPositionOpen = open && position < 0
+  useEffect(() => {
+    if (shouldSetPositionOpen) {
+      setPosition(0)
+    }
+  }, [setPosition, shouldSetPositionOpen])
+
+  const driver = useAnimationDriver()
+  if (!driver) {
+    throw new Error('Must set animations in tamagui.config.ts')
+  }
+
   const scrollBridge = useConstant<ScrollBridge>(() => ({
     enabled: false,
     y: 0,
@@ -51,7 +87,11 @@ export function useSheetProviderProps(props: SheetProps, state: SheetOpenState)
     scrollLock: false,
   }))
 
-  return {
+  const removeScrollEnabled = props.forceRemoveScrollEnabled ?? (open && props.modal)
+
+  const providerProps = {
+    removeScrollEnabled,
+    scrollBridge,
     modal: !!props.modal,
     open: state.open,
     setOpen: state.setOpen,
@@ -61,13 +101,14 @@ export function useSheetProviderProps(props: SheetProps, state: SheetOpenState)
     setFrameSize,
     dismissOnOverlayPress: props.dismissOnOverlayPress ?? true,
     dismissOnSnapToBottom: props.dismissOnSnapToBottom ?? false,
+    onOverlayComponent: options.onOverlayComponent,
     scope: props.__scopeSheet,
     position,
     snapPoints,
     setPosition,
     setPositionImmediate,
-    scrollBridge,
+    onlyShowFrame: false,
   }
-}
 
-export type SheetContextValue = ReturnType<typeof useSheetProviderProps>
+  return providerProps
+}

package/types/Sheet.d.ts

@@ -153,15 +153,17 @@ export declare const Sheet: import("react").ForwardRefExoticComponent<{
     Controlled: import("react").FunctionComponent<Omit<import("./types").SheetProps, "open" | "onOpenChange"> & import("react").RefAttributes<import("react-native/types").View>> & {
         Frame: import("react").ForwardRefExoticComponent<Omit<import("react-native/types").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native/types").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & {
             open?: boolean | undefined;
+        } & {
+            disableHideBottomOverflow?: boolean | undefined;
         } & {
             __scopeSheet?: import("@tamagui/create-context").Scope<any>;
         } & import("react").RefAttributes<unknown>>;
-        Overlay: ({ __scopeSheet, ...props }: import("./types").SheetScopedProps<Omit<import("react-native/types").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native/types").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & {
+        Overlay: (propsIn: import("./types").SheetScopedProps<Omit<import("react-native/types").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native/types").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & {
             open?: boolean | undefined;
-        }>) => JSX.Element;
+        }>) => null;
         Handle: ({ __scopeSheet, ...props }: import("./types").SheetScopedProps<Omit<import("react-native/types").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native/types").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & {
             open?: boolean | undefined;
-        }>) => JSX.Element;
+        }>) => JSX.Element | null;
         ScrollView: import("react").ForwardRefExoticComponent<import("react-native/types").ScrollViewProps & Omit<import("@tamagui/core").StackProps, keyof import("react-native/types").ScrollViewProps> & Omit<{}, "fullscreen"> & {
             readonly fullscreen?: boolean | undefined;
         } & import("@tamagui/core").MediaProps<Partial<import("react-native/types").ScrollViewProps & Omit<import("@tamagui/core").StackProps, keyof import("react-native/types").ScrollViewProps> & Omit<{}, "fullscreen"> & {
@@ -172,15 +174,17 @@ export declare const Sheet: import("react").ForwardRefExoticComponent<{
     };
     Frame: import("react").ForwardRefExoticComponent<Omit<import("react-native/types").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native/types").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & {
         open?: boolean | undefined;
+    } & {
+        disableHideBottomOverflow?: boolean | undefined;
     } & {
         __scopeSheet?: import("@tamagui/create-context").Scope<any>;
     } & import("react").RefAttributes<unknown>>;
-    Overlay: ({ __scopeSheet, ...props }: import("./types").SheetScopedProps<Omit<import("react-native/types").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native/types").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & {
+    Overlay: (propsIn: import("./types").SheetScopedProps<Omit<import("react-native/types").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native/types").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & {
         open?: boolean | undefined;
-    }>) => JSX.Element;
+    }>) => null;
     Handle: ({ __scopeSheet, ...props }: import("./types").SheetScopedProps<Omit<import("react-native/types").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native/types").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & {
         open?: boolean | undefined;
-    }>) => JSX.Element;
+    }>) => JSX.Element | null;
     ScrollView: import("react").ForwardRefExoticComponent<import("react-native/types").ScrollViewProps & Omit<import("@tamagui/core").StackProps, keyof import("react-native/types").ScrollViewProps> & Omit<{}, "fullscreen"> & {
         readonly fullscreen?: boolean | undefined;
     } & import("@tamagui/core").MediaProps<Partial<import("react-native/types").ScrollViewProps & Omit<import("@tamagui/core").StackProps, keyof import("react-native/types").ScrollViewProps> & Omit<{}, "fullscreen"> & {

package/types/Sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../src/Sheet.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,cAAc,SAAS,CAAA;AAMvB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCjB,CAAA;AAMF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BlB,CAAA;AAMF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;EAqBhB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIhB,CAAA;AAEF,uCAAuC;AACvC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAU,CAAA;AAExC,uCAAuC;AACvC,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;EAAS,CAAA"}
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../src/Sheet.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,cAAc,SAAS,CAAA;AAMvB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCjB,CAAA;AAMF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BlB,CAAA;AAMF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;EAoBhB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIhB,CAAA;AAEF,uCAAuC;AACvC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAU,CAAA;AAExC,uCAAuC;AACvC,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;EAAS,CAAA"}

package/types/SheetContext.d.ts

@@ -1,20 +1,8 @@
-import { TamaguiElement } from '@tamagui/core';
-import React from 'react';
-import { PositionChangeHandler, ScrollBridge, SheetProps } from './types';
-type SheetContextValue = Required<Pick<SheetProps, 'open' | 'position' | 'snapPoints' | 'dismissOnOverlayPress'>> & {
-    hidden: boolean;
-    setPosition: PositionChangeHandler;
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    contentRef: React.RefObject<TamaguiElement>;
-    dismissOnSnapToBottom: boolean;
-    scrollBridge: ScrollBridge;
-    frameSize: number;
-    modal: boolean;
-};
+/// <reference types="react" />
 export declare const createSheetContext: <ContextValueType extends object | null>(rootComponentName: string, defaultContext?: ContextValueType | undefined) => readonly [{
     (props: ContextValueType & {
         scope: import("@tamagui/create-context").Scope<ContextValueType>;
-        children: React.ReactNode;
+        children: import("react").ReactNode;
     }): JSX.Element;
     displayName: string;
 }, (consumerName: string, scope: import("@tamagui/create-context").Scope<ContextValueType | undefined>, options?: {
@@ -22,23 +10,108 @@ export declare const createSheetContext: <ContextValueType extends object | null
     fallback?: Partial<ContextValueType> | undefined;
 } | undefined) => ContextValueType], createSheetScope: import("@tamagui/create-context").CreateScope;
 export declare const SheetProvider: {
-    (props: Required<Pick<SheetProps, "position" | "open" | "snapPoints" | "dismissOnOverlayPress">> & {
+    (props: {
+        removeScrollEnabled: boolean | undefined;
+        scrollBridge: import("./types").ScrollBridge;
+        modal: boolean;
+        open: boolean;
+        setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
         hidden: boolean;
-        setPosition: PositionChangeHandler;
-        setOpen: React.Dispatch<React.SetStateAction<boolean>>;
-        contentRef: React.RefObject<TamaguiElement>;
-        dismissOnSnapToBottom: boolean;
-        scrollBridge: ScrollBridge;
+        contentRef: import("react").RefObject<import("@tamagui/web").TamaguiElement>;
         frameSize: number;
-        modal: boolean;
+        setFrameSize: import("react").Dispatch<import("react").SetStateAction<number>>;
+        dismissOnOverlayPress: boolean;
+        dismissOnSnapToBottom: boolean;
+        onOverlayComponent: ((comp: any) => void) | undefined;
+        scope: import("@tamagui/create-context").Scope<any>;
+        position: number;
+        snapPoints: number[];
+        setPosition: (next: number) => void;
+        setPositionImmediate: import("react").Dispatch<import("react").SetStateAction<number>>;
+        onlyShowFrame: boolean;
     } & {
-        scope: import("@tamagui/create-context").Scope<SheetContextValue>;
-        children: React.ReactNode;
+        scope: import("@tamagui/create-context").Scope<{
+            removeScrollEnabled: boolean | undefined;
+            scrollBridge: import("./types").ScrollBridge;
+            modal: boolean;
+            open: boolean;
+            setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+            hidden: boolean;
+            contentRef: import("react").RefObject<import("@tamagui/web").TamaguiElement>;
+            frameSize: number;
+            setFrameSize: import("react").Dispatch<import("react").SetStateAction<number>>;
+            dismissOnOverlayPress: boolean;
+            dismissOnSnapToBottom: boolean;
+            onOverlayComponent: ((comp: any) => void) | undefined;
+            scope: import("@tamagui/create-context").Scope<any>;
+            position: number;
+            snapPoints: number[];
+            setPosition: (next: number) => void;
+            setPositionImmediate: import("react").Dispatch<import("react").SetStateAction<number>>;
+            onlyShowFrame: boolean;
+        }>;
+        children: import("react").ReactNode;
     }): JSX.Element;
     displayName: string;
-}, useSheetContext: (consumerName: string, scope: import("@tamagui/create-context").Scope<SheetContextValue | undefined>, options?: {
+}, useSheetContext: (consumerName: string, scope: import("@tamagui/create-context").Scope<{
+    removeScrollEnabled: boolean | undefined;
+    scrollBridge: import("./types").ScrollBridge;
+    modal: boolean;
+    open: boolean;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    hidden: boolean;
+    contentRef: import("react").RefObject<import("@tamagui/web").TamaguiElement>;
+    frameSize: number;
+    setFrameSize: import("react").Dispatch<import("react").SetStateAction<number>>;
+    dismissOnOverlayPress: boolean;
+    dismissOnSnapToBottom: boolean;
+    onOverlayComponent: ((comp: any) => void) | undefined;
+    scope: import("@tamagui/create-context").Scope<any>;
+    position: number;
+    snapPoints: number[];
+    setPosition: (next: number) => void;
+    setPositionImmediate: import("react").Dispatch<import("react").SetStateAction<number>>;
+    onlyShowFrame: boolean;
+} | undefined>, options?: {
     warn?: boolean | undefined;
-    fallback?: Partial<SheetContextValue> | undefined;
-} | undefined) => SheetContextValue;
-export {};
+    fallback?: Partial<{
+        removeScrollEnabled: boolean | undefined;
+        scrollBridge: import("./types").ScrollBridge;
+        modal: boolean;
+        open: boolean;
+        setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+        hidden: boolean;
+        contentRef: import("react").RefObject<import("@tamagui/web").TamaguiElement>;
+        frameSize: number;
+        setFrameSize: import("react").Dispatch<import("react").SetStateAction<number>>;
+        dismissOnOverlayPress: boolean;
+        dismissOnSnapToBottom: boolean;
+        onOverlayComponent: ((comp: any) => void) | undefined;
+        scope: import("@tamagui/create-context").Scope<any>;
+        position: number;
+        snapPoints: number[];
+        setPosition: (next: number) => void;
+        setPositionImmediate: import("react").Dispatch<import("react").SetStateAction<number>>;
+        onlyShowFrame: boolean;
+    }> | undefined;
+} | undefined) => {
+    removeScrollEnabled: boolean | undefined;
+    scrollBridge: import("./types").ScrollBridge;
+    modal: boolean;
+    open: boolean;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    hidden: boolean;
+    contentRef: import("react").RefObject<import("@tamagui/web").TamaguiElement>;
+    frameSize: number;
+    setFrameSize: import("react").Dispatch<import("react").SetStateAction<number>>;
+    dismissOnOverlayPress: boolean;
+    dismissOnSnapToBottom: boolean;
+    onOverlayComponent: ((comp: any) => void) | undefined;
+    scope: import("@tamagui/create-context").Scope<any>;
+    position: number;
+    snapPoints: number[];
+    setPosition: (next: number) => void;
+    setPositionImmediate: import("react").Dispatch<import("react").SetStateAction<number>>;
+    onlyShowFrame: boolean;
+};
 //# sourceMappingURL=SheetContext.d.ts.map

package/types/SheetContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetContext.d.ts","sourceRoot":"","sources":["../src/SheetContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzE,KAAK,iBAAiB,GAAG,QAAQ,CAC/B,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,uBAAuB,CAAC,CAC/E,GAAG;IACF,MAAM,EAAE,OAAO,CAAA;IACf,WAAW,EAAE,qBAAqB,CAAA;IAClC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACtD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC3C,qBAAqB,EAAE,OAAO,CAAA;IAC9B,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,eAAO,MAAO,kBAAkB;;;;;;;;;qCAAE,gBAAgB,+CAAkC,CAAA;AAEpF,eAAO,MAAO,aAAa;;gBAZjB,OAAO;qBACF,qBAAqB;iBACzB,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC;oBAC1C,MAAM,SAAS,CAAC,cAAc,CAAC;+BACpB,OAAO;sBAChB,YAAY;mBACf,MAAM;eACV,OAAO;;;;;;GAKa,eAAe;;;mCAG3C,CAAA"}
+{"version":3,"file":"SheetContext.d.ts","sourceRoot":"","sources":["../src/SheetContext.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAO,kBAAkB;;;;;;;;;qCAAE,gBAAgB,+CAAkC,CAAA;AAEpF,eAAO,MAAO,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG3C,CAAA"}

package/types/SheetImplementationCustom.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { View } from 'react-native';
+export declare const SheetImplementationCustom: (props: Omit<{
+    open?: boolean | undefined;
+    defaultOpen?: boolean | undefined;
+    onOpenChange?: (((open: boolean) => void) | import("react").Dispatch<import("react").SetStateAction<boolean>>) | undefined;
+    position?: number | undefined;
+    defaultPosition?: number | undefined;
+    snapPoints?: number[] | undefined;
+    onPositionChange?: import("./types").PositionChangeHandler | undefined;
+    children?: import("react").ReactNode;
+    dismissOnOverlayPress?: boolean | undefined;
+    dismissOnSnapToBottom?: boolean | undefined;
+    forceRemoveScrollEnabled?: boolean | undefined;
+    animationConfig?: import("@tamagui/core").AnimatedNumberStrategy | undefined;
+    native?: boolean | "ios"[] | undefined;
+    animation?: import("@tamagui/core").AnimationProp | undefined;
+    handleDisableScroll?: boolean | undefined;
+    disableDrag?: boolean | undefined;
+    modal?: boolean | undefined;
+    zIndex?: number | undefined;
+    portalProps?: import("@tamagui/portal").PortalProps | undefined;
+    moveOnKeyboardChange?: boolean | undefined;
+} & {
+    __scopeSheet?: import("@tamagui/create-context").Scope<any>;
+} & import("react").RefAttributes<View>, "theme" | "themeInverse"> & import("@tamagui/core").ThemeableProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=SheetImplementationCustom.d.ts.map

package/types/SheetImplementationCustom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetImplementationCustom.d.ts","sourceRoot":"","sources":["../src/SheetImplementationCustom.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAOL,IAAI,EACL,MAAM,cAAc,CAAA;AAUrB,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;6MA8VrC,CAAA"}

package/types/constants.d.ts

@@ -2,4 +2,6 @@ export declare const constants: {};
 export declare const SHEET_NAME = "Sheet";
 export declare const SHEET_HANDLE_NAME = "SheetHandle";
 export declare const SHEET_OVERLAY_NAME = "SheetOverlay";
+export declare const HIDDEN_SIZE = 10000;
+export declare const SHEET_HIDDEN_STYLESHEET: HTMLStyleElement | null;
 //# sourceMappingURL=constants.d.ts.map

package/types/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,IAAK,CAAA;AAE3B,eAAO,MAAM,UAAU,UAAU,CAAA;AACjC,eAAO,MAAM,iBAAiB,gBAAgB,CAAA;AAC9C,eAAO,MAAM,kBAAkB,iBAAiB,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,IAAK,CAAA;AAE3B,eAAO,MAAM,UAAU,UAAU,CAAA;AACjC,eAAO,MAAM,iBAAiB,gBAAgB,CAAA;AAC9C,eAAO,MAAM,kBAAkB,iBAAiB,CAAA;AAGhD,eAAO,MAAM,WAAW,QAAS,CAAA;AAEjC,eAAO,MAAM,uBAAuB,yBAAoD,CAAA"}

package/types/contexts.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const ParentSheetContext: import("react").Context<{
+    zIndex: number;
+}>;
+export declare const SheetInsideSheetContext: import("react").Context<((hasChild: boolean) => void) | null>;
+//# sourceMappingURL=contexts.d.ts.map

package/types/contexts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contexts.d.ts","sourceRoot":"","sources":["../src/contexts.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,kBAAkB;;EAE7B,CAAA;AAEF,eAAO,MAAM,uBAAuB,sCACtB,OAAO,KAAK,IAAI,SACvB,CAAA"}

package/types/createSheet.d.ts

@@ -37,10 +37,12 @@ export declare function createSheet({ Handle, Frame, Overlay }: CreateSheetProps
 } & RefAttributes<View>> & {
     Controlled: FunctionComponent<Omit<SheetProps, "open" | "onOpenChange"> & RefAttributes<View>> & {
         Frame: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & SharedSheetProps & {
+            disableHideBottomOverflow?: boolean | undefined;
+        } & {
             __scopeSheet?: import("@tamagui/create-context").Scope<any>;
         } & RefAttributes<unknown>>;
-        Overlay: ({ __scopeSheet, ...props }: SheetScopedProps<GetProps<typeof Overlay>>) => JSX.Element;
-        Handle: ({ __scopeSheet, ...props }: SheetScopedProps<GetProps<typeof Handle>>) => JSX.Element;
+        Overlay: (propsIn: SheetScopedProps<GetProps<typeof Overlay>>) => null;
+        Handle: ({ __scopeSheet, ...props }: SheetScopedProps<GetProps<typeof Handle>>) => JSX.Element | null;
         ScrollView: import("react").ForwardRefExoticComponent<import("react-native").ScrollViewProps & Omit<StackProps, keyof import("react-native").ScrollViewProps> & Omit<{}, "fullscreen"> & {
             readonly fullscreen?: boolean | undefined;
         } & import("@tamagui/core").MediaProps<Partial<import("react-native").ScrollViewProps & Omit<StackProps, keyof import("react-native").ScrollViewProps> & Omit<{}, "fullscreen"> & {
@@ -50,10 +52,12 @@ export declare function createSheet({ Handle, Frame, Overlay }: CreateSheetProps
         }>> & RefAttributes<import("@tamagui/core").TamaguiElement>>;
     };
     Frame: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & SharedSheetProps & {
+        disableHideBottomOverflow?: boolean | undefined;
+    } & {
         __scopeSheet?: import("@tamagui/create-context").Scope<any>;
     } & RefAttributes<unknown>>;
-    Overlay: ({ __scopeSheet, ...props }: SheetScopedProps<GetProps<typeof Overlay>>) => JSX.Element;
-    Handle: ({ __scopeSheet, ...props }: SheetScopedProps<GetProps<typeof Handle>>) => JSX.Element;
+    Overlay: (propsIn: SheetScopedProps<GetProps<typeof Overlay>>) => null;
+    Handle: ({ __scopeSheet, ...props }: SheetScopedProps<GetProps<typeof Handle>>) => JSX.Element | null;
     ScrollView: import("react").ForwardRefExoticComponent<import("react-native").ScrollViewProps & Omit<StackProps, keyof import("react-native").ScrollViewProps> & Omit<{}, "fullscreen"> & {
         readonly fullscreen?: boolean | undefined;
     } & import("@tamagui/core").MediaProps<Partial<import("react-native").ScrollViewProps & Omit<StackProps, keyof import("react-native").ScrollViewProps> & Omit<{}, "fullscreen"> & {

package/types/createSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSheet.d.ts","sourceRoot":"","sources":["../src/createSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,EACR,UAAU,EACV,iCAAiC,EAalC,MAAM,eAAe,CAAA;AAItB,OAAO,EACL,iBAAiB,EACjB,aAAa,EASd,MAAM,OAAO,CAAA;AACd,OAAO,EAOL,IAAI,EACL,MAAM,cAAc,CAAA;AAMrB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAOtD,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,KAAK,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAA;AAE9C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,iCAAiC,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;IACrE,MAAM,EAAE,iCAAiC,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;IACtE,OAAO,EAAE,iCAAiC,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;CACxE,CAAA;AAOD,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAyBvC,iBAAiB,SAAS,cAAc,CAAC,CAAC;6CAvB1C,iBAAiB,SAAS,aAAa,CAAC,CAAC;;;;;;;;;;;;0CAuBzC,iBAAiB,SAAS,cAAc,CAAC,CAAC;yCAvB1C,iBAAiB,SAAS,aAAa,CAAC,CAAC;;;;;;;;EAoGzE"}
+{"version":3,"file":"createSheet.d.ts","sourceRoot":"","sources":["../src/createSheet.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EACR,UAAU,EACV,iCAAiC,EAIlC,MAAM,eAAe,CAAA;AAEtB,OAAO,EACL,iBAAiB,EACjB,aAAa,EAId,MAAM,OAAO,CAAA;AACd,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAO7C,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAGtD,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,KAAK,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAA;AAE9C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,iCAAiC,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;IACrE,MAAM,EAAE,iCAAiC,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;IACtE,OAAO,EAAE,iCAAiC,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;CACxE,CAAA;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA8B1D,iBAAiB,SAAS,cAAc,CAAC,CAAC;6CA5BvB,iBAAiB,SAAS,aAAa,CAAC,CAAC;;;;;;;;;;;;;;uBA4B5D,iBAAiB,SAAS,cAAc,CAAC,CAAC;yCA5BvB,iBAAiB,SAAS,aAAa,CAAC,CAAC;;;;;;;;EAwKzE"}

package/types/helpers.d.ts

@@ -0,0 +1,2 @@
+export declare function resisted(y: number, minY: number, maxOverflow?: number): number;
+//# sourceMappingURL=helpers.d.ts.map

package/types/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../src/helpers.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,SAAK,UASjE"}

package/types/nativeSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nativeSheet.d.ts","sourceRoot":"","sources":["../src/nativeSheet.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAA;AAG5D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAOpC,KAAK,oBAAoB,GAAG,KAAK,CAAA;AAMjC,wBAAgB,cAAc,CAAC,QAAQ,EAAE,oBAAoB,wCAE5D;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,GAAG,QA+CnF"}
+{"version":3,"file":"nativeSheet.d.ts","sourceRoot":"","sources":["../src/nativeSheet.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAA;AAG5D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAMpC,KAAK,oBAAoB,GAAG,KAAK,CAAA;AAMjC,wBAAgB,cAAc,CAAC,QAAQ,EAAE,oBAAoB,wCAE5D;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,GAAG,QA8CnF"}

package/types/useSheet.d.ts

@@ -1,12 +1,22 @@
 /// <reference types="react" />
-export declare const useSheet: () => Required<Pick<import("./types").SheetProps, "position" | "open" | "snapPoints" | "dismissOnOverlayPress">> & {
-    hidden: boolean;
-    setPosition: import("./types").PositionChangeHandler;
+export declare const useSheet: () => {
+    removeScrollEnabled: boolean | undefined;
+    scrollBridge: import("./types").ScrollBridge;
+    modal: boolean;
+    open: boolean;
     setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    hidden: boolean;
     contentRef: import("react").RefObject<import("@tamagui/web").TamaguiElement>;
-    dismissOnSnapToBottom: boolean;
-    scrollBridge: import("./types").ScrollBridge;
     frameSize: number;
-    modal: boolean;
+    setFrameSize: import("react").Dispatch<import("react").SetStateAction<number>>;
+    dismissOnOverlayPress: boolean;
+    dismissOnSnapToBottom: boolean;
+    onOverlayComponent: ((comp: any) => void) | undefined;
+    scope: import("@tamagui/create-context").Scope<any>;
+    position: number;
+    snapPoints: number[];
+    setPosition: (next: number) => void;
+    setPositionImmediate: import("react").Dispatch<import("react").SetStateAction<number>>;
+    onlyShowFrame: boolean;
 };
 //# sourceMappingURL=useSheet.d.ts.map

package/types/useSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSheet.d.ts","sourceRoot":"","sources":["../src/useSheet.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,QAAQ;;;;;;;;;CAAuC,CAAA"}
+{"version":3,"file":"useSheet.d.ts","sourceRoot":"","sources":["../src/useSheet.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;CAAuC,CAAA"}

package/types/useSheetController.d.ts

@@ -3,6 +3,7 @@ export declare const useSheetController: () => {
     controller: SheetControllerContextValue | null;
     isHidden: boolean | undefined;
     isShowingNonSheet: boolean | undefined;
+    disableDrag: boolean | undefined;
 };
 export declare const SheetControllerContext: import("react").Context<SheetControllerContextValue | null>;
 export type SheetControllerContextValue = {

package/types/useSheetController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSheetController.d.ts","sourceRoot":"","sources":["../src/useSheetController.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,kBAAkB;;;;CAS9B,CAAA;AAED,eAAO,MAAM,sBAAsB,6DAElC,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC,CAAA;CACxF,CAAA"}
+{"version":3,"file":"useSheetController.d.ts","sourceRoot":"","sources":["../src/useSheetController.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,kBAAkB;;;;;CAU9B,CAAA;AAED,eAAO,MAAM,sBAAsB,6DAElC,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC,CAAA;CACxF,CAAA"}

package/types/useSheetProviderProps.d.ts

@@ -2,7 +2,12 @@ import { TamaguiElement } from '@tamagui/core';
 import React from 'react';
 import { ScrollBridge, SheetProps } from './types';
 import { SheetOpenState } from './useSheetOpenState';
-export declare function useSheetProviderProps(props: SheetProps, state: SheetOpenState): {
+export type SheetContextValue = ReturnType<typeof useSheetProviderProps>;
+export declare function useSheetProviderProps(props: SheetProps, state: SheetOpenState, options?: {
+    onOverlayComponent?: (comp: any) => void;
+}): {
+    removeScrollEnabled: boolean | undefined;
+    scrollBridge: ScrollBridge;
     modal: boolean;
     open: boolean;
     setOpen: React.Dispatch<React.SetStateAction<boolean>>;
@@ -12,12 +17,12 @@ export declare function useSheetProviderProps(props: SheetProps, state: SheetOpe
     setFrameSize: React.Dispatch<React.SetStateAction<number>>;
     dismissOnOverlayPress: boolean;
     dismissOnSnapToBottom: boolean;
+    onOverlayComponent: ((comp: any) => void) | undefined;
     scope: import("@tamagui/create-context").Scope<any>;
     position: number;
     snapPoints: number[];
     setPosition: (next: number) => void;
     setPositionImmediate: React.Dispatch<React.SetStateAction<number>>;
-    scrollBridge: ScrollBridge;
+    onlyShowFrame: boolean;
 };
-export type SheetContextValue = ReturnType<typeof useSheetProviderProps>;
 //# sourceMappingURL=useSheetProviderProps.d.ts.map

package/types/useSheetProviderProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSheetProviderProps.d.ts","sourceRoot":"","sources":["../src/useSheetProviderProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAG9C,OAAO,KAAyC,MAAM,OAAO,CAAA;AAE7D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc;;;;;;;;;;;;;wBAuBnE,MAAM;;;EAuChB;AAED,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAA"}
+{"version":3,"file":"useSheetProviderProps.d.ts","sourceRoot":"","sources":["../src/useSheetProviderProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAsB,MAAM,eAAe,CAAA;AAGlE,OAAO,KAAoD,MAAM,OAAO,CAAA;AAExE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAExE,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,cAAc,EACrB,OAAO,GAAE;IACP,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;CACpC;;;;;;;;;;;;gCADwB,GAAG,KAAK,IAAI;;;;wBA2BjC,MAAM;;;EAwEhB"}

package/src/useSheetChildren.tsx

@@ -1,49 +0,0 @@
-import React, { isValidElement } from 'react'
-
-export function useSheetChildren(childrenProp: any) {
-  let handleComponent: React.ReactElement | null = null
-  let overlayComponent: React.ReactElement | null = null
-  let frameComponent: React.ReactElement | null = null
-  let rest: any[] = []
-
-  // TODO do more radix-like and don't require direct children descendents
-  React.Children.forEach(childrenProp, (child) => {
-    if (isValidElement(child)) {
-      const name = child.type?.['staticConfig']?.componentName
-      switch (name) {
-        case 'SheetHandle':
-          handleComponent = child
-          break
-        case 'Sheet':
-          frameComponent = child
-          break
-        case 'SheetOverlay':
-          overlayComponent = child
-          break
-        default:
-          rest.push(child)
-      }
-    }
-  })
-
-  let bottomCoverComponent: any = null
-
-  if (frameComponent) {
-    bottomCoverComponent = React.cloneElement(frameComponent, {
-      children: null,
-      position: 'absolute',
-      bottom: -100,
-      height: 110,
-      left: 0,
-      right: 0,
-    })
-  }
-
-  return {
-    handleComponent,
-    overlayComponent,
-    frameComponent,
-    bottomCoverComponent,
-    rest,
-  }
-}