import { LitElement } from 'lit';
/**
 * A dropdown component that displays content when triggered.
 *
 * @slot trigger - The trigger element (button, link, etc.)
 * @slot - The dropdown content (menu, form, etc.)
 *
 * @csspart trigger - The trigger wrapper
 * @csspart dropdown - The dropdown container
 *
 * @cssprop --ui-dropdown-z-index - Z-index of dropdown (default: 1000)
 * @cssprop --ui-dropdown-offset - Distance from trigger (default: 0.5rem)
 * @cssprop --ui-dropdown-min-width - Minimum width (default: 10rem)
 * @cssprop --ui-dropdown-max-width - Maximum width (default: 20rem)
 * @cssprop --ui-dropdown-shadow - Box shadow (default: medium shadow)
 * @cssprop --ui-dropdown-border-radius - Border radius (default: 0.5rem)
 * @cssprop --ui-dropdown-bg - Background color (default: white)
 */
export declare class UIDropdown extends LitElement {
    static styles: import("lit").CSSResult;
    open: boolean;
    placement: 'left' | 'right' | 'center';
    disabled: boolean;
    /**
     * Custom ARIA label for the dropdown
     */
    ariaLabel: string | null;
    /**
     * ID of element that labels the dropdown
     */
    ariaLabelledby: string | null;
    private triggerId;
    private dropdownId;
    connectedCallback(): void;
    disconnectedCallback(): void;
    private handleDocumentClick;
    private handleTriggerClick;
    private handleDocumentKeyDown;
    private handleTriggerKeyDown;
    /**
     * Toggle the dropdown open/closed
     */
    toggle(): void;
    /**
     * Close the dropdown
     */
    close(): void;
    /**
     * Open the dropdown
     */
    show(): void;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-dropdown': UIDropdown;
    }
}
//# sourceMappingURL=dropdown.d.ts.map