import { ZuiFormAssociatedElement } from '@zywave/zui-base';
import { ZuiOptionElement } from './zui-option';
import '@zywave/zui-icons';
import type { PropertyValues } from 'lit';
/**
 * A Basic select, best for shorter declaratively created lists, by passing in `<zui-option>`'s.
 * @element zui-select
 * @attr {string | undefined} [placeholder=null] - Input placeholder (ghost) text
 * @attr {string | null} [name=null] - The name of this element that is associated with form submission
 * @attr {boolean} [disabled=false] - Represents whether a user can make changes to this element; if true, the value of this element will be excluded from the form submission
 * @attr {boolean} [readonly=false] - Represents whether a user can make changes to this element; the value of this element will still be included in the form submission
 * @attr {boolean} [autofocus=false] - If true, this element will be focused when connected to the document
 *
 * @prop {string | undefined} [placeholder=null] - Input placeholder (ghost) text
 * @prop {string | null} [name=null] - The name of this element that is associated with form submission
 * @prop {boolean} [disabled=false] - Represents whether a user can make changes to this element; if true, the value of this element will be excluded from the form submission
 * @prop {boolean} [readOnly=false] - Represents whether a user can make changes to this element; the value of this element will still be included in the form submission
 * @prop {boolean} [autofocus=false] - If true, this element will be focused when connected to the document
 *
 * @csspart control - For custom styling of the `select` element; this is exposed as a CSS shadow part and can be accessed with `::part(control)`
 *
 * @event {CustomEvent} change - Event fires when a change to select occurs, contains details about `value` chosen
 */
export declare class ZuiSelectElement extends ZuiFormAssociatedElement {
    #private;
    get _focusControlSelector(): string;
    get _formValue(): string;
    protected formResetCallback(): void;
    /**
     * (deprecated): use zui-select-dropdown or other similar components
     */
    multiple: boolean;
    /**
     * Placeholder value
     */
    placeholder: string | undefined;
    /**
     * (deprecated): use `value` instead
     */
    get selected(): string;
    set selected(val: string);
    /**
     * The currently selected item
     */
    value: string;
    /**
     * Whether a selection is required
     */
    required: boolean;
    _select: HTMLSelectElement;
    static get styles(): (import("lit").CSSResult | import("lit").CSSResultArray)[];
    /**
     * Index, numerical value for selected option
     */
    get selectedIndex(): number;
    connectedCallback(): void;
    firstUpdated(changedProps: PropertyValues): void;
    updated(changedProps: PropertyValues): void;
    render(): import("lit-html").TemplateResult<1>;
    /**
     * Return a `ZuiOptionElement` based upon number index value passed in
     * @param {number} index
     * @returns {ZuiOptionElement | null}
     */
    item(index: number): ZuiOptionElement | null;
}
declare global {
    interface HTMLElementTagNameMap {
        'zui-select': ZuiSelectElement;
    }
}