import { LitElement } from 'lit';
import '../checkbox';
import '../button';
/**
 * Dropdown option.
 * @fires on-click - Emits the option details to the parent dropdown. `detail:{ selected: boolean, value: string, origEvent: PointerEvent }`
 * @fires on-remove-option - Emits the option that is removed. `detail:{ value: string }`
 * @slot unnamed - Slot for option text.
 * @slot icon - Slot for option icon. Icon size should be 16px only.
 */
export declare class DropdownOption extends LitElement {
    static styles: import("lit").CSSResult;
    /** Option value. */
    accessor value: string;
    /** Internal text strings.
     * @internal
     */
    accessor selected: boolean;
    /** Option disabled state. */
    accessor disabled: boolean;
    /** Allow Add Option state, derived from parent. */
    accessor allowAddOption: boolean;
    /**
     * Option highlighted state for keyboard navigation, automatically derived.
     * @ignore
     */
    accessor highlighted: boolean;
    /** Multi-select state, derived from parent.
     * @ignore
     */
    accessor multiple: boolean;
    /** Removable option. */
    accessor removable: boolean;
    /**
     * Option text, automatically derived.
     * @ignore
     */
    accessor text: any;
    /** Determines whether the checkbox is in an indeterminate state. */
    accessor indeterminate: boolean;
    /** Readonly state (from parent). Option stays focusable but not selectable. */
    accessor readonly: boolean;
    /** Kind of the item, derived from parent.
     * @ignore
     */
    accessor kind: 'ai' | 'default';
    /** slotted icon added state.
     * @ignore
     */
    accessor hasIcon: boolean;
    accessor role: string;
    accessor ariaSelected: string;
    render(): import("lit-html").TemplateResult<1>;
    firstUpdated(): void;
    willUpdate(changed: Map<string, unknown>): void;
    focus(options?: FocusOptions): void;
    private handleKeyDown;
    private moveFocus;
    private moveToEdge;
    private handleRemoveClick;
    private handleSlotChange;
    private handleCheckboxChange;
    private handleClick;
    private handleBlur;
    private handleIconSlotChange;
}
declare global {
    interface HTMLElementTagNameMap {
        'kyn-dropdown-option': DropdownOption;
    }
}
//# sourceMappingURL=dropdownOption.d.ts.map