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;