import * as stylex from '@stylexjs/stylex';
export declare const styles: Readonly<{
    readonly container: Readonly<{
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "flex-start">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "start">;
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
    }>;
    readonly checkboxContainer: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
    }>;
    readonly checkboxWrapper: Readonly<{
        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly transform: "scale(1.05)";
        }>;
        readonly ':active': stylex.StyleXClassNameFor<":active", {
            readonly transform: "scale(0.95)";
        }>;
        readonly ':focus-within': stylex.StyleXClassNameFor<":focus-within", {
            readonly boxShadow: `0 0 0 3px ${any}`;
        }>;
    }>;
    readonly 'container-top': Readonly<{
        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
    }>;
    readonly 'container-right': Readonly<{
        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
    }>;
    readonly 'container-bottom': Readonly<{
        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column-reverse">;
    }>;
    readonly 'container-left': Readonly<{
        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row-reverse">;
    }>;
    readonly label: Readonly<{
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "start">;
        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "color 0.2s ease">;
    }>;
    readonly labelText: Readonly<{
        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "color 0.2s ease">;
    }>;
    readonly labelError: Readonly<{
        readonly color: stylex.StyleXClassNameFor<"color", any>;
    }>;
    readonly top: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly gap: stylex.StyleXClassNameFor<"gap", "0.5rem">;
    }>;
    readonly right: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly gap: stylex.StyleXClassNameFor<"gap", "0.75rem">;
    }>;
    readonly bottom: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column-reverse">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly gap: stylex.StyleXClassNameFor<"gap", "0.5rem">;
    }>;
    readonly left: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly gap: stylex.StyleXClassNameFor<"gap", "0.75rem">;
    }>;
    readonly iconBase: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly top: stylex.StyleXClassNameFor<"top", "50%">;
        readonly left: stylex.StyleXClassNameFor<"left", "50%">;
        readonly transform: stylex.StyleXClassNameFor<"transform", "translate(-50%, -50%)">;
        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
    }>;
    readonly iconEnter: Readonly<{
        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "0.2s">;
        readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "cubic-bezier(0.4, 0, 0.2, 1)">;
        readonly animationFillMode: stylex.StyleXClassNameFor<"animationFillMode", "both">;
    }>;
    readonly indeterminateIcon: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly top: stylex.StyleXClassNameFor<"top", "50%">;
        readonly left: stylex.StyleXClassNameFor<"left", "50%">;
        readonly transform: stylex.StyleXClassNameFor<"transform", "translate(-50%, -50%)">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "currentColor">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "1px">;
    }>;
    readonly spinner: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly top: stylex.StyleXClassNameFor<"top", "50%">;
        readonly left: stylex.StyleXClassNameFor<"left", "50%">;
        readonly borderTopWidth: stylex.StyleXClassNameFor<"borderTopWidth", "2px">;
        readonly borderTopStyle: stylex.StyleXClassNameFor<"borderTopStyle", "solid">;
        readonly borderTopColor: stylex.StyleXClassNameFor<"borderTopColor", "currentColor">;
        readonly borderRightWidth: stylex.StyleXClassNameFor<"borderRightWidth", "2px">;
        readonly borderRightStyle: stylex.StyleXClassNameFor<"borderRightStyle", "solid">;
        readonly borderRightColor: stylex.StyleXClassNameFor<"borderRightColor", "transparent">;
        readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "2px">;
        readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
        readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", "transparent">;
        readonly borderLeftWidth: stylex.StyleXClassNameFor<"borderLeftWidth", "2px">;
        readonly borderLeftStyle: stylex.StyleXClassNameFor<"borderLeftStyle", "solid">;
        readonly borderLeftColor: stylex.StyleXClassNameFor<"borderLeftColor", "transparent">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "50%">;
        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "1s">;
        readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "linear">;
        readonly animationIterationCount: stylex.StyleXClassNameFor<"animationIterationCount", "infinite">;
    }>;
    readonly input: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0>;
        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1>;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly height: stylex.StyleXClassNameFor<"height", "100%">;
        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly top: stylex.StyleXClassNameFor<"top", 0>;
        readonly left: stylex.StyleXClassNameFor<"left", 0>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outline: "none";
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outline: `2px solid ${stylex.StyleXVar<string>}`;
            readonly outlineOffset: "2px";
            readonly borderRadius: "0.25rem";
        }>;
    }>;
    readonly smallIcon: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "1.8rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "1.8rem">;
    }>;
    readonly mediumIcon: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "2rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "2rem">;
    }>;
    readonly largeIcon: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "2.4rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "2.4rem">;
    }>;
    readonly smallCheckBox: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "2rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "2rem">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "0.375rem">;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "0 1px 2px 0 rgba(0, 0, 0, 0.05)">;
    }>;
    readonly mediumCheckBox: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "2.2rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "2.2rem">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "0.5rem">;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "0 1px 3px 0 rgba(0, 0, 0, 0.1)">;
    }>;
    readonly largeCheckBox: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "2.4rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "2.4rem">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "0.5rem">;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "0 1px 3px 0 rgba(0, 0, 0, 0.1)">;
    }>;
    readonly smallLabel: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.1rem">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "1.4rem">;
    }>;
    readonly mediumLabel: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "2rem">;
    }>;
    readonly largeLabel: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "2.2rem">;
    }>;
    readonly primaryLabel: Readonly<{
        readonly color: stylex.StyleXClassNameFor<"color", string>;
    }>;
    readonly secondaryLabel: Readonly<{
        readonly color: stylex.StyleXClassNameFor<"color", string>;
    }>;
    readonly tertiaryLabel: Readonly<{
        readonly color: stylex.StyleXClassNameFor<"color", string>;
    }>;
    readonly quaternaryLabel: Readonly<{
        readonly color: stylex.StyleXClassNameFor<"color", string>;
    }>;
    readonly quinaryLabel: Readonly<{
        readonly color: stylex.StyleXClassNameFor<"color", string>;
    }>;
    readonly primaryOutlined: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
            readonly boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1)";
        }>;
    }>;
    readonly secondaryOutlined: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
            readonly boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1)";
        }>;
    }>;
    readonly tertiaryOutlined: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
            readonly boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1)";
        }>;
    }>;
    readonly quaternaryOutlined: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
            readonly boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1)";
        }>;
    }>;
    readonly quinaryOutlined: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
            readonly boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1)";
        }>;
    }>;
    readonly primaryChecked: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "0 4px 6px -1px rgba(0, 0, 0, 0.1)">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
            readonly boxShadow: "0 6px 8px -1px rgba(0, 0, 0, 0.15)";
        }>;
    }>;
    readonly secondaryChecked: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "0 4px 6px -1px rgba(0, 0, 0, 0.1)">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
            readonly boxShadow: "0 6px 8px -1px rgba(0, 0, 0, 0.15)";
        }>;
    }>;
    readonly tertiaryChecked: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "0 4px 6px -1px rgba(0, 0, 0, 0.1)">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
            readonly boxShadow: "0 6px 8px -1px rgba(0, 0, 0, 0.15)";
        }>;
    }>;
    readonly quaternaryChecked: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "0 4px 6px -1px rgba(0, 0, 0, 0.1)">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
            readonly boxShadow: "0 6px 8px -1px rgba(0, 0, 0, 0.15)";
        }>;
    }>;
    readonly quinaryChecked: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "0 4px 6px -1px rgba(0, 0, 0, 0.1)">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
            readonly boxShadow: "0 6px 8px -1px rgba(0, 0, 0, 0.15)";
        }>;
    }>;
    readonly iconChecked: Readonly<{
        readonly color: stylex.StyleXClassNameFor<"color", string>;
    }>;
    readonly iconDisabled: Readonly<{
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.8>;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly transform: "none";
        }>;
    }>;
    readonly loading: Readonly<{
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "wait">;
        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "2s">;
        readonly animationIterationCount: stylex.StyleXClassNameFor<"animationIterationCount", "infinite">;
    }>;
    readonly error: Readonly<{
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", `${any} !important`>;
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `0 0 0 3px ${any}`>;
    }>;
    readonly errorMessage: Readonly<{
        readonly color: stylex.StyleXClassNameFor<"color", any>;
        readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "0.25rem">;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "400">;
    }>;
    readonly smallErrorMessage: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "0.75rem">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "1rem">;
    }>;
    readonly mediumErrorMessage: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "0.875rem">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "1.25rem">;
    }>;
    readonly largeErrorMessage: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "0.875rem">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "1.25rem">;
    }>;
}>;