eddev 0.2.65 → 0.2.67-beta1

package/style/createStitches.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 import { DefaultThemeMap } from "@stitches/react";
 import { ConfigType } from "@stitches/core/types/config";
 import { Properties as CSS } from "csstype";
-declare type UtilValue<Theme extends ConfigType.Theme<any>, Scale extends string, CSSValue> = Scale extends keyof Theme ? `$${Exclude<keyof Theme[Scale], symbol>}` | CSSValue : CSSValue;
-declare type AtMedias<T extends any> = T extends string ? `@${T}` : never;
-declare type ResponsiveValue<Media extends ConfigType.Media<any>, T> = T | {
+type UtilValue<Theme extends ConfigType.Theme<any>, Scale extends string, CSSValue> = Scale extends keyof Theme ? `$${Exclude<keyof Theme[Scale], symbol>}` | CSSValue : CSSValue;
+type AtMedias<T extends any> = T extends string ? `@${T}` : never;
+type ResponsiveValue<Media extends ConfigType.Media<any>, T> = T | {
     [K in AtMedias<keyof Media>]?: T | [T];
 };
-declare type TypographyConfig<Theme extends ConfigType.Theme<{}>, Media extends ConfigType.Media<{}>, T extends Record<string, any>> = {
+type TypographyConfig<Theme extends ConfigType.Theme<{}>, Media extends ConfigType.Media<{}>, T extends Record<string, any>> = {
     [Property in keyof T]: {
         fontFamily?: Theme["fonts"] extends {} ? `$${Extract<keyof Theme["fonts"], string>}` | CSS["fontFamily"] : CSS["fontFamily"];
         fontSize?: ResponsiveValue<Media, Theme["fontSizes"] extends {} ? `$${Extract<keyof Theme["fontSizes"], string>}` | CSS["fontSize"] : CSS["fontSize"]>;
@@ -18,7 +17,7 @@ declare type TypographyConfig<Theme extends ConfigType.Theme<{}>, Media extends
         lineHeight?: ResponsiveValue<Media, Theme["lineHeights"] extends {} ? `$${Extract<keyof Theme["lineHeights"], string>}` | CSS["lineHeight"] : CSS["lineHeight"]>;
     };
 };
-export declare type BreakpointArray = {
+export type BreakpointArray = {
     key: string;
     min: string | null;
     max: string | null;
@@ -34,15 +33,17 @@ interface GridConfig<Theme extends ConfigType.Theme<{}>, Media extends ConfigTyp
         };
     };
 }
-declare type ResponsiveScale<Media extends ConfigType.Media<{}>, T extends {}> = {
+type ResponsiveScale<Media extends ConfigType.Media<{}>, T extends {}> = {
     [K in keyof T]: {
         [M in AtMedias<keyof Media>]?: string | number | [string | number];
     } | string | number;
 };
-declare type ResponsiveConfig<Media extends ConfigType.Media<{}>, T extends {}> = {
+type ResponsiveConfig<Media extends ConfigType.Media<{}>, T extends {
+    [key: string]: {};
+}> = {
     [Scale in keyof T]: ResponsiveScale<Media, T[Scale]>;
 };
-declare type ResponsiveAtom = {
+type ResponsiveAtom = {
     lerpStart: boolean;
 } & ({
     type: "multiplier";
@@ -62,7 +63,7 @@ declare type ResponsiveAtom = {
 } | {
     type: "undefined";
 });
-export declare type ResponsiveAtomCalc = ResponsiveAtom & {
+export type ResponsiveAtomCalc = ResponsiveAtom & {
     defined: boolean;
     breakpoint: string;
     baseBreakpoint: string;
@@ -143,115 +144,51 @@ export declare function createStitches<Prefix extends string = "", Media extends
                 initial: string;
                 editor: string;
             }, Typography>]: any; }[keyof Typography];
-            m: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                margin: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            mt: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginTop: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            mr: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginRight: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            mb: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginBottom: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            ml: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginLeft: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            mx: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginLeft: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-                marginRight: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            my: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginTop: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-                marginBottom: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            p: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                padding: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            pt: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingTop: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            pr: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingRight: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            pb: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingBottom: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            pl: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingLeft: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            px: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingLeft: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-                paddingRight: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            py: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingTop: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-                paddingBottom: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            m: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                margin: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mt: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mr: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mb: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            ml: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mx: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                marginRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            my: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                marginBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            p: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                padding: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pt: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pr: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pb: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pl: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            px: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                paddingRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            py: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                paddingBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
             };
             cols: (value: number) => {
                 gridColumn: string;
@@ -273,115 +210,51 @@ export declare function createStitches<Prefix extends string = "", Media extends
                 initial: string;
                 editor: string;
             }, Typography>]: any; }[keyof Typography];
-            m: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                margin: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            mt: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginTop: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            mr: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginRight: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            mb: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginBottom: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            ml: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginLeft: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            mx: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginLeft: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-                marginRight: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            my: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginTop: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-                marginBottom: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            p: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                padding: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            pt: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingTop: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            pr: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingRight: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            pb: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingBottom: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            pl: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingLeft: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            px: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingLeft: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-                paddingRight: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            py: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingTop: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-                paddingBottom: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            m: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                margin: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mt: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mr: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mb: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            ml: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mx: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                marginRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            my: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                marginBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            p: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                padding: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pt: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pr: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pb: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pl: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            px: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                paddingRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            py: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                paddingBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
             };
             cols: (value: number) => {
                 gridColumn: string;
@@ -395,115 +268,51 @@ export declare function createStitches<Prefix extends string = "", Media extends
             initial: string;
             editor: string;
         }, Typography>]: any; }[keyof Typography];
-        m: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            margin: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        m: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            margin: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        mt: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        mt: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        mr: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        mr: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        mb: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        mb: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        ml: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        ml: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        mx: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        mx: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            marginRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        my: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        my: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            marginBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        p: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            padding: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        p: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            padding: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        pt: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingTop: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        pt: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        pr: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingRight: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        pr: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        pb: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingBottom: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        pb: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        pl: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingLeft: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        pl: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        px: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingLeft: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            paddingRight: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        px: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            paddingRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        py: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingTop: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            paddingBottom: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        py: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            paddingBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
         cols: (value: number) => {
             gridColumn: string;
@@ -518,115 +327,51 @@ export declare function createStitches<Prefix extends string = "", Media extends
                 initial: string;
                 editor: string;
             }, Typography>]: any; }[keyof Typography];
-            m: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                margin: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            mt: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginTop: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            mr: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginRight: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            mb: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginBottom: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            ml: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginLeft: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            mx: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginLeft: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-                marginRight: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            my: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                marginTop: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-                marginBottom: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            p: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                padding: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            pt: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingTop: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            pr: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingRight: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            pb: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingBottom: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            pl: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingLeft: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            px: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingLeft: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-                paddingRight: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            };
-            py: (value: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-                paddingTop: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-                paddingBottom: {
-                    readonly [$$ScaleValue]: "space";
-                } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            m: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                margin: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mt: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mr: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mb: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            ml: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mx: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                marginRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            my: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                marginBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            p: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                padding: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pt: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pr: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pb: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pl: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            px: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                paddingRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            py: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                paddingBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
             };
             cols: (value: number) => {
                 gridColumn: string;
@@ -637,12 +382,12 @@ export declare function createStitches<Prefix extends string = "", Media extends
         (): string;
         name: string;
     };
-    createTheme: <Argument0 extends string | ({ [Scale_2 in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })]?: { [Token in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })[Scale_2]]?: string | number | boolean | undefined; } | undefined; } & {
+    createTheme: <Argument0 extends string | ((Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; } extends infer T_2 extends {} ? { [Scale_2 in keyof T_2]?: { [Token in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })[Scale_2]]?: string | number | boolean | undefined; } | undefined; } : never) & {
         [x: string]: {
             [x: string]: string | number | boolean;
             [x: number]: string | number | boolean;
         };
-    }), Argument1 extends string | ({ [Scale_3 in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })]?: { [Token_1 in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })[Scale_3]]?: string | number | boolean | undefined; } | undefined; } & {
+    }), Argument1 extends string | ((Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; } extends infer T_3 extends {} ? { [Scale_3 in keyof T_3]?: { [Token_1 in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })[Scale_3]]?: string | number | boolean | undefined; } | undefined; } : never) & {
         [x: string]: {
             [x: string]: string | number | boolean;
             [x: number]: string | number | boolean;
@@ -654,403 +399,250 @@ export declare function createStitches<Prefix extends string = "", Media extends
     theme: string & {
         className: string;
         selector: string;
-    } & { [Scale_4 in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })]: { [Token_2 in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })[Scale_4]]: import("@stitches/react/types/theme").Token<Extract<Token_2, string | number>, string, Extract<Scale_4, string | void>, "">; }; };
+    } & (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; } extends infer T_4 extends {} ? { [Scale_4 in keyof T_4]: { [Token_2 in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })[Scale_4]]: import("@stitches/react/types/theme").Token<Extract<Token_2, string | number>, string, Extract<Scale_4, string | void>, "">; }; } : never);
     reset: () => void;
     getCssText: () => string;
-    css: <Composers extends (string | import("react").JSXElementConstructor<any> | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | {
-        [name: string]: unknown;
-    })[], CSS_1 = import("@stitches/react/types/css-util").CSS<{
-        initial: "";
-    } & Media, Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; }, ThemeMap, {
-        typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
-            initial: string;
-            editor: string;
-        }, Typography>]: any; }[keyof Typography];
-        m: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            margin: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-        };
-        mt: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-        };
-        mr: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-        };
-        mb: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-        };
-        ml: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-        };
-        mx: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-        };
-        my: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-        };
-        p: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            padding: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-        };
-        pt: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingTop: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-        };
-        pr: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingRight: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-        };
-        pb: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingBottom: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-        };
-        pl: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingLeft: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-        };
-        px: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingLeft: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            paddingRight: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-        };
-        py: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingTop: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            paddingBottom: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-        };
-        cols: (value: number) => {
-            gridColumn: string;
-            "--grid-columns": number;
-        };
-    }>>(...composers: { [K_1 in keyof Composers]: string extends Composers[K_1] ? Composers[K_1] : Composers[K_1] extends string | import("react").JSXElementConstructor<any> | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> ? Composers[K_1] : import("@stitches/react/types/stitches").RemoveIndex<CSS_1> & {
-        variants?: {
-            [x: string]: {
-                [x: string]: CSS_1;
-                [x: number]: CSS_1;
-            };
-        } | undefined;
-        compoundVariants?: (("variants" extends keyof Composers[K_1] ? { [Name in keyof Composers[K_1][keyof Composers[K_1] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K_1][keyof Composers[K_1] & "variants"][Name]> | undefined; } : import("@stitches/react/types/util").WideObject) & {
-            css: CSS_1;
-        })[] | undefined;
-        defaultVariants?: ("variants" extends keyof Composers[K_1] ? { [Name_1 in keyof Composers[K_1][keyof Composers[K_1] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K_1][keyof Composers[K_1] & "variants"][Name_1]> | undefined; } : import("@stitches/react/types/util").WideObject) | undefined;
-    } & CSS_1 & { [K2 in keyof Composers[K_1]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").CssComponent<import("@stitches/react/types/styled-component").StyledComponentType<Composers>, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
-        initial: "";
-    } & Media, CSS_1>;
-    styled: <Type extends import("@stitches/react/types/util").Function | keyof JSX.IntrinsicElements | import("react").ComponentType<any>, Composers_1 extends (string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> | {
-        [name: string]: unknown;
-    })[], CSS_2 = import("@stitches/react/types/css-util").CSS<{
+    css: {
+        withConfig: (config: {
+            componentId?: string | undefined;
+            displayName?: string | undefined;
+            shouldForwardStitchesProp?: ((prop: "css" | (string & {})) => boolean | void) | undefined;
+        }) => import("@stitches/react/types/stitches").CssFunctionType<{
+            initial: "";
+        } & Media, Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; }, ThemeMap, {
+            typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
+                initial: string;
+                editor: string;
+            }, Typography>]: any; }[keyof Typography];
+            m: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                margin: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mt: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mr: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mb: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            ml: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mx: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                marginRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            my: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                marginBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            p: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                padding: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pt: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pr: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pb: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pl: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            px: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                paddingRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            py: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                paddingBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            cols: (value: number) => {
+                gridColumn: string;
+                "--grid-columns": number;
+            };
+        }>;
+    } & import("@stitches/react/types/stitches").CssFunctionType<{
         initial: "";
     } & Media, Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; }, ThemeMap, {
         typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
             initial: string;
             editor: string;
         }, Typography>]: any; }[keyof Typography];
-        m: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            margin: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        m: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            margin: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        mt: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        mt: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        mr: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        mr: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        mb: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        mb: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        ml: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        ml: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        mx: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        mx: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            marginRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        my: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        my: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            marginBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        p: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            padding: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        p: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            padding: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        pt: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingTop: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        pt: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        pr: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingRight: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        pr: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        pb: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingBottom: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        pb: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        pl: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingLeft: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        pl: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        px: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingLeft: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            paddingRight: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        px: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            paddingRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        py: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingTop: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            paddingBottom: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        py: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            paddingBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
         cols: (value: number) => {
             gridColumn: string;
             "--grid-columns": number;
         };
-    }>>(type: Type, ...composers: { [K_2 in keyof Composers_1]: string extends Composers_1[K_2] ? Composers_1[K_2] : Composers_1[K_2] extends string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> ? Composers_1[K_2] : import("@stitches/react/types/stitches").RemoveIndex<CSS_2> & {
-        variants?: {
-            [x: string]: {
-                [x: string]: CSS_2;
-                [x: number]: CSS_2;
-            };
-        } | undefined;
-        compoundVariants?: (("variants" extends keyof Composers_1[K_2] ? { [Name_2 in keyof Composers_1[K_2][keyof Composers_1[K_2] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers_1[K_2][keyof Composers_1[K_2] & "variants"][Name_2]> | undefined; } : import("@stitches/react/types/util").WideObject) & {
-            css: CSS_2;
-        })[] | undefined;
-        defaultVariants?: ("variants" extends keyof Composers_1[K_2] ? { [Name_3 in keyof Composers_1[K_2][keyof Composers_1[K_2] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers_1[K_2][keyof Composers_1[K_2] & "variants"][Name_3]> | undefined; } : import("@stitches/react/types/util").WideObject) | undefined;
-    } & CSS_2 & { [K2_1 in keyof Composers_1[K_2]]: K2_1 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2_1 extends keyof CSS_2 ? CSS_2[K2_1] : unknown; }; }) => import("@stitches/react/types/styled-component").StyledComponent<Type, import("@stitches/react/types/styled-component").StyledComponentProps<Composers_1>, {
-        initial: "";
-    } & Media, import("@stitches/react/types/css-util").CSS<{
+    }>;
+    styled: {
+        withConfig: (config: {
+            componentId?: string | undefined;
+            displayName?: string | undefined;
+            shouldForwardStitchesProp?: ((prop: "css" | (string & {})) => boolean | void) | undefined;
+        }) => import("@stitches/react/types/stitches").StyledFunctionType<{
+            initial: "";
+        } & Media, Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; }, ThemeMap, {
+            typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
+                initial: string;
+                editor: string;
+            }, Typography>]: any; }[keyof Typography];
+            m: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                margin: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mt: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mr: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mb: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            ml: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mx: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                marginRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            my: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                marginBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            p: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                padding: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pt: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pr: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pb: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pl: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            px: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                paddingRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            py: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                paddingBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            cols: (value: number) => {
+                gridColumn: string;
+                "--grid-columns": number;
+            };
+        }>;
+    } & import("@stitches/react/types/stitches").StyledFunctionType<{
         initial: "";
     } & Media, Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; }, ThemeMap, {
         typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
             initial: string;
             editor: string;
         }, Typography>]: any; }[keyof Typography];
-        m: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            margin: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        m: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            margin: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        mt: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        mt: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        mr: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        mr: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        mb: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        mb: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        ml: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        ml: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        mx: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        mx: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            marginRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        my: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        my: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            marginBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        p: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            padding: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        p: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            padding: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        pt: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingTop: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        pt: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        pr: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingRight: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        pr: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        pb: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingBottom: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        pb: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        pl: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingLeft: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        pl: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        px: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingLeft: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            paddingRight: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        px: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingLeft: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            paddingRight: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
-        py: (value: {
-            readonly [$$ScaleValue]: "space";
-        } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
-            paddingTop: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
-            paddingBottom: {
-                readonly [$$ScaleValue]: "space";
-            } | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        py: (value: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingTop: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            paddingBottom: import("@stitches/react/types/css-util").WithScaleValue<"space"> | import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
         };
         cols: (value: number) => {
             gridColumn: string;
             "--grid-columns": number;
         };
-    }>>;
+    }>;
 };
 export {};