import { LitElement, PropertyValues } from "lit"; declare const WarpCheckbox_base: import("@open-wc/form-control").Constructor & typeof LitElement; /** * Checkboxes allow users to select one or more options from a number of choices. * * Wrap individual checkboxes in a checkbox group. * * [Warp component reference](https://warp-ds.github.io/docs/components/checkbox/frameworks/elements) * * @parent w-checkbox-group */ export declare class WarpCheckbox extends WarpCheckbox_base { #private; static styles: import("lit").CSSResult[]; static shadowRootOptions: { delegatesFocus: boolean; clonable?: boolean; customElementRegistry?: CustomElementRegistry | null; mode: ShadowRootMode; serializable?: boolean; slotAssignment?: SlotAssignmentMode; }; input: HTMLInputElement; /** * The name of the checkbox. * * When the checkbox is checked and belongs to a form, this name is submitted with the checkbox value. If the checkbox is inside a `w-checkbox-group` with a name, the group name is used when the checkbox does not have its own name. */ set name(value: string | undefined); get name(): string | undefined; private _ownName; /** * The value submitted when the checkbox is checked. * * If no value attribute is set, the checkbox defaults to `on`. Unchecked and disabled checkboxes do not submit a value. */ value: string | null; /** * Whether the checkbox is visually indeterminate. * * Use this for parent options that represent a mixed set of child selections. Clicking the checkbox clears the indeterminate state and sets the checkbox to checked. */ indeterminate: boolean; /** * Whether the checkbox is checked. * * Checked checkboxes submit their value with form data. The property is reflected to the `checked` attribute. */ checked: boolean; /** * Whether the checkbox is disabled. * * Disabled checkboxes cannot be focused, changed, or submitted with form data. */ disabled: boolean; /** * Whether the checkbox must be checked before form submission. * * A required checkbox is invalid until it is checked. For requiring at least one option in a set, use `required` on `w-checkbox-group`. */ required: boolean; /** * Whether the checkbox is visually invalid. * * Use this to show an externally managed validation error. Required validation also sets the invalid state after the user interacts with the checkbox or tries to submit the form. */ invalid: boolean; /** * Internal invalid state managed by parent checkbox-group. * Non-reflecting to avoid DOM changes during hydration. */ private _groupInvalid; /** * Internal name managed by parent checkbox-group. * Non-reflecting to avoid DOM changes during hydration. */ private _groupName; /** Computed invalid state: combines own invalid with group invalid */ get _computedInvalid(): boolean; connectedCallback(): void; private handleClick; updated(changedProperties: PropertyValues): void; resetFormControl(): void; click(): void; focus(options?: FocusOptions): void; blur(): void; /** Returns the validation message if the checkbox is invalid, otherwise an empty string */ get validationMessage(): string; /** Returns the validity state of the checkbox */ get validity(): ValidityState; /** Checks whether the checkbox passes constraint validation */ checkValidity(): boolean; /** Checks validity and shows the browser's validation message if invalid */ reportValidity(): boolean; render(): import("lit").TemplateResult<1>; } /** @deprecated Use WarpCheckbox */ export declare const WCheckbox: typeof WarpCheckbox; declare global { interface HTMLElementTagNameMap { "w-checkbox": WarpCheckbox; } } export {};