import { LitElement, PropertyValues } from 'lit';
import type { Placement, Strategy } from '@floating-ui/dom';
import type { Field } from './field.js';
import type { Menu, MenuItemFocusEvent, MenuSelectEvent } from './menu.js';
import type { Option } from './option.js';
declare const VALUE: unique symbol;
declare const Base: Constructor<import("./mixins/form-associated.js").FormAssociatedInterface> & Constructor<import("./mixins/focus-delegated.js").FocusDelegatedInterface> & Constructor<import("./mixins/internals-attached.js").InternalsAttachedInterface> & typeof LitElement;
/**
 * @csspart field
 * @csspart menu
 * @csspart items
 *
 * @fires {Event} change - Fires when the value is changed.
 * @fires {Event} input - Fires when the value is changed.
 *
 * TODO: Render multiple values
 * FIXME: `aria-expanded` set twice by both Lit and Menu
 */
export declare class Select extends Base {
    #private;
    required: boolean;
    error: boolean;
    quick: boolean;
    offset: number;
    align: Placement;
    alignStrategy: Strategy;
    open: boolean;
    /**
     * Text to display in the field. Only set for SSR.
     */
    displayText: string;
    get value(): string;
    set value(value: string);
    [VALUE]: string;
    get $options(): Option[];
    get selectedIndex(): number;
    set selectedIndex(index: number);
    get selectedOptions(): Option[];
    $field: Field;
    $menu: Menu;
    private lastUserSetValue;
    private lastUserSetSelectedIndex;
    private lastSelectedOption;
    private lastSelectedOptionRecords;
    render(): import("lit-html").TemplateResult<1>;
    /**
     * Example content:
     *
     * ```html
     * <your-field
     *   id="field"
     *   part="field"
     *   @click=${this.toggle}
     *   @keydown=${this.handleFieldKeydown}
     *   tabindex=${this.disabled ? '-1' : '0'}
     *   role="combobox"
     *   aria-haspopup="listbox"
     *   aria-expanded=${this.open}
     *   aria-controls="menu"
     *   aria-disabled=${this.disabled}
     *   aria-required=${this.required}
     * >
     *   ${this.renderFieldContent()}
     * </your-field>
     * ```
     */
    protected renderField(): import("lit-html").TemplateResult<1>;
    /**
     * Example content:
     *
     * ```html
     * <your-menu
     *   id="menu"
     *   for="field"
     *   type="listbox"
     *   data-tabindex="-1"
     *   ?quick="${this.quick}"
     *   offset="${this.offset}"
     *   align="${this.align}"
     *   align-strategy="${this.alignStrategy}"
     *   keep-open-blur
     *   no-focus-control
     *   ?open="${this.open}"
     *   @item-focus="${this.handleMenuItemFocus}"
     *   @select="${this.handleMenuSelect}"
     * >
     *   <slot part="items" @slotchange=${this.handleSlotChange}></slot>
     * </your-menu>
     * ```
     */
    protected renderMenu(): import("lit-html").TemplateResult<1>;
    protected renderFieldContent(): import("lit-html").TemplateResult<1>;
    constructor();
    protected firstUpdated(changed: PropertyValues<Select>): Promise<void>;
    protected update(changed: PropertyValues<Select>): void;
    protected updated(changed: PropertyValues): void;
    /**
     * TODO: Handle clear action
     */
    protected _handleFieldKeydown(event: KeyboardEvent): void;
    protected _handleMenuSelect(event: MenuSelectEvent): void;
    protected _handleMenuItemFocus(event: MenuItemFocusEvent): void;
    protected _handleFocusOut(event: FocusEvent): void;
    protected _handleSlotChange(): void;
    private selectItem;
    private initUserSelection;
    private updateValueAndDisplayText;
    private getSelectedOptions;
    formResetCallback(): void;
    formStateRestoreCallback(state: string): void;
    select(value: string): void;
    selectIndex(index: number): void;
    reset(): void;
    toggle(): void;
}
export {};