type Props = { value: string; /** Number of cells. @default 6 */ length?: number; /** Mask the digits (for sensitive codes — renders cells as ``). @default false */ mask?: boolean; disabled?: boolean; /** Visual error state — also sets `aria-invalid="true"` on each cell. */ error?: boolean; /** Accessible label for the cell group. Consumer-provided (no kit default). */ 'aria-label'?: string; on?: { input?: (value: string) => void; change?: (value: string) => void; /** Fires when all cells are filled. */ complete?: (value: string) => void; }; }; /** * Multi-cell one-time-code input. Auto-advances cursor on entry, backspaces back, supports * paste of the full code, and arrow-key navigation between cells. Numeric-only (forces * `inputmode="numeric"` + filters non-digits). Set `mask` for sensitive codes (renders cells * as ``). Fires `on.complete` when all cells are filled. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--pin-input--gap` | Gap between cells | `var(--sc-kit--space--2)` | * | `--sc-kit--pin-input--cell-width` | Cell width | `2.25rem` | * | `--sc-kit--pin-input--cell-height` | Cell height | `2.75rem` | * | `--sc-kit--pin-input--font-size` | Digit font size | `1.1875rem` | * | `--sc-kit--pin-input--background` | Cell background | `var(--sc-kit--color--bg--field)` | * | `--sc-kit--pin-input--background--filled` | Filled-cell background | `var(--sc-kit--color--success--soft)` | * | `--sc-kit--pin-input--border-color` | Cell border color | `var(--sc-kit--color--border--field)` | * | `--sc-kit--pin-input--border-color--focus` | Focused cell border color | `var(--sc-kit--color--accent)` | * | `--sc-kit--pin-input--border-color--filled` | Filled cell border color | `var(--sc-kit--color--success)` | * | `--sc-kit--pin-input--border-color--error` | Error state border color | `var(--sc-kit--color--danger)` | * | `--sc-kit--pin-input--border-radius` | Cell corner radius | `var(--sc-kit--radius--lg)` | * | `--sc-kit--pin-input--color` | Digit color | `var(--sc-kit--color--text--primary)` | * | `--sc-kit--pin-input--focus-shadow` | Focused cell shadow | `var(--sc-kit--shadow--focus)` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;