import { Cre8Element } from '../cre8-element';
import '../field-note/field-note';
/** One checkbox in a data-driven checkbox field. */
export interface Cre8CheckboxItemData {
    label: string;
    value?: string;
    checked?: boolean;
    disabled?: boolean;
    required?: boolean;
}
/**
 * Checkbox Field is the parent container for `checkbox-field-item`.
 * It is required to allow for grouping numerous checkboxes that need additional context (in the form of `<legend>`).
 * It also provides accessibility roles, aria attributes and field note messaging on the group.
 *
 * See `checkbox-field-item` for more guidance on its usage.
 *
 * @slot - The component content, which should be a set of `checkbox-field-item`s
 */
export declare class Cre8CheckboxField extends Cre8Element {
    static styles: import("lit").CSSResult[];
    /**
     * Checkbox container legend label
     */
    label?: string;
    /**
     * Checkbox container fieldnote
     */
    fieldNote?: string;
    /**
     * Checkbox container fieldnote aria describe by
     */
    ariaDescribedBy?: string;
    /**
     * Checkbox container fieldnote icon name
     */
    fieldNoteIconName?: string;
    /**
     * Checkbox container fieldnote knockout
     * @attr {boolean}
     */
    fieldNoteKnockout?: boolean;
    /**
     * Checkbox container fieldnote isSuccess
     * @attr {boolean}
     */
    fieldNoteIsSuccess?: boolean;
    /**
     * Checkbox container fieldnote isError
     * @attr {boolean}
     */
    fieldNoteIsError?: boolean;
    connectedCallback(): void;
    /**
     * Checkboxes for a data-driven field. Each becomes a
     * `cre8-checkbox-field-item`, sharing the field's `name` so they submit as a
     * group.
     */
    items?: Cre8CheckboxItemData[];
    /** Form control name shared by every generated item. */
    name?: string;
    /** The composition the data property stands for. */
    private buildComposition;
    protected updated(changed: Map<string, unknown>): void;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cre8-checkbox-field': Cre8CheckboxField;
    }
}
export default Cre8CheckboxField;
//# sourceMappingURL=checkbox-field.d.ts.map