import 'focus-visible';
export declare const tokens: {
    colors: {
        all: {
            coal: string;
            ink: string;
            cement: string;
            fog: string;
            elephant: string;
            noise: string;
            snow: string;
            silver: string;
            strawberry: string;
            "code-red": string;
            mint: string;
            "money-good": string;
            fuchsia: string;
            "dark-fuchsia": string;
            teal: string;
            ivory: string;
            chatelle: string;
            edgewater: string;
            "waikawa-gray": string;
            tuscany: string;
            "klein-blue": string;
            "persian-blue": string;
            brick: string;
            goldenrod: string;
            seafoam: string;
            coral: string;
            "burnt-orange": string;
            lilac: string;
            "forest-green": string;
            cream: string;
            "cornflower-blue": string;
            "moss-green": string;
            blush: string;
            canary: string;
        };
        ui: {
            strawberry: string;
            "code-red": string;
            mint: string;
            "money-good": string;
            fuchsia: string;
            "dark-fuchsia": string;
            teal: string;
            ivory: string;
            chatelle: string;
            edgewater: string;
            "waikawa-gray": string;
            tuscany: string;
        };
        global: {
            "klein-blue": string;
            "persian-blue": string;
            brick: string;
            goldenrod: string;
            seafoam: string;
            coral: string;
        };
        mens: {
            "cornflower-blue": string;
            "moss-green": string;
            blush: string;
            noise: string;
            canary: string;
        };
        womens: {
            "burnt-orange": string;
            lilac: string;
            "forest-green": string;
            cream: string;
            fuchsia: string;
            "dark-fuchsia": string;
        };
        greyscale: {
            coal: string;
            ink: string;
            cement: string;
            fog: string;
            elephant: string;
            noise: string;
            snow: string;
            silver: string;
        };
    };
    typography: {
        fonts: {
            sans: string[];
            serif: string[];
            code: string[];
        };
        "line-heights": number[];
        "letter-spacing": (string | number)[];
        "font-scale": string[];
        "root-font-size": string;
        "text-treatments": {
            display: {
                "font-size": string;
                "line-height": number;
                "letter-spacing": number;
            };
            h1: {
                "font-size": string;
                "line-height": number;
                "letter-spacing": number;
            };
            h2: {
                "font-size": string;
                "line-height": number;
                "letter-spacing": number;
            };
            h3: {
                "font-size": string;
                "line-height": number;
                "letter-spacing": number;
            };
            h4: {
                "font-size": string;
                "line-height": number;
                "letter-spacing": number;
            };
            h5: {
                "font-size": string;
                "line-height": number;
                "letter-spacing": string;
            };
            h6: {
                "font-size": string;
                "line-height": number;
                "letter-spacing": string;
            };
            body1: {
                "font-size": string;
                "line-height": number;
                "letter-spacing": string;
            };
            bold1: {
                "font-size": string;
                "line-height": number;
                "letter-spacing": string;
                "font-weight": string;
            };
            body2: {
                "font-size": string;
                "line-height": number;
                "letter-spacing": string;
            };
            eyebrow: {
                "font-size": string;
                "line-height": number;
                "letter-spacing": string;
                "text-transform": string;
            };
        };
    };
    space: {
        scale: string[];
        map: {
            "0x": string;
            "quarter-x": string;
            "half-x": string;
            "three-quarter-x": string;
            "1x": string;
            "one-and-a-half-x": string;
            "2x": string;
            "3x": string;
            "4x": string;
            "6x": string;
            "8x": string;
            "12x": string;
            "24x": string;
        };
    };
    breakpoints: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
};
export { FocusOn } from 'react-focus-on';
export * from './components';
export * from './hooks';
export declare const Utilities: {
    States: <T extends object>({ states, children, ...rest }: import("./utilities").Props<T>) => import("react").JSX.Element;
};