@octavius2929-personal/design-system 0.19.1 → 0.19.2

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 (3) hide show
  1. package/dist/index.d.cts +1185 -3
  2. package/dist/index.d.ts +1185 -3
  3. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -1,8 +1,1190 @@
1
- import { SchemaName, Mode, ModePreference } from '@octavius2929-personal/design-system-core';
2
- export { ColorTokens, Mode, ModePreference, SchemaName, modeNames, schemaNames } from '@octavius2929-personal/design-system-core';
3
1
  import * as react from 'react';
4
2
  import { ElementType, ComponentPropsWithoutRef, Ref, SVGProps, ReactElement, ButtonHTMLAttributes, HTMLAttributes, ReactNode, InputHTMLAttributes, TableHTMLAttributes } from 'react';
5
3
 
4
+ declare const schemas: {
5
+ readonly tinta: {
6
+ light: {
7
+ color: {
8
+ bg1: string;
9
+ bg2: string;
10
+ bg3: string;
11
+ bgInset: string;
12
+ fg1: string;
13
+ fg2: string;
14
+ fg3: string;
15
+ fgOnAccent: string;
16
+ border1: string;
17
+ border2: string;
18
+ borderStrong: string;
19
+ accent: string;
20
+ accentHover: string;
21
+ accentSoft: string;
22
+ ok: string;
23
+ warn: string;
24
+ danger: string;
25
+ dangerHover: string;
26
+ dangerSoft: string;
27
+ info: string;
28
+ focus: string;
29
+ scrim: string;
30
+ };
31
+ font: {
32
+ readonly display: "'DM Serif Display', 'Times New Roman', serif";
33
+ readonly text: "'Newsreader', Georgia, serif";
34
+ readonly mono: "'IBM Plex Mono', 'SFMono-Regular', monospace";
35
+ readonly black: "'UnifrakturMaguntia', 'Grenze Gotisch', serif";
36
+ };
37
+ text: {
38
+ readonly eyebrow: {
39
+ readonly size: "0.694rem";
40
+ readonly lineHeight: "1.2";
41
+ readonly weight: "500";
42
+ readonly letterSpacing: "0.14em";
43
+ };
44
+ readonly display: {
45
+ readonly size: "5.6rem";
46
+ readonly lineHeight: "1.05";
47
+ readonly weight: "600";
48
+ readonly letterSpacing: "-0.01em";
49
+ };
50
+ readonly h1: {
51
+ readonly size: "2.9rem";
52
+ readonly lineHeight: "1.05";
53
+ readonly weight: "600";
54
+ readonly letterSpacing: "-0.01em";
55
+ };
56
+ readonly h2: {
57
+ readonly size: "2.1rem";
58
+ readonly lineHeight: "1.2";
59
+ readonly weight: "600";
60
+ readonly letterSpacing: "0";
61
+ };
62
+ readonly h3: {
63
+ readonly size: "1.563rem";
64
+ readonly lineHeight: "1.2";
65
+ readonly weight: "500";
66
+ readonly letterSpacing: "0";
67
+ };
68
+ readonly h4: {
69
+ readonly size: "1.25rem";
70
+ readonly lineHeight: "1.2";
71
+ readonly weight: "600";
72
+ readonly letterSpacing: "0";
73
+ };
74
+ readonly body: {
75
+ readonly size: "1rem";
76
+ readonly lineHeight: "1.7";
77
+ readonly weight: "400";
78
+ readonly letterSpacing: "0";
79
+ };
80
+ readonly lead: {
81
+ readonly size: "1.25rem";
82
+ readonly lineHeight: "1.7";
83
+ readonly weight: "400";
84
+ readonly letterSpacing: "0";
85
+ };
86
+ readonly small: {
87
+ readonly size: "0.95rem";
88
+ readonly lineHeight: "1.5";
89
+ readonly weight: "400";
90
+ readonly letterSpacing: "0";
91
+ };
92
+ readonly caption: {
93
+ readonly size: "0.833rem";
94
+ readonly lineHeight: "1.5";
95
+ readonly weight: "400";
96
+ readonly letterSpacing: "0.04em";
97
+ };
98
+ };
99
+ space: {
100
+ readonly s0: "0";
101
+ readonly s1: "0.25rem";
102
+ readonly s2: "0.5rem";
103
+ readonly s3: "0.75rem";
104
+ readonly s4: "1rem";
105
+ readonly s5: "1.5rem";
106
+ readonly s6: "2rem";
107
+ readonly s7: "3rem";
108
+ readonly s8: "4rem";
109
+ readonly s9: "6rem";
110
+ };
111
+ radius: {
112
+ readonly none: "0px";
113
+ readonly sm: "3px";
114
+ readonly md: "5px";
115
+ readonly lg: "8px";
116
+ readonly base: "4px";
117
+ readonly full: "999px";
118
+ };
119
+ border: {
120
+ readonly hair: "1px";
121
+ readonly rule: "1.5px";
122
+ readonly heavy: "2px";
123
+ };
124
+ tracking: {
125
+ readonly tight: "-0.01em";
126
+ readonly normal: "0";
127
+ readonly wide: "0.04em";
128
+ readonly wider: "0.1em";
129
+ readonly widest: "0.14em";
130
+ };
131
+ weight: {
132
+ readonly light: "300";
133
+ readonly regular: "400";
134
+ readonly medium: "500";
135
+ readonly semibold: "600";
136
+ readonly bold: "700";
137
+ };
138
+ dur: {
139
+ readonly fast: "120ms";
140
+ readonly base: "200ms";
141
+ readonly slow: "360ms";
142
+ };
143
+ ease: {
144
+ readonly ink: "cubic-bezier(0.2, 0, 0, 1)";
145
+ };
146
+ shadow: {
147
+ readonly sm: "0 1px 0 rgba(20,17,14,0.06)";
148
+ readonly md: "0 2px 10px -4px rgba(20,17,14,0.22)";
149
+ readonly lg: "0 12px 32px -10px rgba(20,17,14,0.34)";
150
+ };
151
+ };
152
+ dark: {
153
+ color: {
154
+ bg1: string;
155
+ bg2: string;
156
+ bg3: string;
157
+ bgInset: string;
158
+ fg1: string;
159
+ fg2: string;
160
+ fg3: string;
161
+ fgOnAccent: string;
162
+ border1: string;
163
+ border2: string;
164
+ borderStrong: string;
165
+ accent: string;
166
+ accentHover: string;
167
+ accentSoft: string;
168
+ ok: string;
169
+ warn: string;
170
+ danger: string;
171
+ dangerHover: string;
172
+ dangerSoft: string;
173
+ info: string;
174
+ focus: string;
175
+ scrim: string;
176
+ };
177
+ font: {
178
+ readonly display: "'DM Serif Display', 'Times New Roman', serif";
179
+ readonly text: "'Newsreader', Georgia, serif";
180
+ readonly mono: "'IBM Plex Mono', 'SFMono-Regular', monospace";
181
+ readonly black: "'UnifrakturMaguntia', 'Grenze Gotisch', serif";
182
+ };
183
+ text: {
184
+ readonly eyebrow: {
185
+ readonly size: "0.694rem";
186
+ readonly lineHeight: "1.2";
187
+ readonly weight: "500";
188
+ readonly letterSpacing: "0.14em";
189
+ };
190
+ readonly display: {
191
+ readonly size: "5.6rem";
192
+ readonly lineHeight: "1.05";
193
+ readonly weight: "600";
194
+ readonly letterSpacing: "-0.01em";
195
+ };
196
+ readonly h1: {
197
+ readonly size: "2.9rem";
198
+ readonly lineHeight: "1.05";
199
+ readonly weight: "600";
200
+ readonly letterSpacing: "-0.01em";
201
+ };
202
+ readonly h2: {
203
+ readonly size: "2.1rem";
204
+ readonly lineHeight: "1.2";
205
+ readonly weight: "600";
206
+ readonly letterSpacing: "0";
207
+ };
208
+ readonly h3: {
209
+ readonly size: "1.563rem";
210
+ readonly lineHeight: "1.2";
211
+ readonly weight: "500";
212
+ readonly letterSpacing: "0";
213
+ };
214
+ readonly h4: {
215
+ readonly size: "1.25rem";
216
+ readonly lineHeight: "1.2";
217
+ readonly weight: "600";
218
+ readonly letterSpacing: "0";
219
+ };
220
+ readonly body: {
221
+ readonly size: "1rem";
222
+ readonly lineHeight: "1.7";
223
+ readonly weight: "400";
224
+ readonly letterSpacing: "0";
225
+ };
226
+ readonly lead: {
227
+ readonly size: "1.25rem";
228
+ readonly lineHeight: "1.7";
229
+ readonly weight: "400";
230
+ readonly letterSpacing: "0";
231
+ };
232
+ readonly small: {
233
+ readonly size: "0.95rem";
234
+ readonly lineHeight: "1.5";
235
+ readonly weight: "400";
236
+ readonly letterSpacing: "0";
237
+ };
238
+ readonly caption: {
239
+ readonly size: "0.833rem";
240
+ readonly lineHeight: "1.5";
241
+ readonly weight: "400";
242
+ readonly letterSpacing: "0.04em";
243
+ };
244
+ };
245
+ space: {
246
+ readonly s0: "0";
247
+ readonly s1: "0.25rem";
248
+ readonly s2: "0.5rem";
249
+ readonly s3: "0.75rem";
250
+ readonly s4: "1rem";
251
+ readonly s5: "1.5rem";
252
+ readonly s6: "2rem";
253
+ readonly s7: "3rem";
254
+ readonly s8: "4rem";
255
+ readonly s9: "6rem";
256
+ };
257
+ radius: {
258
+ readonly none: "0px";
259
+ readonly sm: "3px";
260
+ readonly md: "5px";
261
+ readonly lg: "8px";
262
+ readonly base: "4px";
263
+ readonly full: "999px";
264
+ };
265
+ border: {
266
+ readonly hair: "1px";
267
+ readonly rule: "1.5px";
268
+ readonly heavy: "2px";
269
+ };
270
+ tracking: {
271
+ readonly tight: "-0.01em";
272
+ readonly normal: "0";
273
+ readonly wide: "0.04em";
274
+ readonly wider: "0.1em";
275
+ readonly widest: "0.14em";
276
+ };
277
+ weight: {
278
+ readonly light: "300";
279
+ readonly regular: "400";
280
+ readonly medium: "500";
281
+ readonly semibold: "600";
282
+ readonly bold: "700";
283
+ };
284
+ dur: {
285
+ readonly fast: "120ms";
286
+ readonly base: "200ms";
287
+ readonly slow: "360ms";
288
+ };
289
+ ease: {
290
+ readonly ink: "cubic-bezier(0.2, 0, 0, 1)";
291
+ };
292
+ shadow: {
293
+ readonly sm: "0 1px 0 rgba(20,17,14,0.06)";
294
+ readonly md: "0 2px 10px -4px rgba(20,17,14,0.22)";
295
+ readonly lg: "0 12px 32px -10px rgba(20,17,14,0.34)";
296
+ };
297
+ };
298
+ sepia: {
299
+ color: {
300
+ bg1: string;
301
+ bg2: string;
302
+ bg3: string;
303
+ bgInset: string;
304
+ fg1: string;
305
+ fg2: string;
306
+ fg3: string;
307
+ fgOnAccent: string;
308
+ border1: string;
309
+ border2: string;
310
+ borderStrong: string;
311
+ accent: string;
312
+ accentHover: string;
313
+ accentSoft: string;
314
+ ok: string;
315
+ warn: string;
316
+ danger: string;
317
+ dangerHover: string;
318
+ dangerSoft: string;
319
+ info: string;
320
+ focus: string;
321
+ scrim: string;
322
+ };
323
+ font: {
324
+ readonly display: "'DM Serif Display', 'Times New Roman', serif";
325
+ readonly text: "'Newsreader', Georgia, serif";
326
+ readonly mono: "'IBM Plex Mono', 'SFMono-Regular', monospace";
327
+ readonly black: "'UnifrakturMaguntia', 'Grenze Gotisch', serif";
328
+ };
329
+ text: {
330
+ readonly eyebrow: {
331
+ readonly size: "0.694rem";
332
+ readonly lineHeight: "1.2";
333
+ readonly weight: "500";
334
+ readonly letterSpacing: "0.14em";
335
+ };
336
+ readonly display: {
337
+ readonly size: "5.6rem";
338
+ readonly lineHeight: "1.05";
339
+ readonly weight: "600";
340
+ readonly letterSpacing: "-0.01em";
341
+ };
342
+ readonly h1: {
343
+ readonly size: "2.9rem";
344
+ readonly lineHeight: "1.05";
345
+ readonly weight: "600";
346
+ readonly letterSpacing: "-0.01em";
347
+ };
348
+ readonly h2: {
349
+ readonly size: "2.1rem";
350
+ readonly lineHeight: "1.2";
351
+ readonly weight: "600";
352
+ readonly letterSpacing: "0";
353
+ };
354
+ readonly h3: {
355
+ readonly size: "1.563rem";
356
+ readonly lineHeight: "1.2";
357
+ readonly weight: "500";
358
+ readonly letterSpacing: "0";
359
+ };
360
+ readonly h4: {
361
+ readonly size: "1.25rem";
362
+ readonly lineHeight: "1.2";
363
+ readonly weight: "600";
364
+ readonly letterSpacing: "0";
365
+ };
366
+ readonly body: {
367
+ readonly size: "1rem";
368
+ readonly lineHeight: "1.7";
369
+ readonly weight: "400";
370
+ readonly letterSpacing: "0";
371
+ };
372
+ readonly lead: {
373
+ readonly size: "1.25rem";
374
+ readonly lineHeight: "1.7";
375
+ readonly weight: "400";
376
+ readonly letterSpacing: "0";
377
+ };
378
+ readonly small: {
379
+ readonly size: "0.95rem";
380
+ readonly lineHeight: "1.5";
381
+ readonly weight: "400";
382
+ readonly letterSpacing: "0";
383
+ };
384
+ readonly caption: {
385
+ readonly size: "0.833rem";
386
+ readonly lineHeight: "1.5";
387
+ readonly weight: "400";
388
+ readonly letterSpacing: "0.04em";
389
+ };
390
+ };
391
+ space: {
392
+ readonly s0: "0";
393
+ readonly s1: "0.25rem";
394
+ readonly s2: "0.5rem";
395
+ readonly s3: "0.75rem";
396
+ readonly s4: "1rem";
397
+ readonly s5: "1.5rem";
398
+ readonly s6: "2rem";
399
+ readonly s7: "3rem";
400
+ readonly s8: "4rem";
401
+ readonly s9: "6rem";
402
+ };
403
+ radius: {
404
+ readonly none: "0px";
405
+ readonly sm: "3px";
406
+ readonly md: "5px";
407
+ readonly lg: "8px";
408
+ readonly base: "4px";
409
+ readonly full: "999px";
410
+ };
411
+ border: {
412
+ readonly hair: "1px";
413
+ readonly rule: "1.5px";
414
+ readonly heavy: "2px";
415
+ };
416
+ tracking: {
417
+ readonly tight: "-0.01em";
418
+ readonly normal: "0";
419
+ readonly wide: "0.04em";
420
+ readonly wider: "0.1em";
421
+ readonly widest: "0.14em";
422
+ };
423
+ weight: {
424
+ readonly light: "300";
425
+ readonly regular: "400";
426
+ readonly medium: "500";
427
+ readonly semibold: "600";
428
+ readonly bold: "700";
429
+ };
430
+ dur: {
431
+ readonly fast: "120ms";
432
+ readonly base: "200ms";
433
+ readonly slow: "360ms";
434
+ };
435
+ ease: {
436
+ readonly ink: "cubic-bezier(0.2, 0, 0, 1)";
437
+ };
438
+ shadow: {
439
+ readonly sm: "0 1px 0 rgba(20,17,14,0.06)";
440
+ readonly md: "0 2px 10px -4px rgba(20,17,14,0.22)";
441
+ readonly lg: "0 12px 32px -10px rgba(20,17,14,0.34)";
442
+ };
443
+ };
444
+ contrast: {
445
+ color: {
446
+ bg1: string;
447
+ bg2: string;
448
+ bg3: string;
449
+ bgInset: string;
450
+ fg1: string;
451
+ fg2: string;
452
+ fg3: string;
453
+ fgOnAccent: string;
454
+ border1: string;
455
+ border2: string;
456
+ borderStrong: string;
457
+ accent: string;
458
+ accentHover: string;
459
+ accentSoft: string;
460
+ ok: string;
461
+ warn: string;
462
+ danger: string;
463
+ dangerHover: string;
464
+ dangerSoft: string;
465
+ info: string;
466
+ focus: string;
467
+ scrim: string;
468
+ };
469
+ font: {
470
+ readonly display: "'DM Serif Display', 'Times New Roman', serif";
471
+ readonly text: "'Newsreader', Georgia, serif";
472
+ readonly mono: "'IBM Plex Mono', 'SFMono-Regular', monospace";
473
+ readonly black: "'UnifrakturMaguntia', 'Grenze Gotisch', serif";
474
+ };
475
+ text: {
476
+ readonly eyebrow: {
477
+ readonly size: "0.694rem";
478
+ readonly lineHeight: "1.2";
479
+ readonly weight: "500";
480
+ readonly letterSpacing: "0.14em";
481
+ };
482
+ readonly display: {
483
+ readonly size: "5.6rem";
484
+ readonly lineHeight: "1.05";
485
+ readonly weight: "600";
486
+ readonly letterSpacing: "-0.01em";
487
+ };
488
+ readonly h1: {
489
+ readonly size: "2.9rem";
490
+ readonly lineHeight: "1.05";
491
+ readonly weight: "600";
492
+ readonly letterSpacing: "-0.01em";
493
+ };
494
+ readonly h2: {
495
+ readonly size: "2.1rem";
496
+ readonly lineHeight: "1.2";
497
+ readonly weight: "600";
498
+ readonly letterSpacing: "0";
499
+ };
500
+ readonly h3: {
501
+ readonly size: "1.563rem";
502
+ readonly lineHeight: "1.2";
503
+ readonly weight: "500";
504
+ readonly letterSpacing: "0";
505
+ };
506
+ readonly h4: {
507
+ readonly size: "1.25rem";
508
+ readonly lineHeight: "1.2";
509
+ readonly weight: "600";
510
+ readonly letterSpacing: "0";
511
+ };
512
+ readonly body: {
513
+ readonly size: "1rem";
514
+ readonly lineHeight: "1.7";
515
+ readonly weight: "400";
516
+ readonly letterSpacing: "0";
517
+ };
518
+ readonly lead: {
519
+ readonly size: "1.25rem";
520
+ readonly lineHeight: "1.7";
521
+ readonly weight: "400";
522
+ readonly letterSpacing: "0";
523
+ };
524
+ readonly small: {
525
+ readonly size: "0.95rem";
526
+ readonly lineHeight: "1.5";
527
+ readonly weight: "400";
528
+ readonly letterSpacing: "0";
529
+ };
530
+ readonly caption: {
531
+ readonly size: "0.833rem";
532
+ readonly lineHeight: "1.5";
533
+ readonly weight: "400";
534
+ readonly letterSpacing: "0.04em";
535
+ };
536
+ };
537
+ space: {
538
+ readonly s0: "0";
539
+ readonly s1: "0.25rem";
540
+ readonly s2: "0.5rem";
541
+ readonly s3: "0.75rem";
542
+ readonly s4: "1rem";
543
+ readonly s5: "1.5rem";
544
+ readonly s6: "2rem";
545
+ readonly s7: "3rem";
546
+ readonly s8: "4rem";
547
+ readonly s9: "6rem";
548
+ };
549
+ radius: {
550
+ readonly none: "0px";
551
+ readonly sm: "3px";
552
+ readonly md: "5px";
553
+ readonly lg: "8px";
554
+ readonly base: "4px";
555
+ readonly full: "999px";
556
+ };
557
+ border: {
558
+ readonly hair: "1px";
559
+ readonly rule: "1.5px";
560
+ readonly heavy: "2px";
561
+ };
562
+ tracking: {
563
+ readonly tight: "-0.01em";
564
+ readonly normal: "0";
565
+ readonly wide: "0.04em";
566
+ readonly wider: "0.1em";
567
+ readonly widest: "0.14em";
568
+ };
569
+ weight: {
570
+ readonly light: "300";
571
+ readonly regular: "400";
572
+ readonly medium: "500";
573
+ readonly semibold: "600";
574
+ readonly bold: "700";
575
+ };
576
+ dur: {
577
+ readonly fast: "120ms";
578
+ readonly base: "200ms";
579
+ readonly slow: "360ms";
580
+ };
581
+ ease: {
582
+ readonly ink: "cubic-bezier(0.2, 0, 0, 1)";
583
+ };
584
+ shadow: {
585
+ readonly sm: "0 1px 0 rgba(20,17,14,0.06)";
586
+ readonly md: "0 2px 10px -4px rgba(20,17,14,0.22)";
587
+ readonly lg: "0 12px 32px -10px rgba(20,17,14,0.34)";
588
+ };
589
+ };
590
+ };
591
+ };
592
+
593
+ declare const tintaSchema: {
594
+ light: {
595
+ color: {
596
+ bg1: string;
597
+ bg2: string;
598
+ bg3: string;
599
+ bgInset: string;
600
+ fg1: string;
601
+ fg2: string;
602
+ fg3: string;
603
+ fgOnAccent: string;
604
+ border1: string;
605
+ border2: string;
606
+ borderStrong: string;
607
+ accent: string;
608
+ accentHover: string;
609
+ accentSoft: string;
610
+ ok: string;
611
+ warn: string;
612
+ danger: string;
613
+ dangerHover: string;
614
+ dangerSoft: string;
615
+ info: string;
616
+ focus: string;
617
+ scrim: string;
618
+ };
619
+ font: {
620
+ readonly display: "'DM Serif Display', 'Times New Roman', serif";
621
+ readonly text: "'Newsreader', Georgia, serif";
622
+ readonly mono: "'IBM Plex Mono', 'SFMono-Regular', monospace";
623
+ readonly black: "'UnifrakturMaguntia', 'Grenze Gotisch', serif";
624
+ };
625
+ text: {
626
+ readonly eyebrow: {
627
+ readonly size: "0.694rem";
628
+ readonly lineHeight: "1.2";
629
+ readonly weight: "500";
630
+ readonly letterSpacing: "0.14em";
631
+ };
632
+ readonly display: {
633
+ readonly size: "5.6rem";
634
+ readonly lineHeight: "1.05";
635
+ readonly weight: "600";
636
+ readonly letterSpacing: "-0.01em";
637
+ };
638
+ readonly h1: {
639
+ readonly size: "2.9rem";
640
+ readonly lineHeight: "1.05";
641
+ readonly weight: "600";
642
+ readonly letterSpacing: "-0.01em";
643
+ };
644
+ readonly h2: {
645
+ readonly size: "2.1rem";
646
+ readonly lineHeight: "1.2";
647
+ readonly weight: "600";
648
+ readonly letterSpacing: "0";
649
+ };
650
+ readonly h3: {
651
+ readonly size: "1.563rem";
652
+ readonly lineHeight: "1.2";
653
+ readonly weight: "500";
654
+ readonly letterSpacing: "0";
655
+ };
656
+ readonly h4: {
657
+ readonly size: "1.25rem";
658
+ readonly lineHeight: "1.2";
659
+ readonly weight: "600";
660
+ readonly letterSpacing: "0";
661
+ };
662
+ readonly body: {
663
+ readonly size: "1rem";
664
+ readonly lineHeight: "1.7";
665
+ readonly weight: "400";
666
+ readonly letterSpacing: "0";
667
+ };
668
+ readonly lead: {
669
+ readonly size: "1.25rem";
670
+ readonly lineHeight: "1.7";
671
+ readonly weight: "400";
672
+ readonly letterSpacing: "0";
673
+ };
674
+ readonly small: {
675
+ readonly size: "0.95rem";
676
+ readonly lineHeight: "1.5";
677
+ readonly weight: "400";
678
+ readonly letterSpacing: "0";
679
+ };
680
+ readonly caption: {
681
+ readonly size: "0.833rem";
682
+ readonly lineHeight: "1.5";
683
+ readonly weight: "400";
684
+ readonly letterSpacing: "0.04em";
685
+ };
686
+ };
687
+ space: {
688
+ readonly s0: "0";
689
+ readonly s1: "0.25rem";
690
+ readonly s2: "0.5rem";
691
+ readonly s3: "0.75rem";
692
+ readonly s4: "1rem";
693
+ readonly s5: "1.5rem";
694
+ readonly s6: "2rem";
695
+ readonly s7: "3rem";
696
+ readonly s8: "4rem";
697
+ readonly s9: "6rem";
698
+ };
699
+ radius: {
700
+ readonly none: "0px";
701
+ readonly sm: "3px";
702
+ readonly md: "5px";
703
+ readonly lg: "8px";
704
+ readonly base: "4px";
705
+ readonly full: "999px";
706
+ };
707
+ border: {
708
+ readonly hair: "1px";
709
+ readonly rule: "1.5px";
710
+ readonly heavy: "2px";
711
+ };
712
+ tracking: {
713
+ readonly tight: "-0.01em";
714
+ readonly normal: "0";
715
+ readonly wide: "0.04em";
716
+ readonly wider: "0.1em";
717
+ readonly widest: "0.14em";
718
+ };
719
+ weight: {
720
+ readonly light: "300";
721
+ readonly regular: "400";
722
+ readonly medium: "500";
723
+ readonly semibold: "600";
724
+ readonly bold: "700";
725
+ };
726
+ dur: {
727
+ readonly fast: "120ms";
728
+ readonly base: "200ms";
729
+ readonly slow: "360ms";
730
+ };
731
+ ease: {
732
+ readonly ink: "cubic-bezier(0.2, 0, 0, 1)";
733
+ };
734
+ shadow: {
735
+ readonly sm: "0 1px 0 rgba(20,17,14,0.06)";
736
+ readonly md: "0 2px 10px -4px rgba(20,17,14,0.22)";
737
+ readonly lg: "0 12px 32px -10px rgba(20,17,14,0.34)";
738
+ };
739
+ };
740
+ dark: {
741
+ color: {
742
+ bg1: string;
743
+ bg2: string;
744
+ bg3: string;
745
+ bgInset: string;
746
+ fg1: string;
747
+ fg2: string;
748
+ fg3: string;
749
+ fgOnAccent: string;
750
+ border1: string;
751
+ border2: string;
752
+ borderStrong: string;
753
+ accent: string;
754
+ accentHover: string;
755
+ accentSoft: string;
756
+ ok: string;
757
+ warn: string;
758
+ danger: string;
759
+ dangerHover: string;
760
+ dangerSoft: string;
761
+ info: string;
762
+ focus: string;
763
+ scrim: string;
764
+ };
765
+ font: {
766
+ readonly display: "'DM Serif Display', 'Times New Roman', serif";
767
+ readonly text: "'Newsreader', Georgia, serif";
768
+ readonly mono: "'IBM Plex Mono', 'SFMono-Regular', monospace";
769
+ readonly black: "'UnifrakturMaguntia', 'Grenze Gotisch', serif";
770
+ };
771
+ text: {
772
+ readonly eyebrow: {
773
+ readonly size: "0.694rem";
774
+ readonly lineHeight: "1.2";
775
+ readonly weight: "500";
776
+ readonly letterSpacing: "0.14em";
777
+ };
778
+ readonly display: {
779
+ readonly size: "5.6rem";
780
+ readonly lineHeight: "1.05";
781
+ readonly weight: "600";
782
+ readonly letterSpacing: "-0.01em";
783
+ };
784
+ readonly h1: {
785
+ readonly size: "2.9rem";
786
+ readonly lineHeight: "1.05";
787
+ readonly weight: "600";
788
+ readonly letterSpacing: "-0.01em";
789
+ };
790
+ readonly h2: {
791
+ readonly size: "2.1rem";
792
+ readonly lineHeight: "1.2";
793
+ readonly weight: "600";
794
+ readonly letterSpacing: "0";
795
+ };
796
+ readonly h3: {
797
+ readonly size: "1.563rem";
798
+ readonly lineHeight: "1.2";
799
+ readonly weight: "500";
800
+ readonly letterSpacing: "0";
801
+ };
802
+ readonly h4: {
803
+ readonly size: "1.25rem";
804
+ readonly lineHeight: "1.2";
805
+ readonly weight: "600";
806
+ readonly letterSpacing: "0";
807
+ };
808
+ readonly body: {
809
+ readonly size: "1rem";
810
+ readonly lineHeight: "1.7";
811
+ readonly weight: "400";
812
+ readonly letterSpacing: "0";
813
+ };
814
+ readonly lead: {
815
+ readonly size: "1.25rem";
816
+ readonly lineHeight: "1.7";
817
+ readonly weight: "400";
818
+ readonly letterSpacing: "0";
819
+ };
820
+ readonly small: {
821
+ readonly size: "0.95rem";
822
+ readonly lineHeight: "1.5";
823
+ readonly weight: "400";
824
+ readonly letterSpacing: "0";
825
+ };
826
+ readonly caption: {
827
+ readonly size: "0.833rem";
828
+ readonly lineHeight: "1.5";
829
+ readonly weight: "400";
830
+ readonly letterSpacing: "0.04em";
831
+ };
832
+ };
833
+ space: {
834
+ readonly s0: "0";
835
+ readonly s1: "0.25rem";
836
+ readonly s2: "0.5rem";
837
+ readonly s3: "0.75rem";
838
+ readonly s4: "1rem";
839
+ readonly s5: "1.5rem";
840
+ readonly s6: "2rem";
841
+ readonly s7: "3rem";
842
+ readonly s8: "4rem";
843
+ readonly s9: "6rem";
844
+ };
845
+ radius: {
846
+ readonly none: "0px";
847
+ readonly sm: "3px";
848
+ readonly md: "5px";
849
+ readonly lg: "8px";
850
+ readonly base: "4px";
851
+ readonly full: "999px";
852
+ };
853
+ border: {
854
+ readonly hair: "1px";
855
+ readonly rule: "1.5px";
856
+ readonly heavy: "2px";
857
+ };
858
+ tracking: {
859
+ readonly tight: "-0.01em";
860
+ readonly normal: "0";
861
+ readonly wide: "0.04em";
862
+ readonly wider: "0.1em";
863
+ readonly widest: "0.14em";
864
+ };
865
+ weight: {
866
+ readonly light: "300";
867
+ readonly regular: "400";
868
+ readonly medium: "500";
869
+ readonly semibold: "600";
870
+ readonly bold: "700";
871
+ };
872
+ dur: {
873
+ readonly fast: "120ms";
874
+ readonly base: "200ms";
875
+ readonly slow: "360ms";
876
+ };
877
+ ease: {
878
+ readonly ink: "cubic-bezier(0.2, 0, 0, 1)";
879
+ };
880
+ shadow: {
881
+ readonly sm: "0 1px 0 rgba(20,17,14,0.06)";
882
+ readonly md: "0 2px 10px -4px rgba(20,17,14,0.22)";
883
+ readonly lg: "0 12px 32px -10px rgba(20,17,14,0.34)";
884
+ };
885
+ };
886
+ sepia: {
887
+ color: {
888
+ bg1: string;
889
+ bg2: string;
890
+ bg3: string;
891
+ bgInset: string;
892
+ fg1: string;
893
+ fg2: string;
894
+ fg3: string;
895
+ fgOnAccent: string;
896
+ border1: string;
897
+ border2: string;
898
+ borderStrong: string;
899
+ accent: string;
900
+ accentHover: string;
901
+ accentSoft: string;
902
+ ok: string;
903
+ warn: string;
904
+ danger: string;
905
+ dangerHover: string;
906
+ dangerSoft: string;
907
+ info: string;
908
+ focus: string;
909
+ scrim: string;
910
+ };
911
+ font: {
912
+ readonly display: "'DM Serif Display', 'Times New Roman', serif";
913
+ readonly text: "'Newsreader', Georgia, serif";
914
+ readonly mono: "'IBM Plex Mono', 'SFMono-Regular', monospace";
915
+ readonly black: "'UnifrakturMaguntia', 'Grenze Gotisch', serif";
916
+ };
917
+ text: {
918
+ readonly eyebrow: {
919
+ readonly size: "0.694rem";
920
+ readonly lineHeight: "1.2";
921
+ readonly weight: "500";
922
+ readonly letterSpacing: "0.14em";
923
+ };
924
+ readonly display: {
925
+ readonly size: "5.6rem";
926
+ readonly lineHeight: "1.05";
927
+ readonly weight: "600";
928
+ readonly letterSpacing: "-0.01em";
929
+ };
930
+ readonly h1: {
931
+ readonly size: "2.9rem";
932
+ readonly lineHeight: "1.05";
933
+ readonly weight: "600";
934
+ readonly letterSpacing: "-0.01em";
935
+ };
936
+ readonly h2: {
937
+ readonly size: "2.1rem";
938
+ readonly lineHeight: "1.2";
939
+ readonly weight: "600";
940
+ readonly letterSpacing: "0";
941
+ };
942
+ readonly h3: {
943
+ readonly size: "1.563rem";
944
+ readonly lineHeight: "1.2";
945
+ readonly weight: "500";
946
+ readonly letterSpacing: "0";
947
+ };
948
+ readonly h4: {
949
+ readonly size: "1.25rem";
950
+ readonly lineHeight: "1.2";
951
+ readonly weight: "600";
952
+ readonly letterSpacing: "0";
953
+ };
954
+ readonly body: {
955
+ readonly size: "1rem";
956
+ readonly lineHeight: "1.7";
957
+ readonly weight: "400";
958
+ readonly letterSpacing: "0";
959
+ };
960
+ readonly lead: {
961
+ readonly size: "1.25rem";
962
+ readonly lineHeight: "1.7";
963
+ readonly weight: "400";
964
+ readonly letterSpacing: "0";
965
+ };
966
+ readonly small: {
967
+ readonly size: "0.95rem";
968
+ readonly lineHeight: "1.5";
969
+ readonly weight: "400";
970
+ readonly letterSpacing: "0";
971
+ };
972
+ readonly caption: {
973
+ readonly size: "0.833rem";
974
+ readonly lineHeight: "1.5";
975
+ readonly weight: "400";
976
+ readonly letterSpacing: "0.04em";
977
+ };
978
+ };
979
+ space: {
980
+ readonly s0: "0";
981
+ readonly s1: "0.25rem";
982
+ readonly s2: "0.5rem";
983
+ readonly s3: "0.75rem";
984
+ readonly s4: "1rem";
985
+ readonly s5: "1.5rem";
986
+ readonly s6: "2rem";
987
+ readonly s7: "3rem";
988
+ readonly s8: "4rem";
989
+ readonly s9: "6rem";
990
+ };
991
+ radius: {
992
+ readonly none: "0px";
993
+ readonly sm: "3px";
994
+ readonly md: "5px";
995
+ readonly lg: "8px";
996
+ readonly base: "4px";
997
+ readonly full: "999px";
998
+ };
999
+ border: {
1000
+ readonly hair: "1px";
1001
+ readonly rule: "1.5px";
1002
+ readonly heavy: "2px";
1003
+ };
1004
+ tracking: {
1005
+ readonly tight: "-0.01em";
1006
+ readonly normal: "0";
1007
+ readonly wide: "0.04em";
1008
+ readonly wider: "0.1em";
1009
+ readonly widest: "0.14em";
1010
+ };
1011
+ weight: {
1012
+ readonly light: "300";
1013
+ readonly regular: "400";
1014
+ readonly medium: "500";
1015
+ readonly semibold: "600";
1016
+ readonly bold: "700";
1017
+ };
1018
+ dur: {
1019
+ readonly fast: "120ms";
1020
+ readonly base: "200ms";
1021
+ readonly slow: "360ms";
1022
+ };
1023
+ ease: {
1024
+ readonly ink: "cubic-bezier(0.2, 0, 0, 1)";
1025
+ };
1026
+ shadow: {
1027
+ readonly sm: "0 1px 0 rgba(20,17,14,0.06)";
1028
+ readonly md: "0 2px 10px -4px rgba(20,17,14,0.22)";
1029
+ readonly lg: "0 12px 32px -10px rgba(20,17,14,0.34)";
1030
+ };
1031
+ };
1032
+ contrast: {
1033
+ color: {
1034
+ bg1: string;
1035
+ bg2: string;
1036
+ bg3: string;
1037
+ bgInset: string;
1038
+ fg1: string;
1039
+ fg2: string;
1040
+ fg3: string;
1041
+ fgOnAccent: string;
1042
+ border1: string;
1043
+ border2: string;
1044
+ borderStrong: string;
1045
+ accent: string;
1046
+ accentHover: string;
1047
+ accentSoft: string;
1048
+ ok: string;
1049
+ warn: string;
1050
+ danger: string;
1051
+ dangerHover: string;
1052
+ dangerSoft: string;
1053
+ info: string;
1054
+ focus: string;
1055
+ scrim: string;
1056
+ };
1057
+ font: {
1058
+ readonly display: "'DM Serif Display', 'Times New Roman', serif";
1059
+ readonly text: "'Newsreader', Georgia, serif";
1060
+ readonly mono: "'IBM Plex Mono', 'SFMono-Regular', monospace";
1061
+ readonly black: "'UnifrakturMaguntia', 'Grenze Gotisch', serif";
1062
+ };
1063
+ text: {
1064
+ readonly eyebrow: {
1065
+ readonly size: "0.694rem";
1066
+ readonly lineHeight: "1.2";
1067
+ readonly weight: "500";
1068
+ readonly letterSpacing: "0.14em";
1069
+ };
1070
+ readonly display: {
1071
+ readonly size: "5.6rem";
1072
+ readonly lineHeight: "1.05";
1073
+ readonly weight: "600";
1074
+ readonly letterSpacing: "-0.01em";
1075
+ };
1076
+ readonly h1: {
1077
+ readonly size: "2.9rem";
1078
+ readonly lineHeight: "1.05";
1079
+ readonly weight: "600";
1080
+ readonly letterSpacing: "-0.01em";
1081
+ };
1082
+ readonly h2: {
1083
+ readonly size: "2.1rem";
1084
+ readonly lineHeight: "1.2";
1085
+ readonly weight: "600";
1086
+ readonly letterSpacing: "0";
1087
+ };
1088
+ readonly h3: {
1089
+ readonly size: "1.563rem";
1090
+ readonly lineHeight: "1.2";
1091
+ readonly weight: "500";
1092
+ readonly letterSpacing: "0";
1093
+ };
1094
+ readonly h4: {
1095
+ readonly size: "1.25rem";
1096
+ readonly lineHeight: "1.2";
1097
+ readonly weight: "600";
1098
+ readonly letterSpacing: "0";
1099
+ };
1100
+ readonly body: {
1101
+ readonly size: "1rem";
1102
+ readonly lineHeight: "1.7";
1103
+ readonly weight: "400";
1104
+ readonly letterSpacing: "0";
1105
+ };
1106
+ readonly lead: {
1107
+ readonly size: "1.25rem";
1108
+ readonly lineHeight: "1.7";
1109
+ readonly weight: "400";
1110
+ readonly letterSpacing: "0";
1111
+ };
1112
+ readonly small: {
1113
+ readonly size: "0.95rem";
1114
+ readonly lineHeight: "1.5";
1115
+ readonly weight: "400";
1116
+ readonly letterSpacing: "0";
1117
+ };
1118
+ readonly caption: {
1119
+ readonly size: "0.833rem";
1120
+ readonly lineHeight: "1.5";
1121
+ readonly weight: "400";
1122
+ readonly letterSpacing: "0.04em";
1123
+ };
1124
+ };
1125
+ space: {
1126
+ readonly s0: "0";
1127
+ readonly s1: "0.25rem";
1128
+ readonly s2: "0.5rem";
1129
+ readonly s3: "0.75rem";
1130
+ readonly s4: "1rem";
1131
+ readonly s5: "1.5rem";
1132
+ readonly s6: "2rem";
1133
+ readonly s7: "3rem";
1134
+ readonly s8: "4rem";
1135
+ readonly s9: "6rem";
1136
+ };
1137
+ radius: {
1138
+ readonly none: "0px";
1139
+ readonly sm: "3px";
1140
+ readonly md: "5px";
1141
+ readonly lg: "8px";
1142
+ readonly base: "4px";
1143
+ readonly full: "999px";
1144
+ };
1145
+ border: {
1146
+ readonly hair: "1px";
1147
+ readonly rule: "1.5px";
1148
+ readonly heavy: "2px";
1149
+ };
1150
+ tracking: {
1151
+ readonly tight: "-0.01em";
1152
+ readonly normal: "0";
1153
+ readonly wide: "0.04em";
1154
+ readonly wider: "0.1em";
1155
+ readonly widest: "0.14em";
1156
+ };
1157
+ weight: {
1158
+ readonly light: "300";
1159
+ readonly regular: "400";
1160
+ readonly medium: "500";
1161
+ readonly semibold: "600";
1162
+ readonly bold: "700";
1163
+ };
1164
+ dur: {
1165
+ readonly fast: "120ms";
1166
+ readonly base: "200ms";
1167
+ readonly slow: "360ms";
1168
+ };
1169
+ ease: {
1170
+ readonly ink: "cubic-bezier(0.2, 0, 0, 1)";
1171
+ };
1172
+ shadow: {
1173
+ readonly sm: "0 1px 0 rgba(20,17,14,0.06)";
1174
+ readonly md: "0 2px 10px -4px rgba(20,17,14,0.22)";
1175
+ readonly lg: "0 12px 32px -10px rgba(20,17,14,0.34)";
1176
+ };
1177
+ };
1178
+ };
1179
+
1180
+ type SchemaName = keyof typeof schemas;
1181
+ type Mode = "light" | "dark" | "sepia" | "contrast";
1182
+ type ColorTokens = typeof tintaSchema.light.color;
1183
+ /** El usuario puede fijar un modo concreto o "system" (seguir las preferencias del SO). */
1184
+ type ModePreference = Mode | "system";
1185
+ declare const schemaNames: readonly SchemaName[];
1186
+ declare const modeNames: readonly Mode[];
1187
+
6
1188
  declare const colorVars: {
7
1189
  bg1: `var(--${string})`;
8
1190
  bg2: `var(--${string})`;
@@ -905,4 +2087,4 @@ interface TestIdHandle {
905
2087
  }
906
2088
  declare function useTestId(type: string, ownTestId?: string): TestIdHandle;
907
2089
 
908
- export { Accordion, type AccordionItem, type AccordionProps, Alert, AlertCircleIcon, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AtSignIcon, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeTone, BellIcon, BellOffIcon, BookmarkIcon, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonSize, type ButtonTone, type ButtonVariant, CalendarIcon, CameraIcon, Card, type CardProps, type CardSectionProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, Chip, type ChipProps, type ChipTone, CircleCheckIcon, CircleXIcon, ClipboardIcon, ClockIcon, CloudIcon, Container, type ContainerProps, CopyIcon, CornerDownRightIcon, CreditCardIcon, type Crumb, Dialog, type DialogProps, Divider, type DividerProps, DollarSignIcon, DownloadIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileIcon, FileTextIcon, FilterIcon, FingerprintIcon, FolderIcon, FolderOpenIcon, GiftIcon, GlobeIcon, GridIcon, HeartIcon, HelpCircleIcon, HomeIcon, type Icon, IconButton, type IconButtonProps, type IconButtonTone, type IconProps, ImageIcon, InboxIcon, InfoIcon, KeyIcon, LayoutIcon, LinkIcon, ListIcon, ListItem, type ListItemProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapPinIcon, MaximizeIcon, Menu, MenuIcon, type MenuItemDef, type MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MinimizeIcon, MinusIcon, MoneyField, type MoneyFieldProps, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, PackageIcon, Pagination, type PaginationProps, PaperclipIcon, PasswordField, type PasswordFieldProps, PauseIcon, PencilIcon, PhoneIcon, PlayIcon, PlusIcon, PrinterIcon, Progress, type ProgressProps, type ProgressVariant, Radio, type RadioProps, RedoIcon, RefreshCwIcon, SaveIcon, SearchIcon, Select, type SelectOption, type SelectProps, SendIcon, SettingsIcon, ShareIcon, ShieldCheckIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, Slider, type SliderProps, SlidersIcon, SmileIcon, Snackbar, type SnackbarProps, StarIcon, type Step, Stepper, type StepperProps, SunIcon, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, TagIcon, type TestIdHandle, TestIdProvider, type TestIdProviderProps, TextField, type TextFieldProps, ThemeProvider, type ThemeProviderProps, ThumbsDownIcon, ThumbsUpIcon, Tooltip, type TooltipPlacement, type TooltipProps, TrashIcon, TriangleAlertIcon, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, UndoIcon, UnlockIcon, UploadIcon, UserCheckIcon, UserIcon, UserPlusIcon, UsersIcon, Volume2Icon, VolumeXIcon, WifiIcon, XIcon, ZapIcon, colorVars, iconCatalog, text, vars as theme, themes, usePrevious, useTestId, useTheme, useToggle };
2090
+ export { Accordion, type AccordionItem, type AccordionProps, Alert, AlertCircleIcon, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AtSignIcon, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeTone, BellIcon, BellOffIcon, BookmarkIcon, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonSize, type ButtonTone, type ButtonVariant, CalendarIcon, CameraIcon, Card, type CardProps, type CardSectionProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, Chip, type ChipProps, type ChipTone, CircleCheckIcon, CircleXIcon, ClipboardIcon, ClockIcon, CloudIcon, type ColorTokens, Container, type ContainerProps, CopyIcon, CornerDownRightIcon, CreditCardIcon, type Crumb, Dialog, type DialogProps, Divider, type DividerProps, DollarSignIcon, DownloadIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileIcon, FileTextIcon, FilterIcon, FingerprintIcon, FolderIcon, FolderOpenIcon, GiftIcon, GlobeIcon, GridIcon, HeartIcon, HelpCircleIcon, HomeIcon, type Icon, IconButton, type IconButtonProps, type IconButtonTone, type IconProps, ImageIcon, InboxIcon, InfoIcon, KeyIcon, LayoutIcon, LinkIcon, ListIcon, ListItem, type ListItemProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapPinIcon, MaximizeIcon, Menu, MenuIcon, type MenuItemDef, type MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MinimizeIcon, MinusIcon, type Mode, type ModePreference, MoneyField, type MoneyFieldProps, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, PackageIcon, Pagination, type PaginationProps, PaperclipIcon, PasswordField, type PasswordFieldProps, PauseIcon, PencilIcon, PhoneIcon, PlayIcon, PlusIcon, PrinterIcon, Progress, type ProgressProps, type ProgressVariant, Radio, type RadioProps, RedoIcon, RefreshCwIcon, SaveIcon, type SchemaName, SearchIcon, Select, type SelectOption, type SelectProps, SendIcon, SettingsIcon, ShareIcon, ShieldCheckIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, Slider, type SliderProps, SlidersIcon, SmileIcon, Snackbar, type SnackbarProps, StarIcon, type Step, Stepper, type StepperProps, SunIcon, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, TagIcon, type TestIdHandle, TestIdProvider, type TestIdProviderProps, TextField, type TextFieldProps, ThemeProvider, type ThemeProviderProps, ThumbsDownIcon, ThumbsUpIcon, Tooltip, type TooltipPlacement, type TooltipProps, TrashIcon, TriangleAlertIcon, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, UndoIcon, UnlockIcon, UploadIcon, UserCheckIcon, UserIcon, UserPlusIcon, UsersIcon, Volume2Icon, VolumeXIcon, WifiIcon, XIcon, ZapIcon, colorVars, iconCatalog, modeNames, schemaNames, text, vars as theme, themes, usePrevious, useTestId, useTheme, useToggle };