import * as lit_html from 'lit-html';
import * as lit from 'lit';
import { LitElement } from 'lit';
import { a as TypeRoundedSizes } from '../constants-CcB9aXsT.js';
import '../form-controller-BR0gZhrG.js';

declare const effects: readonly ["fadein-scaleup", "slide-right", "slide-bottom", "newspaper", "fall", "side-fall", "flip-horizontal", "flip-vertical", "sign-3d", "super-scaled", "slit", "rotate-bottom", "rotate-left"];
declare enum EnumEffects {
    FadeinScaleup = "fadein-scaleup",
    SlideRight = "slide-right",
    SlideBottom = "slide-bottom",
    Newspaper = "newspaper",
    Fall = "fall",
    SideFall = "side-fall",
    FlipHorizontal = "flip-horizontal",
    FlipVertical = "flip-vertical",
    Sign3d = "sign-3d",
    SuperScaled = "super-scaled",
    Slit = "slit",
    RotateBottom = "rotate-bottom",
    RotateLeft = "rotate-left"
}
type TypeEffect = typeof effects[number];
/**
 * @since 1.0.0
 * @status stable
 *
 * @tagname kemet-modal
 * @summary A dialog that has many built-in effects and flexible styles.
 *
 * @prop {boolean} opened
 * @prop {string} effect
 * @prop {boolean} closeOnClick
 * @prop {string} breakpoint
 * @prop {boolean} mobile
 * @prop {TypeRoundedSizes} rounded
 *
 * @csspart dialog - The main contents of the modal.
 * @csspart overlay - The surrounding scrim of the modal.
 *
 * @cssproperty --kemet-modal-radius - The mount of rounding for rounded corners
 * @cssproperty --kemet-modal-dialog-min-width - The minimum width of the dialog.
 * @cssproperty --kemet-modal-dialog-max-width - The maximum width of the dialog.
 * @cssproperty --kemet-modal-dialog-background-color - The background color of the dialog.
 * @cssproperty --kemet-modal-dialog-mobile-width - The width of the mobile dialog.
 * @cssproperty --kemet-modal-dialog-mobile-margin - The margins of the mobile dialog.
 * @cssproperty --kemet-modal-dialog-mobile-padding - The padding of the mobile dialog.
 * @cssproperty --kemet-modal-overlay-background-color - The color of the backdrop overlay.
 * @cssproperty --kemet-modal-radius - The mount of rounding for rounded corners
 *
 * @event kemet-opened - Fires when the modal opens
 * @event kemet-closed - Fires when the modal closes
 *
 */
declare class KemetModal extends LitElement {
    static styles: lit.CSSResult[];
    opened: boolean;
    effect: TypeEffect;
    closeOnClick: boolean;
    breakpoint: string;
    mobile: boolean;
    rounded: TypeRoundedSizes;
    /** @internal */
    dialogElement: HTMLDialogElement;
    /** @internal */
    focusableSelector: string;
    /** @internal */
    focusableElements: NodeListOf<Element>;
    constructor();
    firstUpdated(): void;
    updated(prevProps: Map<string, never>): void;
    render(): lit_html.TemplateResult<1>;
    isMobile(): void;
    handleOpen(): void;
    handleClose(): void;
    handleFocusableDown(event: KeyboardEvent): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'kemet-modal': KemetModal;
    }
}

export { EnumEffects, type TypeEffect, KemetModal as default, effects };