import Tailwind from '../base/tailwind-base';
/**
 * @tag plus-radio
 * @summary Radio button component that allows single selection from a group of options.
 *
 * @slot - The radio button label content
 *
 * @csspart radio - The component's radio input element
 *
 * @event plus-change - Emitted when the radio button's checked state changes
 *
 * @example
 * ```html
 * <plus-radio name="gender" value="male">Male</plus-radio>
 * <plus-radio name="gender" value="female">Female</plus-radio>
 * ```
 */
export default class PlusRadio extends Tailwind {
    input: HTMLInputElement;
    /**
     * Sets the size of the radio button
     * - sm: Small size
     * - md: Medium size
     * - lg: Large size
     * @default 'md'
     */
    size: 'sm' | 'md' | 'lg';
    /**
     * Defines the text label for the radio button
     * @default undefined
     */
    text?: string;
    /** Whether the radio is checked. */
    checked: boolean;
    /** Whether the radio is in an error state. */
    error: boolean;
    /** Whether the radio is disabled. */
    disabled: boolean;
    /** Whether the radio is readonly. */
    readonly: boolean;
    /** The radio's name attribute. */
    name: string;
    /** Whether the radio is required. */
    required: boolean;
    /** The radio's value attribute. */
    value: string;
    /**
     * Internal state to track if the radio button has focus
     * @default false
     */
    hasFocus: boolean;
    /**
     * Handles the change event when the radio button is toggled
     */
    handleChange(): void;
    /**
     * Handles the focus event when the radio button gains focus
     */
    private handleFocus;
    /**
     * Handles the blur event when the radio button loses focus
     */
    private handleBlur;
    render(): import("lit-html").TemplateResult<1>;
}
export { PlusRadio };
//# sourceMappingURL=radio.d.ts.map