Paused-upload row with an amber Resume button and a static amber progress track matching the state.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Upload16 } from "@/components/beste/piece/upload16";
<Upload16
filename="keynote-rehearsal.mp4"
percent={34}
remaining="Paused · 212 MB left"
tone="amber"
/>Interrupted-upload card with an amber state, half-filled bar, resume byte offset, and a Resume button.
Single-file upload row with size counter, live speed, pause and cancel controls, and a gradient bar.
Success confirmation row with an emerald border, corner check overlay on the file tile, and an Open button.
Single-line upload affordance with a paperclip icon, prompt copy, and a trailing browse button.
Stacked upload list with done, uploading, and failed rows each ending in the matching status icon.
Aggregate upload card with a total-files header, a single sky bar, and a done, uploading, queued tally.