type Props = { /** True when this card is the selected one in its group. Parent computes it. */ selected: boolean; title: string; description?: string; disabled?: boolean; /** Accessible name override (forwarded to `aria-label`). Defaults to `title`. */ name?: string; on?: { change?: () => void; }; }; /** * RadioCard — a Radio rendered as a tappable card with a title and optional description. Use * for high-stakes one-of-N selections where each option needs more explanation than a single * label line (plan picker, account type, theme picker). * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--radio-card--background` | Card background | per state | * | `--sc-kit--radio-card--border-color` | Card border color | per state | * | `--sc-kit--radio-card--border-color--hover` | Border color on hover (off state) | `var(--sc-kit--color--border--strong)` | * | `--sc-kit--radio-card--border-radius` | Corner rounding | `var(--sc-kit--radius--md)` | * | `--sc-kit--radio-card--padding-block` | Vertical padding | `var(--sc-kit--space--3)` (12px) | * | `--sc-kit--radio-card--padding-inline` | Horizontal padding | `0.875rem` (14px) | * | `--sc-kit--radio-card--gap` | Gap between dot and body | `0.625rem` (10px) | * | `--sc-kit--radio-card--focus-ring-color` | Focus outline color | `var(--sc-kit--color--border--focus)` | * | `--sc-kit--radio-card--title--color` | Title color | `var(--sc-kit--color--text--primary)` | * | `--sc-kit--radio-card--title--font-size` | Title font size | `var(--sc-kit--font-size--md)` | * | `--sc-kit--radio-card--title--font-weight` | Title font weight | `var(--sc-kit--font-weight--medium)` | * | `--sc-kit--radio-card--description--color` | Description color | `var(--sc-kit--color--text--muted)` | * | `--sc-kit--radio-card--description--font-size` | Description font size | `var(--sc-kit--font-size--sm)` | * | `--sc-kit--radio-card--description--line-height` | Description line height | `var(--sc-kit--line-height--sm)` | * | `--sc-kit--radio-card--dot--size` | Dot width/height | `1.125rem` (18px) | * | `--sc-kit--radio-card--dot--inner-size` | Inner dot width/height | `0.5rem` (8px) | * | `--sc-kit--radio-card--dot--border-color` | Dot border color | per state | * | `--sc-kit--radio-card--dot--background` | Dot background | `var(--sc-kit--color--bg--field)` | * | `--sc-kit--radio-card--dot--inner-color` | Inner dot color (selected) | `var(--sc-kit--color--accent)` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;