import * as React from "react";
import { type VariantProps } from "class-variance-authority";
import type { SheetResponsiveProp } from "../../props/components/feedback.prop.js";
import type { ToneProp, WidthProp } from "../../props/vocabulary/index.js";
export type { SheetResponsiveProp } from "../../props/components/feedback.prop.js";
/** Resolved presentation of a responsive sheet: the named side panel, or the mobile bottom sheet. */
export type SheetPresentation = "side" | "bottom";
/**
 * The canonical responsive-overlay decision, shared by `SheetContent` and by any composite that
 * swaps a desktop surface for a mobile sheet (see `OrgSwitcher`). Returns `"bottom"` when the
 * viewport is at or below `--sheet-responsive-breakpoint-width`.
 */
export declare function useSheetResponsiveMode(responsive?: SheetResponsiveProp): SheetPresentation;
export interface SheetProps {
    /** Trạng thái mở, có kiểm soát. */
    open?: boolean;
    /** Trạng thái mở ban đầu khi không kiểm soát. */
    defaultOpen?: boolean;
    /** Gọi khi trạng thái mở đổi. */
    onOpenChange?: (open: boolean) => void;
    /**
     * `false` renders a NON-MODAL sheet (WAI-ARIA APG allows non-modal dialogs): the page behind
     * stays interactive and in the accessibility tree, no scroll lock, no scrim, an outside press
     * does not close it, no `aria-modal`. Focus moves in on open, Tab can leave, Escape closes while
     * focus is inside, focus returns to the trigger. Side, size and tokens are unchanged. Default
     * `true`. gh#701.
     */
    modal?: boolean;
    children?: React.ReactNode;
}
export declare function Sheet({ open, defaultOpen, onOpenChange, modal, children, }: SheetProps): React.JSX.Element;
export interface SheetTriggerProps extends React.ComponentPropsWithRef<"button"> {
    /** Mượn thẻ của con thay vì dựng `<button>` riêng. */
    asChild?: boolean;
}
export declare function SheetTrigger({ asChild, onClick, ...props }: SheetTriggerProps): React.JSX.Element;
export interface SheetCloseProps extends React.ComponentPropsWithRef<"button"> {
    /** Mượn thẻ của con thay vì dựng `<button>` riêng. */
    asChild?: boolean;
}
export declare function SheetClose({ asChild, onClick, ...props }: SheetCloseProps): React.JSX.Element;
export interface SheetPortalProps {
    /** Giữ tên prop của Radix; RAC tự portal ra `document.body` từ `ModalOverlay`. */
    forceMount?: true;
    children?: React.ReactNode;
}
export declare function SheetPortal({ children }: SheetPortalProps): React.JSX.Element;
export interface SheetOverlayProps extends React.ComponentPropsWithRef<"div"> {
    /** Giữ tên prop của Radix. */
    forceMount?: true;
}
/**
 * Không dựng gì — xem đầu tệp. Màn nền là `ModalOverlay` bên trong `SheetContent`, và nó vẫn mang
 * `data-slot="sheet-overlay"` + `.ui-sheet-overlay` như trước.
 */
export declare function SheetOverlay(_props: SheetOverlayProps): null;
export declare namespace SheetOverlay {
    var displayName: string;
}
declare const sheetVariants: (props?: ({
    side?: "bottom" | "left" | "right" | "top" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface SheetContentProps extends React.ComponentPropsWithRef<"section">, VariantProps<typeof sheetVariants> {
    showCloseButton?: boolean;
    /** Optional semantic class for the owned backdrop (for a shell-specific overlay token). */
    overlayClassName?: string;
    /** Giữ tên prop của Radix; RAC tự portal ra `document.body` từ `ModalOverlay`. */
    forceMount?: true;
    /**
     * Desired panel size for side left/right (Ant Drawer `width`). Omit to keep the canonical drawer
     * default from `--sheet-width-default`.
     */
    width?: WidthProp;
    /**
     * Responsive drawer / detail-panel contract. `"side"` (default) keeps today's behaviour: the
     * physical `side` the consumer named, at every viewport.
     */
    responsive?: SheetResponsiveProp;
}
export declare function SheetContent({ side, className, children, showCloseButton, overlayClassName, forceMount: _forceMount, width, responsive, style, ref, ...props }: SheetContentProps): React.JSX.Element | null;
export declare namespace SheetContent {
    var displayName: string;
}
export interface SheetHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
    /** Header title (Ant Drawer-style). Rendered as the bound SheetTitle (accessible name). */
    title?: React.ReactNode;
    /** Secondary line under the title (rendered as SheetDescription). */
    subtitle?: React.ReactNode;
    /** Trailing actions/content, end-aligned (e.g. a status Badge or a Button). */
    extra?: React.ReactNode;
    /** Soft semantic background band for the header. `default` = no band. */
    tone?: ToneProp;
}
export declare const SheetHeader: ({ className, title, subtitle, extra, tone, children, ...props }: SheetHeaderProps) => React.JSX.Element;
export declare const SheetBody: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
export declare const SheetFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
export declare const SheetTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
export declare const SheetDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;