type ProgressColor = 'accent' | 'muted' | 'success' | 'warning' | 'danger' | 'text' | 'on-accent'; type ProgressSize = 'sm' | 'md' | 'lg'; type Props = { /** Completion ratio from 0 to 1 */ value: number; /** Size preset (track height 4 / 6 / 10 px). @default 'md' */ size?: ProgressSize; /** Filled-portion color preset. Track stays semantic-neutral. Omit for the default (`accent`). */ color?: ProgressColor; /** Optional accessible label for screen readers. Sets `role="progressbar"` + `aria-valuenow`. */ label?: string; }; /** * A horizontal progress bar that fills from left to right based on a normalized `value` (0–1). * Values outside `[0, 1]` are clamped. * * Width is fluid (`100%`); the host controls the bar width via its parent. Override the height via the * `size` preset or the `--sc-kit--progress--height` CSS variable. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--progress--height` | Bar height | per `size` preset (4 / 6 / 10 px) | * | `--sc-kit--progress--track-color` | Track background color | `--sc-kit--color--border` | * | `--sc-kit--progress--fill-color` | Filled-portion color | per `color` preset (accent by default) | * | `--sc-kit--progress--track-shadow` | Inset shadow on the track | `none` | * | `--sc-kit--progress--border-radius` | Corner radius | `--sc-kit--radius--pill` | * | `--sc-kit--progress--transition-duration` | Width transition duration | `--sc-kit--duration--slow` | * | `--sc-kit--progress--color-accent` | Accent preset fill | `--sc-kit--color--accent` | * | `--sc-kit--progress--color-muted` | Muted preset fill | `--sc-kit--color--text--muted` | * | `--sc-kit--progress--color-success` | Success preset fill | `--sc-kit--color--success` | * | `--sc-kit--progress--color-warning` | Warning preset fill | `--sc-kit--color--warning` | * | `--sc-kit--progress--color-danger` | Danger preset fill | `--sc-kit--color--danger` | * | `--sc-kit--progress--color-text` | Text preset fill | `--sc-kit--color--text--primary` | * | `--sc-kit--progress--color-on-accent` | On-accent preset fill | `--sc-kit--color--text--on-accent` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;