import * as i0 from '@angular/core';
import { Signal, ElementRef, InputSignal, ModelSignal, OutputEmitterRef } from '@angular/core';
import { ControlValueAccessor, NgControl } from '@angular/forms';

/** Checkbox size variants. */
type CheckboxSize = 'sm' | 'md' | 'lg';
/** Checkbox color variants. */
type CheckboxVariant = 'primary' | 'accent' | 'warn';
/**
 * CVA variants for the visual checkbox box.
 *
 * Uses `peer` selectors to style based on native input state:
 * - `peer-checked:` for checked state
 * - `peer-indeterminate:` for indeterminate state
 * - `peer-focus-visible:` for keyboard focus
 * - `peer-disabled:` for disabled state
 *
 * @tokens `--color-border`, `--color-primary`, `--color-primary-foreground`, `--color-primary-hover`,
 *         `--color-accent`, `--color-accent-foreground`, `--color-accent-hover`,
 *         `--color-warn`, `--color-warn-foreground`, `--color-warn-hover`,
 *         `--color-disabled`, `--color-disabled-foreground`, `--color-ring`, `--radius-interactive-sm`
 */
declare const checkboxBoxVariants: (props?: {
    variant?: CheckboxVariant;
    size?: CheckboxSize;
}) => string;
/** Size-based classes for the checkmark SVG icon. */
declare const CHECKBOX_ICON_SIZES: Record<CheckboxSize, string>;
/** Size-based classes for the label content. */
declare const CHECKBOX_LABEL_SIZES: Record<CheckboxSize, string>;

/** Event emitted when checkbox state changes. */
interface CheckboxChange {
    checked: boolean;
    source: ComCheckbox;
}
/**
 * Production-grade checkbox component with full accessibility support.
 *
 * Uses a native `<input type="checkbox">` for built-in keyboard handling,
 * `:checked` and `:indeterminate` pseudo-classes, and screen reader support.
 *
 * Implements `ControlValueAccessor` for Reactive Forms integration via
 * `NgControl` injection pattern (no `NG_VALUE_ACCESSOR` provider).
 *
 * @tokens `--color-border`, `--color-primary`, `--color-primary-foreground`, `--color-primary-hover`,
 *         `--color-accent`, `--color-accent-foreground`, `--color-accent-hover`,
 *         `--color-warn`, `--color-warn-foreground`, `--color-warn-hover`,
 *         `--color-disabled`, `--color-disabled-foreground`, `--color-ring`
 *
 * @example Basic usage
 * ```html
 * <com-checkbox [(checked)]="isActive">Enable feature</com-checkbox>
 * ```
 *
 * @example With reactive forms
 * ```html
 * <com-checkbox formControlName="acceptTerms">
 *   I accept the <a href="/terms">terms and conditions</a>
 * </com-checkbox>
 * ```
 *
 * @example Indeterminate state
 * ```html
 * <com-checkbox [(indeterminate)]="hasPartialSelection" (changed)="onSelectAll($event)">
 *   Select all
 * </com-checkbox>
 * ```
 *
 * @example Variants and sizes
 * ```html
 * <com-checkbox variant="accent" size="lg">Large accent checkbox</com-checkbox>
 * <com-checkbox variant="warn" size="sm">Small warning checkbox</com-checkbox>
 * ```
 */
declare class ComCheckbox implements ControlValueAccessor {
    /** Optional NgControl for reactive forms integration. */
    readonly ngControl: NgControl | null;
    /** Reference to the native input element. */
    readonly inputRef: Signal<ElementRef<HTMLInputElement> | undefined>;
    /** Unique ID for this checkbox instance. */
    private readonly uniqueId;
    readonly size: InputSignal<CheckboxSize>;
    readonly variant: InputSignal<CheckboxVariant>;
    readonly checked: ModelSignal<boolean>;
    readonly indeterminate: ModelSignal<boolean>;
    readonly disabled: ModelSignal<boolean>;
    readonly htmlValue: InputSignal<string | undefined>;
    readonly name: InputSignal<string | undefined>;
    readonly touched: ModelSignal<boolean>;
    readonly invalid: InputSignal<boolean>;
    readonly sfErrors: InputSignal<readonly unknown[]>;
    readonly sfRequired: InputSignal<boolean>;
    readonly id: InputSignal<string | undefined>;
    readonly ariaLabel: InputSignal<string | null>;
    readonly ariaLabelledby: InputSignal<string | null>;
    readonly ariaDescribedby: InputSignal<string | null>;
    readonly changed: OutputEmitterRef<CheckboxChange>;
    readonly inputId: Signal<string>;
    protected readonly boxClasses: Signal<string>;
    protected readonly iconSizeClass: Signal<string>;
    protected readonly labelSizeClass: Signal<string>;
    private onChange;
    protected onTouched: () => void;
    constructor();
    writeValue(value: boolean): void;
    registerOnChange(fn: (value: boolean) => void): void;
    registerOnTouched(fn: () => void): void;
    setDisabledState(isDisabled: boolean): void;
    protected onBlur(): void;
    protected onInputChange(event: Event): void;
    /** Focuses this checkbox's input element. */
    focus(): void;
    /** Toggles the checkbox state programmatically. */
    toggle(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ComCheckbox, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ComCheckbox, "com-checkbox", ["comCheckbox"], { "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "htmlValue": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "sfErrors": { "alias": "errors"; "required": false; "isSignal": true; }; "sfRequired": { "alias": "required"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "indeterminate": "indeterminateChange"; "disabled": "disabledChange"; "touched": "touchedChange"; "changed": "changed"; }, never, ["*"], true, never>;
}

export { CHECKBOX_ICON_SIZES, CHECKBOX_LABEL_SIZES, ComCheckbox, checkboxBoxVariants };
export type { CheckboxChange, CheckboxSize, CheckboxVariant };