import { ElementType, ChangeEvent, MouseEvent, PointerEvent, ComponentPropsWithoutRef } from 'react';
import { Color } from '../types.js';
export type RadioSize = 'xs' | 'sm' | 'md';
interface RadioOwnProps<C extends ElementType = 'label'> {
    /** Controlled checked state. Default `false`. */
    checked?: boolean;
    /** Visually dim the radio and disable interaction. */
    disabled?: boolean;
    /** Block toggling without the disabled visual treatment. */
    readOnly?: boolean;
    /** Native `value` - submitted with the form when `checked`. */
    value?: string;
    /** Native `name` - used to group radios in the same set. */
    name?: string;
    /** Radio size token. Default `'sm'`. */
    size?: RadioSize;
    /** Native `required` - forwarded to the hidden `<input>` for form validation. */
    required?: boolean;
    /** Fires when the user toggles the radio. First arg is the new checked state, second is the raw event. */
    onChange?: (checked: boolean, event?: ChangeEvent<HTMLInputElement>) => void;
    /** Fires on click of the root element. Runs before the internal toggle handler. */
    onClick?: (e: MouseEvent) => void;
    /** Fires on pointerdown of the root element. */
    onPointerDown?: (e: PointerEvent) => void;
    /**
     * When `true` (default), renders a hidden native input for form submission and accessibility.
     *
     * When `false`, the component falls back to ARIA roles (`role="radio"`, `aria-checked`, keyboard `Space`/`Enter` toggling) and `onChange` fires from the click handler.
     */
    input?: boolean;
    /** `id` for the hidden `<input>`. Used to wire an external `<label htmlFor>` to this radio. */
    inputId?: string;
    /** Extra classes for the outer label/element. */
    className?: string;
    /** Accent color for the checked state. Default: theme accent. */
    color?: Color;
    /** Outline ring on the thumb surfaces. Default `true`. */
    thumbOutline?: boolean;
    /**
     * Polymorphic root element. Defaults to `'label'` so a wrapping `<label>` activates the hidden input on click. Use a non-label container when the radio lives inside an existing label — see `hoverable`/`focusable` for how this changes interactivity.
     */
    as?: C;
    /**
     * Auto-computed when omitted: `true` if `as === 'label'`, otherwise `false`.
     *
     * Override explicitly for custom containers that should still show hover affordances.
     */
    hoverable?: boolean;
    /**
     * Auto-computed when omitted: `true` if `as === 'label'` OR `input` is `true`.
     *
     * Drives whether the focus ring (`FocusableLayer`) is rendered.
     */
    focusable?: boolean;
}
export type RadioProps<C extends ElementType = 'label'> = RadioOwnProps<C> & Omit<ComponentPropsWithoutRef<C>, keyof RadioOwnProps<C>>;
/** Shape of `Radio` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
export type RadioDefaultProps = Partial<Omit<RadioOwnProps, 'as'>>;
export declare function Radio<C extends ElementType = 'label'>(props: RadioProps<C>): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=Radio.d.ts.map