import Tailwind from '../base/tailwind-base';
/**
 * @tag plus-drawer
 * @summary Sliding panel component that appears from the edge of the screen.
 *
 * @slot header - The header content of the drawer
 * @slot body - The main content of the drawer
 * @slot footer - The footer content of the drawer
 * @slot close - Custom close button (defaults to an X icon)
 *
 * @csspart container - The main container element
 * @csspart overlay - The overlay element
 * @csspart drawer - The drawer element
 * @csspart header - The header element
 * @csspart body - The body element
 * @csspart footer - The footer element
 * @csspart close-button - The close button element
 *
 * @example
 * ```html
 * <plus-drawer>
 *   <div slot="header">Drawer Title</div>
 *   <div slot="body">Drawer Content</div>
 *   <div slot="footer">
 *     <button>Save</button>
 *   </div>
 * </plus-drawer>
 * ```
 */
export default class PlusDrawer extends Tailwind {
    /**
     * The size of the drawer
     * @type {'sm' | 'md' | 'lg'}
     * @default 'md'
     * @attr size
     */
    size: 'sm' | 'md' | 'lg';
    /**
     * Whether the drawer is open
     * @type {boolean}
     * @default false
     * @attr is-open
     */
    isOpen: boolean;
    /**
     * The position of the drawer
     * @type {'left' | 'right' | 'top' | 'bottom'}
     * @default 'right'
     * @attr orientation
     */
    orientation: 'left' | 'right' | 'top' | 'bottom';
    /**
     * The duration of the animation in milliseconds
     * @type {number}
     * @default 300
     * @attr animation-duration
     */
    animationDuration: number;
    private isAnimating;
    constructor();
    connectedCallback(): void;
    /**
     * Hides the drawer with animation
     * @returns {void}
     */
    hide(): void;
    private handleBeforeHide;
    /**
     * Shows the drawer with animation
     * @returns {void}
     */
    show(): void;
    private handleBeforeShow;
    disconnectedCallback(): void;
    private handleKeydown;
    render(): import("lit-html").TemplateResult<1>;
}
export { PlusDrawer };
//# sourceMappingURL=drawer.d.ts.map