import type { CheckableProps, ComponentSize, ThemeColor } from '../../types';
/** Radio component properties */
export type OreRadioEvents = {
change: Event;
input: Event;
};
export type OreRadioProps = CheckableProps & {
/** Theme color */
color?: ThemeColor;
/** Disable interaction */
disabled?: boolean;
/** Error message (marks field as invalid) */
error?: string;
/** Helper text displayed below the radio */
helper?: string;
/** Component size */
size?: ComponentSize;
};
/**
* A customizable radio button component for mutually exclusive selections.
*
* @element ore-radio
*
* @attr {boolean} checked - Checked state
* @attr {boolean} disabled - Disable radio interaction
* @attr {string} value - Field value (required for radio groups)
* @attr {string} name - Form field name (required for radio groups)
* @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
* @attr {string} size - Radio size: 'sm' | 'md' | 'lg'
* @attr {string} error - Error message (marks field as invalid)
* @attr {string} helper - Helper text displayed below the radio
*
* @fires input - Emitted when radio is selected.
* @fires change - Emitted when radio is selected.
*
* @slot - Radio button label text
*
* @cssprop --radio-size - Control size (width and height)
* @cssprop --radio-bg - Unchecked background color
* @cssprop --radio-border-color - Unchecked border color
* @cssprop --radio-checked-bg - Selected indicator background color
* @cssprop --radio-color - Selected indicator dot color
* @cssprop --radio-font-size - Label font size
* @part radio - The radio wrapper element
* @part circle - The visual radio circle
* @part label - The label element
* @part helper-text - The helper/error text element
*
* @example
* ```html
* Free
* Pro
* Enterprise
* ```
*/
export declare const RADIO_TAG: "ore-radio";
//# sourceMappingURL=radio.d.ts.map