import * as stylex from '@stylexjs/stylex';
export declare const colors: Readonly<{
    readonly primary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly secondary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly tertiary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly quaternary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly quinary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly white: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
        }>;
    }>;
}>;
export declare const variants: Readonly<{
    readonly contained: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "var(--bg-color)">;
        readonly color: stylex.StyleXClassNameFor<"color", "var(--text-color)">;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "var(--border-color)">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: "var(--bg-color-hover)";
            readonly borderColor: "var(--border-color-hover)";
        }>;
    }>;
    readonly soft: Readonly<{
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
    }>;
}>;
export declare const softColors: Readonly<{
    readonly primary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly secondary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly tertiary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly quaternary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly quinary: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly white: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: stylex.StyleXVar<string>;
            readonly borderColor: stylex.StyleXVar<string>;
        }>;
    }>;
}>;
export declare const sizes: Readonly<{
    readonly small: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "8px 16px">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "14px">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "6px">;
    }>;
    readonly medium: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "12px 24px">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "16px">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "8px">;
    }>;
    readonly large: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "16px 32px">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "18px">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "10px">;
    }>;
}>;
export declare const baseButton: Readonly<{
    readonly button: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
        readonly gap: stylex.StyleXClassNameFor<"gap", "8px">;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.2s ease-in-out">;
        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%">;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly boxShadow: "0 0 0 3px rgba(107, 114, 128, 0.3)";
        }>;
        readonly ':disabled': stylex.StyleXClassNameFor<":disabled", {
            readonly opacity: "0.5";
            readonly cursor: "not-allowed";
        }>;
    }>;
}>;
export declare const container: Readonly<{
    readonly wrapper: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%">;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
    }>;
}>;
export declare const fileListStyles: Readonly<{
    readonly input: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "none">;
    }>;
    readonly list: Readonly<{
        readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "12px">;
        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
        readonly listStyle: stylex.StyleXClassNameFor<"listStyle", "none">;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
    }>;
    readonly item: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "8px 12px">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "6px">;
        readonly marginBottom: stylex.StyleXClassNameFor<"marginBottom", "4px">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "14px">;
        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
    }>;
    readonly error: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%">;
        readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "8px">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "8px 12px">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "6px">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "14px">;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "normal">;
        readonly wordWrap: stylex.StyleXClassNameFor<"wordWrap", "break-word">;
    }>;
}>;