import { LitElement, PropertyValues } from 'lit';
import type { Placement, Strategy } from '@floating-ui/dom';
import type { Menu, MenuSelectEvent } from './menu.js';
declare const Base: Constructor<import("./mixins/focus-delegated.js").FocusDelegatedInterface> & Constructor<import("./mixins/internals-attached.js").InternalsAttachedInterface> & typeof LitElement;
type AutocompleteMode = 'none' | 'list' | 'both';
/**
 * TODO: Check if manually dispatching input/change events on input is necessary
 * TODO: handle slotchange
 */
export declare class Autocomplete extends Base {
    open: boolean;
    quick: boolean;
    offset: number;
    align: Placement;
    alignStrategy: Strategy;
    keepOpenSelect: boolean;
    mode: AutocompleteMode;
    $menu: Menu;
    inputSlotElements: HTMLElement[];
    itemSlotElements: HTMLElement[];
    private get $input();
    render(): import("lit-html").TemplateResult<1>;
    /**
     * Example content:
     *
     * ```html
     * <your-menu
     *   part="menu"
     *   id="menu"
     *   type="listbox"
     *   data-tabindex="-1"
     *   ?quick="${this.quick}"
     *   .offset=${this.offset}
     *   .align=${this.align}
     *   .alignStrategy=${this.alignStrategy}
     *   ?keep-open-select=${this.keepOpenSelect}
     *   no-focus-control
     *   ?open=${this.open}
     *   @open="${() => (this.open = true)}"
     *   @close="${() => (this.open = false)}"
     *   @select=${this.handleMenuSelect}
     * >
     *   <slot @slotchange=${this.handleItemsSlotChange}></slot>
     * </your-menu>
     * ```
     */
    renderMenu(): import("lit-html").TemplateResult<1>;
    private handleInputSlotChange;
    protected handleItemsSlotChange(): void;
    private handleInput;
    private applyInlineAutoComplete;
    private filterOptions;
    private handleInputKeydown;
    protected handleMenuSelect(event: MenuSelectEvent): void;
    protected updated(changed: PropertyValues): void;
}
export {};