import type { BreakPoints, ColourMap, FlattenedColours, ThemeTokens } from '.';
export declare const breakpoints: BreakPoints;
export type Breakpoints = keyof typeof breakpoints;
/**
 * Type guard to check if a value is a valid breakpoint key
 */
export declare const isBreakpoint: (value: string) => value is Breakpoints;
/**
 * Get all available breakpoint keys
 */
export declare const getBreakpoint: () => readonly Breakpoints[];
export declare const mediaQuery: Record<import("./types").DeviceSize, string>;
/**
 * Wraps theme tokens with `theme` CSS layer using the vanilla-extract method
 */
export declare const themeTokensWithLayer: (tokens: ThemeTokens) => {
    mode: string;
    body: import("./helpers").TokensFromContract<{
        backgroundColour: `var(--${string})`;
        colour: `var(--${string})`;
    }>;
    contentWidth: import("./helpers").TokensFromContract<{
        small: `var(--${string})`;
        medium: `var(--${string})`;
        large: `var(--${string})`;
    }>;
    space: import("./helpers").TokensFromContract<{
        '1': `var(--${string})`;
        '2': `var(--${string})`;
        '3': `var(--${string})`;
        '4': `var(--${string})`;
        '5': `var(--${string})`;
        '6': `var(--${string})`;
        '7': `var(--${string})`;
        '8': `var(--${string})`;
        '9': `var(--${string})`;
        none: `var(--${string})`;
    }>;
    color: import("./helpers").TokensFromContract<{
        gamut: {
            white: `var(--${string})`;
            black: {
                '900': `var(--${string})`;
                '800': `var(--${string})`;
                '700': `var(--${string})`;
                '600': `var(--${string})`;
                '500': `var(--${string})`;
                '400': `var(--${string})`;
                '300': `var(--${string})`;
                '200': `var(--${string})`;
                '100': `var(--${string})`;
            };
            gray: {
                '900': `var(--${string})`;
                '800': `var(--${string})`;
                '700': `var(--${string})`;
                '600': `var(--${string})`;
                '500': `var(--${string})`;
                '400': `var(--${string})`;
                '300': `var(--${string})`;
                '200': `var(--${string})`;
                '100': `var(--${string})`;
            };
            green: {
                '900': `var(--${string})`;
                '800': `var(--${string})`;
                '700': `var(--${string})`;
                '600': `var(--${string})`;
                '500': `var(--${string})`;
                '400': `var(--${string})`;
                '300': `var(--${string})`;
                '200': `var(--${string})`;
                '100': `var(--${string})`;
            };
            blue: {
                '900': `var(--${string})`;
                '800': `var(--${string})`;
                '700': `var(--${string})`;
                '600': `var(--${string})`;
                '500': `var(--${string})`;
                '400': `var(--${string})`;
                '300': `var(--${string})`;
                '200': `var(--${string})`;
                '100': `var(--${string})`;
            };
            yellow: {
                '900': `var(--${string})`;
                '800': `var(--${string})`;
                '700': `var(--${string})`;
                '600': `var(--${string})`;
                '500': `var(--${string})`;
                '400': `var(--${string})`;
                '300': `var(--${string})`;
                '200': `var(--${string})`;
                '100': `var(--${string})`;
            };
            red: {
                '900': `var(--${string})`;
                '800': `var(--${string})`;
                '700': `var(--${string})`;
                '600': `var(--${string})`;
                '500': `var(--${string})`;
                '400': `var(--${string})`;
                '300': `var(--${string})`;
                '200': `var(--${string})`;
                '100': `var(--${string})`;
            };
        };
        surface: {
            page: `var(--${string})`;
            hard: `var(--${string})`;
            soft: `var(--${string})`;
            accent: `var(--${string})`;
            success: `var(--${string})`;
            info: `var(--${string})`;
            danger: `var(--${string})`;
            warning: `var(--${string})`;
        };
        content: {
            normal: `var(--${string})`;
            soft: `var(--${string})`;
            inverse: `var(--${string})`;
            info: `var(--${string})`;
            danger: `var(--${string})`;
            success: `var(--${string})`;
            warning: `var(--${string})`;
        };
        interactive: {
            border: `var(--${string})`;
            borderMuted: `var(--${string})`;
            borderDisabled: `var(--${string})`;
            surfaceDisabled: `var(--${string})`;
            contentDisabled: `var(--${string})`;
            link: `var(--${string})`;
            linkVisited: `var(--${string})`;
            overlayBg: `var(--${string})`;
            overlayContainer: `var(--${string})`;
            placeholder: `var(--${string})`;
            focusOutline: `var(--${string})`;
        };
    }>;
    colours: import("./helpers").TokensFromContract<{
        gamut: {
            white: `var(--${string})`;
            black900: `var(--${string})`;
            black800: `var(--${string})`;
            black700: `var(--${string})`;
            black600: `var(--${string})`;
            black500: `var(--${string})`;
            black400: `var(--${string})`;
            black300: `var(--${string})`;
            black200: `var(--${string})`;
            black100: `var(--${string})`;
            gray900: `var(--${string})`;
            gray800: `var(--${string})`;
            gray700: `var(--${string})`;
            gray600: `var(--${string})`;
            gray500: `var(--${string})`;
            gray400: `var(--${string})`;
            gray300: `var(--${string})`;
            gray200: `var(--${string})`;
            gray100: `var(--${string})`;
            green900: `var(--${string})`;
            green800: `var(--${string})`;
            green700: `var(--${string})`;
            green600: `var(--${string})`;
            green500: `var(--${string})`;
            green400: `var(--${string})`;
            green300: `var(--${string})`;
            green200: `var(--${string})`;
            green100: `var(--${string})`;
            blue900: `var(--${string})`;
            blue800: `var(--${string})`;
            blue700: `var(--${string})`;
            blue600: `var(--${string})`;
            blue500: `var(--${string})`;
            blue400: `var(--${string})`;
            blue300: `var(--${string})`;
            blue200: `var(--${string})`;
            blue100: `var(--${string})`;
            yellow900: `var(--${string})`;
            yellow800: `var(--${string})`;
            yellow700: `var(--${string})`;
            yellow600: `var(--${string})`;
            yellow500: `var(--${string})`;
            yellow400: `var(--${string})`;
            yellow300: `var(--${string})`;
            yellow200: `var(--${string})`;
            yellow100: `var(--${string})`;
            red900: `var(--${string})`;
            red800: `var(--${string})`;
            red700: `var(--${string})`;
            red600: `var(--${string})`;
            red500: `var(--${string})`;
            red400: `var(--${string})`;
            red300: `var(--${string})`;
            red200: `var(--${string})`;
            red100: `var(--${string})`;
        };
        foreground: {
            body: `var(--${string})`;
            link: `var(--${string})`;
        };
        background: {
            body: `var(--${string})`;
            light: `var(--${string})`;
            neutral: `var(--${string})`;
            neutralDark: `var(--${string})`;
        };
        intent: {
            primary: {
                background: {
                    standard: `var(--${string})`;
                    mild: `var(--${string})`;
                    strong: `var(--${string})`;
                };
                foreground: `var(--${string})`;
                border: `var(--${string})`;
            };
            brand: {
                background: {
                    standard: `var(--${string})`;
                    mild: `var(--${string})`;
                    strong: `var(--${string})`;
                };
                foreground: `var(--${string})`;
                border: `var(--${string})`;
            };
            secondary: {
                background: {
                    standard: `var(--${string})`;
                    mild: `var(--${string})`;
                    strong: `var(--${string})`;
                };
                foreground: `var(--${string})`;
                border: `var(--${string})`;
            };
            shine: {
                background: {
                    standard: `var(--${string})`;
                    mild: `var(--${string})`;
                    strong: `var(--${string})`;
                };
                foreground: `var(--${string})`;
                border: `var(--${string})`;
            };
            danger: {
                background: {
                    standard: `var(--${string})`;
                    mild: `var(--${string})`;
                    strong: `var(--${string})`;
                };
                foreground: `var(--${string})`;
                border: `var(--${string})`;
            };
            warning: {
                background: {
                    standard: `var(--${string})`;
                    mild: `var(--${string})`;
                    strong: `var(--${string})`;
                };
                foreground: `var(--${string})`;
                border: `var(--${string})`;
            };
            neutral: {
                background: {
                    standard: `var(--${string})`;
                    mild: `var(--${string})`;
                    strong: `var(--${string})`;
                };
                foreground: `var(--${string})`;
                border: `var(--${string})`;
            };
            success: {
                background: {
                    standard: `var(--${string})`;
                    mild: `var(--${string})`;
                    strong: `var(--${string})`;
                };
                foreground: `var(--${string})`;
                border: `var(--${string})`;
            };
            information: {
                background: {
                    standard: `var(--${string})`;
                    mild: `var(--${string})`;
                    strong: `var(--${string})`;
                };
                foreground: `var(--${string})`;
                border: `var(--${string})`;
            };
        };
    }>;
    elevation: import("./helpers").TokensFromContract<{
        '1': `var(--${string})`;
        '2': `var(--${string})`;
        '3': `var(--${string})`;
        '4': `var(--${string})`;
        '5': `var(--${string})`;
        none: `var(--${string})`;
    }>;
    border: import("./helpers").TokensFromContract<{
        width: {
            '1': `var(--${string})`;
            '2': `var(--${string})`;
            '3': `var(--${string})`;
            none: `var(--${string})`;
        };
        colours: {
            light: `var(--${string})`;
            gray: `var(--${string})`;
            dark: `var(--${string})`;
        };
        radius: {
            none: `var(--${string})`;
            min: `var(--${string})`;
            sm: `var(--${string})`;
            md: `var(--${string})`;
            lg: `var(--${string})`;
            xl: `var(--${string})`;
            '2xl': `var(--${string})`;
            '1': `var(--${string})`;
            pill: `var(--${string})`;
            full: `var(--${string})`;
        };
    }>;
    typography: import("./helpers").TokensFromContract<{
        size: {
            '1': {
                fontSize: `var(--${string})`;
                lineHeight: `var(--${string})`;
            };
            '2': {
                fontSize: `var(--${string})`;
                lineHeight: `var(--${string})`;
            };
            '3': {
                fontSize: `var(--${string})`;
                lineHeight: `var(--${string})`;
            };
            '4': {
                fontSize: `var(--${string})`;
                lineHeight: `var(--${string})`;
            };
            '5': {
                fontSize: `var(--${string})`;
                lineHeight: `var(--${string})`;
            };
            '6': {
                fontSize: `var(--${string})`;
                lineHeight: `var(--${string})`;
            };
            '7': {
                fontSize: `var(--${string})`;
                lineHeight: `var(--${string})`;
            };
            '8': {
                fontSize: `var(--${string})`;
                lineHeight: `var(--${string})`;
            };
            '9': {
                fontSize: `var(--${string})`;
                lineHeight: `var(--${string})`;
            };
        };
        colour: {
            primary: `var(--${string})`;
            brand: `var(--${string})`;
            secondary: `var(--${string})`;
            shine: `var(--${string})`;
            link: `var(--${string})`;
            dark: `var(--${string})`;
            white: `var(--${string})`;
            muted: `var(--${string})`;
            neutral: `var(--${string})`;
            light: `var(--${string})`;
            danger: `var(--${string})`;
            warning: `var(--${string})`;
            success: `var(--${string})`;
            information: `var(--${string})`;
        };
        fontFamily: `var(--${string})`;
        fontFamilyMono: `var(--${string})`;
        fontWeight: {
            normal: `var(--${string})`;
            semiBold: `var(--${string})`;
            bold: `var(--${string})`;
        };
    }>;
    animation: import("./helpers").TokensFromContract<{
        easing: {
            standard: `var(--${string})`;
            decelerate: `var(--${string})`;
            accelerate: `var(--${string})`;
        };
    }>;
    icon: import("./helpers").TokensFromContract<{
        size: {
            small: `var(--${string})`;
            medium: `var(--${string})`;
            large: `var(--${string})`;
        };
    }>;
    opacity: import("./helpers").TokensFromContract<{
        overlayBg: `var(--${string})`;
    }>;
    '@layer': string;
};
export declare const makeRuntimeTokens: (runtimeBreakpoints?: BreakPoints) => {
    breakpoints: BreakPoints;
};
export type RuntimeTokens = ReturnType<typeof makeRuntimeTokens>;
export declare const buildColourGamut: (colours: ColourMap) => FlattenedColours;
//# sourceMappingURL=makeTheme.d.ts.map