import * as _vanilla_extract_css from '@vanilla-extract/css';
import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';

declare const containerStyle: string;
declare const inputStyle: _vanilla_extract_recipes.RuntimeFn<{
    pressed: {
        false: {
            cursor: "grab";
        };
        true: {
            cursor: "grabbing";
        };
    };
}>;
declare const segmentFraction: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
declare const segmentStyle: string;
declare const segmentShapeStyle: _vanilla_extract_recipes.RuntimeFn<{
    active: {
        false: {
            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            "::before": {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            };
        };
        true: {
            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            "::before": {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            };
        };
    };
    edge: {
        start: {
            insetInline: "0 6px";
            borderStartStartRadius: number;
            borderEndStartRadius: number;
        };
        end: {
            insetInline: "6px 0";
            borderStartEndRadius: number;
            borderEndEndRadius: number;
        };
    };
    pressed: {
        true: {};
    };
    stop: {
        true: {
            "::before": {
                content: "";
                position: "absolute";
                top: "50%";
                translate: "0 -50%";
                width: number;
                height: number;
                borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            };
        };
    };
}>;
declare const focusStyle: string;
declare const handleStyle: string;
declare const handleIndicatorStyle: _vanilla_extract_recipes.RuntimeFn<{
    pressed: {
        true: {
            insetInline: number;
        };
    };
}>;
declare const labelStyle: _vanilla_extract_recipes.RuntimeFn<{
    visible: {
        false: {
            scale: number;
            bottom: number;
            transitionTimingFunction: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        true: {
            transitionTimingFunction: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
    };
}>;
declare const labelTextStyle: _vanilla_extract_recipes.RuntimeFn<{
    visible: {
        false: {
            translate: "0 -66.6666%";
            transitionTimingFunction: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        true: {
            transitionTimingFunction: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
    };
}>;
declare const stopsPolygon: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
declare const stopsStyle: _vanilla_extract_recipes.RuntimeFn<{
    [x: string]: {
        [x: string]: string | _vanilla_extract_css.ComplexStyleRule;
    };
}>;
declare const stopStyle: _vanilla_extract_recipes.RuntimeFn<{
    active: {
        false: {
            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        true: {
            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
    };
}>;

export { containerStyle, focusStyle, handleIndicatorStyle, handleStyle, inputStyle, labelStyle, labelTextStyle, segmentFraction, segmentShapeStyle, segmentStyle, stopStyle, stopsPolygon, stopsStyle };