import type { MjoCheckboxGroup } from "./mjo-checkbox-group.js"; import { MjoCheckboxBlurEvent, MjoCheckboxChangeEvent, MjoCheckboxColor, MjoCheckboxFocusEvent, MjoCheckboxIndeterminateChangeEvent } from "./types/mjo-checkbox.js"; import { LitElement } from "lit"; import { type IFormMixin } from "./mixins/form-mixin.js"; import { type IInputErrorMixin } from "./mixins/input-error.js"; import { type IThemeMixin } from "./mixins/theme-mixin.js"; import "./components/input/mjoint-input-helper-text.js"; import "./mjo-icon.js"; import "./mjo-typography.js"; declare const MjoCheckbox_base: import("./types/mixins.js").MixinConstructor & import("./types/mixins.js").MixinConstructor & import("./types/mixins.js").MixinConstructor & typeof LitElement; /** * @summary A customizable checkbox component with form integration, validation support, and indeterminate state. * * @fires change - Standard HTML input change event for form compatibility * @fires mjo-checkbox:change - Enhanced custom event with detailed state information * @fires mjo-checkbox:indeterminate-change - Fired when indeterminate state changes * @fires mjo-checkbox:focus - Fired when checkbox receives focus * @fires mjo-checkbox:blur - Fired when checkbox loses focus * * @csspart container - The main checkbox container * @csspart box - The checkbox visual container * @csspart checkbox - The checkbox itself * @csspart checkbox-inner - The inner area containing the check/indeterminate icon * @csspart checkbox-icon - The check/indeterminate icon (via exportparts) * @csspart label-container - Container for the label text * @csspart label-text - The label typography element (via exportparts) * @csspart helper-text-container - Container for helper text (via exportparts) * @csspart helper-text-typography - The helper text typography element (via exportparts) * @csspart helper-text-msg-container - Container for error/success messages (via exportparts) * @csspart helper-text-msg-error-message - Error message element (via exportparts) * @csspart helper-text-msg-success-message - Success message element (via exportparts) * @csspart helper-text-msg-icon - Icon in error/success messages (via exportparts) */ export declare class MjoCheckbox extends MjoCheckbox_base implements IThemeMixin, IInputErrorMixin, IFormMixin { #private; color: MjoCheckboxColor; checked: boolean; disabled: boolean; indeterminate: boolean; helperText?: string; size: "small" | "medium" | "large"; label?: string; name?: string; value: string; hideErrors: boolean; ariaDescribedby?: string; inputElement: HTMLInputElement; checkboxContainer: HTMLElement; group: MjoCheckboxGroup | null; type: string; private get computedAriaChecked(); private get computedAriaLabel(); private get computedTabIndex(); render(): import("lit-html").TemplateResult<1>; connectedCallback(): void; getValue(): string; setValue(value: string): void; setChecked(checked: boolean): void; click(): void; toggle(): void; setIndeterminate(indeterminate: boolean): void; reportValidity(): boolean; setCustomValidity(message: string): void; static styles: import("lit").CSSResult[]; } declare global { interface HTMLElementTagNameMap { "mjo-checkbox": MjoCheckbox; } interface HTMLElementEventMap { "mjo-checkbox:change": MjoCheckboxChangeEvent; "mjo-checkbox:indeterminate-change": MjoCheckboxIndeterminateChangeEvent; "mjo-checkbox:focus": MjoCheckboxFocusEvent; "mjo-checkbox:blur": MjoCheckboxBlurEvent; } } export {}; //# sourceMappingURL=mjo-checkbox.d.ts.map