@hanzogui/sheet 2.0.0

package/src/useSheetScrollViewGestures.ts

@@ -0,0 +1,194 @@
+import { useEffect, useRef } from 'react'
+import type { ScrollView as RNScrollView } from 'react-native'
+import type { ScrollBridge } from './types'
+
+type GestureOwner = 'none' | 'pan' | 'scroll'
+
+interface GestureState {
+  startY: number
+  lastY: number
+  owner: GestureOwner
+  panDragOffset: number
+  dys: number[]
+  scrollYAtGestureStart: number
+}
+
+interface UseSheetScrollViewGesturesProps {
+  scrollRef: React.RefObject<RNScrollView | null>
+  scrollBridge: ScrollBridge
+  hasScrollableContent: boolean
+  scrollEnabled: boolean
+  setScrollEnabled: (enabled: boolean, lockTo?: number) => void
+}
+
+export function useSheetScrollViewGestures({
+  scrollRef,
+  scrollBridge,
+  hasScrollableContent,
+}: UseSheetScrollViewGesturesProps) {
+  const state = useRef<GestureState>({
+    startY: 0,
+    lastY: 0,
+    owner: 'none',
+    panDragOffset: 0,
+    dys: [],
+    scrollYAtGestureStart: 0,
+  })
+
+  useEffect(() => {
+    if (!scrollRef.current) return
+
+    const controller = new AbortController()
+    const node = scrollRef.current?.getScrollableNode() as HTMLElement | undefined
+
+    if (!node) return
+
+    node.style.overscrollBehavior = 'contain'
+
+    // track original overflow to restore later
+    let originalOverflow = ''
+
+    const disableScroll = () => {
+      if (node.style.overflowY !== 'hidden') {
+        originalOverflow = node.style.overflowY
+        node.style.overflowY = 'hidden'
+      }
+    }
+
+    const enableScroll = () => {
+      node.style.overflowY = originalOverflow
+    }
+
+    const handleTouchStart = (e: TouchEvent) => {
+      const touch = e.touches[0]
+      if (!touch) return
+
+      const currentScrollY = node.scrollTop
+
+      state.current = {
+        startY: touch.pageY,
+        lastY: touch.pageY,
+        owner: 'none',
+        panDragOffset: 0,
+        dys: [],
+        scrollYAtGestureStart: currentScrollY,
+      }
+
+      scrollBridge.scrollStartY = touch.pageY
+    }
+
+    const handleTouchMove = (e: TouchEvent) => {
+      const touch = e.touches[0]
+      if (!touch) return
+
+      const { current: s } = state
+      const pageY = touch.pageY
+      const dy = pageY - s.lastY
+      s.lastY = pageY
+
+      if (dy === 0) return
+
+      const isDraggingDown = dy > 0
+      const currentScrollY = node.scrollTop
+      const isPaneAtTop = scrollBridge.paneY <= scrollBridge.paneMinY + 5
+
+      scrollBridge.y = currentScrollY
+
+      // simple ownership rules:
+      // - pan owns when: sheet not at top, OR (sheet at top AND scrollY=0 AND dragging down)
+      // - scroll owns otherwise
+
+      let shouldPanOwn = false
+
+      if (!isPaneAtTop) {
+        // sheet not at top - pan always owns
+        shouldPanOwn = true
+      } else if (currentScrollY <= 0 && isDraggingDown) {
+        // at top, scroll at 0, dragging down - pan owns (pull sheet down)
+        shouldPanOwn = true
+      }
+
+      const newOwner: GestureOwner = shouldPanOwn ? 'pan' : 'scroll'
+
+      // handle transitions
+      if (newOwner !== s.owner) {
+        if (newOwner === 'pan') {
+          s.panDragOffset = 0
+          s.dys = []
+          scrollBridge.setParentDragging(true)
+          disableScroll()
+        } else {
+          scrollBridge.setParentDragging(false)
+          scrollBridge.scrollLock = false
+          enableScroll()
+        }
+        s.owner = newOwner
+      }
+
+      if (s.owner === 'pan') {
+        if (e.cancelable) e.preventDefault()
+
+        s.panDragOffset += dy
+        scrollBridge.drag(s.panDragOffset)
+
+        s.dys.push(dy)
+        if (s.dys.length > 100) s.dys = s.dys.slice(-10)
+      } else if (s.owner === 'scroll') {
+        // programmatic scroll for synthetic events
+        const scrollDelta = -dy
+        const maxScrollY = node.scrollHeight - node.clientHeight
+        const newScrollY = Math.max(0, Math.min(maxScrollY, currentScrollY + scrollDelta))
+        if (newScrollY !== currentScrollY) {
+          node.scrollTop = newScrollY
+          scrollBridge.y = newScrollY
+        }
+      }
+    }
+
+    const handleTouchEnd = () => {
+      const { current: s } = state
+
+      if (s.owner === 'pan') {
+        scrollBridge.setParentDragging(false)
+
+        let vy = 0
+        if (s.dys.length) {
+          const recentDys = s.dys.slice(-10)
+          const dist = recentDys.reduce((a, b) => a + b, 0)
+          vy = (dist / recentDys.length) * 0.04
+        }
+
+        scrollBridge.release({ dragAt: s.panDragOffset, vy })
+      }
+
+      enableScroll()
+      s.owner = 'none'
+      s.panDragOffset = 0
+      s.dys = []
+    }
+
+    node.addEventListener('touchstart', handleTouchStart, {
+      signal: controller.signal,
+      passive: true,
+    })
+    node.addEventListener('touchmove', handleTouchMove, {
+      signal: controller.signal,
+      passive: false,
+    })
+    node.addEventListener('touchend', handleTouchEnd, {
+      signal: controller.signal,
+      passive: true,
+    })
+    node.addEventListener('touchcancel', handleTouchEnd, {
+      signal: controller.signal,
+      passive: true,
+    })
+
+    return () => {
+      enableScroll()
+      controller.abort()
+    }
+  }, [scrollRef, scrollBridge, hasScrollableContent])
+
+  return {}
+}

package/tsconfig.json

@@ -0,0 +1,56 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "composite": true,
+    "strict": true
+  },
+  "references": [
+    {
+      "path": "../../core/animations-react-native"
+    },
+    {
+      "path": "../../core/compose-refs"
+    },
+    {
+      "path": "../../core/constants"
+    },
+    {
+      "path": "../../core/core"
+    },
+    {
+      "path": "../../core/create-context"
+    },
+    {
+      "path": "../../core/helpers"
+    },
+    {
+      "path": "../../core/use-constant"
+    },
+    {
+      "path": "../../core/use-controllable-state"
+    },
+    {
+      "path": "../../core/use-keyboard-visible"
+    },
+    {
+      "path": "../animate-presence"
+    },
+    {
+      "path": "../portal"
+    },
+    {
+      "path": "../remove-scroll"
+    },
+    {
+      "path": "../scroll-view"
+    },
+    {
+      "path": "../stacks"
+    }
+  ],
+  "exclude": [
+    "types",
+    "dist",
+    "**/__tests__"
+  ]
+}

package/types/GestureDetectorWrapper.d.ts

@@ -0,0 +1,14 @@
+import type React from 'react';
+import { type ViewStyle } from 'react-native';
+interface GestureDetectorWrapperProps {
+    gesture: any;
+    children: React.ReactNode;
+    style?: ViewStyle;
+}
+/**
+ * Conditionally wraps children with GestureDetector when RNGH is available.
+ * Uses a plain View wrapper that GestureDetector can attach gesture handlers to.
+ */
+export declare function GestureDetectorWrapper({ gesture, children, style, }: GestureDetectorWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GestureDetectorWrapper.d.ts.map

package/types/GestureSheetContext.d.ts

@@ -0,0 +1,36 @@
+import type React from 'react';
+import { type RefObject } from 'react';
+export interface GestureSheetContextValue {
+    /**
+     * The sheet's pan gesture object, used for simultaneousHandlers
+     * in ScrollView to coordinate gestures
+     */
+    panGesture: any | null;
+    /**
+     * Ref to the pan gesture for simultaneousHandlers prop
+     */
+    panGestureRef: RefObject<any> | null;
+    /**
+     * Whether the sheet is currently being dragged by the user
+     */
+    isDragging: boolean;
+    /**
+     * Set whether panning should be blocked (e.g., when scrolling)
+     */
+    setBlockPan: (blocked: boolean) => void;
+    /**
+     * Whether pan gesture is currently blocked
+     */
+    blockPan: boolean;
+}
+export declare function useGestureSheetContext(): GestureSheetContextValue | null;
+export interface GestureSheetProviderProps {
+    children: React.ReactNode;
+    isDragging: boolean;
+    blockPan: boolean;
+    setBlockPan: (blocked: boolean) => void;
+    panGesture: any | null;
+    panGestureRef: RefObject<any> | null;
+}
+export declare function GestureSheetProvider({ children, isDragging, blockPan, setBlockPan, panGesture, panGestureRef, }: GestureSheetProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GestureSheetContext.d.ts.map

package/types/Sheet.d.ts

@@ -0,0 +1,183 @@
+export { createSheetScope } from './SheetContext';
+export * from './types';
+export declare const Handle: import("@gui/core").GuiComponent<import("@gui/core").TamaDefer, import("@gui/core").GuiElement, import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
+    open?: boolean | undefined;
+    unstyled?: boolean | undefined;
+    elevation?: number | import("@gui/core").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, import("@gui/core").StaticConfigPublic>;
+export declare const Overlay: import("@gui/core").GuiComponent<import("@gui/core").TamaDefer, import("@gui/core").GuiElement, import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
+    open?: boolean | undefined;
+    unstyled?: boolean | undefined;
+    elevation?: number | import("@gui/core").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, import("@gui/core").StaticConfigPublic>;
+export declare const Frame: import("@gui/core").GuiComponent<import("@gui/core").TamaDefer, import("@gui/core").GuiElement, import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
+    unstyled?: boolean | undefined;
+    elevation?: number | import("@gui/core").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, import("@gui/core").StaticConfigPublic>;
+export declare const Sheet: import("react").ForwardRefExoticComponent<{
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: import("react").Dispatch<import("react").SetStateAction<boolean>> | ((open: boolean) => void);
+    position?: number;
+    defaultPosition?: number;
+    snapPoints?: (string | number)[];
+    snapPointsMode?: import("./types").SnapPointsMode;
+    onPositionChange?: import("./types").PositionChangeHandler;
+    children?: import("react").ReactNode;
+    dismissOnOverlayPress?: boolean;
+    dismissOnSnapToBottom?: boolean;
+    disableRemoveScroll?: boolean;
+    forceRemoveScrollEnabled?: boolean;
+    transitionConfig?: import("@gui/core").AnimatedNumberStrategy;
+    preferAdaptParentOpenState?: boolean;
+    unmountChildrenWhenHidden?: boolean;
+    native?: "ios"[] | boolean;
+    transition?: import("@gui/core").TransitionProp;
+    handleDisableScroll?: boolean;
+    disableDrag?: boolean;
+    modal?: boolean;
+    zIndex?: number;
+    portalProps?: import("@gui/portal").PortalProps;
+    moveOnKeyboardChange?: boolean;
+    containerComponent?: React.ComponentType<any>;
+    onAnimationComplete?: (info: {
+        open: boolean;
+    }) => void;
+} & {
+    __scopeSheet?: import("@gui/create-context").Scope<any>;
+} & import("react").RefAttributes<import("react-native").View>> & {
+    Controlled: import("react").FunctionComponent<Omit<import("./types").SheetProps, "open" | "onOpenChange"> & import("react").RefAttributes<import("react-native").View>> & {
+        Frame: import("react").ForwardRefExoticComponent<import("./types").SheetScopedProps<Omit<import("@gui/core").GetFinalProps<import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
+            unstyled?: boolean | undefined;
+            elevation?: number | import("@gui/core").SizeTokens | undefined;
+            fullscreen?: boolean | undefined;
+        }>, keyof {
+            disableHideBottomOverflow?: boolean;
+            adjustPaddingForOffscreenContent?: boolean;
+        }> & {
+            disableHideBottomOverflow?: boolean;
+            adjustPaddingForOffscreenContent?: boolean;
+        }>>;
+        Overlay: import("@gui/core").GuiComponent<Omit<import("@gui/core").StackNonStyleProps & import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>> & import("@gui/core").WithPseudoProps<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>>> & import("@gui/core").WithMediaProps<import("@gui/core").WithThemeShorthandsAndPseudos<import("@gui/core").StackStyleBase, {}>> & {
+            open?: boolean;
+        }, "__scopeSheet"> & {
+            __scopeSheet?: import("@gui/create-context").Scope<any>;
+        }, any, any, any, {
+            open?: boolean;
+        }, {}> | import("@gui/core").GuiComponent<Omit<import("@gui/core").StackNonStyleProps & import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>> & import("@gui/core").WithPseudoProps<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>>> & import("@gui/core").WithMediaProps<import("@gui/core").WithThemeShorthandsAndPseudos<import("@gui/core").StackStyleBase, {}>> & {
+            open?: boolean;
+        }, "__scopeSheet"> & {
+            __scopeSheet?: import("@gui/create-context").Scope<any>;
+        }, any, {
+            __scopeSheet?: import("@gui/create-context").Scope<any>;
+        }, {}, {}, {}>;
+        Handle: import("@gui/core").GuiComponent<any, any, any, any, {
+            open?: boolean;
+        }, {}> | import("@gui/core").GuiComponent<any, any, any, {}, {}, {}>;
+        ScrollView: import("react").ForwardRefExoticComponent<Omit<import("@gui/core").GuiComponentPropsBaseBase & import("react-native").ScrollViewProps, keyof import("@gui/core").StackStyleBase | "fullscreen" | "contentContainerStyle"> & import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
+            readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+                accept: {
+                    readonly contentContainerStyle: "style";
+                };
+            }>> | undefined;
+        }> & {
+            fullscreen?: boolean | undefined;
+        } & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
+            readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+                accept: {
+                    readonly contentContainerStyle: "style";
+                };
+            }>> | undefined;
+        }>> & import("@gui/core").WithPseudoProps<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
+            readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+                accept: {
+                    readonly contentContainerStyle: "style";
+                };
+            }>> | undefined;
+        }> & {
+            fullscreen?: boolean | undefined;
+        } & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
+            readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+                accept: {
+                    readonly contentContainerStyle: "style";
+                };
+            }>> | undefined;
+        }>>> & import("@gui/core").WithMediaProps<import("@gui/core").WithThemeShorthandsAndPseudos<import("@gui/core").StackStyleBase & {
+            readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+                accept: {
+                    readonly contentContainerStyle: "style";
+                };
+            }>> | undefined;
+        }, {
+            fullscreen?: boolean | undefined;
+        }>> & import("react").RefAttributes<import("react-native").ScrollView>>;
+    };
+    Frame: import("react").ForwardRefExoticComponent<import("./types").SheetScopedProps<Omit<import("@gui/core").GetFinalProps<import("@gui/core").RNGuiViewNonStyleProps, import("@gui/core").StackStyleBase, {
+        unstyled?: boolean | undefined;
+        elevation?: number | import("@gui/core").SizeTokens | undefined;
+        fullscreen?: boolean | undefined;
+    }>, keyof {
+        disableHideBottomOverflow?: boolean;
+        adjustPaddingForOffscreenContent?: boolean;
+    }> & {
+        disableHideBottomOverflow?: boolean;
+        adjustPaddingForOffscreenContent?: boolean;
+    }>>;
+    Overlay: import("@gui/core").GuiComponent<Omit<import("@gui/core").StackNonStyleProps & import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>> & import("@gui/core").WithPseudoProps<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>>> & import("@gui/core").WithMediaProps<import("@gui/core").WithThemeShorthandsAndPseudos<import("@gui/core").StackStyleBase, {}>> & {
+        open?: boolean;
+    }, "__scopeSheet"> & {
+        __scopeSheet?: import("@gui/create-context").Scope<any>;
+    }, any, any, any, {
+        open?: boolean;
+    }, {}> | import("@gui/core").GuiComponent<Omit<import("@gui/core").StackNonStyleProps & import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>> & import("@gui/core").WithPseudoProps<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase> & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase>>> & import("@gui/core").WithMediaProps<import("@gui/core").WithThemeShorthandsAndPseudos<import("@gui/core").StackStyleBase, {}>> & {
+        open?: boolean;
+    }, "__scopeSheet"> & {
+        __scopeSheet?: import("@gui/create-context").Scope<any>;
+    }, any, {
+        __scopeSheet?: import("@gui/create-context").Scope<any>;
+    }, {}, {}, {}>;
+    Handle: import("@gui/core").GuiComponent<any, any, any, any, {
+        open?: boolean;
+    }, {}> | import("@gui/core").GuiComponent<any, any, any, {}, {}, {}>;
+    ScrollView: import("react").ForwardRefExoticComponent<Omit<import("@gui/core").GuiComponentPropsBaseBase & import("react-native").ScrollViewProps, keyof import("@gui/core").StackStyleBase | "fullscreen" | "contentContainerStyle"> & import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
+        readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+            accept: {
+                readonly contentContainerStyle: "style";
+            };
+        }>> | undefined;
+    }> & {
+        fullscreen?: boolean | undefined;
+    } & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
+        readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+            accept: {
+                readonly contentContainerStyle: "style";
+            };
+        }>> | undefined;
+    }>> & import("@gui/core").WithPseudoProps<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
+        readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+            accept: {
+                readonly contentContainerStyle: "style";
+            };
+        }>> | undefined;
+    }> & {
+        fullscreen?: boolean | undefined;
+    } & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
+        readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+            accept: {
+                readonly contentContainerStyle: "style";
+            };
+        }>> | undefined;
+    }>>> & import("@gui/core").WithMediaProps<import("@gui/core").WithThemeShorthandsAndPseudos<import("@gui/core").StackStyleBase & {
+        readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof import("react-native").ScrollView, {
+            accept: {
+                readonly contentContainerStyle: "style";
+            };
+        }>> | undefined;
+    }, {
+        fullscreen?: boolean | undefined;
+    }>> & import("react").RefAttributes<import("react-native").ScrollView>>;
+};
+//# sourceMappingURL=Sheet.d.ts.map

package/types/SheetContext.d.ts

@@ -0,0 +1,43 @@
+import type { SheetContextValue } from './useSheetProviderProps';
+export declare const createSheetContext: <ContextValueType extends object | null>(rootComponentName: string, defaultContext?: ContextValueType) => readonly [(props: ContextValueType & {
+    scope: import("@gui/create-context").Scope<ContextValueType>;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, (consumerName: string, scope: import("@gui/create-context").Scope<ContextValueType | undefined>, options?: {
+    warn?: boolean;
+    fallback?: Partial<ContextValueType>;
+}) => ContextValueType], createSheetScope: import("@gui/create-context").CreateScope;
+export declare const SheetProvider: (props: {
+    screenSize: number;
+    maxSnapPoint: string | number;
+    disableRemoveScroll: boolean;
+    scrollBridge: import("./types").ScrollBridge;
+    modal: boolean;
+    open: boolean;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    hidden: boolean;
+    contentRef: import("react").RefObject<import("@gui/web").GuiElement | null>;
+    handleRef: import("react").RefObject<import("@gui/web").GuiElement | null>;
+    frameSize: number;
+    setFrameSize: import("react").Dispatch<import("react").SetStateAction<number>>;
+    dismissOnOverlayPress: boolean;
+    dismissOnSnapToBottom: boolean;
+    onOverlayComponent: ((comp: any) => void) | undefined;
+    scope: import("@gui/create-context").Scope<any>;
+    hasFit: boolean;
+    position: number;
+    snapPoints: (string | number)[];
+    snapPointsMode: import("./types").SnapPointsMode;
+    setMaxContentSize: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setPosition: (next: number) => void;
+    setPositionImmediate: import("react").Dispatch<import("react").SetStateAction<number>>;
+    onlyShowFrame: boolean;
+} & {
+    setHasScrollView: (val: boolean) => void;
+} & {
+    scope: import("@gui/create-context").Scope<SheetContextValue>;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useSheetContext: (consumerName: string, scope: import("@gui/create-context").Scope<SheetContextValue | undefined>, options?: {
+    warn?: boolean;
+    fallback?: Partial<SheetContextValue> | undefined;
+} | undefined) => SheetContextValue;
+//# sourceMappingURL=SheetContext.d.ts.map

package/types/SheetController.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+import type { SheetControllerContextValue } from './useSheetController';
+export declare const SheetController: ({ children, onOpenChange: onOpenChangeProp, open, hidden, disableDrag, }: Partial<SheetControllerContextValue> & {
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SheetController.d.ts.map

package/types/SheetImplementationCustom.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { SnapPointsMode } from './types';
+export declare const SheetImplementationCustom: React.ForwardRefExoticComponent<{
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: React.Dispatch<React.SetStateAction<boolean>> | ((open: boolean) => void);
+    position?: number;
+    defaultPosition?: number;
+    snapPoints?: (string | number)[];
+    snapPointsMode?: SnapPointsMode;
+    onPositionChange?: import("./types").PositionChangeHandler;
+    children?: React.ReactNode;
+    dismissOnOverlayPress?: boolean;
+    dismissOnSnapToBottom?: boolean;
+    disableRemoveScroll?: boolean;
+    forceRemoveScrollEnabled?: boolean;
+    transitionConfig?: import("@gui/core").AnimatedNumberStrategy;
+    preferAdaptParentOpenState?: boolean;
+    unmountChildrenWhenHidden?: boolean;
+    native?: "ios"[] | boolean;
+    transition?: import("@gui/core").TransitionProp;
+    handleDisableScroll?: boolean;
+    disableDrag?: boolean;
+    modal?: boolean;
+    zIndex?: number;
+    portalProps?: import("@gui/portal").PortalProps;
+    moveOnKeyboardChange?: boolean;
+    containerComponent?: React.ComponentType<any>;
+    onAnimationComplete?: (info: {
+        open: boolean;
+    }) => void;
+} & {
+    __scopeSheet?: import("@gui/create-context").Scope<any>;
+} & React.RefAttributes<View>>;
+//# sourceMappingURL=SheetImplementationCustom.d.ts.map

package/types/SheetScrollView.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { ScrollView as RNScrollView } from 'react-native';
+export declare const SheetScrollView: React.ForwardRefExoticComponent<Omit<import("@gui/core").GuiComponentPropsBaseBase & import("react-native").ScrollViewProps, keyof import("@gui/core").StackStyleBase | "fullscreen" | "contentContainerStyle"> & import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
+    readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof RNScrollView, {
+        accept: {
+            readonly contentContainerStyle: "style";
+        };
+    }>> | undefined;
+}> & {
+    fullscreen?: boolean | undefined;
+} & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
+    readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof RNScrollView, {
+        accept: {
+            readonly contentContainerStyle: "style";
+        };
+    }>> | undefined;
+}>> & import("@gui/core").WithPseudoProps<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
+    readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof RNScrollView, {
+        accept: {
+            readonly contentContainerStyle: "style";
+        };
+    }>> | undefined;
+}> & {
+    fullscreen?: boolean | undefined;
+} & import("@gui/core").WithShorthands<import("@gui/core").WithThemeValues<import("@gui/core").StackStyleBase & {
+    readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof RNScrollView, {
+        accept: {
+            readonly contentContainerStyle: "style";
+        };
+    }>> | undefined;
+}>>> & import("@gui/core").WithMediaProps<import("@gui/core").WithThemeShorthandsAndPseudos<import("@gui/core").StackStyleBase & {
+    readonly contentContainerStyle?: Partial<import("@gui/core").InferStyleProps<typeof RNScrollView, {
+        accept: {
+            readonly contentContainerStyle: "style";
+        };
+    }>> | undefined;
+}, {
+    fullscreen?: boolean | undefined;
+}>> & React.RefAttributes<RNScrollView>>;
+//# sourceMappingURL=SheetScrollView.d.ts.map

package/types/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const constants: {};
+export declare const SHEET_NAME = "Sheet";
+export declare const SHEET_HANDLE_NAME = "SheetHandle";
+export declare const SHEET_OVERLAY_NAME = "SheetOverlay";
+//# sourceMappingURL=constants.d.ts.map

package/types/contexts.d.ts

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

package/types/controller.d.ts

@@ -0,0 +1,3 @@
+export { SheetController } from './SheetController';
+export { SheetControllerContext, useSheetController, type SheetControllerContextValue, } from './useSheetController';
+//# sourceMappingURL=controller.d.ts.map