KQ-830 · EXPORT/STAMP
Export Stamp
Done, and sent where you said. A row of target chips is a radiogroup whose chosen chip takes the cobalt wash on a colour tween while its detail line glides open beneath the row on glide from a measured height. Export hands the host onExport and the host drives stage and progress: the button's own fill runs left to right as a bar on glide, and on "stamped" a seal lands over the chosen chip on recoil — from 1.4× and a tilt to rest, two visible bounces — as the chip turns success and the button reads Exported. Left and Right step the chips without wrapping, Home and End jump, Space selects.
Fieldline Drive · /briefs/shift
Target · Drive
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/export-stamp
Props
- targets
- ExportTarget[]
- default —
- Destinations in order: id, label, and an optional detail line shown for the chosen one.
- value / defaultValue
- string
- default first target
- Controlled or initial target id.
- onValueChange
- (id: string) => void
- default —
- Fires when a target is picked; reset stage to idle here so a new target is a new export.
- stage
- "idle" | "exporting" | "stamped"
- default "idle"
- Where the export stands; the host drives it.
- progress
- number
- default 0
- 0..1 of the export while stage is "exporting".
- onExport
- (id: string) => void
- default —
- Fires from the Export control with the chosen target.
- label
- string
- default —
- Names the control group for assistive technology.
- exportLabel
- string
- default "Export"
- Copy on the control while idle.
| Prop | Type | Default | Description |
|---|---|---|---|
| targets | ExportTarget[] | — | Destinations in order: id, label, and an optional detail line shown for the chosen one. |
| value / defaultValue | string | first target | Controlled or initial target id. |
| onValueChange | (id: string) => void | — | Fires when a target is picked; reset stage to idle here so a new target is a new export. |
| stage | "idle" | "exporting" | "stamped" | "idle" | Where the export stands; the host drives it. |
| progress | number | 0 | 0..1 of the export while stage is "exporting". |
| onExport | (id: string) => void | — | Fires from the Export control with the chosen target. |
| label | string | — | Names the control group for assistive technology. |
| exportLabel | string | "Export" | Copy on the control while idle. |