@atom-learning/components 3.7.0 → 3.9.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 (55) hide show
  1. package/CHANGELOG.md +5 -8
  2. package/dist/components/checkbox/Checkbox.js +1 -1
  3. package/dist/components/checkbox/Checkbox.js.map +1 -1
  4. package/dist/components/checkbox-group/CheckboxGroup.context.d.ts +2 -0
  5. package/dist/components/checkbox-group/CheckboxGroup.d.ts +1273 -0
  6. package/dist/components/checkbox-group/CheckboxGroup.js +2 -0
  7. package/dist/components/checkbox-group/CheckboxGroup.js.map +1 -0
  8. package/dist/components/checkbox-group/CheckboxGroup.types.d.ts +3 -0
  9. package/dist/components/checkbox-group/CheckboxGroupAllItem.d.ts +5 -0
  10. package/dist/components/checkbox-group/CheckboxGroupAllItem.js +2 -0
  11. package/dist/components/checkbox-group/CheckboxGroupAllItem.js.map +1 -0
  12. package/dist/components/checkbox-group/CheckboxGroupItem.d.ts +7 -0
  13. package/dist/components/checkbox-group/CheckboxGroupItem.js +2 -0
  14. package/dist/components/checkbox-group/CheckboxGroupItem.js.map +1 -0
  15. package/dist/components/checkbox-group/CheckboxGroupSub.d.ts +7 -0
  16. package/dist/components/checkbox-group/CheckboxGroupSub.js +2 -0
  17. package/dist/components/checkbox-group/CheckboxGroupSub.js.map +1 -0
  18. package/dist/components/checkbox-group/context/CheckboxGroupChecked.context.d.ts +14 -0
  19. package/dist/components/checkbox-group/context/CheckboxGroupChecked.context.js +2 -0
  20. package/dist/components/checkbox-group/context/CheckboxGroupChecked.context.js.map +1 -0
  21. package/dist/components/checkbox-group/context/CheckboxGroupMounted.context.d.ts +9 -0
  22. package/dist/components/checkbox-group/context/CheckboxGroupMounted.context.js +2 -0
  23. package/dist/components/checkbox-group/context/CheckboxGroupMounted.context.js.map +1 -0
  24. package/dist/components/checkbox-group/index.d.ts +1 -0
  25. package/dist/components/checkbox-tree/CheckboxTree.d.ts +2538 -0
  26. package/dist/components/checkbox-tree/CheckboxTree.js +2 -0
  27. package/dist/components/checkbox-tree/CheckboxTree.js.map +1 -0
  28. package/dist/components/checkbox-tree/CheckboxTreeCollapsible.d.ts +6 -0
  29. package/dist/components/checkbox-tree/CheckboxTreeCollapsible.js +2 -0
  30. package/dist/components/checkbox-tree/CheckboxTreeCollapsible.js.map +1 -0
  31. package/dist/components/checkbox-tree/CheckboxTreeCollapsibleContent.d.ts +5 -0
  32. package/dist/components/checkbox-tree/CheckboxTreeCollapsibleContent.js +2 -0
  33. package/dist/components/checkbox-tree/CheckboxTreeCollapsibleContent.js.map +1 -0
  34. package/dist/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.d.ts +6 -0
  35. package/dist/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.js +2 -0
  36. package/dist/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.js.map +1 -0
  37. package/dist/components/checkbox-tree/CheckboxTreeItem.d.ts +6 -0
  38. package/dist/components/checkbox-tree/CheckboxTreeItem.js +2 -0
  39. package/dist/components/checkbox-tree/CheckboxTreeItem.js.map +1 -0
  40. package/dist/components/checkbox-tree/CheckboxTreeItemContent.d.ts +5 -0
  41. package/dist/components/checkbox-tree/CheckboxTreeItemContent.js +2 -0
  42. package/dist/components/checkbox-tree/CheckboxTreeItemContent.js.map +1 -0
  43. package/dist/components/checkbox-tree/index.d.ts +1 -0
  44. package/dist/components/index.d.ts +2 -0
  45. package/dist/components/pagination/PaginationPopover.js +1 -1
  46. package/dist/components/pagination/PaginationPopover.js.map +1 -1
  47. package/dist/components/tree/TreeCollapsibleTrigger.js +1 -1
  48. package/dist/components/tree/TreeCollapsibleTrigger.js.map +1 -1
  49. package/dist/components/tree/TreeListItem.js +1 -1
  50. package/dist/components/tree/TreeListItem.js.map +1 -1
  51. package/dist/docgen.json +1 -1
  52. package/dist/index.cjs.js +1 -1
  53. package/dist/index.cjs.js.map +1 -1
  54. package/dist/index.js +1 -1
  55. package/package.json +1 -1
package/dist/components/checkbox-group/CheckboxGroup.d.ts ADDED
@@ -0,0 +1,1273 @@
1
+ import * as React from 'react';
2
+ import { Box } from '../box';
3
+ import type { CheckboxGroupItemValue } from './CheckboxGroup.types';
4
+ declare type CheckboxGroupRootProps = React.ComponentProps<typeof Box> & {
5
+ checked?: CheckboxGroupItemValue[];
6
+ onCheckedChange?: (checked: CheckboxGroupItemValue[]) => void;
7
+ defaultChecked?: CheckboxGroupItemValue[];
8
+ asChild?: boolean;
9
+ };
10
+ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange, asChild, ...rest }: CheckboxGroupRootProps) => JSX.Element) & {
11
+ Item: ({ value, title, onCheckedChange, ...rest }: Omit<Omit<import("@radix-ui/react-checkbox").CheckboxProps & React.RefAttributes<HTMLButtonElement>, "size" | "css" | "state"> & import("@stitches/react/types/styled-component").TransformProps<{
12
+ state?: "error" | undefined;
13
+ size?: "md" | "lg" | undefined;
14
+ }, {
15
+ sm: string;
16
+ md: string;
17
+ lg: string;
18
+ xl: string;
19
+ reducedMotion: string;
20
+ allowMotion: string;
21
+ hover: string;
22
+ }> & {
23
+ css?: import("@stitches/react/types/css-util").CSS<{
24
+ sm: string;
25
+ md: string;
26
+ lg: string;
27
+ xl: string;
28
+ reducedMotion: string;
29
+ allowMotion: string;
30
+ hover: string;
31
+ }, {
32
+ colors: {
33
+ textForeground: any;
34
+ textSubtle: any;
35
+ textPlaceholder: any;
36
+ background: any;
37
+ backgroundAccent: any;
38
+ grey100: any;
39
+ grey200: any;
40
+ grey300: any;
41
+ grey400: any;
42
+ grey500: any;
43
+ grey600: any;
44
+ grey700: any;
45
+ grey800: any;
46
+ grey900: any;
47
+ grey1000: any;
48
+ grey1100: any;
49
+ grey1200: any;
50
+ blue100: any;
51
+ blue200: any;
52
+ blue300: any;
53
+ blue400: any;
54
+ blue500: any;
55
+ blue600: any;
56
+ blue700: any;
57
+ blue800: any;
58
+ blue900: any;
59
+ blue1000: any;
60
+ blue1100: any;
61
+ blue1200: any;
62
+ purple100: any;
63
+ purple200: any;
64
+ purple300: any;
65
+ purple400: any;
66
+ purple500: any;
67
+ purple600: any;
68
+ purple700: any;
69
+ purple800: any;
70
+ purple900: any;
71
+ purple1000: any;
72
+ purple1100: any;
73
+ purple1200: any;
74
+ cyan100: any;
75
+ cyan200: any;
76
+ cyan300: any;
77
+ cyan400: any;
78
+ cyan500: any;
79
+ cyan600: any;
80
+ cyan700: any;
81
+ cyan800: any;
82
+ cyan900: any;
83
+ cyan1000: any;
84
+ cyan1100: any;
85
+ cyan1200: any;
86
+ green100: any;
87
+ green200: any;
88
+ green300: any;
89
+ green400: any;
90
+ green500: any;
91
+ green600: any;
92
+ green700: any;
93
+ green800: any;
94
+ green900: any;
95
+ green1000: any;
96
+ green1100: any;
97
+ green1200: any;
98
+ magenta100: any;
99
+ magenta200: any;
100
+ magenta300: any;
101
+ magenta400: any;
102
+ magenta500: any;
103
+ magenta600: any;
104
+ magenta700: any;
105
+ magenta800: any;
106
+ magenta900: any;
107
+ magenta1000: any;
108
+ magenta1100: any;
109
+ magenta1200: any;
110
+ red100: any;
111
+ red200: any;
112
+ red300: any;
113
+ red400: any;
114
+ red500: any;
115
+ red600: any;
116
+ red700: any;
117
+ red800: any;
118
+ red900: any;
119
+ red1000: any;
120
+ red1100: any;
121
+ red1200: any;
122
+ teal100: any;
123
+ teal200: any;
124
+ teal300: any;
125
+ teal400: any;
126
+ teal500: any;
127
+ teal600: any;
128
+ teal700: any;
129
+ teal800: any;
130
+ teal900: any;
131
+ teal1000: any;
132
+ teal1100: any;
133
+ teal1200: any;
134
+ orange100: any;
135
+ orange200: any;
136
+ orange300: any;
137
+ orange400: any;
138
+ orange500: any;
139
+ orange600: any;
140
+ orange700: any;
141
+ orange800: any;
142
+ orange900: any;
143
+ orange1000: any;
144
+ orange1100: any;
145
+ orange1200: any;
146
+ yellow100: any;
147
+ yellow200: any;
148
+ yellow300: any;
149
+ yellow400: any;
150
+ yellow500: any;
151
+ yellow600: any;
152
+ yellow700: any;
153
+ yellow800: any;
154
+ yellow900: any;
155
+ yellow1000: any;
156
+ yellow1100: any;
157
+ yellow1200: any;
158
+ lime100: any;
159
+ lime200: any;
160
+ lime300: any;
161
+ lime400: any;
162
+ lime500: any;
163
+ lime600: any;
164
+ lime700: any;
165
+ lime800: any;
166
+ lime900: any;
167
+ lime1000: any;
168
+ lime1100: any;
169
+ lime1200: any;
170
+ tonal50: any;
171
+ tonal100: any;
172
+ tonal200: any;
173
+ tonal300: any;
174
+ tonal400: any;
175
+ tonal500: any;
176
+ tonal600: any;
177
+ alpha100: any;
178
+ alpha150: any;
179
+ alpha200: any;
180
+ alpha250: any;
181
+ alpha600: any;
182
+ primaryLight: any;
183
+ primary: any;
184
+ primaryMid: any;
185
+ primaryDark: any;
186
+ secondary: any;
187
+ brandRed: any;
188
+ brandRedAccent: any;
189
+ brandGreen: any;
190
+ brandGreenAccent: any;
191
+ brandPurple: any;
192
+ brandPurpleAccent: any;
193
+ brandYellow: any;
194
+ brandYellowAccent: any;
195
+ successLight: any;
196
+ success: any;
197
+ successMid: any;
198
+ successDark: any;
199
+ dangerLight: any;
200
+ danger: any;
201
+ dangerMid: any;
202
+ dangerDark: any;
203
+ warningLight: any;
204
+ warning: any;
205
+ warningMid: any;
206
+ warningDark: any;
207
+ warningText: any;
208
+ subjectEnglish: any;
209
+ subjectMaths: any;
210
+ subjectScience: any;
211
+ subjectVerbalReasoning: any;
212
+ subjectNonVerbalReasoning: any;
213
+ subjectCreativeWriting: any;
214
+ subjectExamSkills: any;
215
+ glBlueLight: any;
216
+ glBluePrimary: any;
217
+ glBlueDark: any;
218
+ };
219
+ space: {
220
+ "0": any;
221
+ "1": any;
222
+ "2": any;
223
+ "3": any;
224
+ "4": any;
225
+ "5": any;
226
+ "6": any;
227
+ "7": any;
228
+ "8": any;
229
+ "9": any;
230
+ "24": any;
231
+ };
232
+ fontSizes: {
233
+ xs: any;
234
+ sm: any;
235
+ md: any;
236
+ lg: any;
237
+ xl: any;
238
+ "2xl": any;
239
+ "3xl": any;
240
+ "4xl": any;
241
+ };
242
+ fonts: {
243
+ sans: any;
244
+ mono: any;
245
+ display: any;
246
+ body: any;
247
+ };
248
+ sizes: {
249
+ "0": any;
250
+ "1": any;
251
+ "2": any;
252
+ "3": any;
253
+ "4": any;
254
+ "5": any;
255
+ "6": any;
256
+ "7": any;
257
+ "8": any;
258
+ };
259
+ radii: {
260
+ "0": any;
261
+ "1": any;
262
+ "2": any;
263
+ "3": any;
264
+ round: any;
265
+ };
266
+ shadows: {
267
+ "0": any;
268
+ "1": any;
269
+ "2": any;
270
+ "3": any;
271
+ };
272
+ ratios: {
273
+ "16-9": any;
274
+ "3-2": any;
275
+ "4-3": any;
276
+ "1-1": any;
277
+ "3-4": any;
278
+ };
279
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
280
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
281
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
282
+ };
283
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
284
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
285
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
286
+ };
287
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
288
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
289
+ };
290
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
291
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
292
+ };
293
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
294
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
295
+ };
296
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
297
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
298
+ };
299
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
300
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
301
+ };
302
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
303
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
304
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
305
+ };
306
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
307
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
308
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
309
+ };
310
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
311
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
312
+ };
313
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
314
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
315
+ };
316
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
317
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
318
+ };
319
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
320
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
321
+ };
322
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
323
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
324
+ };
325
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
326
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
327
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
328
+ };
329
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
330
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
331
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
332
+ };
333
+ }> | undefined;
334
+ } & {
335
+ children?: React.ReactNode;
336
+ }, "defaultChecked" | "checked" | "onCheckedChange"> & {
337
+ onCheckedChange?: ((newChecked: boolean) => void) | undefined;
338
+ }) => JSX.Element;
339
+ AllItem: ({ onCheckedChange, title, ...rest }: {
340
+ color?: string | undefined;
341
+ translate?: "yes" | "no" | undefined;
342
+ size?: "md" | "lg" | ({
343
+ "@sm"?: "md" | "lg" | undefined;
344
+ "@md"?: "md" | "lg" | undefined;
345
+ "@lg"?: "md" | "lg" | undefined;
346
+ "@xl"?: "md" | "lg" | undefined;
347
+ "@reducedMotion"?: "md" | "lg" | undefined;
348
+ "@allowMotion"?: "md" | "lg" | undefined;
349
+ "@hover"?: "md" | "lg" | undefined;
350
+ "@initial"?: "md" | "lg" | undefined;
351
+ } & {
352
+ [x: string]: "md" | "lg" | undefined;
353
+ }) | undefined;
354
+ css?: import("@stitches/react/types/css-util").CSS<{
355
+ sm: string;
356
+ md: string;
357
+ lg: string;
358
+ xl: string;
359
+ reducedMotion: string;
360
+ allowMotion: string;
361
+ hover: string;
362
+ }, {
363
+ colors: {
364
+ textForeground: any;
365
+ textSubtle: any;
366
+ textPlaceholder: any;
367
+ background: any;
368
+ backgroundAccent: any;
369
+ grey100: any;
370
+ grey200: any;
371
+ grey300: any;
372
+ grey400: any;
373
+ grey500: any;
374
+ grey600: any;
375
+ grey700: any;
376
+ grey800: any;
377
+ grey900: any;
378
+ grey1000: any;
379
+ grey1100: any;
380
+ grey1200: any;
381
+ blue100: any;
382
+ blue200: any;
383
+ blue300: any;
384
+ blue400: any;
385
+ blue500: any;
386
+ blue600: any;
387
+ blue700: any;
388
+ blue800: any;
389
+ blue900: any;
390
+ blue1000: any;
391
+ blue1100: any;
392
+ blue1200: any;
393
+ purple100: any;
394
+ purple200: any;
395
+ purple300: any;
396
+ purple400: any;
397
+ purple500: any;
398
+ purple600: any;
399
+ purple700: any;
400
+ purple800: any;
401
+ purple900: any;
402
+ purple1000: any;
403
+ purple1100: any;
404
+ purple1200: any;
405
+ cyan100: any;
406
+ cyan200: any;
407
+ cyan300: any;
408
+ cyan400: any;
409
+ cyan500: any;
410
+ cyan600: any;
411
+ cyan700: any;
412
+ cyan800: any;
413
+ cyan900: any;
414
+ cyan1000: any;
415
+ cyan1100: any;
416
+ cyan1200: any;
417
+ green100: any;
418
+ green200: any;
419
+ green300: any;
420
+ green400: any;
421
+ green500: any;
422
+ green600: any;
423
+ green700: any;
424
+ green800: any;
425
+ green900: any;
426
+ green1000: any;
427
+ green1100: any;
428
+ green1200: any;
429
+ magenta100: any;
430
+ magenta200: any;
431
+ magenta300: any;
432
+ magenta400: any;
433
+ magenta500: any;
434
+ magenta600: any;
435
+ magenta700: any;
436
+ magenta800: any;
437
+ magenta900: any;
438
+ magenta1000: any;
439
+ magenta1100: any;
440
+ magenta1200: any;
441
+ red100: any;
442
+ red200: any;
443
+ red300: any;
444
+ red400: any;
445
+ red500: any;
446
+ red600: any;
447
+ red700: any;
448
+ red800: any;
449
+ red900: any;
450
+ red1000: any;
451
+ red1100: any;
452
+ red1200: any;
453
+ teal100: any;
454
+ teal200: any;
455
+ teal300: any;
456
+ teal400: any;
457
+ teal500: any;
458
+ teal600: any;
459
+ teal700: any;
460
+ teal800: any;
461
+ teal900: any;
462
+ teal1000: any;
463
+ teal1100: any;
464
+ teal1200: any;
465
+ orange100: any;
466
+ orange200: any;
467
+ orange300: any;
468
+ orange400: any;
469
+ orange500: any;
470
+ orange600: any;
471
+ orange700: any;
472
+ orange800: any;
473
+ orange900: any;
474
+ orange1000: any;
475
+ orange1100: any;
476
+ orange1200: any;
477
+ yellow100: any;
478
+ yellow200: any;
479
+ yellow300: any;
480
+ yellow400: any;
481
+ yellow500: any;
482
+ yellow600: any;
483
+ yellow700: any;
484
+ yellow800: any;
485
+ yellow900: any;
486
+ yellow1000: any;
487
+ yellow1100: any;
488
+ yellow1200: any;
489
+ lime100: any;
490
+ lime200: any;
491
+ lime300: any;
492
+ lime400: any;
493
+ lime500: any;
494
+ lime600: any;
495
+ lime700: any;
496
+ lime800: any;
497
+ lime900: any;
498
+ lime1000: any;
499
+ lime1100: any;
500
+ lime1200: any;
501
+ tonal50: any;
502
+ tonal100: any;
503
+ tonal200: any;
504
+ tonal300: any;
505
+ tonal400: any;
506
+ tonal500: any;
507
+ tonal600: any;
508
+ alpha100: any;
509
+ alpha150: any;
510
+ alpha200: any;
511
+ alpha250: any;
512
+ alpha600: any;
513
+ primaryLight: any;
514
+ primary: any;
515
+ primaryMid: any;
516
+ primaryDark: any;
517
+ secondary: any;
518
+ brandRed: any;
519
+ brandRedAccent: any;
520
+ brandGreen: any;
521
+ brandGreenAccent: any;
522
+ brandPurple: any;
523
+ brandPurpleAccent: any;
524
+ brandYellow: any;
525
+ brandYellowAccent: any;
526
+ successLight: any;
527
+ success: any;
528
+ successMid: any;
529
+ successDark: any;
530
+ dangerLight: any;
531
+ danger: any;
532
+ dangerMid: any;
533
+ dangerDark: any;
534
+ warningLight: any;
535
+ warning: any;
536
+ warningMid: any;
537
+ warningDark: any;
538
+ warningText: any;
539
+ subjectEnglish: any;
540
+ subjectMaths: any;
541
+ subjectScience: any;
542
+ subjectVerbalReasoning: any;
543
+ subjectNonVerbalReasoning: any;
544
+ subjectCreativeWriting: any;
545
+ subjectExamSkills: any;
546
+ glBlueLight: any;
547
+ glBluePrimary: any;
548
+ glBlueDark: any;
549
+ };
550
+ space: {
551
+ "0": any;
552
+ "1": any;
553
+ "2": any;
554
+ "3": any;
555
+ "4": any;
556
+ "5": any;
557
+ "6": any;
558
+ "7": any;
559
+ "8": any;
560
+ "9": any;
561
+ "24": any;
562
+ };
563
+ fontSizes: {
564
+ xs: any;
565
+ sm: any;
566
+ md: any;
567
+ lg: any;
568
+ xl: any;
569
+ "2xl": any;
570
+ "3xl": any;
571
+ "4xl": any;
572
+ };
573
+ fonts: {
574
+ sans: any;
575
+ mono: any;
576
+ display: any;
577
+ body: any;
578
+ };
579
+ sizes: {
580
+ "0": any;
581
+ "1": any;
582
+ "2": any;
583
+ "3": any;
584
+ "4": any;
585
+ "5": any;
586
+ "6": any;
587
+ "7": any;
588
+ "8": any;
589
+ };
590
+ radii: {
591
+ "0": any;
592
+ "1": any;
593
+ "2": any;
594
+ "3": any;
595
+ round: any;
596
+ };
597
+ shadows: {
598
+ "0": any;
599
+ "1": any;
600
+ "2": any;
601
+ "3": any;
602
+ };
603
+ ratios: {
604
+ "16-9": any;
605
+ "3-2": any;
606
+ "4-3": any;
607
+ "1-1": any;
608
+ "3-4": any;
609
+ };
610
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
611
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
612
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
613
+ };
614
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
615
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
616
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
617
+ };
618
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
619
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
620
+ };
621
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
622
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
623
+ };
624
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
625
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
626
+ };
627
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
628
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
629
+ };
630
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
631
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
632
+ };
633
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
634
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
635
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
636
+ };
637
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
638
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
639
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
640
+ };
641
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
642
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
643
+ };
644
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
645
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
646
+ };
647
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
648
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
649
+ };
650
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
651
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
652
+ };
653
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
654
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
655
+ };
656
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
657
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
658
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
659
+ };
660
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
661
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
662
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
663
+ };
664
+ }> | undefined;
665
+ onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
666
+ onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
667
+ onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
668
+ form?: string | undefined;
669
+ slot?: string | undefined;
670
+ style?: React.CSSProperties | undefined;
671
+ title?: string | undefined;
672
+ ref?: React.Ref<HTMLButtonElement> | undefined;
673
+ key?: React.Key | null | undefined;
674
+ name?: string | undefined;
675
+ defaultValue?: string | number | readonly string[] | undefined;
676
+ suppressContentEditableWarning?: boolean | undefined;
677
+ suppressHydrationWarning?: boolean | undefined;
678
+ accessKey?: string | undefined;
679
+ className?: string | undefined;
680
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
681
+ contextMenu?: string | undefined;
682
+ dir?: string | undefined;
683
+ draggable?: (boolean | "true" | "false") | undefined;
684
+ hidden?: boolean | undefined;
685
+ id?: string | undefined;
686
+ lang?: string | undefined;
687
+ placeholder?: string | undefined;
688
+ spellCheck?: (boolean | "true" | "false") | undefined;
689
+ tabIndex?: number | undefined;
690
+ radioGroup?: string | undefined;
691
+ role?: React.AriaRole | undefined;
692
+ about?: string | undefined;
693
+ datatype?: string | undefined;
694
+ inlist?: any;
695
+ prefix?: string | undefined;
696
+ property?: string | undefined;
697
+ resource?: string | undefined;
698
+ typeof?: string | undefined;
699
+ vocab?: string | undefined;
700
+ autoCapitalize?: string | undefined;
701
+ autoCorrect?: string | undefined;
702
+ autoSave?: string | undefined;
703
+ itemProp?: string | undefined;
704
+ itemScope?: boolean | undefined;
705
+ itemType?: string | undefined;
706
+ itemID?: string | undefined;
707
+ itemRef?: string | undefined;
708
+ results?: number | undefined;
709
+ security?: string | undefined;
710
+ unselectable?: "on" | "off" | undefined;
711
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
712
+ is?: string | undefined;
713
+ 'aria-activedescendant'?: string | undefined;
714
+ 'aria-atomic'?: (boolean | "true" | "false") | undefined;
715
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
716
+ 'aria-busy'?: (boolean | "true" | "false") | undefined;
717
+ 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
718
+ 'aria-colcount'?: number | undefined;
719
+ 'aria-colindex'?: number | undefined;
720
+ 'aria-colspan'?: number | undefined;
721
+ 'aria-controls'?: string | undefined;
722
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
723
+ 'aria-describedby'?: string | undefined;
724
+ 'aria-details'?: string | undefined;
725
+ 'aria-disabled'?: (boolean | "true" | "false") | undefined;
726
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
727
+ 'aria-errormessage'?: string | undefined;
728
+ 'aria-expanded'?: (boolean | "true" | "false") | undefined;
729
+ 'aria-flowto'?: string | undefined;
730
+ 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
731
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree" | undefined;
732
+ 'aria-hidden'?: (boolean | "true" | "false") | undefined;
733
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
734
+ 'aria-keyshortcuts'?: string | undefined;
735
+ 'aria-label'?: string | undefined;
736
+ 'aria-labelledby'?: string | undefined;
737
+ 'aria-level'?: number | undefined;
738
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
739
+ 'aria-modal'?: (boolean | "true" | "false") | undefined;
740
+ 'aria-multiline'?: (boolean | "true" | "false") | undefined;
741
+ 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
742
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
743
+ 'aria-owns'?: string | undefined;
744
+ 'aria-placeholder'?: string | undefined;
745
+ 'aria-posinset'?: number | undefined;
746
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
747
+ 'aria-readonly'?: (boolean | "true" | "false") | undefined;
748
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
749
+ 'aria-required'?: (boolean | "true" | "false") | undefined;
750
+ 'aria-roledescription'?: string | undefined;
751
+ 'aria-rowcount'?: number | undefined;
752
+ 'aria-rowindex'?: number | undefined;
753
+ 'aria-rowspan'?: number | undefined;
754
+ 'aria-selected'?: (boolean | "true" | "false") | undefined;
755
+ 'aria-setsize'?: number | undefined;
756
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
757
+ 'aria-valuemax'?: number | undefined;
758
+ 'aria-valuemin'?: number | undefined;
759
+ 'aria-valuenow'?: number | undefined;
760
+ 'aria-valuetext'?: string | undefined;
761
+ children?: React.ReactNode;
762
+ dangerouslySetInnerHTML?: {
763
+ __html: string;
764
+ } | undefined;
765
+ onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
766
+ onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
767
+ onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
768
+ onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
769
+ onPaste?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
770
+ onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
771
+ onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
772
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
773
+ onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
774
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
775
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
776
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
777
+ onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
778
+ onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
779
+ onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
780
+ onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
781
+ onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
782
+ onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
783
+ onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
784
+ onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
785
+ onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
786
+ onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
787
+ onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
788
+ onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
789
+ onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
790
+ onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
791
+ onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
792
+ onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
793
+ onErrorCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
794
+ onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
795
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
796
+ onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
797
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
798
+ onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
799
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
800
+ onAbort?: React.ReactEventHandler<HTMLButtonElement> | undefined;
801
+ onAbortCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
802
+ onCanPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
803
+ onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
804
+ onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement> | undefined;
805
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
806
+ onDurationChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
807
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
808
+ onEmptied?: React.ReactEventHandler<HTMLButtonElement> | undefined;
809
+ onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
810
+ onEncrypted?: React.ReactEventHandler<HTMLButtonElement> | undefined;
811
+ onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
812
+ onEnded?: React.ReactEventHandler<HTMLButtonElement> | undefined;
813
+ onEndedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
814
+ onLoadedData?: React.ReactEventHandler<HTMLButtonElement> | undefined;
815
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
816
+ onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement> | undefined;
817
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
818
+ onLoadStart?: React.ReactEventHandler<HTMLButtonElement> | undefined;
819
+ onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
820
+ onPause?: React.ReactEventHandler<HTMLButtonElement> | undefined;
821
+ onPauseCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
822
+ onPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
823
+ onPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
824
+ onPlaying?: React.ReactEventHandler<HTMLButtonElement> | undefined;
825
+ onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
826
+ onProgress?: React.ReactEventHandler<HTMLButtonElement> | undefined;
827
+ onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
828
+ onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
829
+ onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
830
+ onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
831
+ onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
832
+ onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
833
+ onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
834
+ onStalled?: React.ReactEventHandler<HTMLButtonElement> | undefined;
835
+ onStalledCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
836
+ onSuspend?: React.ReactEventHandler<HTMLButtonElement> | undefined;
837
+ onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
838
+ onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement> | undefined;
839
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
840
+ onVolumeChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
841
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
842
+ onWaiting?: React.ReactEventHandler<HTMLButtonElement> | undefined;
843
+ onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
844
+ onAuxClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
845
+ onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
846
+ onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
847
+ onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
848
+ onContextMenu?: React.MouseEventHandler<HTMLButtonElement> | undefined;
849
+ onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
850
+ onDoubleClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
851
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
852
+ onDrag?: React.DragEventHandler<HTMLButtonElement> | undefined;
853
+ onDragCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
854
+ onDragEnd?: React.DragEventHandler<HTMLButtonElement> | undefined;
855
+ onDragEndCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
856
+ onDragEnter?: React.DragEventHandler<HTMLButtonElement> | undefined;
857
+ onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
858
+ onDragExit?: React.DragEventHandler<HTMLButtonElement> | undefined;
859
+ onDragExitCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
860
+ onDragLeave?: React.DragEventHandler<HTMLButtonElement> | undefined;
861
+ onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
862
+ onDragOver?: React.DragEventHandler<HTMLButtonElement> | undefined;
863
+ onDragOverCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
864
+ onDragStart?: React.DragEventHandler<HTMLButtonElement> | undefined;
865
+ onDragStartCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
866
+ onDrop?: React.DragEventHandler<HTMLButtonElement> | undefined;
867
+ onDropCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
868
+ onMouseDown?: React.MouseEventHandler<HTMLButtonElement> | undefined;
869
+ onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
870
+ onMouseEnter?: React.MouseEventHandler<HTMLButtonElement> | undefined;
871
+ onMouseLeave?: React.MouseEventHandler<HTMLButtonElement> | undefined;
872
+ onMouseMove?: React.MouseEventHandler<HTMLButtonElement> | undefined;
873
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
874
+ onMouseOut?: React.MouseEventHandler<HTMLButtonElement> | undefined;
875
+ onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
876
+ onMouseOver?: React.MouseEventHandler<HTMLButtonElement> | undefined;
877
+ onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
878
+ onMouseUp?: React.MouseEventHandler<HTMLButtonElement> | undefined;
879
+ onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
880
+ onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
881
+ onSelectCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
882
+ onTouchCancel?: React.TouchEventHandler<HTMLButtonElement> | undefined;
883
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
884
+ onTouchEnd?: React.TouchEventHandler<HTMLButtonElement> | undefined;
885
+ onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
886
+ onTouchMove?: React.TouchEventHandler<HTMLButtonElement> | undefined;
887
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
888
+ onTouchStart?: React.TouchEventHandler<HTMLButtonElement> | undefined;
889
+ onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
890
+ onPointerDown?: React.PointerEventHandler<HTMLButtonElement> | undefined;
891
+ onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
892
+ onPointerMove?: React.PointerEventHandler<HTMLButtonElement> | undefined;
893
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
894
+ onPointerUp?: React.PointerEventHandler<HTMLButtonElement> | undefined;
895
+ onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
896
+ onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
897
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
898
+ onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
899
+ onPointerEnterCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
900
+ onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
901
+ onPointerLeaveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
902
+ onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
903
+ onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
904
+ onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;
905
+ onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
906
+ onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
907
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
908
+ onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
909
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
910
+ onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
911
+ onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
912
+ onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
913
+ onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
914
+ onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
915
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
916
+ onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
917
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
918
+ onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
919
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
920
+ onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
921
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
922
+ required?: boolean | undefined;
923
+ asChild?: boolean | undefined;
924
+ disabled?: boolean | undefined;
925
+ value?: string | number | readonly string[] | undefined;
926
+ type?: "button" | "reset" | "submit" | undefined;
927
+ autoFocus?: boolean | undefined;
928
+ formAction?: string | undefined;
929
+ formEncType?: string | undefined;
930
+ formMethod?: string | undefined;
931
+ formNoValidate?: boolean | undefined;
932
+ formTarget?: string | undefined;
933
+ state?: "error" | ({
934
+ "@sm"?: "error" | undefined;
935
+ "@md"?: "error" | undefined;
936
+ "@lg"?: "error" | undefined;
937
+ "@xl"?: "error" | undefined;
938
+ "@reducedMotion"?: "error" | undefined;
939
+ "@allowMotion"?: "error" | undefined;
940
+ "@hover"?: "error" | undefined;
941
+ "@initial"?: "error" | undefined;
942
+ } & {
943
+ [x: string]: "error" | undefined;
944
+ }) | undefined;
945
+ onCheckedChange?: ((checked: import("@radix-ui/react-checkbox").CheckedState) => void) | undefined;
946
+ }) => JSX.Element;
947
+ Sub: ({ asChild, ...rest }: Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
948
+ ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
949
+ }, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
950
+ sm: string;
951
+ md: string;
952
+ lg: string;
953
+ xl: string;
954
+ reducedMotion: string;
955
+ allowMotion: string;
956
+ hover: string;
957
+ }> & {
958
+ css?: import("@stitches/react/types/css-util").CSS<{
959
+ sm: string;
960
+ md: string;
961
+ lg: string;
962
+ xl: string;
963
+ reducedMotion: string;
964
+ allowMotion: string;
965
+ hover: string;
966
+ }, {
967
+ colors: {
968
+ textForeground: any;
969
+ textSubtle: any;
970
+ textPlaceholder: any;
971
+ background: any;
972
+ backgroundAccent: any;
973
+ grey100: any;
974
+ grey200: any;
975
+ grey300: any;
976
+ grey400: any;
977
+ grey500: any;
978
+ grey600: any;
979
+ grey700: any;
980
+ grey800: any;
981
+ grey900: any;
982
+ grey1000: any;
983
+ grey1100: any;
984
+ grey1200: any;
985
+ blue100: any;
986
+ blue200: any;
987
+ blue300: any;
988
+ blue400: any;
989
+ blue500: any;
990
+ blue600: any;
991
+ blue700: any;
992
+ blue800: any;
993
+ blue900: any;
994
+ blue1000: any;
995
+ blue1100: any;
996
+ blue1200: any;
997
+ purple100: any;
998
+ purple200: any;
999
+ purple300: any;
1000
+ purple400: any;
1001
+ purple500: any;
1002
+ purple600: any;
1003
+ purple700: any;
1004
+ purple800: any;
1005
+ purple900: any;
1006
+ purple1000: any;
1007
+ purple1100: any;
1008
+ purple1200: any;
1009
+ cyan100: any;
1010
+ cyan200: any;
1011
+ cyan300: any;
1012
+ cyan400: any;
1013
+ cyan500: any;
1014
+ cyan600: any;
1015
+ cyan700: any;
1016
+ cyan800: any;
1017
+ cyan900: any;
1018
+ cyan1000: any;
1019
+ cyan1100: any;
1020
+ cyan1200: any;
1021
+ green100: any;
1022
+ green200: any;
1023
+ green300: any;
1024
+ green400: any;
1025
+ green500: any;
1026
+ green600: any;
1027
+ green700: any;
1028
+ green800: any;
1029
+ green900: any;
1030
+ green1000: any;
1031
+ green1100: any;
1032
+ green1200: any;
1033
+ magenta100: any;
1034
+ magenta200: any;
1035
+ magenta300: any;
1036
+ magenta400: any;
1037
+ magenta500: any;
1038
+ magenta600: any;
1039
+ magenta700: any;
1040
+ magenta800: any;
1041
+ magenta900: any;
1042
+ magenta1000: any;
1043
+ magenta1100: any;
1044
+ magenta1200: any;
1045
+ red100: any;
1046
+ red200: any;
1047
+ red300: any;
1048
+ red400: any;
1049
+ red500: any;
1050
+ red600: any;
1051
+ red700: any;
1052
+ red800: any;
1053
+ red900: any;
1054
+ red1000: any;
1055
+ red1100: any;
1056
+ red1200: any;
1057
+ teal100: any;
1058
+ teal200: any;
1059
+ teal300: any;
1060
+ teal400: any;
1061
+ teal500: any;
1062
+ teal600: any;
1063
+ teal700: any;
1064
+ teal800: any;
1065
+ teal900: any;
1066
+ teal1000: any;
1067
+ teal1100: any;
1068
+ teal1200: any;
1069
+ orange100: any;
1070
+ orange200: any;
1071
+ orange300: any;
1072
+ orange400: any;
1073
+ orange500: any;
1074
+ orange600: any;
1075
+ orange700: any;
1076
+ orange800: any;
1077
+ orange900: any;
1078
+ orange1000: any;
1079
+ orange1100: any;
1080
+ orange1200: any;
1081
+ yellow100: any;
1082
+ yellow200: any;
1083
+ yellow300: any;
1084
+ yellow400: any;
1085
+ yellow500: any;
1086
+ yellow600: any;
1087
+ yellow700: any;
1088
+ yellow800: any;
1089
+ yellow900: any;
1090
+ yellow1000: any;
1091
+ yellow1100: any;
1092
+ yellow1200: any;
1093
+ lime100: any;
1094
+ lime200: any;
1095
+ lime300: any;
1096
+ lime400: any;
1097
+ lime500: any;
1098
+ lime600: any;
1099
+ lime700: any;
1100
+ lime800: any;
1101
+ lime900: any;
1102
+ lime1000: any;
1103
+ lime1100: any;
1104
+ lime1200: any;
1105
+ tonal50: any;
1106
+ tonal100: any;
1107
+ tonal200: any;
1108
+ tonal300: any;
1109
+ tonal400: any;
1110
+ tonal500: any;
1111
+ tonal600: any;
1112
+ alpha100: any;
1113
+ alpha150: any;
1114
+ alpha200: any;
1115
+ alpha250: any;
1116
+ alpha600: any;
1117
+ primaryLight: any;
1118
+ primary: any;
1119
+ primaryMid: any;
1120
+ primaryDark: any;
1121
+ secondary: any;
1122
+ brandRed: any;
1123
+ brandRedAccent: any;
1124
+ brandGreen: any;
1125
+ brandGreenAccent: any;
1126
+ brandPurple: any;
1127
+ brandPurpleAccent: any;
1128
+ brandYellow: any;
1129
+ brandYellowAccent: any;
1130
+ successLight: any;
1131
+ success: any;
1132
+ successMid: any;
1133
+ successDark: any;
1134
+ dangerLight: any;
1135
+ danger: any;
1136
+ dangerMid: any;
1137
+ dangerDark: any;
1138
+ warningLight: any;
1139
+ warning: any;
1140
+ warningMid: any;
1141
+ warningDark: any;
1142
+ warningText: any;
1143
+ subjectEnglish: any;
1144
+ subjectMaths: any;
1145
+ subjectScience: any;
1146
+ subjectVerbalReasoning: any;
1147
+ subjectNonVerbalReasoning: any;
1148
+ subjectCreativeWriting: any;
1149
+ subjectExamSkills: any;
1150
+ glBlueLight: any;
1151
+ glBluePrimary: any;
1152
+ glBlueDark: any;
1153
+ };
1154
+ space: {
1155
+ "0": any;
1156
+ "1": any;
1157
+ "2": any;
1158
+ "3": any;
1159
+ "4": any;
1160
+ "5": any;
1161
+ "6": any;
1162
+ "7": any;
1163
+ "8": any;
1164
+ "9": any;
1165
+ "24": any;
1166
+ };
1167
+ fontSizes: {
1168
+ xs: any;
1169
+ sm: any;
1170
+ md: any;
1171
+ lg: any;
1172
+ xl: any;
1173
+ "2xl": any;
1174
+ "3xl": any;
1175
+ "4xl": any;
1176
+ };
1177
+ fonts: {
1178
+ sans: any;
1179
+ mono: any;
1180
+ display: any;
1181
+ body: any;
1182
+ };
1183
+ sizes: {
1184
+ "0": any;
1185
+ "1": any;
1186
+ "2": any;
1187
+ "3": any;
1188
+ "4": any;
1189
+ "5": any;
1190
+ "6": any;
1191
+ "7": any;
1192
+ "8": any;
1193
+ };
1194
+ radii: {
1195
+ "0": any;
1196
+ "1": any;
1197
+ "2": any;
1198
+ "3": any;
1199
+ round: any;
1200
+ };
1201
+ shadows: {
1202
+ "0": any;
1203
+ "1": any;
1204
+ "2": any;
1205
+ "3": any;
1206
+ };
1207
+ ratios: {
1208
+ "16-9": any;
1209
+ "3-2": any;
1210
+ "4-3": any;
1211
+ "1-1": any;
1212
+ "3-4": any;
1213
+ };
1214
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
1215
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
1216
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
1217
+ };
1218
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
1219
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
1220
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
1221
+ };
1222
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1223
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1224
+ };
1225
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1226
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1227
+ };
1228
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1229
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1230
+ };
1231
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1232
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1233
+ };
1234
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1235
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1236
+ };
1237
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1238
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1239
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1240
+ };
1241
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1242
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1243
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1244
+ };
1245
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1246
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1247
+ };
1248
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1249
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1250
+ };
1251
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1252
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1253
+ };
1254
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1255
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1256
+ };
1257
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1258
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1259
+ };
1260
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1261
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1262
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1263
+ };
1264
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1265
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1266
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1267
+ };
1268
+ }> | undefined;
1269
+ } & {
1270
+ asChild?: boolean | undefined;
1271
+ }) => JSX.Element;
1272
+ };
1273
+ export {};