import { AngleDown, AngleUp, Info } from '~/components/Icons';
import { Tooltip as TooltipDescription } from '~/components/Tooltip';
export { TooltipDescription, AngleUp, AngleDown, Info };
export declare const FirstColumnCell: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, import("@stitches/react/types/css-util").CSS<{
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, {
    colors: {
        black: string;
        white: string;
        blackOpacity04: string;
        blackOpacity1: string;
        blackOpacity3: string;
        blackOpacity5: string;
        blackOpacity9: string;
        gray50: string;
        gray100: string;
        gray200: string;
        gray300: string;
        gray400: string;
        gray500: string;
        gray600: string;
        gray700: string;
        gray800: string;
        gray900: string;
        perfarmBackground: string;
        perfarmLighterBlue: string;
        darkGray: string;
        gray: string;
        lighterGray: string;
        lightGray: string;
        mediumGray: string;
        pastureGreen: string;
        pastureGreenDark: string;
        pastureGreenHover: string;
        pastureGreenLight: string;
        pastureGreenLighter: string;
        pastureGreenWhitened: string;
        warningRedAlert: string;
        warningRedDark: string;
        warningRedHover: string;
        warningRedLight: string;
        warningRedLighter: string;
        warningRedWhitened: string;
        resourceYellow: string;
        resourceYellowDark: string;
        resourceYellowHover: string;
        resourceYellowLight: string;
        resourceYellowLighter: string;
        resourceYellowWhitened: string;
    };
    fonts: {
        montserrat: string;
    };
    fontSizes: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    fontWeights: {
        bold: string;
        extraBold: string;
        extraLight: string;
        light: string;
        medium: string;
        normal: string;
        semiBold: string;
        thin: string;
    };
    letterSpacings: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    lineHeights: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    radii: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        round: string;
    };
    shadows: {
        1: string;
        2: string;
        perfarmBackground: string;
    };
    space: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    transitions: {
        easeInOut02: string;
    };
    zIndices: {
        appBar: number;
        drawer: number;
        modal: number;
        snackbar: number;
        tooltip: number;
    };
}, import("@stitches/react/types/config").DefaultThemeMap, {
    fontX: (type: {
        readonly [$$PropertyValue]: "fontSize";
    }) => {
        fontSize: {
            readonly [$$PropertyValue]: "fontSize";
        };
        letterSpacings: {
            readonly [$$PropertyValue]: "fontSize";
        };
        lineHeight: {
            readonly [$$PropertyValue]: "fontSize";
        };
    };
    hexToRgb: (color: {
        readonly [$$PropertyValue]: "color";
    }) => string;
    marginX: (value: {
        readonly [$$PropertyValue]: "margin";
    }) => {
        marginLeft: {
            readonly [$$PropertyValue]: "margin";
        };
        marginRight: {
            readonly [$$PropertyValue]: "margin";
        };
    };
    marginY: (value: {
        readonly [$$PropertyValue]: "margin";
    }) => {
        marginBottom: {
            readonly [$$PropertyValue]: "margin";
        };
        marginTop: {
            readonly [$$PropertyValue]: "margin";
        };
    };
    outlineColor: (color: {
        readonly [$$PropertyValue]: "color";
    }) => {
        backgroundColor: string;
        border: string;
        color: string;
        transition: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
        };
    };
    textColor: (color: {
        readonly [$$PropertyValue]: "color";
    }) => {
        backgroundColor: string;
        borderColor: string;
        color: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
            transition: string;
        };
    };
    paddingX: (value: {
        readonly [$$PropertyValue]: "padding";
    }) => {
        paddingLeft: {
            readonly [$$PropertyValue]: "padding";
        };
        paddingRight: {
            readonly [$$PropertyValue]: "padding";
        };
    };
    paddingY: (value: {
        readonly [$$PropertyValue]: "padding";
    }) => {
        paddingBottom: {
            readonly [$$PropertyValue]: "padding";
        };
        paddingTop: {
            readonly [$$PropertyValue]: "padding";
        };
    };
}>>;
export declare const getFirstColumnCellCss: (rowDepth: number, canExpand: boolean) => string;
export declare const FirstColumnCellFactor: import("@stitches/react/types/styled-component").StyledComponent<"span", {}, {
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, import("@stitches/react/types/css-util").CSS<{
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, {
    colors: {
        black: string;
        white: string;
        blackOpacity04: string;
        blackOpacity1: string;
        blackOpacity3: string;
        blackOpacity5: string;
        blackOpacity9: string;
        gray50: string;
        gray100: string;
        gray200: string;
        gray300: string;
        gray400: string;
        gray500: string;
        gray600: string;
        gray700: string;
        gray800: string;
        gray900: string;
        perfarmBackground: string;
        perfarmLighterBlue: string;
        darkGray: string;
        gray: string;
        lighterGray: string;
        lightGray: string;
        mediumGray: string;
        pastureGreen: string;
        pastureGreenDark: string;
        pastureGreenHover: string;
        pastureGreenLight: string;
        pastureGreenLighter: string;
        pastureGreenWhitened: string;
        warningRedAlert: string;
        warningRedDark: string;
        warningRedHover: string;
        warningRedLight: string;
        warningRedLighter: string;
        warningRedWhitened: string;
        resourceYellow: string;
        resourceYellowDark: string;
        resourceYellowHover: string;
        resourceYellowLight: string;
        resourceYellowLighter: string;
        resourceYellowWhitened: string;
    };
    fonts: {
        montserrat: string;
    };
    fontSizes: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    fontWeights: {
        bold: string;
        extraBold: string;
        extraLight: string;
        light: string;
        medium: string;
        normal: string;
        semiBold: string;
        thin: string;
    };
    letterSpacings: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    lineHeights: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    radii: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        round: string;
    };
    shadows: {
        1: string;
        2: string;
        perfarmBackground: string;
    };
    space: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    transitions: {
        easeInOut02: string;
    };
    zIndices: {
        appBar: number;
        drawer: number;
        modal: number;
        snackbar: number;
        tooltip: number;
    };
}, import("@stitches/react/types/config").DefaultThemeMap, {
    fontX: (type: {
        readonly [$$PropertyValue]: "fontSize";
    }) => {
        fontSize: {
            readonly [$$PropertyValue]: "fontSize";
        };
        letterSpacings: {
            readonly [$$PropertyValue]: "fontSize";
        };
        lineHeight: {
            readonly [$$PropertyValue]: "fontSize";
        };
    };
    hexToRgb: (color: {
        readonly [$$PropertyValue]: "color";
    }) => string;
    marginX: (value: {
        readonly [$$PropertyValue]: "margin";
    }) => {
        marginLeft: {
            readonly [$$PropertyValue]: "margin";
        };
        marginRight: {
            readonly [$$PropertyValue]: "margin";
        };
    };
    marginY: (value: {
        readonly [$$PropertyValue]: "margin";
    }) => {
        marginBottom: {
            readonly [$$PropertyValue]: "margin";
        };
        marginTop: {
            readonly [$$PropertyValue]: "margin";
        };
    };
    outlineColor: (color: {
        readonly [$$PropertyValue]: "color";
    }) => {
        backgroundColor: string;
        border: string;
        color: string;
        transition: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
        };
    };
    textColor: (color: {
        readonly [$$PropertyValue]: "color";
    }) => {
        backgroundColor: string;
        borderColor: string;
        color: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
            transition: string;
        };
    };
    paddingX: (value: {
        readonly [$$PropertyValue]: "padding";
    }) => {
        paddingLeft: {
            readonly [$$PropertyValue]: "padding";
        };
        paddingRight: {
            readonly [$$PropertyValue]: "padding";
        };
    };
    paddingY: (value: {
        readonly [$$PropertyValue]: "padding";
    }) => {
        paddingBottom: {
            readonly [$$PropertyValue]: "padding";
        };
        paddingTop: {
            readonly [$$PropertyValue]: "padding";
        };
    };
}>>;
export declare const FirstColumnCellText: import("@stitches/react/types/styled-component").StyledComponent<"span", {}, {
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, import("@stitches/react/types/css-util").CSS<{
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, {
    colors: {
        black: string;
        white: string;
        blackOpacity04: string;
        blackOpacity1: string;
        blackOpacity3: string;
        blackOpacity5: string;
        blackOpacity9: string;
        gray50: string;
        gray100: string;
        gray200: string;
        gray300: string;
        gray400: string;
        gray500: string;
        gray600: string;
        gray700: string;
        gray800: string;
        gray900: string;
        perfarmBackground: string;
        perfarmLighterBlue: string;
        darkGray: string;
        gray: string;
        lighterGray: string;
        lightGray: string;
        mediumGray: string;
        pastureGreen: string;
        pastureGreenDark: string;
        pastureGreenHover: string;
        pastureGreenLight: string;
        pastureGreenLighter: string;
        pastureGreenWhitened: string;
        warningRedAlert: string;
        warningRedDark: string;
        warningRedHover: string;
        warningRedLight: string;
        warningRedLighter: string;
        warningRedWhitened: string;
        resourceYellow: string;
        resourceYellowDark: string;
        resourceYellowHover: string;
        resourceYellowLight: string;
        resourceYellowLighter: string;
        resourceYellowWhitened: string;
    };
    fonts: {
        montserrat: string;
    };
    fontSizes: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    fontWeights: {
        bold: string;
        extraBold: string;
        extraLight: string;
        light: string;
        medium: string;
        normal: string;
        semiBold: string;
        thin: string;
    };
    letterSpacings: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    lineHeights: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    radii: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        round: string;
    };
    shadows: {
        1: string;
        2: string;
        perfarmBackground: string;
    };
    space: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    transitions: {
        easeInOut02: string;
    };
    zIndices: {
        appBar: number;
        drawer: number;
        modal: number;
        snackbar: number;
        tooltip: number;
    };
}, import("@stitches/react/types/config").DefaultThemeMap, {
    fontX: (type: {
        readonly [$$PropertyValue]: "fontSize";
    }) => {
        fontSize: {
            readonly [$$PropertyValue]: "fontSize";
        };
        letterSpacings: {
            readonly [$$PropertyValue]: "fontSize";
        };
        lineHeight: {
            readonly [$$PropertyValue]: "fontSize";
        };
    };
    hexToRgb: (color: {
        readonly [$$PropertyValue]: "color";
    }) => string;
    marginX: (value: {
        readonly [$$PropertyValue]: "margin";
    }) => {
        marginLeft: {
            readonly [$$PropertyValue]: "margin";
        };
        marginRight: {
            readonly [$$PropertyValue]: "margin";
        };
    };
    marginY: (value: {
        readonly [$$PropertyValue]: "margin";
    }) => {
        marginBottom: {
            readonly [$$PropertyValue]: "margin";
        };
        marginTop: {
            readonly [$$PropertyValue]: "margin";
        };
    };
    outlineColor: (color: {
        readonly [$$PropertyValue]: "color";
    }) => {
        backgroundColor: string;
        border: string;
        color: string;
        transition: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
        };
    };
    textColor: (color: {
        readonly [$$PropertyValue]: "color";
    }) => {
        backgroundColor: string;
        borderColor: string;
        color: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
            transition: string;
        };
    };
    paddingX: (value: {
        readonly [$$PropertyValue]: "padding";
    }) => {
        paddingLeft: {
            readonly [$$PropertyValue]: "padding";
        };
        paddingRight: {
            readonly [$$PropertyValue]: "padding";
        };
    };
    paddingY: (value: {
        readonly [$$PropertyValue]: "padding";
    }) => {
        paddingBottom: {
            readonly [$$PropertyValue]: "padding";
        };
        paddingTop: {
            readonly [$$PropertyValue]: "padding";
        };
    };
}>>;
export declare const FirstColumnCellOptions: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, import("@stitches/react/types/css-util").CSS<{
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, {
    colors: {
        black: string;
        white: string;
        blackOpacity04: string;
        blackOpacity1: string;
        blackOpacity3: string;
        blackOpacity5: string;
        blackOpacity9: string;
        gray50: string;
        gray100: string;
        gray200: string;
        gray300: string;
        gray400: string;
        gray500: string;
        gray600: string;
        gray700: string;
        gray800: string;
        gray900: string;
        perfarmBackground: string;
        perfarmLighterBlue: string;
        darkGray: string;
        gray: string;
        lighterGray: string;
        lightGray: string;
        mediumGray: string;
        pastureGreen: string;
        pastureGreenDark: string;
        pastureGreenHover: string;
        pastureGreenLight: string;
        pastureGreenLighter: string;
        pastureGreenWhitened: string;
        warningRedAlert: string;
        warningRedDark: string;
        warningRedHover: string;
        warningRedLight: string;
        warningRedLighter: string;
        warningRedWhitened: string;
        resourceYellow: string;
        resourceYellowDark: string;
        resourceYellowHover: string;
        resourceYellowLight: string;
        resourceYellowLighter: string;
        resourceYellowWhitened: string;
    };
    fonts: {
        montserrat: string;
    };
    fontSizes: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    fontWeights: {
        bold: string;
        extraBold: string;
        extraLight: string;
        light: string;
        medium: string;
        normal: string;
        semiBold: string;
        thin: string;
    };
    letterSpacings: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    lineHeights: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    radii: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        round: string;
    };
    shadows: {
        1: string;
        2: string;
        perfarmBackground: string;
    };
    space: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    transitions: {
        easeInOut02: string;
    };
    zIndices: {
        appBar: number;
        drawer: number;
        modal: number;
        snackbar: number;
        tooltip: number;
    };
}, import("@stitches/react/types/config").DefaultThemeMap, {
    fontX: (type: {
        readonly [$$PropertyValue]: "fontSize";
    }) => {
        fontSize: {
            readonly [$$PropertyValue]: "fontSize";
        };
        letterSpacings: {
            readonly [$$PropertyValue]: "fontSize";
        };
        lineHeight: {
            readonly [$$PropertyValue]: "fontSize";
        };
    };
    hexToRgb: (color: {
        readonly [$$PropertyValue]: "color";
    }) => string;
    marginX: (value: {
        readonly [$$PropertyValue]: "margin";
    }) => {
        marginLeft: {
            readonly [$$PropertyValue]: "margin";
        };
        marginRight: {
            readonly [$$PropertyValue]: "margin";
        };
    };
    marginY: (value: {
        readonly [$$PropertyValue]: "margin";
    }) => {
        marginBottom: {
            readonly [$$PropertyValue]: "margin";
        };
        marginTop: {
            readonly [$$PropertyValue]: "margin";
        };
    };
    outlineColor: (color: {
        readonly [$$PropertyValue]: "color";
    }) => {
        backgroundColor: string;
        border: string;
        color: string;
        transition: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
        };
    };
    textColor: (color: {
        readonly [$$PropertyValue]: "color";
    }) => {
        backgroundColor: string;
        borderColor: string;
        color: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
            transition: string;
        };
    };
    paddingX: (value: {
        readonly [$$PropertyValue]: "padding";
    }) => {
        paddingLeft: {
            readonly [$$PropertyValue]: "padding";
        };
        paddingRight: {
            readonly [$$PropertyValue]: "padding";
        };
    };
    paddingY: (value: {
        readonly [$$PropertyValue]: "padding";
    }) => {
        paddingBottom: {
            readonly [$$PropertyValue]: "padding";
        };
        paddingTop: {
            readonly [$$PropertyValue]: "padding";
        };
    };
}>>;
export declare const Slot: import("@stitches/react/types/styled-component").StyledComponent<"span", {}, {
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, import("@stitches/react/types/css-util").CSS<{
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, {
    colors: {
        black: string;
        white: string;
        blackOpacity04: string;
        blackOpacity1: string;
        blackOpacity3: string;
        blackOpacity5: string;
        blackOpacity9: string;
        gray50: string;
        gray100: string;
        gray200: string;
        gray300: string;
        gray400: string;
        gray500: string;
        gray600: string;
        gray700: string;
        gray800: string;
        gray900: string;
        perfarmBackground: string;
        perfarmLighterBlue: string;
        darkGray: string;
        gray: string;
        lighterGray: string;
        lightGray: string;
        mediumGray: string;
        pastureGreen: string;
        pastureGreenDark: string;
        pastureGreenHover: string;
        pastureGreenLight: string;
        pastureGreenLighter: string;
        pastureGreenWhitened: string;
        warningRedAlert: string;
        warningRedDark: string;
        warningRedHover: string;
        warningRedLight: string;
        warningRedLighter: string;
        warningRedWhitened: string;
        resourceYellow: string;
        resourceYellowDark: string;
        resourceYellowHover: string;
        resourceYellowLight: string;
        resourceYellowLighter: string;
        resourceYellowWhitened: string;
    };
    fonts: {
        montserrat: string;
    };
    fontSizes: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    fontWeights: {
        bold: string;
        extraBold: string;
        extraLight: string;
        light: string;
        medium: string;
        normal: string;
        semiBold: string;
        thin: string;
    };
    letterSpacings: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    lineHeights: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    radii: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        round: string;
    };
    shadows: {
        1: string;
        2: string;
        perfarmBackground: string;
    };
    space: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    transitions: {
        easeInOut02: string;
    };
    zIndices: {
        appBar: number;
        drawer: number;
        modal: number;
        snackbar: number;
        tooltip: number;
    };
}, import("@stitches/react/types/config").DefaultThemeMap, {
    fontX: (type: {
        readonly [$$PropertyValue]: "fontSize";
    }) => {
        fontSize: {
            readonly [$$PropertyValue]: "fontSize";
        };
        letterSpacings: {
            readonly [$$PropertyValue]: "fontSize";
        };
        lineHeight: {
            readonly [$$PropertyValue]: "fontSize";
        };
    };
    hexToRgb: (color: {
        readonly [$$PropertyValue]: "color";
    }) => string;
    marginX: (value: {
        readonly [$$PropertyValue]: "margin";
    }) => {
        marginLeft: {
            readonly [$$PropertyValue]: "margin";
        };
        marginRight: {
            readonly [$$PropertyValue]: "margin";
        };
    };
    marginY: (value: {
        readonly [$$PropertyValue]: "margin";
    }) => {
        marginBottom: {
            readonly [$$PropertyValue]: "margin";
        };
        marginTop: {
            readonly [$$PropertyValue]: "margin";
        };
    };
    outlineColor: (color: {
        readonly [$$PropertyValue]: "color";
    }) => {
        backgroundColor: string;
        border: string;
        color: string;
        transition: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
        };
    };
    textColor: (color: {
        readonly [$$PropertyValue]: "color";
    }) => {
        backgroundColor: string;
        borderColor: string;
        color: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
            transition: string;
        };
    };
    paddingX: (value: {
        readonly [$$PropertyValue]: "padding";
    }) => {
        paddingLeft: {
            readonly [$$PropertyValue]: "padding";
        };
        paddingRight: {
            readonly [$$PropertyValue]: "padding";
        };
    };
    paddingY: (value: {
        readonly [$$PropertyValue]: "padding";
    }) => {
        paddingBottom: {
            readonly [$$PropertyValue]: "padding";
        };
        paddingTop: {
            readonly [$$PropertyValue]: "padding";
        };
    };
}>>;
