/// import type * as Stitches from '@stitches/react'; declare const stitchesConfig: import("@stitches/react/types/stitches").default<"", { xs: string; sm: string; md: string; lg: string; xl: string; '2xl': string; downXs: string; downSm: string; downMd: string; downLg: string; downXl: string; upSm: string; upMd: string; upLg: string; upxl: string; up2xl: string; }, { colors: { text: any; primary: any; primaryText: any; accent: any; accentText: any; info: any; infoText: any; warning: any; warningText: any; positive: any; positiveText: any; negative: any; negativeText: any; accent50: any; accent100: any; accent200: any; accent300: any; accent400: any; accent500: any; accent600: any; accent700: any; accent800: any; accent900: any; primary50: any; primary100: any; primary200: any; primary300: any; primary400: any; primary500: any; primary600: any; primary700: any; primary800: any; primary900: any; indigo50: any; indigo100: any; indigo200: any; indigo300: any; indigo400: any; indigo500: any; indigo600: any; indigo700: any; indigo800: any; indigo900: any; purple50: any; purple100: any; purple200: any; purple300: any; purple400: any; purple500: any; purple600: any; purple700: any; purple800: any; purple900: any; yellow50: any; yellow100: any; yellow200: any; yellow300: any; yellow400: any; yellow500: any; yellow600: any; yellow700: any; yellow800: any; yellow900: any; green50: any; green100: any; green200: any; green300: any; green400: any; green500: any; green600: any; green700: any; green800: any; green900: any; blue50: any; blue100: any; blue200: any; blue300: any; blue400: any; blue500: any; blue600: any; blue700: any; blue800: any; blue900: any; red50: any; red100: any; red200: any; red300: any; red400: any; red500: any; red600: any; red700: any; red800: any; red900: any; gray50: any; gray100: any; gray200: any; gray300: any; gray400: any; gray500: any; gray600: any; gray700: any; gray800: any; gray900: any; white: any; black: any; }; space: { px: any; 10: any; 20: any; 30: any; 40: any; 50: any; 60: any; 80: any; 100: any; 125: any; 150: any; 175: any; 200: any; 225: any; 250: any; 275: any; 300: any; 350: any; 400: any; 500: any; 600: any; 700: any; 800: any; 900: any; 1000: any; 1100: any; 1200: any; 1300: any; 1400: any; 1500: any; 1600: any; 1800: any; 2000: any; 2400: any; }; radii: { none: any; xs: any; sm: any; md: any; lg: any; xl: any; '2xl': any; '3xl': any; full: any; }; fontSizes: { pxbase: any; xs: any; sm: any; base: any; lg: any; xl: any; '2xl': any; '3xl': any; '4xl': any; '5xl': any; '6xl': any; '7xl': any; '8xl': any; '9xl': any; }; fonts: { primary: any; }; lineHeights: { xs: any; sm: any; base: any; lg: any; xl: any; '2xl': any; '3xl': any; '4xl': any; '5xl': any; '6xl': any; '7xl': any; '8xl': any; '9xl': any; }; shadows: { sm: any; DEFAULT: any; md: any; lg: any; xl: any; '2xl': any; '3xl': any; inner: any; none: any; }; sizes: { px: any; 10: any; 20: any; 30: any; 40: any; 50: any; 60: any; 80: any; 100: any; 125: any; 150: any; 175: any; 200: any; 225: any; 250: any; 275: any; 300: any; 350: any; 400: any; 500: any; 600: any; 700: any; 800: any; 900: any; 1000: any; 1100: any; 1200: any; 1300: any; 1400: any; 1500: any; 1600: any; 1800: any; 2000: any; 2400: any; half: any; oneThird: any; twoThird: any; oneFourth: any; twoFourth: any; threeFourth: any; oneFifth: any; twoFifth: any; threeFifth: any; fourFifth: any; oneSixth: any; twoSixth: any; threeSixth: any; fourSixth: any; fiveSixth: any; oneTwelve: any; twoTwelve: any; threeTwelve: any; fourTwelve: any; fiveTwelve: any; sixTwelve: any; sevenTwelve: any; eigthTwelve: any; nineTwelve: any; tenTwelve: any; elevenTwelve: any; full: any; hscreen: any; wscreen: any; min: any; max: any; }; }, import("@stitches/react/types/config").DefaultThemeMap, { fgap: (value: { readonly [$$ScaleValue]: "space"; }) => { margin: string; '& > *': { margin: string; }; gap?: undefined; } | { gap: { readonly [$$ScaleValue]: "space"; }; margin?: undefined; '& > *'?: undefined; }; m: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; marginBottom: { readonly [$$ScaleValue]: "space"; }; marginLeft: { readonly [$$ScaleValue]: "space"; }; marginRight: { readonly [$$ScaleValue]: "space"; }; }; mt: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; }; mr: (value: { readonly [$$ScaleValue]: "space"; }) => { marginRight: { readonly [$$ScaleValue]: "space"; }; }; mb: (value: { readonly [$$ScaleValue]: "space"; }) => { marginBottom: { readonly [$$ScaleValue]: "space"; }; }; ml: (value: { readonly [$$ScaleValue]: "space"; }) => { marginLeft: { readonly [$$ScaleValue]: "space"; }; }; mx: (value: { readonly [$$ScaleValue]: "space"; }) => { marginLeft: { readonly [$$ScaleValue]: "space"; }; marginRight: { readonly [$$ScaleValue]: "space"; }; }; my: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; marginBottom: { readonly [$$ScaleValue]: "space"; }; }; p: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; paddingBottom: { readonly [$$ScaleValue]: "space"; }; paddingLeft: { readonly [$$ScaleValue]: "space"; }; paddingRight: { readonly [$$ScaleValue]: "space"; }; }; pt: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; }; pr: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingRight: { readonly [$$ScaleValue]: "space"; }; }; pb: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingBottom: { readonly [$$ScaleValue]: "space"; }; }; pl: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingLeft: { readonly [$$ScaleValue]: "space"; }; }; px: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingLeft: { readonly [$$ScaleValue]: "space"; }; paddingRight: { readonly [$$ScaleValue]: "space"; }; }; py: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; paddingBottom: { readonly [$$ScaleValue]: "space"; }; }; linearGradient: (value: string & {}) => { backgroundImage: string; }; br: (value: { readonly [$$ScaleValue]: "radii"; }) => { borderRadius: { readonly [$$ScaleValue]: "radii"; }; }; fontType: (value: { readonly [$$ScaleValue]: "fontSizes"; }) => { fontSize: { readonly [$$ScaleValue]: "fontSizes"; }; lineHeight: { readonly [$$ScaleValue]: "fontSizes"; }; fontFamily: string; }; }>; export declare const Theme: { colors: { text: string; primary: string; primaryText: string; accent: string; accentText: string; info: string; infoText: string; warning: string; warningText: string; positive: string; positiveText: string; negative: string; negativeText: string; accent50: string; accent100: string; accent200: string; accent300: string; accent400: string; accent500: string; accent600: string; accent700: string; accent800: string; accent900: string; primary50: string; primary100: string; primary200: string; primary300: string; primary400: string; primary500: string; primary600: string; primary700: string; primary800: string; primary900: string; indigo50: string; indigo100: string; indigo200: string; indigo300: string; indigo400: string; indigo500: string; indigo600: string; indigo700: string; indigo800: string; indigo900: string; purple50: string; purple100: string; purple200: string; purple300: string; purple400: string; purple500: string; purple600: string; purple700: string; purple800: string; purple900: string; yellow50: string; yellow100: string; yellow200: string; yellow300: string; yellow400: string; yellow500: string; yellow600: string; yellow700: string; yellow800: string; yellow900: string; green50: string; green100: string; green200: string; green300: string; green400: string; green500: string; green600: string; green700: string; green800: string; green900: string; blue50: string; blue100: string; blue200: string; blue300: string; blue400: string; blue500: string; blue600: string; blue700: string; blue800: string; blue900: string; red50: string; red100: string; red200: string; red300: string; red400: string; red500: string; red600: string; red700: string; red800: string; red900: string; gray50: string; gray100: string; gray200: string; gray300: string; gray400: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; white: string; black: string; }; space: { px: string; 10: string; 20: string; 30: string; 40: string; 50: string; 60: string; 80: string; 100: string; 125: string; 150: string; 175: string; 200: string; 225: string; 250: string; 275: string; 300: string; 350: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; 1000: string; 1100: string; 1200: string; 1300: string; 1400: string; 1500: string; 1600: string; 1800: string; 2000: string; 2400: string; }; radii: { none: number; xs: string; sm: string; md: string; lg: string; xl: string; '2xl': string; '3xl': string; full: string; }; fontSizes: { pxbase: string; xs: string; sm: string; base: string; lg: string; xl: string; '2xl': string; '3xl': string; '4xl': string; '5xl': string; '6xl': string; '7xl': string; '8xl': string; '9xl': string; }; fonts: { primary: string; }; lineHeights: { xs: string; sm: string; base: string; lg: string; xl: string; '2xl': string; '3xl': string; '4xl': string; '5xl': number; '6xl': number; '7xl': number; '8xl': number; '9xl': number; }; shadows: { sm: string; DEFAULT: string; md: string; lg: string; xl: string; '2xl': string; '3xl': string; inner: string; none: string; }; sizes: { px: string; 10: string; 20: string; 30: string; 40: string; 50: string; 60: string; 80: string; 100: string; 125: string; 150: string; 175: string; 200: string; 225: string; 250: string; 275: string; 300: string; 350: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; 1000: string; 1100: string; 1200: string; 1300: string; 1400: string; 1500: string; 1600: string; 1800: string; 2000: string; 2400: string; half: string; oneThird: string; twoThird: string; oneFourth: string; twoFourth: string; threeFourth: string; oneFifth: string; twoFifth: string; threeFifth: string; fourFifth: string; oneSixth: string; twoSixth: string; threeSixth: string; fourSixth: string; fiveSixth: string; oneTwelve: string; twoTwelve: string; threeTwelve: string; fourTwelve: string; fiveTwelve: string; sixTwelve: string; sevenTwelve: string; eigthTwelve: string; nineTwelve: string; tenTwelve: string; elevenTwelve: string; full: string; hscreen: string; wscreen: string; min: string; max: string; }; }; export declare const styled: | import("react").FunctionComponent, Composers extends (string | import("@stitches/react/types/util").Function | import("react").ComponentClass | import("react").FunctionComponent | { [name: string]: unknown; })[], CSS_1 = import("@stitches/react/types/css-util").CSS<{ xs: string; sm: string; md: string; lg: string; xl: string; '2xl': string; downXs: string; downSm: string; downMd: string; downLg: string; downXl: string; upSm: string; upMd: string; upLg: string; upxl: string; up2xl: string; }, { colors: { text: any; primary: any; primaryText: any; accent: any; accentText: any; info: any; infoText: any; warning: any; warningText: any; positive: any; positiveText: any; negative: any; negativeText: any; accent50: any; accent100: any; accent200: any; accent300: any; accent400: any; accent500: any; accent600: any; accent700: any; accent800: any; accent900: any; primary50: any; primary100: any; primary200: any; primary300: any; primary400: any; primary500: any; primary600: any; primary700: any; primary800: any; primary900: any; indigo50: any; indigo100: any; indigo200: any; indigo300: any; indigo400: any; indigo500: any; indigo600: any; indigo700: any; indigo800: any; indigo900: any; purple50: any; purple100: any; purple200: any; purple300: any; purple400: any; purple500: any; purple600: any; purple700: any; purple800: any; purple900: any; yellow50: any; yellow100: any; yellow200: any; yellow300: any; yellow400: any; yellow500: any; yellow600: any; yellow700: any; yellow800: any; yellow900: any; green50: any; green100: any; green200: any; green300: any; green400: any; green500: any; green600: any; green700: any; green800: any; green900: any; blue50: any; blue100: any; blue200: any; blue300: any; blue400: any; blue500: any; blue600: any; blue700: any; blue800: any; blue900: any; red50: any; red100: any; red200: any; red300: any; red400: any; red500: any; red600: any; red700: any; red800: any; red900: any; gray50: any; gray100: any; gray200: any; gray300: any; gray400: any; gray500: any; gray600: any; gray700: any; gray800: any; gray900: any; white: any; black: any; }; space: { px: any; 10: any; 20: any; 30: any; 40: any; 50: any; 60: any; 80: any; 100: any; 125: any; 150: any; 175: any; 200: any; 225: any; 250: any; 275: any; 300: any; 350: any; 400: any; 500: any; 600: any; 700: any; 800: any; 900: any; 1000: any; 1100: any; 1200: any; 1300: any; 1400: any; 1500: any; 1600: any; 1800: any; 2000: any; 2400: any; }; radii: { none: any; xs: any; sm: any; md: any; lg: any; xl: any; '2xl': any; '3xl': any; full: any; }; fontSizes: { pxbase: any; xs: any; sm: any; base: any; lg: any; xl: any; '2xl': any; '3xl': any; '4xl': any; '5xl': any; '6xl': any; '7xl': any; '8xl': any; '9xl': any; }; fonts: { primary: any; }; lineHeights: { xs: any; sm: any; base: any; lg: any; xl: any; '2xl': any; '3xl': any; '4xl': any; '5xl': any; '6xl': any; '7xl': any; '8xl': any; '9xl': any; }; shadows: { sm: any; DEFAULT: any; md: any; lg: any; xl: any; '2xl': any; '3xl': any; inner: any; none: any; }; sizes: { px: any; 10: any; 20: any; 30: any; 40: any; 50: any; 60: any; 80: any; 100: any; 125: any; 150: any; 175: any; 200: any; 225: any; 250: any; 275: any; 300: any; 350: any; 400: any; 500: any; 600: any; 700: any; 800: any; 900: any; 1000: any; 1100: any; 1200: any; 1300: any; 1400: any; 1500: any; 1600: any; 1800: any; 2000: any; 2400: any; half: any; oneThird: any; twoThird: any; oneFourth: any; twoFourth: any; threeFourth: any; oneFifth: any; twoFifth: any; threeFifth: any; fourFifth: any; oneSixth: any; twoSixth: any; threeSixth: any; fourSixth: any; fiveSixth: any; oneTwelve: any; twoTwelve: any; threeTwelve: any; fourTwelve: any; fiveTwelve: any; sixTwelve: any; sevenTwelve: any; eigthTwelve: any; nineTwelve: any; tenTwelve: any; elevenTwelve: any; full: any; hscreen: any; wscreen: any; min: any; max: any; }; }, import("@stitches/react/types/config").DefaultThemeMap, { fgap: (value: { readonly [$$ScaleValue]: "space"; }) => { margin: string; '& > *': { margin: string; }; gap?: undefined; } | { gap: { readonly [$$ScaleValue]: "space"; }; margin?: undefined; '& > *'?: undefined; }; m: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; marginBottom: { readonly [$$ScaleValue]: "space"; }; marginLeft: { readonly [$$ScaleValue]: "space"; }; marginRight: { readonly [$$ScaleValue]: "space"; }; }; mt: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; }; mr: (value: { readonly [$$ScaleValue]: "space"; }) => { marginRight: { readonly [$$ScaleValue]: "space"; }; }; mb: (value: { readonly [$$ScaleValue]: "space"; }) => { marginBottom: { readonly [$$ScaleValue]: "space"; }; }; ml: (value: { readonly [$$ScaleValue]: "space"; }) => { marginLeft: { readonly [$$ScaleValue]: "space"; }; }; mx: (value: { readonly [$$ScaleValue]: "space"; }) => { marginLeft: { readonly [$$ScaleValue]: "space"; }; marginRight: { readonly [$$ScaleValue]: "space"; }; }; my: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; marginBottom: { readonly [$$ScaleValue]: "space"; }; }; p: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; paddingBottom: { readonly [$$ScaleValue]: "space"; }; paddingLeft: { readonly [$$ScaleValue]: "space"; }; paddingRight: { readonly [$$ScaleValue]: "space"; }; }; pt: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; }; pr: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingRight: { readonly [$$ScaleValue]: "space"; }; }; pb: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingBottom: { readonly [$$ScaleValue]: "space"; }; }; pl: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingLeft: { readonly [$$ScaleValue]: "space"; }; }; px: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingLeft: { readonly [$$ScaleValue]: "space"; }; paddingRight: { readonly [$$ScaleValue]: "space"; }; }; py: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; paddingBottom: { readonly [$$ScaleValue]: "space"; }; }; linearGradient: (value: string & {}) => { backgroundImage: string; }; br: (value: { readonly [$$ScaleValue]: "radii"; }) => { borderRadius: { readonly [$$ScaleValue]: "radii"; }; }; fontType: (value: { readonly [$$ScaleValue]: "fontSizes"; }) => { fontSize: { readonly [$$ScaleValue]: "fontSizes"; }; lineHeight: { readonly [$$ScaleValue]: "fontSizes"; }; fontFamily: string; }; }>>(type: Type, ...composers: { [K in keyof Composers]: Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ComponentClass | import("react").FunctionComponent ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex & { variants?: { [x: string]: { [x: string]: CSS_1; [x: number]: CSS_1; }; } | undefined; compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: (string & Record) | import("@stitches/react/types/util").Widen | undefined; } : import("@stitches/react/types/util").WideObject) & { css: CSS_1; })[] | undefined; defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: (string & Record) | import("@stitches/react/types/util").Widen | undefined; } : import("@stitches/react/types/util").WideObject) | undefined; } & CSS_1 & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").StyledComponent, { xs: string; sm: string; md: string; lg: string; xl: string; '2xl': string; downXs: string; downSm: string; downMd: string; downLg: string; downXl: string; upSm: string; upMd: string; upLg: string; upxl: string; up2xl: string; }, import("@stitches/react/types/css-util").CSS<{ xs: string; sm: string; md: string; lg: string; xl: string; '2xl': string; downXs: string; downSm: string; downMd: string; downLg: string; downXl: string; upSm: string; upMd: string; upLg: string; upxl: string; up2xl: string; }, { colors: { text: any; primary: any; primaryText: any; accent: any; accentText: any; info: any; infoText: any; warning: any; warningText: any; positive: any; positiveText: any; negative: any; negativeText: any; accent50: any; accent100: any; accent200: any; accent300: any; accent400: any; accent500: any; accent600: any; accent700: any; accent800: any; accent900: any; primary50: any; primary100: any; primary200: any; primary300: any; primary400: any; primary500: any; primary600: any; primary700: any; primary800: any; primary900: any; indigo50: any; indigo100: any; indigo200: any; indigo300: any; indigo400: any; indigo500: any; indigo600: any; indigo700: any; indigo800: any; indigo900: any; purple50: any; purple100: any; purple200: any; purple300: any; purple400: any; purple500: any; purple600: any; purple700: any; purple800: any; purple900: any; yellow50: any; yellow100: any; yellow200: any; yellow300: any; yellow400: any; yellow500: any; yellow600: any; yellow700: any; yellow800: any; yellow900: any; green50: any; green100: any; green200: any; green300: any; green400: any; green500: any; green600: any; green700: any; green800: any; green900: any; blue50: any; blue100: any; blue200: any; blue300: any; blue400: any; blue500: any; blue600: any; blue700: any; blue800: any; blue900: any; red50: any; red100: any; red200: any; red300: any; red400: any; red500: any; red600: any; red700: any; red800: any; red900: any; gray50: any; gray100: any; gray200: any; gray300: any; gray400: any; gray500: any; gray600: any; gray700: any; gray800: any; gray900: any; white: any; black: any; }; space: { px: any; 10: any; 20: any; 30: any; 40: any; 50: any; 60: any; 80: any; 100: any; 125: any; 150: any; 175: any; 200: any; 225: any; 250: any; 275: any; 300: any; 350: any; 400: any; 500: any; 600: any; 700: any; 800: any; 900: any; 1000: any; 1100: any; 1200: any; 1300: any; 1400: any; 1500: any; 1600: any; 1800: any; 2000: any; 2400: any; }; radii: { none: any; xs: any; sm: any; md: any; lg: any; xl: any; '2xl': any; '3xl': any; full: any; }; fontSizes: { pxbase: any; xs: any; sm: any; base: any; lg: any; xl: any; '2xl': any; '3xl': any; '4xl': any; '5xl': any; '6xl': any; '7xl': any; '8xl': any; '9xl': any; }; fonts: { primary: any; }; lineHeights: { xs: any; sm: any; base: any; lg: any; xl: any; '2xl': any; '3xl': any; '4xl': any; '5xl': any; '6xl': any; '7xl': any; '8xl': any; '9xl': any; }; shadows: { sm: any; DEFAULT: any; md: any; lg: any; xl: any; '2xl': any; '3xl': any; inner: any; none: any; }; sizes: { px: any; 10: any; 20: any; 30: any; 40: any; 50: any; 60: any; 80: any; 100: any; 125: any; 150: any; 175: any; 200: any; 225: any; 250: any; 275: any; 300: any; 350: any; 400: any; 500: any; 600: any; 700: any; 800: any; 900: any; 1000: any; 1100: any; 1200: any; 1300: any; 1400: any; 1500: any; 1600: any; 1800: any; 2000: any; 2400: any; half: any; oneThird: any; twoThird: any; oneFourth: any; twoFourth: any; threeFourth: any; oneFifth: any; twoFifth: any; threeFifth: any; fourFifth: any; oneSixth: any; twoSixth: any; threeSixth: any; fourSixth: any; fiveSixth: any; oneTwelve: any; twoTwelve: any; threeTwelve: any; fourTwelve: any; fiveTwelve: any; sixTwelve: any; sevenTwelve: any; eigthTwelve: any; nineTwelve: any; tenTwelve: any; elevenTwelve: any; full: any; hscreen: any; wscreen: any; min: any; max: any; }; }, import("@stitches/react/types/config").DefaultThemeMap, { fgap: (value: { readonly [$$ScaleValue]: "space"; }) => { margin: string; '& > *': { margin: string; }; gap?: undefined; } | { gap: { readonly [$$ScaleValue]: "space"; }; margin?: undefined; '& > *'?: undefined; }; m: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; marginBottom: { readonly [$$ScaleValue]: "space"; }; marginLeft: { readonly [$$ScaleValue]: "space"; }; marginRight: { readonly [$$ScaleValue]: "space"; }; }; mt: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; }; mr: (value: { readonly [$$ScaleValue]: "space"; }) => { marginRight: { readonly [$$ScaleValue]: "space"; }; }; mb: (value: { readonly [$$ScaleValue]: "space"; }) => { marginBottom: { readonly [$$ScaleValue]: "space"; }; }; ml: (value: { readonly [$$ScaleValue]: "space"; }) => { marginLeft: { readonly [$$ScaleValue]: "space"; }; }; mx: (value: { readonly [$$ScaleValue]: "space"; }) => { marginLeft: { readonly [$$ScaleValue]: "space"; }; marginRight: { readonly [$$ScaleValue]: "space"; }; }; my: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; marginBottom: { readonly [$$ScaleValue]: "space"; }; }; p: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; paddingBottom: { readonly [$$ScaleValue]: "space"; }; paddingLeft: { readonly [$$ScaleValue]: "space"; }; paddingRight: { readonly [$$ScaleValue]: "space"; }; }; pt: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; }; pr: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingRight: { readonly [$$ScaleValue]: "space"; }; }; pb: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingBottom: { readonly [$$ScaleValue]: "space"; }; }; pl: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingLeft: { readonly [$$ScaleValue]: "space"; }; }; px: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingLeft: { readonly [$$ScaleValue]: "space"; }; paddingRight: { readonly [$$ScaleValue]: "space"; }; }; py: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; paddingBottom: { readonly [$$ScaleValue]: "space"; }; }; linearGradient: (value: string & {}) => { backgroundImage: string; }; br: (value: { readonly [$$ScaleValue]: "radii"; }) => { borderRadius: { readonly [$$ScaleValue]: "radii"; }; }; fontType: (value: { readonly [$$ScaleValue]: "fontSizes"; }) => { fontSize: { readonly [$$ScaleValue]: "fontSizes"; }; lineHeight: { readonly [$$ScaleValue]: "fontSizes"; }; fontFamily: string; }; }>>, css: | ((props: any) => import("react").ReactElement | null) | (new (props: any) => import("react").Component) | { [name: string]: unknown; })[], CSS_1 = import("@stitches/react/types/css-util").CSS<{ xs: string; sm: string; md: string; lg: string; xl: string; '2xl': string; downXs: string; downSm: string; downMd: string; downLg: string; downXl: string; upSm: string; upMd: string; upLg: string; upxl: string; up2xl: string; }, { colors: { text: any; primary: any; primaryText: any; accent: any; accentText: any; info: any; infoText: any; warning: any; warningText: any; positive: any; positiveText: any; negative: any; negativeText: any; accent50: any; accent100: any; accent200: any; accent300: any; accent400: any; accent500: any; accent600: any; accent700: any; accent800: any; accent900: any; primary50: any; primary100: any; primary200: any; primary300: any; primary400: any; primary500: any; primary600: any; primary700: any; primary800: any; primary900: any; indigo50: any; indigo100: any; indigo200: any; indigo300: any; indigo400: any; indigo500: any; indigo600: any; indigo700: any; indigo800: any; indigo900: any; purple50: any; purple100: any; purple200: any; purple300: any; purple400: any; purple500: any; purple600: any; purple700: any; purple800: any; purple900: any; yellow50: any; yellow100: any; yellow200: any; yellow300: any; yellow400: any; yellow500: any; yellow600: any; yellow700: any; yellow800: any; yellow900: any; green50: any; green100: any; green200: any; green300: any; green400: any; green500: any; green600: any; green700: any; green800: any; green900: any; blue50: any; blue100: any; blue200: any; blue300: any; blue400: any; blue500: any; blue600: any; blue700: any; blue800: any; blue900: any; red50: any; red100: any; red200: any; red300: any; red400: any; red500: any; red600: any; red700: any; red800: any; red900: any; gray50: any; gray100: any; gray200: any; gray300: any; gray400: any; gray500: any; gray600: any; gray700: any; gray800: any; gray900: any; white: any; black: any; }; space: { px: any; 10: any; 20: any; 30: any; 40: any; 50: any; 60: any; 80: any; 100: any; 125: any; 150: any; 175: any; 200: any; 225: any; 250: any; 275: any; 300: any; 350: any; 400: any; 500: any; 600: any; 700: any; 800: any; 900: any; 1000: any; 1100: any; 1200: any; 1300: any; 1400: any; 1500: any; 1600: any; 1800: any; 2000: any; 2400: any; }; radii: { none: any; xs: any; sm: any; md: any; lg: any; xl: any; '2xl': any; '3xl': any; full: any; }; fontSizes: { pxbase: any; xs: any; sm: any; base: any; lg: any; xl: any; '2xl': any; '3xl': any; '4xl': any; '5xl': any; '6xl': any; '7xl': any; '8xl': any; '9xl': any; }; fonts: { primary: any; }; lineHeights: { xs: any; sm: any; base: any; lg: any; xl: any; '2xl': any; '3xl': any; '4xl': any; '5xl': any; '6xl': any; '7xl': any; '8xl': any; '9xl': any; }; shadows: { sm: any; DEFAULT: any; md: any; lg: any; xl: any; '2xl': any; '3xl': any; inner: any; none: any; }; sizes: { px: any; 10: any; 20: any; 30: any; 40: any; 50: any; 60: any; 80: any; 100: any; 125: any; 150: any; 175: any; 200: any; 225: any; 250: any; 275: any; 300: any; 350: any; 400: any; 500: any; 600: any; 700: any; 800: any; 900: any; 1000: any; 1100: any; 1200: any; 1300: any; 1400: any; 1500: any; 1600: any; 1800: any; 2000: any; 2400: any; half: any; oneThird: any; twoThird: any; oneFourth: any; twoFourth: any; threeFourth: any; oneFifth: any; twoFifth: any; threeFifth: any; fourFifth: any; oneSixth: any; twoSixth: any; threeSixth: any; fourSixth: any; fiveSixth: any; oneTwelve: any; twoTwelve: any; threeTwelve: any; fourTwelve: any; fiveTwelve: any; sixTwelve: any; sevenTwelve: any; eigthTwelve: any; nineTwelve: any; tenTwelve: any; elevenTwelve: any; full: any; hscreen: any; wscreen: any; min: any; max: any; }; }, import("@stitches/react/types/config").DefaultThemeMap, { fgap: (value: { readonly [$$ScaleValue]: "space"; }) => { margin: string; '& > *': { margin: string; }; gap?: undefined; } | { gap: { readonly [$$ScaleValue]: "space"; }; margin?: undefined; '& > *'?: undefined; }; m: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; marginBottom: { readonly [$$ScaleValue]: "space"; }; marginLeft: { readonly [$$ScaleValue]: "space"; }; marginRight: { readonly [$$ScaleValue]: "space"; }; }; mt: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; }; mr: (value: { readonly [$$ScaleValue]: "space"; }) => { marginRight: { readonly [$$ScaleValue]: "space"; }; }; mb: (value: { readonly [$$ScaleValue]: "space"; }) => { marginBottom: { readonly [$$ScaleValue]: "space"; }; }; ml: (value: { readonly [$$ScaleValue]: "space"; }) => { marginLeft: { readonly [$$ScaleValue]: "space"; }; }; mx: (value: { readonly [$$ScaleValue]: "space"; }) => { marginLeft: { readonly [$$ScaleValue]: "space"; }; marginRight: { readonly [$$ScaleValue]: "space"; }; }; my: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; marginBottom: { readonly [$$ScaleValue]: "space"; }; }; p: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; paddingBottom: { readonly [$$ScaleValue]: "space"; }; paddingLeft: { readonly [$$ScaleValue]: "space"; }; paddingRight: { readonly [$$ScaleValue]: "space"; }; }; pt: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; }; pr: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingRight: { readonly [$$ScaleValue]: "space"; }; }; pb: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingBottom: { readonly [$$ScaleValue]: "space"; }; }; pl: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingLeft: { readonly [$$ScaleValue]: "space"; }; }; px: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingLeft: { readonly [$$ScaleValue]: "space"; }; paddingRight: { readonly [$$ScaleValue]: "space"; }; }; py: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; paddingBottom: { readonly [$$ScaleValue]: "space"; }; }; linearGradient: (value: string & {}) => { backgroundImage: string; }; br: (value: { readonly [$$ScaleValue]: "radii"; }) => { borderRadius: { readonly [$$ScaleValue]: "radii"; }; }; fontType: (value: { readonly [$$ScaleValue]: "fontSizes"; }) => { fontSize: { readonly [$$ScaleValue]: "fontSizes"; }; lineHeight: { readonly [$$ScaleValue]: "fontSizes"; }; fontFamily: string; }; }>>(...composers: { [K in keyof Composers]: Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ExoticComponent | ((props: any) => import("react").ReactElement | null) | (new (props: any) => import("react").Component) ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex & { variants?: { [x: string]: { [x: string]: CSS_1; [x: number]: CSS_1; }; } | undefined; compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: (string & Record) | import("@stitches/react/types/util").Widen | undefined; } : import("@stitches/react/types/util").WideObject) & { css: CSS_1; })[] | undefined; defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: (string & Record) | import("@stitches/react/types/util").Widen | undefined; } : import("@stitches/react/types/util").WideObject) | undefined; } & CSS_1 & { [K2 in keyof Composers[K]]: 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").StyledComponentProps, { xs: string; sm: string; md: string; lg: string; xl: string; '2xl': string; downXs: string; downSm: string; downMd: string; downLg: string; downXl: string; upSm: string; upMd: string; upLg: string; upxl: string; up2xl: string; }, CSS_1>, globalCss: (...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<{ xs: string; sm: string; md: string; lg: string; xl: string; '2xl': string; downXs: string; downSm: string; downMd: string; downLg: string; downXl: string; upSm: string; upMd: string; upLg: string; upxl: string; up2xl: string; }, { colors: { text: any; primary: any; primaryText: any; accent: any; accentText: any; info: any; infoText: any; warning: any; warningText: any; positive: any; positiveText: any; negative: any; negativeText: any; accent50: any; accent100: any; accent200: any; accent300: any; accent400: any; accent500: any; accent600: any; accent700: any; accent800: any; accent900: any; primary50: any; primary100: any; primary200: any; primary300: any; primary400: any; primary500: any; primary600: any; primary700: any; primary800: any; primary900: any; indigo50: any; indigo100: any; indigo200: any; indigo300: any; indigo400: any; indigo500: any; indigo600: any; indigo700: any; indigo800: any; indigo900: any; purple50: any; purple100: any; purple200: any; purple300: any; purple400: any; purple500: any; purple600: any; purple700: any; purple800: any; purple900: any; yellow50: any; yellow100: any; yellow200: any; yellow300: any; yellow400: any; yellow500: any; yellow600: any; yellow700: any; yellow800: any; yellow900: any; green50: any; green100: any; green200: any; green300: any; green400: any; green500: any; green600: any; green700: any; green800: any; green900: any; blue50: any; blue100: any; blue200: any; blue300: any; blue400: any; blue500: any; blue600: any; blue700: any; blue800: any; blue900: any; red50: any; red100: any; red200: any; red300: any; red400: any; red500: any; red600: any; red700: any; red800: any; red900: any; gray50: any; gray100: any; gray200: any; gray300: any; gray400: any; gray500: any; gray600: any; gray700: any; gray800: any; gray900: any; white: any; black: any; }; space: { px: any; 10: any; 20: any; 30: any; 40: any; 50: any; 60: any; 80: any; 100: any; 125: any; 150: any; 175: any; 200: any; 225: any; 250: any; 275: any; 300: any; 350: any; 400: any; 500: any; 600: any; 700: any; 800: any; 900: any; 1000: any; 1100: any; 1200: any; 1300: any; 1400: any; 1500: any; 1600: any; 1800: any; 2000: any; 2400: any; }; radii: { none: any; xs: any; sm: any; md: any; lg: any; xl: any; '2xl': any; '3xl': any; full: any; }; fontSizes: { pxbase: any; xs: any; sm: any; base: any; lg: any; xl: any; '2xl': any; '3xl': any; '4xl': any; '5xl': any; '6xl': any; '7xl': any; '8xl': any; '9xl': any; }; fonts: { primary: any; }; lineHeights: { xs: any; sm: any; base: any; lg: any; xl: any; '2xl': any; '3xl': any; '4xl': any; '5xl': any; '6xl': any; '7xl': any; '8xl': any; '9xl': any; }; shadows: { sm: any; DEFAULT: any; md: any; lg: any; xl: any; '2xl': any; '3xl': any; inner: any; none: any; }; sizes: { px: any; 10: any; 20: any; 30: any; 40: any; 50: any; 60: any; 80: any; 100: any; 125: any; 150: any; 175: any; 200: any; 225: any; 250: any; 275: any; 300: any; 350: any; 400: any; 500: any; 600: any; 700: any; 800: any; 900: any; 1000: any; 1100: any; 1200: any; 1300: any; 1400: any; 1500: any; 1600: any; 1800: any; 2000: any; 2400: any; half: any; oneThird: any; twoThird: any; oneFourth: any; twoFourth: any; threeFourth: any; oneFifth: any; twoFifth: any; threeFifth: any; fourFifth: any; oneSixth: any; twoSixth: any; threeSixth: any; fourSixth: any; fiveSixth: any; oneTwelve: any; twoTwelve: any; threeTwelve: any; fourTwelve: any; fiveTwelve: any; sixTwelve: any; sevenTwelve: any; eigthTwelve: any; nineTwelve: any; tenTwelve: any; elevenTwelve: any; full: any; hscreen: any; wscreen: any; min: any; max: any; }; }, import("@stitches/react/types/config").DefaultThemeMap, { fgap: (value: { readonly [$$ScaleValue]: "space"; }) => { margin: string; '& > *': { margin: string; }; gap?: undefined; } | { gap: { readonly [$$ScaleValue]: "space"; }; margin?: undefined; '& > *'?: undefined; }; m: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; marginBottom: { readonly [$$ScaleValue]: "space"; }; marginLeft: { readonly [$$ScaleValue]: "space"; }; marginRight: { readonly [$$ScaleValue]: "space"; }; }; mt: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; }; mr: (value: { readonly [$$ScaleValue]: "space"; }) => { marginRight: { readonly [$$ScaleValue]: "space"; }; }; mb: (value: { readonly [$$ScaleValue]: "space"; }) => { marginBottom: { readonly [$$ScaleValue]: "space"; }; }; ml: (value: { readonly [$$ScaleValue]: "space"; }) => { marginLeft: { readonly [$$ScaleValue]: "space"; }; }; mx: (value: { readonly [$$ScaleValue]: "space"; }) => { marginLeft: { readonly [$$ScaleValue]: "space"; }; marginRight: { readonly [$$ScaleValue]: "space"; }; }; my: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; marginBottom: { readonly [$$ScaleValue]: "space"; }; }; p: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; paddingBottom: { readonly [$$ScaleValue]: "space"; }; paddingLeft: { readonly [$$ScaleValue]: "space"; }; paddingRight: { readonly [$$ScaleValue]: "space"; }; }; pt: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; }; pr: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingRight: { readonly [$$ScaleValue]: "space"; }; }; pb: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingBottom: { readonly [$$ScaleValue]: "space"; }; }; pl: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingLeft: { readonly [$$ScaleValue]: "space"; }; }; px: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingLeft: { readonly [$$ScaleValue]: "space"; }; paddingRight: { readonly [$$ScaleValue]: "space"; }; }; py: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; paddingBottom: { readonly [$$ScaleValue]: "space"; }; }; linearGradient: (value: string & {}) => { backgroundImage: string; }; br: (value: { readonly [$$ScaleValue]: "radii"; }) => { borderRadius: { readonly [$$ScaleValue]: "radii"; }; }; fontType: (value: { readonly [$$ScaleValue]: "fontSizes"; }) => { fontSize: { readonly [$$ScaleValue]: "fontSizes"; }; lineHeight: { readonly [$$ScaleValue]: "fontSizes"; }; fontFamily: string; }; }>; } : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import("@stitches/react/types/css-util").CSS<{ xs: string; sm: string; md: string; lg: string; xl: string; '2xl': string; downXs: string; downSm: string; downMd: string; downLg: string; downXl: string; upSm: string; upMd: string; upLg: string; upxl: string; up2xl: string; }, { colors: { text: any; primary: any; primaryText: any; accent: any; accentText: any; info: any; infoText: any; warning: any; warningText: any; positive: any; positiveText: any; negative: any; negativeText: any; accent50: any; accent100: any; accent200: any; accent300: any; accent400: any; accent500: any; accent600: any; accent700: any; accent800: any; accent900: any; primary50: any; primary100: any; primary200: any; primary300: any; primary400: any; primary500: any; primary600: any; primary700: any; primary800: any; primary900: any; indigo50: any; indigo100: any; indigo200: any; indigo300: any; indigo400: any; indigo500: any; indigo600: any; indigo700: any; indigo800: any; indigo900: any; purple50: any; purple100: any; purple200: any; purple300: any; purple400: any; purple500: any; purple600: any; purple700: any; purple800: any; purple900: any; yellow50: any; yellow100: any; yellow200: any; yellow300: any; yellow400: any; yellow500: any; yellow600: any; yellow700: any; yellow800: any; yellow900: any; green50: any; green100: any; green200: any; green300: any; green400: any; green500: any; green600: any; green700: any; green800: any; green900: any; blue50: any; blue100: any; blue200: any; blue300: any; blue400: any; blue500: any; blue600: any; blue700: any; blue800: any; blue900: any; red50: any; red100: any; red200: any; red300: any; red400: any; red500: any; red600: any; red700: any; red800: any; red900: any; gray50: any; gray100: any; gray200: any; gray300: any; gray400: any; gray500: any; gray600: any; gray700: any; gray800: any; gray900: any; white: any; black: any; }; space: { px: any; 10: any; 20: any; 30: any; 40: any; 50: any; 60: any; 80: any; 100: any; 125: any; 150: any; 175: any; 200: any; 225: any; 250: any; 275: any; 300: any; 350: any; 400: any; 500: any; 600: any; 700: any; 800: any; 900: any; 1000: any; 1100: any; 1200: any; 1300: any; 1400: any; 1500: any; 1600: any; 1800: any; 2000: any; 2400: any; }; radii: { none: any; xs: any; sm: any; md: any; lg: any; xl: any; '2xl': any; '3xl': any; full: any; }; fontSizes: { pxbase: any; xs: any; sm: any; base: any; lg: any; xl: any; '2xl': any; '3xl': any; '4xl': any; '5xl': any; '6xl': any; '7xl': any; '8xl': any; '9xl': any; }; fonts: { primary: any; }; lineHeights: { xs: any; sm: any; base: any; lg: any; xl: any; '2xl': any; '3xl': any; '4xl': any; '5xl': any; '6xl': any; '7xl': any; '8xl': any; '9xl': any; }; shadows: { sm: any; DEFAULT: any; md: any; lg: any; xl: any; '2xl': any; '3xl': any; inner: any; none: any; }; sizes: { px: any; 10: any; 20: any; 30: any; 40: any; 50: any; 60: any; 80: any; 100: any; 125: any; 150: any; 175: any; 200: any; 225: any; 250: any; 275: any; 300: any; 350: any; 400: any; 500: any; 600: any; 700: any; 800: any; 900: any; 1000: any; 1100: any; 1200: any; 1300: any; 1400: any; 1500: any; 1600: any; 1800: any; 2000: any; 2400: any; half: any; oneThird: any; twoThird: any; oneFourth: any; twoFourth: any; threeFourth: any; oneFifth: any; twoFifth: any; threeFifth: any; fourFifth: any; oneSixth: any; twoSixth: any; threeSixth: any; fourSixth: any; fiveSixth: any; oneTwelve: any; twoTwelve: any; threeTwelve: any; fourTwelve: any; fiveTwelve: any; sixTwelve: any; sevenTwelve: any; eigthTwelve: any; nineTwelve: any; tenTwelve: any; elevenTwelve: any; full: any; hscreen: any; wscreen: any; min: any; max: any; }; }, import("@stitches/react/types/config").DefaultThemeMap, { fgap: (value: { readonly [$$ScaleValue]: "space"; }) => { margin: string; '& > *': { margin: string; }; gap?: undefined; } | { gap: { readonly [$$ScaleValue]: "space"; }; margin?: undefined; '& > *'?: undefined; }; m: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; marginBottom: { readonly [$$ScaleValue]: "space"; }; marginLeft: { readonly [$$ScaleValue]: "space"; }; marginRight: { readonly [$$ScaleValue]: "space"; }; }; mt: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; }; mr: (value: { readonly [$$ScaleValue]: "space"; }) => { marginRight: { readonly [$$ScaleValue]: "space"; }; }; mb: (value: { readonly [$$ScaleValue]: "space"; }) => { marginBottom: { readonly [$$ScaleValue]: "space"; }; }; ml: (value: { readonly [$$ScaleValue]: "space"; }) => { marginLeft: { readonly [$$ScaleValue]: "space"; }; }; mx: (value: { readonly [$$ScaleValue]: "space"; }) => { marginLeft: { readonly [$$ScaleValue]: "space"; }; marginRight: { readonly [$$ScaleValue]: "space"; }; }; my: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; marginBottom: { readonly [$$ScaleValue]: "space"; }; }; p: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; paddingBottom: { readonly [$$ScaleValue]: "space"; }; paddingLeft: { readonly [$$ScaleValue]: "space"; }; paddingRight: { readonly [$$ScaleValue]: "space"; }; }; pt: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; }; pr: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingRight: { readonly [$$ScaleValue]: "space"; }; }; pb: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingBottom: { readonly [$$ScaleValue]: "space"; }; }; pl: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingLeft: { readonly [$$ScaleValue]: "space"; }; }; px: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingLeft: { readonly [$$ScaleValue]: "space"; }; paddingRight: { readonly [$$ScaleValue]: "space"; }; }; py: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; paddingBottom: { readonly [$$ScaleValue]: "space"; }; }; linearGradient: (value: string & {}) => { backgroundImage: string; }; br: (value: { readonly [$$ScaleValue]: "radii"; }) => { borderRadius: { readonly [$$ScaleValue]: "radii"; }; }; fontType: (value: { readonly [$$ScaleValue]: "fontSizes"; }) => { fontSize: { readonly [$$ScaleValue]: "fontSizes"; }; lineHeight: { readonly [$$ScaleValue]: "fontSizes"; }; fontFamily: string; }; }>; })[]) => () => string, theme: string & { className: string; selector: string; } & { colors: { text: import("@stitches/react/types/theme").Token<"text", string, "colors", "">; primary: import("@stitches/react/types/theme").Token<"primary", string, "colors", "">; primaryText: import("@stitches/react/types/theme").Token<"primaryText", string, "colors", "">; accent: import("@stitches/react/types/theme").Token<"accent", string, "colors", "">; accentText: import("@stitches/react/types/theme").Token<"accentText", string, "colors", "">; info: import("@stitches/react/types/theme").Token<"info", string, "colors", "">; infoText: import("@stitches/react/types/theme").Token<"infoText", string, "colors", "">; warning: import("@stitches/react/types/theme").Token<"warning", string, "colors", "">; warningText: import("@stitches/react/types/theme").Token<"warningText", string, "colors", "">; positive: import("@stitches/react/types/theme").Token<"positive", string, "colors", "">; positiveText: import("@stitches/react/types/theme").Token<"positiveText", string, "colors", "">; negative: import("@stitches/react/types/theme").Token<"negative", string, "colors", "">; negativeText: import("@stitches/react/types/theme").Token<"negativeText", string, "colors", "">; accent50: import("@stitches/react/types/theme").Token<"accent50", string, "colors", "">; accent100: import("@stitches/react/types/theme").Token<"accent100", string, "colors", "">; accent200: import("@stitches/react/types/theme").Token<"accent200", string, "colors", "">; accent300: import("@stitches/react/types/theme").Token<"accent300", string, "colors", "">; accent400: import("@stitches/react/types/theme").Token<"accent400", string, "colors", "">; accent500: import("@stitches/react/types/theme").Token<"accent500", string, "colors", "">; accent600: import("@stitches/react/types/theme").Token<"accent600", string, "colors", "">; accent700: import("@stitches/react/types/theme").Token<"accent700", string, "colors", "">; accent800: import("@stitches/react/types/theme").Token<"accent800", string, "colors", "">; accent900: import("@stitches/react/types/theme").Token<"accent900", string, "colors", "">; primary50: import("@stitches/react/types/theme").Token<"primary50", string, "colors", "">; primary100: import("@stitches/react/types/theme").Token<"primary100", string, "colors", "">; primary200: import("@stitches/react/types/theme").Token<"primary200", string, "colors", "">; primary300: import("@stitches/react/types/theme").Token<"primary300", string, "colors", "">; primary400: import("@stitches/react/types/theme").Token<"primary400", string, "colors", "">; primary500: import("@stitches/react/types/theme").Token<"primary500", string, "colors", "">; primary600: import("@stitches/react/types/theme").Token<"primary600", string, "colors", "">; primary700: import("@stitches/react/types/theme").Token<"primary700", string, "colors", "">; primary800: import("@stitches/react/types/theme").Token<"primary800", string, "colors", "">; primary900: import("@stitches/react/types/theme").Token<"primary900", string, "colors", "">; indigo50: import("@stitches/react/types/theme").Token<"indigo50", string, "colors", "">; indigo100: import("@stitches/react/types/theme").Token<"indigo100", string, "colors", "">; indigo200: import("@stitches/react/types/theme").Token<"indigo200", string, "colors", "">; indigo300: import("@stitches/react/types/theme").Token<"indigo300", string, "colors", "">; indigo400: import("@stitches/react/types/theme").Token<"indigo400", string, "colors", "">; indigo500: import("@stitches/react/types/theme").Token<"indigo500", string, "colors", "">; indigo600: import("@stitches/react/types/theme").Token<"indigo600", string, "colors", "">; indigo700: import("@stitches/react/types/theme").Token<"indigo700", string, "colors", "">; indigo800: import("@stitches/react/types/theme").Token<"indigo800", string, "colors", "">; indigo900: import("@stitches/react/types/theme").Token<"indigo900", string, "colors", "">; purple50: import("@stitches/react/types/theme").Token<"purple50", string, "colors", "">; purple100: import("@stitches/react/types/theme").Token<"purple100", string, "colors", "">; purple200: import("@stitches/react/types/theme").Token<"purple200", string, "colors", "">; purple300: import("@stitches/react/types/theme").Token<"purple300", string, "colors", "">; purple400: import("@stitches/react/types/theme").Token<"purple400", string, "colors", "">; purple500: import("@stitches/react/types/theme").Token<"purple500", string, "colors", "">; purple600: import("@stitches/react/types/theme").Token<"purple600", string, "colors", "">; purple700: import("@stitches/react/types/theme").Token<"purple700", string, "colors", "">; purple800: import("@stitches/react/types/theme").Token<"purple800", string, "colors", "">; purple900: import("@stitches/react/types/theme").Token<"purple900", string, "colors", "">; yellow50: import("@stitches/react/types/theme").Token<"yellow50", string, "colors", "">; yellow100: import("@stitches/react/types/theme").Token<"yellow100", string, "colors", "">; yellow200: import("@stitches/react/types/theme").Token<"yellow200", string, "colors", "">; yellow300: import("@stitches/react/types/theme").Token<"yellow300", string, "colors", "">; yellow400: import("@stitches/react/types/theme").Token<"yellow400", string, "colors", "">; yellow500: import("@stitches/react/types/theme").Token<"yellow500", string, "colors", "">; yellow600: import("@stitches/react/types/theme").Token<"yellow600", string, "colors", "">; yellow700: import("@stitches/react/types/theme").Token<"yellow700", string, "colors", "">; yellow800: import("@stitches/react/types/theme").Token<"yellow800", string, "colors", "">; yellow900: import("@stitches/react/types/theme").Token<"yellow900", string, "colors", "">; green50: import("@stitches/react/types/theme").Token<"green50", string, "colors", "">; green100: import("@stitches/react/types/theme").Token<"green100", string, "colors", "">; green200: import("@stitches/react/types/theme").Token<"green200", string, "colors", "">; green300: import("@stitches/react/types/theme").Token<"green300", string, "colors", "">; green400: import("@stitches/react/types/theme").Token<"green400", string, "colors", "">; green500: import("@stitches/react/types/theme").Token<"green500", string, "colors", "">; green600: import("@stitches/react/types/theme").Token<"green600", string, "colors", "">; green700: import("@stitches/react/types/theme").Token<"green700", string, "colors", "">; green800: import("@stitches/react/types/theme").Token<"green800", string, "colors", "">; green900: import("@stitches/react/types/theme").Token<"green900", string, "colors", "">; blue50: import("@stitches/react/types/theme").Token<"blue50", string, "colors", "">; blue100: import("@stitches/react/types/theme").Token<"blue100", string, "colors", "">; blue200: import("@stitches/react/types/theme").Token<"blue200", string, "colors", "">; blue300: import("@stitches/react/types/theme").Token<"blue300", string, "colors", "">; blue400: import("@stitches/react/types/theme").Token<"blue400", string, "colors", "">; blue500: import("@stitches/react/types/theme").Token<"blue500", string, "colors", "">; blue600: import("@stitches/react/types/theme").Token<"blue600", string, "colors", "">; blue700: import("@stitches/react/types/theme").Token<"blue700", string, "colors", "">; blue800: import("@stitches/react/types/theme").Token<"blue800", string, "colors", "">; blue900: import("@stitches/react/types/theme").Token<"blue900", string, "colors", "">; red50: import("@stitches/react/types/theme").Token<"red50", string, "colors", "">; red100: import("@stitches/react/types/theme").Token<"red100", string, "colors", "">; red200: import("@stitches/react/types/theme").Token<"red200", string, "colors", "">; red300: import("@stitches/react/types/theme").Token<"red300", string, "colors", "">; red400: import("@stitches/react/types/theme").Token<"red400", string, "colors", "">; red500: import("@stitches/react/types/theme").Token<"red500", string, "colors", "">; red600: import("@stitches/react/types/theme").Token<"red600", string, "colors", "">; red700: import("@stitches/react/types/theme").Token<"red700", string, "colors", "">; red800: import("@stitches/react/types/theme").Token<"red800", string, "colors", "">; red900: import("@stitches/react/types/theme").Token<"red900", string, "colors", "">; gray50: import("@stitches/react/types/theme").Token<"gray50", string, "colors", "">; gray100: import("@stitches/react/types/theme").Token<"gray100", string, "colors", "">; gray200: import("@stitches/react/types/theme").Token<"gray200", string, "colors", "">; gray300: import("@stitches/react/types/theme").Token<"gray300", string, "colors", "">; gray400: import("@stitches/react/types/theme").Token<"gray400", string, "colors", "">; gray500: import("@stitches/react/types/theme").Token<"gray500", string, "colors", "">; gray600: import("@stitches/react/types/theme").Token<"gray600", string, "colors", "">; gray700: import("@stitches/react/types/theme").Token<"gray700", string, "colors", "">; gray800: import("@stitches/react/types/theme").Token<"gray800", string, "colors", "">; gray900: import("@stitches/react/types/theme").Token<"gray900", string, "colors", "">; white: import("@stitches/react/types/theme").Token<"white", string, "colors", "">; black: import("@stitches/react/types/theme").Token<"black", string, "colors", "">; }; space: { px: import("@stitches/react/types/theme").Token<"px", string, "space", "">; 10: import("@stitches/react/types/theme").Token<"10", string, "space", "">; 20: import("@stitches/react/types/theme").Token<"20", string, "space", "">; 30: import("@stitches/react/types/theme").Token<"30", string, "space", "">; 40: import("@stitches/react/types/theme").Token<"40", string, "space", "">; 50: import("@stitches/react/types/theme").Token<"50", string, "space", "">; 60: import("@stitches/react/types/theme").Token<"60", string, "space", "">; 80: import("@stitches/react/types/theme").Token<"80", string, "space", "">; 100: import("@stitches/react/types/theme").Token<"100", string, "space", "">; 125: import("@stitches/react/types/theme").Token<"125", string, "space", "">; 150: import("@stitches/react/types/theme").Token<"150", string, "space", "">; 175: import("@stitches/react/types/theme").Token<"175", string, "space", "">; 200: import("@stitches/react/types/theme").Token<"200", string, "space", "">; 225: import("@stitches/react/types/theme").Token<"225", string, "space", "">; 250: import("@stitches/react/types/theme").Token<"250", string, "space", "">; 275: import("@stitches/react/types/theme").Token<"275", string, "space", "">; 300: import("@stitches/react/types/theme").Token<"300", string, "space", "">; 350: import("@stitches/react/types/theme").Token<"350", string, "space", "">; 400: import("@stitches/react/types/theme").Token<"400", string, "space", "">; 500: import("@stitches/react/types/theme").Token<"500", string, "space", "">; 600: import("@stitches/react/types/theme").Token<"600", string, "space", "">; 700: import("@stitches/react/types/theme").Token<"700", string, "space", "">; 800: import("@stitches/react/types/theme").Token<"800", string, "space", "">; 900: import("@stitches/react/types/theme").Token<"900", string, "space", "">; 1000: import("@stitches/react/types/theme").Token<"1000", string, "space", "">; 1100: import("@stitches/react/types/theme").Token<"1100", string, "space", "">; 1200: import("@stitches/react/types/theme").Token<"1200", string, "space", "">; 1300: import("@stitches/react/types/theme").Token<"1300", string, "space", "">; 1400: import("@stitches/react/types/theme").Token<"1400", string, "space", "">; 1500: import("@stitches/react/types/theme").Token<"1500", string, "space", "">; 1600: import("@stitches/react/types/theme").Token<"1600", string, "space", "">; 1800: import("@stitches/react/types/theme").Token<"1800", string, "space", "">; 2000: import("@stitches/react/types/theme").Token<"2000", string, "space", "">; 2400: import("@stitches/react/types/theme").Token<"2400", string, "space", "">; }; radii: { none: import("@stitches/react/types/theme").Token<"none", string, "radii", "">; xs: import("@stitches/react/types/theme").Token<"xs", string, "radii", "">; sm: import("@stitches/react/types/theme").Token<"sm", string, "radii", "">; md: import("@stitches/react/types/theme").Token<"md", string, "radii", "">; lg: import("@stitches/react/types/theme").Token<"lg", string, "radii", "">; xl: import("@stitches/react/types/theme").Token<"xl", string, "radii", "">; '2xl': import("@stitches/react/types/theme").Token<"2xl", string, "radii", "">; '3xl': import("@stitches/react/types/theme").Token<"3xl", string, "radii", "">; full: import("@stitches/react/types/theme").Token<"full", string, "radii", "">; }; fontSizes: { pxbase: import("@stitches/react/types/theme").Token<"pxbase", string, "fontSizes", "">; xs: import("@stitches/react/types/theme").Token<"xs", string, "fontSizes", "">; sm: import("@stitches/react/types/theme").Token<"sm", string, "fontSizes", "">; base: import("@stitches/react/types/theme").Token<"base", string, "fontSizes", "">; lg: import("@stitches/react/types/theme").Token<"lg", string, "fontSizes", "">; xl: import("@stitches/react/types/theme").Token<"xl", string, "fontSizes", "">; '2xl': import("@stitches/react/types/theme").Token<"2xl", string, "fontSizes", "">; '3xl': import("@stitches/react/types/theme").Token<"3xl", string, "fontSizes", "">; '4xl': import("@stitches/react/types/theme").Token<"4xl", string, "fontSizes", "">; '5xl': import("@stitches/react/types/theme").Token<"5xl", string, "fontSizes", "">; '6xl': import("@stitches/react/types/theme").Token<"6xl", string, "fontSizes", "">; '7xl': import("@stitches/react/types/theme").Token<"7xl", string, "fontSizes", "">; '8xl': import("@stitches/react/types/theme").Token<"8xl", string, "fontSizes", "">; '9xl': import("@stitches/react/types/theme").Token<"9xl", string, "fontSizes", "">; }; fonts: { primary: import("@stitches/react/types/theme").Token<"primary", string, "fonts", "">; }; lineHeights: { xs: import("@stitches/react/types/theme").Token<"xs", string, "lineHeights", "">; sm: import("@stitches/react/types/theme").Token<"sm", string, "lineHeights", "">; base: import("@stitches/react/types/theme").Token<"base", string, "lineHeights", "">; lg: import("@stitches/react/types/theme").Token<"lg", string, "lineHeights", "">; xl: import("@stitches/react/types/theme").Token<"xl", string, "lineHeights", "">; '2xl': import("@stitches/react/types/theme").Token<"2xl", string, "lineHeights", "">; '3xl': import("@stitches/react/types/theme").Token<"3xl", string, "lineHeights", "">; '4xl': import("@stitches/react/types/theme").Token<"4xl", string, "lineHeights", "">; '5xl': import("@stitches/react/types/theme").Token<"5xl", string, "lineHeights", "">; '6xl': import("@stitches/react/types/theme").Token<"6xl", string, "lineHeights", "">; '7xl': import("@stitches/react/types/theme").Token<"7xl", string, "lineHeights", "">; '8xl': import("@stitches/react/types/theme").Token<"8xl", string, "lineHeights", "">; '9xl': import("@stitches/react/types/theme").Token<"9xl", string, "lineHeights", "">; }; shadows: { sm: import("@stitches/react/types/theme").Token<"sm", string, "shadows", "">; DEFAULT: import("@stitches/react/types/theme").Token<"DEFAULT", string, "shadows", "">; md: import("@stitches/react/types/theme").Token<"md", string, "shadows", "">; lg: import("@stitches/react/types/theme").Token<"lg", string, "shadows", "">; xl: import("@stitches/react/types/theme").Token<"xl", string, "shadows", "">; '2xl': import("@stitches/react/types/theme").Token<"2xl", string, "shadows", "">; '3xl': import("@stitches/react/types/theme").Token<"3xl", string, "shadows", "">; inner: import("@stitches/react/types/theme").Token<"inner", string, "shadows", "">; none: import("@stitches/react/types/theme").Token<"none", string, "shadows", "">; }; sizes: { px: import("@stitches/react/types/theme").Token<"px", string, "sizes", "">; 10: import("@stitches/react/types/theme").Token<"10", string, "sizes", "">; 20: import("@stitches/react/types/theme").Token<"20", string, "sizes", "">; 30: import("@stitches/react/types/theme").Token<"30", string, "sizes", "">; 40: import("@stitches/react/types/theme").Token<"40", string, "sizes", "">; 50: import("@stitches/react/types/theme").Token<"50", string, "sizes", "">; 60: import("@stitches/react/types/theme").Token<"60", string, "sizes", "">; 80: import("@stitches/react/types/theme").Token<"80", string, "sizes", "">; 100: import("@stitches/react/types/theme").Token<"100", string, "sizes", "">; 125: import("@stitches/react/types/theme").Token<"125", string, "sizes", "">; 150: import("@stitches/react/types/theme").Token<"150", string, "sizes", "">; 175: import("@stitches/react/types/theme").Token<"175", string, "sizes", "">; 200: import("@stitches/react/types/theme").Token<"200", string, "sizes", "">; 225: import("@stitches/react/types/theme").Token<"225", string, "sizes", "">; 250: import("@stitches/react/types/theme").Token<"250", string, "sizes", "">; 275: import("@stitches/react/types/theme").Token<"275", string, "sizes", "">; 300: import("@stitches/react/types/theme").Token<"300", string, "sizes", "">; 350: import("@stitches/react/types/theme").Token<"350", string, "sizes", "">; 400: import("@stitches/react/types/theme").Token<"400", string, "sizes", "">; 500: import("@stitches/react/types/theme").Token<"500", string, "sizes", "">; 600: import("@stitches/react/types/theme").Token<"600", string, "sizes", "">; 700: import("@stitches/react/types/theme").Token<"700", string, "sizes", "">; 800: import("@stitches/react/types/theme").Token<"800", string, "sizes", "">; 900: import("@stitches/react/types/theme").Token<"900", string, "sizes", "">; 1000: import("@stitches/react/types/theme").Token<"1000", string, "sizes", "">; 1100: import("@stitches/react/types/theme").Token<"1100", string, "sizes", "">; 1200: import("@stitches/react/types/theme").Token<"1200", string, "sizes", "">; 1300: import("@stitches/react/types/theme").Token<"1300", string, "sizes", "">; 1400: import("@stitches/react/types/theme").Token<"1400", string, "sizes", "">; 1500: import("@stitches/react/types/theme").Token<"1500", string, "sizes", "">; 1600: import("@stitches/react/types/theme").Token<"1600", string, "sizes", "">; 1800: import("@stitches/react/types/theme").Token<"1800", string, "sizes", "">; 2000: import("@stitches/react/types/theme").Token<"2000", string, "sizes", "">; 2400: import("@stitches/react/types/theme").Token<"2400", string, "sizes", "">; half: import("@stitches/react/types/theme").Token<"half", string, "sizes", "">; oneThird: import("@stitches/react/types/theme").Token<"oneThird", string, "sizes", "">; twoThird: import("@stitches/react/types/theme").Token<"twoThird", string, "sizes", "">; oneFourth: import("@stitches/react/types/theme").Token<"oneFourth", string, "sizes", "">; twoFourth: import("@stitches/react/types/theme").Token<"twoFourth", string, "sizes", "">; threeFourth: import("@stitches/react/types/theme").Token<"threeFourth", string, "sizes", "">; oneFifth: import("@stitches/react/types/theme").Token<"oneFifth", string, "sizes", "">; twoFifth: import("@stitches/react/types/theme").Token<"twoFifth", string, "sizes", "">; threeFifth: import("@stitches/react/types/theme").Token<"threeFifth", string, "sizes", "">; fourFifth: import("@stitches/react/types/theme").Token<"fourFifth", string, "sizes", "">; oneSixth: import("@stitches/react/types/theme").Token<"oneSixth", string, "sizes", "">; twoSixth: import("@stitches/react/types/theme").Token<"twoSixth", string, "sizes", "">; threeSixth: import("@stitches/react/types/theme").Token<"threeSixth", string, "sizes", "">; fourSixth: import("@stitches/react/types/theme").Token<"fourSixth", string, "sizes", "">; fiveSixth: import("@stitches/react/types/theme").Token<"fiveSixth", string, "sizes", "">; oneTwelve: import("@stitches/react/types/theme").Token<"oneTwelve", string, "sizes", "">; twoTwelve: import("@stitches/react/types/theme").Token<"twoTwelve", string, "sizes", "">; threeTwelve: import("@stitches/react/types/theme").Token<"threeTwelve", string, "sizes", "">; fourTwelve: import("@stitches/react/types/theme").Token<"fourTwelve", string, "sizes", "">; fiveTwelve: import("@stitches/react/types/theme").Token<"fiveTwelve", string, "sizes", "">; sixTwelve: import("@stitches/react/types/theme").Token<"sixTwelve", string, "sizes", "">; sevenTwelve: import("@stitches/react/types/theme").Token<"sevenTwelve", string, "sizes", "">; eigthTwelve: import("@stitches/react/types/theme").Token<"eigthTwelve", string, "sizes", "">; nineTwelve: import("@stitches/react/types/theme").Token<"nineTwelve", string, "sizes", "">; tenTwelve: import("@stitches/react/types/theme").Token<"tenTwelve", string, "sizes", "">; elevenTwelve: import("@stitches/react/types/theme").Token<"elevenTwelve", string, "sizes", "">; full: import("@stitches/react/types/theme").Token<"full", string, "sizes", "">; hscreen: import("@stitches/react/types/theme").Token<"hscreen", string, "sizes", "">; wscreen: import("@stitches/react/types/theme").Token<"wscreen", string, "sizes", "">; min: import("@stitches/react/types/theme").Token<"min", string, "sizes", "">; max: import("@stitches/react/types/theme").Token<"max", string, "sizes", "">; }; }, keyframes: (style: { [offset: string]: import("@stitches/react/types/css-util").CSS<{ xs: string; sm: string; md: string; lg: string; xl: string; '2xl': string; downXs: string; downSm: string; downMd: string; downLg: string; downXl: string; upSm: string; upMd: string; upLg: string; upxl: string; up2xl: string; }, { colors: { text: any; primary: any; primaryText: any; accent: any; accentText: any; info: any; infoText: any; warning: any; warningText: any; positive: any; positiveText: any; negative: any; negativeText: any; accent50: any; accent100: any; accent200: any; accent300: any; accent400: any; accent500: any; accent600: any; accent700: any; accent800: any; accent900: any; primary50: any; primary100: any; primary200: any; primary300: any; primary400: any; primary500: any; primary600: any; primary700: any; primary800: any; primary900: any; indigo50: any; indigo100: any; indigo200: any; indigo300: any; indigo400: any; indigo500: any; indigo600: any; indigo700: any; indigo800: any; indigo900: any; purple50: any; purple100: any; purple200: any; purple300: any; purple400: any; purple500: any; purple600: any; purple700: any; purple800: any; purple900: any; yellow50: any; yellow100: any; yellow200: any; yellow300: any; yellow400: any; yellow500: any; yellow600: any; yellow700: any; yellow800: any; yellow900: any; green50: any; green100: any; green200: any; green300: any; green400: any; green500: any; green600: any; green700: any; green800: any; green900: any; blue50: any; blue100: any; blue200: any; blue300: any; blue400: any; blue500: any; blue600: any; blue700: any; blue800: any; blue900: any; red50: any; red100: any; red200: any; red300: any; red400: any; red500: any; red600: any; red700: any; red800: any; red900: any; gray50: any; gray100: any; gray200: any; gray300: any; gray400: any; gray500: any; gray600: any; gray700: any; gray800: any; gray900: any; white: any; black: any; }; space: { px: any; 10: any; 20: any; 30: any; 40: any; 50: any; 60: any; 80: any; 100: any; 125: any; 150: any; 175: any; 200: any; 225: any; 250: any; 275: any; 300: any; 350: any; 400: any; 500: any; 600: any; 700: any; 800: any; 900: any; 1000: any; 1100: any; 1200: any; 1300: any; 1400: any; 1500: any; 1600: any; 1800: any; 2000: any; 2400: any; }; radii: { none: any; xs: any; sm: any; md: any; lg: any; xl: any; '2xl': any; '3xl': any; full: any; }; fontSizes: { pxbase: any; xs: any; sm: any; base: any; lg: any; xl: any; '2xl': any; '3xl': any; '4xl': any; '5xl': any; '6xl': any; '7xl': any; '8xl': any; '9xl': any; }; fonts: { primary: any; }; lineHeights: { xs: any; sm: any; base: any; lg: any; xl: any; '2xl': any; '3xl': any; '4xl': any; '5xl': any; '6xl': any; '7xl': any; '8xl': any; '9xl': any; }; shadows: { sm: any; DEFAULT: any; md: any; lg: any; xl: any; '2xl': any; '3xl': any; inner: any; none: any; }; sizes: { px: any; 10: any; 20: any; 30: any; 40: any; 50: any; 60: any; 80: any; 100: any; 125: any; 150: any; 175: any; 200: any; 225: any; 250: any; 275: any; 300: any; 350: any; 400: any; 500: any; 600: any; 700: any; 800: any; 900: any; 1000: any; 1100: any; 1200: any; 1300: any; 1400: any; 1500: any; 1600: any; 1800: any; 2000: any; 2400: any; half: any; oneThird: any; twoThird: any; oneFourth: any; twoFourth: any; threeFourth: any; oneFifth: any; twoFifth: any; threeFifth: any; fourFifth: any; oneSixth: any; twoSixth: any; threeSixth: any; fourSixth: any; fiveSixth: any; oneTwelve: any; twoTwelve: any; threeTwelve: any; fourTwelve: any; fiveTwelve: any; sixTwelve: any; sevenTwelve: any; eigthTwelve: any; nineTwelve: any; tenTwelve: any; elevenTwelve: any; full: any; hscreen: any; wscreen: any; min: any; max: any; }; }, import("@stitches/react/types/config").DefaultThemeMap, { fgap: (value: { readonly [$$ScaleValue]: "space"; }) => { margin: string; '& > *': { margin: string; }; gap?: undefined; } | { gap: { readonly [$$ScaleValue]: "space"; }; margin?: undefined; '& > *'?: undefined; }; m: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; marginBottom: { readonly [$$ScaleValue]: "space"; }; marginLeft: { readonly [$$ScaleValue]: "space"; }; marginRight: { readonly [$$ScaleValue]: "space"; }; }; mt: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; }; mr: (value: { readonly [$$ScaleValue]: "space"; }) => { marginRight: { readonly [$$ScaleValue]: "space"; }; }; mb: (value: { readonly [$$ScaleValue]: "space"; }) => { marginBottom: { readonly [$$ScaleValue]: "space"; }; }; ml: (value: { readonly [$$ScaleValue]: "space"; }) => { marginLeft: { readonly [$$ScaleValue]: "space"; }; }; mx: (value: { readonly [$$ScaleValue]: "space"; }) => { marginLeft: { readonly [$$ScaleValue]: "space"; }; marginRight: { readonly [$$ScaleValue]: "space"; }; }; my: (value: { readonly [$$ScaleValue]: "space"; }) => { marginTop: { readonly [$$ScaleValue]: "space"; }; marginBottom: { readonly [$$ScaleValue]: "space"; }; }; p: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; paddingBottom: { readonly [$$ScaleValue]: "space"; }; paddingLeft: { readonly [$$ScaleValue]: "space"; }; paddingRight: { readonly [$$ScaleValue]: "space"; }; }; pt: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; }; pr: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingRight: { readonly [$$ScaleValue]: "space"; }; }; pb: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingBottom: { readonly [$$ScaleValue]: "space"; }; }; pl: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingLeft: { readonly [$$ScaleValue]: "space"; }; }; px: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingLeft: { readonly [$$ScaleValue]: "space"; }; paddingRight: { readonly [$$ScaleValue]: "space"; }; }; py: (value: { readonly [$$ScaleValue]: "space"; }) => { paddingTop: { readonly [$$ScaleValue]: "space"; }; paddingBottom: { readonly [$$ScaleValue]: "space"; }; }; linearGradient: (value: string & {}) => { backgroundImage: string; }; br: (value: { readonly [$$ScaleValue]: "radii"; }) => { borderRadius: { readonly [$$ScaleValue]: "radii"; }; }; fontType: (value: { readonly [$$ScaleValue]: "fontSizes"; }) => { fontSize: { readonly [$$ScaleValue]: "fontSizes"; }; lineHeight: { readonly [$$ScaleValue]: "fontSizes"; }; fontFamily: string; }; }>; }) => { (): string; name: string; }, getCssText: () => string; export declare type CSS = Stitches.CSS; export {};