react-toolkits 2.8.2 → 2.8.3

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 (20) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/index.css +317 -1
  3. package/lib/index.css.map +1 -0
  4. package/lib/index.js +2726 -11
  5. package/lib/index.js.map +1 -0
  6. package/locale/context.js +6 -2
  7. package/locale/context.js.map +1 -0
  8. package/locale/en_GB.js +93 -2
  9. package/locale/en_GB.js.map +1 -0
  10. package/locale/hooks.js +111 -2
  11. package/locale/hooks.js.map +1 -0
  12. package/locale/index.js +117 -2
  13. package/locale/index.js.map +1 -0
  14. package/locale/ja_JP.js +93 -2
  15. package/locale/ja_JP.js.map +1 -0
  16. package/locale/ko_KR.js +93 -2
  17. package/locale/ko_KR.js.map +1 -0
  18. package/locale/zh_CN.js +93 -2
  19. package/locale/zh_CN.js.map +1 -0
  20. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # react-toolkits
2
2
 
3
+ ## 2.8.3
4
+
5
+ ### Patch Changes
6
+
7
+ - 98c4d9d: fix: should validate form after form instance mounted
8
+
3
9
  ## 2.8.2
4
10
 
5
11
  ### Patch Changes
package/lib/index.css CHANGED
@@ -1 +1,317 @@
1
- .expand{animation-duration:.2s;animation-name:expand}@keyframes expand{0%,50%{width:0;opacity:0}75%{width:100%;opacity:0}to{opacity:1}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.left-14{left:3.5rem}.right-0{right:0}.right-16{right:4rem}.top-0{top:0}.top-1\/2{top:50%}.top-16{top:4rem}.top-6{top:1.5rem}.z-10{z-index:10}.my-12{margin-top:3rem;margin-bottom:3rem}.mb-0{margin-bottom:0}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-4{margin-left:1rem}.mr-6{margin-right:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.h-10{height:2.5rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.w-10\/12{width:83.333333%}.w-\[650px\]{width:650px}.w-full{width:100%}.w-screen{width:100vw}.flex-1{flex:1 1 0%}.flex-grow-0{flex-grow:0}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-10{--tw-translate-y: -2.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.px-36{padding-left:9rem;padding-right:9rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-start{text-align:start}.text-end{text-align:end}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
1
+ /* src/components/layout/style.css */
2
+ .expand {
3
+ animation-duration: 0.2s;
4
+ animation-name: expand;
5
+ }
6
+ @keyframes expand {
7
+ 0%, 50% {
8
+ width: 0;
9
+ opacity: 0;
10
+ }
11
+ 75% {
12
+ width: 100%;
13
+ opacity: 0;
14
+ }
15
+ 100% {
16
+ opacity: 1;
17
+ }
18
+ }
19
+
20
+ /* src/styles/index.css */
21
+ *,
22
+ ::before,
23
+ ::after {
24
+ --tw-border-spacing-x: 0;
25
+ --tw-border-spacing-y: 0;
26
+ --tw-translate-x: 0;
27
+ --tw-translate-y: 0;
28
+ --tw-rotate: 0;
29
+ --tw-skew-x: 0;
30
+ --tw-skew-y: 0;
31
+ --tw-scale-x: 1;
32
+ --tw-scale-y: 1;
33
+ --tw-pan-x: ;
34
+ --tw-pan-y: ;
35
+ --tw-pinch-zoom: ;
36
+ --tw-scroll-snap-strictness: proximity;
37
+ --tw-gradient-from-position: ;
38
+ --tw-gradient-via-position: ;
39
+ --tw-gradient-to-position: ;
40
+ --tw-ordinal: ;
41
+ --tw-slashed-zero: ;
42
+ --tw-numeric-figure: ;
43
+ --tw-numeric-spacing: ;
44
+ --tw-numeric-fraction: ;
45
+ --tw-ring-inset: ;
46
+ --tw-ring-offset-width: 0px;
47
+ --tw-ring-offset-color: #fff;
48
+ --tw-ring-color: rgb(59 130 246 / 0.5);
49
+ --tw-ring-offset-shadow: 0 0 #0000;
50
+ --tw-ring-shadow: 0 0 #0000;
51
+ --tw-shadow: 0 0 #0000;
52
+ --tw-shadow-colored: 0 0 #0000;
53
+ --tw-blur: ;
54
+ --tw-brightness: ;
55
+ --tw-contrast: ;
56
+ --tw-grayscale: ;
57
+ --tw-hue-rotate: ;
58
+ --tw-invert: ;
59
+ --tw-saturate: ;
60
+ --tw-sepia: ;
61
+ --tw-drop-shadow: ;
62
+ --tw-backdrop-blur: ;
63
+ --tw-backdrop-brightness: ;
64
+ --tw-backdrop-contrast: ;
65
+ --tw-backdrop-grayscale: ;
66
+ --tw-backdrop-hue-rotate: ;
67
+ --tw-backdrop-invert: ;
68
+ --tw-backdrop-opacity: ;
69
+ --tw-backdrop-saturate: ;
70
+ --tw-backdrop-sepia: ;
71
+ --tw-contain-size: ;
72
+ --tw-contain-layout: ;
73
+ --tw-contain-paint: ;
74
+ --tw-contain-style: ;
75
+ }
76
+ ::backdrop {
77
+ --tw-border-spacing-x: 0;
78
+ --tw-border-spacing-y: 0;
79
+ --tw-translate-x: 0;
80
+ --tw-translate-y: 0;
81
+ --tw-rotate: 0;
82
+ --tw-skew-x: 0;
83
+ --tw-skew-y: 0;
84
+ --tw-scale-x: 1;
85
+ --tw-scale-y: 1;
86
+ --tw-pan-x: ;
87
+ --tw-pan-y: ;
88
+ --tw-pinch-zoom: ;
89
+ --tw-scroll-snap-strictness: proximity;
90
+ --tw-gradient-from-position: ;
91
+ --tw-gradient-via-position: ;
92
+ --tw-gradient-to-position: ;
93
+ --tw-ordinal: ;
94
+ --tw-slashed-zero: ;
95
+ --tw-numeric-figure: ;
96
+ --tw-numeric-spacing: ;
97
+ --tw-numeric-fraction: ;
98
+ --tw-ring-inset: ;
99
+ --tw-ring-offset-width: 0px;
100
+ --tw-ring-offset-color: #fff;
101
+ --tw-ring-color: rgb(59 130 246 / 0.5);
102
+ --tw-ring-offset-shadow: 0 0 #0000;
103
+ --tw-ring-shadow: 0 0 #0000;
104
+ --tw-shadow: 0 0 #0000;
105
+ --tw-shadow-colored: 0 0 #0000;
106
+ --tw-blur: ;
107
+ --tw-brightness: ;
108
+ --tw-contrast: ;
109
+ --tw-grayscale: ;
110
+ --tw-hue-rotate: ;
111
+ --tw-invert: ;
112
+ --tw-saturate: ;
113
+ --tw-sepia: ;
114
+ --tw-drop-shadow: ;
115
+ --tw-backdrop-blur: ;
116
+ --tw-backdrop-brightness: ;
117
+ --tw-backdrop-contrast: ;
118
+ --tw-backdrop-grayscale: ;
119
+ --tw-backdrop-hue-rotate: ;
120
+ --tw-backdrop-invert: ;
121
+ --tw-backdrop-opacity: ;
122
+ --tw-backdrop-saturate: ;
123
+ --tw-backdrop-sepia: ;
124
+ --tw-contain-size: ;
125
+ --tw-contain-layout: ;
126
+ --tw-contain-paint: ;
127
+ --tw-contain-style: ;
128
+ }
129
+ .container {
130
+ width: 100%;
131
+ }
132
+ @media (min-width: 640px) {
133
+ .container {
134
+ max-width: 640px;
135
+ }
136
+ }
137
+ @media (min-width: 768px) {
138
+ .container {
139
+ max-width: 768px;
140
+ }
141
+ }
142
+ @media (min-width: 1024px) {
143
+ .container {
144
+ max-width: 1024px;
145
+ }
146
+ }
147
+ @media (min-width: 1280px) {
148
+ .container {
149
+ max-width: 1280px;
150
+ }
151
+ }
152
+ @media (min-width: 1536px) {
153
+ .container {
154
+ max-width: 1536px;
155
+ }
156
+ }
157
+ .fixed {
158
+ position: fixed;
159
+ }
160
+ .absolute {
161
+ position: absolute;
162
+ }
163
+ .relative {
164
+ position: relative;
165
+ }
166
+ .bottom-0 {
167
+ bottom: 0px;
168
+ }
169
+ .left-0 {
170
+ left: 0px;
171
+ }
172
+ .left-14 {
173
+ left: 3.5rem;
174
+ }
175
+ .right-0 {
176
+ right: 0px;
177
+ }
178
+ .right-16 {
179
+ right: 4rem;
180
+ }
181
+ .top-0 {
182
+ top: 0px;
183
+ }
184
+ .top-1\/2 {
185
+ top: 50%;
186
+ }
187
+ .top-16 {
188
+ top: 4rem;
189
+ }
190
+ .top-6 {
191
+ top: 1.5rem;
192
+ }
193
+ .z-10 {
194
+ z-index: 10;
195
+ }
196
+ .my-12 {
197
+ margin-top: 3rem;
198
+ margin-bottom: 3rem;
199
+ }
200
+ .mb-0 {
201
+ margin-bottom: 0px;
202
+ }
203
+ .mb-12 {
204
+ margin-bottom: 3rem;
205
+ }
206
+ .mb-4 {
207
+ margin-bottom: 1rem;
208
+ }
209
+ .mb-6 {
210
+ margin-bottom: 1.5rem;
211
+ }
212
+ .ml-4 {
213
+ margin-left: 1rem;
214
+ }
215
+ .mr-6 {
216
+ margin-right: 1.5rem;
217
+ }
218
+ .mt-2 {
219
+ margin-top: 0.5rem;
220
+ }
221
+ .mt-4 {
222
+ margin-top: 1rem;
223
+ }
224
+ .block {
225
+ display: block;
226
+ }
227
+ .inline {
228
+ display: inline;
229
+ }
230
+ .flex {
231
+ display: flex;
232
+ }
233
+ .h-10 {
234
+ height: 2.5rem;
235
+ }
236
+ .h-8 {
237
+ height: 2rem;
238
+ }
239
+ .h-full {
240
+ height: 100%;
241
+ }
242
+ .h-screen {
243
+ height: 100vh;
244
+ }
245
+ .w-10\/12 {
246
+ width: 83.333333%;
247
+ }
248
+ .w-\[650px\] {
249
+ width: 650px;
250
+ }
251
+ .w-full {
252
+ width: 100%;
253
+ }
254
+ .w-screen {
255
+ width: 100vw;
256
+ }
257
+ .flex-1 {
258
+ flex: 1 1 0%;
259
+ }
260
+ .flex-grow-0 {
261
+ flex-grow: 0;
262
+ }
263
+ .-translate-y-1\/2 {
264
+ --tw-translate-y: -50%;
265
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
266
+ }
267
+ .-translate-y-10 {
268
+ --tw-translate-y: -2.5rem;
269
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
270
+ }
271
+ .flex-row {
272
+ flex-direction: row;
273
+ }
274
+ .flex-col {
275
+ flex-direction: column;
276
+ }
277
+ .items-center {
278
+ align-items: center;
279
+ }
280
+ .justify-center {
281
+ justify-content: center;
282
+ }
283
+ .justify-between {
284
+ justify-content: space-between;
285
+ }
286
+ .gap-2 {
287
+ gap: 0.5rem;
288
+ }
289
+ .overflow-hidden {
290
+ overflow: hidden;
291
+ }
292
+ .bg-slate-50 {
293
+ --tw-bg-opacity: 1;
294
+ background-color: rgb(248 250 252 / var(--tw-bg-opacity));
295
+ }
296
+ .px-36 {
297
+ padding-left: 9rem;
298
+ padding-right: 9rem;
299
+ }
300
+ .px-6 {
301
+ padding-left: 1.5rem;
302
+ padding-right: 1.5rem;
303
+ }
304
+ .py-4 {
305
+ padding-top: 1rem;
306
+ padding-bottom: 1rem;
307
+ }
308
+ .text-start {
309
+ text-align: start;
310
+ }
311
+ .text-end {
312
+ text-align: end;
313
+ }
314
+ .filter {
315
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
316
+ }
317
+ /*# sourceMappingURL=index.css.map */
package/lib/index.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/layout/style.css","../src/styles/index.css"],"sourcesContent":["\n.expand {\n animation-duration: 0.2s;\n animation-name: expand;\n}\n\n@keyframes expand {\n 0%, 50% {\n width: 0;\n opacity: 0;\n }\n\n 75% {\n width: 100%;\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n","*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: \n}\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: \n}\n.container {\n width: 100%\n}\n@media (min-width: 640px) {\n .container {\n max-width: 640px\n }\n}\n@media (min-width: 768px) {\n .container {\n max-width: 768px\n }\n}\n@media (min-width: 1024px) {\n .container {\n max-width: 1024px\n }\n}\n@media (min-width: 1280px) {\n .container {\n max-width: 1280px\n }\n}\n@media (min-width: 1536px) {\n .container {\n max-width: 1536px\n }\n}\n.fixed {\n position: fixed\n}\n.absolute {\n position: absolute\n}\n.relative {\n position: relative\n}\n.bottom-0 {\n bottom: 0px\n}\n.left-0 {\n left: 0px\n}\n.left-14 {\n left: 3.5rem\n}\n.right-0 {\n right: 0px\n}\n.right-16 {\n right: 4rem\n}\n.top-0 {\n top: 0px\n}\n.top-1\\/2 {\n top: 50%\n}\n.top-16 {\n top: 4rem\n}\n.top-6 {\n top: 1.5rem\n}\n.z-10 {\n z-index: 10\n}\n.my-12 {\n margin-top: 3rem;\n margin-bottom: 3rem\n}\n.mb-0 {\n margin-bottom: 0px\n}\n.mb-12 {\n margin-bottom: 3rem\n}\n.mb-4 {\n margin-bottom: 1rem\n}\n.mb-6 {\n margin-bottom: 1.5rem\n}\n.ml-4 {\n margin-left: 1rem\n}\n.mr-6 {\n margin-right: 1.5rem\n}\n.mt-2 {\n margin-top: 0.5rem\n}\n.mt-4 {\n margin-top: 1rem\n}\n.block {\n display: block\n}\n.inline {\n display: inline\n}\n.flex {\n display: flex\n}\n.h-10 {\n height: 2.5rem\n}\n.h-8 {\n height: 2rem\n}\n.h-full {\n height: 100%\n}\n.h-screen {\n height: 100vh\n}\n.w-10\\/12 {\n width: 83.333333%\n}\n.w-\\[650px\\] {\n width: 650px\n}\n.w-full {\n width: 100%\n}\n.w-screen {\n width: 100vw\n}\n.flex-1 {\n flex: 1 1 0%\n}\n.flex-grow-0 {\n flex-grow: 0\n}\n.-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-translate-y-10 {\n --tw-translate-y: -2.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.flex-row {\n flex-direction: row\n}\n.flex-col {\n flex-direction: column\n}\n.items-center {\n align-items: center\n}\n.justify-center {\n justify-content: center\n}\n.justify-between {\n justify-content: space-between\n}\n.gap-2 {\n gap: 0.5rem\n}\n.overflow-hidden {\n overflow: hidden\n}\n.bg-slate-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n.px-36 {\n padding-left: 9rem;\n padding-right: 9rem\n}\n.px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem\n}\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem\n}\n.text-start {\n text-align: start\n}\n.text-end {\n text-align: end\n}\n.filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n"],"mappings":";AACA,CAAC;AACC,sBAAoB;AACpB,kBAAgB;AAClB;AAEA,WALC;AAMC;AACE,WAAO;AACP,aAAS;AACX;AAEA;AACE,WAAO;AACP,aAAS;AACX;AAEA;AACE,aAAS;AACX;AACF;;;ACpBA;AAAG;AAAU;AACT,yBAAuB;AACvB,yBAAuB;AACvB,oBAAkB;AAClB,oBAAkB;AAClB,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AACd,gBAAc;AACd;AACA;AACA;AACA,+BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAAwB;AACxB,0BAAwB;AACxB,mBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE;AAClC,2BAAyB,EAAE,EAAE;AAC7B,oBAAkB,EAAE,EAAE;AACtB,eAAa,EAAE,EAAE;AACjB,uBAAqB,EAAE,EAAE;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACJ;AACA;AACI,yBAAuB;AACvB,yBAAuB;AACvB,oBAAkB;AAClB,oBAAkB;AAClB,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AACd,gBAAc;AACd;AACA;AACA;AACA,+BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAAwB;AACxB,0BAAwB;AACxB,mBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE;AAClC,2BAAyB,EAAE,EAAE;AAC7B,oBAAkB,EAAE,EAAE;AACtB,eAAa,EAAE,EAAE;AACjB,uBAAqB,EAAE,EAAE;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACJ;AACA,CAAC;AACG,SAAO;AACX;AACA,OAAO,CAAC,SAAS,EAAE;AACf,GAJH;AAKO,eAAW;AACf;AACJ;AACA,OAAO,CAAC,SAAS,EAAE;AACf,GATH;AAUO,eAAW;AACf;AACJ;AACA,OAAO,CAAC,SAAS,EAAE;AACf,GAdH;AAeO,eAAW;AACf;AACJ;AACA,OAAO,CAAC,SAAS,EAAE;AACf,GAnBH;AAoBO,eAAW;AACf;AACJ;AACA,OAAO,CAAC,SAAS,EAAE;AACf,GAxBH;AAyBO,eAAW;AACf;AACJ;AACA,CAAC;AACG,YAAU;AACd;AACA,CAAC;AACG,YAAU;AACd;AACA,CAAC;AACG,YAAU;AACd;AACA,CAAC;AACG,UAAQ;AACZ;AACA,CAAC;AACG,QAAM;AACV;AACA,CAAC;AACG,QAAM;AACV;AACA,CAAC;AACG,SAAO;AACX;AACA,CAAC;AACG,SAAO;AACX;AACA,CAAC;AACG,OAAK;AACT;AACA,CAAC;AACG,OAAK;AACT;AACA,CAAC;AACG,OAAK;AACT;AACA,CAAC;AACG,OAAK;AACT;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,cAAY;AACZ,iBAAe;AACnB;AACA,CAAC;AACG,iBAAe;AACnB;AACA,CAAC;AACG,iBAAe;AACnB;AACA,CAAC;AACG,iBAAe;AACnB;AACA,CAAC;AACG,iBAAe;AACnB;AACA,CAAC;AACG,eAAa;AACjB;AACA,CAAC;AACG,gBAAc;AAClB;AACA,CAAC;AACG,cAAY;AAChB;AACA,CAAC;AACG,cAAY;AAChB;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,UAAQ;AACZ;AACA,CAAC;AACG,UAAQ;AACZ;AACA,CAAC;AACG,UAAQ;AACZ;AACA,CAAC;AACG,UAAQ;AACZ;AACA,CAAC;AACG,SAAO;AACX;AACA,CAAC;AACG,SAAO;AACX;AACA,CAAC;AACG,SAAO;AACX;AACA,CAAC;AACG,SAAO;AACX;AACA,CAAC;AACG,QAAM,EAAE,EAAE;AACd;AACA,CAAC;AACG,aAAW;AACf;AACA,CAAC;AACG,oBAAkB;AAClB,aAAW,UAAU,IAAI,iBAAiB,EAAE,IAAI,mBAAmB,OAAO,IAAI,cAAc,MAAM,IAAI,cAAc,MAAM,IAAI,cAAc,OAAO,IAAI,eAAe,OAAO,IAAI;AACrL;AACA,CAAC;AACG,oBAAkB;AAClB,aAAW,UAAU,IAAI,iBAAiB,EAAE,IAAI,mBAAmB,OAAO,IAAI,cAAc,MAAM,IAAI,cAAc,MAAM,IAAI,cAAc,OAAO,IAAI,eAAe,OAAO,IAAI;AACrL;AACA,CAAC;AACG,kBAAgB;AACpB;AACA,CAAC;AACG,kBAAgB;AACpB;AACA,CAAC;AACG,eAAa;AACjB;AACA,CAAC;AACG,mBAAiB;AACrB;AACA,CAAC;AACG,mBAAiB;AACrB;AACA,CAAC;AACG,OAAK;AACT;AACA,CAAC;AACG,YAAU;AACd;AACA,CAAC;AACG,mBAAiB;AACjB,oBAAkB,IAAI,IAAI,IAAI,IAAI,EAAE,IAAI;AAC5C;AACA,CAAC;AACG,gBAAc;AACd,iBAAe;AACnB;AACA,CAAC;AACG,gBAAc;AACd,iBAAe;AACnB;AACA,CAAC;AACG,eAAa;AACb,kBAAgB;AACpB;AACA,CAAC;AACG,cAAY;AAChB;AACA,CAAC;AACG,cAAY;AAChB;AACA,CAAC;AACG,UAAQ,IAAI,WAAW,IAAI,iBAAiB,IAAI,eAAe,IAAI,gBAAgB,IAAI,iBAAiB,IAAI,aAAa,IAAI,eAAe,IAAI,YAAY,IAAI;AACpK;","names":[]}