import type { InputForwardedProps } from '../input'; type HandleStatus = 'available' | 'taken' | 'checking'; type Props = Omit & { /** * Availability status. Presentational only — the parent owns the async lookup and sets * `status` accordingly. The status pill is rendered as a free-form suffix inside the input. */ status?: HandleStatus; /** Override the default localized badge label for the current `status`. */ statusLabel?: string; }; /** * A single-line handle / username input with a fixed `@` prefix shown in a tonally distinct gray * segment, plus an optional availability badge on the right (`available` / `taken` / `checking`). * The bound `value` is the handle WITHOUT the `@`. * * Built as a thin wrapper around kit `Input` — the prefix segment is rendered via Input's `prefix` * snippet slot, the status pill via Input's `suffix` snippet slot. Presentational only — the parent * owns the async availability lookup. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--handle-input--prefix--background` | Prefix segment background | `--sc-kit--color--bg--field-alt` | * | `--sc-kit--handle-input--prefix--color` | Prefix text color | `--sc-kit--color--text--muted` | * | `--sc-kit--handle-input--prefix--border-color` | Vertical separator color | `--sc-kit--color--border--field` | * | `--sc-kit--handle-input--status--available--background` | Available pill background | `--sc-kit--color--success--soft` | * | `--sc-kit--handle-input--status--available--color` | Available pill text + icon color | `--sc-kit--color--success` | * | `--sc-kit--handle-input--status--taken--background` | Taken pill background | `--sc-kit--color--danger--soft` | * | `--sc-kit--handle-input--status--taken--color` | Taken pill text + icon color | `--sc-kit--color--danger` | * | `--sc-kit--handle-input--status--checking--background` | Checking pill background | `--sc-kit--color--bg--active` | * | `--sc-kit--handle-input--status--checking--color` | Checking pill text + spinner color | `--sc-kit--color--text--secondary` | * * Plus every public CSS variable exposed by ``. */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;