import { LitElement } from 'lit';
export type DropUpItem = {
    label: string;
    id: string;
    selected?: boolean;
};
/**
 * Dropdown (opens upward) menu anchored to a trigger element.
 *
 * @fires sw-dropup-select - User picked an item. `detail` is the selected `DropUpItem`.
 * @fires sw-dropup-close  - Outside click closed the menu.
 *
 * @cssprop --sw-dropup-offset    [4px]                    - gap between anchor and menu
 * @cssprop --sw-dropup-max-width [200px]                  - maximum menu width
 * @cssprop --sw-dropup-bg        [#1f2937]                - menu background
 * @cssprop --sw-dropup-border    [1px solid rgba(255,255,255,0.1)] - menu border
 * @cssprop --sw-dropup-radius    [8px]                    - menu border-radius
 * @cssprop --sw-dropup-shadow    [0 4px 12px rgba(0,0,0,0.4)]     - menu box-shadow
 * @cssprop --sw-dropup-color     [#e5e7eb]                - item text colour
 * @cssprop --sw-dropup-item-hover  [rgba(255,255,255,0.08)] - item hover background
 * @cssprop --sw-dropup-item-active [rgba(255,255,255,0.15)] - selected item background
 */
export declare class SwUiDropup extends LitElement {
    static styles: import("lit").CSSResult[];
    items: Array<DropUpItem | string>;
    open: boolean;
    anchor?: Element;
    private _menu;
    private _outsideClickHandler;
    updated(changed: Map<string, unknown>): void;
    private _positionToAnchor;
    disconnectedCallback(): void;
    private normalizeItem;
    private onSelect;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'sw-ui-dropup': SwUiDropup;
    }
}
//# sourceMappingURL=sw-ui-dropup.d.ts.map