import { Dialog } from '../dialog/dialog.js';
/**
 * A drawer that slides in from a screen edge. Extends `<l-dialog>`.
 *
 * Open and close by toggling the `open` property (or the `--show` / `--hide`
 * Invoker commands). Always opens as modal.
 *
 * @slot - Body content.
 * @slot title - Custom heading element. Overrides the default `<h2>` rendered from the `title` property. Also provides the dialog's accessible name.
 * @slot close - Close button (typically `<button class="l-close">`).
 * @slot footer - Footer actions.
 *
 * @csspart dialog - The native `<dialog>` element.
 * @csspart header - The header wrapper containing the title and close slot.
 * @csspart title - The drawer title heading.
 * @csspart body - The body wrapper around the default slot.
 * @csspart footer - The footer wrapper around the footer slot.
 *
 * @cssproperty --size - Drawer size on the axis perpendicular to its edge (width for `start`/`end`, height for `top`/`bottom`). Default `320px`.
 * @cssproperty --border-radius - Drawer border radius on the inner edges (all corners when `inset`). Default `0.375rem`.
 * @cssproperty --inset-gap - Gap between the drawer and the viewport edges when `inset` is set. Default `1rem`.
 * @cssproperty --shadow - Drop shadow applied to the floating panel when `inset` is set. Set to `none` to remove it.
 * @cssproperty --show-duration - Open transition duration. Default `200ms`.
 * @cssproperty --hide-duration - Close transition duration. Default `200ms`.
 * @cssproperty --backdrop - Backdrop color.
 *
 * @event show - Fired when the drawer is about to open. Cancelable — call `event.preventDefault()` to keep it closed.
 * @event after-show - Fired after the open animation completes. Not cancelable.
 * @event hide - Fired when the drawer is about to close. Cancelable — call `event.preventDefault()` to keep it open.
 * @event after-hide - Fired after the close animation completes. Not cancelable.
 *
 * @command --show - Sets `open = true`.
 * @command --hide - Sets `open = false`.
 *
 * @customElement l-drawer
 */
export declare class Drawer extends Dialog {
    static styles: import('lit').CSSResult[];
    protected _modalKind: "edge";
    /** Edge the drawer slides in from. Defaults to the start (inline-start) edge. */
    placement?: 'start' | 'end' | 'top' | 'bottom';
    /** Detach the drawer from the viewport edges, floating it with a uniform gap and rounded corners. */
    inset: boolean;
}
//# sourceMappingURL=drawer.d.ts.map