type Props = {
    value: number;
    /** @default 0 */
    min?: number;
    /** @default 100 */
    max?: number;
    /** @default 1 */
    step?: number;
    /** Suffix appended to the displayed value (e.g. ' %'). @default '' */
    valueSuffix?: string;
    /** Size preset (shared with Input / DatePicker / Select). @default 'sm' */
    size?: 'sm' | 'md' | 'lg';
    on?: {
        change?: (value: number) => void;
    };
};
/**
 * A compact `[−] value [+]` stepper for toolbars — increment / decrement a numeric value between `min`
 * and `max` by `step`, with an optional `valueSuffix` (e.g. ` %`). The − / + buttons disable at the limits.
 * Shares the field-height preset so it lines up with other toolbar controls.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--toolbar-value-stepper--value--min-inline-size` | Min width of the value readout (keeps the buttons from shifting) | `2.25rem` |
 * | `--sc-kit--toolbar-value-stepper--icon--color` | Button icon color | `var(--sc-kit--color--accent)` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;