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

package/stitches.config.d.ts

@@ -0,0 +1,4521 @@
+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 { ScaleValue, CSS as CSS$1 } from '@stitches/react';
+export { VariantProps } from '@stitches/react';
+
+/**
+ * @fonts custom: unused
+ */
+declare const config: {
+    prefix: "";
+    media: {
+        bp1: "(min-width: 520px)";
+        bp2: "(min-width: 900px)";
+        bp3: "(min-width: 1200px)";
+        bp4: "(min-width: 1800px)";
+        motion: "(prefers-reduced-motion)";
+        hover: "(any-hover: hover)";
+        dark: "(prefers-color-scheme: dark)";
+        light: "(prefers-color-scheme: light)";
+    };
+    theme: {
+        colors: {
+            hiContrast: string;
+            loContrast: string;
+            canvas: string;
+            gradient: string;
+            panel: string;
+            transparentPanel: string;
+            shadowLight: string;
+            shadowDark: string;
+            whiteA1: string;
+            whiteA2: string;
+            whiteA3: string;
+            whiteA4: string;
+            whiteA5: string;
+            whiteA6: string;
+            whiteA7: string;
+            whiteA8: string;
+            whiteA9: string;
+            whiteA10: string;
+            whiteA11: string;
+            whiteA12: string;
+            violetA1: string;
+            violetA2: string;
+            violetA3: string;
+            violetA4: string;
+            violetA5: string;
+            violetA6: string;
+            violetA7: string;
+            violetA8: string;
+            violetA9: string;
+            violetA10: string;
+            violetA11: string;
+            violetA12: string;
+            violet1: string;
+            violet2: string;
+            violet3: string;
+            violet4: string;
+            violet5: string;
+            violet6: string;
+            violet7: string;
+            violet8: string;
+            violet9: string;
+            violet10: string;
+            violet11: string;
+            violet12: string;
+            slateA1: string;
+            slateA2: string;
+            slateA3: string;
+            slateA4: string;
+            slateA5: string;
+            slateA6: string;
+            slateA7: string;
+            slateA8: string;
+            slateA9: string;
+            slateA10: string;
+            slateA11: string;
+            slateA12: string;
+            slate1: string;
+            slate2: string;
+            slate3: string;
+            slate4: string;
+            slate5: string;
+            slate6: string;
+            slate7: string;
+            slate8: string;
+            slate9: string;
+            slate10: string;
+            slate11: string;
+            slate12: string;
+            redA1: string;
+            redA2: string;
+            redA3: string;
+            redA4: string;
+            redA5: string;
+            redA6: string;
+            redA7: string;
+            redA8: string;
+            redA9: string;
+            redA10: string;
+            redA11: string;
+            redA12: string;
+            red1: string;
+            red2: string;
+            red3: string;
+            red4: string;
+            red5: string;
+            red6: string;
+            red7: string;
+            red8: string;
+            red9: string;
+            red10: string;
+            red11: string;
+            red12: string;
+            orangeA1: string;
+            orangeA2: string;
+            orangeA3: string;
+            orangeA4: string;
+            orangeA5: string;
+            orangeA6: string;
+            orangeA7: string;
+            orangeA8: string;
+            orangeA9: string;
+            orangeA10: string;
+            orangeA11: string;
+            orangeA12: string;
+            orange1: string;
+            orange2: string;
+            orange3: string;
+            orange4: string;
+            orange5: string;
+            orange6: string;
+            orange7: string;
+            orange8: string;
+            orange9: string;
+            orange10: string;
+            orange11: string;
+            orange12: string;
+            greenA1: string;
+            greenA2: string;
+            greenA3: string;
+            greenA4: string;
+            greenA5: string;
+            greenA6: string;
+            greenA7: string;
+            greenA8: string;
+            greenA9: string;
+            greenA10: string;
+            greenA11: string;
+            greenA12: string;
+            green1: string;
+            green2: string;
+            green3: string;
+            green4: string;
+            green5: string;
+            green6: string;
+            green7: string;
+            green8: string;
+            green9: string;
+            green10: string;
+            green11: string;
+            green12: string;
+            grayA1: string;
+            grayA2: string;
+            grayA3: string;
+            grayA4: string;
+            grayA5: string;
+            grayA6: string;
+            grayA7: string;
+            grayA8: string;
+            grayA9: string;
+            grayA10: string;
+            grayA11: string;
+            grayA12: string;
+            gray1: string;
+            gray2: string;
+            gray3: string;
+            gray4: string;
+            gray5: string;
+            gray6: string;
+            gray7: string;
+            gray8: string;
+            gray9: string;
+            gray10: string;
+            gray11: string;
+            gray12: string;
+            blueA1: string;
+            blueA2: string;
+            blueA3: string;
+            blueA4: string;
+            blueA5: string;
+            blueA6: string;
+            blueA7: string;
+            blueA8: string;
+            blueA9: string;
+            blueA10: string;
+            blueA11: string;
+            blueA12: string;
+            blue1: string;
+            blue2: string;
+            blue3: string;
+            blue4: string;
+            blue5: string;
+            blue6: string;
+            blue7: string;
+            blue8: string;
+            blue9: string;
+            blue10: string;
+            blue11: string;
+            blue12: string;
+            blackA1: string;
+            blackA2: string;
+            blackA3: string;
+            blackA4: string;
+            blackA5: string;
+            blackA6: string;
+            blackA7: string;
+            blackA8: string;
+            blackA9: string;
+            blackA10: string;
+            blackA11: string;
+            blackA12: string;
+        };
+        fonts: {
+            mono: string;
+            sans: string;
+            serif: string;
+        };
+        space: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+        };
+        sizes: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+        };
+        fontSizes: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+        };
+        radii: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            round: string;
+            pill: string;
+        };
+        zIndices: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            max: string;
+            toast: string;
+        };
+    };
+    themeMap: _stitches_react_types_config.DefaultThemeMap;
+    utils: {
+        p: (value: ScaleValue<'padding'> | string | number) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "padding";
+            };
+        };
+        pt: (value: ScaleValue<'paddingTop'> | string | number) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
+            };
+        };
+        pr: (value: ScaleValue<'paddingRight'> | string | number) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "paddingRight";
+            };
+        };
+        pb: (value: ScaleValue<'paddingBottom'> | string | number) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "paddingBottom";
+            };
+        };
+        pl: (value: ScaleValue<'paddingLeft'> | string | number) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
+            };
+        };
+        px: (value: ScaleValue<'paddingLeft'> | string | number) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
+            };
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
+            };
+        };
+        py: (value: ScaleValue<'paddingTop'> | string | number) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
+            };
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
+            };
+        };
+        m: (value: ScaleValue<'margin'> | string | number) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "margin";
+            };
+        };
+        mt: (value: ScaleValue<'marginTop'> | string | number) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
+            };
+        };
+        mr: (value: ScaleValue<'marginRight'> | string | number) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "marginRight";
+            };
+        };
+        mb: (value: ScaleValue<'marginBottom'> | string | number) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "marginBottom";
+            };
+        };
+        ml: (value: ScaleValue<'marginLeft'> | string | number) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
+            };
+        };
+        mx: (value: ScaleValue<'marginLeft'> | string | number) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
+            };
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
+            };
+        };
+        my: (value: ScaleValue<'marginTop'> | string | number) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
+            };
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
+            };
+        };
+        ta: (value: ScaleValue<'textAlign'> | string | number) => {
+            textAlign: string | number | {
+                readonly [$$ScaleValue]: "textAlign";
+            };
+        };
+        fd: (value: ScaleValue<'flexDirection'> | string | number) => {
+            flexDirection: string | number | {
+                readonly [$$ScaleValue]: "flexDirection";
+            };
+        };
+        fw: (value: ScaleValue<'flexWrap'> | string | number) => {
+            flexWrap: string | number | {
+                readonly [$$ScaleValue]: "flexWrap";
+            };
+        };
+        ai: (value: ScaleValue<'alignItems'> | string | number) => {
+            alignItems: string | number | {
+                readonly [$$ScaleValue]: "alignItems";
+            };
+        };
+        ac: (value: ScaleValue<'alignContent'> | string | number) => {
+            alignContent: string | number | {
+                readonly [$$ScaleValue]: "alignContent";
+            };
+        };
+        jc: (value: ScaleValue<'justifyContent'> | string | number) => {
+            justifyContent: string | number | {
+                readonly [$$ScaleValue]: "justifyContent";
+            };
+        };
+        as: (value: ScaleValue<'alignSelf'> | string | number) => {
+            alignSelf: string | number | {
+                readonly [$$ScaleValue]: "alignSelf";
+            };
+        };
+        fg: (value: ScaleValue<'flexGrow'> | string | number) => {
+            flexGrow: string | number | {
+                readonly [$$ScaleValue]: "flexGrow";
+            };
+        };
+        fs: (value: ScaleValue<'flexShrink'> | string | number) => {
+            flexShrink: string | number | {
+                readonly [$$ScaleValue]: "flexShrink";
+            };
+        };
+        fb: (value: ScaleValue<'flexBasis'> | string | number) => {
+            flexBasis: string | number | {
+                readonly [$$ScaleValue]: "flexBasis";
+            };
+        };
+        bc: (value: ScaleValue<'backgroundColor'> | string | number) => {
+            backgroundColor: string | number | {
+                readonly [$$ScaleValue]: "backgroundColor";
+            };
+        };
+        br: (value: ScaleValue<'borderRadius'> | string | number) => {
+            borderRadius: string | number | {
+                readonly [$$ScaleValue]: "borderRadius";
+            };
+        };
+        btrr: (value: ScaleValue<'borderTopRightRadius'> | string | number) => {
+            borderTopRightRadius: string | number | {
+                readonly [$$ScaleValue]: "borderTopRightRadius";
+            };
+        };
+        bbrr: (value: ScaleValue<'borderBottomRightRadius'> | string | number) => {
+            borderBottomRightRadius: string | number | {
+                readonly [$$ScaleValue]: "borderBottomRightRadius";
+            };
+        };
+        bblr: (value: ScaleValue<'borderBottomLeftRadius'> | string | number) => {
+            borderBottomLeftRadius: string | number | {
+                readonly [$$ScaleValue]: "borderBottomLeftRadius";
+            };
+        };
+        btlr: (value: ScaleValue<'borderTopLeftRadius'> | string | number) => {
+            borderTopLeftRadius: string | number | {
+                readonly [$$ScaleValue]: "borderTopLeftRadius";
+            };
+        };
+        bs: (value: ScaleValue<'boxShadow'> | string | number) => {
+            boxShadow: string | number | {
+                readonly [$$ScaleValue]: "boxShadow";
+            };
+        };
+        lh: (value: ScaleValue<'lineHeight'> | string | number) => {
+            lineHeight: string | number | {
+                readonly [$$ScaleValue]: "lineHeight";
+            };
+        };
+        ox: (value: ScaleValue<'overflowX'> | string | number) => {
+            overflowX: string | number | {
+                readonly [$$ScaleValue]: "overflowX";
+            };
+        };
+        oy: (value: ScaleValue<'overflowY'> | string | number) => {
+            overflowY: string | number | {
+                readonly [$$ScaleValue]: "overflowY";
+            };
+        };
+        pe: (value: ScaleValue<'pointerEvents'> | string | number) => {
+            pointerEvents: string | number | {
+                readonly [$$ScaleValue]: "pointerEvents";
+            };
+        };
+        us: (value: ScaleValue<'userSelect'> | string | number) => {
+            WebkitUserSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
+            };
+            userSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
+            };
+        };
+        userSelect: (value: ScaleValue<'userSelect'> | string | number) => {
+            WebkitUserSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
+            };
+            userSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
+            };
+        };
+        size: (value: ScaleValue<'width'> | string | number) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "width";
+            };
+            height: string | number | {
+                readonly [$$ScaleValue]: "width";
+            };
+        };
+        appearance: (value: ScaleValue<'appearance'> | string | number) => {
+            WebkitAppearance: string | number | {
+                readonly [$$ScaleValue]: "appearance";
+            };
+            appearance: string | number | {
+                readonly [$$ScaleValue]: "appearance";
+            };
+        };
+        backgroundClip: (value: ScaleValue<'backgroundClip'> | string | number) => {
+            WebkitBackgroundClip: string | number | {
+                readonly [$$ScaleValue]: "backgroundClip";
+            };
+            backgroundClip: string | number | {
+                readonly [$$ScaleValue]: "backgroundClip";
+            };
+        };
+    };
+};
+declare const createTheme: <Argument0 extends string | ({
+    colors?: {
+        hiContrast?: string | number | boolean;
+        loContrast?: string | number | boolean;
+        canvas?: string | number | boolean;
+        gradient?: string | number | boolean;
+        panel?: string | number | boolean;
+        transparentPanel?: string | number | boolean;
+        shadowLight?: string | number | boolean;
+        shadowDark?: string | number | boolean;
+        whiteA1?: string | number | boolean;
+        whiteA2?: string | number | boolean;
+        whiteA3?: string | number | boolean;
+        whiteA4?: string | number | boolean;
+        whiteA5?: string | number | boolean;
+        whiteA6?: string | number | boolean;
+        whiteA7?: string | number | boolean;
+        whiteA8?: string | number | boolean;
+        whiteA9?: string | number | boolean;
+        whiteA10?: string | number | boolean;
+        whiteA11?: string | number | boolean;
+        whiteA12?: string | number | boolean;
+        violetA1?: string | number | boolean;
+        violetA2?: string | number | boolean;
+        violetA3?: string | number | boolean;
+        violetA4?: string | number | boolean;
+        violetA5?: string | number | boolean;
+        violetA6?: string | number | boolean;
+        violetA7?: string | number | boolean;
+        violetA8?: string | number | boolean;
+        violetA9?: string | number | boolean;
+        violetA10?: string | number | boolean;
+        violetA11?: string | number | boolean;
+        violetA12?: string | number | boolean;
+        violet1?: string | number | boolean;
+        violet2?: string | number | boolean;
+        violet3?: string | number | boolean;
+        violet4?: string | number | boolean;
+        violet5?: string | number | boolean;
+        violet6?: string | number | boolean;
+        violet7?: string | number | boolean;
+        violet8?: string | number | boolean;
+        violet9?: string | number | boolean;
+        violet10?: string | number | boolean;
+        violet11?: string | number | boolean;
+        violet12?: string | number | boolean;
+        slateA1?: string | number | boolean;
+        slateA2?: string | number | boolean;
+        slateA3?: string | number | boolean;
+        slateA4?: string | number | boolean;
+        slateA5?: string | number | boolean;
+        slateA6?: string | number | boolean;
+        slateA7?: string | number | boolean;
+        slateA8?: string | number | boolean;
+        slateA9?: string | number | boolean;
+        slateA10?: string | number | boolean;
+        slateA11?: string | number | boolean;
+        slateA12?: string | number | boolean;
+        slate1?: string | number | boolean;
+        slate2?: string | number | boolean;
+        slate3?: string | number | boolean;
+        slate4?: string | number | boolean;
+        slate5?: string | number | boolean;
+        slate6?: string | number | boolean;
+        slate7?: string | number | boolean;
+        slate8?: string | number | boolean;
+        slate9?: string | number | boolean;
+        slate10?: string | number | boolean;
+        slate11?: string | number | boolean;
+        slate12?: string | number | boolean;
+        redA1?: string | number | boolean;
+        redA2?: string | number | boolean;
+        redA3?: string | number | boolean;
+        redA4?: string | number | boolean;
+        redA5?: string | number | boolean;
+        redA6?: string | number | boolean;
+        redA7?: string | number | boolean;
+        redA8?: string | number | boolean;
+        redA9?: string | number | boolean;
+        redA10?: string | number | boolean;
+        redA11?: string | number | boolean;
+        redA12?: string | number | boolean;
+        red1?: string | number | boolean;
+        red2?: string | number | boolean;
+        red3?: string | number | boolean;
+        red4?: string | number | boolean;
+        red5?: string | number | boolean;
+        red6?: string | number | boolean;
+        red7?: string | number | boolean;
+        red8?: string | number | boolean;
+        red9?: string | number | boolean;
+        red10?: string | number | boolean;
+        red11?: string | number | boolean;
+        red12?: string | number | boolean;
+        orangeA1?: string | number | boolean;
+        orangeA2?: string | number | boolean;
+        orangeA3?: string | number | boolean;
+        orangeA4?: string | number | boolean;
+        orangeA5?: string | number | boolean;
+        orangeA6?: string | number | boolean;
+        orangeA7?: string | number | boolean;
+        orangeA8?: string | number | boolean;
+        orangeA9?: string | number | boolean;
+        orangeA10?: string | number | boolean;
+        orangeA11?: string | number | boolean;
+        orangeA12?: string | number | boolean;
+        orange1?: string | number | boolean;
+        orange2?: string | number | boolean;
+        orange3?: string | number | boolean;
+        orange4?: string | number | boolean;
+        orange5?: string | number | boolean;
+        orange6?: string | number | boolean;
+        orange7?: string | number | boolean;
+        orange8?: string | number | boolean;
+        orange9?: string | number | boolean;
+        orange10?: string | number | boolean;
+        orange11?: string | number | boolean;
+        orange12?: string | number | boolean;
+        greenA1?: string | number | boolean;
+        greenA2?: string | number | boolean;
+        greenA3?: string | number | boolean;
+        greenA4?: string | number | boolean;
+        greenA5?: string | number | boolean;
+        greenA6?: string | number | boolean;
+        greenA7?: string | number | boolean;
+        greenA8?: string | number | boolean;
+        greenA9?: string | number | boolean;
+        greenA10?: string | number | boolean;
+        greenA11?: string | number | boolean;
+        greenA12?: string | number | boolean;
+        green1?: string | number | boolean;
+        green2?: string | number | boolean;
+        green3?: string | number | boolean;
+        green4?: string | number | boolean;
+        green5?: string | number | boolean;
+        green6?: string | number | boolean;
+        green7?: string | number | boolean;
+        green8?: string | number | boolean;
+        green9?: string | number | boolean;
+        green10?: string | number | boolean;
+        green11?: string | number | boolean;
+        green12?: string | number | boolean;
+        grayA1?: string | number | boolean;
+        grayA2?: string | number | boolean;
+        grayA3?: string | number | boolean;
+        grayA4?: string | number | boolean;
+        grayA5?: string | number | boolean;
+        grayA6?: string | number | boolean;
+        grayA7?: string | number | boolean;
+        grayA8?: string | number | boolean;
+        grayA9?: string | number | boolean;
+        grayA10?: string | number | boolean;
+        grayA11?: string | number | boolean;
+        grayA12?: string | number | boolean;
+        gray1?: string | number | boolean;
+        gray2?: string | number | boolean;
+        gray3?: string | number | boolean;
+        gray4?: string | number | boolean;
+        gray5?: string | number | boolean;
+        gray6?: string | number | boolean;
+        gray7?: string | number | boolean;
+        gray8?: string | number | boolean;
+        gray9?: string | number | boolean;
+        gray10?: string | number | boolean;
+        gray11?: string | number | boolean;
+        gray12?: string | number | boolean;
+        blueA1?: string | number | boolean;
+        blueA2?: string | number | boolean;
+        blueA3?: string | number | boolean;
+        blueA4?: string | number | boolean;
+        blueA5?: string | number | boolean;
+        blueA6?: string | number | boolean;
+        blueA7?: string | number | boolean;
+        blueA8?: string | number | boolean;
+        blueA9?: string | number | boolean;
+        blueA10?: string | number | boolean;
+        blueA11?: string | number | boolean;
+        blueA12?: string | number | boolean;
+        blue1?: string | number | boolean;
+        blue2?: string | number | boolean;
+        blue3?: string | number | boolean;
+        blue4?: string | number | boolean;
+        blue5?: string | number | boolean;
+        blue6?: string | number | boolean;
+        blue7?: string | number | boolean;
+        blue8?: string | number | boolean;
+        blue9?: string | number | boolean;
+        blue10?: string | number | boolean;
+        blue11?: string | number | boolean;
+        blue12?: string | number | boolean;
+        blackA1?: string | number | boolean;
+        blackA2?: string | number | boolean;
+        blackA3?: string | number | boolean;
+        blackA4?: string | number | boolean;
+        blackA5?: string | number | boolean;
+        blackA6?: string | number | boolean;
+        blackA7?: string | number | boolean;
+        blackA8?: string | number | boolean;
+        blackA9?: string | number | boolean;
+        blackA10?: string | number | boolean;
+        blackA11?: string | number | boolean;
+        blackA12?: string | number | boolean;
+    };
+    fonts?: {
+        mono?: string | number | boolean;
+        sans?: string | number | boolean;
+        serif?: string | number | boolean;
+    };
+    space?: {
+        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;
+    };
+    sizes?: {
+        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;
+    };
+    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;
+    };
+    radii?: {
+        1?: string | number | boolean;
+        2?: string | number | boolean;
+        3?: string | number | boolean;
+        4?: string | number | boolean;
+        round?: string | number | boolean;
+        pill?: string | number | boolean;
+    };
+    zIndices?: {
+        1?: string | number | boolean;
+        2?: string | number | boolean;
+        3?: string | number | boolean;
+        4?: string | number | boolean;
+        max?: string | number | boolean;
+        toast?: string | number | boolean;
+    };
+} & {
+    [x: string]: {
+        [x: string]: string | number | boolean;
+        [x: number]: string | number | boolean;
+    };
+}), Argument1 extends string | ({
+    colors?: {
+        hiContrast?: string | number | boolean;
+        loContrast?: string | number | boolean;
+        canvas?: string | number | boolean;
+        gradient?: string | number | boolean;
+        panel?: string | number | boolean;
+        transparentPanel?: string | number | boolean;
+        shadowLight?: string | number | boolean;
+        shadowDark?: string | number | boolean;
+        whiteA1?: string | number | boolean;
+        whiteA2?: string | number | boolean;
+        whiteA3?: string | number | boolean;
+        whiteA4?: string | number | boolean;
+        whiteA5?: string | number | boolean;
+        whiteA6?: string | number | boolean;
+        whiteA7?: string | number | boolean;
+        whiteA8?: string | number | boolean;
+        whiteA9?: string | number | boolean;
+        whiteA10?: string | number | boolean;
+        whiteA11?: string | number | boolean;
+        whiteA12?: string | number | boolean;
+        violetA1?: string | number | boolean;
+        violetA2?: string | number | boolean;
+        violetA3?: string | number | boolean;
+        violetA4?: string | number | boolean;
+        violetA5?: string | number | boolean;
+        violetA6?: string | number | boolean;
+        violetA7?: string | number | boolean;
+        violetA8?: string | number | boolean;
+        violetA9?: string | number | boolean;
+        violetA10?: string | number | boolean;
+        violetA11?: string | number | boolean;
+        violetA12?: string | number | boolean;
+        violet1?: string | number | boolean;
+        violet2?: string | number | boolean;
+        violet3?: string | number | boolean;
+        violet4?: string | number | boolean;
+        violet5?: string | number | boolean;
+        violet6?: string | number | boolean;
+        violet7?: string | number | boolean;
+        violet8?: string | number | boolean;
+        violet9?: string | number | boolean;
+        violet10?: string | number | boolean;
+        violet11?: string | number | boolean;
+        violet12?: string | number | boolean;
+        slateA1?: string | number | boolean;
+        slateA2?: string | number | boolean;
+        slateA3?: string | number | boolean;
+        slateA4?: string | number | boolean;
+        slateA5?: string | number | boolean;
+        slateA6?: string | number | boolean;
+        slateA7?: string | number | boolean;
+        slateA8?: string | number | boolean;
+        slateA9?: string | number | boolean;
+        slateA10?: string | number | boolean;
+        slateA11?: string | number | boolean;
+        slateA12?: string | number | boolean;
+        slate1?: string | number | boolean;
+        slate2?: string | number | boolean;
+        slate3?: string | number | boolean;
+        slate4?: string | number | boolean;
+        slate5?: string | number | boolean;
+        slate6?: string | number | boolean;
+        slate7?: string | number | boolean;
+        slate8?: string | number | boolean;
+        slate9?: string | number | boolean;
+        slate10?: string | number | boolean;
+        slate11?: string | number | boolean;
+        slate12?: string | number | boolean;
+        redA1?: string | number | boolean;
+        redA2?: string | number | boolean;
+        redA3?: string | number | boolean;
+        redA4?: string | number | boolean;
+        redA5?: string | number | boolean;
+        redA6?: string | number | boolean;
+        redA7?: string | number | boolean;
+        redA8?: string | number | boolean;
+        redA9?: string | number | boolean;
+        redA10?: string | number | boolean;
+        redA11?: string | number | boolean;
+        redA12?: string | number | boolean;
+        red1?: string | number | boolean;
+        red2?: string | number | boolean;
+        red3?: string | number | boolean;
+        red4?: string | number | boolean;
+        red5?: string | number | boolean;
+        red6?: string | number | boolean;
+        red7?: string | number | boolean;
+        red8?: string | number | boolean;
+        red9?: string | number | boolean;
+        red10?: string | number | boolean;
+        red11?: string | number | boolean;
+        red12?: string | number | boolean;
+        orangeA1?: string | number | boolean;
+        orangeA2?: string | number | boolean;
+        orangeA3?: string | number | boolean;
+        orangeA4?: string | number | boolean;
+        orangeA5?: string | number | boolean;
+        orangeA6?: string | number | boolean;
+        orangeA7?: string | number | boolean;
+        orangeA8?: string | number | boolean;
+        orangeA9?: string | number | boolean;
+        orangeA10?: string | number | boolean;
+        orangeA11?: string | number | boolean;
+        orangeA12?: string | number | boolean;
+        orange1?: string | number | boolean;
+        orange2?: string | number | boolean;
+        orange3?: string | number | boolean;
+        orange4?: string | number | boolean;
+        orange5?: string | number | boolean;
+        orange6?: string | number | boolean;
+        orange7?: string | number | boolean;
+        orange8?: string | number | boolean;
+        orange9?: string | number | boolean;
+        orange10?: string | number | boolean;
+        orange11?: string | number | boolean;
+        orange12?: string | number | boolean;
+        greenA1?: string | number | boolean;
+        greenA2?: string | number | boolean;
+        greenA3?: string | number | boolean;
+        greenA4?: string | number | boolean;
+        greenA5?: string | number | boolean;
+        greenA6?: string | number | boolean;
+        greenA7?: string | number | boolean;
+        greenA8?: string | number | boolean;
+        greenA9?: string | number | boolean;
+        greenA10?: string | number | boolean;
+        greenA11?: string | number | boolean;
+        greenA12?: string | number | boolean;
+        green1?: string | number | boolean;
+        green2?: string | number | boolean;
+        green3?: string | number | boolean;
+        green4?: string | number | boolean;
+        green5?: string | number | boolean;
+        green6?: string | number | boolean;
+        green7?: string | number | boolean;
+        green8?: string | number | boolean;
+        green9?: string | number | boolean;
+        green10?: string | number | boolean;
+        green11?: string | number | boolean;
+        green12?: string | number | boolean;
+        grayA1?: string | number | boolean;
+        grayA2?: string | number | boolean;
+        grayA3?: string | number | boolean;
+        grayA4?: string | number | boolean;
+        grayA5?: string | number | boolean;
+        grayA6?: string | number | boolean;
+        grayA7?: string | number | boolean;
+        grayA8?: string | number | boolean;
+        grayA9?: string | number | boolean;
+        grayA10?: string | number | boolean;
+        grayA11?: string | number | boolean;
+        grayA12?: string | number | boolean;
+        gray1?: string | number | boolean;
+        gray2?: string | number | boolean;
+        gray3?: string | number | boolean;
+        gray4?: string | number | boolean;
+        gray5?: string | number | boolean;
+        gray6?: string | number | boolean;
+        gray7?: string | number | boolean;
+        gray8?: string | number | boolean;
+        gray9?: string | number | boolean;
+        gray10?: string | number | boolean;
+        gray11?: string | number | boolean;
+        gray12?: string | number | boolean;
+        blueA1?: string | number | boolean;
+        blueA2?: string | number | boolean;
+        blueA3?: string | number | boolean;
+        blueA4?: string | number | boolean;
+        blueA5?: string | number | boolean;
+        blueA6?: string | number | boolean;
+        blueA7?: string | number | boolean;
+        blueA8?: string | number | boolean;
+        blueA9?: string | number | boolean;
+        blueA10?: string | number | boolean;
+        blueA11?: string | number | boolean;
+        blueA12?: string | number | boolean;
+        blue1?: string | number | boolean;
+        blue2?: string | number | boolean;
+        blue3?: string | number | boolean;
+        blue4?: string | number | boolean;
+        blue5?: string | number | boolean;
+        blue6?: string | number | boolean;
+        blue7?: string | number | boolean;
+        blue8?: string | number | boolean;
+        blue9?: string | number | boolean;
+        blue10?: string | number | boolean;
+        blue11?: string | number | boolean;
+        blue12?: string | number | boolean;
+        blackA1?: string | number | boolean;
+        blackA2?: string | number | boolean;
+        blackA3?: string | number | boolean;
+        blackA4?: string | number | boolean;
+        blackA5?: string | number | boolean;
+        blackA6?: string | number | boolean;
+        blackA7?: string | number | boolean;
+        blackA8?: string | number | boolean;
+        blackA9?: string | number | boolean;
+        blackA10?: string | number | boolean;
+        blackA11?: string | number | boolean;
+        blackA12?: string | number | boolean;
+    };
+    fonts?: {
+        mono?: string | number | boolean;
+        sans?: string | number | boolean;
+        serif?: string | number | boolean;
+    };
+    space?: {
+        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;
+    };
+    sizes?: {
+        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;
+    };
+    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;
+    };
+    radii?: {
+        1?: string | number | boolean;
+        2?: string | number | boolean;
+        3?: string | number | boolean;
+        4?: string | number | boolean;
+        round?: string | number | boolean;
+        pill?: string | number | boolean;
+    };
+    zIndices?: {
+        1?: string | number | boolean;
+        2?: string | number | boolean;
+        3?: string | number | boolean;
+        4?: string | number | boolean;
+        max?: string | number | boolean;
+        toast?: 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: "(min-width: 520px)";
+    bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
+    bp4: "(min-width: 1800px)";
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+}, {
+    colors: {
+        hiContrast: string;
+        loContrast: string;
+        canvas: string;
+        gradient: string;
+        panel: string;
+        transparentPanel: string;
+        shadowLight: string;
+        shadowDark: string;
+        whiteA1: string;
+        whiteA2: string;
+        whiteA3: string;
+        whiteA4: string;
+        whiteA5: string;
+        whiteA6: string;
+        whiteA7: string;
+        whiteA8: string;
+        whiteA9: string;
+        whiteA10: string;
+        whiteA11: string;
+        whiteA12: string;
+        violetA1: string;
+        violetA2: string;
+        violetA3: string;
+        violetA4: string;
+        violetA5: string;
+        violetA6: string;
+        violetA7: string;
+        violetA8: string;
+        violetA9: string;
+        violetA10: string;
+        violetA11: string;
+        violetA12: string;
+        violet1: string;
+        violet2: string;
+        violet3: string;
+        violet4: string;
+        violet5: string;
+        violet6: string;
+        violet7: string;
+        violet8: string;
+        violet9: string;
+        violet10: string;
+        violet11: string;
+        violet12: string;
+        slateA1: string;
+        slateA2: string;
+        slateA3: string;
+        slateA4: string;
+        slateA5: string;
+        slateA6: string;
+        slateA7: string;
+        slateA8: string;
+        slateA9: string;
+        slateA10: string;
+        slateA11: string;
+        slateA12: string;
+        slate1: string;
+        slate2: string;
+        slate3: string;
+        slate4: string;
+        slate5: string;
+        slate6: string;
+        slate7: string;
+        slate8: string;
+        slate9: string;
+        slate10: string;
+        slate11: string;
+        slate12: string;
+        redA1: string;
+        redA2: string;
+        redA3: string;
+        redA4: string;
+        redA5: string;
+        redA6: string;
+        redA7: string;
+        redA8: string;
+        redA9: string;
+        redA10: string;
+        redA11: string;
+        redA12: string;
+        red1: string;
+        red2: string;
+        red3: string;
+        red4: string;
+        red5: string;
+        red6: string;
+        red7: string;
+        red8: string;
+        red9: string;
+        red10: string;
+        red11: string;
+        red12: string;
+        orangeA1: string;
+        orangeA2: string;
+        orangeA3: string;
+        orangeA4: string;
+        orangeA5: string;
+        orangeA6: string;
+        orangeA7: string;
+        orangeA8: string;
+        orangeA9: string;
+        orangeA10: string;
+        orangeA11: string;
+        orangeA12: string;
+        orange1: string;
+        orange2: string;
+        orange3: string;
+        orange4: string;
+        orange5: string;
+        orange6: string;
+        orange7: string;
+        orange8: string;
+        orange9: string;
+        orange10: string;
+        orange11: string;
+        orange12: string;
+        greenA1: string;
+        greenA2: string;
+        greenA3: string;
+        greenA4: string;
+        greenA5: string;
+        greenA6: string;
+        greenA7: string;
+        greenA8: string;
+        greenA9: string;
+        greenA10: string;
+        greenA11: string;
+        greenA12: string;
+        green1: string;
+        green2: string;
+        green3: string;
+        green4: string;
+        green5: string;
+        green6: string;
+        green7: string;
+        green8: string;
+        green9: string;
+        green10: string;
+        green11: string;
+        green12: string;
+        grayA1: string;
+        grayA2: string;
+        grayA3: string;
+        grayA4: string;
+        grayA5: string;
+        grayA6: string;
+        grayA7: string;
+        grayA8: string;
+        grayA9: string;
+        grayA10: string;
+        grayA11: string;
+        grayA12: string;
+        gray1: string;
+        gray2: string;
+        gray3: string;
+        gray4: string;
+        gray5: string;
+        gray6: string;
+        gray7: string;
+        gray8: string;
+        gray9: string;
+        gray10: string;
+        gray11: string;
+        gray12: string;
+        blueA1: string;
+        blueA2: string;
+        blueA3: string;
+        blueA4: string;
+        blueA5: string;
+        blueA6: string;
+        blueA7: string;
+        blueA8: string;
+        blueA9: string;
+        blueA10: string;
+        blueA11: string;
+        blueA12: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        blue4: string;
+        blue5: string;
+        blue6: string;
+        blue7: string;
+        blue8: string;
+        blue9: string;
+        blue10: string;
+        blue11: string;
+        blue12: string;
+        blackA1: string;
+        blackA2: string;
+        blackA3: string;
+        blackA4: string;
+        blackA5: string;
+        blackA6: string;
+        blackA7: string;
+        blackA8: string;
+        blackA9: string;
+        blackA10: string;
+        blackA11: string;
+        blackA12: string;
+    };
+    fonts: {
+        mono: string;
+        sans: string;
+        serif: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    sizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    fontSizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    radii: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        round: string;
+        pill: string;
+    };
+    zIndices: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        max: string;
+        toast: string;
+    };
+}, _stitches_react_types_config.DefaultThemeMap, {
+    p: (value: ScaleValue<'padding'> | string | number) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "padding";
+        };
+    };
+    pt: (value: ScaleValue<'paddingTop'> | string | number) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
+        };
+    };
+    pr: (value: ScaleValue<'paddingRight'> | string | number) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingRight";
+        };
+    };
+    pb: (value: ScaleValue<'paddingBottom'> | string | number) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingBottom";
+        };
+    };
+    pl: (value: ScaleValue<'paddingLeft'> | string | number) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
+        };
+    };
+    px: (value: ScaleValue<'paddingLeft'> | string | number) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
+        };
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
+        };
+    };
+    py: (value: ScaleValue<'paddingTop'> | string | number) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
+        };
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
+        };
+    };
+    m: (value: ScaleValue<'margin'> | string | number) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "margin";
+        };
+    };
+    mt: (value: ScaleValue<'marginTop'> | string | number) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
+        };
+    };
+    mr: (value: ScaleValue<'marginRight'> | string | number) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginRight";
+        };
+    };
+    mb: (value: ScaleValue<'marginBottom'> | string | number) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginBottom";
+        };
+    };
+    ml: (value: ScaleValue<'marginLeft'> | string | number) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
+        };
+    };
+    mx: (value: ScaleValue<'marginLeft'> | string | number) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
+        };
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
+        };
+    };
+    my: (value: ScaleValue<'marginTop'> | string | number) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
+        };
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
+        };
+    };
+    ta: (value: ScaleValue<'textAlign'> | string | number) => {
+        textAlign: string | number | {
+            readonly [$$ScaleValue]: "textAlign";
+        };
+    };
+    fd: (value: ScaleValue<'flexDirection'> | string | number) => {
+        flexDirection: string | number | {
+            readonly [$$ScaleValue]: "flexDirection";
+        };
+    };
+    fw: (value: ScaleValue<'flexWrap'> | string | number) => {
+        flexWrap: string | number | {
+            readonly [$$ScaleValue]: "flexWrap";
+        };
+    };
+    ai: (value: ScaleValue<'alignItems'> | string | number) => {
+        alignItems: string | number | {
+            readonly [$$ScaleValue]: "alignItems";
+        };
+    };
+    ac: (value: ScaleValue<'alignContent'> | string | number) => {
+        alignContent: string | number | {
+            readonly [$$ScaleValue]: "alignContent";
+        };
+    };
+    jc: (value: ScaleValue<'justifyContent'> | string | number) => {
+        justifyContent: string | number | {
+            readonly [$$ScaleValue]: "justifyContent";
+        };
+    };
+    as: (value: ScaleValue<'alignSelf'> | string | number) => {
+        alignSelf: string | number | {
+            readonly [$$ScaleValue]: "alignSelf";
+        };
+    };
+    fg: (value: ScaleValue<'flexGrow'> | string | number) => {
+        flexGrow: string | number | {
+            readonly [$$ScaleValue]: "flexGrow";
+        };
+    };
+    fs: (value: ScaleValue<'flexShrink'> | string | number) => {
+        flexShrink: string | number | {
+            readonly [$$ScaleValue]: "flexShrink";
+        };
+    };
+    fb: (value: ScaleValue<'flexBasis'> | string | number) => {
+        flexBasis: string | number | {
+            readonly [$$ScaleValue]: "flexBasis";
+        };
+    };
+    bc: (value: ScaleValue<'backgroundColor'> | string | number) => {
+        backgroundColor: string | number | {
+            readonly [$$ScaleValue]: "backgroundColor";
+        };
+    };
+    br: (value: ScaleValue<'borderRadius'> | string | number) => {
+        borderRadius: string | number | {
+            readonly [$$ScaleValue]: "borderRadius";
+        };
+    };
+    btrr: (value: ScaleValue<'borderTopRightRadius'> | string | number) => {
+        borderTopRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopRightRadius";
+        };
+    };
+    bbrr: (value: ScaleValue<'borderBottomRightRadius'> | string | number) => {
+        borderBottomRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomRightRadius";
+        };
+    };
+    bblr: (value: ScaleValue<'borderBottomLeftRadius'> | string | number) => {
+        borderBottomLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomLeftRadius";
+        };
+    };
+    btlr: (value: ScaleValue<'borderTopLeftRadius'> | string | number) => {
+        borderTopLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopLeftRadius";
+        };
+    };
+    bs: (value: ScaleValue<'boxShadow'> | string | number) => {
+        boxShadow: string | number | {
+            readonly [$$ScaleValue]: "boxShadow";
+        };
+    };
+    lh: (value: ScaleValue<'lineHeight'> | string | number) => {
+        lineHeight: string | number | {
+            readonly [$$ScaleValue]: "lineHeight";
+        };
+    };
+    ox: (value: ScaleValue<'overflowX'> | string | number) => {
+        overflowX: string | number | {
+            readonly [$$ScaleValue]: "overflowX";
+        };
+    };
+    oy: (value: ScaleValue<'overflowY'> | string | number) => {
+        overflowY: string | number | {
+            readonly [$$ScaleValue]: "overflowY";
+        };
+    };
+    pe: (value: ScaleValue<'pointerEvents'> | string | number) => {
+        pointerEvents: string | number | {
+            readonly [$$ScaleValue]: "pointerEvents";
+        };
+    };
+    us: (value: ScaleValue<'userSelect'> | string | number) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+    };
+    userSelect: (value: ScaleValue<'userSelect'> | string | number) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+    };
+    size: (value: ScaleValue<'width'> | string | number) => {
+        width: string | number | {
+            readonly [$$ScaleValue]: "width";
+        };
+        height: string | number | {
+            readonly [$$ScaleValue]: "width";
+        };
+    };
+    appearance: (value: ScaleValue<'appearance'> | string | number) => {
+        WebkitAppearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
+        };
+        appearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
+        };
+    };
+    backgroundClip: (value: ScaleValue<'backgroundClip'> | string | number) => {
+        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: "(min-width: 520px)";
+    bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
+    bp4: "(min-width: 1800px)";
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+}, 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: "(min-width: 520px)";
+        bp2: "(min-width: 900px)";
+        bp3: "(min-width: 1200px)";
+        bp4: "(min-width: 1800px)";
+        motion: "(prefers-reduced-motion)";
+        hover: "(any-hover: hover)";
+        dark: "(prefers-color-scheme: dark)";
+        light: "(prefers-color-scheme: light)";
+    }, {
+        colors: {
+            hiContrast: string;
+            loContrast: string;
+            canvas: string;
+            gradient: string;
+            panel: string;
+            transparentPanel: string;
+            shadowLight: string;
+            shadowDark: string;
+            whiteA1: string;
+            whiteA2: string;
+            whiteA3: string;
+            whiteA4: string;
+            whiteA5: string;
+            whiteA6: string;
+            whiteA7: string;
+            whiteA8: string;
+            whiteA9: string;
+            whiteA10: string;
+            whiteA11: string;
+            whiteA12: string;
+            violetA1: string;
+            violetA2: string;
+            violetA3: string;
+            violetA4: string;
+            violetA5: string;
+            violetA6: string;
+            violetA7: string;
+            violetA8: string;
+            violetA9: string;
+            violetA10: string;
+            violetA11: string;
+            violetA12: string;
+            violet1: string;
+            violet2: string;
+            violet3: string;
+            violet4: string;
+            violet5: string;
+            violet6: string;
+            violet7: string;
+            violet8: string;
+            violet9: string;
+            violet10: string;
+            violet11: string;
+            violet12: string;
+            slateA1: string;
+            slateA2: string;
+            slateA3: string;
+            slateA4: string;
+            slateA5: string;
+            slateA6: string;
+            slateA7: string;
+            slateA8: string;
+            slateA9: string;
+            slateA10: string;
+            slateA11: string;
+            slateA12: string;
+            slate1: string;
+            slate2: string;
+            slate3: string;
+            slate4: string;
+            slate5: string;
+            slate6: string;
+            slate7: string;
+            slate8: string;
+            slate9: string;
+            slate10: string;
+            slate11: string;
+            slate12: string;
+            redA1: string;
+            redA2: string;
+            redA3: string;
+            redA4: string;
+            redA5: string;
+            redA6: string;
+            redA7: string;
+            redA8: string;
+            redA9: string;
+            redA10: string;
+            redA11: string;
+            redA12: string;
+            red1: string;
+            red2: string;
+            red3: string;
+            red4: string;
+            red5: string;
+            red6: string;
+            red7: string;
+            red8: string;
+            red9: string;
+            red10: string;
+            red11: string;
+            red12: string;
+            orangeA1: string;
+            orangeA2: string;
+            orangeA3: string;
+            orangeA4: string;
+            orangeA5: string;
+            orangeA6: string;
+            orangeA7: string;
+            orangeA8: string;
+            orangeA9: string;
+            orangeA10: string;
+            orangeA11: string;
+            orangeA12: string;
+            orange1: string;
+            orange2: string;
+            orange3: string;
+            orange4: string;
+            orange5: string;
+            orange6: string;
+            orange7: string;
+            orange8: string;
+            orange9: string;
+            orange10: string;
+            orange11: string;
+            orange12: string;
+            greenA1: string;
+            greenA2: string;
+            greenA3: string;
+            greenA4: string;
+            greenA5: string;
+            greenA6: string;
+            greenA7: string;
+            greenA8: string;
+            greenA9: string;
+            greenA10: string;
+            greenA11: string;
+            greenA12: string;
+            green1: string;
+            green2: string;
+            green3: string;
+            green4: string;
+            green5: string;
+            green6: string;
+            green7: string;
+            green8: string;
+            green9: string;
+            green10: string;
+            green11: string;
+            green12: string;
+            grayA1: string;
+            grayA2: string;
+            grayA3: string;
+            grayA4: string;
+            grayA5: string;
+            grayA6: string;
+            grayA7: string;
+            grayA8: string;
+            grayA9: string;
+            grayA10: string;
+            grayA11: string;
+            grayA12: string;
+            gray1: string;
+            gray2: string;
+            gray3: string;
+            gray4: string;
+            gray5: string;
+            gray6: string;
+            gray7: string;
+            gray8: string;
+            gray9: string;
+            gray10: string;
+            gray11: string;
+            gray12: string;
+            blueA1: string;
+            blueA2: string;
+            blueA3: string;
+            blueA4: string;
+            blueA5: string;
+            blueA6: string;
+            blueA7: string;
+            blueA8: string;
+            blueA9: string;
+            blueA10: string;
+            blueA11: string;
+            blueA12: string;
+            blue1: string;
+            blue2: string;
+            blue3: string;
+            blue4: string;
+            blue5: string;
+            blue6: string;
+            blue7: string;
+            blue8: string;
+            blue9: string;
+            blue10: string;
+            blue11: string;
+            blue12: string;
+            blackA1: string;
+            blackA2: string;
+            blackA3: string;
+            blackA4: string;
+            blackA5: string;
+            blackA6: string;
+            blackA7: string;
+            blackA8: string;
+            blackA9: string;
+            blackA10: string;
+            blackA11: string;
+            blackA12: string;
+        };
+        fonts: {
+            mono: string;
+            sans: string;
+            serif: string;
+        };
+        space: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+        };
+        sizes: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+        };
+        fontSizes: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+        };
+        radii: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            round: string;
+            pill: string;
+        };
+        zIndices: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            max: string;
+            toast: string;
+        };
+    }, _stitches_react_types_config.DefaultThemeMap, {
+        p: (value: ScaleValue<'padding'> | string | number) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "padding";
+            };
+        };
+        pt: (value: ScaleValue<'paddingTop'> | string | number) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
+            };
+        };
+        pr: (value: ScaleValue<'paddingRight'> | string | number) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "paddingRight";
+            };
+        };
+        pb: (value: ScaleValue<'paddingBottom'> | string | number) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "paddingBottom";
+            };
+        };
+        pl: (value: ScaleValue<'paddingLeft'> | string | number) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
+            };
+        };
+        px: (value: ScaleValue<'paddingLeft'> | string | number) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
+            };
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
+            };
+        };
+        py: (value: ScaleValue<'paddingTop'> | string | number) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
+            };
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
+            };
+        };
+        m: (value: ScaleValue<'margin'> | string | number) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "margin";
+            };
+        };
+        mt: (value: ScaleValue<'marginTop'> | string | number) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
+            };
+        };
+        mr: (value: ScaleValue<'marginRight'> | string | number) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "marginRight";
+            };
+        };
+        mb: (value: ScaleValue<'marginBottom'> | string | number) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "marginBottom";
+            };
+        };
+        ml: (value: ScaleValue<'marginLeft'> | string | number) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
+            };
+        };
+        mx: (value: ScaleValue<'marginLeft'> | string | number) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
+            };
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
+            };
+        };
+        my: (value: ScaleValue<'marginTop'> | string | number) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
+            };
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
+            };
+        };
+        ta: (value: ScaleValue<'textAlign'> | string | number) => {
+            textAlign: string | number | {
+                readonly [$$ScaleValue]: "textAlign";
+            };
+        };
+        fd: (value: ScaleValue<'flexDirection'> | string | number) => {
+            flexDirection: string | number | {
+                readonly [$$ScaleValue]: "flexDirection";
+            };
+        };
+        fw: (value: ScaleValue<'flexWrap'> | string | number) => {
+            flexWrap: string | number | {
+                readonly [$$ScaleValue]: "flexWrap";
+            };
+        };
+        ai: (value: ScaleValue<'alignItems'> | string | number) => {
+            alignItems: string | number | {
+                readonly [$$ScaleValue]: "alignItems";
+            };
+        };
+        ac: (value: ScaleValue<'alignContent'> | string | number) => {
+            alignContent: string | number | {
+                readonly [$$ScaleValue]: "alignContent";
+            };
+        };
+        jc: (value: ScaleValue<'justifyContent'> | string | number) => {
+            justifyContent: string | number | {
+                readonly [$$ScaleValue]: "justifyContent";
+            };
+        };
+        as: (value: ScaleValue<'alignSelf'> | string | number) => {
+            alignSelf: string | number | {
+                readonly [$$ScaleValue]: "alignSelf";
+            };
+        };
+        fg: (value: ScaleValue<'flexGrow'> | string | number) => {
+            flexGrow: string | number | {
+                readonly [$$ScaleValue]: "flexGrow";
+            };
+        };
+        fs: (value: ScaleValue<'flexShrink'> | string | number) => {
+            flexShrink: string | number | {
+                readonly [$$ScaleValue]: "flexShrink";
+            };
+        };
+        fb: (value: ScaleValue<'flexBasis'> | string | number) => {
+            flexBasis: string | number | {
+                readonly [$$ScaleValue]: "flexBasis";
+            };
+        };
+        bc: (value: ScaleValue<'backgroundColor'> | string | number) => {
+            backgroundColor: string | number | {
+                readonly [$$ScaleValue]: "backgroundColor";
+            };
+        };
+        br: (value: ScaleValue<'borderRadius'> | string | number) => {
+            borderRadius: string | number | {
+                readonly [$$ScaleValue]: "borderRadius";
+            };
+        };
+        btrr: (value: ScaleValue<'borderTopRightRadius'> | string | number) => {
+            borderTopRightRadius: string | number | {
+                readonly [$$ScaleValue]: "borderTopRightRadius";
+            };
+        };
+        bbrr: (value: ScaleValue<'borderBottomRightRadius'> | string | number) => {
+            borderBottomRightRadius: string | number | {
+                readonly [$$ScaleValue]: "borderBottomRightRadius";
+            };
+        };
+        bblr: (value: ScaleValue<'borderBottomLeftRadius'> | string | number) => {
+            borderBottomLeftRadius: string | number | {
+                readonly [$$ScaleValue]: "borderBottomLeftRadius";
+            };
+        };
+        btlr: (value: ScaleValue<'borderTopLeftRadius'> | string | number) => {
+            borderTopLeftRadius: string | number | {
+                readonly [$$ScaleValue]: "borderTopLeftRadius";
+            };
+        };
+        bs: (value: ScaleValue<'boxShadow'> | string | number) => {
+            boxShadow: string | number | {
+                readonly [$$ScaleValue]: "boxShadow";
+            };
+        };
+        lh: (value: ScaleValue<'lineHeight'> | string | number) => {
+            lineHeight: string | number | {
+                readonly [$$ScaleValue]: "lineHeight";
+            };
+        };
+        ox: (value: ScaleValue<'overflowX'> | string | number) => {
+            overflowX: string | number | {
+                readonly [$$ScaleValue]: "overflowX";
+            };
+        };
+        oy: (value: ScaleValue<'overflowY'> | string | number) => {
+            overflowY: string | number | {
+                readonly [$$ScaleValue]: "overflowY";
+            };
+        };
+        pe: (value: ScaleValue<'pointerEvents'> | string | number) => {
+            pointerEvents: string | number | {
+                readonly [$$ScaleValue]: "pointerEvents";
+            };
+        };
+        us: (value: ScaleValue<'userSelect'> | string | number) => {
+            WebkitUserSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
+            };
+            userSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
+            };
+        };
+        userSelect: (value: ScaleValue<'userSelect'> | string | number) => {
+            WebkitUserSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
+            };
+            userSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
+            };
+        };
+        size: (value: ScaleValue<'width'> | string | number) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "width";
+            };
+            height: string | number | {
+                readonly [$$ScaleValue]: "width";
+            };
+        };
+        appearance: (value: ScaleValue<'appearance'> | string | number) => {
+            WebkitAppearance: string | number | {
+                readonly [$$ScaleValue]: "appearance";
+            };
+            appearance: string | number | {
+                readonly [$$ScaleValue]: "appearance";
+            };
+        };
+        backgroundClip: (value: ScaleValue<'backgroundClip'> | string | number) => {
+            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: "(min-width: 520px)";
+    bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
+    bp4: "(min-width: 1800px)";
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+}, {
+    colors: {
+        hiContrast: string;
+        loContrast: string;
+        canvas: string;
+        gradient: string;
+        panel: string;
+        transparentPanel: string;
+        shadowLight: string;
+        shadowDark: string;
+        whiteA1: string;
+        whiteA2: string;
+        whiteA3: string;
+        whiteA4: string;
+        whiteA5: string;
+        whiteA6: string;
+        whiteA7: string;
+        whiteA8: string;
+        whiteA9: string;
+        whiteA10: string;
+        whiteA11: string;
+        whiteA12: string;
+        violetA1: string;
+        violetA2: string;
+        violetA3: string;
+        violetA4: string;
+        violetA5: string;
+        violetA6: string;
+        violetA7: string;
+        violetA8: string;
+        violetA9: string;
+        violetA10: string;
+        violetA11: string;
+        violetA12: string;
+        violet1: string;
+        violet2: string;
+        violet3: string;
+        violet4: string;
+        violet5: string;
+        violet6: string;
+        violet7: string;
+        violet8: string;
+        violet9: string;
+        violet10: string;
+        violet11: string;
+        violet12: string;
+        slateA1: string;
+        slateA2: string;
+        slateA3: string;
+        slateA4: string;
+        slateA5: string;
+        slateA6: string;
+        slateA7: string;
+        slateA8: string;
+        slateA9: string;
+        slateA10: string;
+        slateA11: string;
+        slateA12: string;
+        slate1: string;
+        slate2: string;
+        slate3: string;
+        slate4: string;
+        slate5: string;
+        slate6: string;
+        slate7: string;
+        slate8: string;
+        slate9: string;
+        slate10: string;
+        slate11: string;
+        slate12: string;
+        redA1: string;
+        redA2: string;
+        redA3: string;
+        redA4: string;
+        redA5: string;
+        redA6: string;
+        redA7: string;
+        redA8: string;
+        redA9: string;
+        redA10: string;
+        redA11: string;
+        redA12: string;
+        red1: string;
+        red2: string;
+        red3: string;
+        red4: string;
+        red5: string;
+        red6: string;
+        red7: string;
+        red8: string;
+        red9: string;
+        red10: string;
+        red11: string;
+        red12: string;
+        orangeA1: string;
+        orangeA2: string;
+        orangeA3: string;
+        orangeA4: string;
+        orangeA5: string;
+        orangeA6: string;
+        orangeA7: string;
+        orangeA8: string;
+        orangeA9: string;
+        orangeA10: string;
+        orangeA11: string;
+        orangeA12: string;
+        orange1: string;
+        orange2: string;
+        orange3: string;
+        orange4: string;
+        orange5: string;
+        orange6: string;
+        orange7: string;
+        orange8: string;
+        orange9: string;
+        orange10: string;
+        orange11: string;
+        orange12: string;
+        greenA1: string;
+        greenA2: string;
+        greenA3: string;
+        greenA4: string;
+        greenA5: string;
+        greenA6: string;
+        greenA7: string;
+        greenA8: string;
+        greenA9: string;
+        greenA10: string;
+        greenA11: string;
+        greenA12: string;
+        green1: string;
+        green2: string;
+        green3: string;
+        green4: string;
+        green5: string;
+        green6: string;
+        green7: string;
+        green8: string;
+        green9: string;
+        green10: string;
+        green11: string;
+        green12: string;
+        grayA1: string;
+        grayA2: string;
+        grayA3: string;
+        grayA4: string;
+        grayA5: string;
+        grayA6: string;
+        grayA7: string;
+        grayA8: string;
+        grayA9: string;
+        grayA10: string;
+        grayA11: string;
+        grayA12: string;
+        gray1: string;
+        gray2: string;
+        gray3: string;
+        gray4: string;
+        gray5: string;
+        gray6: string;
+        gray7: string;
+        gray8: string;
+        gray9: string;
+        gray10: string;
+        gray11: string;
+        gray12: string;
+        blueA1: string;
+        blueA2: string;
+        blueA3: string;
+        blueA4: string;
+        blueA5: string;
+        blueA6: string;
+        blueA7: string;
+        blueA8: string;
+        blueA9: string;
+        blueA10: string;
+        blueA11: string;
+        blueA12: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        blue4: string;
+        blue5: string;
+        blue6: string;
+        blue7: string;
+        blue8: string;
+        blue9: string;
+        blue10: string;
+        blue11: string;
+        blue12: string;
+        blackA1: string;
+        blackA2: string;
+        blackA3: string;
+        blackA4: string;
+        blackA5: string;
+        blackA6: string;
+        blackA7: string;
+        blackA8: string;
+        blackA9: string;
+        blackA10: string;
+        blackA11: string;
+        blackA12: string;
+    };
+    fonts: {
+        mono: string;
+        sans: string;
+        serif: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    sizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    fontSizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    radii: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        round: string;
+        pill: string;
+    };
+    zIndices: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        max: string;
+        toast: string;
+    };
+}, _stitches_react_types_config.DefaultThemeMap, {
+    p: (value: ScaleValue<'padding'> | string | number) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "padding";
+        };
+    };
+    pt: (value: ScaleValue<'paddingTop'> | string | number) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
+        };
+    };
+    pr: (value: ScaleValue<'paddingRight'> | string | number) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingRight";
+        };
+    };
+    pb: (value: ScaleValue<'paddingBottom'> | string | number) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingBottom";
+        };
+    };
+    pl: (value: ScaleValue<'paddingLeft'> | string | number) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
+        };
+    };
+    px: (value: ScaleValue<'paddingLeft'> | string | number) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
+        };
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
+        };
+    };
+    py: (value: ScaleValue<'paddingTop'> | string | number) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
+        };
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
+        };
+    };
+    m: (value: ScaleValue<'margin'> | string | number) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "margin";
+        };
+    };
+    mt: (value: ScaleValue<'marginTop'> | string | number) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
+        };
+    };
+    mr: (value: ScaleValue<'marginRight'> | string | number) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginRight";
+        };
+    };
+    mb: (value: ScaleValue<'marginBottom'> | string | number) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginBottom";
+        };
+    };
+    ml: (value: ScaleValue<'marginLeft'> | string | number) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
+        };
+    };
+    mx: (value: ScaleValue<'marginLeft'> | string | number) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
+        };
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
+        };
+    };
+    my: (value: ScaleValue<'marginTop'> | string | number) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
+        };
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
+        };
+    };
+    ta: (value: ScaleValue<'textAlign'> | string | number) => {
+        textAlign: string | number | {
+            readonly [$$ScaleValue]: "textAlign";
+        };
+    };
+    fd: (value: ScaleValue<'flexDirection'> | string | number) => {
+        flexDirection: string | number | {
+            readonly [$$ScaleValue]: "flexDirection";
+        };
+    };
+    fw: (value: ScaleValue<'flexWrap'> | string | number) => {
+        flexWrap: string | number | {
+            readonly [$$ScaleValue]: "flexWrap";
+        };
+    };
+    ai: (value: ScaleValue<'alignItems'> | string | number) => {
+        alignItems: string | number | {
+            readonly [$$ScaleValue]: "alignItems";
+        };
+    };
+    ac: (value: ScaleValue<'alignContent'> | string | number) => {
+        alignContent: string | number | {
+            readonly [$$ScaleValue]: "alignContent";
+        };
+    };
+    jc: (value: ScaleValue<'justifyContent'> | string | number) => {
+        justifyContent: string | number | {
+            readonly [$$ScaleValue]: "justifyContent";
+        };
+    };
+    as: (value: ScaleValue<'alignSelf'> | string | number) => {
+        alignSelf: string | number | {
+            readonly [$$ScaleValue]: "alignSelf";
+        };
+    };
+    fg: (value: ScaleValue<'flexGrow'> | string | number) => {
+        flexGrow: string | number | {
+            readonly [$$ScaleValue]: "flexGrow";
+        };
+    };
+    fs: (value: ScaleValue<'flexShrink'> | string | number) => {
+        flexShrink: string | number | {
+            readonly [$$ScaleValue]: "flexShrink";
+        };
+    };
+    fb: (value: ScaleValue<'flexBasis'> | string | number) => {
+        flexBasis: string | number | {
+            readonly [$$ScaleValue]: "flexBasis";
+        };
+    };
+    bc: (value: ScaleValue<'backgroundColor'> | string | number) => {
+        backgroundColor: string | number | {
+            readonly [$$ScaleValue]: "backgroundColor";
+        };
+    };
+    br: (value: ScaleValue<'borderRadius'> | string | number) => {
+        borderRadius: string | number | {
+            readonly [$$ScaleValue]: "borderRadius";
+        };
+    };
+    btrr: (value: ScaleValue<'borderTopRightRadius'> | string | number) => {
+        borderTopRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopRightRadius";
+        };
+    };
+    bbrr: (value: ScaleValue<'borderBottomRightRadius'> | string | number) => {
+        borderBottomRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomRightRadius";
+        };
+    };
+    bblr: (value: ScaleValue<'borderBottomLeftRadius'> | string | number) => {
+        borderBottomLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomLeftRadius";
+        };
+    };
+    btlr: (value: ScaleValue<'borderTopLeftRadius'> | string | number) => {
+        borderTopLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopLeftRadius";
+        };
+    };
+    bs: (value: ScaleValue<'boxShadow'> | string | number) => {
+        boxShadow: string | number | {
+            readonly [$$ScaleValue]: "boxShadow";
+        };
+    };
+    lh: (value: ScaleValue<'lineHeight'> | string | number) => {
+        lineHeight: string | number | {
+            readonly [$$ScaleValue]: "lineHeight";
+        };
+    };
+    ox: (value: ScaleValue<'overflowX'> | string | number) => {
+        overflowX: string | number | {
+            readonly [$$ScaleValue]: "overflowX";
+        };
+    };
+    oy: (value: ScaleValue<'overflowY'> | string | number) => {
+        overflowY: string | number | {
+            readonly [$$ScaleValue]: "overflowY";
+        };
+    };
+    pe: (value: ScaleValue<'pointerEvents'> | string | number) => {
+        pointerEvents: string | number | {
+            readonly [$$ScaleValue]: "pointerEvents";
+        };
+    };
+    us: (value: ScaleValue<'userSelect'> | string | number) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+    };
+    userSelect: (value: ScaleValue<'userSelect'> | string | number) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+    };
+    size: (value: ScaleValue<'width'> | string | number) => {
+        width: string | number | {
+            readonly [$$ScaleValue]: "width";
+        };
+        height: string | number | {
+            readonly [$$ScaleValue]: "width";
+        };
+    };
+    appearance: (value: ScaleValue<'appearance'> | string | number) => {
+        WebkitAppearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
+        };
+        appearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
+        };
+    };
+    backgroundClip: (value: ScaleValue<'backgroundClip'> | string | number) => {
+        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: "(min-width: 520px)";
+        bp2: "(min-width: 900px)";
+        bp3: "(min-width: 1200px)";
+        bp4: "(min-width: 1800px)";
+        motion: "(prefers-reduced-motion)";
+        hover: "(any-hover: hover)";
+        dark: "(prefers-color-scheme: dark)";
+        light: "(prefers-color-scheme: light)";
+    }, {
+        colors: {
+            hiContrast: string;
+            loContrast: string;
+            canvas: string;
+            gradient: string;
+            panel: string;
+            transparentPanel: string;
+            shadowLight: string;
+            shadowDark: string;
+            whiteA1: string;
+            whiteA2: string;
+            whiteA3: string;
+            whiteA4: string;
+            whiteA5: string;
+            whiteA6: string;
+            whiteA7: string;
+            whiteA8: string;
+            whiteA9: string;
+            whiteA10: string;
+            whiteA11: string;
+            whiteA12: string;
+            violetA1: string;
+            violetA2: string;
+            violetA3: string;
+            violetA4: string;
+            violetA5: string;
+            violetA6: string;
+            violetA7: string;
+            violetA8: string;
+            violetA9: string;
+            violetA10: string;
+            violetA11: string;
+            violetA12: string;
+            violet1: string;
+            violet2: string;
+            violet3: string;
+            violet4: string;
+            violet5: string;
+            violet6: string;
+            violet7: string;
+            violet8: string;
+            violet9: string;
+            violet10: string;
+            violet11: string;
+            violet12: string;
+            slateA1: string;
+            slateA2: string;
+            slateA3: string;
+            slateA4: string;
+            slateA5: string;
+            slateA6: string;
+            slateA7: string;
+            slateA8: string;
+            slateA9: string;
+            slateA10: string;
+            slateA11: string;
+            slateA12: string;
+            slate1: string;
+            slate2: string;
+            slate3: string;
+            slate4: string;
+            slate5: string;
+            slate6: string;
+            slate7: string;
+            slate8: string;
+            slate9: string;
+            slate10: string;
+            slate11: string;
+            slate12: string;
+            redA1: string;
+            redA2: string;
+            redA3: string;
+            redA4: string;
+            redA5: string;
+            redA6: string;
+            redA7: string;
+            redA8: string;
+            redA9: string;
+            redA10: string;
+            redA11: string;
+            redA12: string;
+            red1: string;
+            red2: string;
+            red3: string;
+            red4: string;
+            red5: string;
+            red6: string;
+            red7: string;
+            red8: string;
+            red9: string;
+            red10: string;
+            red11: string;
+            red12: string;
+            orangeA1: string;
+            orangeA2: string;
+            orangeA3: string;
+            orangeA4: string;
+            orangeA5: string;
+            orangeA6: string;
+            orangeA7: string;
+            orangeA8: string;
+            orangeA9: string;
+            orangeA10: string;
+            orangeA11: string;
+            orangeA12: string;
+            orange1: string;
+            orange2: string;
+            orange3: string;
+            orange4: string;
+            orange5: string;
+            orange6: string;
+            orange7: string;
+            orange8: string;
+            orange9: string;
+            orange10: string;
+            orange11: string;
+            orange12: string;
+            greenA1: string;
+            greenA2: string;
+            greenA3: string;
+            greenA4: string;
+            greenA5: string;
+            greenA6: string;
+            greenA7: string;
+            greenA8: string;
+            greenA9: string;
+            greenA10: string;
+            greenA11: string;
+            greenA12: string;
+            green1: string;
+            green2: string;
+            green3: string;
+            green4: string;
+            green5: string;
+            green6: string;
+            green7: string;
+            green8: string;
+            green9: string;
+            green10: string;
+            green11: string;
+            green12: string;
+            grayA1: string;
+            grayA2: string;
+            grayA3: string;
+            grayA4: string;
+            grayA5: string;
+            grayA6: string;
+            grayA7: string;
+            grayA8: string;
+            grayA9: string;
+            grayA10: string;
+            grayA11: string;
+            grayA12: string;
+            gray1: string;
+            gray2: string;
+            gray3: string;
+            gray4: string;
+            gray5: string;
+            gray6: string;
+            gray7: string;
+            gray8: string;
+            gray9: string;
+            gray10: string;
+            gray11: string;
+            gray12: string;
+            blueA1: string;
+            blueA2: string;
+            blueA3: string;
+            blueA4: string;
+            blueA5: string;
+            blueA6: string;
+            blueA7: string;
+            blueA8: string;
+            blueA9: string;
+            blueA10: string;
+            blueA11: string;
+            blueA12: string;
+            blue1: string;
+            blue2: string;
+            blue3: string;
+            blue4: string;
+            blue5: string;
+            blue6: string;
+            blue7: string;
+            blue8: string;
+            blue9: string;
+            blue10: string;
+            blue11: string;
+            blue12: string;
+            blackA1: string;
+            blackA2: string;
+            blackA3: string;
+            blackA4: string;
+            blackA5: string;
+            blackA6: string;
+            blackA7: string;
+            blackA8: string;
+            blackA9: string;
+            blackA10: string;
+            blackA11: string;
+            blackA12: string;
+        };
+        fonts: {
+            mono: string;
+            sans: string;
+            serif: string;
+        };
+        space: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+        };
+        sizes: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+        };
+        fontSizes: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+        };
+        radii: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            round: string;
+            pill: string;
+        };
+        zIndices: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            max: string;
+            toast: string;
+        };
+    }, _stitches_react_types_config.DefaultThemeMap, {
+        p: (value: ScaleValue<'padding'> | string | number) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "padding";
+            };
+        };
+        pt: (value: ScaleValue<'paddingTop'> | string | number) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
+            };
+        };
+        pr: (value: ScaleValue<'paddingRight'> | string | number) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "paddingRight";
+            };
+        };
+        pb: (value: ScaleValue<'paddingBottom'> | string | number) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "paddingBottom";
+            };
+        };
+        pl: (value: ScaleValue<'paddingLeft'> | string | number) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
+            };
+        };
+        px: (value: ScaleValue<'paddingLeft'> | string | number) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
+            };
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
+            };
+        };
+        py: (value: ScaleValue<'paddingTop'> | string | number) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
+            };
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
+            };
+        };
+        m: (value: ScaleValue<'margin'> | string | number) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "margin";
+            };
+        };
+        mt: (value: ScaleValue<'marginTop'> | string | number) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
+            };
+        };
+        mr: (value: ScaleValue<'marginRight'> | string | number) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "marginRight";
+            };
+        };
+        mb: (value: ScaleValue<'marginBottom'> | string | number) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "marginBottom";
+            };
+        };
+        ml: (value: ScaleValue<'marginLeft'> | string | number) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
+            };
+        };
+        mx: (value: ScaleValue<'marginLeft'> | string | number) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
+            };
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
+            };
+        };
+        my: (value: ScaleValue<'marginTop'> | string | number) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
+            };
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
+            };
+        };
+        ta: (value: ScaleValue<'textAlign'> | string | number) => {
+            textAlign: string | number | {
+                readonly [$$ScaleValue]: "textAlign";
+            };
+        };
+        fd: (value: ScaleValue<'flexDirection'> | string | number) => {
+            flexDirection: string | number | {
+                readonly [$$ScaleValue]: "flexDirection";
+            };
+        };
+        fw: (value: ScaleValue<'flexWrap'> | string | number) => {
+            flexWrap: string | number | {
+                readonly [$$ScaleValue]: "flexWrap";
+            };
+        };
+        ai: (value: ScaleValue<'alignItems'> | string | number) => {
+            alignItems: string | number | {
+                readonly [$$ScaleValue]: "alignItems";
+            };
+        };
+        ac: (value: ScaleValue<'alignContent'> | string | number) => {
+            alignContent: string | number | {
+                readonly [$$ScaleValue]: "alignContent";
+            };
+        };
+        jc: (value: ScaleValue<'justifyContent'> | string | number) => {
+            justifyContent: string | number | {
+                readonly [$$ScaleValue]: "justifyContent";
+            };
+        };
+        as: (value: ScaleValue<'alignSelf'> | string | number) => {
+            alignSelf: string | number | {
+                readonly [$$ScaleValue]: "alignSelf";
+            };
+        };
+        fg: (value: ScaleValue<'flexGrow'> | string | number) => {
+            flexGrow: string | number | {
+                readonly [$$ScaleValue]: "flexGrow";
+            };
+        };
+        fs: (value: ScaleValue<'flexShrink'> | string | number) => {
+            flexShrink: string | number | {
+                readonly [$$ScaleValue]: "flexShrink";
+            };
+        };
+        fb: (value: ScaleValue<'flexBasis'> | string | number) => {
+            flexBasis: string | number | {
+                readonly [$$ScaleValue]: "flexBasis";
+            };
+        };
+        bc: (value: ScaleValue<'backgroundColor'> | string | number) => {
+            backgroundColor: string | number | {
+                readonly [$$ScaleValue]: "backgroundColor";
+            };
+        };
+        br: (value: ScaleValue<'borderRadius'> | string | number) => {
+            borderRadius: string | number | {
+                readonly [$$ScaleValue]: "borderRadius";
+            };
+        };
+        btrr: (value: ScaleValue<'borderTopRightRadius'> | string | number) => {
+            borderTopRightRadius: string | number | {
+                readonly [$$ScaleValue]: "borderTopRightRadius";
+            };
+        };
+        bbrr: (value: ScaleValue<'borderBottomRightRadius'> | string | number) => {
+            borderBottomRightRadius: string | number | {
+                readonly [$$ScaleValue]: "borderBottomRightRadius";
+            };
+        };
+        bblr: (value: ScaleValue<'borderBottomLeftRadius'> | string | number) => {
+            borderBottomLeftRadius: string | number | {
+                readonly [$$ScaleValue]: "borderBottomLeftRadius";
+            };
+        };
+        btlr: (value: ScaleValue<'borderTopLeftRadius'> | string | number) => {
+            borderTopLeftRadius: string | number | {
+                readonly [$$ScaleValue]: "borderTopLeftRadius";
+            };
+        };
+        bs: (value: ScaleValue<'boxShadow'> | string | number) => {
+            boxShadow: string | number | {
+                readonly [$$ScaleValue]: "boxShadow";
+            };
+        };
+        lh: (value: ScaleValue<'lineHeight'> | string | number) => {
+            lineHeight: string | number | {
+                readonly [$$ScaleValue]: "lineHeight";
+            };
+        };
+        ox: (value: ScaleValue<'overflowX'> | string | number) => {
+            overflowX: string | number | {
+                readonly [$$ScaleValue]: "overflowX";
+            };
+        };
+        oy: (value: ScaleValue<'overflowY'> | string | number) => {
+            overflowY: string | number | {
+                readonly [$$ScaleValue]: "overflowY";
+            };
+        };
+        pe: (value: ScaleValue<'pointerEvents'> | string | number) => {
+            pointerEvents: string | number | {
+                readonly [$$ScaleValue]: "pointerEvents";
+            };
+        };
+        us: (value: ScaleValue<'userSelect'> | string | number) => {
+            WebkitUserSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
+            };
+            userSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
+            };
+        };
+        userSelect: (value: ScaleValue<'userSelect'> | string | number) => {
+            WebkitUserSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
+            };
+            userSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
+            };
+        };
+        size: (value: ScaleValue<'width'> | string | number) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "width";
+            };
+            height: string | number | {
+                readonly [$$ScaleValue]: "width";
+            };
+        };
+        appearance: (value: ScaleValue<'appearance'> | string | number) => {
+            WebkitAppearance: string | number | {
+                readonly [$$ScaleValue]: "appearance";
+            };
+            appearance: string | number | {
+                readonly [$$ScaleValue]: "appearance";
+            };
+        };
+        backgroundClip: (value: ScaleValue<'backgroundClip'> | string | number) => {
+            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 | keyof JSX.IntrinsicElements | React.ComponentType<any>, Composers extends (string | _stitches_react_types_util.Function | React.ComponentType<any> | {
+    [name: string]: unknown;
+})[], CSS_1 = _stitches_react_types_css_util.CSS<{
+    bp1: "(min-width: 520px)";
+    bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
+    bp4: "(min-width: 1800px)";
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+}, {
+    colors: {
+        hiContrast: string;
+        loContrast: string;
+        canvas: string;
+        gradient: string;
+        panel: string;
+        transparentPanel: string;
+        shadowLight: string;
+        shadowDark: string;
+        whiteA1: string;
+        whiteA2: string;
+        whiteA3: string;
+        whiteA4: string;
+        whiteA5: string;
+        whiteA6: string;
+        whiteA7: string;
+        whiteA8: string;
+        whiteA9: string;
+        whiteA10: string;
+        whiteA11: string;
+        whiteA12: string;
+        violetA1: string;
+        violetA2: string;
+        violetA3: string;
+        violetA4: string;
+        violetA5: string;
+        violetA6: string;
+        violetA7: string;
+        violetA8: string;
+        violetA9: string;
+        violetA10: string;
+        violetA11: string;
+        violetA12: string;
+        violet1: string;
+        violet2: string;
+        violet3: string;
+        violet4: string;
+        violet5: string;
+        violet6: string;
+        violet7: string;
+        violet8: string;
+        violet9: string;
+        violet10: string;
+        violet11: string;
+        violet12: string;
+        slateA1: string;
+        slateA2: string;
+        slateA3: string;
+        slateA4: string;
+        slateA5: string;
+        slateA6: string;
+        slateA7: string;
+        slateA8: string;
+        slateA9: string;
+        slateA10: string;
+        slateA11: string;
+        slateA12: string;
+        slate1: string;
+        slate2: string;
+        slate3: string;
+        slate4: string;
+        slate5: string;
+        slate6: string;
+        slate7: string;
+        slate8: string;
+        slate9: string;
+        slate10: string;
+        slate11: string;
+        slate12: string;
+        redA1: string;
+        redA2: string;
+        redA3: string;
+        redA4: string;
+        redA5: string;
+        redA6: string;
+        redA7: string;
+        redA8: string;
+        redA9: string;
+        redA10: string;
+        redA11: string;
+        redA12: string;
+        red1: string;
+        red2: string;
+        red3: string;
+        red4: string;
+        red5: string;
+        red6: string;
+        red7: string;
+        red8: string;
+        red9: string;
+        red10: string;
+        red11: string;
+        red12: string;
+        orangeA1: string;
+        orangeA2: string;
+        orangeA3: string;
+        orangeA4: string;
+        orangeA5: string;
+        orangeA6: string;
+        orangeA7: string;
+        orangeA8: string;
+        orangeA9: string;
+        orangeA10: string;
+        orangeA11: string;
+        orangeA12: string;
+        orange1: string;
+        orange2: string;
+        orange3: string;
+        orange4: string;
+        orange5: string;
+        orange6: string;
+        orange7: string;
+        orange8: string;
+        orange9: string;
+        orange10: string;
+        orange11: string;
+        orange12: string;
+        greenA1: string;
+        greenA2: string;
+        greenA3: string;
+        greenA4: string;
+        greenA5: string;
+        greenA6: string;
+        greenA7: string;
+        greenA8: string;
+        greenA9: string;
+        greenA10: string;
+        greenA11: string;
+        greenA12: string;
+        green1: string;
+        green2: string;
+        green3: string;
+        green4: string;
+        green5: string;
+        green6: string;
+        green7: string;
+        green8: string;
+        green9: string;
+        green10: string;
+        green11: string;
+        green12: string;
+        grayA1: string;
+        grayA2: string;
+        grayA3: string;
+        grayA4: string;
+        grayA5: string;
+        grayA6: string;
+        grayA7: string;
+        grayA8: string;
+        grayA9: string;
+        grayA10: string;
+        grayA11: string;
+        grayA12: string;
+        gray1: string;
+        gray2: string;
+        gray3: string;
+        gray4: string;
+        gray5: string;
+        gray6: string;
+        gray7: string;
+        gray8: string;
+        gray9: string;
+        gray10: string;
+        gray11: string;
+        gray12: string;
+        blueA1: string;
+        blueA2: string;
+        blueA3: string;
+        blueA4: string;
+        blueA5: string;
+        blueA6: string;
+        blueA7: string;
+        blueA8: string;
+        blueA9: string;
+        blueA10: string;
+        blueA11: string;
+        blueA12: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        blue4: string;
+        blue5: string;
+        blue6: string;
+        blue7: string;
+        blue8: string;
+        blue9: string;
+        blue10: string;
+        blue11: string;
+        blue12: string;
+        blackA1: string;
+        blackA2: string;
+        blackA3: string;
+        blackA4: string;
+        blackA5: string;
+        blackA6: string;
+        blackA7: string;
+        blackA8: string;
+        blackA9: string;
+        blackA10: string;
+        blackA11: string;
+        blackA12: string;
+    };
+    fonts: {
+        mono: string;
+        sans: string;
+        serif: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    sizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    fontSizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    radii: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        round: string;
+        pill: string;
+    };
+    zIndices: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        max: string;
+        toast: string;
+    };
+}, _stitches_react_types_config.DefaultThemeMap, {
+    p: (value: ScaleValue<'padding'> | string | number) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "padding";
+        };
+    };
+    pt: (value: ScaleValue<'paddingTop'> | string | number) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
+        };
+    };
+    pr: (value: ScaleValue<'paddingRight'> | string | number) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingRight";
+        };
+    };
+    pb: (value: ScaleValue<'paddingBottom'> | string | number) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingBottom";
+        };
+    };
+    pl: (value: ScaleValue<'paddingLeft'> | string | number) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
+        };
+    };
+    px: (value: ScaleValue<'paddingLeft'> | string | number) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
+        };
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
+        };
+    };
+    py: (value: ScaleValue<'paddingTop'> | string | number) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
+        };
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
+        };
+    };
+    m: (value: ScaleValue<'margin'> | string | number) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "margin";
+        };
+    };
+    mt: (value: ScaleValue<'marginTop'> | string | number) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
+        };
+    };
+    mr: (value: ScaleValue<'marginRight'> | string | number) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginRight";
+        };
+    };
+    mb: (value: ScaleValue<'marginBottom'> | string | number) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginBottom";
+        };
+    };
+    ml: (value: ScaleValue<'marginLeft'> | string | number) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
+        };
+    };
+    mx: (value: ScaleValue<'marginLeft'> | string | number) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
+        };
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
+        };
+    };
+    my: (value: ScaleValue<'marginTop'> | string | number) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
+        };
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
+        };
+    };
+    ta: (value: ScaleValue<'textAlign'> | string | number) => {
+        textAlign: string | number | {
+            readonly [$$ScaleValue]: "textAlign";
+        };
+    };
+    fd: (value: ScaleValue<'flexDirection'> | string | number) => {
+        flexDirection: string | number | {
+            readonly [$$ScaleValue]: "flexDirection";
+        };
+    };
+    fw: (value: ScaleValue<'flexWrap'> | string | number) => {
+        flexWrap: string | number | {
+            readonly [$$ScaleValue]: "flexWrap";
+        };
+    };
+    ai: (value: ScaleValue<'alignItems'> | string | number) => {
+        alignItems: string | number | {
+            readonly [$$ScaleValue]: "alignItems";
+        };
+    };
+    ac: (value: ScaleValue<'alignContent'> | string | number) => {
+        alignContent: string | number | {
+            readonly [$$ScaleValue]: "alignContent";
+        };
+    };
+    jc: (value: ScaleValue<'justifyContent'> | string | number) => {
+        justifyContent: string | number | {
+            readonly [$$ScaleValue]: "justifyContent";
+        };
+    };
+    as: (value: ScaleValue<'alignSelf'> | string | number) => {
+        alignSelf: string | number | {
+            readonly [$$ScaleValue]: "alignSelf";
+        };
+    };
+    fg: (value: ScaleValue<'flexGrow'> | string | number) => {
+        flexGrow: string | number | {
+            readonly [$$ScaleValue]: "flexGrow";
+        };
+    };
+    fs: (value: ScaleValue<'flexShrink'> | string | number) => {
+        flexShrink: string | number | {
+            readonly [$$ScaleValue]: "flexShrink";
+        };
+    };
+    fb: (value: ScaleValue<'flexBasis'> | string | number) => {
+        flexBasis: string | number | {
+            readonly [$$ScaleValue]: "flexBasis";
+        };
+    };
+    bc: (value: ScaleValue<'backgroundColor'> | string | number) => {
+        backgroundColor: string | number | {
+            readonly [$$ScaleValue]: "backgroundColor";
+        };
+    };
+    br: (value: ScaleValue<'borderRadius'> | string | number) => {
+        borderRadius: string | number | {
+            readonly [$$ScaleValue]: "borderRadius";
+        };
+    };
+    btrr: (value: ScaleValue<'borderTopRightRadius'> | string | number) => {
+        borderTopRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopRightRadius";
+        };
+    };
+    bbrr: (value: ScaleValue<'borderBottomRightRadius'> | string | number) => {
+        borderBottomRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomRightRadius";
+        };
+    };
+    bblr: (value: ScaleValue<'borderBottomLeftRadius'> | string | number) => {
+        borderBottomLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomLeftRadius";
+        };
+    };
+    btlr: (value: ScaleValue<'borderTopLeftRadius'> | string | number) => {
+        borderTopLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopLeftRadius";
+        };
+    };
+    bs: (value: ScaleValue<'boxShadow'> | string | number) => {
+        boxShadow: string | number | {
+            readonly [$$ScaleValue]: "boxShadow";
+        };
+    };
+    lh: (value: ScaleValue<'lineHeight'> | string | number) => {
+        lineHeight: string | number | {
+            readonly [$$ScaleValue]: "lineHeight";
+        };
+    };
+    ox: (value: ScaleValue<'overflowX'> | string | number) => {
+        overflowX: string | number | {
+            readonly [$$ScaleValue]: "overflowX";
+        };
+    };
+    oy: (value: ScaleValue<'overflowY'> | string | number) => {
+        overflowY: string | number | {
+            readonly [$$ScaleValue]: "overflowY";
+        };
+    };
+    pe: (value: ScaleValue<'pointerEvents'> | string | number) => {
+        pointerEvents: string | number | {
+            readonly [$$ScaleValue]: "pointerEvents";
+        };
+    };
+    us: (value: ScaleValue<'userSelect'> | string | number) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+    };
+    userSelect: (value: ScaleValue<'userSelect'> | string | number) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+    };
+    size: (value: ScaleValue<'width'> | string | number) => {
+        width: string | number | {
+            readonly [$$ScaleValue]: "width";
+        };
+        height: string | number | {
+            readonly [$$ScaleValue]: "width";
+        };
+    };
+    appearance: (value: ScaleValue<'appearance'> | string | number) => {
+        WebkitAppearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
+        };
+        appearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
+        };
+    };
+    backgroundClip: (value: ScaleValue<'backgroundClip'> | string | number) => {
+        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: "(min-width: 520px)";
+    bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
+    bp4: "(min-width: 1800px)";
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+}, _stitches_react_types_css_util.CSS<{
+    bp1: "(min-width: 520px)";
+    bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
+    bp4: "(min-width: 1800px)";
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+}, {
+    colors: {
+        hiContrast: string;
+        loContrast: string;
+        canvas: string;
+        gradient: string;
+        panel: string;
+        transparentPanel: string;
+        shadowLight: string;
+        shadowDark: string;
+        whiteA1: string;
+        whiteA2: string;
+        whiteA3: string;
+        whiteA4: string;
+        whiteA5: string;
+        whiteA6: string;
+        whiteA7: string;
+        whiteA8: string;
+        whiteA9: string;
+        whiteA10: string;
+        whiteA11: string;
+        whiteA12: string;
+        violetA1: string;
+        violetA2: string;
+        violetA3: string;
+        violetA4: string;
+        violetA5: string;
+        violetA6: string;
+        violetA7: string;
+        violetA8: string;
+        violetA9: string;
+        violetA10: string;
+        violetA11: string;
+        violetA12: string;
+        violet1: string;
+        violet2: string;
+        violet3: string;
+        violet4: string;
+        violet5: string;
+        violet6: string;
+        violet7: string;
+        violet8: string;
+        violet9: string;
+        violet10: string;
+        violet11: string;
+        violet12: string;
+        slateA1: string;
+        slateA2: string;
+        slateA3: string;
+        slateA4: string;
+        slateA5: string;
+        slateA6: string;
+        slateA7: string;
+        slateA8: string;
+        slateA9: string;
+        slateA10: string;
+        slateA11: string;
+        slateA12: string;
+        slate1: string;
+        slate2: string;
+        slate3: string;
+        slate4: string;
+        slate5: string;
+        slate6: string;
+        slate7: string;
+        slate8: string;
+        slate9: string;
+        slate10: string;
+        slate11: string;
+        slate12: string;
+        redA1: string;
+        redA2: string;
+        redA3: string;
+        redA4: string;
+        redA5: string;
+        redA6: string;
+        redA7: string;
+        redA8: string;
+        redA9: string;
+        redA10: string;
+        redA11: string;
+        redA12: string;
+        red1: string;
+        red2: string;
+        red3: string;
+        red4: string;
+        red5: string;
+        red6: string;
+        red7: string;
+        red8: string;
+        red9: string;
+        red10: string;
+        red11: string;
+        red12: string;
+        orangeA1: string;
+        orangeA2: string;
+        orangeA3: string;
+        orangeA4: string;
+        orangeA5: string;
+        orangeA6: string;
+        orangeA7: string;
+        orangeA8: string;
+        orangeA9: string;
+        orangeA10: string;
+        orangeA11: string;
+        orangeA12: string;
+        orange1: string;
+        orange2: string;
+        orange3: string;
+        orange4: string;
+        orange5: string;
+        orange6: string;
+        orange7: string;
+        orange8: string;
+        orange9: string;
+        orange10: string;
+        orange11: string;
+        orange12: string;
+        greenA1: string;
+        greenA2: string;
+        greenA3: string;
+        greenA4: string;
+        greenA5: string;
+        greenA6: string;
+        greenA7: string;
+        greenA8: string;
+        greenA9: string;
+        greenA10: string;
+        greenA11: string;
+        greenA12: string;
+        green1: string;
+        green2: string;
+        green3: string;
+        green4: string;
+        green5: string;
+        green6: string;
+        green7: string;
+        green8: string;
+        green9: string;
+        green10: string;
+        green11: string;
+        green12: string;
+        grayA1: string;
+        grayA2: string;
+        grayA3: string;
+        grayA4: string;
+        grayA5: string;
+        grayA6: string;
+        grayA7: string;
+        grayA8: string;
+        grayA9: string;
+        grayA10: string;
+        grayA11: string;
+        grayA12: string;
+        gray1: string;
+        gray2: string;
+        gray3: string;
+        gray4: string;
+        gray5: string;
+        gray6: string;
+        gray7: string;
+        gray8: string;
+        gray9: string;
+        gray10: string;
+        gray11: string;
+        gray12: string;
+        blueA1: string;
+        blueA2: string;
+        blueA3: string;
+        blueA4: string;
+        blueA5: string;
+        blueA6: string;
+        blueA7: string;
+        blueA8: string;
+        blueA9: string;
+        blueA10: string;
+        blueA11: string;
+        blueA12: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        blue4: string;
+        blue5: string;
+        blue6: string;
+        blue7: string;
+        blue8: string;
+        blue9: string;
+        blue10: string;
+        blue11: string;
+        blue12: string;
+        blackA1: string;
+        blackA2: string;
+        blackA3: string;
+        blackA4: string;
+        blackA5: string;
+        blackA6: string;
+        blackA7: string;
+        blackA8: string;
+        blackA9: string;
+        blackA10: string;
+        blackA11: string;
+        blackA12: string;
+    };
+    fonts: {
+        mono: string;
+        sans: string;
+        serif: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    sizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    fontSizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    radii: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        round: string;
+        pill: string;
+    };
+    zIndices: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        max: string;
+        toast: string;
+    };
+}, _stitches_react_types_config.DefaultThemeMap, {
+    p: (value: ScaleValue<'padding'> | string | number) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "padding";
+        };
+    };
+    pt: (value: ScaleValue<'paddingTop'> | string | number) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
+        };
+    };
+    pr: (value: ScaleValue<'paddingRight'> | string | number) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingRight";
+        };
+    };
+    pb: (value: ScaleValue<'paddingBottom'> | string | number) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingBottom";
+        };
+    };
+    pl: (value: ScaleValue<'paddingLeft'> | string | number) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
+        };
+    };
+    px: (value: ScaleValue<'paddingLeft'> | string | number) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
+        };
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
+        };
+    };
+    py: (value: ScaleValue<'paddingTop'> | string | number) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
+        };
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
+        };
+    };
+    m: (value: ScaleValue<'margin'> | string | number) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "margin";
+        };
+    };
+    mt: (value: ScaleValue<'marginTop'> | string | number) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
+        };
+    };
+    mr: (value: ScaleValue<'marginRight'> | string | number) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginRight";
+        };
+    };
+    mb: (value: ScaleValue<'marginBottom'> | string | number) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginBottom";
+        };
+    };
+    ml: (value: ScaleValue<'marginLeft'> | string | number) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
+        };
+    };
+    mx: (value: ScaleValue<'marginLeft'> | string | number) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
+        };
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
+        };
+    };
+    my: (value: ScaleValue<'marginTop'> | string | number) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
+        };
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
+        };
+    };
+    ta: (value: ScaleValue<'textAlign'> | string | number) => {
+        textAlign: string | number | {
+            readonly [$$ScaleValue]: "textAlign";
+        };
+    };
+    fd: (value: ScaleValue<'flexDirection'> | string | number) => {
+        flexDirection: string | number | {
+            readonly [$$ScaleValue]: "flexDirection";
+        };
+    };
+    fw: (value: ScaleValue<'flexWrap'> | string | number) => {
+        flexWrap: string | number | {
+            readonly [$$ScaleValue]: "flexWrap";
+        };
+    };
+    ai: (value: ScaleValue<'alignItems'> | string | number) => {
+        alignItems: string | number | {
+            readonly [$$ScaleValue]: "alignItems";
+        };
+    };
+    ac: (value: ScaleValue<'alignContent'> | string | number) => {
+        alignContent: string | number | {
+            readonly [$$ScaleValue]: "alignContent";
+        };
+    };
+    jc: (value: ScaleValue<'justifyContent'> | string | number) => {
+        justifyContent: string | number | {
+            readonly [$$ScaleValue]: "justifyContent";
+        };
+    };
+    as: (value: ScaleValue<'alignSelf'> | string | number) => {
+        alignSelf: string | number | {
+            readonly [$$ScaleValue]: "alignSelf";
+        };
+    };
+    fg: (value: ScaleValue<'flexGrow'> | string | number) => {
+        flexGrow: string | number | {
+            readonly [$$ScaleValue]: "flexGrow";
+        };
+    };
+    fs: (value: ScaleValue<'flexShrink'> | string | number) => {
+        flexShrink: string | number | {
+            readonly [$$ScaleValue]: "flexShrink";
+        };
+    };
+    fb: (value: ScaleValue<'flexBasis'> | string | number) => {
+        flexBasis: string | number | {
+            readonly [$$ScaleValue]: "flexBasis";
+        };
+    };
+    bc: (value: ScaleValue<'backgroundColor'> | string | number) => {
+        backgroundColor: string | number | {
+            readonly [$$ScaleValue]: "backgroundColor";
+        };
+    };
+    br: (value: ScaleValue<'borderRadius'> | string | number) => {
+        borderRadius: string | number | {
+            readonly [$$ScaleValue]: "borderRadius";
+        };
+    };
+    btrr: (value: ScaleValue<'borderTopRightRadius'> | string | number) => {
+        borderTopRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopRightRadius";
+        };
+    };
+    bbrr: (value: ScaleValue<'borderBottomRightRadius'> | string | number) => {
+        borderBottomRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomRightRadius";
+        };
+    };
+    bblr: (value: ScaleValue<'borderBottomLeftRadius'> | string | number) => {
+        borderBottomLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomLeftRadius";
+        };
+    };
+    btlr: (value: ScaleValue<'borderTopLeftRadius'> | string | number) => {
+        borderTopLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopLeftRadius";
+        };
+    };
+    bs: (value: ScaleValue<'boxShadow'> | string | number) => {
+        boxShadow: string | number | {
+            readonly [$$ScaleValue]: "boxShadow";
+        };
+    };
+    lh: (value: ScaleValue<'lineHeight'> | string | number) => {
+        lineHeight: string | number | {
+            readonly [$$ScaleValue]: "lineHeight";
+        };
+    };
+    ox: (value: ScaleValue<'overflowX'> | string | number) => {
+        overflowX: string | number | {
+            readonly [$$ScaleValue]: "overflowX";
+        };
+    };
+    oy: (value: ScaleValue<'overflowY'> | string | number) => {
+        overflowY: string | number | {
+            readonly [$$ScaleValue]: "overflowY";
+        };
+    };
+    pe: (value: ScaleValue<'pointerEvents'> | string | number) => {
+        pointerEvents: string | number | {
+            readonly [$$ScaleValue]: "pointerEvents";
+        };
+    };
+    us: (value: ScaleValue<'userSelect'> | string | number) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+    };
+    userSelect: (value: ScaleValue<'userSelect'> | string | number) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+    };
+    size: (value: ScaleValue<'width'> | string | number) => {
+        width: string | number | {
+            readonly [$$ScaleValue]: "width";
+        };
+        height: string | number | {
+            readonly [$$ScaleValue]: "width";
+        };
+    };
+    appearance: (value: ScaleValue<'appearance'> | string | number) => {
+        WebkitAppearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
+        };
+        appearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
+        };
+    };
+    backgroundClip: (value: ScaleValue<'backgroundClip'> | string | number) => {
+        WebkitBackgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
+        };
+        backgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
+        };
+    };
+}>>;
+declare const theme: string & {
+    className: string;
+    selector: string;
+} & {
+    colors: {
+        hiContrast: _stitches_react_types_theme.Token<"hiContrast", string, "colors", "">;
+        loContrast: _stitches_react_types_theme.Token<"loContrast", string, "colors", "">;
+        canvas: _stitches_react_types_theme.Token<"canvas", string, "colors", "">;
+        gradient: _stitches_react_types_theme.Token<"gradient", string, "colors", "">;
+        panel: _stitches_react_types_theme.Token<"panel", string, "colors", "">;
+        transparentPanel: _stitches_react_types_theme.Token<"transparentPanel", string, "colors", "">;
+        shadowLight: _stitches_react_types_theme.Token<"shadowLight", string, "colors", "">;
+        shadowDark: _stitches_react_types_theme.Token<"shadowDark", string, "colors", "">;
+        whiteA1: _stitches_react_types_theme.Token<"whiteA1", string, "colors", "">;
+        whiteA2: _stitches_react_types_theme.Token<"whiteA2", string, "colors", "">;
+        whiteA3: _stitches_react_types_theme.Token<"whiteA3", string, "colors", "">;
+        whiteA4: _stitches_react_types_theme.Token<"whiteA4", string, "colors", "">;
+        whiteA5: _stitches_react_types_theme.Token<"whiteA5", string, "colors", "">;
+        whiteA6: _stitches_react_types_theme.Token<"whiteA6", string, "colors", "">;
+        whiteA7: _stitches_react_types_theme.Token<"whiteA7", string, "colors", "">;
+        whiteA8: _stitches_react_types_theme.Token<"whiteA8", string, "colors", "">;
+        whiteA9: _stitches_react_types_theme.Token<"whiteA9", string, "colors", "">;
+        whiteA10: _stitches_react_types_theme.Token<"whiteA10", string, "colors", "">;
+        whiteA11: _stitches_react_types_theme.Token<"whiteA11", string, "colors", "">;
+        whiteA12: _stitches_react_types_theme.Token<"whiteA12", string, "colors", "">;
+        violetA1: _stitches_react_types_theme.Token<"violetA1", string, "colors", "">;
+        violetA2: _stitches_react_types_theme.Token<"violetA2", string, "colors", "">;
+        violetA3: _stitches_react_types_theme.Token<"violetA3", string, "colors", "">;
+        violetA4: _stitches_react_types_theme.Token<"violetA4", string, "colors", "">;
+        violetA5: _stitches_react_types_theme.Token<"violetA5", string, "colors", "">;
+        violetA6: _stitches_react_types_theme.Token<"violetA6", string, "colors", "">;
+        violetA7: _stitches_react_types_theme.Token<"violetA7", string, "colors", "">;
+        violetA8: _stitches_react_types_theme.Token<"violetA8", string, "colors", "">;
+        violetA9: _stitches_react_types_theme.Token<"violetA9", string, "colors", "">;
+        violetA10: _stitches_react_types_theme.Token<"violetA10", string, "colors", "">;
+        violetA11: _stitches_react_types_theme.Token<"violetA11", string, "colors", "">;
+        violetA12: _stitches_react_types_theme.Token<"violetA12", string, "colors", "">;
+        violet1: _stitches_react_types_theme.Token<"violet1", string, "colors", "">;
+        violet2: _stitches_react_types_theme.Token<"violet2", string, "colors", "">;
+        violet3: _stitches_react_types_theme.Token<"violet3", string, "colors", "">;
+        violet4: _stitches_react_types_theme.Token<"violet4", string, "colors", "">;
+        violet5: _stitches_react_types_theme.Token<"violet5", string, "colors", "">;
+        violet6: _stitches_react_types_theme.Token<"violet6", string, "colors", "">;
+        violet7: _stitches_react_types_theme.Token<"violet7", string, "colors", "">;
+        violet8: _stitches_react_types_theme.Token<"violet8", string, "colors", "">;
+        violet9: _stitches_react_types_theme.Token<"violet9", string, "colors", "">;
+        violet10: _stitches_react_types_theme.Token<"violet10", string, "colors", "">;
+        violet11: _stitches_react_types_theme.Token<"violet11", string, "colors", "">;
+        violet12: _stitches_react_types_theme.Token<"violet12", string, "colors", "">;
+        slateA1: _stitches_react_types_theme.Token<"slateA1", string, "colors", "">;
+        slateA2: _stitches_react_types_theme.Token<"slateA2", string, "colors", "">;
+        slateA3: _stitches_react_types_theme.Token<"slateA3", string, "colors", "">;
+        slateA4: _stitches_react_types_theme.Token<"slateA4", string, "colors", "">;
+        slateA5: _stitches_react_types_theme.Token<"slateA5", string, "colors", "">;
+        slateA6: _stitches_react_types_theme.Token<"slateA6", string, "colors", "">;
+        slateA7: _stitches_react_types_theme.Token<"slateA7", string, "colors", "">;
+        slateA8: _stitches_react_types_theme.Token<"slateA8", string, "colors", "">;
+        slateA9: _stitches_react_types_theme.Token<"slateA9", string, "colors", "">;
+        slateA10: _stitches_react_types_theme.Token<"slateA10", string, "colors", "">;
+        slateA11: _stitches_react_types_theme.Token<"slateA11", string, "colors", "">;
+        slateA12: _stitches_react_types_theme.Token<"slateA12", string, "colors", "">;
+        slate1: _stitches_react_types_theme.Token<"slate1", string, "colors", "">;
+        slate2: _stitches_react_types_theme.Token<"slate2", string, "colors", "">;
+        slate3: _stitches_react_types_theme.Token<"slate3", string, "colors", "">;
+        slate4: _stitches_react_types_theme.Token<"slate4", string, "colors", "">;
+        slate5: _stitches_react_types_theme.Token<"slate5", string, "colors", "">;
+        slate6: _stitches_react_types_theme.Token<"slate6", string, "colors", "">;
+        slate7: _stitches_react_types_theme.Token<"slate7", string, "colors", "">;
+        slate8: _stitches_react_types_theme.Token<"slate8", string, "colors", "">;
+        slate9: _stitches_react_types_theme.Token<"slate9", string, "colors", "">;
+        slate10: _stitches_react_types_theme.Token<"slate10", string, "colors", "">;
+        slate11: _stitches_react_types_theme.Token<"slate11", string, "colors", "">;
+        slate12: _stitches_react_types_theme.Token<"slate12", string, "colors", "">;
+        redA1: _stitches_react_types_theme.Token<"redA1", string, "colors", "">;
+        redA2: _stitches_react_types_theme.Token<"redA2", string, "colors", "">;
+        redA3: _stitches_react_types_theme.Token<"redA3", string, "colors", "">;
+        redA4: _stitches_react_types_theme.Token<"redA4", string, "colors", "">;
+        redA5: _stitches_react_types_theme.Token<"redA5", string, "colors", "">;
+        redA6: _stitches_react_types_theme.Token<"redA6", string, "colors", "">;
+        redA7: _stitches_react_types_theme.Token<"redA7", string, "colors", "">;
+        redA8: _stitches_react_types_theme.Token<"redA8", string, "colors", "">;
+        redA9: _stitches_react_types_theme.Token<"redA9", string, "colors", "">;
+        redA10: _stitches_react_types_theme.Token<"redA10", string, "colors", "">;
+        redA11: _stitches_react_types_theme.Token<"redA11", string, "colors", "">;
+        redA12: _stitches_react_types_theme.Token<"redA12", string, "colors", "">;
+        red1: _stitches_react_types_theme.Token<"red1", string, "colors", "">;
+        red2: _stitches_react_types_theme.Token<"red2", string, "colors", "">;
+        red3: _stitches_react_types_theme.Token<"red3", string, "colors", "">;
+        red4: _stitches_react_types_theme.Token<"red4", string, "colors", "">;
+        red5: _stitches_react_types_theme.Token<"red5", string, "colors", "">;
+        red6: _stitches_react_types_theme.Token<"red6", string, "colors", "">;
+        red7: _stitches_react_types_theme.Token<"red7", string, "colors", "">;
+        red8: _stitches_react_types_theme.Token<"red8", string, "colors", "">;
+        red9: _stitches_react_types_theme.Token<"red9", string, "colors", "">;
+        red10: _stitches_react_types_theme.Token<"red10", string, "colors", "">;
+        red11: _stitches_react_types_theme.Token<"red11", string, "colors", "">;
+        red12: _stitches_react_types_theme.Token<"red12", string, "colors", "">;
+        orangeA1: _stitches_react_types_theme.Token<"orangeA1", string, "colors", "">;
+        orangeA2: _stitches_react_types_theme.Token<"orangeA2", string, "colors", "">;
+        orangeA3: _stitches_react_types_theme.Token<"orangeA3", string, "colors", "">;
+        orangeA4: _stitches_react_types_theme.Token<"orangeA4", string, "colors", "">;
+        orangeA5: _stitches_react_types_theme.Token<"orangeA5", string, "colors", "">;
+        orangeA6: _stitches_react_types_theme.Token<"orangeA6", string, "colors", "">;
+        orangeA7: _stitches_react_types_theme.Token<"orangeA7", string, "colors", "">;
+        orangeA8: _stitches_react_types_theme.Token<"orangeA8", string, "colors", "">;
+        orangeA9: _stitches_react_types_theme.Token<"orangeA9", string, "colors", "">;
+        orangeA10: _stitches_react_types_theme.Token<"orangeA10", string, "colors", "">;
+        orangeA11: _stitches_react_types_theme.Token<"orangeA11", string, "colors", "">;
+        orangeA12: _stitches_react_types_theme.Token<"orangeA12", string, "colors", "">;
+        orange1: _stitches_react_types_theme.Token<"orange1", string, "colors", "">;
+        orange2: _stitches_react_types_theme.Token<"orange2", string, "colors", "">;
+        orange3: _stitches_react_types_theme.Token<"orange3", string, "colors", "">;
+        orange4: _stitches_react_types_theme.Token<"orange4", string, "colors", "">;
+        orange5: _stitches_react_types_theme.Token<"orange5", string, "colors", "">;
+        orange6: _stitches_react_types_theme.Token<"orange6", string, "colors", "">;
+        orange7: _stitches_react_types_theme.Token<"orange7", string, "colors", "">;
+        orange8: _stitches_react_types_theme.Token<"orange8", string, "colors", "">;
+        orange9: _stitches_react_types_theme.Token<"orange9", string, "colors", "">;
+        orange10: _stitches_react_types_theme.Token<"orange10", string, "colors", "">;
+        orange11: _stitches_react_types_theme.Token<"orange11", string, "colors", "">;
+        orange12: _stitches_react_types_theme.Token<"orange12", string, "colors", "">;
+        greenA1: _stitches_react_types_theme.Token<"greenA1", string, "colors", "">;
+        greenA2: _stitches_react_types_theme.Token<"greenA2", string, "colors", "">;
+        greenA3: _stitches_react_types_theme.Token<"greenA3", string, "colors", "">;
+        greenA4: _stitches_react_types_theme.Token<"greenA4", string, "colors", "">;
+        greenA5: _stitches_react_types_theme.Token<"greenA5", string, "colors", "">;
+        greenA6: _stitches_react_types_theme.Token<"greenA6", string, "colors", "">;
+        greenA7: _stitches_react_types_theme.Token<"greenA7", string, "colors", "">;
+        greenA8: _stitches_react_types_theme.Token<"greenA8", string, "colors", "">;
+        greenA9: _stitches_react_types_theme.Token<"greenA9", string, "colors", "">;
+        greenA10: _stitches_react_types_theme.Token<"greenA10", string, "colors", "">;
+        greenA11: _stitches_react_types_theme.Token<"greenA11", string, "colors", "">;
+        greenA12: _stitches_react_types_theme.Token<"greenA12", string, "colors", "">;
+        green1: _stitches_react_types_theme.Token<"green1", string, "colors", "">;
+        green2: _stitches_react_types_theme.Token<"green2", string, "colors", "">;
+        green3: _stitches_react_types_theme.Token<"green3", string, "colors", "">;
+        green4: _stitches_react_types_theme.Token<"green4", string, "colors", "">;
+        green5: _stitches_react_types_theme.Token<"green5", string, "colors", "">;
+        green6: _stitches_react_types_theme.Token<"green6", string, "colors", "">;
+        green7: _stitches_react_types_theme.Token<"green7", string, "colors", "">;
+        green8: _stitches_react_types_theme.Token<"green8", string, "colors", "">;
+        green9: _stitches_react_types_theme.Token<"green9", string, "colors", "">;
+        green10: _stitches_react_types_theme.Token<"green10", string, "colors", "">;
+        green11: _stitches_react_types_theme.Token<"green11", string, "colors", "">;
+        green12: _stitches_react_types_theme.Token<"green12", string, "colors", "">;
+        grayA1: _stitches_react_types_theme.Token<"grayA1", string, "colors", "">;
+        grayA2: _stitches_react_types_theme.Token<"grayA2", string, "colors", "">;
+        grayA3: _stitches_react_types_theme.Token<"grayA3", string, "colors", "">;
+        grayA4: _stitches_react_types_theme.Token<"grayA4", string, "colors", "">;
+        grayA5: _stitches_react_types_theme.Token<"grayA5", string, "colors", "">;
+        grayA6: _stitches_react_types_theme.Token<"grayA6", string, "colors", "">;
+        grayA7: _stitches_react_types_theme.Token<"grayA7", string, "colors", "">;
+        grayA8: _stitches_react_types_theme.Token<"grayA8", string, "colors", "">;
+        grayA9: _stitches_react_types_theme.Token<"grayA9", string, "colors", "">;
+        grayA10: _stitches_react_types_theme.Token<"grayA10", string, "colors", "">;
+        grayA11: _stitches_react_types_theme.Token<"grayA11", string, "colors", "">;
+        grayA12: _stitches_react_types_theme.Token<"grayA12", string, "colors", "">;
+        gray1: _stitches_react_types_theme.Token<"gray1", string, "colors", "">;
+        gray2: _stitches_react_types_theme.Token<"gray2", string, "colors", "">;
+        gray3: _stitches_react_types_theme.Token<"gray3", string, "colors", "">;
+        gray4: _stitches_react_types_theme.Token<"gray4", string, "colors", "">;
+        gray5: _stitches_react_types_theme.Token<"gray5", string, "colors", "">;
+        gray6: _stitches_react_types_theme.Token<"gray6", string, "colors", "">;
+        gray7: _stitches_react_types_theme.Token<"gray7", string, "colors", "">;
+        gray8: _stitches_react_types_theme.Token<"gray8", string, "colors", "">;
+        gray9: _stitches_react_types_theme.Token<"gray9", string, "colors", "">;
+        gray10: _stitches_react_types_theme.Token<"gray10", string, "colors", "">;
+        gray11: _stitches_react_types_theme.Token<"gray11", string, "colors", "">;
+        gray12: _stitches_react_types_theme.Token<"gray12", string, "colors", "">;
+        blueA1: _stitches_react_types_theme.Token<"blueA1", string, "colors", "">;
+        blueA2: _stitches_react_types_theme.Token<"blueA2", string, "colors", "">;
+        blueA3: _stitches_react_types_theme.Token<"blueA3", string, "colors", "">;
+        blueA4: _stitches_react_types_theme.Token<"blueA4", string, "colors", "">;
+        blueA5: _stitches_react_types_theme.Token<"blueA5", string, "colors", "">;
+        blueA6: _stitches_react_types_theme.Token<"blueA6", string, "colors", "">;
+        blueA7: _stitches_react_types_theme.Token<"blueA7", string, "colors", "">;
+        blueA8: _stitches_react_types_theme.Token<"blueA8", string, "colors", "">;
+        blueA9: _stitches_react_types_theme.Token<"blueA9", string, "colors", "">;
+        blueA10: _stitches_react_types_theme.Token<"blueA10", string, "colors", "">;
+        blueA11: _stitches_react_types_theme.Token<"blueA11", string, "colors", "">;
+        blueA12: _stitches_react_types_theme.Token<"blueA12", string, "colors", "">;
+        blue1: _stitches_react_types_theme.Token<"blue1", string, "colors", "">;
+        blue2: _stitches_react_types_theme.Token<"blue2", string, "colors", "">;
+        blue3: _stitches_react_types_theme.Token<"blue3", string, "colors", "">;
+        blue4: _stitches_react_types_theme.Token<"blue4", string, "colors", "">;
+        blue5: _stitches_react_types_theme.Token<"blue5", string, "colors", "">;
+        blue6: _stitches_react_types_theme.Token<"blue6", string, "colors", "">;
+        blue7: _stitches_react_types_theme.Token<"blue7", string, "colors", "">;
+        blue8: _stitches_react_types_theme.Token<"blue8", string, "colors", "">;
+        blue9: _stitches_react_types_theme.Token<"blue9", string, "colors", "">;
+        blue10: _stitches_react_types_theme.Token<"blue10", string, "colors", "">;
+        blue11: _stitches_react_types_theme.Token<"blue11", string, "colors", "">;
+        blue12: _stitches_react_types_theme.Token<"blue12", string, "colors", "">;
+        blackA1: _stitches_react_types_theme.Token<"blackA1", string, "colors", "">;
+        blackA2: _stitches_react_types_theme.Token<"blackA2", string, "colors", "">;
+        blackA3: _stitches_react_types_theme.Token<"blackA3", string, "colors", "">;
+        blackA4: _stitches_react_types_theme.Token<"blackA4", string, "colors", "">;
+        blackA5: _stitches_react_types_theme.Token<"blackA5", string, "colors", "">;
+        blackA6: _stitches_react_types_theme.Token<"blackA6", string, "colors", "">;
+        blackA7: _stitches_react_types_theme.Token<"blackA7", string, "colors", "">;
+        blackA8: _stitches_react_types_theme.Token<"blackA8", string, "colors", "">;
+        blackA9: _stitches_react_types_theme.Token<"blackA9", string, "colors", "">;
+        blackA10: _stitches_react_types_theme.Token<"blackA10", string, "colors", "">;
+        blackA11: _stitches_react_types_theme.Token<"blackA11", string, "colors", "">;
+        blackA12: _stitches_react_types_theme.Token<"blackA12", string, "colors", "">;
+    };
+    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", "">;
+    };
+    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", "">;
+    };
+    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", "">;
+    };
+    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", "">;
+    };
+    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", "">;
+        round: _stitches_react_types_theme.Token<"round", string, "radii", "">;
+        pill: _stitches_react_types_theme.Token<"pill", string, "radii", "">;
+    };
+    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", "">;
+    };
+};
+/**
+ * @theme dark
+ */
+declare const darkTheme: string & {
+    className: string;
+    selector: string;
+} & _stitches_react_types_stitches.ThemeTokens<{
+    colors: {
+        hiContrast: string;
+        loContrast: string;
+        canvas: string;
+        panel: string;
+        transparentPanel: string;
+        shadowLight: string;
+        shadowDark: string;
+        violetA1: string;
+        violetA2: string;
+        violetA3: string;
+        violetA4: string;
+        violetA5: string;
+        violetA6: string;
+        violetA7: string;
+        violetA8: string;
+        violetA9: string;
+        violetA10: string;
+        violetA11: string;
+        violetA12: string;
+        violet1: string;
+        violet2: string;
+        violet3: string;
+        violet4: string;
+        violet5: string;
+        violet6: string;
+        violet7: string;
+        violet8: string;
+        violet9: string;
+        violet10: string;
+        violet11: string;
+        violet12: string;
+        slateA1: string;
+        slateA2: string;
+        slateA3: string;
+        slateA4: string;
+        slateA5: string;
+        slateA6: string;
+        slateA7: string;
+        slateA8: string;
+        slateA9: string;
+        slateA10: string;
+        slateA11: string;
+        slateA12: string;
+        slate1: string;
+        slate2: string;
+        slate3: string;
+        slate4: string;
+        slate5: string;
+        slate6: string;
+        slate7: string;
+        slate8: string;
+        slate9: string;
+        slate10: string;
+        slate11: string;
+        slate12: string;
+        redA1: string;
+        redA2: string;
+        redA3: string;
+        redA4: string;
+        redA5: string;
+        redA6: string;
+        redA7: string;
+        redA8: string;
+        redA9: string;
+        redA10: string;
+        redA11: string;
+        redA12: string;
+        red1: string;
+        red2: string;
+        red3: string;
+        red4: string;
+        red5: string;
+        red6: string;
+        red7: string;
+        red8: string;
+        red9: string;
+        red10: string;
+        red11: string;
+        red12: string;
+        orangeA1: string;
+        orangeA2: string;
+        orangeA3: string;
+        orangeA4: string;
+        orangeA5: string;
+        orangeA6: string;
+        orangeA7: string;
+        orangeA8: string;
+        orangeA9: string;
+        orangeA10: string;
+        orangeA11: string;
+        orangeA12: string;
+        orange1: string;
+        orange2: string;
+        orange3: string;
+        orange4: string;
+        orange5: string;
+        orange6: string;
+        orange7: string;
+        orange8: string;
+        orange9: string;
+        orange10: string;
+        orange11: string;
+        orange12: string;
+        greenA1: string;
+        greenA2: string;
+        greenA3: string;
+        greenA4: string;
+        greenA5: string;
+        greenA6: string;
+        greenA7: string;
+        greenA8: string;
+        greenA9: string;
+        greenA10: string;
+        greenA11: string;
+        greenA12: string;
+        green1: string;
+        green2: string;
+        green3: string;
+        green4: string;
+        green5: string;
+        green6: string;
+        green7: string;
+        green8: string;
+        green9: string;
+        green10: string;
+        green11: string;
+        green12: string;
+        grayA1: string;
+        grayA2: string;
+        grayA3: string;
+        grayA4: string;
+        grayA5: string;
+        grayA6: string;
+        grayA7: string;
+        grayA8: string;
+        grayA9: string;
+        grayA10: string;
+        grayA11: string;
+        grayA12: string;
+        gray1: string;
+        gray2: string;
+        gray3: string;
+        gray4: string;
+        gray5: string;
+        gray6: string;
+        gray7: string;
+        gray8: string;
+        gray9: string;
+        gray10: string;
+        gray11: string;
+        gray12: string;
+        blueA1: string;
+        blueA2: string;
+        blueA3: string;
+        blueA4: string;
+        blueA5: string;
+        blueA6: string;
+        blueA7: string;
+        blueA8: string;
+        blueA9: string;
+        blueA10: string;
+        blueA11: string;
+        blueA12: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        blue4: string;
+        blue5: string;
+        blue6: string;
+        blue7: string;
+        blue8: string;
+        blue9: string;
+        blue10: string;
+        blue11: string;
+        blue12: string;
+    };
+}, "">;
+/**
+ * @exports
+ */
+declare type CSS = CSS$1<typeof config>;
+
+export { CSS, config, createTheme, css, darkTheme, getCssText, globalCss, keyframes, reset, styled, theme };