export declare const box: import("@stitches/react/types/styled-component").CssComponent { 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 Box: import("@stitches/react/types/styled-component").StyledComponent<"div", { display?: "flex" | "grid" | "block" | "inline-block" | undefined; }, { 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; }; }>>;