eddev 0.2.1 → 0.2.2-beta.11

package/style/createStitches.d.ts

@@ -1,1056 +0,0 @@
-/// <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 | {
-    [K in AtMedias<keyof Media>]?: T | [T];
-};
-declare 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 declare 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>;
-        };
-    };
-}
-declare 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 {}> = {
-    [Scale in keyof T]: ResponsiveScale<Media, T[Scale]>;
-};
-declare 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 declare 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> | undefined;
-        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> | undefined;
-        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: {
-                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;
-            };
-        };
-    };
-    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/react/types/css").AtRule.FontFace | import("@stitches/react/types/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
-        [x: string]: 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;
-            };
-        }>;
-    } : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : 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;
-        };
-    }>; })[]) => () => string;
-    keyframes: (style: {
-        [offset: string]: 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;
-            };
-        }>;
-    }) => {
-        (): 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; } & {
-        [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; } & {
-        [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/react/types/stitches").ThemeTokens<Argument1, ""> : import("@stitches/react/types/stitches").ThemeTokens<Argument0, "">);
-    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>, "">; }; };
-    reset: () => void;
-    getCssText: () => string;
-    css: <Composers extends (string | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("@stitches/react/types/util").Function | {
-        [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]: Composers[K_1] extends string | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("@stitches/react/types/util").Function ? 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("react").ComponentType<any> | keyof JSX.IntrinsicElements | import("@stitches/react/types/util").Function, Composers_1 extends (string | import("react").ComponentType<any> | import("@stitches/react/types/util").Function | {
-        [name: string]: unknown;
-    })[], CSS_2 = 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;
-        };
-    }>>(type: Type, ...composers: { [K_2 in keyof Composers_1]: Composers_1[K_2] extends string | import("react").ComponentType<any> | import("@stitches/react/types/util").Function ? 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<{
-        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;
-        };
-    }>>;
-};
-export {};