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

declare const segmentedButtonStyle: string;
declare const buttonSegmentStyle: _vanilla_extract_recipes.RuntimeFn<{
    selected: {
        false: {
            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            vars: {
                [x: string]: `var(--${string})`;
            };
        };
        true: {
            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            vars: {
                [x: string]: `var(--${string})`;
            };
        };
    };
    state: {
        selecting: {
            transitionDuration: "100ms";
            transitionDelay: "100ms";
            transitionTimingFunction: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        deselecting: {
            transitionDuration: "100ms";
            transitionTimingFunction: "linear";
        };
    };
    disabled: {
        true: {
            cursor: "default";
            backgroundColor: "transparent";
            color: `color-mix(in srgb, var(--${string}) 38%, transparent)` | `color-mix(in srgb, var(--${string}, ${string}) 38%, transparent)` | `color-mix(in srgb, var(--${string}, ${number}) 38%, transparent)`;
        };
    };
}>;
declare const buttonSegmentOutlineStyle: _vanilla_extract_recipes.RuntimeFn<{
    disabled: {
        false: {
            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        true: {
            borderColor: `color-mix(in srgb, var(--${string}) 12%, transparent)` | `color-mix(in srgb, var(--${string}, ${string}) 12%, transparent)` | `color-mix(in srgb, var(--${string}, ${number}) 12%, transparent)`;
        };
    };
}>;
declare const buttonSegmentLeadingStyle: string;
declare const buttonSegmentGraphicStyle: _vanilla_extract_recipes.RuntimeFn<{
    withLabel: {
        false: {
            width: number;
        };
        true: {
            width: number;
        };
    };
    selected: {
        false: {};
    };
}>;
declare const buttonSegmentCheckmarkStyle: _vanilla_extract_recipes.RuntimeFn<{
    selected: {
        false: {};
        true: {};
    };
}>;
declare const buttonSegmentCheckmarkPathStyle: _vanilla_extract_recipes.RuntimeFn<{
    state: {
        selecting: {
            strokeDashoffset: number;
            animationName: string;
            animationDuration: "400ms";
            animationDelay: "100ms";
            animationFillMode: "forwards";
            animationTimingFunction: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        deselecting: {
            animationName: string;
            animationDuration: "100ms";
            animationFillMode: "forwards";
            animationTimingFunction: "linear";
        };
    };
    disabled: {
        false: {
            stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        true: {
            stroke: `color-mix(in srgb, var(--${string}) 38%, transparent)` | `color-mix(in srgb, var(--${string}, ${string}) 38%, transparent)` | `color-mix(in srgb, var(--${string}, ${number}) 38%, transparent)`;
        };
    };
}>;
declare const buttonSegmentIconStyle: _vanilla_extract_recipes.RuntimeFn<{
    state: {
        selecting: {
            animationName: `${string}, ${string}`;
            animationDuration: "100ms";
            animationFillMode: "forwards";
            animationTimingFunction: `linear, var(--${string})` | `linear, var(--${string}, ${string})` | `linear, var(--${string}, ${number})`;
        };
        deselecting: {
            fontVariationSettings: string;
            opacity: number;
            animationName: `${string}, ${string}`;
            animationDuration: "50ms, 400ms";
            animationDelay: "100ms";
            animationFillMode: "forwards";
            animationTimingFunction: `linear, var(--${string})` | `linear, var(--${string}, ${string})` | `linear, var(--${string}, ${number})`;
        };
    };
}>;
declare const buttonSegmentMaterialSymbolStyle: string;
declare const buttonSegmentLabelStyle: _vanilla_extract_recipes.RuntimeFn<{
    [x: string]: {
        [x: string]: string | _vanilla_extract_css.ComplexStyleRule;
    };
}>;
declare const buttonSegmentTouchStyle: string;

export { buttonSegmentCheckmarkPathStyle, buttonSegmentCheckmarkStyle, buttonSegmentGraphicStyle, buttonSegmentIconStyle, buttonSegmentLabelStyle, buttonSegmentLeadingStyle, buttonSegmentMaterialSymbolStyle, buttonSegmentOutlineStyle, buttonSegmentStyle, buttonSegmentTouchStyle, segmentedButtonStyle };