import Tailwind from '../base/tailwind-base'; /** * @tag plus-checkbox * * Checkbox component allowing users to select one or more options. * * @slot - The label for the checkbox. * * @csspart base - The component's base wrapper (label). * @csspart control - The container for the actual checkbox input and its visual representation. * @csspart checkbox - The visual representation of the checkbox. * @csspart icon - The checkmark or indeterminate icon. * @csspart label - The text label container. * * @property {boolean} error - If true, the checkbox is displayed in an error state. * * @event plus-change - Emitted when the checkbox's checked state changes. * @event plus-focus - Emitted when the checkbox gains focus. * @event plus-blur - Emitted when the checkbox loses focus. * * @cssproperty --checkbox-size - Controls the size of the checkbox control. Typically maps to sm, md, lg tokens. * @cssproperty --checkbox-color-default - Default background color. * @cssproperty --checkbox-color-checked - Background color when checked. * @cssproperty --checkbox-color-border - Border color. * @cssproperty --checkbox-color-border-checked - Border color when checked. * @cssproperty --checkbox-color-icon - Color of the checkmark/indeterminate icon. * @cssproperty --checkbox-border-color-error - Border color in the error state. */ export declare class PlusCheckbox extends Tailwind { static formAssociated: boolean; private internals; input: HTMLInputElement; /** The checkbox's name, submitted as a name/value pair with form data. */ name?: string; /** The size of the checkbox. */ size: 'sm' | 'md' | 'lg'; /** Whether the checkbox is checked. */ checked: boolean; /** Whether the checkbox is in an indeterminate state. */ indeterminate: boolean; /** Whether the checkbox is disabled. */ disabled: boolean; /** The value associated with the checkbox. Submitted with the form data if checked. */ value: string; /** Whether the checkbox is in an error state. */ error: boolean; /** The text label displayed next to the checkbox. If not provided, use the default slot. */ text?: string; constructor(); private setFormValue; updated(changedProperties: Map): void; /** * Called when the associated form is reset. * Resets the checkbox to its initial checked state. * We need to specific attribute initialChecked */ formResetCallback(): void; /** * Called when the disabled state of the parent form changes. */ formDisabledCallback(disabled: boolean): void; private handleFocus; private handleBlur; private handleChange; /** Clicks the checkbox */ click(): void; /** Focuses the checkbox */ focus(options?: FocusOptions): void; /** Blurs the checkbox */ blur(): void; render(): import("lit-html").TemplateResult<1>; } //# sourceMappingURL=checkbox.d.ts.map