import { Dialog as BaseDialog } from "@base-ui/react/dialog"; import { useRender } from "@base-ui/react/use-render"; import * as React from "react"; export type SheetSide = "top" | "right" | "bottom" | "left"; interface SheetProps extends React.ComponentPropsWithRef { } interface SheetTriggerProps extends Omit, "className"> { /** * Applies additional CSS classes to the component root element. * @default undefined */ className?: string; /** * Enables child element composition instead of rendering the default wrapper. * @default false * @deprecated Prefer Base UI's `render` prop. */ asChild?: boolean; } interface SheetOverlayProps extends Omit, "className"> { /** * Applies additional CSS classes to the component root element. * @default undefined */ className?: string; } export interface SheetContentProps extends Omit, "className"> { /** * Applies additional CSS classes to the component root element. * @default undefined */ className?: string; /** * Controls which side of the viewport the sheet enters from. * @default "right" */ side?: SheetSide; } interface SheetHeaderProps extends React.ComponentPropsWithRef<"div"> { /** * Applies additional CSS classes to the component root element. * @default undefined */ className?: string; /** * Overrides the default rendered element while preserving component behavior. * @default undefined */ render?: useRender.RenderProp>; /** * Enables child element composition instead of rendering the default wrapper. * @default false * @deprecated Prefer Base UI's `render` prop. */ asChild?: boolean; } interface SheetFooterProps extends React.ComponentPropsWithRef<"div"> { /** * Applies additional CSS classes to the component root element. * @default undefined */ className?: string; /** * Overrides the default rendered element while preserving component behavior. * @default undefined */ render?: useRender.RenderProp>; /** * Enables child element composition instead of rendering the default wrapper. * @default false * @deprecated Prefer Base UI's `render` prop. */ asChild?: boolean; } interface SheetTitleProps extends Omit, "className"> { /** * Applies additional CSS classes to the component root element. * @default undefined */ className?: string; } interface SheetDescriptionProps extends Omit, "className"> { /** * Applies additional CSS classes to the component root element. * @default undefined */ className?: string; } /** * Coordinates sheet state and accessibility behavior. * * @remarks * - Delegates structure and state to the underlying Base UI primitive * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog} * - Preserves the underlying primitive API for advanced composition * * @example * ```tsx * Content * ``` * * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation} */ declare function Sheet(props: Readonly): React.ReactElement; declare namespace Sheet { var displayName: string; } /** * Provides the sheet portal container. * * @remarks * - Delegates structure and state to the underlying Base UI primitive * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog} * - Preserves the underlying primitive API for advanced composition * * @example * ```tsx * Content * ``` * * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation} */ declare const SheetPortal: React.ForwardRefExoticComponent & React.RefAttributes>; /** * Renders the sheet close. * * @remarks * - Delegates structure and state to the underlying Base UI primitive * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog} * - Preserves the underlying primitive API for advanced composition * * @example * ```tsx * Content * ``` * * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation} */ declare const SheetClose: React.ForwardRefExoticComponent & React.RefAttributes>; /** * Renders the sheet trigger. * * @remarks * - Renders a `