import type { Snippet } from 'svelte';
type Props = {
    /** True when this radio is the selected one in its group. Parent computes it. */
    selected: boolean;
    /** Label: plain text or a snippet for rich content. */
    label?: string | Snippet;
    disabled?: boolean;
    title?: string;
    /** Accessible name fallback when `label` is a snippet (forwarded to `aria-label`). */
    name?: string;
    on?: {
        change?: () => void;
    };
};
/**
 * Radio (dot style) — one option in an N-of-1 exclusive group. The parent owns the group state
 * and computes `selected` for each Radio; clicking fires `on.change()` so the parent can update
 * its state to this option's value. Pair with `RadioCard` for option-card layouts.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--radio--size` | Dot width and height | `1rem` |
 * | `--sc-kit--radio--border-color` | Border color | per state |
 * | `--sc-kit--radio--border-color--hover` | Border color on hover (off state) | `var(--sc-kit--color--accent)` |
 * | `--sc-kit--radio--background` | Dot background | `var(--sc-kit--color--bg--field)` |
 * | `--sc-kit--radio--inner-color` | Inner dot color (selected) | `var(--sc-kit--color--accent)` |
 * | `--sc-kit--radio--inner-size` | Inner dot diameter | `0.5rem` (8px) |
 * | `--sc-kit--radio--focus-ring-color` | Focus outline color | `var(--sc-kit--color--border--focus)` |
 * | `--sc-kit--radio--gap` | Gap between dot and label | `var(--sc-kit--space--2)` |
 * | `--sc-kit--radio--label--font-size` | Label font size | `var(--sc-kit--font-size--md)` |
 * | `--sc-kit--radio--label--line-height` | Label line height | `var(--sc-kit--line-height--md)` |
 * | `--sc-kit--radio--label--color` | Label color | `var(--sc-kit--color--text--primary)` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;