/**
 * Custom element for the purpose of allowing users to select one or more options of a limited number of choices.
 *
 * @attr {Boolean} checked - If set to true, the checkbox will be filled with a checkmark.
 * @attr {Boolean} disabled - If set to true, the checkbox will not be clickable.
 * @attr {Boolean} error - If set to true, sets an error state on the checkbox.
 * @attr {String} id - Sets the individual `id` per element.
 * @attr {String} name - Accepts any string, `DOMString` representing the value of the input.
 * @attr {String} value - Sets the element's input value.
 * @csspart checkbox - apply css to a specific checkbox.
 * @csspart checkbox-input - apply css to a specific checkbox's input.
 * @csspart checkbox-label - apply css to a specific checkbox's label.
 */
export class AuroCheckbox extends LitElement {
    static get styles(): import("lit").CSSResult[];
    static get properties(): {
        checked: {
            type: BooleanConstructor;
            reflect: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            reflect: boolean;
        };
        error: {
            type: BooleanConstructor;
            reflect: boolean;
        };
        id: {
            type: StringConstructor;
        };
        name: {
            type: StringConstructor;
        };
        value: {
            type: StringConstructor;
        };
    };
    /**
     * This will register this element with the browser.
     * @param {string} [name="auro-checkbox"] - The name of element that you want to register to.
     *
     * @example
     * AuroCheckbox.register("custom-checkbox") // this will register this element to <custom-checkbox/>
     *
     */
    static register(name?: string): void;
    checked: boolean;
    disabled: boolean;
    error: boolean;
    /**
     * @private
     */
    private runtimeUtils;
    handleChange(event: any): void;
    handleInput(event: any): void;
    /**
     * Function to support @focusin event.
     * @private
     * @returns {void}
     */
    private handleFocusin;
    /**
     * Function to generate checkmark svg.
     * @private
     * @returns {void}
     */
    private generateIconHtml;
    dom: Document;
    svg: ChildNode;
    firstUpdated(): void;
    render(): import("lit-html").TemplateResult<1>;
}
import { LitElement } from "lit";
//# sourceMappingURL=auro-checkbox.d.ts.map