@atom-learning/components 2.50.2 → 2.51.0

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 (29) hide show
  1. package/CHANGELOG.md +7 -4
  2. package/dist/components/index.d.ts +1 -0
  3. package/dist/components/section-message/SectionMessage.d.ts +1581 -0
  4. package/dist/components/section-message/SectionMessage.js +2 -0
  5. package/dist/components/section-message/SectionMessage.js.map +1 -0
  6. package/dist/components/section-message/SectionMessageContext.d.ts +16 -0
  7. package/dist/components/section-message/SectionMessageContext.js +2 -0
  8. package/dist/components/section-message/SectionMessageContext.js.map +1 -0
  9. package/dist/components/section-message/SectionMessageDescription.d.ts +3 -0
  10. package/dist/components/section-message/SectionMessageDescription.js +2 -0
  11. package/dist/components/section-message/SectionMessageDescription.js.map +1 -0
  12. package/dist/components/section-message/SectionMessageDismiss.d.ts +3 -0
  13. package/dist/components/section-message/SectionMessageDismiss.js +2 -0
  14. package/dist/components/section-message/SectionMessageDismiss.js.map +1 -0
  15. package/dist/components/section-message/SectionMessageIcon.d.ts +5 -0
  16. package/dist/components/section-message/SectionMessageIcon.js +2 -0
  17. package/dist/components/section-message/SectionMessageIcon.js.map +1 -0
  18. package/dist/components/section-message/SectionMessageLayout.d.ts +5 -0
  19. package/dist/components/section-message/SectionMessageLayout.js +2 -0
  20. package/dist/components/section-message/SectionMessageLayout.js.map +1 -0
  21. package/dist/components/section-message/SectionMessageTitle.d.ts +3 -0
  22. package/dist/components/section-message/SectionMessageTitle.js +2 -0
  23. package/dist/components/section-message/SectionMessageTitle.js.map +1 -0
  24. package/dist/components/section-message/index.d.ts +1 -0
  25. package/dist/docgen.json +1 -1
  26. package/dist/index.cjs.js +1 -1
  27. package/dist/index.cjs.js.map +1 -1
  28. package/dist/index.js +1 -1
  29. package/package.json +1 -1
package/dist/components/section-message/SectionMessage.d.ts ADDED
@@ -0,0 +1,1581 @@
1
+ import React from 'react';
2
+ declare const StyledSectionMessage: import("@stitches/react/types/styled-component").StyledComponent<React.FC<import("../dismissible/DismissibleRoot").IDismissibleGroupItemProps & import("../dismissible/DismissibleRoot").IDismissibleRootProps> & {
3
+ Trigger: React.FC<import("../dismissible/DismissibleTrigger").IDismissibleTriggerProps>;
4
+ }, {
5
+ theme?: "success" | "warning" | "neutral" | "info" | "error" | undefined;
6
+ hasIcon?: boolean | "true" | undefined;
7
+ hasDismiss?: boolean | "true" | undefined;
8
+ }, {
9
+ sm: string;
10
+ md: string;
11
+ lg: string;
12
+ xl: string;
13
+ reducedMotion: string;
14
+ allowMotion: string;
15
+ hover: string;
16
+ }, import("@stitches/react/types/css-util").CSS<{
17
+ sm: string;
18
+ md: string;
19
+ lg: string;
20
+ xl: string;
21
+ reducedMotion: string;
22
+ allowMotion: string;
23
+ hover: string;
24
+ }, {
25
+ colors: {
26
+ textForeground: any;
27
+ textSubtle: any;
28
+ textPlaceholder: any;
29
+ background: any;
30
+ backgroundAccent: any;
31
+ grey100: any;
32
+ grey200: any;
33
+ grey300: any;
34
+ grey400: any;
35
+ grey500: any;
36
+ grey600: any;
37
+ grey700: any;
38
+ grey800: any;
39
+ grey900: any;
40
+ grey1000: any;
41
+ grey1100: any;
42
+ grey1200: any;
43
+ blue100: any;
44
+ blue200: any;
45
+ blue300: any;
46
+ blue400: any;
47
+ blue500: any;
48
+ blue600: any;
49
+ blue700: any;
50
+ blue800: any;
51
+ blue900: any;
52
+ blue1000: any;
53
+ blue1100: any;
54
+ blue1200: any;
55
+ purple100: any;
56
+ purple200: any;
57
+ purple300: any;
58
+ purple400: any;
59
+ purple500: any;
60
+ purple600: any;
61
+ purple700: any;
62
+ purple800: any;
63
+ purple900: any;
64
+ purple1000: any;
65
+ purple1100: any;
66
+ purple1200: any;
67
+ tonal50: any;
68
+ tonal100: any;
69
+ tonal200: any;
70
+ tonal300: any;
71
+ tonal400: any;
72
+ tonal500: any;
73
+ tonal600: any;
74
+ alpha100: any;
75
+ alpha150: any;
76
+ alpha200: any;
77
+ alpha250: any;
78
+ alpha600: any;
79
+ primaryLight: any;
80
+ primary: any;
81
+ primaryMid: any;
82
+ primaryDark: any;
83
+ secondary: any;
84
+ brandRed: any;
85
+ brandRedAccent: any;
86
+ brandGreen: any;
87
+ brandGreenAccent: any;
88
+ brandPurple: any;
89
+ brandPurpleAccent: any;
90
+ brandYellow: any;
91
+ brandYellowAccent: any;
92
+ successLight: any;
93
+ success: any;
94
+ successMid: any;
95
+ successDark: any;
96
+ dangerLight: any;
97
+ danger: any;
98
+ dangerMid: any;
99
+ dangerDark: any;
100
+ warningLight: any;
101
+ warning: any;
102
+ warningMid: any;
103
+ warningDark: any;
104
+ warningText: any;
105
+ subjectEnglish: any;
106
+ subjectMaths: any;
107
+ subjectScience: any;
108
+ subjectVerbalReasoning: any;
109
+ subjectNonVerbalReasoning: any;
110
+ subjectCreativeWriting: any;
111
+ subjectExamSkills: any;
112
+ };
113
+ space: {
114
+ "0": any;
115
+ "1": any;
116
+ "2": any;
117
+ "3": any;
118
+ "4": any;
119
+ "5": any;
120
+ "6": any;
121
+ "7": any;
122
+ "8": any;
123
+ "9": any;
124
+ "24": any;
125
+ };
126
+ fontSizes: {
127
+ xs: any;
128
+ sm: any;
129
+ md: any;
130
+ lg: any;
131
+ xl: any;
132
+ "2xl": any;
133
+ "3xl": any;
134
+ "4xl": any;
135
+ };
136
+ fonts: {
137
+ sans: any;
138
+ mono: any;
139
+ display: any;
140
+ body: any;
141
+ };
142
+ sizes: {
143
+ "0": any;
144
+ "1": any;
145
+ "2": any;
146
+ "3": any;
147
+ "4": any;
148
+ "5": any;
149
+ "6": any;
150
+ "7": any;
151
+ "8": any;
152
+ };
153
+ radii: {
154
+ "0": any;
155
+ "1": any;
156
+ "2": any;
157
+ "3": any;
158
+ round: any;
159
+ };
160
+ shadows: {
161
+ "0": any;
162
+ "1": any;
163
+ "2": any;
164
+ "3": any;
165
+ };
166
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
167
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
168
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
169
+ };
170
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
171
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
172
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
173
+ };
174
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
175
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
176
+ };
177
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
178
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
179
+ };
180
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
181
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
182
+ };
183
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
184
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
185
+ };
186
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
187
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
188
+ };
189
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
190
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
191
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
192
+ };
193
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
194
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
195
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
196
+ };
197
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
198
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
199
+ };
200
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
201
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
202
+ };
203
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
204
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
205
+ };
206
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
207
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
208
+ };
209
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
210
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
211
+ };
212
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
213
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
214
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
215
+ };
216
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
217
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
218
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
219
+ };
220
+ }>>;
221
+ declare const SectionMessageRoot: ({ children, ...rest }: React.ComponentProps<typeof StyledSectionMessage>) => JSX.Element;
222
+ export declare type SectionMessageTheme = 'success' | 'warning' | 'error' | 'neutral' | 'info';
223
+ export interface SectionMessageProps extends React.ComponentProps<typeof SectionMessageRoot> {
224
+ theme?: SectionMessageTheme;
225
+ }
226
+ export declare const SectionMessage: {
227
+ ({ theme, ...rest }: SectionMessageProps): JSX.Element;
228
+ Title: ({ css, ...rest }: Omit<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "key" | keyof React.HTMLAttributes<HTMLParagraphElement>> & {
229
+ ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
230
+ }, "size" | "css" | "noCapsize"> & import("@stitches/react/types/styled-component").TransformProps<{
231
+ size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
232
+ noCapsize?: boolean | "true" | undefined;
233
+ }, {
234
+ sm: string;
235
+ md: string;
236
+ lg: string;
237
+ xl: string;
238
+ reducedMotion: string;
239
+ allowMotion: string;
240
+ hover: string;
241
+ }> & {
242
+ css?: import("@stitches/react/types/css-util").CSS<{
243
+ sm: string;
244
+ md: string;
245
+ lg: string;
246
+ xl: string;
247
+ reducedMotion: string;
248
+ allowMotion: string;
249
+ hover: string;
250
+ }, {
251
+ colors: {
252
+ textForeground: any;
253
+ textSubtle: any;
254
+ textPlaceholder: any;
255
+ background: any;
256
+ backgroundAccent: any;
257
+ grey100: any;
258
+ grey200: any;
259
+ grey300: any;
260
+ grey400: any;
261
+ grey500: any;
262
+ grey600: any;
263
+ grey700: any;
264
+ grey800: any;
265
+ grey900: any;
266
+ grey1000: any;
267
+ grey1100: any;
268
+ grey1200: any;
269
+ blue100: any;
270
+ blue200: any;
271
+ blue300: any;
272
+ blue400: any;
273
+ blue500: any;
274
+ blue600: any;
275
+ blue700: any;
276
+ blue800: any;
277
+ blue900: any;
278
+ blue1000: any;
279
+ blue1100: any;
280
+ blue1200: any;
281
+ purple100: any;
282
+ purple200: any;
283
+ purple300: any;
284
+ purple400: any;
285
+ purple500: any;
286
+ purple600: any;
287
+ purple700: any;
288
+ purple800: any;
289
+ purple900: any;
290
+ purple1000: any;
291
+ purple1100: any;
292
+ purple1200: any;
293
+ tonal50: any;
294
+ tonal100: any;
295
+ tonal200: any;
296
+ tonal300: any;
297
+ tonal400: any;
298
+ tonal500: any;
299
+ tonal600: any;
300
+ alpha100: any;
301
+ alpha150: any;
302
+ alpha200: any;
303
+ alpha250: any;
304
+ alpha600: any;
305
+ primaryLight: any;
306
+ primary: any;
307
+ primaryMid: any;
308
+ primaryDark: any;
309
+ secondary: any;
310
+ brandRed: any;
311
+ brandRedAccent: any;
312
+ brandGreen: any;
313
+ brandGreenAccent: any;
314
+ brandPurple: any;
315
+ brandPurpleAccent: any;
316
+ brandYellow: any;
317
+ brandYellowAccent: any;
318
+ successLight: any;
319
+ success: any;
320
+ successMid: any;
321
+ successDark: any;
322
+ dangerLight: any;
323
+ danger: any;
324
+ dangerMid: any;
325
+ dangerDark: any;
326
+ warningLight: any;
327
+ warning: any;
328
+ warningMid: any;
329
+ warningDark: any;
330
+ warningText: any;
331
+ subjectEnglish: any;
332
+ subjectMaths: any;
333
+ subjectScience: any;
334
+ subjectVerbalReasoning: any;
335
+ subjectNonVerbalReasoning: any;
336
+ subjectCreativeWriting: any;
337
+ subjectExamSkills: any;
338
+ };
339
+ space: {
340
+ "0": any;
341
+ "1": any;
342
+ "2": any;
343
+ "3": any;
344
+ "4": any;
345
+ "5": any;
346
+ "6": any;
347
+ "7": any;
348
+ "8": any;
349
+ "9": any;
350
+ "24": any;
351
+ };
352
+ fontSizes: {
353
+ xs: any;
354
+ sm: any;
355
+ md: any;
356
+ lg: any;
357
+ xl: any;
358
+ "2xl": any;
359
+ "3xl": any;
360
+ "4xl": any;
361
+ };
362
+ fonts: {
363
+ sans: any;
364
+ mono: any;
365
+ display: any;
366
+ body: any;
367
+ };
368
+ sizes: {
369
+ "0": any;
370
+ "1": any;
371
+ "2": any;
372
+ "3": any;
373
+ "4": any;
374
+ "5": any;
375
+ "6": any;
376
+ "7": any;
377
+ "8": any;
378
+ };
379
+ radii: {
380
+ "0": any;
381
+ "1": any;
382
+ "2": any;
383
+ "3": any;
384
+ round: any;
385
+ };
386
+ shadows: {
387
+ "0": any;
388
+ "1": any;
389
+ "2": any;
390
+ "3": any;
391
+ };
392
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
393
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
394
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
395
+ };
396
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
397
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
398
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
399
+ };
400
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
401
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
402
+ };
403
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
404
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
405
+ };
406
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
407
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
408
+ };
409
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
410
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
411
+ };
412
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
413
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
414
+ };
415
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
416
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
417
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
418
+ };
419
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
420
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
421
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
422
+ };
423
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
424
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
425
+ };
426
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
427
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
428
+ };
429
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
430
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
431
+ };
432
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
433
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
434
+ };
435
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
436
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
437
+ };
438
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
439
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
440
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
441
+ };
442
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
443
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
444
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
445
+ };
446
+ }> | undefined;
447
+ }, "as"> & {
448
+ as?: React.ElementType<any> | React.ComponentType<{}> | undefined;
449
+ }) => JSX.Element;
450
+ Description: ({ css, ...rest }: Omit<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "key" | keyof React.HTMLAttributes<HTMLParagraphElement>> & {
451
+ ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
452
+ }, "size" | "css" | "noCapsize"> & import("@stitches/react/types/styled-component").TransformProps<{
453
+ size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
454
+ noCapsize?: boolean | "true" | undefined;
455
+ }, {
456
+ sm: string;
457
+ md: string;
458
+ lg: string;
459
+ xl: string;
460
+ reducedMotion: string;
461
+ allowMotion: string;
462
+ hover: string;
463
+ }> & {
464
+ css?: import("@stitches/react/types/css-util").CSS<{
465
+ sm: string;
466
+ md: string;
467
+ lg: string;
468
+ xl: string;
469
+ reducedMotion: string;
470
+ allowMotion: string;
471
+ hover: string;
472
+ }, {
473
+ colors: {
474
+ textForeground: any;
475
+ textSubtle: any;
476
+ textPlaceholder: any;
477
+ background: any;
478
+ backgroundAccent: any;
479
+ grey100: any;
480
+ grey200: any;
481
+ grey300: any;
482
+ grey400: any;
483
+ grey500: any;
484
+ grey600: any;
485
+ grey700: any;
486
+ grey800: any;
487
+ grey900: any;
488
+ grey1000: any;
489
+ grey1100: any;
490
+ grey1200: any;
491
+ blue100: any;
492
+ blue200: any;
493
+ blue300: any;
494
+ blue400: any;
495
+ blue500: any;
496
+ blue600: any;
497
+ blue700: any;
498
+ blue800: any;
499
+ blue900: any;
500
+ blue1000: any;
501
+ blue1100: any;
502
+ blue1200: any;
503
+ purple100: any;
504
+ purple200: any;
505
+ purple300: any;
506
+ purple400: any;
507
+ purple500: any;
508
+ purple600: any;
509
+ purple700: any;
510
+ purple800: any;
511
+ purple900: any;
512
+ purple1000: any;
513
+ purple1100: any;
514
+ purple1200: any;
515
+ tonal50: any;
516
+ tonal100: any;
517
+ tonal200: any;
518
+ tonal300: any;
519
+ tonal400: any;
520
+ tonal500: any;
521
+ tonal600: any;
522
+ alpha100: any;
523
+ alpha150: any;
524
+ alpha200: any;
525
+ alpha250: any;
526
+ alpha600: any;
527
+ primaryLight: any;
528
+ primary: any;
529
+ primaryMid: any;
530
+ primaryDark: any;
531
+ secondary: any;
532
+ brandRed: any;
533
+ brandRedAccent: any;
534
+ brandGreen: any;
535
+ brandGreenAccent: any;
536
+ brandPurple: any;
537
+ brandPurpleAccent: any;
538
+ brandYellow: any;
539
+ brandYellowAccent: any;
540
+ successLight: any;
541
+ success: any;
542
+ successMid: any;
543
+ successDark: any;
544
+ dangerLight: any;
545
+ danger: any;
546
+ dangerMid: any;
547
+ dangerDark: any;
548
+ warningLight: any;
549
+ warning: any;
550
+ warningMid: any;
551
+ warningDark: any;
552
+ warningText: any;
553
+ subjectEnglish: any;
554
+ subjectMaths: any;
555
+ subjectScience: any;
556
+ subjectVerbalReasoning: any;
557
+ subjectNonVerbalReasoning: any;
558
+ subjectCreativeWriting: any;
559
+ subjectExamSkills: any;
560
+ };
561
+ space: {
562
+ "0": any;
563
+ "1": any;
564
+ "2": any;
565
+ "3": any;
566
+ "4": any;
567
+ "5": any;
568
+ "6": any;
569
+ "7": any;
570
+ "8": any;
571
+ "9": any;
572
+ "24": any;
573
+ };
574
+ fontSizes: {
575
+ xs: any;
576
+ sm: any;
577
+ md: any;
578
+ lg: any;
579
+ xl: any;
580
+ "2xl": any;
581
+ "3xl": any;
582
+ "4xl": any;
583
+ };
584
+ fonts: {
585
+ sans: any;
586
+ mono: any;
587
+ display: any;
588
+ body: any;
589
+ };
590
+ sizes: {
591
+ "0": any;
592
+ "1": any;
593
+ "2": any;
594
+ "3": any;
595
+ "4": any;
596
+ "5": any;
597
+ "6": any;
598
+ "7": any;
599
+ "8": any;
600
+ };
601
+ radii: {
602
+ "0": any;
603
+ "1": any;
604
+ "2": any;
605
+ "3": any;
606
+ round: any;
607
+ };
608
+ shadows: {
609
+ "0": any;
610
+ "1": any;
611
+ "2": any;
612
+ "3": any;
613
+ };
614
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
615
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
616
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
617
+ };
618
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
619
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
620
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
621
+ };
622
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
623
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
624
+ };
625
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
626
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
627
+ };
628
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
629
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
630
+ };
631
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
632
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
633
+ };
634
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
635
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
636
+ };
637
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
638
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
639
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
640
+ };
641
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
642
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
643
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
644
+ };
645
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
646
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
647
+ };
648
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
649
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
650
+ };
651
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
652
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
653
+ };
654
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
655
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
656
+ };
657
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
658
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
659
+ };
660
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
661
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
662
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
663
+ };
664
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
665
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
666
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
667
+ };
668
+ }> | undefined;
669
+ }, "as"> & {
670
+ as?: React.ElementType<any> | React.ComponentType<{}> | undefined;
671
+ }) => JSX.Element;
672
+ Icon: ({ css, is, ...rest }: Partial<Omit<Omit<Pick<React.SVGProps<SVGSVGElement>, "string" | "clipPath" | "color" | "cursor" | "direction" | "display" | "filter" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "mask" | "offset" | "overflow" | "textDecoration" | "alignmentBaseline" | "baselineShift" | "clip" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "local" | "media" | "onBlur" | "onChange" | "onSubmit" | "style" | "path" | "key" | "method" | "name" | "target" | "className" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "mode" | "min" | "max" | "end" | "x" | "y" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "type" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & {
673
+ ref?: ((instance: SVGSVGElement | null) => void) | React.RefObject<SVGSVGElement> | null | undefined;
674
+ }, "size" | "css"> & import("@stitches/react/types/styled-component").TransformProps<{
675
+ size?: "sm" | "md" | "lg" | undefined;
676
+ }, {
677
+ sm: string;
678
+ md: string;
679
+ lg: string;
680
+ xl: string;
681
+ reducedMotion: string;
682
+ allowMotion: string;
683
+ hover: string;
684
+ }> & {
685
+ css?: import("@stitches/react/types/css-util").CSS<{
686
+ sm: string;
687
+ md: string;
688
+ lg: string;
689
+ xl: string;
690
+ reducedMotion: string;
691
+ allowMotion: string;
692
+ hover: string;
693
+ }, {
694
+ colors: {
695
+ textForeground: any;
696
+ textSubtle: any;
697
+ textPlaceholder: any;
698
+ background: any;
699
+ backgroundAccent: any;
700
+ grey100: any;
701
+ grey200: any;
702
+ grey300: any;
703
+ grey400: any;
704
+ grey500: any;
705
+ grey600: any;
706
+ grey700: any;
707
+ grey800: any;
708
+ grey900: any;
709
+ grey1000: any;
710
+ grey1100: any;
711
+ grey1200: any;
712
+ blue100: any;
713
+ blue200: any;
714
+ blue300: any;
715
+ blue400: any;
716
+ blue500: any;
717
+ blue600: any;
718
+ blue700: any;
719
+ blue800: any;
720
+ blue900: any;
721
+ blue1000: any;
722
+ blue1100: any;
723
+ blue1200: any;
724
+ purple100: any;
725
+ purple200: any;
726
+ purple300: any;
727
+ purple400: any;
728
+ purple500: any;
729
+ purple600: any;
730
+ purple700: any;
731
+ purple800: any;
732
+ purple900: any;
733
+ purple1000: any;
734
+ purple1100: any;
735
+ purple1200: any;
736
+ tonal50: any;
737
+ tonal100: any;
738
+ tonal200: any;
739
+ tonal300: any;
740
+ tonal400: any;
741
+ tonal500: any;
742
+ tonal600: any;
743
+ alpha100: any;
744
+ alpha150: any;
745
+ alpha200: any;
746
+ alpha250: any;
747
+ alpha600: any;
748
+ primaryLight: any;
749
+ primary: any;
750
+ primaryMid: any;
751
+ primaryDark: any;
752
+ secondary: any;
753
+ brandRed: any;
754
+ brandRedAccent: any;
755
+ brandGreen: any;
756
+ brandGreenAccent: any;
757
+ brandPurple: any;
758
+ brandPurpleAccent: any;
759
+ brandYellow: any;
760
+ brandYellowAccent: any;
761
+ successLight: any;
762
+ success: any;
763
+ successMid: any;
764
+ successDark: any;
765
+ dangerLight: any;
766
+ danger: any;
767
+ dangerMid: any;
768
+ dangerDark: any;
769
+ warningLight: any;
770
+ warning: any;
771
+ warningMid: any;
772
+ warningDark: any;
773
+ warningText: any;
774
+ subjectEnglish: any;
775
+ subjectMaths: any;
776
+ subjectScience: any;
777
+ subjectVerbalReasoning: any;
778
+ subjectNonVerbalReasoning: any;
779
+ subjectCreativeWriting: any;
780
+ subjectExamSkills: any;
781
+ };
782
+ space: {
783
+ "0": any;
784
+ "1": any;
785
+ "2": any;
786
+ "3": any;
787
+ "4": any;
788
+ "5": any;
789
+ "6": any;
790
+ "7": any;
791
+ "8": any;
792
+ "9": any;
793
+ "24": any;
794
+ };
795
+ fontSizes: {
796
+ xs: any;
797
+ sm: any;
798
+ md: any;
799
+ lg: any;
800
+ xl: any;
801
+ "2xl": any;
802
+ "3xl": any;
803
+ "4xl": any;
804
+ };
805
+ fonts: {
806
+ sans: any;
807
+ mono: any;
808
+ display: any;
809
+ body: any;
810
+ };
811
+ sizes: {
812
+ "0": any;
813
+ "1": any;
814
+ "2": any;
815
+ "3": any;
816
+ "4": any;
817
+ "5": any;
818
+ "6": any;
819
+ "7": any;
820
+ "8": any;
821
+ };
822
+ radii: {
823
+ "0": any;
824
+ "1": any;
825
+ "2": any;
826
+ "3": any;
827
+ round: any;
828
+ };
829
+ shadows: {
830
+ "0": any;
831
+ "1": any;
832
+ "2": any;
833
+ "3": any;
834
+ };
835
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
836
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
837
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
838
+ };
839
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
840
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
841
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
842
+ };
843
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
844
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
845
+ };
846
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
847
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
848
+ };
849
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
850
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
851
+ };
852
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
853
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
854
+ };
855
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
856
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
857
+ };
858
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
859
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
860
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
861
+ };
862
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
863
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
864
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
865
+ };
866
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
867
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
868
+ };
869
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
870
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
871
+ };
872
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
873
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
874
+ };
875
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
876
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
877
+ };
878
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
879
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
880
+ };
881
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
882
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
883
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
884
+ };
885
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
886
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
887
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
888
+ };
889
+ }> | undefined;
890
+ }, "is" | "as"> & {
891
+ is: React.FC<React.SVGProps<SVGSVGElement>>;
892
+ as?: undefined;
893
+ } & {
894
+ children?: React.ReactNode;
895
+ }>) => JSX.Element;
896
+ Dismiss: ({ label, css, ...rest }: Pick<Omit<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
897
+ ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
898
+ }, "appearance" | "size" | "css" | "theme" | "isRounded"> & import("@stitches/react/types/styled-component").TransformProps<{
899
+ theme?: "primary" | "success" | "danger" | "warning" | "neutral" | undefined;
900
+ appearance?: "outline" | "solid" | "simple" | undefined;
901
+ size?: "sm" | "md" | "lg" | "xs" | undefined;
902
+ isRounded?: boolean | "true" | undefined;
903
+ }, {
904
+ sm: string;
905
+ md: string;
906
+ lg: string;
907
+ xl: string;
908
+ reducedMotion: string;
909
+ allowMotion: string;
910
+ hover: string;
911
+ }> & {
912
+ css?: import("@stitches/react/types/css-util").CSS<{
913
+ sm: string;
914
+ md: string;
915
+ lg: string;
916
+ xl: string;
917
+ reducedMotion: string;
918
+ allowMotion: string;
919
+ hover: string;
920
+ }, {
921
+ colors: {
922
+ textForeground: any;
923
+ textSubtle: any;
924
+ textPlaceholder: any;
925
+ background: any;
926
+ backgroundAccent: any;
927
+ grey100: any;
928
+ grey200: any;
929
+ grey300: any;
930
+ grey400: any;
931
+ grey500: any;
932
+ grey600: any;
933
+ grey700: any;
934
+ grey800: any;
935
+ grey900: any;
936
+ grey1000: any;
937
+ grey1100: any;
938
+ grey1200: any;
939
+ blue100: any;
940
+ blue200: any;
941
+ blue300: any;
942
+ blue400: any;
943
+ blue500: any;
944
+ blue600: any;
945
+ blue700: any;
946
+ blue800: any;
947
+ blue900: any;
948
+ blue1000: any;
949
+ blue1100: any;
950
+ blue1200: any;
951
+ purple100: any;
952
+ purple200: any;
953
+ purple300: any;
954
+ purple400: any;
955
+ purple500: any;
956
+ purple600: any;
957
+ purple700: any;
958
+ purple800: any;
959
+ purple900: any;
960
+ purple1000: any;
961
+ purple1100: any;
962
+ purple1200: any;
963
+ tonal50: any;
964
+ tonal100: any;
965
+ tonal200: any;
966
+ tonal300: any;
967
+ tonal400: any;
968
+ tonal500: any;
969
+ tonal600: any;
970
+ alpha100: any;
971
+ alpha150: any;
972
+ alpha200: any;
973
+ alpha250: any;
974
+ alpha600: any;
975
+ primaryLight: any;
976
+ primary: any;
977
+ primaryMid: any;
978
+ primaryDark: any;
979
+ secondary: any;
980
+ brandRed: any;
981
+ brandRedAccent: any;
982
+ brandGreen: any;
983
+ brandGreenAccent: any;
984
+ brandPurple: any;
985
+ brandPurpleAccent: any;
986
+ brandYellow: any;
987
+ brandYellowAccent: any;
988
+ successLight: any;
989
+ success: any;
990
+ successMid: any;
991
+ successDark: any;
992
+ dangerLight: any;
993
+ danger: any;
994
+ dangerMid: any;
995
+ dangerDark: any;
996
+ warningLight: any;
997
+ warning: any;
998
+ warningMid: any;
999
+ warningDark: any;
1000
+ warningText: any;
1001
+ subjectEnglish: any;
1002
+ subjectMaths: any;
1003
+ subjectScience: any;
1004
+ subjectVerbalReasoning: any;
1005
+ subjectNonVerbalReasoning: any;
1006
+ subjectCreativeWriting: any;
1007
+ subjectExamSkills: any;
1008
+ };
1009
+ space: {
1010
+ "0": any;
1011
+ "1": any;
1012
+ "2": any;
1013
+ "3": any;
1014
+ "4": any;
1015
+ "5": any;
1016
+ "6": any;
1017
+ "7": any;
1018
+ "8": any;
1019
+ "9": any;
1020
+ "24": any;
1021
+ };
1022
+ fontSizes: {
1023
+ xs: any;
1024
+ sm: any;
1025
+ md: any;
1026
+ lg: any;
1027
+ xl: any;
1028
+ "2xl": any;
1029
+ "3xl": any;
1030
+ "4xl": any;
1031
+ };
1032
+ fonts: {
1033
+ sans: any;
1034
+ mono: any;
1035
+ display: any;
1036
+ body: any;
1037
+ };
1038
+ sizes: {
1039
+ "0": any;
1040
+ "1": any;
1041
+ "2": any;
1042
+ "3": any;
1043
+ "4": any;
1044
+ "5": any;
1045
+ "6": any;
1046
+ "7": any;
1047
+ "8": any;
1048
+ };
1049
+ radii: {
1050
+ "0": any;
1051
+ "1": any;
1052
+ "2": any;
1053
+ "3": any;
1054
+ round: any;
1055
+ };
1056
+ shadows: {
1057
+ "0": any;
1058
+ "1": any;
1059
+ "2": any;
1060
+ "3": any;
1061
+ };
1062
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
1063
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
1064
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
1065
+ };
1066
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
1067
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
1068
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
1069
+ };
1070
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1071
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1072
+ };
1073
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1074
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1075
+ };
1076
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1077
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1078
+ };
1079
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1080
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1081
+ };
1082
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1083
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1084
+ };
1085
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1086
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1087
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1088
+ };
1089
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1090
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1091
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1092
+ };
1093
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1094
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1095
+ };
1096
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1097
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1098
+ };
1099
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1100
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1101
+ };
1102
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1103
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1104
+ };
1105
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1106
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1107
+ };
1108
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1109
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1110
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1111
+ };
1112
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1113
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1114
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1115
+ };
1116
+ }> | undefined;
1117
+ }, "appearance" | "size" | "theme" | "label" | "children" | "as" | "isRounded" | "hasTooltip" | "tooltipSide" | keyof import("../../types").NavigatorActions> & import("@stitches/react/types/styled-component").TransformProps<{
1118
+ theme?: "primary" | "success" | "danger" | "warning" | "neutral" | undefined;
1119
+ appearance?: "outline" | "solid" | "simple" | undefined;
1120
+ size?: "sm" | "md" | "lg" | "xs" | undefined;
1121
+ isRounded?: boolean | "true" | undefined;
1122
+ }, {
1123
+ sm: string;
1124
+ md: string;
1125
+ lg: string;
1126
+ xl: string;
1127
+ reducedMotion: string;
1128
+ allowMotion: string;
1129
+ hover: string;
1130
+ }> & {
1131
+ as?: React.ReactNode;
1132
+ children: React.ReactNode;
1133
+ label: string;
1134
+ hasTooltip?: boolean | undefined;
1135
+ tooltipSide?: "bottom" | "left" | "right" | "top" | undefined;
1136
+ } & import("../../types").NavigatorActions, "appearance" | "color" | "translate" | "size" | "css" | "theme" | "onBlur" | "onChange" | "onSubmit" | "form" | "label" | "slot" | "style" | "title" | "key" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "disabled" | "value" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "isRounded" | "hasTooltip" | "tooltipSide" | keyof import("../../types").NavigatorActions> & React.RefAttributes<HTMLButtonElement>) => JSX.Element;
1137
+ Content: ({ css, ...rest }: Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
1138
+ ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
1139
+ }, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
1140
+ sm: string;
1141
+ md: string;
1142
+ lg: string;
1143
+ xl: string;
1144
+ reducedMotion: string;
1145
+ allowMotion: string;
1146
+ hover: string;
1147
+ }> & {
1148
+ css?: import("@stitches/react/types/css-util").CSS<{
1149
+ sm: string;
1150
+ md: string;
1151
+ lg: string;
1152
+ xl: string;
1153
+ reducedMotion: string;
1154
+ allowMotion: string;
1155
+ hover: string;
1156
+ }, {
1157
+ colors: {
1158
+ textForeground: any;
1159
+ textSubtle: any;
1160
+ textPlaceholder: any;
1161
+ background: any;
1162
+ backgroundAccent: any;
1163
+ grey100: any;
1164
+ grey200: any;
1165
+ grey300: any;
1166
+ grey400: any;
1167
+ grey500: any;
1168
+ grey600: any;
1169
+ grey700: any;
1170
+ grey800: any;
1171
+ grey900: any;
1172
+ grey1000: any;
1173
+ grey1100: any;
1174
+ grey1200: any;
1175
+ blue100: any;
1176
+ blue200: any;
1177
+ blue300: any;
1178
+ blue400: any;
1179
+ blue500: any;
1180
+ blue600: any;
1181
+ blue700: any;
1182
+ blue800: any;
1183
+ blue900: any;
1184
+ blue1000: any;
1185
+ blue1100: any;
1186
+ blue1200: any;
1187
+ purple100: any;
1188
+ purple200: any;
1189
+ purple300: any;
1190
+ purple400: any;
1191
+ purple500: any;
1192
+ purple600: any;
1193
+ purple700: any;
1194
+ purple800: any;
1195
+ purple900: any;
1196
+ purple1000: any;
1197
+ purple1100: any;
1198
+ purple1200: any;
1199
+ tonal50: any;
1200
+ tonal100: any;
1201
+ tonal200: any;
1202
+ tonal300: any;
1203
+ tonal400: any;
1204
+ tonal500: any;
1205
+ tonal600: any;
1206
+ alpha100: any;
1207
+ alpha150: any;
1208
+ alpha200: any;
1209
+ alpha250: any;
1210
+ alpha600: any;
1211
+ primaryLight: any;
1212
+ primary: any;
1213
+ primaryMid: any;
1214
+ primaryDark: any;
1215
+ secondary: any;
1216
+ brandRed: any;
1217
+ brandRedAccent: any;
1218
+ brandGreen: any;
1219
+ brandGreenAccent: any;
1220
+ brandPurple: any;
1221
+ brandPurpleAccent: any;
1222
+ brandYellow: any;
1223
+ brandYellowAccent: any;
1224
+ successLight: any;
1225
+ success: any;
1226
+ successMid: any;
1227
+ successDark: any;
1228
+ dangerLight: any;
1229
+ danger: any;
1230
+ dangerMid: any;
1231
+ dangerDark: any;
1232
+ warningLight: any;
1233
+ warning: any;
1234
+ warningMid: any;
1235
+ warningDark: any;
1236
+ warningText: any;
1237
+ subjectEnglish: any;
1238
+ subjectMaths: any;
1239
+ subjectScience: any;
1240
+ subjectVerbalReasoning: any;
1241
+ subjectNonVerbalReasoning: any;
1242
+ subjectCreativeWriting: any;
1243
+ subjectExamSkills: any;
1244
+ };
1245
+ space: {
1246
+ "0": any;
1247
+ "1": any;
1248
+ "2": any;
1249
+ "3": any;
1250
+ "4": any;
1251
+ "5": any;
1252
+ "6": any;
1253
+ "7": any;
1254
+ "8": any;
1255
+ "9": any;
1256
+ "24": any;
1257
+ };
1258
+ fontSizes: {
1259
+ xs: any;
1260
+ sm: any;
1261
+ md: any;
1262
+ lg: any;
1263
+ xl: any;
1264
+ "2xl": any;
1265
+ "3xl": any;
1266
+ "4xl": any;
1267
+ };
1268
+ fonts: {
1269
+ sans: any;
1270
+ mono: any;
1271
+ display: any;
1272
+ body: any;
1273
+ };
1274
+ sizes: {
1275
+ "0": any;
1276
+ "1": any;
1277
+ "2": any;
1278
+ "3": any;
1279
+ "4": any;
1280
+ "5": any;
1281
+ "6": any;
1282
+ "7": any;
1283
+ "8": any;
1284
+ };
1285
+ radii: {
1286
+ "0": any;
1287
+ "1": any;
1288
+ "2": any;
1289
+ "3": any;
1290
+ round: any;
1291
+ };
1292
+ shadows: {
1293
+ "0": any;
1294
+ "1": any;
1295
+ "2": any;
1296
+ "3": any;
1297
+ };
1298
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
1299
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
1300
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
1301
+ };
1302
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
1303
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
1304
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
1305
+ };
1306
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1307
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1308
+ };
1309
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1310
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1311
+ };
1312
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1313
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1314
+ };
1315
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1316
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1317
+ };
1318
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1319
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1320
+ };
1321
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1322
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1323
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1324
+ };
1325
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1326
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1327
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1328
+ };
1329
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1330
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1331
+ };
1332
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1333
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1334
+ };
1335
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1336
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1337
+ };
1338
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1339
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1340
+ };
1341
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1342
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1343
+ };
1344
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1345
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1346
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1347
+ };
1348
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1349
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1350
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1351
+ };
1352
+ }> | undefined;
1353
+ }) => JSX.Element;
1354
+ Actions: ({ css, ...rest }: Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
1355
+ ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
1356
+ }, "direction" | "gap" | "css" | "wrap" | "justify" | "align"> & import("@stitches/react/types/styled-component").TransformProps<{
1357
+ direction?: "row" | "column" | "row-reverse" | undefined;
1358
+ wrap?: "wrap" | "wrap-reverse" | "no-wrap" | undefined;
1359
+ justify?: boolean | "center" | "false" | "end" | "start" | undefined;
1360
+ align?: boolean | "center" | "false" | "end" | "start" | undefined;
1361
+ gap?: number | boolean | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | "false" | undefined;
1362
+ }, {
1363
+ sm: string;
1364
+ md: string;
1365
+ lg: string;
1366
+ xl: string;
1367
+ reducedMotion: string;
1368
+ allowMotion: string;
1369
+ hover: string;
1370
+ }> & {
1371
+ css?: import("@stitches/react/types/css-util").CSS<{
1372
+ sm: string;
1373
+ md: string;
1374
+ lg: string;
1375
+ xl: string;
1376
+ reducedMotion: string;
1377
+ allowMotion: string;
1378
+ hover: string;
1379
+ }, {
1380
+ colors: {
1381
+ textForeground: any;
1382
+ textSubtle: any;
1383
+ textPlaceholder: any;
1384
+ background: any;
1385
+ backgroundAccent: any;
1386
+ grey100: any;
1387
+ grey200: any;
1388
+ grey300: any;
1389
+ grey400: any;
1390
+ grey500: any;
1391
+ grey600: any;
1392
+ grey700: any;
1393
+ grey800: any;
1394
+ grey900: any;
1395
+ grey1000: any;
1396
+ grey1100: any;
1397
+ grey1200: any;
1398
+ blue100: any;
1399
+ blue200: any;
1400
+ blue300: any;
1401
+ blue400: any;
1402
+ blue500: any;
1403
+ blue600: any;
1404
+ blue700: any;
1405
+ blue800: any;
1406
+ blue900: any;
1407
+ blue1000: any;
1408
+ blue1100: any;
1409
+ blue1200: any;
1410
+ purple100: any;
1411
+ purple200: any;
1412
+ purple300: any;
1413
+ purple400: any;
1414
+ purple500: any;
1415
+ purple600: any;
1416
+ purple700: any;
1417
+ purple800: any;
1418
+ purple900: any;
1419
+ purple1000: any;
1420
+ purple1100: any;
1421
+ purple1200: any;
1422
+ tonal50: any;
1423
+ tonal100: any;
1424
+ tonal200: any;
1425
+ tonal300: any;
1426
+ tonal400: any;
1427
+ tonal500: any;
1428
+ tonal600: any;
1429
+ alpha100: any;
1430
+ alpha150: any;
1431
+ alpha200: any;
1432
+ alpha250: any;
1433
+ alpha600: any;
1434
+ primaryLight: any;
1435
+ primary: any;
1436
+ primaryMid: any;
1437
+ primaryDark: any;
1438
+ secondary: any;
1439
+ brandRed: any;
1440
+ brandRedAccent: any;
1441
+ brandGreen: any;
1442
+ brandGreenAccent: any;
1443
+ brandPurple: any;
1444
+ brandPurpleAccent: any;
1445
+ brandYellow: any;
1446
+ brandYellowAccent: any;
1447
+ successLight: any;
1448
+ success: any;
1449
+ successMid: any;
1450
+ successDark: any;
1451
+ dangerLight: any;
1452
+ danger: any;
1453
+ dangerMid: any;
1454
+ dangerDark: any;
1455
+ warningLight: any;
1456
+ warning: any;
1457
+ warningMid: any;
1458
+ warningDark: any;
1459
+ warningText: any;
1460
+ subjectEnglish: any;
1461
+ subjectMaths: any;
1462
+ subjectScience: any;
1463
+ subjectVerbalReasoning: any;
1464
+ subjectNonVerbalReasoning: any;
1465
+ subjectCreativeWriting: any;
1466
+ subjectExamSkills: any;
1467
+ };
1468
+ space: {
1469
+ "0": any;
1470
+ "1": any;
1471
+ "2": any;
1472
+ "3": any;
1473
+ "4": any;
1474
+ "5": any;
1475
+ "6": any;
1476
+ "7": any;
1477
+ "8": any;
1478
+ "9": any;
1479
+ "24": any;
1480
+ };
1481
+ fontSizes: {
1482
+ xs: any;
1483
+ sm: any;
1484
+ md: any;
1485
+ lg: any;
1486
+ xl: any;
1487
+ "2xl": any;
1488
+ "3xl": any;
1489
+ "4xl": any;
1490
+ };
1491
+ fonts: {
1492
+ sans: any;
1493
+ mono: any;
1494
+ display: any;
1495
+ body: any;
1496
+ };
1497
+ sizes: {
1498
+ "0": any;
1499
+ "1": any;
1500
+ "2": any;
1501
+ "3": any;
1502
+ "4": any;
1503
+ "5": any;
1504
+ "6": any;
1505
+ "7": any;
1506
+ "8": any;
1507
+ };
1508
+ radii: {
1509
+ "0": any;
1510
+ "1": any;
1511
+ "2": any;
1512
+ "3": any;
1513
+ round: any;
1514
+ };
1515
+ shadows: {
1516
+ "0": any;
1517
+ "1": any;
1518
+ "2": any;
1519
+ "3": any;
1520
+ };
1521
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
1522
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
1523
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
1524
+ };
1525
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
1526
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
1527
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
1528
+ };
1529
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1530
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1531
+ };
1532
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1533
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1534
+ };
1535
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1536
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1537
+ };
1538
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1539
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1540
+ };
1541
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1542
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1543
+ };
1544
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1545
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1546
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1547
+ };
1548
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1549
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1550
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1551
+ };
1552
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1553
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1554
+ };
1555
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1556
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1557
+ };
1558
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1559
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1560
+ };
1561
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1562
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1563
+ };
1564
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1565
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1566
+ };
1567
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1568
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1569
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1570
+ };
1571
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1572
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1573
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1574
+ };
1575
+ }> | undefined;
1576
+ } & {
1577
+ css?: import("../../stitches").CSS | undefined;
1578
+ as?: any;
1579
+ }) => JSX.Element;
1580
+ };
1581
+ export {};