type SwipeIndicatorColor = 'accent' | 'muted' | 'success' | 'warning' | 'danger' | 'text' | 'on-accent'; type SwipeIndicatorSize = 'sm' | 'md' | 'lg'; type Props = { /** Time in ms before the indicator fades out; 0 keeps it visible indefinitely. @default 2000 */ fadeTimeout?: number; /** Size preset for text + icon (14 / 16 / 20 px). @default 'md' */ size?: SwipeIndicatorSize; /** Color preset. @default 'on-accent' (white — designed to read over media) */ color?: SwipeIndicatorColor; }; /** * An animated "swipe up" hint overlay with a bouncing arrow icon that fades out after `fadeTimeout`. * Designed for media-page swipe affordances on touch devices; absolutely positioned with a dark blur * backdrop so it reads over any background. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--swipe-indicator--color` | Text + icon color | per `color` preset (on-accent by default) | * | `--sc-kit--swipe-indicator--font-size` | Text font size | per `size` preset (14 / 16 / 20 px) | * | `--sc-kit--swipe-indicator--icon-size` | Icon size | inherits font-size | * | `--sc-kit--swipe-indicator--backdrop-color` | Blur backdrop color | `rgba(0, 0, 0, 1)` | * | `--sc-kit--swipe-indicator--color-accent` | Accent preset color | `--sc-kit--color--accent` | * | `--sc-kit--swipe-indicator--color-muted` | Muted preset color | `--sc-kit--color--text--muted` | * | `--sc-kit--swipe-indicator--color-success` | Success preset color | `--sc-kit--color--success` | * | `--sc-kit--swipe-indicator--color-warning` | Warning preset color | `--sc-kit--color--warning` | * | `--sc-kit--swipe-indicator--color-danger` | Danger preset color | `--sc-kit--color--danger` | * | `--sc-kit--swipe-indicator--color-text` | Text preset color | `--sc-kit--color--text--primary` | * | `--sc-kit--swipe-indicator--color-on-accent` | On-accent preset color | `--sc-kit--color--text--on-accent` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;