import * as stylex from '@stylexjs/stylex';
export declare const styles: Readonly<{
    readonly formTextAreaContainer: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly margin: stylex.StyleXClassNameFor<"margin", "2rem 0">;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
    }>;
    readonly textareaWrapper: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
    }>;
    readonly textArea: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "inherit">;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "400">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "1.5">;
        readonly letterSpacing: stylex.StyleXClassNameFor<"letterSpacing", "0.1rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1.2rem">;
        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
        readonly display: stylex.StyleXClassNameFor<"display", "block">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "white" | "#1a1a1a">;
        readonly color: stylex.StyleXClassNameFor<"color", "black" | "white">;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "rgba(33, 33, 33, 0.5)" | "rgba(255, 255, 255, 0.5)">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "0.4rem">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out">;
        readonly resize: stylex.StyleXClassNameFor<"resize", "none">;
        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "10rem">;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outline: "none";
            readonly borderColor: {
                readonly default: "#000";
                readonly "@media (prefers-color-scheme: dark)": "#fff";
            };
            readonly boxShadow: {
                readonly default: "0 0 0 2px rgba(0, 0, 0, 0.1)";
                readonly "@media (prefers-color-scheme: dark)": "0 0 0 2px rgba(255, 255, 255, 0.1)";
            };
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outline: `2px solid ${stylex.StyleXVar<string>}`;
            readonly outlineOffset: "2px";
        }>;
    }>;
    readonly smallTextArea: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1rem">;
    }>;
    readonly mediumTextArea: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1.2rem">;
    }>;
    readonly largeTextArea: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2.5rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1.5rem">;
    }>;
    readonly hasPlaceholder: Readonly<{
        readonly '::placeholder': stylex.StyleXClassNameFor<"::placeholder", {
            readonly color: {
                readonly default: "rgba(0, 0, 0, 0.4)";
                readonly "@media (prefers-color-scheme: dark)": "rgba(255, 255, 255, 0.4)";
            };
            readonly opacity: 1;
        }>;
    }>;
    readonly smallPlaceholder: Readonly<{
        readonly '::placeholder': stylex.StyleXClassNameFor<"::placeholder", {
            readonly fontSize: "1.2rem";
        }>;
    }>;
    readonly mediumPlaceholder: Readonly<{
        readonly '::placeholder': stylex.StyleXClassNameFor<"::placeholder", {
            readonly fontSize: "1.4rem";
        }>;
    }>;
    readonly largePlaceholder: Readonly<{
        readonly '::placeholder': stylex.StyleXClassNameFor<"::placeholder", {
            readonly fontSize: "1.8rem";
        }>;
    }>;
    readonly label: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly top: stylex.StyleXClassNameFor<"top", "1.2rem">;
        readonly left: stylex.StyleXClassNameFor<"left", "1.5rem">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "300ms ease all">;
        readonly color: stylex.StyleXClassNameFor<"color", "black" | "white">;
        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
    }>;
    readonly smallLabel: Readonly<{
        readonly top: stylex.StyleXClassNameFor<"top", "1rem">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">;
    }>;
    readonly mediumLabel: Readonly<{
        readonly top: stylex.StyleXClassNameFor<"top", "1.2rem">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2rem">;
    }>;
    readonly largeLabel: Readonly<{
        readonly top: stylex.StyleXClassNameFor<"top", "1.5rem">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2.5rem">;
    }>;
    readonly labelRaised: Readonly<{
        readonly top: stylex.StyleXClassNameFor<"top", "-2rem">;
        readonly left: stylex.StyleXClassNameFor<"left", "0">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.2rem">;
    }>;
    readonly smallLabelRaised: Readonly<{
        readonly top: stylex.StyleXClassNameFor<"top", "-2.2rem">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.5rem">;
    }>;
    readonly mediumLabelRaised: Readonly<{
        readonly top: stylex.StyleXClassNameFor<"top", "-3rem">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.8rem">;
    }>;
    readonly largeLabelRaised: Readonly<{
        readonly top: stylex.StyleXClassNameFor<"top", "-3rem">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.8rem">;
    }>;
    readonly textAreaError: Readonly<{
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "#dc2626">;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly borderColor: "#dc2626";
            readonly boxShadow: "0 0 0 2px rgba(220, 38, 38, 0.1)";
        }>;
    }>;
    readonly textAreaMax: Readonly<{
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "#f59e0b">;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly borderColor: "#f59e0b";
            readonly boxShadow: "0 0 0 2px rgba(245, 158, 11, 0.1)";
        }>;
    }>;
    readonly textAreaDisabled: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "#f3f4f6" | "#262626">;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.7>;
    }>;
    readonly characterCount: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.2rem">;
        readonly color: stylex.StyleXClassNameFor<"color", "rgba(0, 0, 0, 0.5)" | "rgba(255, 255, 255, 0.5)">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "color 0.2s ease-in-out">;
        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "right">;
        readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "0.5rem">;
    }>;
    readonly characterCountMax: Readonly<{
        readonly color: stylex.StyleXClassNameFor<"color", "#f59e0b">;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "500">;
    }>;
}>;