eddev 0.3.35 → 2.0.0-beta.2

package/dist/app/lib/legacy-stitches/createStitches.d.ts

@@ -0,0 +1,615 @@
+import type { ConfigType } from "../../../../stitches-archive/config";
+import { DefaultThemeMap } from "../../../../stitches-archive";
+import { Properties as CSS } from "csstype";
+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];
+};
+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"]>;
+        textTransform?: CSS["textTransform"];
+        fontWeight?: CSS["fontWeight"];
+        wordSpacing?: CSS["wordSpacing"];
+        letterSpacing?: CSS["letterSpacing"];
+        lineHeight?: ResponsiveValue<Media, Theme["lineHeights"] extends {} ? `$${Extract<keyof Theme["lineHeights"], string>}` | CSS["lineHeight"] : CSS["lineHeight"]>;
+    };
+};
+export type BreakpointArray = {
+    key: string;
+    min: string | null;
+    max: string | null;
+}[];
+export declare function parseBreakpoints(names: string[], medias: any): BreakpointArray;
+interface GridConfig<Theme extends ConfigType.Theme<{}>, Media extends ConfigType.Media<{}>> {
+    columns: number;
+    breakpoints: {
+        [K in AtMedias<keyof Media>]?: {
+            container: string;
+            gutter: UtilValue<Theme, "space", string>;
+            margin: UtilValue<Theme, "space", string>;
+        };
+    };
+}
+type ResponsiveScale<Media extends ConfigType.Media<{}>, T extends {}> = {
+    [K in keyof T]: {
+        [M in AtMedias<keyof Media>]?: string | number | [string | number];
+    } | string | number;
+};
+type ResponsiveConfig<Media extends ConfigType.Media<{}>, T extends {
+    [key: string]: any;
+}> = {
+    [Scale in keyof T]: ResponsiveScale<Media, T[Scale]>;
+};
+type ResponsiveAtom = {
+    lerpStart: boolean;
+} & ({
+    type: "multiplier";
+    value: number;
+} | {
+    type: "percent";
+    value: number;
+} | {
+    type: "px";
+    value: number;
+} | {
+    type: "number";
+    value: number;
+} | {
+    type: "unknown";
+    value: string | number;
+} | {
+    type: "undefined";
+});
+export type ResponsiveAtomCalc = ResponsiveAtom & {
+    defined: boolean;
+    breakpoint: string;
+    baseBreakpoint: string;
+    lastBreakpoint: string;
+    lerping?: {
+        fromBP: string | null;
+        toBP: string | null;
+        minMedia: number;
+        maxMedia: number;
+        minValue: number;
+        maxValue: number;
+    };
+    concreteValue: number | null;
+};
+export declare function parseResponsiveObject(breakpoints: ReturnType<typeof parseBreakpoints>, object: any): ResponsiveAtomCalc[];
+export declare function getResponsiveObjectStyles(breakpoints: ReturnType<typeof parseBreakpoints>, object: any, varName: string, unit?: string): any[];
+export declare function parseResponsiveTokens(theme: any, breakpoints: any): {
+    initialResponsive: any;
+    globalResponsive: any;
+};
+export declare function createStitches<Prefix extends string = "", Media extends {} = {}, Breakpoints extends (keyof Media)[] = [], Theme extends {} = {}, Responsive extends {} = {}, ThemeMap extends {} = DefaultThemeMap, Utils extends {} = {}, Typography extends {} = {}>(config: {
+    breakpoints: Breakpoints;
+    prefix?: ConfigType.Prefix<Prefix>;
+    media: ConfigType.Media<Media>;
+    theme: ConfigType.Theme<Theme>;
+    responsive: ResponsiveConfig<Media & {
+        initial: string;
+        editor: string;
+    }, Responsive>;
+    typography: TypographyConfig<Theme, Media & {
+        initial: string;
+        editor: string;
+    }, Typography>;
+    grid: GridConfig<Theme, Media & {
+        initial: string;
+        editor: string;
+    }>;
+    themeMap?: ConfigType.ThemeMap<ThemeMap>;
+    utils: ConfigType.Utils<Utils>;
+}): {
+    originalConfig: {
+        breakpoints: Breakpoints;
+        prefix?: ConfigType.Prefix<Prefix>;
+        media: ConfigType.Media<Media>;
+        theme: ConfigType.Theme<Theme>;
+        responsive: ResponsiveConfig<Media & {
+            initial: string;
+            editor: string;
+        }, Responsive>;
+        typography: TypographyConfig<Theme, Media & {
+            initial: string;
+            editor: string;
+        }, Typography>;
+        grid: GridConfig<Theme, Media & {
+            initial: string;
+            editor: string;
+        }>;
+        themeMap?: ConfigType.ThemeMap<ThemeMap>;
+        utils: ConfigType.Utils<Utils>;
+    };
+    breakpoints: BreakpointArray;
+    typeVariants: { [key in keyof TypographyConfig<Theme, Media & {
+        initial: string;
+        editor: string;
+    }, Typography>]: any; };
+    gridVariants: {};
+    responsiveTokens: { [Scale in keyof Responsive]: { [T in keyof Responsive[Scale]]: number; }; };
+    responsiveGlobals: any;
+    config: {
+        prefix: "";
+        media: {
+            initial: "";
+        } & Media;
+        theme: Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; };
+        themeMap: ThemeMap;
+        utils: {
+            typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
+                initial: string;
+                editor: string;
+            }, Typography>]: any; }[keyof Typography];
+            m: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                margin: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            ml: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mx: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            my: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            p: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                padding: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pl: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            px: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            py: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            cols: (value: number) => {
+                gridColumn: string;
+                "--grid-columns": number;
+            };
+        };
+    };
+    prefix: "";
+    globalCss: <Styles extends {
+        [K: string]: any;
+    }>(...styles: ({
+        '@import'?: unknown;
+        '@font-face'?: unknown;
+    } & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("../../../../stitches-archive/css").AtRule.FontFace | import("../../../../stitches-archive/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
+        [x: string]: import("../../../../stitches-archive/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: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                margin: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            ml: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mx: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            my: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            p: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                padding: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pl: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            px: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            py: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            cols: (value: number) => {
+                gridColumn: string;
+                "--grid-columns": number;
+            };
+        }>;
+    } : K extends `@property ${string}` ? import("../../../../stitches-archive/css").AtRule.Property : import("../../../../stitches-archive/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: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            margin: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        mt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        mr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        mb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        ml: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        mx: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        my: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        p: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            padding: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        pt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        pr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        pb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        pl: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        px: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        py: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        cols: (value: number) => {
+            gridColumn: string;
+            "--grid-columns": number;
+        };
+    }>; })[]) => {
+        (): string;
+    };
+    keyframes: (style: {
+        [offset: string]: import("../../../../stitches-archive/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: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                margin: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            ml: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            mx: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            my: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            p: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                padding: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            pl: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            px: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            py: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+                paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+                paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            };
+            cols: (value: number) => {
+                gridColumn: string;
+                "--grid-columns": number;
+            };
+        }>;
+    }) => {
+        (): string;
+        name: string;
+    };
+    createTheme: <Argument0 extends string | ((Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; } extends infer T_2 ? { [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 | ((Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; } extends infer T_3 ? { [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;
+        };
+    })>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
+        className: string;
+        selector: string;
+    } & (Argument0 extends string ? import("../../../../stitches-archive/stitches").ThemeTokens<Argument1, ""> : import("../../../../stitches-archive/stitches").ThemeTokens<Argument0, "">);
+    theme: string & {
+        className: string;
+        selector: 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]]: import("../../../../stitches-archive/theme").Token<Extract<Token, string | number>, string, Extract<Scale_2, string | void>, "">; }; } : never);
+    reset: {
+        (): void;
+    };
+    getCssText: {
+        (): string;
+    };
+    css: <Composers extends (string | React.ExoticComponent<any> | React.JSXElementConstructor<any> | import("../../../../stitches-archive/util").Function | {
+        [name: string]: unknown;
+    })[], CSS = import("../../../../stitches-archive/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: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            margin: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        mt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        mr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        mb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        ml: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        mx: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        my: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        p: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            padding: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        pt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        pr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        pb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        pl: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        px: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        py: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        cols: (value: number) => {
+            gridColumn: string;
+            "--grid-columns": number;
+        };
+    }>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("../../../../stitches-archive/util").Function ? Composers[K] : import("../../../../stitches-archive/stitches").RemoveIndex<CSS> & {
+        variants?: {
+            [x: string]: {
+                [x: string]: CSS;
+                [x: number]: CSS;
+            };
+        } | undefined;
+        compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../../../../stitches-archive/util").String | import("../../../../stitches-archive/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("../../../../stitches-archive/util").WideObject) & {
+            css: CSS;
+        })[] | undefined;
+        defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../../../../stitches-archive/util").String | import("../../../../stitches-archive/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("../../../../stitches-archive/util").WideObject) | undefined;
+    } & CSS & { [K2 in keyof Composers[K]]: K2 extends "variants" | "compoundVariants" | "defaultVariants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("../../../../stitches-archive/styled-component").CssComponent<import("../../../../stitches-archive/styled-component").StyledComponentType<Composers>, import("../../../../stitches-archive/styled-component").StyledComponentProps<Composers>, {
+        initial: "";
+    } & Media, CSS>;
+    styled: <Type extends keyof JSX.IntrinsicElements | React.ComponentType<any> | import("../../../../stitches-archive/util").Function, Composers extends (string | React.ComponentType<any> | import("../../../../stitches-archive/util").Function | {
+        [name: string]: unknown;
+    })[], CSS = import("../../../../stitches-archive/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: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            margin: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        mt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        mr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        mb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        ml: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        mx: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        my: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        p: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            padding: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        pt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        pr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        pb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        pl: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        px: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        py: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        cols: (value: number) => {
+            gridColumn: string;
+            "--grid-columns": number;
+        };
+    }>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("react").ComponentType<any> | import("../../../../stitches-archive/util").Function ? Composers[K] : import("../../../../stitches-archive/stitches").RemoveIndex<CSS> & {
+        variants?: {
+            [x: string]: {
+                [x: string]: CSS;
+                [x: number]: CSS;
+            };
+        } | undefined;
+        compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../../../../stitches-archive/util").String | import("../../../../stitches-archive/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("../../../../stitches-archive/util").WideObject) & {
+            css: CSS;
+        })[] | undefined;
+        defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../../../../stitches-archive/util").String | import("../../../../stitches-archive/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("../../../../stitches-archive/util").WideObject) | undefined;
+    } & CSS & { [K2 in keyof Composers[K]]: K2 extends "variants" | "compoundVariants" | "defaultVariants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("../../../../stitches-archive/styled-component").StyledComponent<Type, import("../../../../stitches-archive/styled-component").StyledComponentProps<Composers>, {
+        initial: "";
+    } & Media, import("../../../../stitches-archive/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: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            margin: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        mt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        mr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        mb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        ml: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        mx: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        my: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        p: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            padding: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        pt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        pr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        pb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        pl: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        px: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        py: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
+            paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+            paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        };
+        cols: (value: number) => {
+            gridColumn: string;
+            "--grid-columns": number;
+        };
+    }>>;
+};
+export {};