import * as i0 from '@angular/core';
import { InjectionToken, Signal, InputSignal, ModelSignal, InputSignalWithTransform, OutputEmitterRef, OnInit, ElementRef } from '@angular/core';
import { ControlValueAccessor, NgControl } from '@angular/forms';
import { ErrorStateMatcher } from 'ngx-com/components/form-field';

/** Radio size variants. */
type RadioSize = 'sm' | 'md' | 'lg';
/** Radio color variants. */
type RadioVariant = 'primary' | 'accent' | 'warn';
/** Radio group orientation. */
type RadioOrientation = 'vertical' | 'horizontal';
/**
 * CVA variants for the visual radio circle.
 *
 * Uses `peer` selectors to style based on native input state:
 * - `peer-checked:` for checked state
 * - `peer-focus-visible:` for keyboard focus
 * - `peer-disabled:` for disabled state
 *
 * @tokens `--color-border`, `--color-primary`, `--color-primary-hover`,
 *         `--color-accent`, `--color-accent-hover`,
 *         `--color-warn`, `--color-warn-hover`,
 *         `--color-disabled`, `--color-ring`
 */
declare const radioCircleVariants: (props?: {
    variant?: RadioVariant;
    size?: RadioSize;
}) => string;
/** Size-based classes for the inner dot indicator. */
declare const RADIO_DOT_SIZES: Record<RadioSize, string>;
/** Size-based classes for the label content. */
declare const RADIO_LABEL_SIZES: Record<RadioSize, string>;
/** Orientation-based classes for the radio group container. */
declare const RADIO_GROUP_ORIENTATIONS: Record<RadioOrientation, string>;

/** Event emitted when radio group value changes. */
interface RadioGroupChange {
    value: string | null;
}
/** Interface for radio items that register with the group. */
interface RadioItem {
    value: () => string;
    isDisabled: () => boolean;
    focus: () => void;
}
/** Context provided to child radio components via DI. */
interface ComRadioGroupContext {
    name: Signal<string>;
    value: Signal<string | null>;
    disabled: Signal<boolean>;
    size: Signal<RadioSize>;
    variant: Signal<RadioVariant>;
    orientation: Signal<RadioOrientation>;
    focusedValue: Signal<string | null>;
    select: (value: string) => void;
    focusNext: (currentValue: string) => void;
    focusPrevious: (currentValue: string) => void;
    register: (radio: RadioItem) => void;
    unregister: (radio: RadioItem) => void;
    onTouched?: () => void;
}
/** Injection token for radio group context. */
declare const COM_RADIO_GROUP: InjectionToken<ComRadioGroupContext>;
/**
 * Radio group component that manages a set of radio buttons.
 *
 * Provides mutual exclusion, shared name, and roving tabindex keyboard navigation.
 * Implements `ControlValueAccessor` for Reactive Forms integration.
 *
 * @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-radio-group [(value)]="selectedFruit" aria-label="Select a fruit">
 *   <com-radio value="apple">Apple</com-radio>
 *   <com-radio value="banana">Banana</com-radio>
 *   <com-radio value="cherry">Cherry</com-radio>
 * </com-radio-group>
 * ```
 *
 * @example With reactive forms
 * ```html
 * <com-radio-group formControlName="size" aria-label="Select size">
 *   <com-radio value="sm">Small</com-radio>
 *   <com-radio value="md">Medium</com-radio>
 *   <com-radio value="lg">Large</com-radio>
 * </com-radio-group>
 * ```
 *
 * @example Horizontal orientation
 * ```html
 * <com-radio-group [(value)]="color" orientation="horizontal">
 *   <com-radio value="red">Red</com-radio>
 *   <com-radio value="green">Green</com-radio>
 *   <com-radio value="blue">Blue</com-radio>
 * </com-radio-group>
 * ```
 *
 * @example With variants
 * ```html
 * <com-radio-group [(value)]="priority" variant="warn" size="lg">
 *   <com-radio value="low">Low</com-radio>
 *   <com-radio value="medium">Medium</com-radio>
 *   <com-radio value="high">High</com-radio>
 * </com-radio-group>
 * ```
 */
declare class ComRadioGroup implements ControlValueAccessor {
    /** Optional NgControl for reactive forms integration. */
    readonly ngControl: NgControl | null;
    /** Error state matcher for determining when to show validation errors. */
    private readonly defaultErrorStateMatcher;
    private readonly parentForm;
    private readonly parentFormGroup;
    /** Unique ID for this radio group instance. */
    private readonly uniqueId;
    /** ID for the error message element. */
    readonly errorId: string;
    /** Registered radio items. */
    private readonly registeredRadios;
    readonly name: InputSignal<string>;
    readonly value: ModelSignal<string | null>;
    readonly disabled: ModelSignal<boolean>;
    readonly required: InputSignalWithTransform<boolean, unknown>;
    readonly orientation: InputSignal<RadioOrientation>;
    readonly size: InputSignal<RadioSize>;
    readonly variant: InputSignal<RadioVariant>;
    readonly errorMessage: InputSignal<string>;
    readonly errorStateMatcher: InputSignal<ErrorStateMatcher | undefined>;
    /** Tracks touched state — writable by both CVA callback and Signal Forms [formField]. */
    readonly touched: ModelSignal<boolean>;
    readonly invalid: InputSignal<boolean>;
    readonly sfErrors: InputSignal<readonly unknown[]>;
    readonly ariaLabel: InputSignal<string | null>;
    readonly ariaLabelledby: InputSignal<string | null>;
    readonly ariaDescribedby: InputSignal<string | null>;
    /** Emits when the selection changes, with full event details. */
    readonly selectionChange: OutputEmitterRef<RadioGroupChange>;
    /**
     * Tracks the currently focused radio value for roving tabindex.
     * Resets to the current selection (or first focusable) when value or radios change.
     */
    private readonly focusedValueSignal;
    /**
     * Computed error state derived from form validation.
     * Shows errors when control is invalid and touched/submitted.
     */
    readonly errorState: Signal<boolean>;
    readonly computedAriaDescribedby: Signal<string | null>;
    protected readonly groupClasses: Signal<string>;
    private onChange;
    private onTouchedCallback;
    constructor();
    /** Creates the context object for child radios. */
    createContext(): ComRadioGroupContext;
    /** Register a radio item with the group. */
    private register;
    /** Unregister a radio item from the group. */
    private unregister;
    writeValue(value: string | null): void;
    registerOnChange(fn: (value: string | null) => void): void;
    registerOnTouched(fn: () => void): void;
    setDisabledState(isDisabled: boolean): void;
    /** Selects a radio by value. */
    select(newValue: string): void;
    /** Focuses the next non-disabled radio (with cyclic wrap). */
    focusNext(currentValue: string): void;
    /** Focuses the previous non-disabled radio (with cyclic wrap). */
    focusPrevious(currentValue: string): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ComRadioGroup, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ComRadioGroup, "com-radio-group", ["comRadioGroup"], { "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "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; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "touched": "touchedChange"; "selectionChange": "selectionChange"; }, never, ["*"], true, never>;
}

/** Event emitted when a radio is selected. */
interface RadioChange {
    value: string;
    source: ComRadio;
}
/**
 * Production-grade radio component with full accessibility support.
 *
 * Uses a native `<input type="radio">` for built-in keyboard handling,
 * `:checked` pseudo-class, and screen reader support.
 *
 * Must be used within a `ComRadioGroup` which manages the selected value
 * and provides the shared `name` attribute.
 *
 * @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 within a group
 * ```html
 * <com-radio-group [(value)]="selectedOption">
 *   <com-radio value="option1">Option 1</com-radio>
 *   <com-radio value="option2">Option 2</com-radio>
 *   <com-radio value="option3">Option 3</com-radio>
 * </com-radio-group>
 * ```
 *
 * @example Disabled option
 * ```html
 * <com-radio-group [(value)]="selected">
 *   <com-radio value="enabled">Enabled option</com-radio>
 *   <com-radio value="disabled" [disabled]="true">Disabled option</com-radio>
 * </com-radio-group>
 * ```
 */
declare class ComRadio implements OnInit, RadioItem {
    /** Optional parent radio group context. */
    private readonly group;
    /** DestroyRef for cleanup. */
    private readonly destroyRef;
    /** Reference to the native input element. */
    readonly inputRef: Signal<ElementRef<HTMLInputElement> | undefined>;
    /** Unique ID for this radio instance. */
    private readonly uniqueId;
    readonly value: InputSignal<string>;
    readonly size: InputSignal<RadioSize>;
    readonly variant: InputSignal<RadioVariant>;
    readonly disabled: ModelSignal<boolean>;
    readonly id: InputSignal<string | undefined>;
    readonly ariaLabel: InputSignal<string | null>;
    readonly ariaLabelledby: InputSignal<string | null>;
    readonly ariaDescribedby: InputSignal<string | null>;
    readonly changed: OutputEmitterRef<RadioChange>;
    readonly inputId: Signal<string>;
    /** Resolve size from group or local input. */
    readonly resolvedSize: Signal<RadioSize>;
    /** Resolve variant from group or local input. */
    readonly resolvedVariant: Signal<RadioVariant>;
    /** Whether this radio is checked based on group value. */
    readonly isChecked: Signal<boolean>;
    /** Whether this radio is disabled (from local or group). */
    readonly isDisabled: Signal<boolean>;
    /** Get name from group. */
    readonly groupName: Signal<string | undefined>;
    /** Tab index for roving tabindex pattern. */
    readonly tabIndex: Signal<number>;
    protected readonly circleClasses: Signal<string>;
    protected readonly dotSizeClass: Signal<string>;
    protected readonly labelSizeClass: Signal<string>;
    ngOnInit(): void;
    protected onInputChange(event: Event): void;
    protected onBlur(): void;
    protected onKeyDown(event: KeyboardEvent): void;
    /** Focuses this radio's input element. */
    focus(): void;
    /** Selects this radio programmatically. */
    select(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ComRadio, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ComRadio, "com-radio", ["comRadio"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "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; }; }, { "disabled": "disabledChange"; "changed": "changed"; }, never, ["*"], true, never>;
}

export { COM_RADIO_GROUP, ComRadio, ComRadioGroup, RADIO_DOT_SIZES, RADIO_GROUP_ORIENTATIONS, RADIO_LABEL_SIZES, radioCircleVariants };
export type { ComRadioGroupContext, RadioChange, RadioGroupChange, RadioItem, RadioOrientation, RadioSize, RadioVariant };