import type { UploadFileView } from './types'; type Props = { file: UploadFileView; /** Show the trailing × remove button. Auto-hidden while uploading. @default true */ removable?: boolean; on?: { remove?: () => void; }; }; /** * Compact row representation of a file being uploaded. Three states driven by `file.status`: * - **`queued` / `uploading`** — colored extension stamp + filename + percent subtitle + thin progress bar. * - **`success`** — filename + size + optional × remove button. * - **`error`** — filename + red error subtitle + optional × remove button. * * The stamp is auto-colored from the filename's extension via the `file-type-colors` palette (and * falls back to a generic document icon for a file with no extension). Feed it `UploadMediaStore.files` * directly, or a plain `{ file, status }` literal for a static list. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--file-row--background` | Row background | `var(--sc-kit--color--bg--field-alt)` | * | `--sc-kit--file-row--border-color` | Row border | `var(--sc-kit--color--border)` | * | `--sc-kit--file-row--border-radius` | Row radius | `var(--sc-kit--radius--md)` | * | `--sc-kit--file-row--accent` | Stamp + bar-fill color (override auto-derived) | per file extension | * | `--sc-kit--file-row--bar--background` | Progress-bar track | `var(--sc-kit--color--bg--active)` | * | `--sc-kit--file-row--bar--fill` | Progress-bar fill | `var(--sc-kit--file-row--accent)` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;