import { Dialog as DrawerPrimitive } from '@base-ui/react/dialog'; import * as React from 'react'; export type DrawerDirection = 'top' | 'right' | 'bottom' | 'left'; export declare const drawerBackdropMotion = "motion-safe:transition-opacity motion-safe:duration-(--motion-duration-slow) motion-safe:data-closed:duration-(--motion-duration-moderate) motion-safe:ease-(--ease-decelerate) motion-safe:data-closed:ease-in motion-safe:data-starting-style:opacity-0 motion-safe:data-ending-style:opacity-0"; export declare const drawerPanelMotion = "motion-safe:transition-transform motion-safe:duration-(--motion-duration-slow) motion-safe:data-closed:duration-(--motion-duration-moderate) motion-safe:ease-(--ease-decelerate) motion-safe:data-closed:ease-in motion-safe:data-[vaul-drawer-direction=bottom]:data-starting-style:translate-y-full motion-safe:data-[vaul-drawer-direction=bottom]:data-ending-style:translate-y-full motion-safe:data-[vaul-drawer-direction=top]:data-starting-style:-translate-y-full motion-safe:data-[vaul-drawer-direction=top]:data-ending-style:-translate-y-full motion-safe:data-[vaul-drawer-direction=left]:data-starting-style:-translate-x-full motion-safe:data-[vaul-drawer-direction=left]:data-ending-style:-translate-x-full motion-safe:data-[vaul-drawer-direction=right]:data-starting-style:translate-x-full motion-safe:data-[vaul-drawer-direction=right]:data-ending-style:translate-x-full"; export declare const DrawerDirectionContext: React.Context; export declare function useDrawerDirection(): DrawerDirection; declare function Drawer({ direction, ...props }: DrawerPrimitive.Root.Props & { direction?: DrawerDirection; }): React.JSX.Element; declare function DrawerTrigger({ ...props }: React.ComponentProps): React.JSX.Element; declare namespace DrawerTrigger { var displayName: string; } declare function DrawerPortal({ ...props }: React.ComponentProps): React.JSX.Element; declare namespace DrawerPortal { var displayName: string; } declare function DrawerClose({ ...props }: React.ComponentProps): React.JSX.Element; declare namespace DrawerClose { var displayName: string; } export interface DrawerOverlayProps extends React.ComponentProps { /** Disables open/close animations */ disableAnimation?: boolean; /** Disables backdrop blur effect */ disableBackdropBlur?: boolean; } declare function DrawerOverlay({ className, disableAnimation, disableBackdropBlur, ...props }: DrawerOverlayProps): React.JSX.Element; declare namespace DrawerOverlay { var displayName: string; } export interface DrawerContentProps extends DrawerPrimitive.Popup.Props { /** Disables open/close animations */ disableAnimation?: boolean; /** Disables backdrop blur effect */ disableBackdropBlur?: boolean; } declare function DrawerContent({ className, children, disableAnimation, disableBackdropBlur, ...props }: DrawerContentProps): React.JSX.Element; declare namespace DrawerContent { var displayName: string; } declare function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element; declare namespace DrawerHeader { var displayName: string; } declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element; declare namespace DrawerFooter { var displayName: string; } declare function DrawerTitle({ className, ...props }: React.ComponentProps): React.JSX.Element; declare namespace DrawerTitle { var displayName: string; } declare function DrawerDescription({ className, ...props }: React.ComponentProps): React.JSX.Element; declare namespace DrawerDescription { var displayName: string; } declare const DrawerNamespace: typeof Drawer & { Trigger: typeof DrawerTrigger; Portal: typeof DrawerPortal; Close: typeof DrawerClose; Overlay: typeof DrawerOverlay; Content: typeof DrawerContent; Header: typeof DrawerHeader; Footer: typeof DrawerFooter; Title: typeof DrawerTitle; Description: typeof DrawerDescription; }; export { DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerNamespace as Drawer, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, };