/**
 * Popup Component
 *
 * Interactive popup component with dropdown-like behavior and tooltip positioning.
 * Uses parent-child relationship - popup opens on click, stays open for interaction,
 * closes on outside click or ESC key.
 *
 * @example
 * <button>
 *   Click me
 *   <ty-popup placement="bottom" offset="8">
 *     <div class="ty-elevated p-4 rounded-lg">
 *       Popup content here
 *     </div>
 *   </ty-popup>
 * </button>
 */
import { type Placement } from '../utils/positioning.js';
/**
 * Popup attributes configuration
 */
export interface PopupAttributes {
    manual: boolean;
    disableClose: boolean;
    placement: Placement;
    offset: number;
}
/**
 * TyPopup Web Component
 */
export declare class TyPopup extends HTMLElement {
    /** Programmatic API methods */
    closePopup?: () => void;
    openPopup?: () => void;
    togglePopup?: () => void;
    /** Observed attributes */
    static get observedAttributes(): string[];
    constructor();
    connectedCallback(): void;
    disconnectedCallback(): void;
    attributeChangedCallback(name: string, _oldValue: string | null, _newValue: string | null): void;
}
//# sourceMappingURL=popup.d.ts.map