import React from "react"; import type { BottomSheetContentProps, BottomSheetPopupProps, BottomSheetProps, BottomSheetRootProps, BottomSheetScrollAreaProps, BottomSheetTriggerProps } from "./BottomSheet.types"; /** * Whether `BottomSheet.Popup` renders its own built-in scroll area (with the * bottom fade). Defaults to `true` — the popup wraps its `children` in a * scrollable viewport. A consumer that manages its own scroll region (e.g. * `Dialog`, which pins a header/footer outside a single scroll area) provides * `false` to opt out. Mirrors how `Dialog.Body` decides whether to wrap itself * via context rather than a prop. */ export declare const BottomSheetScrollAreaContext: React.Context; declare function BottomSheetTrigger({ children, render, className, ...triggerProps }: BottomSheetTriggerProps): React.JSX.Element; /** * Thin pass-through to the Drawer root: a single owner manages open state, and * all root props — `handle`, `modal`, `disablePointerDismissal`, the payload * render-function `children`, etc. — reach BaseUI unchanged. */ declare function BottomSheetRoot({ children, ...rootProps }: BottomSheetRootProps): React.JSX.Element; declare function BottomSheetPopup({ children, className, initialFocus, finalFocus, ref, ...popupProps }: BottomSheetPopupProps): React.JSX.Element; /** * The sheet's scroll region: a styled BaseUI `ScrollArea` (native scrollbar) with * a bottom fade that hints at more content while the viewport can scroll further. * `BottomSheet.Popup` renders this automatically unless a consumer opts out via * `BottomSheetScrollAreaContext` and composes it (or its own scroll region) * directly. */ declare function BottomSheetScrollArea({ children, className, style, }: BottomSheetScrollAreaProps): React.JSX.Element; declare function BottomSheetContent({ children, className, ref, ...contentProps }: BottomSheetContentProps): React.JSX.Element; declare function BottomSheetComponent({ children, className, initialFocus, finalFocus, open, defaultOpen, onOpenChange, ref, ...contentProps }: BottomSheetProps): React.JSX.Element; export declare const BottomSheet: typeof BottomSheetComponent & { Root: typeof BottomSheetRoot; Trigger: typeof BottomSheetTrigger; Popup: typeof BottomSheetPopup; Content: typeof BottomSheetContent; ScrollArea: typeof BottomSheetScrollArea; }; export {};