@jeromefitz/design-system 4.1.5 → 4.1.6

package/lib/stitches.config.d.ts

@@ -1,10 +1,7 @@
 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_css_util from '@stitches/react/types/css-util';
 import * as _stitches_react_types_config from '@stitches/react/types/config';
 import { CSS as CSS$1 } from '@stitches/react';
 export { VariantProps } from '@stitches/react';
@@ -120,312 +117,134 @@ declare const config: {
     };
     themeMap: _stitches_react_types_config.DefaultThemeMap;
     utils: {
-        p: (value: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        }) => {
-            padding: string | number | {
-                readonly [$$ScaleValue]: "padding";
-            };
-        };
-        pt: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-        };
-        pr: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        }) => {
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "paddingRight";
-            };
-        };
-        pb: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        }) => {
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "paddingBottom";
-            };
-        };
-        pl: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-        };
-        px: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-        };
-        py: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-        };
-        m: (value: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        }) => {
-            margin: string | number | {
-                readonly [$$ScaleValue]: "margin";
-            };
-        };
-        mt: (value: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-        };
-        mr: (value: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        }) => {
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "marginRight";
-            };
-        };
-        mb: (value: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        }) => {
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "marginBottom";
-            };
-        };
-        ml: (value: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-        };
-        mx: (value: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-        };
-        my: (value: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-        };
-        ta: (value: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        }) => {
-            textAlign: string | number | {
-                readonly [$$ScaleValue]: "textAlign";
-            };
-        };
-        fd: (value: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        }) => {
-            flexDirection: string | number | {
-                readonly [$$ScaleValue]: "flexDirection";
-            };
-        };
-        fw: (value: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        }) => {
-            flexWrap: string | number | {
-                readonly [$$ScaleValue]: "flexWrap";
-            };
-        };
-        ai: (value: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        }) => {
-            alignItems: string | number | {
-                readonly [$$ScaleValue]: "alignItems";
-            };
-        };
-        ac: (value: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        }) => {
-            alignContent: string | number | {
-                readonly [$$ScaleValue]: "alignContent";
-            };
-        };
-        jc: (value: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        }) => {
-            justifyContent: string | number | {
-                readonly [$$ScaleValue]: "justifyContent";
-            };
-        };
-        as: (value: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        }) => {
-            alignSelf: string | number | {
-                readonly [$$ScaleValue]: "alignSelf";
-            };
-        };
-        fg: (value: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        }) => {
-            flexGrow: string | number | {
-                readonly [$$ScaleValue]: "flexGrow";
-            };
-        };
-        fs: (value: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        }) => {
-            flexShrink: string | number | {
-                readonly [$$ScaleValue]: "flexShrink";
-            };
-        };
-        fb: (value: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        }) => {
-            flexBasis: string | number | {
-                readonly [$$ScaleValue]: "flexBasis";
-            };
-        };
-        bc: (value: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        }) => {
-            backgroundColor: string | number | {
-                readonly [$$ScaleValue]: "backgroundColor";
-            };
-        };
-        br: (value: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        }) => {
-            borderRadius: string | number | {
-                readonly [$$ScaleValue]: "borderRadius";
-            };
-        };
-        btrr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        }) => {
-            borderTopRightRadius: string | number | {
-                readonly [$$ScaleValue]: "borderTopRightRadius";
-            };
-        };
-        bbrr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        }) => {
-            borderBottomRightRadius: string | number | {
-                readonly [$$ScaleValue]: "borderBottomRightRadius";
-            };
-        };
-        bblr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        }) => {
-            borderBottomLeftRadius: string | number | {
-                readonly [$$ScaleValue]: "borderBottomLeftRadius";
-            };
-        };
-        btlr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        }) => {
-            borderTopLeftRadius: string | number | {
-                readonly [$$ScaleValue]: "borderTopLeftRadius";
-            };
-        };
-        bs: (value: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        }) => {
-            boxShadow: string | number | {
-                readonly [$$ScaleValue]: "boxShadow";
-            };
-        };
-        lh: (value: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        }) => {
-            lineHeight: string | number | {
-                readonly [$$ScaleValue]: "lineHeight";
-            };
-        };
-        ox: (value: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        }) => {
-            overflowX: string | number | {
-                readonly [$$ScaleValue]: "overflowX";
-            };
-        };
-        oy: (value: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        }) => {
-            overflowY: string | number | {
-                readonly [$$ScaleValue]: "overflowY";
-            };
-        };
-        pe: (value: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        }) => {
-            pointerEvents: string | number | {
-                readonly [$$ScaleValue]: "pointerEvents";
-            };
-        };
-        us: (value: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        }) => {
-            WebkitUserSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-            userSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-        };
-        userSelect: (value: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        }) => {
-            WebkitUserSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-            userSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-        };
-        size: (value: string | number | {
-            readonly [$$ScaleValue]: "width";
-        }) => {
-            width: string | number | {
-                readonly [$$ScaleValue]: "width";
-            };
-            height: string | number | {
-                readonly [$$ScaleValue]: "width";
-            };
-        };
-        appearance: (value: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        }) => {
-            WebkitAppearance: string | number | {
-                readonly [$$ScaleValue]: "appearance";
-            };
-            appearance: string | number | {
-                readonly [$$ScaleValue]: "appearance";
-            };
-        };
-        backgroundClip: (value: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        }) => {
-            WebkitBackgroundClip: string | number | {
-                readonly [$$ScaleValue]: "backgroundClip";
-            };
-            backgroundClip: string | number | {
-                readonly [$$ScaleValue]: "backgroundClip";
-            };
+        p: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">) => {
+            padding: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">;
+        };
+        pt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
+            paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
+        };
+        pr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">) => {
+            paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">;
+        };
+        pb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">) => {
+            paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">;
+        };
+        pl: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
+            paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
+        };
+        px: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
+            paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
+            paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
+        };
+        py: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
+            paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
+            paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
+        };
+        m: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">) => {
+            margin: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">;
+        };
+        mt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
+            marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
+        };
+        mr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">) => {
+            marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">;
+        };
+        mb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">) => {
+            marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">;
+        };
+        ml: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
+            marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
+        };
+        mx: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
+            marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
+            marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
+        };
+        my: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
+            marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
+            marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
+        };
+        ta: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">) => {
+            textAlign: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">;
+        };
+        fd: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">) => {
+            flexDirection: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">;
+        };
+        fw: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">) => {
+            flexWrap: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">;
+        };
+        ai: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">) => {
+            alignItems: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">;
+        };
+        ac: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">) => {
+            alignContent: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">;
+        };
+        jc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">) => {
+            justifyContent: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">;
+        };
+        as: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">) => {
+            alignSelf: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">;
+        };
+        fg: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">) => {
+            flexGrow: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">;
+        };
+        fs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">) => {
+            flexShrink: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">;
+        };
+        fb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">) => {
+            flexBasis: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">;
+        };
+        bc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">) => {
+            backgroundColor: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">;
+        };
+        br: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">) => {
+            borderRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">;
+        };
+        btrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">) => {
+            borderTopRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">;
+        };
+        bbrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">) => {
+            borderBottomRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">;
+        };
+        bblr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">) => {
+            borderBottomLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">;
+        };
+        btlr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">) => {
+            borderTopLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">;
+        };
+        bs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">) => {
+            boxShadow: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">;
+        };
+        lh: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">) => {
+            lineHeight: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">;
+        };
+        ox: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">) => {
+            overflowX: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">;
+        };
+        oy: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">) => {
+            overflowY: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">;
+        };
+        pe: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">) => {
+            pointerEvents: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">;
+        };
+        us: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
+            WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+            userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+        };
+        userSelect: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
+            WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+            userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+        };
+        size: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"width">) => {
+            width: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
+            height: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
+        };
+        appearance: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">) => {
+            WebkitAppearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
+            appearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
+        };
+        backgroundClip: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">) => {
+            WebkitBackgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
+            backgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
         };
     };
 };
@@ -635,9 +454,248 @@ declare const createTheme: <Argument0 extends 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<{
+declare const css: {
+    withConfig: (config: {
+        componentId?: string;
+        displayName?: string;
+        shouldForwardStitchesProp?: (prop: "css" | (string & {})) => boolean | void;
+    }) => _stitches_react_types_stitches.CssFunctionType<{
+        bp1: string;
+        bp2: string;
+        bp3: string;
+        bp4: string;
+        motion: string;
+        hover: string;
+        dark: string;
+        light: string;
+    }, {
+        borderWidths: unknown;
+        borderStyles: unknown;
+        colors: unknown;
+        fonts: {
+            'fallback-mono': string;
+            'fallback-sans': string;
+            'fallback-serif': string;
+            mono: string;
+            sans: string;
+            serif: string;
+        };
+        fontSizes: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+        };
+        fontWeights: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+        };
+        letterSpacings: unknown;
+        lineHeights: unknown;
+        radii: {
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            pill: string;
+            round: string;
+        };
+        shadows: {
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            toast: string;
+        };
+        sizes: {
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+        };
+        space: {
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+            16: string;
+        };
+        transitions: unknown;
+        zIndices: {
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            max: string;
+            toast: string;
+        };
+        foo: {
+            bar: string;
+        };
+    }, _stitches_react_types_config.DefaultThemeMap, {
+        p: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">) => {
+            padding: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">;
+        };
+        pt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
+            paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
+        };
+        pr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">) => {
+            paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">;
+        };
+        pb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">) => {
+            paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">;
+        };
+        pl: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
+            paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
+        };
+        px: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
+            paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
+            paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
+        };
+        py: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
+            paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
+            paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
+        };
+        m: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">) => {
+            margin: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">;
+        };
+        mt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
+            marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
+        };
+        mr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">) => {
+            marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">;
+        };
+        mb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">) => {
+            marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">;
+        };
+        ml: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
+            marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
+        };
+        mx: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
+            marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
+            marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
+        };
+        my: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
+            marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
+            marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
+        };
+        ta: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">) => {
+            textAlign: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">;
+        };
+        fd: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">) => {
+            flexDirection: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">;
+        };
+        fw: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">) => {
+            flexWrap: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">;
+        };
+        ai: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">) => {
+            alignItems: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">;
+        };
+        ac: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">) => {
+            alignContent: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">;
+        };
+        jc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">) => {
+            justifyContent: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">;
+        };
+        as: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">) => {
+            alignSelf: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">;
+        };
+        fg: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">) => {
+            flexGrow: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">;
+        };
+        fs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">) => {
+            flexShrink: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">;
+        };
+        fb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">) => {
+            flexBasis: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">;
+        };
+        bc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">) => {
+            backgroundColor: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">;
+        };
+        br: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">) => {
+            borderRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">;
+        };
+        btrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">) => {
+            borderTopRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">;
+        };
+        bbrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">) => {
+            borderBottomRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">;
+        };
+        bblr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">) => {
+            borderBottomLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">;
+        };
+        btlr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">) => {
+            borderTopLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">;
+        };
+        bs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">) => {
+            boxShadow: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">;
+        };
+        lh: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">) => {
+            lineHeight: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">;
+        };
+        ox: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">) => {
+            overflowX: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">;
+        };
+        oy: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">) => {
+            overflowY: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">;
+        };
+        pe: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">) => {
+            pointerEvents: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">;
+        };
+        us: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
+            WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+            userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+        };
+        userSelect: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
+            WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+            userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+        };
+        size: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"width">) => {
+            width: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
+            height: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
+        };
+        appearance: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">) => {
+            WebkitAppearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
+            appearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
+        };
+        backgroundClip: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">) => {
+            WebkitBackgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
+            backgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
+        };
+    }>;
+} & _stitches_react_types_stitches.CssFunctionType<{
     bp1: string;
     bp2: string;
     bp3: string;
@@ -743,334 +801,136 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
         bar: string;
     };
 }, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "padding";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        };
+    p: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">) => {
+        padding: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">;
     };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingRight";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        };
+    pt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
+        paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
     };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingBottom";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        };
+    pr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">) => {
+        paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">;
     };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
+    pb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">) => {
+        paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">;
     };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
+    pl: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
+        paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
     };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
+    px: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
+        paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
+        paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
     };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "margin";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        };
+    py: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
+        paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
+        paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
     };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
+    m: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">) => {
+        margin: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">;
     };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "marginRight";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        };
+    mt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
+        marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
     };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "marginBottom";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        };
+    mr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">) => {
+        marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">;
     };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
+    mb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">) => {
+        marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">;
     };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
+    ml: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
+        marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
     };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
+    mx: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
+        marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
+        marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
     };
-    ta: (value: string | number | {
-        readonly [$$ScaleValue]: "textAlign";
-    }) => {
-        textAlign: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        };
+    my: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
+        marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
+        marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
     };
-    fd: (value: string | number | {
-        readonly [$$ScaleValue]: "flexDirection";
-    }) => {
-        flexDirection: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        };
+    ta: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">) => {
+        textAlign: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">;
     };
-    fw: (value: string | number | {
-        readonly [$$ScaleValue]: "flexWrap";
-    }) => {
-        flexWrap: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        };
+    fd: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">) => {
+        flexDirection: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">;
     };
-    ai: (value: string | number | {
-        readonly [$$ScaleValue]: "alignItems";
-    }) => {
-        alignItems: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        };
+    fw: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">) => {
+        flexWrap: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">;
     };
-    ac: (value: string | number | {
-        readonly [$$ScaleValue]: "alignContent";
-    }) => {
-        alignContent: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        };
+    ai: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">) => {
+        alignItems: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">;
     };
-    jc: (value: string | number | {
-        readonly [$$ScaleValue]: "justifyContent";
-    }) => {
-        justifyContent: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        };
+    ac: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">) => {
+        alignContent: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">;
     };
-    as: (value: string | number | {
-        readonly [$$ScaleValue]: "alignSelf";
-    }) => {
-        alignSelf: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        };
+    jc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">) => {
+        justifyContent: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">;
     };
-    fg: (value: string | number | {
-        readonly [$$ScaleValue]: "flexGrow";
-    }) => {
-        flexGrow: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        };
+    as: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">) => {
+        alignSelf: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">;
     };
-    fs: (value: string | number | {
-        readonly [$$ScaleValue]: "flexShrink";
-    }) => {
-        flexShrink: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        };
+    fg: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">) => {
+        flexGrow: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">;
     };
-    fb: (value: string | number | {
-        readonly [$$ScaleValue]: "flexBasis";
-    }) => {
-        flexBasis: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        };
+    fs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">) => {
+        flexShrink: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">;
     };
-    bc: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundColor";
-    }) => {
-        backgroundColor: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        };
+    fb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">) => {
+        flexBasis: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">;
     };
-    br: (value: string | number | {
-        readonly [$$ScaleValue]: "borderRadius";
-    }) => {
-        borderRadius: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        };
+    bc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">) => {
+        backgroundColor: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">;
     };
-    btrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopRightRadius";
-    }) => {
-        borderTopRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        };
+    br: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">) => {
+        borderRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">;
     };
-    bbrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomRightRadius";
-    }) => {
-        borderBottomRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        };
+    btrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">) => {
+        borderTopRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">;
     };
-    bblr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomLeftRadius";
-    }) => {
-        borderBottomLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        };
+    bbrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">) => {
+        borderBottomRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">;
     };
-    btlr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopLeftRadius";
-    }) => {
-        borderTopLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        };
+    bblr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">) => {
+        borderBottomLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">;
     };
-    bs: (value: string | number | {
-        readonly [$$ScaleValue]: "boxShadow";
-    }) => {
-        boxShadow: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        };
+    btlr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">) => {
+        borderTopLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">;
     };
-    lh: (value: string | number | {
-        readonly [$$ScaleValue]: "lineHeight";
-    }) => {
-        lineHeight: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        };
+    bs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">) => {
+        boxShadow: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">;
     };
-    ox: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowX";
-    }) => {
-        overflowX: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        };
+    lh: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">) => {
+        lineHeight: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">;
     };
-    oy: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowY";
-    }) => {
-        overflowY: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        };
+    ox: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">) => {
+        overflowX: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">;
     };
-    pe: (value: string | number | {
-        readonly [$$ScaleValue]: "pointerEvents";
-    }) => {
-        pointerEvents: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        };
+    oy: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">) => {
+        overflowY: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">;
     };
-    us: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
+    pe: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">) => {
+        pointerEvents: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">;
     };
-    userSelect: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
+    us: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
+        WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+        userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
     };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "width";
-    }) => {
-        width: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-        height: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
+    userSelect: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
+        WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+        userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
     };
-    appearance: (value: string | number | {
-        readonly [$$ScaleValue]: "appearance";
-    }) => {
-        WebkitAppearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-        appearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
+    size: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"width">) => {
+        width: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
+        height: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
     };
-    backgroundClip: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-        backgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
+    appearance: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">) => {
+        WebkitAppearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
+        appearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
     };
-}>>(...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;
-        };
+    backgroundClip: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">) => {
+        WebkitBackgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
+        backgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
     };
-    compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]>; } : never : _stitches_react_types_util.WideObject) & {
-        css: CSS_1;
-    })[];
-    defaultVariants?: "variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]>; } : never : _stitches_react_types_util.WideObject;
-} & CSS_1 & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; } : never); }) => _stitches_react_types_styled_component.CssComponent<_stitches_react_types_styled_component.StyledComponentType<Composers>, _stitches_react_types_styled_component.StyledComponentProps<Composers>, {
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, CSS_1>;
+}>;
 declare const getCssText: () => string;
 declare const globalCss: <Styles extends {
     [K: string]: any;
@@ -1184,323 +1044,145 @@ declare const globalCss: <Styles extends {
             bar: string;
         };
     }, _stitches_react_types_config.DefaultThemeMap, {
-        p: (value: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        }) => {
-            padding: string | number | {
-                readonly [$$ScaleValue]: "padding";
-            };
-        };
-        pt: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-        };
-        pr: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        }) => {
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "paddingRight";
-            };
-        };
-        pb: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        }) => {
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "paddingBottom";
-            };
-        };
-        pl: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-        };
-        px: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-        };
-        py: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-        };
-        m: (value: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        }) => {
-            margin: string | number | {
-                readonly [$$ScaleValue]: "margin";
-            };
-        };
-        mt: (value: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-        };
-        mr: (value: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        }) => {
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "marginRight";
-            };
-        };
-        mb: (value: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        }) => {
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "marginBottom";
-            };
-        };
-        ml: (value: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-        };
-        mx: (value: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-        };
-        my: (value: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-        };
-        ta: (value: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        }) => {
-            textAlign: string | number | {
-                readonly [$$ScaleValue]: "textAlign";
-            };
-        };
-        fd: (value: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        }) => {
-            flexDirection: string | number | {
-                readonly [$$ScaleValue]: "flexDirection";
-            };
-        };
-        fw: (value: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        }) => {
-            flexWrap: string | number | {
-                readonly [$$ScaleValue]: "flexWrap";
-            };
-        };
-        ai: (value: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        }) => {
-            alignItems: string | number | {
-                readonly [$$ScaleValue]: "alignItems";
-            };
-        };
-        ac: (value: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        }) => {
-            alignContent: string | number | {
-                readonly [$$ScaleValue]: "alignContent";
-            };
-        };
-        jc: (value: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        }) => {
-            justifyContent: string | number | {
-                readonly [$$ScaleValue]: "justifyContent";
-            };
-        };
-        as: (value: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        }) => {
-            alignSelf: string | number | {
-                readonly [$$ScaleValue]: "alignSelf";
-            };
-        };
-        fg: (value: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        }) => {
-            flexGrow: string | number | {
-                readonly [$$ScaleValue]: "flexGrow";
-            };
-        };
-        fs: (value: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        }) => {
-            flexShrink: string | number | {
-                readonly [$$ScaleValue]: "flexShrink";
-            };
-        };
-        fb: (value: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        }) => {
-            flexBasis: string | number | {
-                readonly [$$ScaleValue]: "flexBasis";
-            };
-        };
-        bc: (value: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        }) => {
-            backgroundColor: string | number | {
-                readonly [$$ScaleValue]: "backgroundColor";
-            };
-        };
-        br: (value: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        }) => {
-            borderRadius: string | number | {
-                readonly [$$ScaleValue]: "borderRadius";
-            };
-        };
-        btrr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        }) => {
-            borderTopRightRadius: string | number | {
-                readonly [$$ScaleValue]: "borderTopRightRadius";
-            };
-        };
-        bbrr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        }) => {
-            borderBottomRightRadius: string | number | {
-                readonly [$$ScaleValue]: "borderBottomRightRadius";
-            };
-        };
-        bblr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        }) => {
-            borderBottomLeftRadius: string | number | {
-                readonly [$$ScaleValue]: "borderBottomLeftRadius";
-            };
-        };
-        btlr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        }) => {
-            borderTopLeftRadius: string | number | {
-                readonly [$$ScaleValue]: "borderTopLeftRadius";
-            };
-        };
-        bs: (value: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        }) => {
-            boxShadow: string | number | {
-                readonly [$$ScaleValue]: "boxShadow";
-            };
-        };
-        lh: (value: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        }) => {
-            lineHeight: string | number | {
-                readonly [$$ScaleValue]: "lineHeight";
-            };
-        };
-        ox: (value: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        }) => {
-            overflowX: string | number | {
-                readonly [$$ScaleValue]: "overflowX";
-            };
-        };
-        oy: (value: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        }) => {
-            overflowY: string | number | {
-                readonly [$$ScaleValue]: "overflowY";
-            };
-        };
-        pe: (value: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        }) => {
-            pointerEvents: string | number | {
-                readonly [$$ScaleValue]: "pointerEvents";
-            };
-        };
-        us: (value: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        }) => {
-            WebkitUserSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-            userSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-        };
-        userSelect: (value: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        }) => {
-            WebkitUserSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-            userSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-        };
-        size: (value: string | number | {
-            readonly [$$ScaleValue]: "width";
-        }) => {
-            width: string | number | {
-                readonly [$$ScaleValue]: "width";
-            };
-            height: string | number | {
-                readonly [$$ScaleValue]: "width";
-            };
-        };
-        appearance: (value: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        }) => {
-            WebkitAppearance: string | number | {
-                readonly [$$ScaleValue]: "appearance";
-            };
-            appearance: string | number | {
-                readonly [$$ScaleValue]: "appearance";
-            };
-        };
-        backgroundClip: (value: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        }) => {
-            WebkitBackgroundClip: string | number | {
-                readonly [$$ScaleValue]: "backgroundClip";
-            };
-            backgroundClip: string | number | {
-                readonly [$$ScaleValue]: "backgroundClip";
-            };
+        p: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">) => {
+            padding: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">;
         };
-    }>;
-} : K extends `@property ${string}` ? _stitches_react_types_css.AtRule.Property : _stitches_react_types_css_util.CSS<{
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
+        pt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
+            paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
+        };
+        pr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">) => {
+            paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">;
+        };
+        pb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">) => {
+            paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">;
+        };
+        pl: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
+            paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
+        };
+        px: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
+            paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
+            paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
+        };
+        py: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
+            paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
+            paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
+        };
+        m: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">) => {
+            margin: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">;
+        };
+        mt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
+            marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
+        };
+        mr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">) => {
+            marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">;
+        };
+        mb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">) => {
+            marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">;
+        };
+        ml: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
+            marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
+        };
+        mx: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
+            marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
+            marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
+        };
+        my: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
+            marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
+            marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
+        };
+        ta: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">) => {
+            textAlign: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">;
+        };
+        fd: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">) => {
+            flexDirection: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">;
+        };
+        fw: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">) => {
+            flexWrap: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">;
+        };
+        ai: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">) => {
+            alignItems: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">;
+        };
+        ac: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">) => {
+            alignContent: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">;
+        };
+        jc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">) => {
+            justifyContent: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">;
+        };
+        as: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">) => {
+            alignSelf: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">;
+        };
+        fg: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">) => {
+            flexGrow: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">;
+        };
+        fs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">) => {
+            flexShrink: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">;
+        };
+        fb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">) => {
+            flexBasis: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">;
+        };
+        bc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">) => {
+            backgroundColor: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">;
+        };
+        br: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">) => {
+            borderRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">;
+        };
+        btrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">) => {
+            borderTopRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">;
+        };
+        bbrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">) => {
+            borderBottomRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">;
+        };
+        bblr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">) => {
+            borderBottomLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">;
+        };
+        btlr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">) => {
+            borderTopLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">;
+        };
+        bs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">) => {
+            boxShadow: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">;
+        };
+        lh: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">) => {
+            lineHeight: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">;
+        };
+        ox: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">) => {
+            overflowX: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">;
+        };
+        oy: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">) => {
+            overflowY: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">;
+        };
+        pe: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">) => {
+            pointerEvents: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">;
+        };
+        us: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
+            WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+            userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+        };
+        userSelect: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
+            WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+            userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+        };
+        size: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"width">) => {
+            width: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
+            height: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
+        };
+        appearance: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">) => {
+            WebkitAppearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
+            appearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
+        };
+        backgroundClip: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">) => {
+            WebkitBackgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
+            backgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
+        };
+    }>;
+} : K extends `@property ${string}` ? _stitches_react_types_css.AtRule.Property : _stitches_react_types_css_util.CSS<{
+    bp1: string;
+    bp2: string;
+    bp3: string;
+    bp4: string;
+    motion: string;
+    hover: string;
+    dark: string;
+    light: string;
 }, {
     borderWidths: unknown;
     borderStyles: unknown;
@@ -1598,312 +1280,134 @@ declare const globalCss: <Styles extends {
         bar: string;
     };
 }, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "padding";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        };
+    p: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">) => {
+        padding: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">;
     };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
+    pt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
+        paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
     };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingRight";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        };
+    pr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">) => {
+        paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">;
     };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingBottom";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        };
+    pb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">) => {
+        paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">;
     };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
+    pl: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
+        paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
     };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
+    px: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
+        paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
+        paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
     };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
+    py: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
+        paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
+        paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
     };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "margin";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        };
+    m: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">) => {
+        margin: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">;
     };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
+    mt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
+        marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
     };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "marginRight";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        };
+    mr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">) => {
+        marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">;
     };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "marginBottom";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        };
+    mb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">) => {
+        marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">;
     };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
+    ml: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
+        marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
     };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
+    mx: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
+        marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
+        marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
     };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
+    my: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
+        marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
+        marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
     };
-    ta: (value: string | number | {
-        readonly [$$ScaleValue]: "textAlign";
-    }) => {
-        textAlign: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        };
+    ta: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">) => {
+        textAlign: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">;
     };
-    fd: (value: string | number | {
-        readonly [$$ScaleValue]: "flexDirection";
-    }) => {
-        flexDirection: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        };
+    fd: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">) => {
+        flexDirection: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">;
     };
-    fw: (value: string | number | {
-        readonly [$$ScaleValue]: "flexWrap";
-    }) => {
-        flexWrap: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        };
+    fw: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">) => {
+        flexWrap: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">;
     };
-    ai: (value: string | number | {
-        readonly [$$ScaleValue]: "alignItems";
-    }) => {
-        alignItems: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        };
+    ai: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">) => {
+        alignItems: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">;
     };
-    ac: (value: string | number | {
-        readonly [$$ScaleValue]: "alignContent";
-    }) => {
-        alignContent: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        };
+    ac: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">) => {
+        alignContent: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">;
     };
-    jc: (value: string | number | {
-        readonly [$$ScaleValue]: "justifyContent";
-    }) => {
-        justifyContent: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        };
+    jc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">) => {
+        justifyContent: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">;
     };
-    as: (value: string | number | {
-        readonly [$$ScaleValue]: "alignSelf";
-    }) => {
-        alignSelf: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        };
+    as: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">) => {
+        alignSelf: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">;
     };
-    fg: (value: string | number | {
-        readonly [$$ScaleValue]: "flexGrow";
-    }) => {
-        flexGrow: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        };
+    fg: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">) => {
+        flexGrow: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">;
     };
-    fs: (value: string | number | {
-        readonly [$$ScaleValue]: "flexShrink";
-    }) => {
-        flexShrink: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        };
+    fs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">) => {
+        flexShrink: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">;
     };
-    fb: (value: string | number | {
-        readonly [$$ScaleValue]: "flexBasis";
-    }) => {
-        flexBasis: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        };
+    fb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">) => {
+        flexBasis: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">;
     };
-    bc: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundColor";
-    }) => {
-        backgroundColor: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        };
+    bc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">) => {
+        backgroundColor: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">;
     };
-    br: (value: string | number | {
-        readonly [$$ScaleValue]: "borderRadius";
-    }) => {
-        borderRadius: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        };
+    br: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">) => {
+        borderRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">;
     };
-    btrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopRightRadius";
-    }) => {
-        borderTopRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        };
+    btrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">) => {
+        borderTopRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">;
     };
-    bbrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomRightRadius";
-    }) => {
-        borderBottomRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        };
+    bbrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">) => {
+        borderBottomRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">;
     };
-    bblr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomLeftRadius";
-    }) => {
-        borderBottomLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        };
+    bblr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">) => {
+        borderBottomLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">;
     };
-    btlr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopLeftRadius";
-    }) => {
-        borderTopLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        };
+    btlr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">) => {
+        borderTopLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">;
     };
-    bs: (value: string | number | {
-        readonly [$$ScaleValue]: "boxShadow";
-    }) => {
-        boxShadow: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        };
+    bs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">) => {
+        boxShadow: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">;
     };
-    lh: (value: string | number | {
-        readonly [$$ScaleValue]: "lineHeight";
-    }) => {
-        lineHeight: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        };
+    lh: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">) => {
+        lineHeight: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">;
     };
-    ox: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowX";
-    }) => {
-        overflowX: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        };
+    ox: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">) => {
+        overflowX: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">;
     };
-    oy: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowY";
-    }) => {
-        overflowY: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        };
+    oy: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">) => {
+        overflowY: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">;
     };
-    pe: (value: string | number | {
-        readonly [$$ScaleValue]: "pointerEvents";
-    }) => {
-        pointerEvents: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        };
+    pe: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">) => {
+        pointerEvents: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">;
     };
-    us: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
+    us: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
+        WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+        userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
     };
-    userSelect: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
+    userSelect: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
+        WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+        userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
     };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "width";
-    }) => {
-        width: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-        height: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
+    size: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"width">) => {
+        width: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
+        height: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
     };
-    appearance: (value: string | number | {
-        readonly [$$ScaleValue]: "appearance";
-    }) => {
-        WebkitAppearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-        appearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
+    appearance: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">) => {
+        WebkitAppearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
+        appearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
     };
-    backgroundClip: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-        backgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
+    backgroundClip: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">) => {
+        WebkitBackgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
+        backgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
     };
 }>; })[]) => () => string;
 declare const keyframes: (style: {
@@ -2013,312 +1517,134 @@ declare const keyframes: (style: {
             bar: string;
         };
     }, _stitches_react_types_config.DefaultThemeMap, {
-        p: (value: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        }) => {
-            padding: string | number | {
-                readonly [$$ScaleValue]: "padding";
-            };
-        };
-        pt: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-        };
-        pr: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        }) => {
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "paddingRight";
-            };
-        };
-        pb: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        }) => {
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "paddingBottom";
-            };
-        };
-        pl: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-        };
-        px: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "paddingLeft";
-            };
-        };
-        py: (value: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "paddingTop";
-            };
-        };
-        m: (value: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        }) => {
-            margin: string | number | {
-                readonly [$$ScaleValue]: "margin";
-            };
-        };
-        mt: (value: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-        };
-        mr: (value: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        }) => {
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "marginRight";
-            };
-        };
-        mb: (value: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        }) => {
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "marginBottom";
-            };
-        };
-        ml: (value: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-        };
-        mx: (value: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "marginLeft";
-            };
-        };
-        my: (value: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "marginTop";
-            };
-        };
-        ta: (value: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        }) => {
-            textAlign: string | number | {
-                readonly [$$ScaleValue]: "textAlign";
-            };
-        };
-        fd: (value: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        }) => {
-            flexDirection: string | number | {
-                readonly [$$ScaleValue]: "flexDirection";
-            };
-        };
-        fw: (value: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        }) => {
-            flexWrap: string | number | {
-                readonly [$$ScaleValue]: "flexWrap";
-            };
-        };
-        ai: (value: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        }) => {
-            alignItems: string | number | {
-                readonly [$$ScaleValue]: "alignItems";
-            };
-        };
-        ac: (value: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        }) => {
-            alignContent: string | number | {
-                readonly [$$ScaleValue]: "alignContent";
-            };
-        };
-        jc: (value: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        }) => {
-            justifyContent: string | number | {
-                readonly [$$ScaleValue]: "justifyContent";
-            };
-        };
-        as: (value: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        }) => {
-            alignSelf: string | number | {
-                readonly [$$ScaleValue]: "alignSelf";
-            };
-        };
-        fg: (value: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        }) => {
-            flexGrow: string | number | {
-                readonly [$$ScaleValue]: "flexGrow";
-            };
-        };
-        fs: (value: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        }) => {
-            flexShrink: string | number | {
-                readonly [$$ScaleValue]: "flexShrink";
-            };
-        };
-        fb: (value: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        }) => {
-            flexBasis: string | number | {
-                readonly [$$ScaleValue]: "flexBasis";
-            };
-        };
-        bc: (value: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        }) => {
-            backgroundColor: string | number | {
-                readonly [$$ScaleValue]: "backgroundColor";
-            };
-        };
-        br: (value: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        }) => {
-            borderRadius: string | number | {
-                readonly [$$ScaleValue]: "borderRadius";
-            };
-        };
-        btrr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        }) => {
-            borderTopRightRadius: string | number | {
-                readonly [$$ScaleValue]: "borderTopRightRadius";
-            };
-        };
-        bbrr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        }) => {
-            borderBottomRightRadius: string | number | {
-                readonly [$$ScaleValue]: "borderBottomRightRadius";
-            };
-        };
-        bblr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        }) => {
-            borderBottomLeftRadius: string | number | {
-                readonly [$$ScaleValue]: "borderBottomLeftRadius";
-            };
-        };
-        btlr: (value: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        }) => {
-            borderTopLeftRadius: string | number | {
-                readonly [$$ScaleValue]: "borderTopLeftRadius";
-            };
-        };
-        bs: (value: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        }) => {
-            boxShadow: string | number | {
-                readonly [$$ScaleValue]: "boxShadow";
-            };
-        };
-        lh: (value: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        }) => {
-            lineHeight: string | number | {
-                readonly [$$ScaleValue]: "lineHeight";
-            };
-        };
-        ox: (value: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        }) => {
-            overflowX: string | number | {
-                readonly [$$ScaleValue]: "overflowX";
-            };
-        };
-        oy: (value: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        }) => {
-            overflowY: string | number | {
-                readonly [$$ScaleValue]: "overflowY";
-            };
-        };
-        pe: (value: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        }) => {
-            pointerEvents: string | number | {
-                readonly [$$ScaleValue]: "pointerEvents";
-            };
-        };
-        us: (value: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        }) => {
-            WebkitUserSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-            userSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-        };
-        userSelect: (value: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        }) => {
-            WebkitUserSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-            userSelect: string | number | {
-                readonly [$$ScaleValue]: "userSelect";
-            };
-        };
-        size: (value: string | number | {
-            readonly [$$ScaleValue]: "width";
-        }) => {
-            width: string | number | {
-                readonly [$$ScaleValue]: "width";
-            };
-            height: string | number | {
-                readonly [$$ScaleValue]: "width";
-            };
-        };
-        appearance: (value: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        }) => {
-            WebkitAppearance: string | number | {
-                readonly [$$ScaleValue]: "appearance";
-            };
-            appearance: string | number | {
-                readonly [$$ScaleValue]: "appearance";
-            };
-        };
-        backgroundClip: (value: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        }) => {
-            WebkitBackgroundClip: string | number | {
-                readonly [$$ScaleValue]: "backgroundClip";
-            };
-            backgroundClip: string | number | {
-                readonly [$$ScaleValue]: "backgroundClip";
-            };
+        p: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">) => {
+            padding: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">;
+        };
+        pt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
+            paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
+        };
+        pr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">) => {
+            paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">;
+        };
+        pb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">) => {
+            paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">;
+        };
+        pl: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
+            paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
+        };
+        px: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
+            paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
+            paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
+        };
+        py: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
+            paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
+            paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
+        };
+        m: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">) => {
+            margin: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">;
+        };
+        mt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
+            marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
+        };
+        mr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">) => {
+            marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">;
+        };
+        mb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">) => {
+            marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">;
+        };
+        ml: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
+            marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
+        };
+        mx: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
+            marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
+            marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
+        };
+        my: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
+            marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
+            marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
+        };
+        ta: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">) => {
+            textAlign: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">;
+        };
+        fd: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">) => {
+            flexDirection: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">;
+        };
+        fw: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">) => {
+            flexWrap: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">;
+        };
+        ai: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">) => {
+            alignItems: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">;
+        };
+        ac: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">) => {
+            alignContent: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">;
+        };
+        jc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">) => {
+            justifyContent: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">;
+        };
+        as: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">) => {
+            alignSelf: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">;
+        };
+        fg: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">) => {
+            flexGrow: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">;
+        };
+        fs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">) => {
+            flexShrink: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">;
+        };
+        fb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">) => {
+            flexBasis: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">;
+        };
+        bc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">) => {
+            backgroundColor: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">;
+        };
+        br: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">) => {
+            borderRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">;
+        };
+        btrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">) => {
+            borderTopRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">;
+        };
+        bbrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">) => {
+            borderBottomRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">;
+        };
+        bblr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">) => {
+            borderBottomLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">;
+        };
+        btlr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">) => {
+            borderTopLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">;
+        };
+        bs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">) => {
+            boxShadow: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">;
+        };
+        lh: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">) => {
+            lineHeight: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">;
+        };
+        ox: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">) => {
+            overflowX: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">;
+        };
+        oy: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">) => {
+            overflowY: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">;
+        };
+        pe: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">) => {
+            pointerEvents: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">;
+        };
+        us: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
+            WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+            userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+        };
+        userSelect: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
+            WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+            userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+        };
+        size: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"width">) => {
+            width: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
+            height: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
+        };
+        appearance: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">) => {
+            WebkitAppearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
+            appearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
+        };
+        backgroundClip: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">) => {
+            WebkitBackgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
+            backgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
         };
     }>;
 }) => {
@@ -2326,442 +1652,248 @@ declare const keyframes: (style: {
     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: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, {
-    borderWidths: unknown;
-    borderStyles: unknown;
-    colors: unknown;
-    fonts: {
-        'fallback-mono': string;
-        'fallback-sans': string;
-        'fallback-serif': string;
-        mono: string;
-        sans: string;
-        serif: string;
-    };
-    fontSizes: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    fontWeights: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    letterSpacings: unknown;
-    lineHeights: unknown;
-    radii: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        pill: string;
-        round: string;
-    };
-    shadows: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        toast: string;
-    };
-    sizes: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    space: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        11: string;
-        12: string;
-        13: string;
-        14: string;
-        15: string;
-        16: string;
-    };
-    transitions: unknown;
-    zIndices: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        max: string;
-        toast: string;
-    };
-    foo: {
-        bar: string;
-    };
-}, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "padding";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        };
-    };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
+declare const styled: {
+    withConfig: (config: {
+        componentId?: string;
+        displayName?: string;
+        shouldForwardStitchesProp?: (prop: "css" | (string & {})) => boolean | void;
+    }) => _stitches_react_types_stitches.StyledFunctionType<{
+        bp1: string;
+        bp2: string;
+        bp3: string;
+        bp4: string;
+        motion: string;
+        hover: string;
+        dark: string;
+        light: string;
+    }, {
+        borderWidths: unknown;
+        borderStyles: unknown;
+        colors: unknown;
+        fonts: {
+            'fallback-mono': string;
+            'fallback-sans': string;
+            'fallback-serif': string;
+            mono: string;
+            sans: string;
+            serif: string;
         };
-    };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingRight";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
+        fontSizes: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
         };
-    };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingBottom";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
+        fontWeights: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
         };
-    };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
+        letterSpacings: unknown;
+        lineHeights: unknown;
+        radii: {
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            pill: string;
+            round: string;
         };
-    };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
+        shadows: {
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            toast: string;
         };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
+        sizes: {
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
         };
-    };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
+        space: {
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+            16: string;
         };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
+        transitions: unknown;
+        zIndices: {
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            max: string;
+            toast: string;
         };
-    };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "margin";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "margin";
+        foo: {
+            bar: string;
         };
-    };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
+    }, _stitches_react_types_config.DefaultThemeMap, {
+        p: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">) => {
+            padding: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">;
         };
-    };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "marginRight";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
+        pt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
+            paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
         };
-    };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "marginBottom";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
+        pr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">) => {
+            paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">;
         };
-    };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
+        pb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">) => {
+            paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">;
         };
-    };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
+        pl: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
+            paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
         };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
+        px: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
+            paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
+            paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
         };
-    };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
+        py: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
+            paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
+            paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
         };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
+        m: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">) => {
+            margin: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">;
         };
-    };
-    ta: (value: string | number | {
-        readonly [$$ScaleValue]: "textAlign";
-    }) => {
-        textAlign: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
+        mt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
+            marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
         };
-    };
-    fd: (value: string | number | {
-        readonly [$$ScaleValue]: "flexDirection";
-    }) => {
-        flexDirection: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
+        mr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">) => {
+            marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">;
         };
-    };
-    fw: (value: string | number | {
-        readonly [$$ScaleValue]: "flexWrap";
-    }) => {
-        flexWrap: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
+        mb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">) => {
+            marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">;
         };
-    };
-    ai: (value: string | number | {
-        readonly [$$ScaleValue]: "alignItems";
-    }) => {
-        alignItems: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
+        ml: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
+            marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
         };
-    };
-    ac: (value: string | number | {
-        readonly [$$ScaleValue]: "alignContent";
-    }) => {
-        alignContent: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
+        mx: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
+            marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
+            marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
         };
-    };
-    jc: (value: string | number | {
-        readonly [$$ScaleValue]: "justifyContent";
-    }) => {
-        justifyContent: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
+        my: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
+            marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
+            marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
         };
-    };
-    as: (value: string | number | {
-        readonly [$$ScaleValue]: "alignSelf";
-    }) => {
-        alignSelf: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
+        ta: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">) => {
+            textAlign: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">;
         };
-    };
-    fg: (value: string | number | {
-        readonly [$$ScaleValue]: "flexGrow";
-    }) => {
-        flexGrow: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
+        fd: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">) => {
+            flexDirection: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">;
         };
-    };
-    fs: (value: string | number | {
-        readonly [$$ScaleValue]: "flexShrink";
-    }) => {
-        flexShrink: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
+        fw: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">) => {
+            flexWrap: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">;
         };
-    };
-    fb: (value: string | number | {
-        readonly [$$ScaleValue]: "flexBasis";
-    }) => {
-        flexBasis: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
+        ai: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">) => {
+            alignItems: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">;
         };
-    };
-    bc: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundColor";
-    }) => {
-        backgroundColor: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
+        ac: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">) => {
+            alignContent: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">;
         };
-    };
-    br: (value: string | number | {
-        readonly [$$ScaleValue]: "borderRadius";
-    }) => {
-        borderRadius: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
+        jc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">) => {
+            justifyContent: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">;
         };
-    };
-    btrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopRightRadius";
-    }) => {
-        borderTopRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
+        as: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">) => {
+            alignSelf: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">;
         };
-    };
-    bbrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomRightRadius";
-    }) => {
-        borderBottomRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
+        fg: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">) => {
+            flexGrow: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">;
         };
-    };
-    bblr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomLeftRadius";
-    }) => {
-        borderBottomLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
+        fs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">) => {
+            flexShrink: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">;
         };
-    };
-    btlr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopLeftRadius";
-    }) => {
-        borderTopLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
+        fb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">) => {
+            flexBasis: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">;
         };
-    };
-    bs: (value: string | number | {
-        readonly [$$ScaleValue]: "boxShadow";
-    }) => {
-        boxShadow: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
+        bc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">) => {
+            backgroundColor: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">;
         };
-    };
-    lh: (value: string | number | {
-        readonly [$$ScaleValue]: "lineHeight";
-    }) => {
-        lineHeight: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
+        br: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">) => {
+            borderRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">;
         };
-    };
-    ox: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowX";
-    }) => {
-        overflowX: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
+        btrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">) => {
+            borderTopRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">;
         };
-    };
-    oy: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowY";
-    }) => {
-        overflowY: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
+        bbrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">) => {
+            borderBottomRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">;
         };
-    };
-    pe: (value: string | number | {
-        readonly [$$ScaleValue]: "pointerEvents";
-    }) => {
-        pointerEvents: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
+        bblr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">) => {
+            borderBottomLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">;
         };
-    };
-    us: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
+        btlr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">) => {
+            borderTopLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">;
         };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
+        bs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">) => {
+            boxShadow: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">;
         };
-    };
-    userSelect: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
+        lh: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">) => {
+            lineHeight: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">;
         };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
+        ox: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">) => {
+            overflowX: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">;
         };
-    };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "width";
-    }) => {
-        width: string | number | {
-            readonly [$$ScaleValue]: "width";
+        oy: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">) => {
+            overflowY: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">;
         };
-        height: string | number | {
-            readonly [$$ScaleValue]: "width";
+        pe: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">) => {
+            pointerEvents: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">;
         };
-    };
-    appearance: (value: string | number | {
-        readonly [$$ScaleValue]: "appearance";
-    }) => {
-        WebkitAppearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
+        us: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
+            WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+            userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
         };
-        appearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
+        userSelect: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
+            WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+            userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
         };
-    };
-    backgroundClip: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
+        size: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"width">) => {
+            width: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
+            height: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
         };
-        backgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
+        appearance: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">) => {
+            WebkitAppearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
+            appearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
         };
-    };
-}>>(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;
+        backgroundClip: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">) => {
+            WebkitBackgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
+            backgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
         };
-    };
-    compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]>; } : never : _stitches_react_types_util.WideObject) & {
-        css: CSS_1;
-    })[];
-    defaultVariants?: "variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]>; } : never : _stitches_react_types_util.WideObject;
-} & CSS_1 & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; } : never); }) => _stitches_react_types_styled_component.StyledComponent<Type, _stitches_react_types_styled_component.StyledComponentProps<Composers>, {
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, _stitches_react_types_css_util.CSS<{
+    }>;
+} & _stitches_react_types_stitches.StyledFunctionType<{
     bp1: string;
     bp2: string;
     bp3: string;
@@ -2867,314 +1999,136 @@ declare const styled: <Type extends _stitches_react_types_util.Function | keyof
         bar: string;
     };
 }, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "padding";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        };
+    p: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">) => {
+        padding: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">;
     };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
+    pt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
+        paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
     };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingRight";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        };
+    pr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">) => {
+        paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">;
     };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingBottom";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        };
+    pb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">) => {
+        paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">;
     };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
+    pl: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
+        paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
     };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
+    px: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
+        paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
+        paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
     };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
+    py: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
+        paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
+        paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
     };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "margin";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        };
+    m: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">) => {
+        margin: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">;
     };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
+    mt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
+        marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
     };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "marginRight";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        };
+    mr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">) => {
+        marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">;
     };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "marginBottom";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        };
+    mb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">) => {
+        marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">;
     };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
+    ml: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
+        marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
     };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
+    mx: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
+        marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
+        marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
     };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
+    my: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
+        marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
+        marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
     };
-    ta: (value: string | number | {
-        readonly [$$ScaleValue]: "textAlign";
-    }) => {
-        textAlign: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        };
+    ta: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">) => {
+        textAlign: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">;
     };
-    fd: (value: string | number | {
-        readonly [$$ScaleValue]: "flexDirection";
-    }) => {
-        flexDirection: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        };
+    fd: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">) => {
+        flexDirection: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">;
     };
-    fw: (value: string | number | {
-        readonly [$$ScaleValue]: "flexWrap";
-    }) => {
-        flexWrap: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        };
+    fw: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">) => {
+        flexWrap: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">;
     };
-    ai: (value: string | number | {
-        readonly [$$ScaleValue]: "alignItems";
-    }) => {
-        alignItems: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        };
+    ai: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">) => {
+        alignItems: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">;
     };
-    ac: (value: string | number | {
-        readonly [$$ScaleValue]: "alignContent";
-    }) => {
-        alignContent: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        };
+    ac: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">) => {
+        alignContent: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">;
     };
-    jc: (value: string | number | {
-        readonly [$$ScaleValue]: "justifyContent";
-    }) => {
-        justifyContent: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        };
+    jc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">) => {
+        justifyContent: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">;
     };
-    as: (value: string | number | {
-        readonly [$$ScaleValue]: "alignSelf";
-    }) => {
-        alignSelf: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        };
+    as: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">) => {
+        alignSelf: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">;
     };
-    fg: (value: string | number | {
-        readonly [$$ScaleValue]: "flexGrow";
-    }) => {
-        flexGrow: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        };
+    fg: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">) => {
+        flexGrow: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">;
     };
-    fs: (value: string | number | {
-        readonly [$$ScaleValue]: "flexShrink";
-    }) => {
-        flexShrink: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        };
+    fs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">) => {
+        flexShrink: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">;
     };
-    fb: (value: string | number | {
-        readonly [$$ScaleValue]: "flexBasis";
-    }) => {
-        flexBasis: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        };
+    fb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">) => {
+        flexBasis: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">;
     };
-    bc: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundColor";
-    }) => {
-        backgroundColor: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        };
+    bc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">) => {
+        backgroundColor: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">;
     };
-    br: (value: string | number | {
-        readonly [$$ScaleValue]: "borderRadius";
-    }) => {
-        borderRadius: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        };
+    br: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">) => {
+        borderRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">;
     };
-    btrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopRightRadius";
-    }) => {
-        borderTopRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        };
+    btrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">) => {
+        borderTopRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">;
     };
-    bbrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomRightRadius";
-    }) => {
-        borderBottomRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        };
+    bbrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">) => {
+        borderBottomRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">;
     };
-    bblr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomLeftRadius";
-    }) => {
-        borderBottomLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        };
+    bblr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">) => {
+        borderBottomLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">;
     };
-    btlr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopLeftRadius";
-    }) => {
-        borderTopLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        };
+    btlr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">) => {
+        borderTopLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">;
     };
-    bs: (value: string | number | {
-        readonly [$$ScaleValue]: "boxShadow";
-    }) => {
-        boxShadow: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        };
+    bs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">) => {
+        boxShadow: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">;
     };
-    lh: (value: string | number | {
-        readonly [$$ScaleValue]: "lineHeight";
-    }) => {
-        lineHeight: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        };
+    lh: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">) => {
+        lineHeight: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">;
     };
-    ox: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowX";
-    }) => {
-        overflowX: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        };
+    ox: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">) => {
+        overflowX: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">;
     };
-    oy: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowY";
-    }) => {
-        overflowY: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        };
+    oy: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">) => {
+        overflowY: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">;
     };
-    pe: (value: string | number | {
-        readonly [$$ScaleValue]: "pointerEvents";
-    }) => {
-        pointerEvents: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        };
+    pe: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">) => {
+        pointerEvents: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">;
     };
-    us: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
+    us: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
+        WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+        userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
     };
-    userSelect: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
+    userSelect: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
+        WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
+        userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
     };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "width";
-    }) => {
-        width: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-        height: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
+    size: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"width">) => {
+        width: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
+        height: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
     };
-    appearance: (value: string | number | {
-        readonly [$$ScaleValue]: "appearance";
-    }) => {
-        WebkitAppearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-        appearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
+    appearance: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">) => {
+        WebkitAppearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
+        appearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
     };
-    backgroundClip: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-        backgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
+    backgroundClip: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">) => {
+        WebkitBackgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
+        backgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
     };
-}>>;
+}>;
 declare const theme: string & {
     className: string;
     selector: string;