@everlywell/ui-kit 0.7.2 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/index.d.mts +1 -0
  2. package/index.d.ts +1 -0
  3. package/index.js +10 -10
  4. package/index.mjs +773 -638
  5. package/lib/theme/actions/Button/Button.config.d.ts +1 -0
  6. package/lib/theme/data-display/Tag/Tag.config.d.ts +461 -0
  7. package/lib/theme/data-display/Tag/Tag.d.ts +3 -0
  8. package/lib/theme/foundations/colors.d.ts +37 -33
  9. package/lib/theme/index.d.ts +499 -34
  10. package/lib/theme/overlay/Drawer/Drawer.config.d.ts +1 -1
  11. package/package.json +1 -1
package/lib/theme/data-display/Tag/Tag.config.d.ts ADDED
@@ -0,0 +1,461 @@
1
+ declare const _default: {
2
+ baseStyle?: {
3
+ container: {
4
+ fontWeight: string;
5
+ borderRadius: string;
6
+ };
7
+ label: {};
8
+ closeButton: {};
9
+ } | undefined;
10
+ sizes?: {
11
+ sm: {
12
+ container: {
13
+ paddingX: ("2" | "3")[];
14
+ paddingY: string;
15
+ fontSize: ("xs" | "sm")[];
16
+ };
17
+ label: {
18
+ paddingX: ("3" | "4")[];
19
+ paddingY: string;
20
+ fontSize: ("xs" | "sm")[];
21
+ };
22
+ closeButton: {};
23
+ };
24
+ md: {
25
+ container: {
26
+ paddingX: ("2" | "3")[];
27
+ paddingY: ("3" | "0.5")[];
28
+ fontSize: ("sm" | "md")[];
29
+ };
30
+ label: {
31
+ fontSize: ("sm" | "md")[];
32
+ };
33
+ closeButton: {};
34
+ };
35
+ } | undefined;
36
+ variants?: {
37
+ primary: {
38
+ container: {
39
+ backgroundColor: string;
40
+ color: string;
41
+ };
42
+ label: {
43
+ backgroundColor: string;
44
+ color: string;
45
+ };
46
+ closeButton: {
47
+ color: string;
48
+ _hover: {
49
+ color: string;
50
+ };
51
+ };
52
+ };
53
+ secondary: {
54
+ container: {
55
+ backgroundColor: string;
56
+ color: string;
57
+ };
58
+ label: {
59
+ backgroundColor: string;
60
+ color: string;
61
+ };
62
+ closeButton: {
63
+ color: string;
64
+ _hover: {
65
+ color: string;
66
+ };
67
+ };
68
+ };
69
+ tertiary: {
70
+ container: {
71
+ backgroundColor: string;
72
+ color: string;
73
+ };
74
+ label: {
75
+ backgroundColor: string;
76
+ color: string;
77
+ };
78
+ closeButton: {
79
+ color: string;
80
+ _hover: {
81
+ color: string;
82
+ };
83
+ };
84
+ };
85
+ cluster: ({ size }: import("@chakra-ui/styled-system").StyleFunctionProps) => {
86
+ container: {
87
+ m?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
88
+ margin?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
89
+ mt?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
90
+ marginBlockStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
91
+ marginTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
92
+ mr?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
93
+ marginInlineEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
94
+ marginEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
95
+ me?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
96
+ marginRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
97
+ mb?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
98
+ marginBlockEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
99
+ marginBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
100
+ ml?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
101
+ marginInlineStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
102
+ marginStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
103
+ ms?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
104
+ marginLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
105
+ mx?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
106
+ marginInline?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
107
+ marginX?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
108
+ my?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
109
+ marginBlock?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
110
+ marginY?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
111
+ p?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
112
+ padding?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
113
+ pt?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
114
+ paddingBlockStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
115
+ paddingTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
116
+ pr?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
117
+ paddingInlineEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
118
+ paddingEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
119
+ pe?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
120
+ paddingRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
121
+ pb?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
122
+ paddingBlockEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
123
+ paddingBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
124
+ pl?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
125
+ paddingInlineStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
126
+ paddingStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
127
+ ps?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
128
+ paddingLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
129
+ px?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
130
+ paddingInline?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
131
+ paddingX?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
132
+ py?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
133
+ paddingBlock?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
134
+ paddingY?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
135
+ textColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
136
+ color: string | import("@chakra-ui/styled-system").ResponsiveArray<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | Partial<Record<string, import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating">>;
137
+ fill?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
138
+ stroke?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
139
+ transition?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Transition<string & {}>> | undefined;
140
+ transitionProperty?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TransitionProperty> | undefined;
141
+ transitionTimingFunction?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TransitionTimingFunction> | undefined;
142
+ transitionDuration?: import("@chakra-ui/styled-system").ResponsiveValue<string> | undefined;
143
+ transitionDelay?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TransitionDelay<string & {}>> | undefined;
144
+ animation?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Animation<string & {}>> | undefined;
145
+ willChange?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.WillChange> | undefined;
146
+ fontWeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "bold" | (string & {}) | "black" | "normal" | "thin" | "xlight" | "light" | "medium" | "semiBold" | "xbold"> | undefined;
147
+ lineHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | "body" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "normal" | (number & {}) | "shorter" | "short" | "tall"> | undefined;
148
+ letterSpacing?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "normal" | "tighter" | "tight" | "wide" | "wider" | "widest"> | undefined;
149
+ fontSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "small" | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "medium" | "large" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "9xl" | "10xl" | "11xl"> | undefined;
150
+ fontFamily?: import("@chakra-ui/styled-system").ResponsiveValue<"body" | "heading" | import("csstype").Property.FontFamily | "mono"> | undefined;
151
+ textAlign?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextAlign> | undefined;
152
+ fontStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FontStyle> | undefined;
153
+ textIndent?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextIndent<0 | (string & {})>> | undefined;
154
+ wordBreak?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.WordBreak> | undefined;
155
+ overflowWrap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverflowWrap> | undefined;
156
+ textOverflow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextOverflow> | undefined;
157
+ textTransform?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextTransform> | undefined;
158
+ whiteSpace?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.WhiteSpace> | undefined;
159
+ noOfLines?: import("@chakra-ui/styled-system").ResponsiveValue<number> | undefined;
160
+ isTruncated?: boolean | undefined;
161
+ alignItems?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.AlignItems> | undefined;
162
+ alignContent?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.AlignContent> | undefined;
163
+ justifyItems?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.JustifyItems> | undefined;
164
+ justifyContent?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.JustifyContent> | undefined;
165
+ flexWrap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexWrap> | undefined;
166
+ flexFlow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexFlow> | undefined;
167
+ flexBasis?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexBasis<string | number>> | undefined;
168
+ flexDirection?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexDirection> | undefined;
169
+ flexDir?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexDirection> | undefined;
170
+ flex?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Flex<string | number>> | undefined;
171
+ gap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Gap<string | number>> | undefined;
172
+ rowGap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.RowGap<string | number>> | undefined;
173
+ columnGap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ColumnGap<string | number>> | undefined;
174
+ justifySelf?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.JustifySelf> | undefined;
175
+ alignSelf?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.AlignSelf> | undefined;
176
+ order?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Order> | undefined;
177
+ flexGrow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexGrow> | undefined;
178
+ flexShrink?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexShrink> | undefined;
179
+ placeItems?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.PlaceItems> | undefined;
180
+ placeContent?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.PlaceContent> | undefined;
181
+ placeSelf?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.PlaceSelf> | undefined;
182
+ transform?: import("@chakra-ui/styled-system").ResponsiveValue<"auto" | import("csstype").Property.Transform | "auto-gpu"> | undefined;
183
+ transformOrigin?: import("@chakra-ui/styled-system").ResponsiveValue<number | "center" | "max" | "min" | (string & {}) | "bottom" | "left" | "right" | "top" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "full"> | undefined;
184
+ clipPath?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ClipPath> | undefined;
185
+ translateX?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
186
+ translateY?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
187
+ rotate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
188
+ skewX?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
189
+ skewY?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
190
+ scaleX?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
191
+ scaleY?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
192
+ scale?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
193
+ gridGap?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
194
+ gridColumnGap?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
195
+ gridRowGap?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
196
+ gridColumnStart?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridColumnStart> | undefined;
197
+ gridRowStart?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridRowStart> | undefined;
198
+ gridRowEnd?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridRowEnd> | undefined;
199
+ gridTemplate?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridTemplate> | undefined;
200
+ gridColumnEnd?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridColumnEnd> | undefined;
201
+ gridColumn?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridColumn> | undefined;
202
+ gridRow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridRow> | undefined;
203
+ gridAutoFlow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridAutoFlow> | undefined;
204
+ gridAutoColumns?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridAutoColumns<0 | (string & {})>> | undefined;
205
+ gridAutoRows?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridAutoRows<0 | (string & {})>> | undefined;
206
+ gridTemplateColumns?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridTemplateColumns<0 | (string & {})>> | undefined;
207
+ gridTemplateRows?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridTemplateRows<0 | (string & {})>> | undefined;
208
+ gridTemplateAreas?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridTemplateAreas> | undefined;
209
+ gridArea?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridArea> | undefined;
210
+ filter?: import("@chakra-ui/styled-system").ResponsiveValue<"auto" | import("csstype").Property.Filter> | undefined;
211
+ blur?: import("@chakra-ui/styled-system").ResponsiveValue<{} | "base" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl"> | undefined;
212
+ brightness?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
213
+ contrast?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
214
+ hueRotate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
215
+ invert?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
216
+ saturate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
217
+ dropShadow?: import("@chakra-ui/styled-system").ResponsiveValue<"base" | "dialog" | "outline" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | import("csstype").Property.BoxShadow | "inner" | "dark-lg"> | undefined;
218
+ backdropFilter?: import("@chakra-ui/styled-system").ResponsiveValue<"auto" | import("csstype").Property.BackdropFilter> | undefined;
219
+ backdropBlur?: import("@chakra-ui/styled-system").ResponsiveValue<{} | "base" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl"> | undefined;
220
+ backdropBrightness?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
221
+ backdropContrast?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
222
+ backdropHueRotate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
223
+ backdropInvert?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
224
+ backdropSaturate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
225
+ display?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Display> | undefined;
226
+ hideFrom?: import("@chakra-ui/styled-system").ResponsiveValue<"base" | (string & {}) | "tablet" | "largeTablet" | "desktop" | "largeDesktop"> | undefined;
227
+ hideBelow?: import("@chakra-ui/styled-system").ResponsiveValue<"base" | (string & {}) | "tablet" | "largeTablet" | "desktop" | "largeDesktop"> | undefined;
228
+ width?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "min-intrinsic"> | undefined;
229
+ w?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "min-intrinsic"> | undefined;
230
+ inlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fill-available"> | undefined;
231
+ boxSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "min-intrinsic"> | undefined;
232
+ maxWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "-webkit-min-content"> | undefined;
233
+ maxW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "-webkit-min-content"> | undefined;
234
+ maxInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fill-available"> | undefined;
235
+ minWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "min-intrinsic" | "-webkit-fill-available" | "-webkit-min-content"> | undefined;
236
+ minW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "min-intrinsic" | "-webkit-fill-available" | "-webkit-min-content"> | undefined;
237
+ minInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fill-available"> | undefined;
238
+ height?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fit-content"> | undefined;
239
+ h?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fit-content"> | undefined;
240
+ blockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fill-available"> | undefined;
241
+ maxHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "-webkit-min-content"> | undefined;
242
+ maxH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "-webkit-min-content"> | undefined;
243
+ maxBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fill-available"> | undefined;
244
+ minHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "-webkit-min-content"> | undefined;
245
+ minH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "-webkit-min-content"> | undefined;
246
+ minBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "full" | "-webkit-fill-available"> | undefined;
247
+ verticalAlign?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.VerticalAlign<string | number>> | undefined;
248
+ overflow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Overflow> | undefined;
249
+ overflowX?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverflowX> | undefined;
250
+ overflowY?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverflowY> | undefined;
251
+ boxSizing?: import("csstype").Property.BoxSizing | undefined;
252
+ boxDecorationBreak?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BoxDecorationBreak> | undefined;
253
+ float?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Float> | undefined;
254
+ objectFit?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ObjectFit> | undefined;
255
+ objectPosition?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ObjectPosition<string | number>> | undefined;
256
+ overscrollBehavior?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehavior> | undefined;
257
+ overscroll?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehavior> | undefined;
258
+ overscrollBehaviorX?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehaviorX> | undefined;
259
+ overscrollX?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehaviorX> | undefined;
260
+ overscrollBehaviorY?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehaviorY> | undefined;
261
+ overscrollY?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehaviorY> | undefined;
262
+ visibility?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Visibility> | undefined;
263
+ isolation?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Isolation> | undefined;
264
+ aspectRatio?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.AspectRatio> | undefined;
265
+ border?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "thin" | "medium" | "hidden" | "thick" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid" | "1px" | "2px" | "4px" | "8px"> | undefined;
266
+ borderWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
267
+ borderStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderStyle> | undefined;
268
+ borderColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderTopColor> | undefined;
269
+ borderRadius: string | number | import("@chakra-ui/styled-system").ResponsiveArray<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | Partial<Record<string, number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">>;
270
+ rounded?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
271
+ borderTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "thin" | "medium" | "hidden" | "thick" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid" | "1px" | "2px" | "4px" | "8px"> | undefined;
272
+ borderBlockStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "thin" | "medium" | "hidden" | "thick" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid"> | undefined;
273
+ borderTopWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
274
+ borderBlockStartWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
275
+ borderBottomWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
276
+ borderBlockEndWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
277
+ borderLeftWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
278
+ borderStartWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
279
+ borderInlineStartWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
280
+ borderRightWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
281
+ borderEndWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
282
+ borderInlineEndWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
283
+ borderTopStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderTopStyle> | undefined;
284
+ borderBlockStartStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderBlockStartStyle> | undefined;
285
+ borderBottomStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderBottomStyle> | undefined;
286
+ borderBlockEndStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderBlockEndStyle> | undefined;
287
+ borderLeftStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderLeftStyle> | undefined;
288
+ borderStartStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineStartStyle> | undefined;
289
+ borderInlineStartStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineStartStyle> | undefined;
290
+ borderRightStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderRightStyle> | undefined;
291
+ borderEndStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineEndStyle> | undefined;
292
+ borderInlineEndStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineEndStyle> | undefined;
293
+ borderTopColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderTopColor> | undefined;
294
+ borderBlockStartColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderBlockStartColor> | undefined;
295
+ borderBottomColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderBottomColor> | undefined;
296
+ borderBlockEndColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderBlockEndColor> | undefined;
297
+ borderLeftColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderLeftColor> | undefined;
298
+ borderStartColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineStartColor> | undefined;
299
+ borderInlineStartColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderInlineStartColor> | undefined;
300
+ borderRightColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderRightColor> | undefined;
301
+ borderEndColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineEndColor> | undefined;
302
+ borderInlineEndColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderInlineEndColor> | undefined;
303
+ borderRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "thin" | "medium" | "hidden" | "thick" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid" | "1px" | "2px" | "4px" | "8px"> | undefined;
304
+ borderEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "thin" | "medium" | "hidden" | "thick" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid"> | undefined;
305
+ borderInlineEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "thin" | "medium" | "hidden" | "thick" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid"> | undefined;
306
+ borderBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "thin" | "medium" | "hidden" | "thick" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid" | "1px" | "2px" | "4px" | "8px"> | undefined;
307
+ borderBlockEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "thin" | "medium" | "hidden" | "thick" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid"> | undefined;
308
+ borderLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "thin" | "medium" | "hidden" | "thick" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid" | "1px" | "2px" | "4px" | "8px"> | undefined;
309
+ borderStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "thin" | "medium" | "hidden" | "thick" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid"> | undefined;
310
+ borderInlineStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "thin" | "medium" | "hidden" | "thick" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid"> | undefined;
311
+ borderTopRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
312
+ roundedTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
313
+ borderRightRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
314
+ roundedRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
315
+ roundedEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
316
+ borderInlineEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
317
+ borderEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
318
+ borderBottomRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
319
+ roundedBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
320
+ borderLeftRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
321
+ roundedLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
322
+ roundedStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
323
+ borderInlineStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
324
+ borderStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
325
+ borderTopLeftRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
326
+ borderTopStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
327
+ borderStartStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
328
+ roundedTopLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
329
+ roundedTopStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
330
+ borderTopRightRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
331
+ borderTopEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
332
+ borderStartEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
333
+ roundedTopRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
334
+ roundedTopEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
335
+ borderBottomLeftRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
336
+ borderBottomStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
337
+ borderEndStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
338
+ roundedBottomLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
339
+ roundedBottomStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
340
+ borderBottomRightRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
341
+ borderBottomEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
342
+ borderEndEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
343
+ roundedBottomRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
344
+ roundedBottomEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | (string & {}) | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
345
+ borderX?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "thin" | "medium" | "hidden" | "thick" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid" | "1px" | "2px" | "4px" | "8px"> | undefined;
346
+ borderInline?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "thin" | "medium" | "hidden" | "thick" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid"> | undefined;
347
+ borderY?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "thin" | "medium" | "hidden" | "thick" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid" | "1px" | "2px" | "4px" | "8px"> | undefined;
348
+ borderBlock?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "thin" | "medium" | "hidden" | "thick" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid"> | undefined;
349
+ boxShadow?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | "dialog" | "outline" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | import("csstype").Property.BoxShadow | "inner" | "dark-lg"> | undefined;
350
+ shadow?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | "dialog" | "outline" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | import("csstype").Property.BoxShadow | "inner" | "dark-lg"> | undefined;
351
+ mixBlendMode?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.MixBlendMode> | undefined;
352
+ blendMode?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.MixBlendMode> | undefined;
353
+ backgroundBlendMode?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundBlendMode> | undefined;
354
+ bgBlendMode?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundBlendMode> | undefined;
355
+ opacity?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Opacity> | undefined;
356
+ bg?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
357
+ bgClip?: import("@chakra-ui/styled-system").ResponsiveValue<"text" | import("csstype").Property.BackgroundClip> | undefined;
358
+ backgroundClip?: import("@chakra-ui/styled-system").ResponsiveValue<"text" | import("csstype").Property.BackgroundClip> | undefined;
359
+ background?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
360
+ bgColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
361
+ backgroundColor: string | import("@chakra-ui/styled-system").ResponsiveArray<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | Partial<Record<string, import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating">>;
362
+ backgroundImage?: import("@chakra-ui/styled-system").ResponsiveValue<string | (string & {})> | undefined;
363
+ bgGradient?: import("@chakra-ui/styled-system").ResponsiveValue<string | (string & {})> | undefined;
364
+ backgroundSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "contain" | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "cover"> | undefined;
365
+ bgPos?: import("@chakra-ui/styled-system").ResponsiveValue<number | "center" | (string & {}) | "bottom" | "left" | "right" | "top" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset"> | undefined;
366
+ backgroundPosition?: import("@chakra-ui/styled-system").ResponsiveValue<number | "center" | (string & {}) | "bottom" | "left" | "right" | "top" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset"> | undefined;
367
+ bgImage?: import("@chakra-ui/styled-system").ResponsiveValue<string | (string & {})> | undefined;
368
+ bgImg?: import("@chakra-ui/styled-system").ResponsiveValue<string | (string & {})> | undefined;
369
+ bgRepeat?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundRepeat> | undefined;
370
+ backgroundRepeat?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundRepeat> | undefined;
371
+ bgSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "contain" | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "cover"> | undefined;
372
+ bgAttachment?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundAttachment> | undefined;
373
+ backgroundAttachment?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundAttachment> | undefined;
374
+ bgPosition?: import("@chakra-ui/styled-system").ResponsiveValue<number | "center" | (string & {}) | "bottom" | "left" | "right" | "top" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset"> | undefined;
375
+ listStyleType?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStyleType> | undefined;
376
+ listStylePosition?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStylePosition> | undefined;
377
+ listStylePos?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStylePosition> | undefined;
378
+ listStyleImage?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStyleImage> | undefined;
379
+ listStyleImg?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStyleImage> | undefined;
380
+ zIndex?: import("@chakra-ui/styled-system").ResponsiveValue<"base" | "banner" | "tooltip" | "overlay" | import("csstype").Property.ZIndex | "hide" | "docked" | "dropdown" | "sticky" | "modal" | "popover" | "skipLink" | "toast"> | undefined;
381
+ top?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "full"> | undefined;
382
+ insetBlockStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "full"> | undefined;
383
+ right?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "full"> | undefined;
384
+ insetInlineEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "full"> | undefined;
385
+ insetEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "full"> | undefined;
386
+ bottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "full"> | undefined;
387
+ insetBlockEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "full"> | undefined;
388
+ left?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "full"> | undefined;
389
+ insetInlineStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "full"> | undefined;
390
+ insetStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "full"> | undefined;
391
+ inset?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "full"> | undefined;
392
+ insetX?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "full"> | undefined;
393
+ insetY?: import("@chakra-ui/styled-system").ResponsiveValue<number | "max" | "min" | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "full"> | undefined;
394
+ pos?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Position> | undefined;
395
+ position?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Position> | undefined;
396
+ insetInline?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.InsetInline<0 | (string & {})>> | undefined;
397
+ insetBlock?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.InsetBlock<0 | (string & {})>> | undefined;
398
+ ring?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
399
+ ringColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
400
+ ringOffset?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
401
+ ringOffsetColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
402
+ ringInset?: import("@chakra-ui/styled-system").ResponsiveValue<"inset" | "none"> | undefined;
403
+ scrollBehavior?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ScrollBehavior> | undefined;
404
+ scrollSnapAlign?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ScrollSnapAlign> | undefined;
405
+ scrollSnapStop?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ScrollSnapStop> | undefined;
406
+ scrollSnapType?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ScrollSnapType> | undefined;
407
+ scrollMargin?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
408
+ scrollMarginTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
409
+ scrollMarginBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
410
+ scrollMarginLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
411
+ scrollMarginRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
412
+ scrollMarginX?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
413
+ scrollMarginY?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
414
+ scrollPadding?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
415
+ scrollPaddingTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
416
+ scrollPaddingBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
417
+ scrollPaddingLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
418
+ scrollPaddingRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
419
+ scrollPaddingX?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
420
+ scrollPaddingY?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "0" | "-0" | "1" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
421
+ appearance?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Appearance> | undefined;
422
+ userSelect?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.UserSelect> | undefined;
423
+ pointerEvents?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.PointerEvents> | undefined;
424
+ resize?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Resize> | undefined;
425
+ cursor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Cursor> | undefined;
426
+ outline?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Outline<string | number>> | undefined;
427
+ outlineOffset?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OutlineOffset<string | number>> | undefined;
428
+ outlineColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
429
+ textDecoration?: import("@chakra-ui/styled-system").ResponsiveValue<number | "blink" | (string & {}) | "none" | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "dashed" | "dotted" | "double" | "solid" | "from-font" | "grammar-error" | "line-through" | "overline" | "spelling-error" | "underline" | "wavy"> | undefined;
430
+ textDecor?: import("@chakra-ui/styled-system").ResponsiveValue<number | "blink" | (string & {}) | "none" | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "dashed" | "dotted" | "double" | "solid" | "from-font" | "grammar-error" | "line-through" | "overline" | "spelling-error" | "underline" | "wavy"> | undefined;
431
+ textDecorationColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.TextDecorationColor> | undefined;
432
+ textDecorationThickness?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextDecorationThickness<0 | (string & {})>> | undefined;
433
+ textDecorationStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextDecorationStyle> | undefined;
434
+ textDecorationLine?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextDecorationLine> | undefined;
435
+ textUnderlineOffset?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "auto" | "inherit" | "initial" | "-moz-initial" | "revert" | "revert-layer" | "unset"> | undefined;
436
+ textShadow?: import("@chakra-ui/styled-system").ResponsiveValue<number | "base" | "dialog" | "outline" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "inner" | "dark-lg" | import("csstype").Property.TextShadow> | undefined;
437
+ srOnly?: true | "focusable" | undefined;
438
+ layerStyle?: import("@chakra-ui/styled-system").ResponsiveValue<string & {}> | undefined;
439
+ textStyle?: import("@chakra-ui/styled-system").ResponsiveValue<string & {}> | undefined;
440
+ apply?: import("@chakra-ui/styled-system").ResponsiveValue<string> | undefined;
441
+ };
442
+ label: {
443
+ backgroundColor: string;
444
+ color: string;
445
+ };
446
+ closeButton: {
447
+ color: string;
448
+ _hover: {
449
+ color: string;
450
+ };
451
+ };
452
+ };
453
+ } | undefined;
454
+ defaultProps?: {
455
+ size?: "sm" | "md" | undefined;
456
+ variant?: "primary" | "secondary" | "tertiary" | "cluster" | undefined;
457
+ colorScheme?: string | undefined;
458
+ } | undefined;
459
+ parts: ("label" | "container" | "closeButton")[];
460
+ };
461
+ export default _default;