type Props = {
    value: number;
    /** @default 0 */
    min?: number;
    /** @default 100 */
    max?: number;
    /** @default 1 */
    step?: number;
    disabled?: boolean;
    /** Show the current value at the right of the track. @default false */
    showValue?: boolean;
    /** Show a numeric input next to the slider. @default false */
    withInput?: boolean;
    /** Tick labels rendered evenly under the track. */
    ticks?: string[];
    /** Suffix appended to the displayed value (e.g. ' %'). @default '' */
    valueSuffix?: string;
    on?: {
        change?: (value: number) => void;
        input?: (value: number) => void;
    };
};
/**
 * Slider — single-value range input. Controlled via `value` + `on.input` / `on.change` (no binding).
 * Optionally renders the current value, a numeric input alongside the track, and tick labels below.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--slider--gap` | Gap between track and value / input | `var(--sc-kit--space--3)` |
 * | `--sc-kit--slider--track--height` | Track height | `0.25rem` |
 * | `--sc-kit--slider--track--color` | Track background | `var(--sc-kit--color--bg--active)` |
 * | `--sc-kit--slider--fill--color` | Filled portion color | `var(--sc-kit--color--accent)` |
 * | `--sc-kit--slider--thumb--size` | Thumb diameter | `0.875rem` |
 * | `--sc-kit--slider--thumb--color` | Thumb background | `var(--sc-kit--color--bg--panel)` |
 * | `--sc-kit--slider--thumb--border-color` | Thumb border | `var(--sc-kit--color--accent)` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;