@octavius2929-personal/design-system 0.14.0 → 0.16.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 (9) hide show
  1. package/dist/index.cjs +3141 -238
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +205 -603
  4. package/dist/index.d.ts +205 -603
  5. package/dist/index.js +2959 -151
  6. package/dist/index.js.map +1 -1
  7. package/package.json +3 -11
  8. package/LICENSE +0 -21
  9. package/README.md +0 -117
package/dist/index.d.cts CHANGED
@@ -1,595 +1,8 @@
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';
1
3
  import * as react from 'react';
2
4
  import { ElementType, ComponentPropsWithoutRef, Ref, SVGProps, ReactElement, ButtonHTMLAttributes, HTMLAttributes, ReactNode, InputHTMLAttributes, TableHTMLAttributes } from 'react';
3
5
 
4
- declare const tintaSchema: {
5
- light: {
6
- color: {
7
- bg1: string;
8
- bg2: string;
9
- bg3: string;
10
- bgInset: string;
11
- fg1: string;
12
- fg2: string;
13
- fg3: string;
14
- fgOnAccent: string;
15
- border1: string;
16
- border2: string;
17
- borderStrong: string;
18
- accent: string;
19
- accentHover: string;
20
- accentSoft: string;
21
- ok: string;
22
- warn: string;
23
- danger: string;
24
- dangerHover: string;
25
- dangerSoft: string;
26
- info: string;
27
- focus: string;
28
- scrim: string;
29
- };
30
- font: {
31
- readonly display: "'DM Serif Display', 'Times New Roman', serif";
32
- readonly text: "'Newsreader', Georgia, serif";
33
- readonly mono: "'IBM Plex Mono', 'SFMono-Regular', monospace";
34
- readonly black: "'UnifrakturMaguntia', 'Grenze Gotisch', serif";
35
- };
36
- text: {
37
- readonly eyebrow: {
38
- readonly size: "0.694rem";
39
- readonly lineHeight: "1.2";
40
- readonly weight: "500";
41
- readonly letterSpacing: "0.14em";
42
- };
43
- readonly display: {
44
- readonly size: "5.6rem";
45
- readonly lineHeight: "1.05";
46
- readonly weight: "600";
47
- readonly letterSpacing: "-0.01em";
48
- };
49
- readonly h1: {
50
- readonly size: "2.9rem";
51
- readonly lineHeight: "1.05";
52
- readonly weight: "600";
53
- readonly letterSpacing: "-0.01em";
54
- };
55
- readonly h2: {
56
- readonly size: "2.1rem";
57
- readonly lineHeight: "1.2";
58
- readonly weight: "600";
59
- readonly letterSpacing: "0";
60
- };
61
- readonly h3: {
62
- readonly size: "1.563rem";
63
- readonly lineHeight: "1.2";
64
- readonly weight: "500";
65
- readonly letterSpacing: "0";
66
- };
67
- readonly h4: {
68
- readonly size: "1.25rem";
69
- readonly lineHeight: "1.2";
70
- readonly weight: "600";
71
- readonly letterSpacing: "0";
72
- };
73
- readonly body: {
74
- readonly size: "1rem";
75
- readonly lineHeight: "1.7";
76
- readonly weight: "400";
77
- readonly letterSpacing: "0";
78
- };
79
- readonly lead: {
80
- readonly size: "1.25rem";
81
- readonly lineHeight: "1.7";
82
- readonly weight: "400";
83
- readonly letterSpacing: "0";
84
- };
85
- readonly small: {
86
- readonly size: "0.95rem";
87
- readonly lineHeight: "1.5";
88
- readonly weight: "400";
89
- readonly letterSpacing: "0";
90
- };
91
- readonly caption: {
92
- readonly size: "0.833rem";
93
- readonly lineHeight: "1.5";
94
- readonly weight: "400";
95
- readonly letterSpacing: "0.04em";
96
- };
97
- };
98
- space: {
99
- readonly s0: "0";
100
- readonly s1: "0.25rem";
101
- readonly s2: "0.5rem";
102
- readonly s3: "0.75rem";
103
- readonly s4: "1rem";
104
- readonly s5: "1.5rem";
105
- readonly s6: "2rem";
106
- readonly s7: "3rem";
107
- readonly s8: "4rem";
108
- readonly s9: "6rem";
109
- };
110
- radius: {
111
- readonly none: "0px";
112
- readonly sm: "3px";
113
- readonly md: "5px";
114
- readonly lg: "8px";
115
- readonly base: "4px";
116
- readonly full: "999px";
117
- };
118
- border: {
119
- readonly hair: "1px";
120
- readonly rule: "1.5px";
121
- readonly heavy: "2px";
122
- };
123
- tracking: {
124
- readonly tight: "-0.01em";
125
- readonly normal: "0";
126
- readonly wide: "0.04em";
127
- readonly wider: "0.1em";
128
- readonly widest: "0.14em";
129
- };
130
- weight: {
131
- readonly light: "300";
132
- readonly regular: "400";
133
- readonly medium: "500";
134
- readonly semibold: "600";
135
- readonly bold: "700";
136
- };
137
- dur: {
138
- readonly fast: "120ms";
139
- readonly base: "200ms";
140
- readonly slow: "360ms";
141
- };
142
- ease: {
143
- readonly ink: "cubic-bezier(0.2, 0, 0, 1)";
144
- };
145
- shadow: {
146
- readonly sm: "0 1px 0 rgba(20,17,14,0.06)";
147
- readonly md: "0 2px 10px -4px rgba(20,17,14,0.22)";
148
- readonly lg: "0 12px 32px -10px rgba(20,17,14,0.34)";
149
- };
150
- };
151
- dark: {
152
- color: {
153
- bg1: string;
154
- bg2: string;
155
- bg3: string;
156
- bgInset: string;
157
- fg1: string;
158
- fg2: string;
159
- fg3: string;
160
- fgOnAccent: string;
161
- border1: string;
162
- border2: string;
163
- borderStrong: string;
164
- accent: string;
165
- accentHover: string;
166
- accentSoft: string;
167
- ok: string;
168
- warn: string;
169
- danger: string;
170
- dangerHover: string;
171
- dangerSoft: string;
172
- info: string;
173
- focus: string;
174
- scrim: string;
175
- };
176
- font: {
177
- readonly display: "'DM Serif Display', 'Times New Roman', serif";
178
- readonly text: "'Newsreader', Georgia, serif";
179
- readonly mono: "'IBM Plex Mono', 'SFMono-Regular', monospace";
180
- readonly black: "'UnifrakturMaguntia', 'Grenze Gotisch', serif";
181
- };
182
- text: {
183
- readonly eyebrow: {
184
- readonly size: "0.694rem";
185
- readonly lineHeight: "1.2";
186
- readonly weight: "500";
187
- readonly letterSpacing: "0.14em";
188
- };
189
- readonly display: {
190
- readonly size: "5.6rem";
191
- readonly lineHeight: "1.05";
192
- readonly weight: "600";
193
- readonly letterSpacing: "-0.01em";
194
- };
195
- readonly h1: {
196
- readonly size: "2.9rem";
197
- readonly lineHeight: "1.05";
198
- readonly weight: "600";
199
- readonly letterSpacing: "-0.01em";
200
- };
201
- readonly h2: {
202
- readonly size: "2.1rem";
203
- readonly lineHeight: "1.2";
204
- readonly weight: "600";
205
- readonly letterSpacing: "0";
206
- };
207
- readonly h3: {
208
- readonly size: "1.563rem";
209
- readonly lineHeight: "1.2";
210
- readonly weight: "500";
211
- readonly letterSpacing: "0";
212
- };
213
- readonly h4: {
214
- readonly size: "1.25rem";
215
- readonly lineHeight: "1.2";
216
- readonly weight: "600";
217
- readonly letterSpacing: "0";
218
- };
219
- readonly body: {
220
- readonly size: "1rem";
221
- readonly lineHeight: "1.7";
222
- readonly weight: "400";
223
- readonly letterSpacing: "0";
224
- };
225
- readonly lead: {
226
- readonly size: "1.25rem";
227
- readonly lineHeight: "1.7";
228
- readonly weight: "400";
229
- readonly letterSpacing: "0";
230
- };
231
- readonly small: {
232
- readonly size: "0.95rem";
233
- readonly lineHeight: "1.5";
234
- readonly weight: "400";
235
- readonly letterSpacing: "0";
236
- };
237
- readonly caption: {
238
- readonly size: "0.833rem";
239
- readonly lineHeight: "1.5";
240
- readonly weight: "400";
241
- readonly letterSpacing: "0.04em";
242
- };
243
- };
244
- space: {
245
- readonly s0: "0";
246
- readonly s1: "0.25rem";
247
- readonly s2: "0.5rem";
248
- readonly s3: "0.75rem";
249
- readonly s4: "1rem";
250
- readonly s5: "1.5rem";
251
- readonly s6: "2rem";
252
- readonly s7: "3rem";
253
- readonly s8: "4rem";
254
- readonly s9: "6rem";
255
- };
256
- radius: {
257
- readonly none: "0px";
258
- readonly sm: "3px";
259
- readonly md: "5px";
260
- readonly lg: "8px";
261
- readonly base: "4px";
262
- readonly full: "999px";
263
- };
264
- border: {
265
- readonly hair: "1px";
266
- readonly rule: "1.5px";
267
- readonly heavy: "2px";
268
- };
269
- tracking: {
270
- readonly tight: "-0.01em";
271
- readonly normal: "0";
272
- readonly wide: "0.04em";
273
- readonly wider: "0.1em";
274
- readonly widest: "0.14em";
275
- };
276
- weight: {
277
- readonly light: "300";
278
- readonly regular: "400";
279
- readonly medium: "500";
280
- readonly semibold: "600";
281
- readonly bold: "700";
282
- };
283
- dur: {
284
- readonly fast: "120ms";
285
- readonly base: "200ms";
286
- readonly slow: "360ms";
287
- };
288
- ease: {
289
- readonly ink: "cubic-bezier(0.2, 0, 0, 1)";
290
- };
291
- shadow: {
292
- readonly sm: "0 1px 0 rgba(20,17,14,0.06)";
293
- readonly md: "0 2px 10px -4px rgba(20,17,14,0.22)";
294
- readonly lg: "0 12px 32px -10px rgba(20,17,14,0.34)";
295
- };
296
- };
297
- sepia: {
298
- color: {
299
- bg1: string;
300
- bg2: string;
301
- bg3: string;
302
- bgInset: string;
303
- fg1: string;
304
- fg2: string;
305
- fg3: string;
306
- fgOnAccent: string;
307
- border1: string;
308
- border2: string;
309
- borderStrong: string;
310
- accent: string;
311
- accentHover: string;
312
- accentSoft: string;
313
- ok: string;
314
- warn: string;
315
- danger: string;
316
- dangerHover: string;
317
- dangerSoft: string;
318
- info: string;
319
- focus: string;
320
- scrim: string;
321
- };
322
- font: {
323
- readonly display: "'DM Serif Display', 'Times New Roman', serif";
324
- readonly text: "'Newsreader', Georgia, serif";
325
- readonly mono: "'IBM Plex Mono', 'SFMono-Regular', monospace";
326
- readonly black: "'UnifrakturMaguntia', 'Grenze Gotisch', serif";
327
- };
328
- text: {
329
- readonly eyebrow: {
330
- readonly size: "0.694rem";
331
- readonly lineHeight: "1.2";
332
- readonly weight: "500";
333
- readonly letterSpacing: "0.14em";
334
- };
335
- readonly display: {
336
- readonly size: "5.6rem";
337
- readonly lineHeight: "1.05";
338
- readonly weight: "600";
339
- readonly letterSpacing: "-0.01em";
340
- };
341
- readonly h1: {
342
- readonly size: "2.9rem";
343
- readonly lineHeight: "1.05";
344
- readonly weight: "600";
345
- readonly letterSpacing: "-0.01em";
346
- };
347
- readonly h2: {
348
- readonly size: "2.1rem";
349
- readonly lineHeight: "1.2";
350
- readonly weight: "600";
351
- readonly letterSpacing: "0";
352
- };
353
- readonly h3: {
354
- readonly size: "1.563rem";
355
- readonly lineHeight: "1.2";
356
- readonly weight: "500";
357
- readonly letterSpacing: "0";
358
- };
359
- readonly h4: {
360
- readonly size: "1.25rem";
361
- readonly lineHeight: "1.2";
362
- readonly weight: "600";
363
- readonly letterSpacing: "0";
364
- };
365
- readonly body: {
366
- readonly size: "1rem";
367
- readonly lineHeight: "1.7";
368
- readonly weight: "400";
369
- readonly letterSpacing: "0";
370
- };
371
- readonly lead: {
372
- readonly size: "1.25rem";
373
- readonly lineHeight: "1.7";
374
- readonly weight: "400";
375
- readonly letterSpacing: "0";
376
- };
377
- readonly small: {
378
- readonly size: "0.95rem";
379
- readonly lineHeight: "1.5";
380
- readonly weight: "400";
381
- readonly letterSpacing: "0";
382
- };
383
- readonly caption: {
384
- readonly size: "0.833rem";
385
- readonly lineHeight: "1.5";
386
- readonly weight: "400";
387
- readonly letterSpacing: "0.04em";
388
- };
389
- };
390
- space: {
391
- readonly s0: "0";
392
- readonly s1: "0.25rem";
393
- readonly s2: "0.5rem";
394
- readonly s3: "0.75rem";
395
- readonly s4: "1rem";
396
- readonly s5: "1.5rem";
397
- readonly s6: "2rem";
398
- readonly s7: "3rem";
399
- readonly s8: "4rem";
400
- readonly s9: "6rem";
401
- };
402
- radius: {
403
- readonly none: "0px";
404
- readonly sm: "3px";
405
- readonly md: "5px";
406
- readonly lg: "8px";
407
- readonly base: "4px";
408
- readonly full: "999px";
409
- };
410
- border: {
411
- readonly hair: "1px";
412
- readonly rule: "1.5px";
413
- readonly heavy: "2px";
414
- };
415
- tracking: {
416
- readonly tight: "-0.01em";
417
- readonly normal: "0";
418
- readonly wide: "0.04em";
419
- readonly wider: "0.1em";
420
- readonly widest: "0.14em";
421
- };
422
- weight: {
423
- readonly light: "300";
424
- readonly regular: "400";
425
- readonly medium: "500";
426
- readonly semibold: "600";
427
- readonly bold: "700";
428
- };
429
- dur: {
430
- readonly fast: "120ms";
431
- readonly base: "200ms";
432
- readonly slow: "360ms";
433
- };
434
- ease: {
435
- readonly ink: "cubic-bezier(0.2, 0, 0, 1)";
436
- };
437
- shadow: {
438
- readonly sm: "0 1px 0 rgba(20,17,14,0.06)";
439
- readonly md: "0 2px 10px -4px rgba(20,17,14,0.22)";
440
- readonly lg: "0 12px 32px -10px rgba(20,17,14,0.34)";
441
- };
442
- };
443
- contrast: {
444
- color: {
445
- bg1: string;
446
- bg2: string;
447
- bg3: string;
448
- bgInset: string;
449
- fg1: string;
450
- fg2: string;
451
- fg3: string;
452
- fgOnAccent: string;
453
- border1: string;
454
- border2: string;
455
- borderStrong: string;
456
- accent: string;
457
- accentHover: string;
458
- accentSoft: string;
459
- ok: string;
460
- warn: string;
461
- danger: string;
462
- dangerHover: string;
463
- dangerSoft: string;
464
- info: string;
465
- focus: string;
466
- scrim: string;
467
- };
468
- font: {
469
- readonly display: "'DM Serif Display', 'Times New Roman', serif";
470
- readonly text: "'Newsreader', Georgia, serif";
471
- readonly mono: "'IBM Plex Mono', 'SFMono-Regular', monospace";
472
- readonly black: "'UnifrakturMaguntia', 'Grenze Gotisch', serif";
473
- };
474
- text: {
475
- readonly eyebrow: {
476
- readonly size: "0.694rem";
477
- readonly lineHeight: "1.2";
478
- readonly weight: "500";
479
- readonly letterSpacing: "0.14em";
480
- };
481
- readonly display: {
482
- readonly size: "5.6rem";
483
- readonly lineHeight: "1.05";
484
- readonly weight: "600";
485
- readonly letterSpacing: "-0.01em";
486
- };
487
- readonly h1: {
488
- readonly size: "2.9rem";
489
- readonly lineHeight: "1.05";
490
- readonly weight: "600";
491
- readonly letterSpacing: "-0.01em";
492
- };
493
- readonly h2: {
494
- readonly size: "2.1rem";
495
- readonly lineHeight: "1.2";
496
- readonly weight: "600";
497
- readonly letterSpacing: "0";
498
- };
499
- readonly h3: {
500
- readonly size: "1.563rem";
501
- readonly lineHeight: "1.2";
502
- readonly weight: "500";
503
- readonly letterSpacing: "0";
504
- };
505
- readonly h4: {
506
- readonly size: "1.25rem";
507
- readonly lineHeight: "1.2";
508
- readonly weight: "600";
509
- readonly letterSpacing: "0";
510
- };
511
- readonly body: {
512
- readonly size: "1rem";
513
- readonly lineHeight: "1.7";
514
- readonly weight: "400";
515
- readonly letterSpacing: "0";
516
- };
517
- readonly lead: {
518
- readonly size: "1.25rem";
519
- readonly lineHeight: "1.7";
520
- readonly weight: "400";
521
- readonly letterSpacing: "0";
522
- };
523
- readonly small: {
524
- readonly size: "0.95rem";
525
- readonly lineHeight: "1.5";
526
- readonly weight: "400";
527
- readonly letterSpacing: "0";
528
- };
529
- readonly caption: {
530
- readonly size: "0.833rem";
531
- readonly lineHeight: "1.5";
532
- readonly weight: "400";
533
- readonly letterSpacing: "0.04em";
534
- };
535
- };
536
- space: {
537
- readonly s0: "0";
538
- readonly s1: "0.25rem";
539
- readonly s2: "0.5rem";
540
- readonly s3: "0.75rem";
541
- readonly s4: "1rem";
542
- readonly s5: "1.5rem";
543
- readonly s6: "2rem";
544
- readonly s7: "3rem";
545
- readonly s8: "4rem";
546
- readonly s9: "6rem";
547
- };
548
- radius: {
549
- readonly none: "0px";
550
- readonly sm: "3px";
551
- readonly md: "5px";
552
- readonly lg: "8px";
553
- readonly base: "4px";
554
- readonly full: "999px";
555
- };
556
- border: {
557
- readonly hair: "1px";
558
- readonly rule: "1.5px";
559
- readonly heavy: "2px";
560
- };
561
- tracking: {
562
- readonly tight: "-0.01em";
563
- readonly normal: "0";
564
- readonly wide: "0.04em";
565
- readonly wider: "0.1em";
566
- readonly widest: "0.14em";
567
- };
568
- weight: {
569
- readonly light: "300";
570
- readonly regular: "400";
571
- readonly medium: "500";
572
- readonly semibold: "600";
573
- readonly bold: "700";
574
- };
575
- dur: {
576
- readonly fast: "120ms";
577
- readonly base: "200ms";
578
- readonly slow: "360ms";
579
- };
580
- ease: {
581
- readonly ink: "cubic-bezier(0.2, 0, 0, 1)";
582
- };
583
- shadow: {
584
- readonly sm: "0 1px 0 rgba(20,17,14,0.06)";
585
- readonly md: "0 2px 10px -4px rgba(20,17,14,0.22)";
586
- readonly lg: "0 12px 32px -10px rgba(20,17,14,0.34)";
587
- };
588
- };
589
- };
590
-
591
- type SchemaName = "tinta";
592
- type Mode = "light" | "dark" | "sepia" | "contrast";
593
6
  declare const colorVars: {
594
7
  bg1: `var(--${string})`;
595
8
  bg2: `var(--${string})`;
@@ -761,9 +174,6 @@ declare const vars: {
761
174
  };
762
175
  };
763
176
  declare const themes: Record<SchemaName, Record<Mode, string>>;
764
- declare const schemaNames: readonly SchemaName[];
765
- declare const modeNames: readonly Mode[];
766
- type ColorTokens = typeof tintaSchema.light.color;
767
177
 
768
178
  declare function usePrevious<T>(value: T, initial: T): T;
769
179
  declare function usePrevious<T>(value: T, initial?: T): T | undefined;
@@ -1227,41 +637,233 @@ interface ListItemProps extends HTMLAttributes<HTMLDivElement> {
1227
637
 
1228
638
  declare const ListItem: react.ForwardRefExoticComponent<ListItemProps & react.RefAttributes<HTMLDivElement>>;
1229
639
 
1230
- declare function ChevronDownIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
640
+ declare function AlertCircleIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
1231
641
 
1232
- declare function ChevronUpIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
642
+ declare function ArchiveIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
643
+
644
+ declare function ArrowDownIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
645
+
646
+ declare function ArrowLeftIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
647
+
648
+ declare function ArrowRightIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
649
+
650
+ declare function ArrowUpIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
651
+
652
+ declare function AtSignIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
653
+
654
+ declare function BellIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
655
+
656
+ declare function BellOffIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
657
+
658
+ declare function BookmarkIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
659
+
660
+ declare function CalendarIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
661
+
662
+ declare function CameraIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
663
+
664
+ declare function CheckIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
665
+
666
+ declare function ChevronDownIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
1233
667
 
1234
668
  declare function ChevronLeftIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
1235
669
 
1236
670
  declare function ChevronRightIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
1237
671
 
1238
- declare function CheckIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
672
+ declare function ChevronUpIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
1239
673
 
1240
- declare function XIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
674
+ declare function ChevronsLeftIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
675
+
676
+ declare function ChevronsRightIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
677
+
678
+ declare function CircleCheckIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
679
+
680
+ declare function CircleXIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
681
+
682
+ declare function ClipboardIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
683
+
684
+ declare function ClockIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
685
+
686
+ declare function CloudIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
687
+
688
+ declare function CopyIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
689
+
690
+ declare function CornerDownRightIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
691
+
692
+ declare function CreditCardIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
693
+
694
+ declare function DollarSignIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
695
+
696
+ declare function DownloadIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
697
+
698
+ declare function ExternalLinkIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
1241
699
 
1242
700
  declare function EyeIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
1243
701
 
1244
702
  declare function EyeOffIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
1245
703
 
1246
- declare function SearchIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
704
+ declare function FileIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
705
+
706
+ declare function FileTextIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
707
+
708
+ declare function FilterIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
709
+
710
+ declare function FingerprintIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
711
+
712
+ declare function FolderIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
713
+
714
+ declare function FolderOpenIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
715
+
716
+ declare function GiftIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
717
+
718
+ declare function GlobeIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
719
+
720
+ declare function GridIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
721
+
722
+ declare function HeartIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
723
+
724
+ declare function HelpCircleIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
725
+
726
+ declare function HomeIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
727
+
728
+ declare function ImageIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
729
+
730
+ declare function InboxIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
1247
731
 
1248
732
  declare function InfoIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
1249
733
 
1250
- declare function CircleCheckIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
734
+ declare function KeyIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
1251
735
 
1252
- declare function TriangleAlertIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
736
+ declare function LayoutIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
1253
737
 
1254
- declare function CircleXIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
738
+ declare function LinkIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
1255
739
 
1256
- declare function PlusIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
740
+ declare function ListIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
741
+
742
+ declare function LoaderIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
743
+
744
+ declare function LockIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
745
+
746
+ declare function LogInIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
747
+
748
+ declare function LogOutIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
749
+
750
+ declare function MailIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
751
+
752
+ declare function MapPinIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
753
+
754
+ declare function MaximizeIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
755
+
756
+ declare function MenuIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
757
+
758
+ declare function MessageCircleIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
759
+
760
+ declare function MessageSquareIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
761
+
762
+ declare function MicIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
763
+
764
+ declare function MinimizeIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
1257
765
 
1258
766
  declare function MinusIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
1259
767
 
768
+ declare function MoonIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
769
+
1260
770
  declare function MoreHorizontalIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
1261
771
 
772
+ declare function MoreVerticalIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
773
+
774
+ declare function PackageIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
775
+
776
+ declare function PaperclipIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
777
+
778
+ declare function PauseIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
779
+
780
+ declare function PencilIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
781
+
782
+ declare function PhoneIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
783
+
784
+ declare function PlayIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
785
+
786
+ declare function PlusIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
787
+
788
+ declare function PrinterIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
789
+
790
+ declare function RedoIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
791
+
792
+ declare function RefreshCwIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
793
+
794
+ declare function SaveIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
795
+
796
+ declare function SearchIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
797
+
798
+ declare function SendIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
799
+
800
+ declare function SettingsIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
801
+
802
+ declare function ShareIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
803
+
804
+ declare function ShieldIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
805
+
806
+ declare function ShieldCheckIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
807
+
808
+ declare function ShoppingBagIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
809
+
810
+ declare function ShoppingCartIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
811
+
812
+ declare function SidebarIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
813
+
814
+ declare function SkipBackIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
815
+
816
+ declare function SkipForwardIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
817
+
818
+ declare function SlidersIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
819
+
820
+ declare function SmileIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
821
+
822
+ declare function StarIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
823
+
824
+ declare function SunIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
825
+
826
+ declare function TagIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
827
+
828
+ declare function ThumbsDownIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
829
+
830
+ declare function ThumbsUpIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
831
+
832
+ declare function TrashIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
833
+
834
+ declare function TriangleAlertIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
835
+
836
+ declare function UndoIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
837
+
838
+ declare function UnlockIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
839
+
840
+ declare function UploadIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
841
+
842
+ declare function UserIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
843
+
844
+ declare function UserCheckIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
845
+
846
+ declare function UserPlusIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
847
+
848
+ declare function UsersIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
849
+
850
+ declare function Volume2Icon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
851
+
852
+ declare function VolumeXIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
853
+
854
+ declare function WifiIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
855
+
856
+ declare function XIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
857
+
858
+ declare function ZapIcon({ size, strokeWidth, ...rest }: IconProps): react.JSX.Element;
859
+
860
+ declare const iconCatalog: {
861
+ name: string;
862
+ Icon: Icon;
863
+ }[];
864
+
1262
865
  declare const text: Record<"display" | "eyebrow" | "h1" | "h2" | "h3" | "h4" | "body" | "lead" | "small" | "caption" | "code" | "blackletter", string>;
1263
866
 
1264
- type ModePreference = Mode | "system";
1265
867
  interface ThemeContextValue {
1266
868
  schema: SchemaName;
1267
869
  /** Modo efectivo ya resuelto (nunca "system"). */
@@ -1303,4 +905,4 @@ interface TestIdHandle {
1303
905
  }
1304
906
  declare function useTestId(type: string, ownTestId?: string): TestIdHandle;
1305
907
 
1306
- export { Accordion, type AccordionItem, type AccordionProps, Alert, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeTone, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonSize, type ButtonTone, type ButtonVariant, Card, type CardProps, type CardSectionProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, type ChipProps, type ChipTone, CircleCheckIcon, CircleXIcon, type ColorTokens, Container, type ContainerProps, type Crumb, Dialog, type DialogProps, Divider, type DividerProps, EyeIcon, EyeOffIcon, type Icon, IconButton, type IconButtonProps, type IconButtonTone, type IconProps, InfoIcon, ListItem, type ListItemProps, Menu, type MenuItemDef, type MenuProps, MinusIcon, type Mode, type ModePreference, MoneyField, type MoneyFieldProps, MoreHorizontalIcon, Pagination, type PaginationProps, PasswordField, type PasswordFieldProps, PlusIcon, Progress, type ProgressProps, type ProgressVariant, Radio, type RadioProps, type SchemaName, SearchIcon, Select, type SelectOption, type SelectProps, Slider, type SliderProps, Snackbar, type SnackbarProps, type Step, Stepper, type StepperProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, type TestIdHandle, TestIdProvider, type TestIdProviderProps, TextField, type TextFieldProps, ThemeProvider, type ThemeProviderProps, Tooltip, type TooltipPlacement, type TooltipProps, TriangleAlertIcon, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, XIcon, colorVars, modeNames, schemaNames, text, vars as theme, themes, usePrevious, useTestId, useTheme, useToggle };
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 };