import { Drawer as DrawerPrimitive } from 'vaul';
import * as React from "react";
type DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root>;
/**
 * Root drawer component that manages state and behavior.
 * Supports sliding from any screen edge (top, bottom, left, right).
 */
declare function Drawer({ ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
type DrawerTriggerProps = React.ComponentProps<typeof DrawerPrimitive.Trigger>;
/** Button or element that opens the drawer. Use `render` prop or `asChild` to customize. */
declare function DrawerTrigger({ ...props }: DrawerTriggerProps): import("react/jsx-runtime").JSX.Element;
type DrawerPortalProps = React.ComponentProps<typeof DrawerPrimitive.Portal>;
/** Portal container for drawer overlay and content. */
declare function DrawerPortal({ ...props }: DrawerPortalProps): import("react/jsx-runtime").JSX.Element;
type DrawerCloseProps = React.ComponentProps<typeof DrawerPrimitive.Close>;
/** Button or element that closes the drawer. Use `render` prop or `asChild` to customize. */
declare function DrawerClose({ ...props }: DrawerCloseProps): import("react/jsx-runtime").JSX.Element;
type DrawerOverlayProps = React.ComponentProps<typeof DrawerPrimitive.Overlay>;
/** Backdrop overlay with frosted glass effect (backdrop blur + translucent background). */
declare function DrawerOverlay({ className, ...props }: DrawerOverlayProps): import("react/jsx-runtime").JSX.Element;
type DrawerContentProps = React.ComponentProps<typeof DrawerPrimitive.Content>;
/**
 * Drawer content panel with automatic portal and backdrop overlay.
 * Shows drag handle on bottom drawers. Direction-based positioning via `direction` prop on Drawer.
 */
declare function DrawerContent({ className, children, ...props }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
type DrawerHeaderProps = React.ComponentProps<"div">;
/** Header section for drawer title and description. Centered on top/bottom drawers. */
declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): import("react/jsx-runtime").JSX.Element;
type DrawerFooterProps = React.ComponentProps<"div">;
/** Footer section for drawer actions. Automatically positioned at bottom with margin-top: auto. */
declare function DrawerFooter({ className, ...props }: DrawerFooterProps): import("react/jsx-runtime").JSX.Element;
type DrawerTitleProps = React.ComponentProps<typeof DrawerPrimitive.Title>;
/** Accessible title announced when drawer opens. Should be used inside DrawerHeader. */
declare function DrawerTitle({ className, ...props }: DrawerTitleProps): import("react/jsx-runtime").JSX.Element;
type DrawerDescriptionProps = React.ComponentProps<typeof DrawerPrimitive.Description>;
/** Accessible description announced when drawer opens. Should be used inside DrawerHeader. */
declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): import("react/jsx-runtime").JSX.Element;
export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, type DrawerProps, type DrawerPortalProps, type DrawerOverlayProps, type DrawerTriggerProps, type DrawerCloseProps, type DrawerContentProps, type DrawerHeaderProps, type DrawerFooterProps, type DrawerTitleProps, type DrawerDescriptionProps, };
//# sourceMappingURL=drawer.d.ts.map