import type { UploadFileView } from './types'; type Props = { file: UploadFileView; }; /** * Rich progress card for a single file currently being uploaded. Shows a colored extension stamp * (auto-colored from the filename's extension via the `file-type-colors` palette), filename, * percent, thick progress bar, and a `'X of Y'` size sub-line. * * Override the auto-derived accent via the `--sc-kit--file-upload-progress--accent` CSS variable * on the host (e.g. to force a brand color regardless of extension). * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--file-upload-progress--accent` | Stamp + bar-fill color (override auto-derived) | per file extension | * | `--sc-kit--file-upload-progress--background` | Card background | `var(--sc-kit--color--bg--panel)` | * | `--sc-kit--file-upload-progress--border-color` | Card border | `var(--sc-kit--color--border)` | * | `--sc-kit--file-upload-progress--border-radius` | Card radius | `var(--sc-kit--radius--md)` | * | `--sc-kit--file-upload-progress--bar--background` | Progress-bar track | `var(--sc-kit--color--bg--active)` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;