import { PropertyValues } from 'lit';
import { LuxenElement } from '../../shared/luxen-element.js';
/**
 * A modal dialog rendered in the top layer via the native `<dialog>` element.
 *
 * Open and close by toggling the `open` property (or the `--show` / `--hide`
 * Invoker commands). There are no public `show()` / `close()` methods.
 *
 * @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 dialog title heading.
 * @csspart body - The body wrapper around the default slot.
 * @csspart footer - The footer wrapper around the footer slot.
 *
 * @cssproperty [--width=31rem] - Dialog width.
 * @cssproperty [--border-radius=6px] - Dialog border radius.
 * @cssproperty [--padding=1.5rem] - Padding applied to the header, footer, and inline-padding of the body. Set to `0` to remove all internal spacing (e.g. for edge-to-edge media).
 * @cssproperty [--show-duration=200ms] - Open transition duration.
 * @cssproperty [--hide-duration=200ms] - Close transition duration.
 * @cssproperty --backdrop - Backdrop color.
 * @cssproperty [--backdrop-blur=0] - Backdrop blur amount (any CSS length). `0` means no blur; set e.g. `4px` for a subtle frost.
 *
 * @event show - Fired when the dialog 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 dialog 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-dialog
 */
export declare class Dialog extends LuxenElement {
    static styles: import('lit').CSSResult[];
    /** Dialog title rendered in the header and used as the dialog's accessible name. */
    title: string;
    /** Whether the dialog is open. */
    open: boolean;
    /** Close when the backdrop is clicked. */
    lightDismiss: boolean;
    /** Hide the header entirely (title and close slot). */
    withoutHeader: boolean;
    private _slots;
    dialog: HTMLDialogElement;
    protected _modalKind: 'centered' | 'edge';
    protected get _role(): string;
    protected get _bodyId(): string;
    private _mouseDownTarget;
    private _commandListener;
    connectedCallback(): void;
    disconnectedCallback(): void;
    firstUpdated(): void;
    updated(changed: PropertyValues<this>): void;
    private _onCommand;
    protected _onCancel(e: Event): void;
    private _onNativeClose;
    private _onDialogClick;
    private _nudgeAnimation?;
    private _nudgeDismiss;
    private _emitAfter;
    protected _focusInitial(): void;
    render(): import('lit').TemplateResult<1>;
    protected renderFooter(): import('lit').TemplateResult<1>;
}
//# sourceMappingURL=dialog.d.ts.map