import * as stylex from '@stylexjs/stylex';
export declare const styles: Readonly<{
    readonly container: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
        readonly '--otp-slot-font-size': stylex.StyleXClassNameFor<"--otp-slot-font-size", "24px">;
    }>;
    readonly group: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
        readonly flex: stylex.StyleXClassNameFor<"flex", "1 1 0">;
    }>;
    readonly slot: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
        readonly flex: stylex.StyleXClassNameFor<"flex", "1 1 0">;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
        readonly aspectRatio: stylex.StyleXClassNameFor<"aspectRatio", "1">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--otp-slot-font-size, 24px)">;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "400">;
        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "#e5e7eb">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "#ffffff">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.2s ease">;
        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "text">;
        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
        readonly marginLeft: stylex.StyleXClassNameFor<"marginLeft", "-1px">;
        readonly caretColor: stylex.StyleXClassNameFor<"caretColor", "transparent">;
        readonly ':first-child': stylex.StyleXClassNameFor<":first-child", {
            readonly marginLeft: "0";
            readonly borderTopLeftRadius: "6px";
            readonly borderBottomLeftRadius: "6px";
        }>;
        readonly ':last-child': stylex.StyleXClassNameFor<":last-child", {
            readonly borderTopRightRadius: "6px";
            readonly borderBottomRightRadius: "6px";
        }>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outline: "none";
        }>;
        readonly ':disabled': stylex.StyleXClassNameFor<":disabled", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly cursor: "not-allowed";
        }>;
    }>;
    readonly slotActive: Readonly<{
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "#3b82f6">;
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "0 0 0 3px rgba(59, 130, 246, 0.15)">;
        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 10>;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
    }>;
    readonly slotFilled: Readonly<{
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "#d1d5db">;
    }>;
    readonly caret: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly width: stylex.StyleXClassNameFor<"width", "2px">;
        readonly height: stylex.StyleXClassNameFor<"height", "20px">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "#000000">;
        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "1s">;
        readonly animationIterationCount: stylex.StyleXClassNameFor<"animationIterationCount", "infinite">;
        readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "step-end">;
    }>;
    readonly separator: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
        readonly height: stylex.StyleXClassNameFor<"height", "2px">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "#9ca3af">;
        readonly marginLeft: stylex.StyleXClassNameFor<"marginLeft", "0.25rem">;
        readonly marginRight: stylex.StyleXClassNameFor<"marginRight", "0.25rem">;
    }>;
    readonly hiddenInput: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly left: stylex.StyleXClassNameFor<"left", "-9999px">;
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0>;
        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
    }>;
}>;