///
import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
export declare const DropdownMenu: {
Root: 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;
};
}>>;
Arrow: 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;
};
}>>;
Content: 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;
};
}>>;
Item: import("@stitches/react/types/styled-component").StyledComponent>, {
active?: boolean | "true" | 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;
};
}>>;
Trigger: 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;
};
}>>;
};