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

declare const effects: readonly ["slide", "reveal", "push", "scale"];
declare enum EnumEffects {
    Slide = "slide",
    Reveal = "reveal",
    Push = "push",
    Scale = "scale"
}
type TypeEffect = typeof effects[number];
/**
 * @since 1.0.0
 * @status stable
 *
 * @tagname kemet-drawer
 * @summary A component that adds an off-canvas menu with different effects.
 *
 * @prop {boolean} opened - Determines if the drawer is opened or not.
 * @prop {string} effect - The animation effect for opening and closing the drawer. Values include: (slide | reveal | push | scale)
 * @prop {TypeDirection} side - Allows you to control which side the drawer opens from. Values include: (left | right | top | bottom)
 * @prop {boolean} overlay - Adds an overlay over the content section of the Drawer when opened
 *
 * @slot navigation - The off-screen nav area of your app or site
 * @slot content - The main content area of your app or site.
 *
 * @csspart container
 * @csspart drawer
 * @csspart pusher
 * @csspart content
 * @csspart wrapper
 *
 * @cssproperty --kemet-drawer-width - The width of the drawer.
 * @cssproperty --kemet-drawer-height - The height of the drawer.
 * @cssproperty --kemet-drawer-color - The text color of the drawer.
 * @cssproperty --kemet-drawer-background-color - The background color of the drawer.
 * @cssproperty --kemet-drawer-overlay-color - The color of the overlay.
 *
 * @event kemet-opened - Fires when the drawer opens.
 * @event kemet-closed - Fires when the drawer closes.
 *
 */
declare class KemetDrawer extends LitElement {
    static styles: lit.CSSResult[];
    opened: boolean;
    effect: TypeEffect;
    side: TypeDirection;
    overlay: boolean;
    firstUpdated(): void;
    updated(prevProps: Map<string, never>): void;
    render(): lit_html.TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'kemet-drawer': KemetDrawer;
    }
}

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