import { type ReactNode } from 'react';
/**
 * Peek's DialogShell (2026-08-28), verbatim: the portal, the backdrop, the
 * 502px card and its chrome — a 48px header with the title and a close
 * button, a body, a 48px footer for the buttons. A dialog is just what goes
 * in the three slots. On Base UI's `Dialog` since stage 3 of the migration
 * (2026-09-07).
 *
 * **What that fixed, and this page used to say it did not:** focus is trapped
 * inside the card, so Tab cannot walk out into the page behind it, and it
 * returns to whatever opened the dialog when it closes. Both were missing and
 * both were written down as missing. The portal, the outside press and the
 * Escape key are Base UI's too — the `keydown` listener this file kept on
 * `document` is gone, and with it the bug where two open dialogs both closed
 * on one Escape.
 *
 * The card is mounted only while it is open, as before: this component has no
 * `open` prop, and a caller renders it or does not. So `open` is `true` and
 * `onOpenChange` reports the ways Base UI closes it — Escape, a press outside,
 * the close button — through the one `onClose` the callers already pass.
 *
 * The DOM is the same shape it was, deliberately: a backdrop, then a
 * full-screen flex layer that centres the card. Base UI positions nothing for
 * a dialog, so keeping the layer is what keeps the pixels.
 */
export interface DialogShellProps {
    /** Labels the dialog for assistive tech, and renders as the header text
     *  unless `headerContent` replaces it. */
    title: string;
    onClose: () => void;
    /** Replaces the title text in the header — a back button beside the title,
     *  a count chip after it. The close button stays. */
    headerContent?: ReactNode;
    /** Absent: no footer row, and the body keeps the card's own bottom edge
     *  (a roster that simply ends). */
    footer?: ReactNode;
    children: ReactNode;
    /** Extra classes on the body: its layout and any padding override (`flex flex-col gap-6`, `p-0 py-2`). */
    bodyClassName?: string;
    /**
     * How tall the body may get before it scrolls, as the cap class —
     * `max-h-[400px]`, `max-h-[70vh]`. Setting it makes the body a `ScrollArea`,
     * so a long roster or a tall form scrolls in the package's bar rather than
     * the browser's (D40, ADOPTION B19).
     *
     * Without it the body is what it always was and grows to its content, so no
     * dialog written before 0.12.2 moves a pixel. A `bodyClassName` carrying
     * `overflow-y-auto` and no cap never scrolled anything — the box grew — and
     * is the case this replaces.
     */
    bodyMaxHeight?: string;
    width?: number;
    /**
     * A question that has to be answered rather than clicked away: a press on
     * the backdrop no longer closes it, and it announces itself as an alert.
     * Escape and the close button still work. `ConfirmDialog` is this
     * (Katerina, D20, 2026-09-07); a form or a roster is not.
     */
    alert?: boolean;
}
export declare function DialogShell({ title, onClose, headerContent, footer, children, bodyClassName, bodyMaxHeight, width, alert }: DialogShellProps): import("react").JSX.Element;
//# sourceMappingURL=DialogShell.d.ts.map