@jeromefitz/design-system 3.2.2-canary.2 → 3.2.2

package/lib/stitches.config.d.ts

@@ -1,3276 +0,0 @@
-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 React from 'react';
-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 { CSS as CSS$1 } from '@stitches/react';
-export { VariantProps } from '@stitches/react';
-
-declare const config: {
-    prefix: "";
-    media: {
-        bp1: string;
-        bp2: string;
-        bp3: string;
-        bp4: string;
-        motion: string;
-        hover: string;
-        dark: string;
-        light: string;
-    };
-    theme: {
-        borderWidths: unknown;
-        borderStyles: unknown;
-        colors: unknown;
-        fonts: {
-            'fallback-mono': string;
-            'fallback-sans': string;
-            'fallback-serif': string;
-            mono: string;
-            sans: string;
-            serif: string;
-        };
-        fontSizes: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-        };
-        fontWeights: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-        };
-        letterSpacings: unknown;
-        lineHeights: unknown;
-        radii: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            pill: string;
-            round: string;
-        };
-        shadows: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            toast: string;
-        };
-        sizes: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-        };
-        space: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-            10: string;
-            11: string;
-            12: string;
-            13: string;
-            14: string;
-            15: string;
-        };
-        transitions: unknown;
-        zIndices: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            max: string;
-            toast: string;
-        };
-        foo: {
-            bar: string;
-        };
-    };
-    themeMap: _stitches_react_types_config.DefaultThemeMap;
-    utils: {
-        p: (value: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        }) => {
-            padding: string | number | {
-                readonly [$$ScaleValue]: "padding";
-            };
-        };
-        pt: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-        };
-        pr: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        }) => {
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "paddingRight";
-            };
-        };
-        pb: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        }) => {
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "paddingBottom";
-            };
-        };
-        pl: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-        };
-        px: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-        };
-        py: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-        };
-        m: (value: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        }) => {
-            margin: string | number | {
-                readonly [$$ScaleValue]: "margin";
-            };
-        };
-        mt: (value: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-        };
-        mr: (value: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        }) => {
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "marginRight";
-            };
-        };
-        mb: (value: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        }) => {
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "marginBottom";
-            };
-        };
-        ml: (value: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-        };
-        mx: (value: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-        };
-        my: (value: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-        };
-        ta: (value: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        }) => {
-            textAlign: string | number | {
-                readonly [$$ScaleValue]: "textAlign";
-            };
-        };
-        fd: (value: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        }) => {
-            flexDirection: string | number | {
-                readonly [$$ScaleValue]: "flexDirection";
-            };
-        };
-        fw: (value: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        }) => {
-            flexWrap: string | number | {
-                readonly [$$ScaleValue]: "flexWrap";
-            };
-        };
-        ai: (value: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        }) => {
-            alignItems: string | number | {
-                readonly [$$ScaleValue]: "alignItems";
-            };
-        };
-        ac: (value: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        }) => {
-            alignContent: string | number | {
-                readonly [$$ScaleValue]: "alignContent";
-            };
-        };
-        jc: (value: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        }) => {
-            justifyContent: string | number | {
-                readonly [$$ScaleValue]: "justifyContent";
-            };
-        };
-        as: (value: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        }) => {
-            alignSelf: string | number | {
-                readonly [$$ScaleValue]: "alignSelf";
-            };
-        };
-        fg: (value: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        }) => {
-            flexGrow: string | number | {
-                readonly [$$ScaleValue]: "flexGrow";
-            };
-        };
-        fs: (value: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        }) => {
-            flexShrink: string | number | {
-                readonly [$$ScaleValue]: "flexShrink";
-            };
-        };
-        fb: (value: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        }) => {
-            flexBasis: string | number | {
-                readonly [$$ScaleValue]: "flexBasis";
-            };
-        };
-        bc: (value: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        }) => {
-            backgroundColor: string | number | {
-                readonly [$$ScaleValue]: "backgroundColor";
-            };
-        };
-        br: (value: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        }) => {
-            borderRadius: string | number | {
-                readonly [$$ScaleValue]: "borderRadius";
-            };
-        };
-        btrr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        }) => {
-            borderTopRightRadius: string | number | {
-                readonly [$$ScaleValue]: "borderTopRightRadius";
-            };
-        };
-        bbrr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        }) => {
-            borderBottomRightRadius: string | number | {
-                readonly [$$ScaleValue]: "borderBottomRightRadius";
-            };
-        };
-        bblr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        }) => {
-            borderBottomLeftRadius: string | number | {
-                readonly [$$ScaleValue]: "borderBottomLeftRadius";
-            };
-        };
-        btlr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        }) => {
-            borderTopLeftRadius: string | number | {
-                readonly [$$ScaleValue]: "borderTopLeftRadius";
-            };
-        };
-        bs: (value: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        }) => {
-            boxShadow: string | number | {
-                readonly [$$ScaleValue]: "boxShadow";
-            };
-        };
-        lh: (value: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        }) => {
-            lineHeight: string | number | {
-                readonly [$$ScaleValue]: "lineHeight";
-            };
-        };
-        ox: (value: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        }) => {
-            overflowX: string | number | {
-                readonly [$$ScaleValue]: "overflowX";
-            };
-        };
-        oy: (value: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        }) => {
-            overflowY: string | number | {
-                readonly [$$ScaleValue]: "overflowY";
-            };
-        };
-        pe: (value: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        }) => {
-            pointerEvents: string | number | {
-                readonly [$$ScaleValue]: "pointerEvents";
-            };
-        };
-        us: (value: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        }) => {
-            WebkitUserSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-            userSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-        };
-        userSelect: (value: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        }) => {
-            WebkitUserSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-            userSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-        };
-        size: (value: string | number | {
-            readonly [$$ScaleValue]: "width";
-        }) => {
-            width: string | number | {
-                readonly [$$ScaleValue]: "width";
-            };
-            height: string | number | {
-                readonly [$$ScaleValue]: "width";
-            };
-        };
-        appearance: (value: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        }) => {
-            WebkitAppearance: string | number | {
-                readonly [$$ScaleValue]: "appearance";
-            };
-            appearance: string | number | {
-                readonly [$$ScaleValue]: "appearance";
-            };
-        };
-        backgroundClip: (value: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        }) => {
-            WebkitBackgroundClip: string | number | {
-                readonly [$$ScaleValue]: "backgroundClip";
-            };
-            backgroundClip: string | number | {
-                readonly [$$ScaleValue]: "backgroundClip";
-            };
-        };
-    };
-};
-declare const createTheme: <Argument0 extends string | ({
-    borderWidths?: {};
-    borderStyles?: {};
-    colors?: {};
-    fonts?: {
-        'fallback-mono'?: string | number | boolean;
-        'fallback-sans'?: string | number | boolean;
-        'fallback-serif'?: string | number | boolean;
-        mono?: string | number | boolean;
-        sans?: string | number | boolean;
-        serif?: string | number | boolean;
-    };
-    fontSizes?: {
-        1?: string | number | boolean;
-        2?: string | number | boolean;
-        3?: string | number | boolean;
-        4?: string | number | boolean;
-        5?: string | number | boolean;
-        6?: string | number | boolean;
-        7?: string | number | boolean;
-        8?: string | number | boolean;
-        9?: string | number | boolean;
-    };
-    fontWeights?: {
-        1?: string | number | boolean;
-        2?: string | number | boolean;
-        3?: string | number | boolean;
-        4?: string | number | boolean;
-        5?: string | number | boolean;
-        6?: string | number | boolean;
-        7?: string | number | boolean;
-        8?: string | number | boolean;
-        9?: string | number | boolean;
-    };
-    letterSpacings?: {};
-    lineHeights?: {};
-    radii?: {
-        0?: string | number | boolean;
-        1?: string | number | boolean;
-        2?: string | number | boolean;
-        3?: string | number | boolean;
-        4?: string | number | boolean;
-        pill?: string | number | boolean;
-        round?: string | number | boolean;
-    };
-    shadows?: {
-        0?: string | number | boolean;
-        1?: string | number | boolean;
-        2?: string | number | boolean;
-        3?: string | number | boolean;
-        toast?: string | number | boolean;
-    };
-    sizes?: {
-        0?: string | number | boolean;
-        1?: string | number | boolean;
-        2?: string | number | boolean;
-        3?: string | number | boolean;
-        4?: string | number | boolean;
-        5?: string | number | boolean;
-        6?: string | number | boolean;
-        7?: string | number | boolean;
-        8?: string | number | boolean;
-        9?: string | number | boolean;
-    };
-    space?: {
-        0?: string | number | boolean;
-        1?: string | number | boolean;
-        2?: string | number | boolean;
-        3?: string | number | boolean;
-        4?: string | number | boolean;
-        5?: string | number | boolean;
-        6?: string | number | boolean;
-        7?: string | number | boolean;
-        8?: string | number | boolean;
-        9?: string | number | boolean;
-        10?: string | number | boolean;
-        11?: string | number | boolean;
-        12?: string | number | boolean;
-        13?: string | number | boolean;
-        14?: string | number | boolean;
-        15?: string | number | boolean;
-    };
-    transitions?: {};
-    zIndices?: {
-        0?: string | number | boolean;
-        1?: string | number | boolean;
-        2?: string | number | boolean;
-        3?: string | number | boolean;
-        4?: string | number | boolean;
-        max?: string | number | boolean;
-        toast?: string | number | boolean;
-    };
-    foo?: {
-        bar?: string | number | boolean;
-    };
-} & {
-    [x: string]: {
-        [x: string]: string | number | boolean;
-        [x: number]: string | number | boolean;
-    };
-}), Argument1 extends string | ({
-    borderWidths?: {};
-    borderStyles?: {};
-    colors?: {};
-    fonts?: {
-        'fallback-mono'?: string | number | boolean;
-        'fallback-sans'?: string | number | boolean;
-        'fallback-serif'?: string | number | boolean;
-        mono?: string | number | boolean;
-        sans?: string | number | boolean;
-        serif?: string | number | boolean;
-    };
-    fontSizes?: {
-        1?: string | number | boolean;
-        2?: string | number | boolean;
-        3?: string | number | boolean;
-        4?: string | number | boolean;
-        5?: string | number | boolean;
-        6?: string | number | boolean;
-        7?: string | number | boolean;
-        8?: string | number | boolean;
-        9?: string | number | boolean;
-    };
-    fontWeights?: {
-        1?: string | number | boolean;
-        2?: string | number | boolean;
-        3?: string | number | boolean;
-        4?: string | number | boolean;
-        5?: string | number | boolean;
-        6?: string | number | boolean;
-        7?: string | number | boolean;
-        8?: string | number | boolean;
-        9?: string | number | boolean;
-    };
-    letterSpacings?: {};
-    lineHeights?: {};
-    radii?: {
-        0?: string | number | boolean;
-        1?: string | number | boolean;
-        2?: string | number | boolean;
-        3?: string | number | boolean;
-        4?: string | number | boolean;
-        pill?: string | number | boolean;
-        round?: string | number | boolean;
-    };
-    shadows?: {
-        0?: string | number | boolean;
-        1?: string | number | boolean;
-        2?: string | number | boolean;
-        3?: string | number | boolean;
-        toast?: string | number | boolean;
-    };
-    sizes?: {
-        0?: string | number | boolean;
-        1?: string | number | boolean;
-        2?: string | number | boolean;
-        3?: string | number | boolean;
-        4?: string | number | boolean;
-        5?: string | number | boolean;
-        6?: string | number | boolean;
-        7?: string | number | boolean;
-        8?: string | number | boolean;
-        9?: string | number | boolean;
-    };
-    space?: {
-        0?: string | number | boolean;
-        1?: string | number | boolean;
-        2?: string | number | boolean;
-        3?: string | number | boolean;
-        4?: string | number | boolean;
-        5?: string | number | boolean;
-        6?: string | number | boolean;
-        7?: string | number | boolean;
-        8?: string | number | boolean;
-        9?: string | number | boolean;
-        10?: string | number | boolean;
-        11?: string | number | boolean;
-        12?: string | number | boolean;
-        13?: string | number | boolean;
-        14?: string | number | boolean;
-        15?: string | number | boolean;
-    };
-    transitions?: {};
-    zIndices?: {
-        0?: string | number | boolean;
-        1?: string | number | boolean;
-        2?: string | number | boolean;
-        3?: string | number | boolean;
-        4?: string | number | boolean;
-        max?: string | number | boolean;
-        toast?: string | number | boolean;
-    };
-    foo?: {
-        bar?: string | number | boolean;
-    };
-} & {
-    [x: string]: {
-        [x: string]: string | number | boolean;
-        [x: number]: string | number | boolean;
-    };
-})>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1) => 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_1 = _stitches_react_types_css_util.CSS<{
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, {
-    borderWidths: unknown;
-    borderStyles: unknown;
-    colors: unknown;
-    fonts: {
-        'fallback-mono': string;
-        'fallback-sans': string;
-        'fallback-serif': string;
-        mono: string;
-        sans: string;
-        serif: string;
-    };
-    fontSizes: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    fontWeights: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    letterSpacings: unknown;
-    lineHeights: unknown;
-    radii: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        pill: string;
-        round: string;
-    };
-    shadows: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        toast: string;
-    };
-    sizes: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    space: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        11: string;
-        12: string;
-        13: string;
-        14: string;
-        15: string;
-    };
-    transitions: unknown;
-    zIndices: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        max: string;
-        toast: string;
-    };
-    foo: {
-        bar: string;
-    };
-}, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "padding";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        };
-    };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingRight";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        };
-    };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingBottom";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        };
-    };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "margin";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        };
-    };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "marginRight";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        };
-    };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "marginBottom";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        };
-    };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    ta: (value: string | number | {
-        readonly [$$ScaleValue]: "textAlign";
-    }) => {
-        textAlign: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        };
-    };
-    fd: (value: string | number | {
-        readonly [$$ScaleValue]: "flexDirection";
-    }) => {
-        flexDirection: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        };
-    };
-    fw: (value: string | number | {
-        readonly [$$ScaleValue]: "flexWrap";
-    }) => {
-        flexWrap: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        };
-    };
-    ai: (value: string | number | {
-        readonly [$$ScaleValue]: "alignItems";
-    }) => {
-        alignItems: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        };
-    };
-    ac: (value: string | number | {
-        readonly [$$ScaleValue]: "alignContent";
-    }) => {
-        alignContent: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        };
-    };
-    jc: (value: string | number | {
-        readonly [$$ScaleValue]: "justifyContent";
-    }) => {
-        justifyContent: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        };
-    };
-    as: (value: string | number | {
-        readonly [$$ScaleValue]: "alignSelf";
-    }) => {
-        alignSelf: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        };
-    };
-    fg: (value: string | number | {
-        readonly [$$ScaleValue]: "flexGrow";
-    }) => {
-        flexGrow: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        };
-    };
-    fs: (value: string | number | {
-        readonly [$$ScaleValue]: "flexShrink";
-    }) => {
-        flexShrink: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        };
-    };
-    fb: (value: string | number | {
-        readonly [$$ScaleValue]: "flexBasis";
-    }) => {
-        flexBasis: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        };
-    };
-    bc: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundColor";
-    }) => {
-        backgroundColor: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        };
-    };
-    br: (value: string | number | {
-        readonly [$$ScaleValue]: "borderRadius";
-    }) => {
-        borderRadius: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        };
-    };
-    btrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopRightRadius";
-    }) => {
-        borderTopRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        };
-    };
-    bbrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomRightRadius";
-    }) => {
-        borderBottomRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        };
-    };
-    bblr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomLeftRadius";
-    }) => {
-        borderBottomLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        };
-    };
-    btlr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopLeftRadius";
-    }) => {
-        borderTopLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        };
-    };
-    bs: (value: string | number | {
-        readonly [$$ScaleValue]: "boxShadow";
-    }) => {
-        boxShadow: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        };
-    };
-    lh: (value: string | number | {
-        readonly [$$ScaleValue]: "lineHeight";
-    }) => {
-        lineHeight: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        };
-    };
-    ox: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowX";
-    }) => {
-        overflowX: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        };
-    };
-    oy: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowY";
-    }) => {
-        overflowY: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        };
-    };
-    pe: (value: string | number | {
-        readonly [$$ScaleValue]: "pointerEvents";
-    }) => {
-        pointerEvents: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        };
-    };
-    us: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    userSelect: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "width";
-    }) => {
-        width: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-        height: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-    };
-    appearance: (value: string | number | {
-        readonly [$$ScaleValue]: "appearance";
-    }) => {
-        WebkitAppearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-        appearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-    };
-    backgroundClip: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-        backgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-    };
-}>>(...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_1> & {
-    variants?: {
-        [x: string]: {
-            [x: string]: CSS_1;
-            [x: number]: CSS_1;
-        };
-    };
-    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]>; } : _stitches_react_types_util.WideObject) & {
-        css: CSS_1;
-    })[];
-    defaultVariants?: "variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]>; } : _stitches_react_types_util.WideObject;
-} & CSS_1 & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; }; }) => _stitches_react_types_styled_component.CssComponent<_stitches_react_types_styled_component.StyledComponentType<Composers>, _stitches_react_types_styled_component.StyledComponentProps<Composers>, {
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, CSS_1>;
-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<{
-        bp1: string;
-        bp2: string;
-        bp3: string;
-        bp4: string;
-        motion: string;
-        hover: string;
-        dark: string;
-        light: string;
-    }, {
-        borderWidths: unknown;
-        borderStyles: unknown;
-        colors: unknown;
-        fonts: {
-            'fallback-mono': string;
-            'fallback-sans': string;
-            'fallback-serif': string;
-            mono: string;
-            sans: string;
-            serif: string;
-        };
-        fontSizes: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-        };
-        fontWeights: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-        };
-        letterSpacings: unknown;
-        lineHeights: unknown;
-        radii: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            pill: string;
-            round: string;
-        };
-        shadows: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            toast: string;
-        };
-        sizes: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-        };
-        space: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-            10: string;
-            11: string;
-            12: string;
-            13: string;
-            14: string;
-            15: string;
-        };
-        transitions: unknown;
-        zIndices: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            max: string;
-            toast: string;
-        };
-        foo: {
-            bar: string;
-        };
-    }, _stitches_react_types_config.DefaultThemeMap, {
-        p: (value: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        }) => {
-            padding: string | number | {
-                readonly [$$ScaleValue]: "padding";
-            };
-        };
-        pt: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-        };
-        pr: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        }) => {
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "paddingRight";
-            };
-        };
-        pb: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        }) => {
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "paddingBottom";
-            };
-        };
-        pl: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-        };
-        px: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-        };
-        py: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-        };
-        m: (value: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        }) => {
-            margin: string | number | {
-                readonly [$$ScaleValue]: "margin";
-            };
-        };
-        mt: (value: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-        };
-        mr: (value: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        }) => {
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "marginRight";
-            };
-        };
-        mb: (value: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        }) => {
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "marginBottom";
-            };
-        };
-        ml: (value: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-        };
-        mx: (value: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-        };
-        my: (value: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-        };
-        ta: (value: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        }) => {
-            textAlign: string | number | {
-                readonly [$$ScaleValue]: "textAlign";
-            };
-        };
-        fd: (value: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        }) => {
-            flexDirection: string | number | {
-                readonly [$$ScaleValue]: "flexDirection";
-            };
-        };
-        fw: (value: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        }) => {
-            flexWrap: string | number | {
-                readonly [$$ScaleValue]: "flexWrap";
-            };
-        };
-        ai: (value: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        }) => {
-            alignItems: string | number | {
-                readonly [$$ScaleValue]: "alignItems";
-            };
-        };
-        ac: (value: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        }) => {
-            alignContent: string | number | {
-                readonly [$$ScaleValue]: "alignContent";
-            };
-        };
-        jc: (value: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        }) => {
-            justifyContent: string | number | {
-                readonly [$$ScaleValue]: "justifyContent";
-            };
-        };
-        as: (value: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        }) => {
-            alignSelf: string | number | {
-                readonly [$$ScaleValue]: "alignSelf";
-            };
-        };
-        fg: (value: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        }) => {
-            flexGrow: string | number | {
-                readonly [$$ScaleValue]: "flexGrow";
-            };
-        };
-        fs: (value: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        }) => {
-            flexShrink: string | number | {
-                readonly [$$ScaleValue]: "flexShrink";
-            };
-        };
-        fb: (value: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        }) => {
-            flexBasis: string | number | {
-                readonly [$$ScaleValue]: "flexBasis";
-            };
-        };
-        bc: (value: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        }) => {
-            backgroundColor: string | number | {
-                readonly [$$ScaleValue]: "backgroundColor";
-            };
-        };
-        br: (value: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        }) => {
-            borderRadius: string | number | {
-                readonly [$$ScaleValue]: "borderRadius";
-            };
-        };
-        btrr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        }) => {
-            borderTopRightRadius: string | number | {
-                readonly [$$ScaleValue]: "borderTopRightRadius";
-            };
-        };
-        bbrr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        }) => {
-            borderBottomRightRadius: string | number | {
-                readonly [$$ScaleValue]: "borderBottomRightRadius";
-            };
-        };
-        bblr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        }) => {
-            borderBottomLeftRadius: string | number | {
-                readonly [$$ScaleValue]: "borderBottomLeftRadius";
-            };
-        };
-        btlr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        }) => {
-            borderTopLeftRadius: string | number | {
-                readonly [$$ScaleValue]: "borderTopLeftRadius";
-            };
-        };
-        bs: (value: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        }) => {
-            boxShadow: string | number | {
-                readonly [$$ScaleValue]: "boxShadow";
-            };
-        };
-        lh: (value: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        }) => {
-            lineHeight: string | number | {
-                readonly [$$ScaleValue]: "lineHeight";
-            };
-        };
-        ox: (value: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        }) => {
-            overflowX: string | number | {
-                readonly [$$ScaleValue]: "overflowX";
-            };
-        };
-        oy: (value: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        }) => {
-            overflowY: string | number | {
-                readonly [$$ScaleValue]: "overflowY";
-            };
-        };
-        pe: (value: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        }) => {
-            pointerEvents: string | number | {
-                readonly [$$ScaleValue]: "pointerEvents";
-            };
-        };
-        us: (value: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        }) => {
-            WebkitUserSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-            userSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-        };
-        userSelect: (value: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        }) => {
-            WebkitUserSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-            userSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-        };
-        size: (value: string | number | {
-            readonly [$$ScaleValue]: "width";
-        }) => {
-            width: string | number | {
-                readonly [$$ScaleValue]: "width";
-            };
-            height: string | number | {
-                readonly [$$ScaleValue]: "width";
-            };
-        };
-        appearance: (value: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        }) => {
-            WebkitAppearance: string | number | {
-                readonly [$$ScaleValue]: "appearance";
-            };
-            appearance: string | number | {
-                readonly [$$ScaleValue]: "appearance";
-            };
-        };
-        backgroundClip: (value: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        }) => {
-            WebkitBackgroundClip: string | number | {
-                readonly [$$ScaleValue]: "backgroundClip";
-            };
-            backgroundClip: string | number | {
-                readonly [$$ScaleValue]: "backgroundClip";
-            };
-        };
-    }>;
-} : K extends `@property ${string}` ? _stitches_react_types_css.AtRule.Property : _stitches_react_types_css_util.CSS<{
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, {
-    borderWidths: unknown;
-    borderStyles: unknown;
-    colors: unknown;
-    fonts: {
-        'fallback-mono': string;
-        'fallback-sans': string;
-        'fallback-serif': string;
-        mono: string;
-        sans: string;
-        serif: string;
-    };
-    fontSizes: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    fontWeights: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    letterSpacings: unknown;
-    lineHeights: unknown;
-    radii: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        pill: string;
-        round: string;
-    };
-    shadows: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        toast: string;
-    };
-    sizes: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    space: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        11: string;
-        12: string;
-        13: string;
-        14: string;
-        15: string;
-    };
-    transitions: unknown;
-    zIndices: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        max: string;
-        toast: string;
-    };
-    foo: {
-        bar: string;
-    };
-}, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "padding";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        };
-    };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingRight";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        };
-    };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingBottom";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        };
-    };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "margin";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        };
-    };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "marginRight";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        };
-    };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "marginBottom";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        };
-    };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    ta: (value: string | number | {
-        readonly [$$ScaleValue]: "textAlign";
-    }) => {
-        textAlign: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        };
-    };
-    fd: (value: string | number | {
-        readonly [$$ScaleValue]: "flexDirection";
-    }) => {
-        flexDirection: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        };
-    };
-    fw: (value: string | number | {
-        readonly [$$ScaleValue]: "flexWrap";
-    }) => {
-        flexWrap: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        };
-    };
-    ai: (value: string | number | {
-        readonly [$$ScaleValue]: "alignItems";
-    }) => {
-        alignItems: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        };
-    };
-    ac: (value: string | number | {
-        readonly [$$ScaleValue]: "alignContent";
-    }) => {
-        alignContent: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        };
-    };
-    jc: (value: string | number | {
-        readonly [$$ScaleValue]: "justifyContent";
-    }) => {
-        justifyContent: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        };
-    };
-    as: (value: string | number | {
-        readonly [$$ScaleValue]: "alignSelf";
-    }) => {
-        alignSelf: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        };
-    };
-    fg: (value: string | number | {
-        readonly [$$ScaleValue]: "flexGrow";
-    }) => {
-        flexGrow: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        };
-    };
-    fs: (value: string | number | {
-        readonly [$$ScaleValue]: "flexShrink";
-    }) => {
-        flexShrink: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        };
-    };
-    fb: (value: string | number | {
-        readonly [$$ScaleValue]: "flexBasis";
-    }) => {
-        flexBasis: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        };
-    };
-    bc: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundColor";
-    }) => {
-        backgroundColor: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        };
-    };
-    br: (value: string | number | {
-        readonly [$$ScaleValue]: "borderRadius";
-    }) => {
-        borderRadius: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        };
-    };
-    btrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopRightRadius";
-    }) => {
-        borderTopRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        };
-    };
-    bbrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomRightRadius";
-    }) => {
-        borderBottomRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        };
-    };
-    bblr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomLeftRadius";
-    }) => {
-        borderBottomLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        };
-    };
-    btlr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopLeftRadius";
-    }) => {
-        borderTopLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        };
-    };
-    bs: (value: string | number | {
-        readonly [$$ScaleValue]: "boxShadow";
-    }) => {
-        boxShadow: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        };
-    };
-    lh: (value: string | number | {
-        readonly [$$ScaleValue]: "lineHeight";
-    }) => {
-        lineHeight: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        };
-    };
-    ox: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowX";
-    }) => {
-        overflowX: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        };
-    };
-    oy: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowY";
-    }) => {
-        overflowY: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        };
-    };
-    pe: (value: string | number | {
-        readonly [$$ScaleValue]: "pointerEvents";
-    }) => {
-        pointerEvents: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        };
-    };
-    us: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    userSelect: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "width";
-    }) => {
-        width: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-        height: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-    };
-    appearance: (value: string | number | {
-        readonly [$$ScaleValue]: "appearance";
-    }) => {
-        WebkitAppearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-        appearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-    };
-    backgroundClip: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-        backgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-    };
-}>; })[]) => () => string;
-declare const keyframes: (style: {
-    [offset: string]: _stitches_react_types_css_util.CSS<{
-        bp1: string;
-        bp2: string;
-        bp3: string;
-        bp4: string;
-        motion: string;
-        hover: string;
-        dark: string;
-        light: string;
-    }, {
-        borderWidths: unknown;
-        borderStyles: unknown;
-        colors: unknown;
-        fonts: {
-            'fallback-mono': string;
-            'fallback-sans': string;
-            'fallback-serif': string;
-            mono: string;
-            sans: string;
-            serif: string;
-        };
-        fontSizes: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-        };
-        fontWeights: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-        };
-        letterSpacings: unknown;
-        lineHeights: unknown;
-        radii: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            pill: string;
-            round: string;
-        };
-        shadows: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            toast: string;
-        };
-        sizes: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-        };
-        space: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-            10: string;
-            11: string;
-            12: string;
-            13: string;
-            14: string;
-            15: string;
-        };
-        transitions: unknown;
-        zIndices: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            max: string;
-            toast: string;
-        };
-        foo: {
-            bar: string;
-        };
-    }, _stitches_react_types_config.DefaultThemeMap, {
-        p: (value: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        }) => {
-            padding: string | number | {
-                readonly [$$ScaleValue]: "padding";
-            };
-        };
-        pt: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-        };
-        pr: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        }) => {
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "paddingRight";
-            };
-        };
-        pb: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        }) => {
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "paddingBottom";
-            };
-        };
-        pl: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-        };
-        px: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-        };
-        py: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-        };
-        m: (value: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        }) => {
-            margin: string | number | {
-                readonly [$$ScaleValue]: "margin";
-            };
-        };
-        mt: (value: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-        };
-        mr: (value: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        }) => {
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "marginRight";
-            };
-        };
-        mb: (value: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        }) => {
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "marginBottom";
-            };
-        };
-        ml: (value: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-        };
-        mx: (value: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-        };
-        my: (value: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-        };
-        ta: (value: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        }) => {
-            textAlign: string | number | {
-                readonly [$$ScaleValue]: "textAlign";
-            };
-        };
-        fd: (value: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        }) => {
-            flexDirection: string | number | {
-                readonly [$$ScaleValue]: "flexDirection";
-            };
-        };
-        fw: (value: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        }) => {
-            flexWrap: string | number | {
-                readonly [$$ScaleValue]: "flexWrap";
-            };
-        };
-        ai: (value: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        }) => {
-            alignItems: string | number | {
-                readonly [$$ScaleValue]: "alignItems";
-            };
-        };
-        ac: (value: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        }) => {
-            alignContent: string | number | {
-                readonly [$$ScaleValue]: "alignContent";
-            };
-        };
-        jc: (value: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        }) => {
-            justifyContent: string | number | {
-                readonly [$$ScaleValue]: "justifyContent";
-            };
-        };
-        as: (value: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        }) => {
-            alignSelf: string | number | {
-                readonly [$$ScaleValue]: "alignSelf";
-            };
-        };
-        fg: (value: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        }) => {
-            flexGrow: string | number | {
-                readonly [$$ScaleValue]: "flexGrow";
-            };
-        };
-        fs: (value: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        }) => {
-            flexShrink: string | number | {
-                readonly [$$ScaleValue]: "flexShrink";
-            };
-        };
-        fb: (value: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        }) => {
-            flexBasis: string | number | {
-                readonly [$$ScaleValue]: "flexBasis";
-            };
-        };
-        bc: (value: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        }) => {
-            backgroundColor: string | number | {
-                readonly [$$ScaleValue]: "backgroundColor";
-            };
-        };
-        br: (value: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        }) => {
-            borderRadius: string | number | {
-                readonly [$$ScaleValue]: "borderRadius";
-            };
-        };
-        btrr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        }) => {
-            borderTopRightRadius: string | number | {
-                readonly [$$ScaleValue]: "borderTopRightRadius";
-            };
-        };
-        bbrr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        }) => {
-            borderBottomRightRadius: string | number | {
-                readonly [$$ScaleValue]: "borderBottomRightRadius";
-            };
-        };
-        bblr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        }) => {
-            borderBottomLeftRadius: string | number | {
-                readonly [$$ScaleValue]: "borderBottomLeftRadius";
-            };
-        };
-        btlr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        }) => {
-            borderTopLeftRadius: string | number | {
-                readonly [$$ScaleValue]: "borderTopLeftRadius";
-            };
-        };
-        bs: (value: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        }) => {
-            boxShadow: string | number | {
-                readonly [$$ScaleValue]: "boxShadow";
-            };
-        };
-        lh: (value: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        }) => {
-            lineHeight: string | number | {
-                readonly [$$ScaleValue]: "lineHeight";
-            };
-        };
-        ox: (value: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        }) => {
-            overflowX: string | number | {
-                readonly [$$ScaleValue]: "overflowX";
-            };
-        };
-        oy: (value: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        }) => {
-            overflowY: string | number | {
-                readonly [$$ScaleValue]: "overflowY";
-            };
-        };
-        pe: (value: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        }) => {
-            pointerEvents: string | number | {
-                readonly [$$ScaleValue]: "pointerEvents";
-            };
-        };
-        us: (value: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        }) => {
-            WebkitUserSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-            userSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-        };
-        userSelect: (value: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        }) => {
-            WebkitUserSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-            userSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-        };
-        size: (value: string | number | {
-            readonly [$$ScaleValue]: "width";
-        }) => {
-            width: string | number | {
-                readonly [$$ScaleValue]: "width";
-            };
-            height: string | number | {
-                readonly [$$ScaleValue]: "width";
-            };
-        };
-        appearance: (value: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        }) => {
-            WebkitAppearance: string | number | {
-                readonly [$$ScaleValue]: "appearance";
-            };
-            appearance: string | number | {
-                readonly [$$ScaleValue]: "appearance";
-            };
-        };
-        backgroundClip: (value: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        }) => {
-            WebkitBackgroundClip: string | number | {
-                readonly [$$ScaleValue]: "backgroundClip";
-            };
-            backgroundClip: string | number | {
-                readonly [$$ScaleValue]: "backgroundClip";
-            };
-        };
-    }>;
-}) => {
-    (): string;
-    name: string;
-};
-declare const reset: () => void;
-declare const styled: <Type extends _stitches_react_types_util.Function | React.ComponentType<any> | keyof JSX.IntrinsicElements, Composers extends (string | _stitches_react_types_util.Function | React.ComponentType<any> | {
-    [name: string]: unknown;
-})[], CSS_1 = _stitches_react_types_css_util.CSS<{
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, {
-    borderWidths: unknown;
-    borderStyles: unknown;
-    colors: unknown;
-    fonts: {
-        'fallback-mono': string;
-        'fallback-sans': string;
-        'fallback-serif': string;
-        mono: string;
-        sans: string;
-        serif: string;
-    };
-    fontSizes: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    fontWeights: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    letterSpacings: unknown;
-    lineHeights: unknown;
-    radii: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        pill: string;
-        round: string;
-    };
-    shadows: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        toast: string;
-    };
-    sizes: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    space: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        11: string;
-        12: string;
-        13: string;
-        14: string;
-        15: string;
-    };
-    transitions: unknown;
-    zIndices: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        max: string;
-        toast: string;
-    };
-    foo: {
-        bar: string;
-    };
-}, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "padding";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        };
-    };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingRight";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        };
-    };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingBottom";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        };
-    };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "margin";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        };
-    };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "marginRight";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        };
-    };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "marginBottom";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        };
-    };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    ta: (value: string | number | {
-        readonly [$$ScaleValue]: "textAlign";
-    }) => {
-        textAlign: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        };
-    };
-    fd: (value: string | number | {
-        readonly [$$ScaleValue]: "flexDirection";
-    }) => {
-        flexDirection: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        };
-    };
-    fw: (value: string | number | {
-        readonly [$$ScaleValue]: "flexWrap";
-    }) => {
-        flexWrap: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        };
-    };
-    ai: (value: string | number | {
-        readonly [$$ScaleValue]: "alignItems";
-    }) => {
-        alignItems: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        };
-    };
-    ac: (value: string | number | {
-        readonly [$$ScaleValue]: "alignContent";
-    }) => {
-        alignContent: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        };
-    };
-    jc: (value: string | number | {
-        readonly [$$ScaleValue]: "justifyContent";
-    }) => {
-        justifyContent: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        };
-    };
-    as: (value: string | number | {
-        readonly [$$ScaleValue]: "alignSelf";
-    }) => {
-        alignSelf: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        };
-    };
-    fg: (value: string | number | {
-        readonly [$$ScaleValue]: "flexGrow";
-    }) => {
-        flexGrow: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        };
-    };
-    fs: (value: string | number | {
-        readonly [$$ScaleValue]: "flexShrink";
-    }) => {
-        flexShrink: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        };
-    };
-    fb: (value: string | number | {
-        readonly [$$ScaleValue]: "flexBasis";
-    }) => {
-        flexBasis: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        };
-    };
-    bc: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundColor";
-    }) => {
-        backgroundColor: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        };
-    };
-    br: (value: string | number | {
-        readonly [$$ScaleValue]: "borderRadius";
-    }) => {
-        borderRadius: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        };
-    };
-    btrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopRightRadius";
-    }) => {
-        borderTopRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        };
-    };
-    bbrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomRightRadius";
-    }) => {
-        borderBottomRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        };
-    };
-    bblr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomLeftRadius";
-    }) => {
-        borderBottomLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        };
-    };
-    btlr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopLeftRadius";
-    }) => {
-        borderTopLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        };
-    };
-    bs: (value: string | number | {
-        readonly [$$ScaleValue]: "boxShadow";
-    }) => {
-        boxShadow: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        };
-    };
-    lh: (value: string | number | {
-        readonly [$$ScaleValue]: "lineHeight";
-    }) => {
-        lineHeight: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        };
-    };
-    ox: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowX";
-    }) => {
-        overflowX: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        };
-    };
-    oy: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowY";
-    }) => {
-        overflowY: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        };
-    };
-    pe: (value: string | number | {
-        readonly [$$ScaleValue]: "pointerEvents";
-    }) => {
-        pointerEvents: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        };
-    };
-    us: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    userSelect: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "width";
-    }) => {
-        width: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-        height: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-    };
-    appearance: (value: string | number | {
-        readonly [$$ScaleValue]: "appearance";
-    }) => {
-        WebkitAppearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-        appearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-    };
-    backgroundClip: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-        backgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-    };
-}>>(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_1> & {
-    variants?: {
-        [x: string]: {
-            [x: string]: CSS_1;
-            [x: number]: CSS_1;
-        };
-    };
-    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]>; } : _stitches_react_types_util.WideObject) & {
-        css: CSS_1;
-    })[];
-    defaultVariants?: "variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]>; } : _stitches_react_types_util.WideObject;
-} & CSS_1 & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; }; }) => _stitches_react_types_styled_component.StyledComponent<Type, _stitches_react_types_styled_component.StyledComponentProps<Composers>, {
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, _stitches_react_types_css_util.CSS<{
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, {
-    borderWidths: unknown;
-    borderStyles: unknown;
-    colors: unknown;
-    fonts: {
-        'fallback-mono': string;
-        'fallback-sans': string;
-        'fallback-serif': string;
-        mono: string;
-        sans: string;
-        serif: string;
-    };
-    fontSizes: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    fontWeights: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    letterSpacings: unknown;
-    lineHeights: unknown;
-    radii: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        pill: string;
-        round: string;
-    };
-    shadows: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        toast: string;
-    };
-    sizes: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    space: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        11: string;
-        12: string;
-        13: string;
-        14: string;
-        15: string;
-    };
-    transitions: unknown;
-    zIndices: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        max: string;
-        toast: string;
-    };
-    foo: {
-        bar: string;
-    };
-}, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "padding";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        };
-    };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingRight";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        };
-    };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingBottom";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        };
-    };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "margin";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        };
-    };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "marginRight";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        };
-    };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "marginBottom";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        };
-    };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    ta: (value: string | number | {
-        readonly [$$ScaleValue]: "textAlign";
-    }) => {
-        textAlign: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        };
-    };
-    fd: (value: string | number | {
-        readonly [$$ScaleValue]: "flexDirection";
-    }) => {
-        flexDirection: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        };
-    };
-    fw: (value: string | number | {
-        readonly [$$ScaleValue]: "flexWrap";
-    }) => {
-        flexWrap: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        };
-    };
-    ai: (value: string | number | {
-        readonly [$$ScaleValue]: "alignItems";
-    }) => {
-        alignItems: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        };
-    };
-    ac: (value: string | number | {
-        readonly [$$ScaleValue]: "alignContent";
-    }) => {
-        alignContent: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        };
-    };
-    jc: (value: string | number | {
-        readonly [$$ScaleValue]: "justifyContent";
-    }) => {
-        justifyContent: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        };
-    };
-    as: (value: string | number | {
-        readonly [$$ScaleValue]: "alignSelf";
-    }) => {
-        alignSelf: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        };
-    };
-    fg: (value: string | number | {
-        readonly [$$ScaleValue]: "flexGrow";
-    }) => {
-        flexGrow: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        };
-    };
-    fs: (value: string | number | {
-        readonly [$$ScaleValue]: "flexShrink";
-    }) => {
-        flexShrink: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        };
-    };
-    fb: (value: string | number | {
-        readonly [$$ScaleValue]: "flexBasis";
-    }) => {
-        flexBasis: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        };
-    };
-    bc: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundColor";
-    }) => {
-        backgroundColor: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        };
-    };
-    br: (value: string | number | {
-        readonly [$$ScaleValue]: "borderRadius";
-    }) => {
-        borderRadius: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        };
-    };
-    btrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopRightRadius";
-    }) => {
-        borderTopRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        };
-    };
-    bbrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomRightRadius";
-    }) => {
-        borderBottomRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        };
-    };
-    bblr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomLeftRadius";
-    }) => {
-        borderBottomLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        };
-    };
-    btlr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopLeftRadius";
-    }) => {
-        borderTopLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        };
-    };
-    bs: (value: string | number | {
-        readonly [$$ScaleValue]: "boxShadow";
-    }) => {
-        boxShadow: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        };
-    };
-    lh: (value: string | number | {
-        readonly [$$ScaleValue]: "lineHeight";
-    }) => {
-        lineHeight: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        };
-    };
-    ox: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowX";
-    }) => {
-        overflowX: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        };
-    };
-    oy: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowY";
-    }) => {
-        overflowY: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        };
-    };
-    pe: (value: string | number | {
-        readonly [$$ScaleValue]: "pointerEvents";
-    }) => {
-        pointerEvents: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        };
-    };
-    us: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    userSelect: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "width";
-    }) => {
-        width: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-        height: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-    };
-    appearance: (value: string | number | {
-        readonly [$$ScaleValue]: "appearance";
-    }) => {
-        WebkitAppearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-        appearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-    };
-    backgroundClip: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-        backgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-    };
-}>>;
-declare const theme: string & {
-    className: string;
-    selector: string;
-} & {
-    borderWidths: {};
-    borderStyles: {};
-    colors: {};
-    fonts: {
-        'fallback-mono': _stitches_react_types_theme.Token<"fallback-mono", string, "fonts", "">;
-        'fallback-sans': _stitches_react_types_theme.Token<"fallback-sans", string, "fonts", "">;
-        'fallback-serif': _stitches_react_types_theme.Token<"fallback-serif", string, "fonts", "">;
-        mono: _stitches_react_types_theme.Token<"mono", string, "fonts", "">;
-        sans: _stitches_react_types_theme.Token<"sans", string, "fonts", "">;
-        serif: _stitches_react_types_theme.Token<"serif", string, "fonts", "">;
-    };
-    fontSizes: {
-        1: _stitches_react_types_theme.Token<"1", string, "fontSizes", "">;
-        2: _stitches_react_types_theme.Token<"2", string, "fontSizes", "">;
-        3: _stitches_react_types_theme.Token<"3", string, "fontSizes", "">;
-        4: _stitches_react_types_theme.Token<"4", string, "fontSizes", "">;
-        5: _stitches_react_types_theme.Token<"5", string, "fontSizes", "">;
-        6: _stitches_react_types_theme.Token<"6", string, "fontSizes", "">;
-        7: _stitches_react_types_theme.Token<"7", string, "fontSizes", "">;
-        8: _stitches_react_types_theme.Token<"8", string, "fontSizes", "">;
-        9: _stitches_react_types_theme.Token<"9", string, "fontSizes", "">;
-    };
-    fontWeights: {
-        1: _stitches_react_types_theme.Token<"1", string, "fontWeights", "">;
-        2: _stitches_react_types_theme.Token<"2", string, "fontWeights", "">;
-        3: _stitches_react_types_theme.Token<"3", string, "fontWeights", "">;
-        4: _stitches_react_types_theme.Token<"4", string, "fontWeights", "">;
-        5: _stitches_react_types_theme.Token<"5", string, "fontWeights", "">;
-        6: _stitches_react_types_theme.Token<"6", string, "fontWeights", "">;
-        7: _stitches_react_types_theme.Token<"7", string, "fontWeights", "">;
-        8: _stitches_react_types_theme.Token<"8", string, "fontWeights", "">;
-        9: _stitches_react_types_theme.Token<"9", string, "fontWeights", "">;
-    };
-    letterSpacings: {};
-    lineHeights: {};
-    radii: {
-        0: _stitches_react_types_theme.Token<"0", string, "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", "">;
-        pill: _stitches_react_types_theme.Token<"pill", string, "radii", "">;
-        round: _stitches_react_types_theme.Token<"round", string, "radii", "">;
-    };
-    shadows: {
-        0: _stitches_react_types_theme.Token<"0", string, "shadows", "">;
-        1: _stitches_react_types_theme.Token<"1", string, "shadows", "">;
-        2: _stitches_react_types_theme.Token<"2", string, "shadows", "">;
-        3: _stitches_react_types_theme.Token<"3", string, "shadows", "">;
-        toast: _stitches_react_types_theme.Token<"toast", string, "shadows", "">;
-    };
-    sizes: {
-        0: _stitches_react_types_theme.Token<"0", string, "sizes", "">;
-        1: _stitches_react_types_theme.Token<"1", string, "sizes", "">;
-        2: _stitches_react_types_theme.Token<"2", string, "sizes", "">;
-        3: _stitches_react_types_theme.Token<"3", string, "sizes", "">;
-        4: _stitches_react_types_theme.Token<"4", string, "sizes", "">;
-        5: _stitches_react_types_theme.Token<"5", string, "sizes", "">;
-        6: _stitches_react_types_theme.Token<"6", string, "sizes", "">;
-        7: _stitches_react_types_theme.Token<"7", string, "sizes", "">;
-        8: _stitches_react_types_theme.Token<"8", string, "sizes", "">;
-        9: _stitches_react_types_theme.Token<"9", string, "sizes", "">;
-    };
-    space: {
-        0: _stitches_react_types_theme.Token<"0", string, "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", "">;
-        11: _stitches_react_types_theme.Token<"11", string, "space", "">;
-        12: _stitches_react_types_theme.Token<"12", string, "space", "">;
-        13: _stitches_react_types_theme.Token<"13", string, "space", "">;
-        14: _stitches_react_types_theme.Token<"14", string, "space", "">;
-        15: _stitches_react_types_theme.Token<"15", string, "space", "">;
-    };
-    transitions: {};
-    zIndices: {
-        0: _stitches_react_types_theme.Token<"0", string, "zIndices", "">;
-        1: _stitches_react_types_theme.Token<"1", string, "zIndices", "">;
-        2: _stitches_react_types_theme.Token<"2", string, "zIndices", "">;
-        3: _stitches_react_types_theme.Token<"3", string, "zIndices", "">;
-        4: _stitches_react_types_theme.Token<"4", string, "zIndices", "">;
-        max: _stitches_react_types_theme.Token<"max", string, "zIndices", "">;
-        toast: _stitches_react_types_theme.Token<"toast", string, "zIndices", "">;
-    };
-    foo: {
-        bar: _stitches_react_types_theme.Token<"bar", string, "foo", "">;
-    };
-};
-declare const darkTheme: string & {
-    className: string;
-    selector: string;
-} & _stitches_react_types_stitches.ThemeTokens<{
-    colors: any;
-}, "">;
-declare type CSS = CSS$1<typeof config>;
-
-export { CSS, config, createTheme, css, darkTheme, getCssText, globalCss, keyframes, reset, styled, theme };