/**
 * The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.
 * @customElement auro-checkbox-group
 *
 * @csspart checkbox-group - Apply css to the fieldset element in the shadow DOM
 * @csspart helpText - Apply css to the help text element that displays helper or error messages.
 *
 * @slot legend - Allows for the legend to be overridden.
 * @slot optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
 * @slot helpText - Allows for the helper text to be overridden.
 * @slot default - The default slot for the checkbox items.
 * @event auroFormElement-validated - Notifies that the `validity` and `errorMessage` values have changed.
 * @event input - Notifies when the group's value changes due to a checkbox selection being added or removed.
 */
export class AuroCheckboxGroup extends LitElement {
    static get styles(): import("lit").CSSResult[];
    static get properties(): {
        /**
         * Defines whether the component will be on lighter or darker backgrounds.
         * @type {'default' | 'inverse'}
         * @default 'default'
         */
        appearance: "default" | "inverse";
        /**
         * If set, disables the checkbox group.
         */
        disabled: {
            type: BooleanConstructor;
            reflect: boolean;
        };
        /**
         * When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.
         */
        error: {
            type: StringConstructor;
            reflect: boolean;
        };
        /**
         * If set, checkboxes will be aligned horizontally.
         */
        horizontal: {
            type: BooleanConstructor;
            reflect: boolean;
        };
        /**
         * If set, disables auto-validation on blur.
         */
        noValidate: {
            type: BooleanConstructor;
            attribute: string;
            reflect: boolean;
        };
        /**
         * DEPRECATED - use `appearance="inverse"` instead.
         * @deprecated Use `appearance="inverse"` instead.
         */
        onDark: {
            type: BooleanConstructor;
            attribute: string;
            reflect: boolean;
        };
        /**
         * Populates the `required` attribute on the element. Used for client-side validation.
         */
        required: {
            type: BooleanConstructor;
            reflect: boolean;
        };
        /**
         * Sets a custom help text message to display for all validityStates.
         */
        setCustomValidity: {
            type: StringConstructor;
            attribute: string;
        };
        /**
         * Custom help text message to display when validity = `customError`.
         */
        setCustomValidityCustomError: {
            type: StringConstructor;
            attribute: string;
        };
        /**
         * Custom help text message to display when validity = `valueMissing`.
         */
        setCustomValidityValueMissing: {
            type: StringConstructor;
            attribute: string;
        };
        /**
         * Specifies the `validityState` this element is in.
         */
        validity: {
            type: StringConstructor;
            reflect: boolean;
        };
    };
    /**
     * This will register this element with the browser.
     * @param {string} [name="auro-checkbox-group"] - The name of the element that you want to register.
     *
     * @example
     * AuroCheckboxGroup.register("custom-checkbox-group") // this will register this element to <custom-checkbox-group/>
     *
     */
    static register(name?: string): void;
    _initializeDefaults(): void;
    appearance: string | undefined;
    validity: any;
    disabled: any;
    required: boolean | undefined;
    horizontal: boolean | undefined;
    onDark: boolean | undefined;
    /**
     * Indicates whether the checkbox group is in a dirty state (has been interacted with).
     * @type {boolean}
     * @default false
     * @private
     */
    private touched;
    /**
     * @private
     */
    private value;
    /**
     * @private
     */
    private index;
    /**
     * @private
     */
    private maxNumber;
    /**
     * @private
     */
    private validation;
    /**
     * @private
     */
    private runtimeUtils;
    /**
     * @private
     */
    private helpTextTag;
    /**
     * @private
     */
    private uniqueId;
    /**
     * Helper method to handle checkbox value changing.
     * @private
     * @param {String} value - The value of the checkbox.
     * @param {Boolean} selected - The checked state of the checkbox.
     * @returns {void}
     */
    private handleValueUpdate;
    firstUpdated(): void;
    focusWithin: boolean | undefined;
    /**
     * Helper method that handles the state of preselected checkboxes.
     * @private
     * @returns {void}
     */
    private handlePreselectedItems;
    /**
     * Helper method that handles the state of checkboxes.
     * @private
     * @returns {void}
     */
    private handleItems;
    checkboxes: Element[] | undefined;
    /**
     * Whether the group is currently in an invalid state.
     * `validity` — not `error` — is the authoritative source: `validate()` resolves the
     * `error` attribute to `validity = 'customError'`, so `error` is already covered here.
     * Single definition of "invalid" for the whole component, consumed by `render()` and
     * `syncCheckboxValidity()` so the fieldset and its children can never disagree.
     * @private
     * @returns {boolean}
     */
    private get isInvalid();
    /**
     * Method for mirroring the group's invalid state onto each checkbox.
     * Has to be re-applied from `handleItems()` as well, because a slot change can happen
     * without `validity` itself changing — a checkbox slotted into an already-invalid
     * group would otherwise be missed.
     * @private
     * @returns {void}
     */
    private syncCheckboxValidity;
    /**
     * Resets component to initial state.
     * @returns {void}
     */
    reset(): void;
    /**
     * LitElement lifecycle method. Called after the DOM has been updated.
     * @param {Map<string, any>} changedProperties - Keys are the names of changed properties, values are the corresponding previous values.
     * @returns {void}
     */
    updated(changedProperties: Map<string, any>): void;
    /**
     * Validates value.
     * @param {boolean} [force=false] - Whether to force validation.
     */
    validate(force?: boolean): void;
    render(): import("lit-html").TemplateResult;
}
import { LitElement } from 'lit';