/** * @license * Copyright 2023 Nuraly, Laabidi Aymen * SPDX-License-Identifier: MIT */ import { LitElement } from 'lit'; import { CheckboxSize } from './checkbox.types.js'; declare const NrCheckboxElement_base: (new (...args: any[]) => import("./mixins/checkbox-event-mixin.js").CheckboxEventCapable) & (new (...args: any[]) => import("./mixins/checkbox-focus-mixin.js").CheckboxFocusCapable) & (new (...args: any[]) => import("@nuralyui/common/mixins").DependencyAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").ThemeAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").EventHandlerCapable) & (new (...args: any[]) => import("packages/common/src/shared/base-mixin.js").LightDomContent) & typeof LitElement; /** * Versatile checkbox component with support for indeterminate state, theming, and multiple sizes. * * @example * ```html * Check me * Already checked * Indeterminate state * Large disabled * ``` * * @fires nr-change - Dispatched when checkbox state changes * @fires nr-focus - Dispatched when checkbox receives focus * @fires nr-blur - Dispatched when checkbox loses focus * @fires nr-keydown - Dispatched on keydown events * @fires nr-mouseenter - Dispatched when mouse enters checkbox * @fires nr-mouseleave - Dispatched when mouse leaves checkbox * * @slot default - Checkbox label content * * @csspart input - The native checkbox input element * @csspart label - The label element wrapping the slot content */ export declare class NrCheckboxElement extends NrCheckboxElement_base { static styles: import("lit").CSSResult; static useShadowDom: boolean; /** Whether the checkbox is checked */ checked: boolean; /** Whether the checkbox is disabled */ disabled: boolean; /** Whether the checkbox is in indeterminate state */ indeterminate: boolean; /** Checkbox size (small, medium, large) */ get size(): CheckboxSize; set size(value: CheckboxSize); private _size; /** Form field name */ name?: string; /** Form field value */ value?: string; /** Whether the checkbox should be focused when mounted */ autoFocus: boolean; /** Checkbox title attribute */ title: string; /** Tab index */ tabIndex: number; /** Whether the checkbox is required */ required: boolean; /** Checkbox ID */ id: string; connectedCallback(): void; private getCommonAttributes; private handleLabelClick; render(): import("lit-html").TemplateResult<1>; } export {}; //# sourceMappingURL=checkbox.component.d.ts.map