@jeromefitz/design-system 3.2.0-canary.4 → 3.2.2-canary.1

package/lib/stitches.config.d.ts

@@ -0,0 +1,3276 @@
+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 };