/// <reference types="react" />
import * as react from 'react';
import react__default, { PropsWithChildren, FC, MutableRefObject, ReactNode, ChangeEventHandler } from 'react';
import { PerfarmToast } from '~/commons/types/toast';
import { DrawerProps } from 'antd';
import { CommonSize, CommonDescription, Colors } from '~/commons/types';
import { Props as Props$f } from '~/components/Tooltip/type';
import { Props as Props$h, GroupBase, MultiValue } from 'react-select';
import { Props as Props$g } from '~/components/Select/type';
import { Props as Props$i } from '~/components/TextField/type';
import { OwnProps as OwnProps$5 } from '~/components/InputRoot/type';
import { SwitchProps } from '@radix-ui/react-switch';
import { Align, Side } from '@radix-ui/react-popper/dist';
import { HtmlTextTags, FontSizes, FontWeight } from '~/commons/types/typography';
import * as _stitches_react_types_theme from '@stitches/react/types/theme';
import * as _stitches_react_types_css from '@stitches/react/types/css';
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
import * as _stitches_react_types_util from '@stitches/react/types/util';
import * as _stitches_react_types_stitches from '@stitches/react/types/stitches';
import * as _stitches_react_types_config from '@stitches/react/types/config';
import * as Stitches from '@stitches/react';

declare type ButtonColor = 'primary' | 'secondary' | 'error' | 'white' | 'black' | 'gray';
declare type ButtonSize = 'xsm' | 'xxsm' | 'sm' | 'md' | 'lg' | 'xl';
declare type ButtonVariant = 'contained' | 'outlined' | 'text';
interface Props$e extends PropsWithChildren {
    className?: string;
    color: ButtonColor;
    disabled?: boolean;
    fullWidth?: boolean;
    id?: string;
    onClick?: React.MouseEventHandler<HTMLButtonElement>;
    size?: ButtonSize;
    variant?: ButtonVariant;
}

declare const Button: FC<Props$e>;

interface OwnProps$4 {
    cellsMaxToShow?: number;
    id?: number;
    tableHeight?: string;
}
declare type Props$d = OwnProps$4 & PerfarmToast;

declare const CropChronogramsTable: FC<Props$d>;

declare type setOpen = (e: boolean) => void;
interface OwnProps$3 {
    className?: string;
    id?: string;
    isBodyChild?: boolean;
    open?: boolean;
    setOpen?: setOpen;
}
declare type Props$c = PropsWithChildren<OwnProps$3>;

declare const Dialog: FC<Props$c>;

declare type Props$b = DrawerProps;

declare const Drawer: FC<Props$b>;

interface OwnProps$2 {
    className?: string;
    elementId?: string;
    optionalDescription?: string;
    required?: boolean;
    size?: CommonSize;
    tooltipDescription?: Props$f['description'];
    tooltipIcon?: JSX.Element;
}
declare type Props$a = PropsWithChildren<OwnProps$2>;

declare const LabelField: FC<Props$a>;

interface Props$9<Data = any> extends Omit<Props$g<Data>, 'isMulti' | 'value' | 'onChange'> {
    onChange: Props$h<Data, true, GroupBase<Data>>['onChange'];
    value: MultiValue<Props$g<Data>['value']>;
}

declare const MultiSelect: FC<Props$9>;

interface Props$8 extends Omit<Props$i, 'type'> {
}

declare const NumberField: FC<Props$8>;

interface Option<Value = string | number> {
    isDisabled?: boolean;
    label: string;
    value: Value;
}
interface Props$7<Data = any> extends OwnProps$5 {
    autoFocus?: boolean;
    clearOnSelect?: boolean;
    disabled?: boolean;
    isLoading?: boolean;
    isMulti?: boolean;
    isSearchable?: boolean;
    menuIsOpen?: boolean;
    name: string;
    noOptionsMessage?: string;
    onChange: Props$h<Data, false, GroupBase<Data>>['onChange'];
    onMenuClose?: Props$h<Data, false, GroupBase<Data>>['onMenuClose'];
    onMenuOpen?: Props$h<Data, false, GroupBase<Data>>['onMenuOpen'];
    options: Option[];
    placeholder?: string;
    selectInputRef?: MutableRefObject<undefined>;
    value?: Option<Data>;
}

declare const Select: FC<Props$7>;

interface Props$6 extends PropsWithChildren {
}

declare const Spinner: FC<Props$6>;

interface Props$5 {
    checked: SwitchProps['checked'];
    className?: string;
    disabled?: boolean;
    id: string;
    label: string;
    onChange: SwitchProps['onCheckedChange'];
}

declare const Switch: FC<Props$5>;

interface Props$4 extends PropsWithChildren {
    actions?: ReactNode;
    className?: string;
    subtitle?: CommonDescription;
    title: CommonDescription;
    tooltipDescription?: Props$f['description'];
}

declare const TableFilter: FC<Props$4>;

interface OwnProps$1 {
    maxLength?: number;
    name: string;
    onChange: ChangeEventHandler<HTMLTextAreaElement>;
    placeholder?: string;
    rows?: number;
    value?: string;
}
declare type Props$3 = OwnProps$5 & OwnProps$1;

declare const TextAreaField: FC<Props$3>;

declare type InputType = 'email' | 'password' | 'search' | 'tel' | 'text' | 'number' | 'url';
declare type Value = string | number;
interface OwnProps {
    maxLength?: number;
    name: string;
    onChange: ChangeEventHandler<HTMLInputElement>;
    placeholder?: string;
    type?: InputType;
    value?: Value;
}
declare type Props$2 = OwnProps$5 & OwnProps;

declare const TextField: FC<Props$2>;

declare type TooltipColor = 'primary' | 'secondary' | 'white' | 'black';
declare type TooltipMaxHeight = 'small' | 'medium' | 'large';
declare type TooltipAlign = Align;
declare type TooltipSide = Side;
interface TooltipProps {
    align?: TooltipAlign;
    color?: TooltipColor;
    delay?: number;
    description: string | JSX.Element;
    isBodyChild?: boolean;
    isOpen?: boolean;
    maxHeight?: TooltipMaxHeight;
    side?: TooltipSide;
}
declare type Props$1 = PropsWithChildren<TooltipProps>;

declare const Tooltip: FC<Props$1>;

interface Props extends PropsWithChildren {
    className?: string;
    color?: Colors;
    tag?: HtmlTextTags;
    variant?: FontSizes;
    weight?: FontWeight;
}

declare const Typography: react__default.NamedExoticComponent<Props>;

declare const config: {
    prefix: "";
    media: {
        lg: "(min-width: 1200px)";
        md: "(min-width: 900px)";
        sm: "(min-width: 600px)";
        xl: "(min-width: 1536px)";
        xs: "(min-width: 0px)";
    };
    theme: {
        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;
        };
    };
    themeMap: _stitches_react_types_config.DefaultThemeMap;
    utils: {
        fontX: (type: Stitches.PropertyValue<'fontSize'>) => {
            fontSize: {
                readonly [Stitches.$$PropertyValue]: "fontSize";
            };
            letterSpacings: {
                readonly [Stitches.$$PropertyValue]: "fontSize";
            };
            lineHeight: {
                readonly [Stitches.$$PropertyValue]: "fontSize";
            };
        };
        hexToRgb: (color: Stitches.PropertyValue<'color'>) => string;
        marginX: (value: Stitches.PropertyValue<'margin'>) => {
            marginLeft: {
                readonly [Stitches.$$PropertyValue]: "margin";
            };
            marginRight: {
                readonly [Stitches.$$PropertyValue]: "margin";
            };
        };
        marginY: (value: Stitches.PropertyValue<'margin'>) => {
            marginBottom: {
                readonly [Stitches.$$PropertyValue]: "margin";
            };
            marginTop: {
                readonly [Stitches.$$PropertyValue]: "margin";
            };
        };
        outlineColor: (color: Stitches.PropertyValue<'color'>) => {
            backgroundColor: string;
            border: string;
            color: string;
            transition: string;
            '&:hover': {
                backgroundColor: string;
                color: {
                    readonly [Stitches.$$PropertyValue]: "color";
                };
            };
            '&:active': {
                backgroundColor: string;
            };
        };
        textColor: (color: Stitches.PropertyValue<'color'>) => {
            backgroundColor: string;
            borderColor: string;
            color: string;
            '&:hover': {
                backgroundColor: string;
                color: {
                    readonly [Stitches.$$PropertyValue]: "color";
                };
            };
            '&:active': {
                backgroundColor: string;
                transition: string;
            };
        };
        paddingX: (value: Stitches.PropertyValue<'padding'>) => {
            paddingLeft: {
                readonly [Stitches.$$PropertyValue]: "padding";
            };
            paddingRight: {
                readonly [Stitches.$$PropertyValue]: "padding";
            };
        };
        paddingY: (value: Stitches.PropertyValue<'padding'>) => {
            paddingBottom: {
                readonly [Stitches.$$PropertyValue]: "padding";
            };
            paddingTop: {
                readonly [Stitches.$$PropertyValue]: "padding";
            };
        };
    };
};
declare const createTheme: <Argument0 extends string | ({
    colors?: {
        black?: string | number | boolean | undefined;
        white?: string | number | boolean | undefined;
        blackOpacity04?: string | number | boolean | undefined;
        blackOpacity1?: string | number | boolean | undefined;
        blackOpacity3?: string | number | boolean | undefined;
        blackOpacity5?: string | number | boolean | undefined;
        blackOpacity9?: string | number | boolean | undefined;
        gray50?: string | number | boolean | undefined;
        gray100?: string | number | boolean | undefined;
        gray200?: string | number | boolean | undefined;
        gray300?: string | number | boolean | undefined;
        gray400?: string | number | boolean | undefined;
        gray500?: string | number | boolean | undefined;
        gray600?: string | number | boolean | undefined;
        gray700?: string | number | boolean | undefined;
        gray800?: string | number | boolean | undefined;
        gray900?: string | number | boolean | undefined;
        perfarmBackground?: string | number | boolean | undefined;
        perfarmLighterBlue?: string | number | boolean | undefined;
        darkGray?: string | number | boolean | undefined;
        gray?: string | number | boolean | undefined;
        lighterGray?: string | number | boolean | undefined;
        lightGray?: string | number | boolean | undefined;
        mediumGray?: string | number | boolean | undefined;
        pastureGreen?: string | number | boolean | undefined;
        pastureGreenDark?: string | number | boolean | undefined;
        pastureGreenHover?: string | number | boolean | undefined;
        pastureGreenLight?: string | number | boolean | undefined;
        pastureGreenLighter?: string | number | boolean | undefined;
        pastureGreenWhitened?: string | number | boolean | undefined;
        warningRedAlert?: string | number | boolean | undefined;
        warningRedDark?: string | number | boolean | undefined;
        warningRedHover?: string | number | boolean | undefined;
        warningRedLight?: string | number | boolean | undefined;
        warningRedLighter?: string | number | boolean | undefined;
        warningRedWhitened?: string | number | boolean | undefined;
        resourceYellow?: string | number | boolean | undefined;
        resourceYellowDark?: string | number | boolean | undefined;
        resourceYellowHover?: string | number | boolean | undefined;
        resourceYellowLight?: string | number | boolean | undefined;
        resourceYellowLighter?: string | number | boolean | undefined;
        resourceYellowWhitened?: string | number | boolean | undefined;
    } | undefined;
    fonts?: {
        montserrat?: string | number | boolean | undefined;
    } | undefined;
    fontSizes?: {
        body1?: string | number | boolean | undefined;
        body2?: string | number | boolean | undefined;
        body3?: string | number | boolean | undefined;
        body4?: string | number | boolean | undefined;
        body5?: string | number | boolean | undefined;
        body6?: string | number | boolean | undefined;
        body7?: string | number | boolean | undefined;
        description1?: string | number | boolean | undefined;
        description2?: string | number | boolean | undefined;
        description3?: string | number | boolean | undefined;
        description4?: string | number | boolean | undefined;
        display1?: string | number | boolean | undefined;
        display2?: string | number | boolean | undefined;
        display3?: string | number | boolean | undefined;
        display4?: string | number | boolean | undefined;
        headline1?: string | number | boolean | undefined;
        headline2?: string | number | boolean | undefined;
        headline3?: string | number | boolean | undefined;
        headline4?: string | number | boolean | undefined;
        headline5?: string | number | boolean | undefined;
        headline6?: string | number | boolean | undefined;
    } | undefined;
    fontWeights?: {
        bold?: string | number | boolean | undefined;
        extraBold?: string | number | boolean | undefined;
        extraLight?: string | number | boolean | undefined;
        light?: string | number | boolean | undefined;
        medium?: string | number | boolean | undefined;
        normal?: string | number | boolean | undefined;
        semiBold?: string | number | boolean | undefined;
        thin?: string | number | boolean | undefined;
    } | undefined;
    letterSpacings?: {
        body1?: string | number | boolean | undefined;
        body2?: string | number | boolean | undefined;
        body3?: string | number | boolean | undefined;
        body4?: string | number | boolean | undefined;
        body5?: string | number | boolean | undefined;
        body6?: string | number | boolean | undefined;
        body7?: string | number | boolean | undefined;
        description1?: string | number | boolean | undefined;
        description2?: string | number | boolean | undefined;
        description3?: string | number | boolean | undefined;
        description4?: string | number | boolean | undefined;
        display1?: string | number | boolean | undefined;
        display2?: string | number | boolean | undefined;
        display3?: string | number | boolean | undefined;
        display4?: string | number | boolean | undefined;
        headline1?: string | number | boolean | undefined;
        headline2?: string | number | boolean | undefined;
        headline3?: string | number | boolean | undefined;
        headline4?: string | number | boolean | undefined;
        headline5?: string | number | boolean | undefined;
        headline6?: string | number | boolean | undefined;
    } | undefined;
    lineHeights?: {
        body1?: string | number | boolean | undefined;
        body2?: string | number | boolean | undefined;
        body3?: string | number | boolean | undefined;
        body4?: string | number | boolean | undefined;
        body5?: string | number | boolean | undefined;
        body6?: string | number | boolean | undefined;
        body7?: string | number | boolean | undefined;
        description1?: string | number | boolean | undefined;
        description2?: string | number | boolean | undefined;
        description3?: string | number | boolean | undefined;
        description4?: string | number | boolean | undefined;
        display1?: string | number | boolean | undefined;
        display2?: string | number | boolean | undefined;
        display3?: string | number | boolean | undefined;
        display4?: string | number | boolean | undefined;
        headline1?: string | number | boolean | undefined;
        headline2?: string | number | boolean | undefined;
        headline3?: string | number | boolean | undefined;
        headline4?: string | number | boolean | undefined;
        headline5?: string | number | boolean | undefined;
        headline6?: string | number | boolean | undefined;
    } | undefined;
    radii?: {
        1?: string | number | boolean | undefined;
        2?: string | number | boolean | undefined;
        3?: string | number | boolean | undefined;
        4?: string | number | boolean | undefined;
        5?: string | number | boolean | undefined;
        round?: string | number | boolean | undefined;
    } | undefined;
    shadows?: {
        1?: string | number | boolean | undefined;
        2?: string | number | boolean | undefined;
        perfarmBackground?: string | number | boolean | undefined;
    } | undefined;
    space?: {
        1?: string | number | boolean | undefined;
        2?: string | number | boolean | undefined;
        3?: string | number | boolean | undefined;
        4?: string | number | boolean | undefined;
        5?: string | number | boolean | undefined;
        6?: string | number | boolean | undefined;
        7?: string | number | boolean | undefined;
        8?: string | number | boolean | undefined;
        9?: string | number | boolean | undefined;
        10?: string | number | boolean | undefined;
    } | undefined;
    transitions?: {
        easeInOut02?: string | number | boolean | undefined;
    } | undefined;
    zIndices?: {
        appBar?: string | number | boolean | undefined;
        drawer?: string | number | boolean | undefined;
        modal?: string | number | boolean | undefined;
        snackbar?: string | number | boolean | undefined;
        tooltip?: string | number | boolean | undefined;
    } | undefined;
} & {
    [x: string]: {
        [x: string]: string | number | boolean;
        [x: number]: string | number | boolean;
    };
}), Argument1 extends string | ({
    colors?: {
        black?: string | number | boolean | undefined;
        white?: string | number | boolean | undefined;
        blackOpacity04?: string | number | boolean | undefined;
        blackOpacity1?: string | number | boolean | undefined;
        blackOpacity3?: string | number | boolean | undefined;
        blackOpacity5?: string | number | boolean | undefined;
        blackOpacity9?: string | number | boolean | undefined;
        gray50?: string | number | boolean | undefined;
        gray100?: string | number | boolean | undefined;
        gray200?: string | number | boolean | undefined;
        gray300?: string | number | boolean | undefined;
        gray400?: string | number | boolean | undefined;
        gray500?: string | number | boolean | undefined;
        gray600?: string | number | boolean | undefined;
        gray700?: string | number | boolean | undefined;
        gray800?: string | number | boolean | undefined;
        gray900?: string | number | boolean | undefined;
        perfarmBackground?: string | number | boolean | undefined;
        perfarmLighterBlue?: string | number | boolean | undefined;
        darkGray?: string | number | boolean | undefined;
        gray?: string | number | boolean | undefined;
        lighterGray?: string | number | boolean | undefined;
        lightGray?: string | number | boolean | undefined;
        mediumGray?: string | number | boolean | undefined;
        pastureGreen?: string | number | boolean | undefined;
        pastureGreenDark?: string | number | boolean | undefined;
        pastureGreenHover?: string | number | boolean | undefined;
        pastureGreenLight?: string | number | boolean | undefined;
        pastureGreenLighter?: string | number | boolean | undefined;
        pastureGreenWhitened?: string | number | boolean | undefined;
        warningRedAlert?: string | number | boolean | undefined;
        warningRedDark?: string | number | boolean | undefined;
        warningRedHover?: string | number | boolean | undefined;
        warningRedLight?: string | number | boolean | undefined;
        warningRedLighter?: string | number | boolean | undefined;
        warningRedWhitened?: string | number | boolean | undefined;
        resourceYellow?: string | number | boolean | undefined;
        resourceYellowDark?: string | number | boolean | undefined;
        resourceYellowHover?: string | number | boolean | undefined;
        resourceYellowLight?: string | number | boolean | undefined;
        resourceYellowLighter?: string | number | boolean | undefined;
        resourceYellowWhitened?: string | number | boolean | undefined;
    } | undefined;
    fonts?: {
        montserrat?: string | number | boolean | undefined;
    } | undefined;
    fontSizes?: {
        body1?: string | number | boolean | undefined;
        body2?: string | number | boolean | undefined;
        body3?: string | number | boolean | undefined;
        body4?: string | number | boolean | undefined;
        body5?: string | number | boolean | undefined;
        body6?: string | number | boolean | undefined;
        body7?: string | number | boolean | undefined;
        description1?: string | number | boolean | undefined;
        description2?: string | number | boolean | undefined;
        description3?: string | number | boolean | undefined;
        description4?: string | number | boolean | undefined;
        display1?: string | number | boolean | undefined;
        display2?: string | number | boolean | undefined;
        display3?: string | number | boolean | undefined;
        display4?: string | number | boolean | undefined;
        headline1?: string | number | boolean | undefined;
        headline2?: string | number | boolean | undefined;
        headline3?: string | number | boolean | undefined;
        headline4?: string | number | boolean | undefined;
        headline5?: string | number | boolean | undefined;
        headline6?: string | number | boolean | undefined;
    } | undefined;
    fontWeights?: {
        bold?: string | number | boolean | undefined;
        extraBold?: string | number | boolean | undefined;
        extraLight?: string | number | boolean | undefined;
        light?: string | number | boolean | undefined;
        medium?: string | number | boolean | undefined;
        normal?: string | number | boolean | undefined;
        semiBold?: string | number | boolean | undefined;
        thin?: string | number | boolean | undefined;
    } | undefined;
    letterSpacings?: {
        body1?: string | number | boolean | undefined;
        body2?: string | number | boolean | undefined;
        body3?: string | number | boolean | undefined;
        body4?: string | number | boolean | undefined;
        body5?: string | number | boolean | undefined;
        body6?: string | number | boolean | undefined;
        body7?: string | number | boolean | undefined;
        description1?: string | number | boolean | undefined;
        description2?: string | number | boolean | undefined;
        description3?: string | number | boolean | undefined;
        description4?: string | number | boolean | undefined;
        display1?: string | number | boolean | undefined;
        display2?: string | number | boolean | undefined;
        display3?: string | number | boolean | undefined;
        display4?: string | number | boolean | undefined;
        headline1?: string | number | boolean | undefined;
        headline2?: string | number | boolean | undefined;
        headline3?: string | number | boolean | undefined;
        headline4?: string | number | boolean | undefined;
        headline5?: string | number | boolean | undefined;
        headline6?: string | number | boolean | undefined;
    } | undefined;
    lineHeights?: {
        body1?: string | number | boolean | undefined;
        body2?: string | number | boolean | undefined;
        body3?: string | number | boolean | undefined;
        body4?: string | number | boolean | undefined;
        body5?: string | number | boolean | undefined;
        body6?: string | number | boolean | undefined;
        body7?: string | number | boolean | undefined;
        description1?: string | number | boolean | undefined;
        description2?: string | number | boolean | undefined;
        description3?: string | number | boolean | undefined;
        description4?: string | number | boolean | undefined;
        display1?: string | number | boolean | undefined;
        display2?: string | number | boolean | undefined;
        display3?: string | number | boolean | undefined;
        display4?: string | number | boolean | undefined;
        headline1?: string | number | boolean | undefined;
        headline2?: string | number | boolean | undefined;
        headline3?: string | number | boolean | undefined;
        headline4?: string | number | boolean | undefined;
        headline5?: string | number | boolean | undefined;
        headline6?: string | number | boolean | undefined;
    } | undefined;
    radii?: {
        1?: string | number | boolean | undefined;
        2?: string | number | boolean | undefined;
        3?: string | number | boolean | undefined;
        4?: string | number | boolean | undefined;
        5?: string | number | boolean | undefined;
        round?: string | number | boolean | undefined;
    } | undefined;
    shadows?: {
        1?: string | number | boolean | undefined;
        2?: string | number | boolean | undefined;
        perfarmBackground?: string | number | boolean | undefined;
    } | undefined;
    space?: {
        1?: string | number | boolean | undefined;
        2?: string | number | boolean | undefined;
        3?: string | number | boolean | undefined;
        4?: string | number | boolean | undefined;
        5?: string | number | boolean | undefined;
        6?: string | number | boolean | undefined;
        7?: string | number | boolean | undefined;
        8?: string | number | boolean | undefined;
        9?: string | number | boolean | undefined;
        10?: string | number | boolean | undefined;
    } | undefined;
    transitions?: {
        easeInOut02?: string | number | boolean | undefined;
    } | undefined;
    zIndices?: {
        appBar?: string | number | boolean | undefined;
        drawer?: string | number | boolean | undefined;
        modal?: string | number | boolean | undefined;
        snackbar?: string | number | boolean | undefined;
        tooltip?: string | number | boolean | undefined;
    } | undefined;
} & {
    [x: string]: {
        [x: string]: string | number | boolean;
        [x: number]: string | number | boolean;
    };
})>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
    className: string;
    selector: string;
} & (Argument0 extends string ? _stitches_react_types_stitches.ThemeTokens<Argument1, ""> : _stitches_react_types_stitches.ThemeTokens<Argument0, "">);
declare const css: <Composers extends (string | _stitches_react_types_util.Function | react.JSXElementConstructor<any> | react.ExoticComponent<any> | {
    [name: string]: unknown;
})[], CSS = _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;
    };
}, _stitches_react_types_config.DefaultThemeMap, {
    fontX: (type: Stitches.PropertyValue<'fontSize'>) => {
        fontSize: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
        letterSpacings: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
        lineHeight: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
    };
    hexToRgb: (color: Stitches.PropertyValue<'color'>) => string;
    marginX: (value: Stitches.PropertyValue<'margin'>) => {
        marginLeft: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
        marginRight: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
    };
    marginY: (value: Stitches.PropertyValue<'margin'>) => {
        marginBottom: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
        marginTop: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
    };
    outlineColor: (color: Stitches.PropertyValue<'color'>) => {
        backgroundColor: string;
        border: string;
        color: string;
        transition: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
        };
    };
    textColor: (color: Stitches.PropertyValue<'color'>) => {
        backgroundColor: string;
        borderColor: string;
        color: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
            transition: string;
        };
    };
    paddingX: (value: Stitches.PropertyValue<'padding'>) => {
        paddingLeft: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
        paddingRight: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
    };
    paddingY: (value: Stitches.PropertyValue<'padding'>) => {
        paddingBottom: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
        paddingTop: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
    };
}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | _stitches_react_types_util.Function | react.JSXElementConstructor<any> | react.ExoticComponent<any> ? Composers[K] : _stitches_react_types_stitches.RemoveIndex<CSS> & {
    variants?: {
        [x: string]: {
            [x: string]: CSS;
            [x: number]: CSS;
        };
    } | undefined;
    compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : never : _stitches_react_types_util.WideObject) & {
        css: CSS;
    })[] | undefined;
    defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : never : _stitches_react_types_util.WideObject) | undefined;
} & CSS & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; } : never); }) => _stitches_react_types_styled_component.CssComponent<_stitches_react_types_styled_component.StyledComponentType<Composers>, _stitches_react_types_styled_component.StyledComponentProps<Composers>, {
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, CSS>;
declare const getCssText: () => string;
declare const globalCss: <Styles extends {
    [K: string]: any;
}>(...styles: ({
    '@import'?: unknown;
    '@font-face'?: unknown;
} & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? _stitches_react_types_css.AtRule.FontFace | _stitches_react_types_css.AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
    [x: string]: _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;
        };
    }, _stitches_react_types_config.DefaultThemeMap, {
        fontX: (type: Stitches.PropertyValue<'fontSize'>) => {
            fontSize: {
                readonly [Stitches.$$PropertyValue]: "fontSize";
            };
            letterSpacings: {
                readonly [Stitches.$$PropertyValue]: "fontSize";
            };
            lineHeight: {
                readonly [Stitches.$$PropertyValue]: "fontSize";
            };
        };
        hexToRgb: (color: Stitches.PropertyValue<'color'>) => string;
        marginX: (value: Stitches.PropertyValue<'margin'>) => {
            marginLeft: {
                readonly [Stitches.$$PropertyValue]: "margin";
            };
            marginRight: {
                readonly [Stitches.$$PropertyValue]: "margin";
            };
        };
        marginY: (value: Stitches.PropertyValue<'margin'>) => {
            marginBottom: {
                readonly [Stitches.$$PropertyValue]: "margin";
            };
            marginTop: {
                readonly [Stitches.$$PropertyValue]: "margin";
            };
        };
        outlineColor: (color: Stitches.PropertyValue<'color'>) => {
            backgroundColor: string;
            border: string;
            color: string;
            transition: string;
            '&:hover': {
                backgroundColor: string;
                color: {
                    readonly [Stitches.$$PropertyValue]: "color";
                };
            };
            '&:active': {
                backgroundColor: string;
            };
        };
        textColor: (color: Stitches.PropertyValue<'color'>) => {
            backgroundColor: string;
            borderColor: string;
            color: string;
            '&:hover': {
                backgroundColor: string;
                color: {
                    readonly [Stitches.$$PropertyValue]: "color";
                };
            };
            '&:active': {
                backgroundColor: string;
                transition: string;
            };
        };
        paddingX: (value: Stitches.PropertyValue<'padding'>) => {
            paddingLeft: {
                readonly [Stitches.$$PropertyValue]: "padding";
            };
            paddingRight: {
                readonly [Stitches.$$PropertyValue]: "padding";
            };
        };
        paddingY: (value: Stitches.PropertyValue<'padding'>) => {
            paddingBottom: {
                readonly [Stitches.$$PropertyValue]: "padding";
            };
            paddingTop: {
                readonly [Stitches.$$PropertyValue]: "padding";
            };
        };
    }>;
} : K extends `@property ${string}` ? _stitches_react_types_css.AtRule.Property : _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;
    };
}, _stitches_react_types_config.DefaultThemeMap, {
    fontX: (type: Stitches.PropertyValue<'fontSize'>) => {
        fontSize: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
        letterSpacings: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
        lineHeight: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
    };
    hexToRgb: (color: Stitches.PropertyValue<'color'>) => string;
    marginX: (value: Stitches.PropertyValue<'margin'>) => {
        marginLeft: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
        marginRight: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
    };
    marginY: (value: Stitches.PropertyValue<'margin'>) => {
        marginBottom: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
        marginTop: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
    };
    outlineColor: (color: Stitches.PropertyValue<'color'>) => {
        backgroundColor: string;
        border: string;
        color: string;
        transition: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
        };
    };
    textColor: (color: Stitches.PropertyValue<'color'>) => {
        backgroundColor: string;
        borderColor: string;
        color: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
            transition: string;
        };
    };
    paddingX: (value: Stitches.PropertyValue<'padding'>) => {
        paddingLeft: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
        paddingRight: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
    };
    paddingY: (value: Stitches.PropertyValue<'padding'>) => {
        paddingBottom: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
        paddingTop: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
    };
}>; })[]) => () => string;
declare const styled: <Type extends _stitches_react_types_util.Function | keyof JSX.IntrinsicElements | react.ComponentType<any>, Composers extends (string | _stitches_react_types_util.Function | react.ComponentType<any> | {
    [name: string]: unknown;
})[], CSS = _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;
    };
}, _stitches_react_types_config.DefaultThemeMap, {
    fontX: (type: Stitches.PropertyValue<'fontSize'>) => {
        fontSize: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
        letterSpacings: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
        lineHeight: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
    };
    hexToRgb: (color: Stitches.PropertyValue<'color'>) => string;
    marginX: (value: Stitches.PropertyValue<'margin'>) => {
        marginLeft: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
        marginRight: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
    };
    marginY: (value: Stitches.PropertyValue<'margin'>) => {
        marginBottom: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
        marginTop: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
    };
    outlineColor: (color: Stitches.PropertyValue<'color'>) => {
        backgroundColor: string;
        border: string;
        color: string;
        transition: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
        };
    };
    textColor: (color: Stitches.PropertyValue<'color'>) => {
        backgroundColor: string;
        borderColor: string;
        color: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
            transition: string;
        };
    };
    paddingX: (value: Stitches.PropertyValue<'padding'>) => {
        paddingLeft: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
        paddingRight: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
    };
    paddingY: (value: Stitches.PropertyValue<'padding'>) => {
        paddingBottom: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
        paddingTop: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
    };
}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | _stitches_react_types_util.Function | react.ComponentType<any> ? Composers[K] : _stitches_react_types_stitches.RemoveIndex<CSS> & {
    variants?: {
        [x: string]: {
            [x: string]: CSS;
            [x: number]: CSS;
        };
    } | undefined;
    compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : never : _stitches_react_types_util.WideObject) & {
        css: CSS;
    })[] | undefined;
    defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : never : _stitches_react_types_util.WideObject) | undefined;
} & CSS & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; } : never); }) => _stitches_react_types_styled_component.StyledComponent<Type, _stitches_react_types_styled_component.StyledComponentProps<Composers>, {
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, _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;
    };
}, _stitches_react_types_config.DefaultThemeMap, {
    fontX: (type: Stitches.PropertyValue<'fontSize'>) => {
        fontSize: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
        letterSpacings: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
        lineHeight: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
    };
    hexToRgb: (color: Stitches.PropertyValue<'color'>) => string;
    marginX: (value: Stitches.PropertyValue<'margin'>) => {
        marginLeft: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
        marginRight: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
    };
    marginY: (value: Stitches.PropertyValue<'margin'>) => {
        marginBottom: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
        marginTop: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
    };
    outlineColor: (color: Stitches.PropertyValue<'color'>) => {
        backgroundColor: string;
        border: string;
        color: string;
        transition: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
        };
    };
    textColor: (color: Stitches.PropertyValue<'color'>) => {
        backgroundColor: string;
        borderColor: string;
        color: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
            transition: string;
        };
    };
    paddingX: (value: Stitches.PropertyValue<'padding'>) => {
        paddingLeft: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
        paddingRight: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
    };
    paddingY: (value: Stitches.PropertyValue<'padding'>) => {
        paddingBottom: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
        paddingTop: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
    };
}>>;
declare const theme: string & {
    className: string;
    selector: string;
} & {
    colors: {
        black: _stitches_react_types_theme.Token<"black", string, "colors", "">;
        white: _stitches_react_types_theme.Token<"white", string, "colors", "">;
        blackOpacity04: _stitches_react_types_theme.Token<"blackOpacity04", string, "colors", "">;
        blackOpacity1: _stitches_react_types_theme.Token<"blackOpacity1", string, "colors", "">;
        blackOpacity3: _stitches_react_types_theme.Token<"blackOpacity3", string, "colors", "">;
        blackOpacity5: _stitches_react_types_theme.Token<"blackOpacity5", string, "colors", "">;
        blackOpacity9: _stitches_react_types_theme.Token<"blackOpacity9", string, "colors", "">;
        gray50: _stitches_react_types_theme.Token<"gray50", string, "colors", "">;
        gray100: _stitches_react_types_theme.Token<"gray100", string, "colors", "">;
        gray200: _stitches_react_types_theme.Token<"gray200", string, "colors", "">;
        gray300: _stitches_react_types_theme.Token<"gray300", string, "colors", "">;
        gray400: _stitches_react_types_theme.Token<"gray400", string, "colors", "">;
        gray500: _stitches_react_types_theme.Token<"gray500", string, "colors", "">;
        gray600: _stitches_react_types_theme.Token<"gray600", string, "colors", "">;
        gray700: _stitches_react_types_theme.Token<"gray700", string, "colors", "">;
        gray800: _stitches_react_types_theme.Token<"gray800", string, "colors", "">;
        gray900: _stitches_react_types_theme.Token<"gray900", string, "colors", "">;
        perfarmBackground: _stitches_react_types_theme.Token<"perfarmBackground", string, "colors", "">;
        perfarmLighterBlue: _stitches_react_types_theme.Token<"perfarmLighterBlue", string, "colors", "">;
        darkGray: _stitches_react_types_theme.Token<"darkGray", string, "colors", "">;
        gray: _stitches_react_types_theme.Token<"gray", string, "colors", "">;
        lighterGray: _stitches_react_types_theme.Token<"lighterGray", string, "colors", "">;
        lightGray: _stitches_react_types_theme.Token<"lightGray", string, "colors", "">;
        mediumGray: _stitches_react_types_theme.Token<"mediumGray", string, "colors", "">;
        pastureGreen: _stitches_react_types_theme.Token<"pastureGreen", string, "colors", "">;
        pastureGreenDark: _stitches_react_types_theme.Token<"pastureGreenDark", string, "colors", "">;
        pastureGreenHover: _stitches_react_types_theme.Token<"pastureGreenHover", string, "colors", "">;
        pastureGreenLight: _stitches_react_types_theme.Token<"pastureGreenLight", string, "colors", "">;
        pastureGreenLighter: _stitches_react_types_theme.Token<"pastureGreenLighter", string, "colors", "">;
        pastureGreenWhitened: _stitches_react_types_theme.Token<"pastureGreenWhitened", string, "colors", "">;
        warningRedAlert: _stitches_react_types_theme.Token<"warningRedAlert", string, "colors", "">;
        warningRedDark: _stitches_react_types_theme.Token<"warningRedDark", string, "colors", "">;
        warningRedHover: _stitches_react_types_theme.Token<"warningRedHover", string, "colors", "">;
        warningRedLight: _stitches_react_types_theme.Token<"warningRedLight", string, "colors", "">;
        warningRedLighter: _stitches_react_types_theme.Token<"warningRedLighter", string, "colors", "">;
        warningRedWhitened: _stitches_react_types_theme.Token<"warningRedWhitened", string, "colors", "">;
        resourceYellow: _stitches_react_types_theme.Token<"resourceYellow", string, "colors", "">;
        resourceYellowDark: _stitches_react_types_theme.Token<"resourceYellowDark", string, "colors", "">;
        resourceYellowHover: _stitches_react_types_theme.Token<"resourceYellowHover", string, "colors", "">;
        resourceYellowLight: _stitches_react_types_theme.Token<"resourceYellowLight", string, "colors", "">;
        resourceYellowLighter: _stitches_react_types_theme.Token<"resourceYellowLighter", string, "colors", "">;
        resourceYellowWhitened: _stitches_react_types_theme.Token<"resourceYellowWhitened", string, "colors", "">;
    };
    fonts: {
        montserrat: _stitches_react_types_theme.Token<"montserrat", string, "fonts", "">;
    };
    fontSizes: {
        body1: _stitches_react_types_theme.Token<"body1", string, "fontSizes", "">;
        body2: _stitches_react_types_theme.Token<"body2", string, "fontSizes", "">;
        body3: _stitches_react_types_theme.Token<"body3", string, "fontSizes", "">;
        body4: _stitches_react_types_theme.Token<"body4", string, "fontSizes", "">;
        body5: _stitches_react_types_theme.Token<"body5", string, "fontSizes", "">;
        body6: _stitches_react_types_theme.Token<"body6", string, "fontSizes", "">;
        body7: _stitches_react_types_theme.Token<"body7", string, "fontSizes", "">;
        description1: _stitches_react_types_theme.Token<"description1", string, "fontSizes", "">;
        description2: _stitches_react_types_theme.Token<"description2", string, "fontSizes", "">;
        description3: _stitches_react_types_theme.Token<"description3", string, "fontSizes", "">;
        description4: _stitches_react_types_theme.Token<"description4", string, "fontSizes", "">;
        display1: _stitches_react_types_theme.Token<"display1", string, "fontSizes", "">;
        display2: _stitches_react_types_theme.Token<"display2", string, "fontSizes", "">;
        display3: _stitches_react_types_theme.Token<"display3", string, "fontSizes", "">;
        display4: _stitches_react_types_theme.Token<"display4", string, "fontSizes", "">;
        headline1: _stitches_react_types_theme.Token<"headline1", string, "fontSizes", "">;
        headline2: _stitches_react_types_theme.Token<"headline2", string, "fontSizes", "">;
        headline3: _stitches_react_types_theme.Token<"headline3", string, "fontSizes", "">;
        headline4: _stitches_react_types_theme.Token<"headline4", string, "fontSizes", "">;
        headline5: _stitches_react_types_theme.Token<"headline5", string, "fontSizes", "">;
        headline6: _stitches_react_types_theme.Token<"headline6", string, "fontSizes", "">;
    };
    fontWeights: {
        bold: _stitches_react_types_theme.Token<"bold", string, "fontWeights", "">;
        extraBold: _stitches_react_types_theme.Token<"extraBold", string, "fontWeights", "">;
        extraLight: _stitches_react_types_theme.Token<"extraLight", string, "fontWeights", "">;
        light: _stitches_react_types_theme.Token<"light", string, "fontWeights", "">;
        medium: _stitches_react_types_theme.Token<"medium", string, "fontWeights", "">;
        normal: _stitches_react_types_theme.Token<"normal", string, "fontWeights", "">;
        semiBold: _stitches_react_types_theme.Token<"semiBold", string, "fontWeights", "">;
        thin: _stitches_react_types_theme.Token<"thin", string, "fontWeights", "">;
    };
    letterSpacings: {
        body1: _stitches_react_types_theme.Token<"body1", string, "letterSpacings", "">;
        body2: _stitches_react_types_theme.Token<"body2", string, "letterSpacings", "">;
        body3: _stitches_react_types_theme.Token<"body3", string, "letterSpacings", "">;
        body4: _stitches_react_types_theme.Token<"body4", string, "letterSpacings", "">;
        body5: _stitches_react_types_theme.Token<"body5", string, "letterSpacings", "">;
        body6: _stitches_react_types_theme.Token<"body6", string, "letterSpacings", "">;
        body7: _stitches_react_types_theme.Token<"body7", string, "letterSpacings", "">;
        description1: _stitches_react_types_theme.Token<"description1", string, "letterSpacings", "">;
        description2: _stitches_react_types_theme.Token<"description2", string, "letterSpacings", "">;
        description3: _stitches_react_types_theme.Token<"description3", string, "letterSpacings", "">;
        description4: _stitches_react_types_theme.Token<"description4", string, "letterSpacings", "">;
        display1: _stitches_react_types_theme.Token<"display1", string, "letterSpacings", "">;
        display2: _stitches_react_types_theme.Token<"display2", string, "letterSpacings", "">;
        display3: _stitches_react_types_theme.Token<"display3", string, "letterSpacings", "">;
        display4: _stitches_react_types_theme.Token<"display4", string, "letterSpacings", "">;
        headline1: _stitches_react_types_theme.Token<"headline1", string, "letterSpacings", "">;
        headline2: _stitches_react_types_theme.Token<"headline2", string, "letterSpacings", "">;
        headline3: _stitches_react_types_theme.Token<"headline3", string, "letterSpacings", "">;
        headline4: _stitches_react_types_theme.Token<"headline4", string, "letterSpacings", "">;
        headline5: _stitches_react_types_theme.Token<"headline5", string, "letterSpacings", "">;
        headline6: _stitches_react_types_theme.Token<"headline6", string, "letterSpacings", "">;
    };
    lineHeights: {
        body1: _stitches_react_types_theme.Token<"body1", string, "lineHeights", "">;
        body2: _stitches_react_types_theme.Token<"body2", string, "lineHeights", "">;
        body3: _stitches_react_types_theme.Token<"body3", string, "lineHeights", "">;
        body4: _stitches_react_types_theme.Token<"body4", string, "lineHeights", "">;
        body5: _stitches_react_types_theme.Token<"body5", string, "lineHeights", "">;
        body6: _stitches_react_types_theme.Token<"body6", string, "lineHeights", "">;
        body7: _stitches_react_types_theme.Token<"body7", string, "lineHeights", "">;
        description1: _stitches_react_types_theme.Token<"description1", string, "lineHeights", "">;
        description2: _stitches_react_types_theme.Token<"description2", string, "lineHeights", "">;
        description3: _stitches_react_types_theme.Token<"description3", string, "lineHeights", "">;
        description4: _stitches_react_types_theme.Token<"description4", string, "lineHeights", "">;
        display1: _stitches_react_types_theme.Token<"display1", string, "lineHeights", "">;
        display2: _stitches_react_types_theme.Token<"display2", string, "lineHeights", "">;
        display3: _stitches_react_types_theme.Token<"display3", string, "lineHeights", "">;
        display4: _stitches_react_types_theme.Token<"display4", string, "lineHeights", "">;
        headline1: _stitches_react_types_theme.Token<"headline1", string, "lineHeights", "">;
        headline2: _stitches_react_types_theme.Token<"headline2", string, "lineHeights", "">;
        headline3: _stitches_react_types_theme.Token<"headline3", string, "lineHeights", "">;
        headline4: _stitches_react_types_theme.Token<"headline4", string, "lineHeights", "">;
        headline5: _stitches_react_types_theme.Token<"headline5", string, "lineHeights", "">;
        headline6: _stitches_react_types_theme.Token<"headline6", string, "lineHeights", "">;
    };
    radii: {
        1: _stitches_react_types_theme.Token<"1", string, "radii", "">;
        2: _stitches_react_types_theme.Token<"2", string, "radii", "">;
        3: _stitches_react_types_theme.Token<"3", string, "radii", "">;
        4: _stitches_react_types_theme.Token<"4", string, "radii", "">;
        5: _stitches_react_types_theme.Token<"5", string, "radii", "">;
        round: _stitches_react_types_theme.Token<"round", string, "radii", "">;
    };
    shadows: {
        1: _stitches_react_types_theme.Token<"1", string, "shadows", "">;
        2: _stitches_react_types_theme.Token<"2", string, "shadows", "">;
        perfarmBackground: _stitches_react_types_theme.Token<"perfarmBackground", string, "shadows", "">;
    };
    space: {
        1: _stitches_react_types_theme.Token<"1", string, "space", "">;
        2: _stitches_react_types_theme.Token<"2", string, "space", "">;
        3: _stitches_react_types_theme.Token<"3", string, "space", "">;
        4: _stitches_react_types_theme.Token<"4", string, "space", "">;
        5: _stitches_react_types_theme.Token<"5", string, "space", "">;
        6: _stitches_react_types_theme.Token<"6", string, "space", "">;
        7: _stitches_react_types_theme.Token<"7", string, "space", "">;
        8: _stitches_react_types_theme.Token<"8", string, "space", "">;
        9: _stitches_react_types_theme.Token<"9", string, "space", "">;
        10: _stitches_react_types_theme.Token<"10", string, "space", "">;
    };
    transitions: {
        easeInOut02: _stitches_react_types_theme.Token<"easeInOut02", string, "transitions", "">;
    };
    zIndices: {
        appBar: _stitches_react_types_theme.Token<"appBar", string, "zIndices", "">;
        drawer: _stitches_react_types_theme.Token<"drawer", string, "zIndices", "">;
        modal: _stitches_react_types_theme.Token<"modal", string, "zIndices", "">;
        snackbar: _stitches_react_types_theme.Token<"snackbar", string, "zIndices", "">;
        tooltip: _stitches_react_types_theme.Token<"tooltip", string, "zIndices", "">;
    };
};

declare const setApiUrl: (url: string) => void;

export { Button, CropChronogramsTable, Dialog, Drawer, LabelField, MultiSelect, NumberField, Select, Spinner, Switch, TableFilter, TextAreaField, TextField, Tooltip, Typography, config, createTheme, css, getCssText, globalCss, setApiUrl, styled, theme };
