import { LitElement } from "lit"; declare const WarpModal_base: import("./util.js").Constructor<{ handleSlotChange: (evt: Event) => void; }> & typeof LitElement; /** * Modals (or dialogs) display important information that users need to acknowledge. * * [Warp component reference](https://warp-ds.github.io/docs/components/modal/frameworks/elements) * * @slot header - Typically where you would use the `w-modal-header` component. * @slot content - The main content of the modal. * @slot footer - Typically where you would use the `w-modal-footer` component, for things like actions. * * @csspart dialog - the root element inside the component (`` element). * @csspart wrapper - container for all elements, direct child of ``. * @csspart content - the container for the `content` slot items (children). * * @cssprop --w-c-modal-backdrop-color * @cssprop --w-c-modal-bg * @cssprop --w-c-modal-box-shadow * @cssprop --w-c-modal-color * @cssprop --w-c-modal-height * @cssprop --w-c-modal-max-height * @cssprop --w-c-modal-min-height * @cssprop --w-c-modal-translate-distance * @cssprop --w-c-modal-padding-bottom * @cssprop --w-c-modal-width */ export declare class WarpModal extends WarpModal_base { static styles: import("lit").CSSResult[]; /** * Controls if the modal should show or hide. * * You can also call the `open()` and `close()` methods. */ show: boolean; /** @deprecated This ID has no effect */ contentId: string | undefined; /** * Ignores clicks to the backdrop when set */ ignoreBackdropClicks: boolean; private dialogEl; private dialogInnerEl; private contentEl; private _isClosing; constructor(); connectedCallback(): void; open(): Promise; close(): void; updated(changedProperties: Map): void; private handleListeners; private eventPreventer; private closeOnBackdropClick; private interceptEscape; private modifyBorderRadius; render(): import("lit").TemplateResult<1>; } /** @deprecated Exported for backwards compatibility. Use WarpModal. */ export declare const ModalMain: typeof WarpModal; declare global { interface HTMLElementTagNameMap { "w-modal": WarpModal; } } export {};