@zog-ui/core
Version:
[](https://www.npmjs.com/package/@zog-ui/core)
1,826 lines • 389 kB
TypeScript
/// <reference types="react" />
import type * as Stitches from '@stitches/react';
export type { VariantProps } from '@stitches/react';
export declare const styled: <Type extends import("@stitches/react/types/util").Function | keyof JSX.IntrinsicElements | import("react").ComponentType<any>, Composers extends (string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> | {
[name: string]: unknown;
})[], CSS_1 = import("@stitches/react/types/css-util").CSS<{
sm: "(min-width: 520px)";
md: "(min-width: 900px)";
lg: "(min-width: 1200px)";
xl: "(min-width: 1800px)";
motion: "(prefers-reduced-motion)";
hover: "(any-hover: hover)";
dark: "(prefers-color-scheme: dark)";
light: "(prefers-color-scheme: light)";
}, {
colors: {
hiContrast: string;
loContrast: string;
canvas: string;
panel: string;
transparentPanel: string;
shadowLight: string;
shadowDark: string;
inputError: string;
inputWarning: string;
inputDefaultBorder: string;
blackA1: string;
blackA2: string;
blackA3: string;
blackA4: string;
blackA5: string;
blackA6: string;
blackA7: string;
blackA8: string;
blackA9: string;
blackA10: string;
blackA11: string;
blackA12: string;
whiteA1: string;
whiteA2: string;
whiteA3: string;
whiteA4: string;
whiteA5: string;
whiteA6: string;
whiteA7: string;
whiteA8: string;
whiteA9: string;
whiteA10: string;
whiteA11: string;
whiteA12: string;
goldA1: string;
goldA2: string;
goldA3: string;
goldA4: string;
goldA5: string;
goldA6: string;
goldA7: string;
goldA8: string;
goldA9: string;
goldA10: string;
goldA11: string;
goldA12: string;
bronzeA1: string;
bronzeA2: string;
bronzeA3: string;
bronzeA4: string;
bronzeA5: string;
bronzeA6: string;
bronzeA7: string;
bronzeA8: string;
bronzeA9: string;
bronzeA10: string;
bronzeA11: string;
bronzeA12: string;
brownA1: string;
brownA2: string;
brownA3: string;
brownA4: string;
brownA5: string;
brownA6: string;
brownA7: string;
brownA8: string;
brownA9: string;
brownA10: string;
brownA11: string;
brownA12: string;
orangeA1: string;
orangeA2: string;
orangeA3: string;
orangeA4: string;
orangeA5: string;
orangeA6: string;
orangeA7: string;
orangeA8: string;
orangeA9: string;
orangeA10: string;
orangeA11: string;
orangeA12: string;
amberA1: string;
amberA2: string;
amberA3: string;
amberA4: string;
amberA5: string;
amberA6: string;
amberA7: string;
amberA8: string;
amberA9: string;
amberA10: string;
amberA11: string;
amberA12: string;
yellowA1: string;
yellowA2: string;
yellowA3: string;
yellowA4: string;
yellowA5: string;
yellowA6: string;
yellowA7: string;
yellowA8: string;
yellowA9: string;
yellowA10: string;
yellowA11: string;
yellowA12: string;
limeA1: string;
limeA2: string;
limeA3: string;
limeA4: string;
limeA5: string;
limeA6: string;
limeA7: string;
limeA8: string;
limeA9: string;
limeA10: string;
limeA11: string;
limeA12: string;
grassA1: string;
grassA2: string;
grassA3: string;
grassA4: string;
grassA5: string;
grassA6: string;
grassA7: string;
grassA8: string;
grassA9: string;
grassA10: string;
grassA11: string;
grassA12: string;
greenA1: string;
greenA2: string;
greenA3: string;
greenA4: string;
greenA5: string;
greenA6: string;
greenA7: string;
greenA8: string;
greenA9: string;
greenA10: string;
greenA11: string;
greenA12: string;
tealA1: string;
tealA2: string;
tealA3: string;
tealA4: string;
tealA5: string;
tealA6: string;
tealA7: string;
tealA8: string;
tealA9: string;
tealA10: string;
tealA11: string;
tealA12: string;
cyanA1: string;
cyanA2: string;
cyanA3: string;
cyanA4: string;
cyanA5: string;
cyanA6: string;
cyanA7: string;
cyanA8: string;
cyanA9: string;
cyanA10: string;
cyanA11: string;
cyanA12: string;
mintA1: string;
mintA2: string;
mintA3: string;
mintA4: string;
mintA5: string;
mintA6: string;
mintA7: string;
mintA8: string;
mintA9: string;
mintA10: string;
mintA11: string;
mintA12: string;
skyA1: string;
skyA2: string;
skyA3: string;
skyA4: string;
skyA5: string;
skyA6: string;
skyA7: string;
skyA8: string;
skyA9: string;
skyA10: string;
skyA11: string;
skyA12: string;
blueA1: string;
blueA2: string;
blueA3: string;
blueA4: string;
blueA5: string;
blueA6: string;
blueA7: string;
blueA8: string;
blueA9: string;
blueA10: string;
blueA11: string;
blueA12: string;
indigoA1: string;
indigoA2: string;
indigoA3: string;
indigoA4: string;
indigoA5: string;
indigoA6: string;
indigoA7: string;
indigoA8: string;
indigoA9: string;
indigoA10: string;
indigoA11: string;
indigoA12: string;
violetA1: string;
violetA2: string;
violetA3: string;
violetA4: string;
violetA5: string;
violetA6: string;
violetA7: string;
violetA8: string;
violetA9: string;
violetA10: string;
violetA11: string;
violetA12: string;
purpleA1: string;
purpleA2: string;
purpleA3: string;
purpleA4: string;
purpleA5: string;
purpleA6: string;
purpleA7: string;
purpleA8: string;
purpleA9: string;
purpleA10: string;
purpleA11: string;
purpleA12: string;
plumA1: string;
plumA2: string;
plumA3: string;
plumA4: string;
plumA5: string;
plumA6: string;
plumA7: string;
plumA8: string;
plumA9: string;
plumA10: string;
plumA11: string;
plumA12: string;
pinkA1: string;
pinkA2: string;
pinkA3: string;
pinkA4: string;
pinkA5: string;
pinkA6: string;
pinkA7: string;
pinkA8: string;
pinkA9: string;
pinkA10: string;
pinkA11: string;
pinkA12: string;
crimsonA1: string;
crimsonA2: string;
crimsonA3: string;
crimsonA4: string;
crimsonA5: string;
crimsonA6: string;
crimsonA7: string;
crimsonA8: string;
crimsonA9: string;
crimsonA10: string;
crimsonA11: string;
crimsonA12: string;
redA1: string;
redA2: string;
redA3: string;
redA4: string;
redA5: string;
redA6: string;
redA7: string;
redA8: string;
redA9: string;
redA10: string;
redA11: string;
redA12: string;
tomatoA1: string;
tomatoA2: string;
tomatoA3: string;
tomatoA4: string;
tomatoA5: string;
tomatoA6: string;
tomatoA7: string;
tomatoA8: string;
tomatoA9: string;
tomatoA10: string;
tomatoA11: string;
tomatoA12: string;
sandA1: string;
sandA2: string;
sandA3: string;
sandA4: string;
sandA5: string;
sandA6: string;
sandA7: string;
sandA8: string;
sandA9: string;
sandA10: string;
sandA11: string;
sandA12: string;
oliveA1: string;
oliveA2: string;
oliveA3: string;
oliveA4: string;
oliveA5: string;
oliveA6: string;
oliveA7: string;
oliveA8: string;
oliveA9: string;
oliveA10: string;
oliveA11: string;
oliveA12: string;
sageA1: string;
sageA2: string;
sageA3: string;
sageA4: string;
sageA5: string;
sageA6: string;
sageA7: string;
sageA8: string;
sageA9: string;
sageA10: string;
sageA11: string;
sageA12: string;
slateA1: string;
slateA2: string;
slateA3: string;
slateA4: string;
slateA5: string;
slateA6: string;
slateA7: string;
slateA8: string;
slateA9: string;
slateA10: string;
slateA11: string;
slateA12: string;
mauveA1: string;
mauveA2: string;
mauveA3: string;
mauveA4: string;
mauveA5: string;
mauveA6: string;
mauveA7: string;
mauveA8: string;
mauveA9: string;
mauveA10: string;
mauveA11: string;
mauveA12: string;
grayA1: string;
grayA2: string;
grayA3: string;
grayA4: string;
grayA5: string;
grayA6: string;
grayA7: string;
grayA8: string;
grayA9: string;
grayA10: string;
grayA11: string;
grayA12: string;
primary1: string;
primary2: string;
primary3: string;
primary4: string;
primary5: string;
primary6: string;
primary7: string;
primary8: string;
primary9: string;
primary10: string;
primary11: string;
primary12: string;
gold1: string;
gold2: string;
gold3: string;
gold4: string;
gold5: string;
gold6: string;
gold7: string;
gold8: string;
gold9: string;
gold10: string;
gold11: string;
gold12: string;
bronze1: string;
bronze2: string;
bronze3: string;
bronze4: string;
bronze5: string;
bronze6: string;
bronze7: string;
bronze8: string;
bronze9: string;
bronze10: string;
bronze11: string;
bronze12: string;
brown1: string;
brown2: string;
brown3: string;
brown4: string;
brown5: string;
brown6: string;
brown7: string;
brown8: string;
brown9: string;
brown10: string;
brown11: string;
brown12: string;
orange1: string;
orange2: string;
orange3: string;
orange4: string;
orange5: string;
orange6: string;
orange7: string;
orange8: string;
orange9: string;
orange10: string;
orange11: string;
orange12: string;
amber1: string;
amber2: string;
amber3: string;
amber4: string;
amber5: string;
amber6: string;
amber7: string;
amber8: string;
amber9: string;
amber10: string;
amber11: string;
amber12: string;
yellow1: string;
yellow2: string;
yellow3: string;
yellow4: string;
yellow5: string;
yellow6: string;
yellow7: string;
yellow8: string;
yellow9: string;
yellow10: string;
yellow11: string;
yellow12: string;
lime1: string;
lime2: string;
lime3: string;
lime4: string;
lime5: string;
lime6: string;
lime7: string;
lime8: string;
lime9: string;
lime10: string;
lime11: string;
lime12: string;
grass1: string;
grass2: string;
grass3: string;
grass4: string;
grass5: string;
grass6: string;
grass7: string;
grass8: string;
grass9: string;
grass10: string;
grass11: string;
grass12: string;
green1: string;
green2: string;
green3: string;
green4: string;
green5: string;
green6: string;
green7: string;
green8: string;
green9: string;
green10: string;
green11: string;
green12: string;
teal1: string;
teal2: string;
teal3: string;
teal4: string;
teal5: string;
teal6: string;
teal7: string;
teal8: string;
teal9: string;
teal10: string;
teal11: string;
teal12: string;
cyan1: string;
cyan2: string;
cyan3: string;
cyan4: string;
cyan5: string;
cyan6: string;
cyan7: string;
cyan8: string;
cyan9: string;
cyan10: string;
cyan11: string;
cyan12: string;
mint1: string;
mint2: string;
mint3: string;
mint4: string;
mint5: string;
mint6: string;
mint7: string;
mint8: string;
mint9: string;
mint10: string;
mint11: string;
mint12: string;
sky1: string;
sky2: string;
sky3: string;
sky4: string;
sky5: string;
sky6: string;
sky7: string;
sky8: string;
sky9: string;
sky10: string;
sky11: string;
sky12: string;
blue1: string;
blue2: string;
blue3: string;
blue4: string;
blue5: string;
blue6: string;
blue7: string;
blue8: string;
blue9: string;
blue10: string;
blue11: string;
blue12: string;
indigo1: string;
indigo2: string;
indigo3: string;
indigo4: string;
indigo5: string;
indigo6: string;
indigo7: string;
indigo8: string;
indigo9: string;
indigo10: string;
indigo11: string;
indigo12: string;
violet1: string;
violet2: string;
violet3: string;
violet4: string;
violet5: string;
violet6: string;
violet7: string;
violet8: string;
violet9: string;
violet10: string;
violet11: string;
violet12: string;
purple1: string;
purple2: string;
purple3: string;
purple4: string;
purple5: string;
purple6: string;
purple7: string;
purple8: string;
purple9: string;
purple10: string;
purple11: string;
purple12: string;
plum1: string;
plum2: string;
plum3: string;
plum4: string;
plum5: string;
plum6: string;
plum7: string;
plum8: string;
plum9: string;
plum10: string;
plum11: string;
plum12: string;
pink1: string;
pink2: string;
pink3: string;
pink4: string;
pink5: string;
pink6: string;
pink7: string;
pink8: string;
pink9: string;
pink10: string;
pink11: string;
pink12: string;
crimson1: string;
crimson2: string;
crimson3: string;
crimson4: string;
crimson5: string;
crimson6: string;
crimson7: string;
crimson8: string;
crimson9: string;
crimson10: string;
crimson11: string;
crimson12: string;
red1: string;
red2: string;
red3: string;
red4: string;
red5: string;
red6: string;
red7: string;
red8: string;
red9: string;
red10: string;
red11: string;
red12: string;
tomato1: string;
tomato2: string;
tomato3: string;
tomato4: string;
tomato5: string;
tomato6: string;
tomato7: string;
tomato8: string;
tomato9: string;
tomato10: string;
tomato11: string;
tomato12: string;
sand1: string;
sand2: string;
sand3: string;
sand4: string;
sand5: string;
sand6: string;
sand7: string;
sand8: string;
sand9: string;
sand10: string;
sand11: string;
sand12: string;
olive1: string;
olive2: string;
olive3: string;
olive4: string;
olive5: string;
olive6: string;
olive7: string;
olive8: string;
olive9: string;
olive10: string;
olive11: string;
olive12: string;
sage1: string;
sage2: string;
sage3: string;
sage4: string;
sage5: string;
sage6: string;
sage7: string;
sage8: string;
sage9: string;
sage10: string;
sage11: string;
sage12: string;
slate1: string;
slate2: string;
slate3: string;
slate4: string;
slate5: string;
slate6: string;
slate7: string;
slate8: string;
slate9: string;
slate10: string;
slate11: string;
slate12: string;
mauve1: string;
mauve2: string;
mauve3: string;
mauve4: string;
mauve5: string;
mauve6: string;
mauve7: string;
mauve8: string;
mauve9: string;
mauve10: string;
mauve11: string;
mauve12: string;
gray1: string;
gray2: string;
gray3: string;
gray4: string;
gray5: string;
gray6: string;
gray7: string;
gray8: string;
gray9: string;
gray10: string;
gray11: string;
gray12: string;
};
fonts: {
untitled: string;
mono: string;
};
space: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
};
sizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
};
fontSizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
};
radii: {
1: string;
2: string;
3: string;
4: string;
round: string;
pill: string;
};
zIndices: {
1: string;
2: string;
3: string;
4: string;
max: string;
};
}, import("@stitches/react/types/config").DefaultThemeMap, {
p: (value: Stitches.PropertyValue<'padding'>) => {
padding: {
readonly [Stitches.$$PropertyValue]: "padding";
};
};
pt: (value: Stitches.PropertyValue<'paddingTop'>) => {
paddingTop: {
readonly [Stitches.$$PropertyValue]: "paddingTop";
};
};
pr: (value: Stitches.PropertyValue<'paddingRight'>) => {
paddingRight: {
readonly [Stitches.$$PropertyValue]: "paddingRight";
};
};
pb: (value: Stitches.PropertyValue<'paddingBottom'>) => {
paddingBottom: {
readonly [Stitches.$$PropertyValue]: "paddingBottom";
};
};
pl: (value: Stitches.PropertyValue<'paddingLeft'>) => {
paddingLeft: {
readonly [Stitches.$$PropertyValue]: "paddingLeft";
};
};
px: (value: Stitches.PropertyValue<'paddingLeft'>) => {
paddingLeft: {
readonly [Stitches.$$PropertyValue]: "paddingLeft";
};
paddingRight: {
readonly [Stitches.$$PropertyValue]: "paddingLeft";
};
};
py: (value: Stitches.PropertyValue<'paddingTop'>) => {
paddingTop: {
readonly [Stitches.$$PropertyValue]: "paddingTop";
};
paddingBottom: {
readonly [Stitches.$$PropertyValue]: "paddingTop";
};
};
m: (value: Stitches.PropertyValue<'margin'>) => {
margin: {
readonly [Stitches.$$PropertyValue]: "margin";
};
};
mt: (value: Stitches.PropertyValue<'marginTop'>) => {
marginTop: {
readonly [Stitches.$$PropertyValue]: "marginTop";
};
};
mr: (value: Stitches.PropertyValue<'marginRight'>) => {
marginRight: {
readonly [Stitches.$$PropertyValue]: "marginRight";
};
};
mb: (value: Stitches.PropertyValue<'marginBottom'>) => {
marginBottom: {
readonly [Stitches.$$PropertyValue]: "marginBottom";
};
};
ml: (value: Stitches.PropertyValue<'marginLeft'>) => {
marginLeft: {
readonly [Stitches.$$PropertyValue]: "marginLeft";
};
};
mx: (value: Stitches.PropertyValue<'marginLeft'>) => {
marginLeft: {
readonly [Stitches.$$PropertyValue]: "marginLeft";
};
marginRight: {
readonly [Stitches.$$PropertyValue]: "marginLeft";
};
};
my: (value: Stitches.PropertyValue<'marginTop'>) => {
marginTop: {
readonly [Stitches.$$PropertyValue]: "marginTop";
};
marginBottom: {
readonly [Stitches.$$PropertyValue]: "marginTop";
};
};
ta: (value: Stitches.PropertyValue<'textAlign'>) => {
textAlign: {
readonly [Stitches.$$PropertyValue]: "textAlign";
};
};
fd: (value: Stitches.PropertyValue<'flexDirection'>) => {
flexDirection: {
readonly [Stitches.$$PropertyValue]: "flexDirection";
};
};
fw: (value: Stitches.PropertyValue<'flexWrap'>) => {
flexWrap: {
readonly [Stitches.$$PropertyValue]: "flexWrap";
};
};
ai: (value: Stitches.PropertyValue<'alignItems'>) => {
alignItems: {
readonly [Stitches.$$PropertyValue]: "alignItems";
};
};
ac: (value: Stitches.PropertyValue<'alignContent'>) => {
alignContent: {
readonly [Stitches.$$PropertyValue]: "alignContent";
};
};
jc: (value: Stitches.PropertyValue<'justifyContent'>) => {
justifyContent: {
readonly [Stitches.$$PropertyValue]: "justifyContent";
};
};
as: (value: Stitches.PropertyValue<'alignSelf'>) => {
alignSelf: {
readonly [Stitches.$$PropertyValue]: "alignSelf";
};
};
fg: (value: Stitches.PropertyValue<'flexGrow'>) => {
flexGrow: {
readonly [Stitches.$$PropertyValue]: "flexGrow";
};
};
fs: (value: Stitches.PropertyValue<'flexShrink'>) => {
flexShrink: {
readonly [Stitches.$$PropertyValue]: "flexShrink";
};
};
fb: (value: Stitches.PropertyValue<'flexBasis'>) => {
flexBasis: {
readonly [Stitches.$$PropertyValue]: "flexBasis";
};
};
bc: (value: Stitches.PropertyValue<'backgroundColor'>) => {
backgroundColor: {
readonly [Stitches.$$PropertyValue]: "backgroundColor";
};
};
br: (value: Stitches.PropertyValue<'borderRadius'>) => {
borderRadius: {
readonly [Stitches.$$PropertyValue]: "borderRadius";
};
};
btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => {
borderTopRightRadius: {
readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
};
};
bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => {
borderBottomRightRadius: {
readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
};
};
bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => {
borderBottomLeftRadius: {
readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
};
};
btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => {
borderTopLeftRadius: {
readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
};
};
bs: (value: Stitches.PropertyValue<'boxShadow'>) => {
boxShadow: {
readonly [Stitches.$$PropertyValue]: "boxShadow";
};
};
lh: (value: Stitches.PropertyValue<'lineHeight'>) => {
lineHeight: {
readonly [Stitches.$$PropertyValue]: "lineHeight";
};
};
ox: (value: Stitches.PropertyValue<'overflowX'>) => {
overflowX: {
readonly [Stitches.$$PropertyValue]: "overflowX";
};
};
oy: (value: Stitches.PropertyValue<'overflowY'>) => {
overflowY: {
readonly [Stitches.$$PropertyValue]: "overflowY";
};
};
pe: (value: Stitches.PropertyValue<'pointerEvents'>) => {
pointerEvents: {
readonly [Stitches.$$PropertyValue]: "pointerEvents";
};
};
us: (value: Stitches.PropertyValue<'userSelect'>) => {
WebkitUserSelect: {
readonly [Stitches.$$PropertyValue]: "userSelect";
};
userSelect: {
readonly [Stitches.$$PropertyValue]: "userSelect";
};
};
userSelect: (value: Stitches.PropertyValue<'userSelect'>) => {
WebkitUserSelect: {
readonly [Stitches.$$PropertyValue]: "userSelect";
};
userSelect: {
readonly [Stitches.$$PropertyValue]: "userSelect";
};
};
size: (value: Stitches.PropertyValue<'width'>) => {
width: {
readonly [Stitches.$$PropertyValue]: "width";
};
height: {
readonly [Stitches.$$PropertyValue]: "width";
};
};
appearance: (value: Stitches.PropertyValue<'appearance'>) => {
WebkitAppearance: {
readonly [Stitches.$$PropertyValue]: "appearance";
};
appearance: {
readonly [Stitches.$$PropertyValue]: "appearance";
};
};
backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
WebkitBackgroundClip: {
readonly [Stitches.$$PropertyValue]: "backgroundClip";
};
backgroundClip: {
readonly [Stitches.$$PropertyValue]: "backgroundClip";
};
};
}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS_1> & {
variants?: {
[x: string]: {
[x: string]: CSS_1;
[x: number]: CSS_1;
};
} | undefined;
compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : never : import("@stitches/react/types/util").WideObject) & {
css: CSS_1;
})[] | undefined;
defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : never : import("@stitches/react/types/util").WideObject) | undefined;
} & CSS_1 & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; } : never); }) => import("@stitches/react/types/styled-component").StyledComponent<Type, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
sm: "(min-width: 520px)";
md: "(min-width: 900px)";
lg: "(min-width: 1200px)";
xl: "(min-width: 1800px)";
motion: "(prefers-reduced-motion)";
hover: "(any-hover: hover)";
dark: "(prefers-color-scheme: dark)";
light: "(prefers-color-scheme: light)";
}, import("@stitches/react/types/css-util").CSS<{
sm: "(min-width: 520px)";
md: "(min-width: 900px)";
lg: "(min-width: 1200px)";
xl: "(min-width: 1800px)";
motion: "(prefers-reduced-motion)";
hover: "(any-hover: hover)";
dark: "(prefers-color-scheme: dark)";
light: "(prefers-color-scheme: light)";
}, {
colors: {
hiContrast: string;
loContrast: string;
canvas: string;
panel: string;
transparentPanel: string;
shadowLight: string;
shadowDark: string;
inputError: string;
inputWarning: string;
inputDefaultBorder: string;
blackA1: string;
blackA2: string;
blackA3: string;
blackA4: string;
blackA5: string;
blackA6: string;
blackA7: string;
blackA8: string;
blackA9: string;
blackA10: string;
blackA11: string;
blackA12: string;
whiteA1: string;
whiteA2: string;
whiteA3: string;
whiteA4: string;
whiteA5: string;
whiteA6: string;
whiteA7: string;
whiteA8: string;
whiteA9: string;
whiteA10: string;
whiteA11: string;
whiteA12: string;
goldA1: string;
goldA2: string;
goldA3: string;
goldA4: string;
goldA5: string;
goldA6: string;
goldA7: string;
goldA8: string;
goldA9: string;
goldA10: string;
goldA11: string;
goldA12: string;
bronzeA1: string;
bronzeA2: string;
bronzeA3: string;
bronzeA4: string;
bronzeA5: string;
bronzeA6: string;
bronzeA7: string;
bronzeA8: string;
bronzeA9: string;
bronzeA10: string;
bronzeA11: string;
bronzeA12: string;
brownA1: string;
brownA2: string;
brownA3: string;
brownA4: string;
brownA5: string;
brownA6: string;
brownA7: string;
brownA8: string;
brownA9: string;
brownA10: string;
brownA11: string;
brownA12: string;
orangeA1: string;
orangeA2: string;
orangeA3: string;
orangeA4: string;
orangeA5: string;
orangeA6: string;
orangeA7: string;
orangeA8: string;
orangeA9: string;
orangeA10: string;
orangeA11: string;
orangeA12: string;
amberA1: string;
amberA2: string;
amberA3: string;
amberA4: string;
amberA5: string;
amberA6: string;
amberA7: string;
amberA8: string;
amberA9: string;
amberA10: string;
amberA11: string;
amberA12: string;
yellowA1: string;
yellowA2: string;
yellowA3: string;
yellowA4: string;
yellowA5: string;
yellowA6: string;
yellowA7: string;
yellowA8: string;
yellowA9: string;
yellowA10: string;
yellowA11: string;
yellowA12: string;
limeA1: string;
limeA2: string;
limeA3: string;
limeA4: string;
limeA5: string;
limeA6: string;
limeA7: string;
limeA8: string;
limeA9: string;
limeA10: string;
limeA11: string;
limeA12: string;
grassA1: string;
grassA2: string;
grassA3: string;
grassA4: string;
grassA5: string;
grassA6: string;
grassA7: string;
grassA8: string;
grassA9: string;
grassA10: string;
grassA11: string;
grassA12: string;
greenA1: string;
greenA2: string;
greenA3: string;
greenA4: string;
greenA5: string;
greenA6: string;
greenA7: string;
greenA8: string;
greenA9: string;
greenA10: string;
greenA11: string;
greenA12: string;
tealA1: string;
tealA2: string;
tealA3: string;
tealA4: string;
tealA5: string;
tealA6: string;
tealA7: string;
tealA8: string;
tealA9: string;
tealA10: string;
tealA11: string;
tealA12: string;
cyanA1: string;
cyanA2: string;
cyanA3: string;
cyanA4: string;
cyanA5: string;
cyanA6: string;
cyanA7: string;
cyanA8: string;
cyanA9: string;
cyanA10: string;
cyanA11: string;
cyanA12: string;
mintA1: string;
mintA2: string;
mintA3: string;
mintA4: string;
mintA5: string;
mintA6: string;
mintA7: string;
mintA8: string;
mintA9: string;
mintA10: string;
mintA11: string;
mintA12: string;
skyA1: string;
skyA2: string;
skyA3: string;
skyA4: string;
skyA5: string;
skyA6: string;
skyA7: string;
skyA8: string;
skyA9: string;
skyA10: string;
skyA11: string;
skyA12: string;
blueA1: string;
blueA2: string;
blueA3: string;
blueA4: string;
blueA5: string;
blueA6: string;
blueA7: string;
blueA8: string;
blueA9: string;
blueA10: string;
blueA11: string;
blueA12: string;
indigoA1: string;
indigoA2: string;
indigoA3: string;
indigoA4: string;
indigoA5: string;
indigoA6: string;
indigoA7: string;
indigoA8: string;
indigoA9: string;
indigoA10: string;
indigoA11: string;
indigoA12: string;
violetA1: string;
violetA2: string;
violetA3: string;
violetA4: string;
violetA5: string;
violetA6: string;
violetA7: string;
violetA8: string;
violetA9: string;
violetA10: string;
violetA11: string;
violetA12: string;
purpleA1: string;
purpleA2: string;
purpleA3: string;
purpleA4: string;
purpleA5: string;
purpleA6: string;
purpleA7: string;
purpleA8: string;
purpleA9: string;
purpleA10: string;
purpleA11: string;
purpleA12: string;
plumA1: string;
plumA2: string;
plumA3: string;
plumA4: string;
plumA5: string;
plumA6: string;
plumA7: string;
plumA8: string;
plumA9: string;
plumA10: string;
plumA11: string;
plumA12: string;
pinkA1: string;
pinkA2: string;
pinkA3: string;
pinkA4: string;
pinkA5: string;
pinkA6: string;
pinkA7: string;
pinkA8: string;
pinkA9: string;
pinkA10: string;
pinkA11: string;
pinkA12: string;
crimsonA1: string;
crimsonA2: string;
crimsonA3: string;
crimsonA4: string;
crimsonA5: string;
crimsonA6: string;
crimsonA7: string;
crimsonA8: string;
crimsonA9: string;
crimsonA10: string;
crimsonA11: string;
crimsonA12: string;
redA1: string;
redA2: string;
redA3: string;
redA4: string;
redA5: string;
redA6: string;
redA7: string;
redA8: string;
redA9: string;
redA10: string;
redA11: string;
redA12: string;
tomatoA1: string;
tomatoA2: string;
tomatoA3: string;
tomatoA4: string;
tomatoA5: string;
tomatoA6: string;
tomatoA7: string;
tomatoA8: string;
tomatoA9: string;
tomatoA10: string;
tomatoA11: string;
tomatoA12: string;
sandA1: string;
sandA2: string;
sandA3: string;
sandA4: string;
sandA5: string;
sandA6: string;
sandA7: string;
sandA8: string;
sandA9: string;
sandA10: string;
sandA11: string;
sandA12: string;
oliveA1: string;
oliveA2: string;
oliveA3: string;
oliveA4: string;
oliveA5: string;
oliveA6: string;
oliveA7: string;
oliveA8: string;
oliveA9: string;
oliveA10: string;
oliveA11: string;
oliveA12: string;
sageA1: string;
sageA2: string;
sageA3: string;
sageA4: string;
sageA5: string;
sageA6: string;
sageA7: string;
sageA8: string;
sageA9: string;
sageA10: string;
sageA11: string;
sageA12: string;
slateA1: string;
slateA2: string;
slateA3: string;
slateA4: string;
slateA5: string;
slateA6: string;
slateA7: string;
slateA8: string;
slateA9: string;
slateA10: string;
slateA11: string;
slateA12: string;
mauveA1: string;
mauveA2: string;
mauveA3: string;
mauveA4: string;
mauveA5: string;
mauveA6: string;
mauveA7: string;
mauveA8: string;
mauveA9: string;
mauveA10: string;
mauveA11: string;
mauveA12: string;
grayA1: string;
grayA2: string;
grayA3: string;
grayA4: string;
grayA5: string;
grayA6: string;
grayA7: string;
grayA8: string;
grayA9: string;
grayA10: string;
grayA11: string;
grayA12: string;
primary1: string;
primary2: string;
primary3: string;
primary4: string;
primary5: string;
primary6: string;
primary7: string;
primary8: string;
primary9: string;
primary10: string;
primary11: string;
primary12: string;
gold1: string;
gold2: string;
gold3: string;
gold4: string;
gold5: string;
gold6: string;
gold7: string;
gold8: string;
gold9: string;
gold10: string;
gold11: string;
gold12: string;
bronze1: string;
bronze2: string;
bronze3: string;
bronze4: string;
bronze5: string;
bronze6: string;
bronze7: string;
bronze8: string;
bronze9: string;
bronze10: string;
bronze11: string;
bronze12: string;
brown1: string;
brown2: string;
brown3: string;
brown4: string;
brown5: string;
brown6: string;
brown7: string;
brown8: string;
brown9: string;
brown10: string;
brown11: string;
brown12: string;
orange1: string;
orange2: string;
orange3: string;
orange4: string;
orange5: string;
orange6: string;
orange7: string;
orange8: string;
orange9: string;
orange10: string;
orange11: string;
orange12: string;
amber1: string;
amber2: string;
amber3: string;
amber4: string;
amber5: string;
amber6: string;
amber7: string;
amber8: string;
amber9: string;
amber10: string;
amber11: string;
amber12: string;
yellow1: string;
yellow2: string;
yellow3: string;
yellow4: string;
yellow5: string;
yellow6: string;
yellow7: string;
yellow8: string;
yellow9: string;
yellow10: string;
yellow11: string;
yellow12: string;
lime1: string;
lime2: string;
lime3: string;
lime4: string;
lime5: string;
lime6: string;
lime7: string;
lime8: string;
lime9: string;
lime10: string;
lime11: string;
lime12: string;
grass1: string;
grass2: string;
grass3: string;
grass4: string;
grass5: string;
grass6: string;
grass7: string;
grass8: string;
grass9: string;
grass10: string;
grass11: string;
grass12: string;
green1: string;
green2: string;
green3: string;
green4: string;
green5: string;
green6: string;
green7: string;
green8: string;
green9: string;
green10: string;
green11: string;
green12: string;
teal1: string;
teal2: string;
teal3: string;
teal4: string;
teal5: string;
teal6: string;
teal7: string;
teal8: string;
teal9: string;
teal10: string;
teal11: string;
teal12: string;
cyan1: string;
cyan2: string;
cyan3: string;
cyan4: string;
cyan5: string;
cyan6: string;
cyan7: string;
cyan8: string;
cyan9: string;
cyan10: string;
cyan11: string;
cyan12: string;
mint1: string;
mint2: string;
mint3: string;
mint4: string;
mint5: string;
mint6: string;
mint7: string;
mint8: string;
mint9: string;
mint10: string;
mint11: string;
mint12: string;
sky1: string;
sky2: string;
sky3: string;
sky4: string;
sky5: string;
sky6: string;
sky7: string;
sky8: string;
sky9: string;
sky10: string;
sky11: string;
sky12: string;
blue1: string;
blue2: string;
blue3: string;
blue4: string;
blue5: string;
blue6: string;
blue7: string;
blue8: string;
blue9: string;
blue10: string;
blue11: string;
blue12: string;
indigo1: string;
indigo2: string;
indigo3: string;
indigo4: string;
indigo5: string;
indigo6: string;
indigo7: string;
indigo8: string;
indigo9: string;
indigo10: string;
indigo11: string;
indigo12: string;
violet1: string;
violet2: string;
violet3: string;
violet4: string;
violet5: string;
violet6: string;
violet7: string;
violet8: string;
violet9: string;
violet10: string;
violet11: string;
violet12: string;
purple1: string;
purple2: string;
purple3: string;
purple4: string;
purple5: string;
purple6: string;
purple7: string;
purple8: string;
purple9: string;
purple10: string;
purple11: string;
purple12: string;
plum1: string;
plum2: string;
plum3: string;
plum4: string;
plum5: string;
plum6: string;
plum7: string;
plum8: string;
plum9: string;
plum10: string;
plum11: string;
plum12: string;
pink1: string;
pink2: string;
pink3: string;
pink4: string;
pink5: string;
pink6: string;
pink7: string;
pink8: string;
pink9: string;
pink10: string;
pink11: string;
pink12: string;
crimson1: string;
crimson2: string;
crimson3: string;
crimson4: string;
crimson5: string;
crimson6: string;
crimson7: string;
crimson8: string;
crimson9: string;
crimson10: string;
crimson11: string;
crimson12: string;
red1: string;
red2: string;
red3: string;
red4: string;
red5: string;
red6: string;
red7: string;
red8: string;
red9: string;
red10: string;
red11: string;
red12: string;
tomato1: string;
tomato2: string;
tomato3: string;
tomato4: string;
tomato5: string;
tomato6: string;
tomato7: string;
tomato8: string;
tomato9: string;
tomato10: string;
tomato11: string;
tomato12: string;
sand1: string;
sand2: string;
sand3: string;
sand4: string;
sand5: string;
sand6: string;
sand7: string;
sand8: string;
sand9: string;
sand10: string;
sand11: string;
sand12: string;
olive1: string;
olive2: string;
olive3: string;
olive4: string;
olive5: string;
olive6: string;
olive7: string;
olive8: string;
olive9: string;
olive10: string;
olive11: string;
olive12: string;
sage1: string;
sage2: string;
sage3: string;
sage4: string;
sage5: string;
sage6: string;
sage7: string;
sage8: string;
sage9: string;
sage10: string;
sage11: string;
sage12: string;
slate1: string;
slate2: string;
slate3: string;
slate4: string;
slate5: string;
slate6: string;
slate7: string;
slate8: string;
slate9: string;
slate10: string;
slate11: string;
slate12: string;
mauve1: string;
mauve2: string;
mauve3: string;
mauve4: string;
mauve5: string;
mauve6: string;
mauve7: string;
mauve8: string;
mauve9: string;
mauve10: string;
mauve11: string;
mauve12: string;
gray1: string;
gray2: string;
gray3: string;
gray4: string;
gray5: string;
gray6: string;
gray7: string;
gray8: string;
gray9: string;
gray10: string;
gray11: string;
gray12: string;
};
fonts: {
untitled: string;
mono: string;
};
space: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
};
sizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
};
fontSizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
};
radii: {
1: string;
2: string;
3: string;
4: string;
round: string;
pill: string;
};
zIndices: {
1: string;
2: string;
3: string;
4: string;
max: string;
};
}, import("@stitches/react/types/config").DefaultThemeMap, {
p: (value: Stitches.PropertyValue<'padding'>) => {
padding: {
readonly [Stitches.$$PropertyValue]: "padding";
};
};
pt: (value: Stitches.PropertyValue<'pa