@rainersoft/design-tokens 1.0.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 (24) hide show
  1. package/LICENSE +149 -0
  2. package/README.md +544 -0
  3. package/dist/index.cjs +944 -0
  4. package/dist/index.cjs.map +1 -0
  5. package/dist/index.d.cts +4623 -0
  6. package/dist/index.d.ts +4623 -0
  7. package/dist/index.js +898 -0
  8. package/dist/index.js.map +1 -0
  9. package/formats/css-vars.css +237 -0
  10. package/formats/tailwind.config.ts +247 -0
  11. package/formats/tokens.json +46 -0
  12. package/package.json +118 -0
  13. package/themes/dark.ts +89 -0
  14. package/themes/index.ts +99 -0
  15. package/themes/light.ts +88 -0
  16. package/tokens/accessibility.ts +280 -0
  17. package/tokens/colors/dark.json +173 -0
  18. package/tokens/colors/light.json +149 -0
  19. package/tokens/index.ts +263 -0
  20. package/tokens/radius.json +16 -0
  21. package/tokens/shadows.json +33 -0
  22. package/tokens/spacing.json +42 -0
  23. package/tokens/typography.json +264 -0
  24. package/tokens/utilities.ts +177 -0
package/dist/index.d.ts ADDED
@@ -0,0 +1,4623 @@
1
+ var colors$1 = {
2
+ primary: {
3
+ base: "#0891b2",
4
+ hover: "#0e7490",
5
+ active: "#155e75",
6
+ disabled: "#d4d4d4",
7
+ focus: "#0891b2",
8
+ background: "#ecfeff",
9
+ backgroundHover: "#cffafe",
10
+ backgroundActive: "#a5f3fc",
11
+ border: "#0891b2",
12
+ borderHover: "#0e7490",
13
+ borderFocus: "#06b6d4",
14
+ text: "#ffffff",
15
+ textHover: "#ffffff",
16
+ textDisabled: "#a3a3a3"
17
+ },
18
+ secondary: {
19
+ base: "#9333ea",
20
+ hover: "#7e22ce",
21
+ active: "#6b21a8",
22
+ disabled: "#d4d4d4",
23
+ focus: "#9333ea",
24
+ background: "#faf5ff",
25
+ backgroundHover: "#f3e8ff",
26
+ backgroundActive: "#e9d5ff",
27
+ border: "#9333ea",
28
+ borderHover: "#7e22ce",
29
+ borderFocus: "#a855f7",
30
+ text: "#ffffff",
31
+ textHover: "#ffffff",
32
+ textDisabled: "#a3a3a3"
33
+ },
34
+ accent: {
35
+ base: "#db2777",
36
+ hover: "#be185d",
37
+ active: "#9f1239",
38
+ disabled: "#d4d4d4",
39
+ focus: "#db2777",
40
+ background: "#fdf2f8",
41
+ backgroundHover: "#fce7f3",
42
+ backgroundActive: "#fbcfe8",
43
+ border: "#db2777",
44
+ borderHover: "#be185d",
45
+ borderFocus: "#ec4899",
46
+ text: "#ffffff",
47
+ textHover: "#ffffff",
48
+ textDisabled: "#a3a3a3"
49
+ },
50
+ background: {
51
+ primary: "#ffffff",
52
+ secondary: "#fafafa",
53
+ tertiary: "#f5f5f5",
54
+ inverse: "#0a0a0f",
55
+ overlay: "rgba(0, 0, 0, 0.5)",
56
+ muted: "#f9fafb"
57
+ },
58
+ surface: {
59
+ primary: "#ffffff",
60
+ secondary: "#fafafa",
61
+ tertiary: "#f5f5f5",
62
+ elevated: "#ffffff",
63
+ overlay: "rgba(0, 0, 0, 0.5)",
64
+ hover: "#f9fafb",
65
+ active: "#f3f4f6"
66
+ },
67
+ text: {
68
+ primary: "#171717",
69
+ secondary: "#404040",
70
+ tertiary: "#737373",
71
+ inverse: "#ffffff",
72
+ disabled: "#a3a3a3",
73
+ link: "#0891b2",
74
+ linkHover: "#0e7490",
75
+ linkActive: "#155e75",
76
+ linkVisited: "#7e22ce",
77
+ onPrimary: "#ffffff",
78
+ onSecondary: "#ffffff",
79
+ onAccent: "#ffffff",
80
+ onBackground: "#171717",
81
+ onSurface: "#171717"
82
+ },
83
+ border: {
84
+ primary: "#e5e5e5",
85
+ secondary: "#d4d4d4",
86
+ tertiary: "#a3a3a3",
87
+ focus: "#0891b2",
88
+ focusRing: "#06b6d4",
89
+ inverse: "#404040",
90
+ hover: "#d4d4d4",
91
+ active: "#a3a3a3",
92
+ disabled: "#e5e5e5"
93
+ },
94
+ status: {
95
+ success: {
96
+ base: "#22c55e",
97
+ hover: "#16a34a",
98
+ active: "#15803d",
99
+ background: "#f0fdf4",
100
+ backgroundHover: "#dcfce7",
101
+ border: "#86efac",
102
+ text: "#ffffff",
103
+ textOnBackground: "#166534"
104
+ },
105
+ warning: {
106
+ base: "#f59e0b",
107
+ hover: "#d97706",
108
+ active: "#b45309",
109
+ background: "#fffbeb",
110
+ backgroundHover: "#fef3c7",
111
+ border: "#fcd34d",
112
+ text: "#ffffff",
113
+ textOnBackground: "#92400e"
114
+ },
115
+ error: {
116
+ base: "#ef4444",
117
+ hover: "#dc2626",
118
+ active: "#b91c1c",
119
+ background: "#fef2f2",
120
+ backgroundHover: "#fee2e2",
121
+ border: "#fca5a5",
122
+ text: "#ffffff",
123
+ textOnBackground: "#991b1b"
124
+ },
125
+ info: {
126
+ base: "#3b82f6",
127
+ hover: "#2563eb",
128
+ active: "#1d4ed8",
129
+ background: "#eff6ff",
130
+ backgroundHover: "#dbeafe",
131
+ border: "#93c5fd",
132
+ text: "#ffffff",
133
+ textOnBackground: "#1e40af"
134
+ }
135
+ },
136
+ interactive: {
137
+ "default": "#0891b2",
138
+ hover: "#0e7490",
139
+ active: "#155e75",
140
+ disabled: "#d4d4d4",
141
+ disabledText: "#a3a3a3",
142
+ focus: "#0891b2",
143
+ focusRing: "#06b6d4"
144
+ }
145
+ };
146
+ var lightColors = {
147
+ colors: colors$1
148
+ };
149
+
150
+ var colors = {
151
+ primary: {
152
+ base: "#00e6ff",
153
+ hover: "#1affff",
154
+ active: "#4dffff",
155
+ disabled: "#404040",
156
+ focus: "#00e6ff",
157
+ background: "rgba(0, 230, 255, 0.1)",
158
+ backgroundHover: "rgba(0, 230, 255, 0.15)",
159
+ backgroundActive: "rgba(0, 230, 255, 0.2)",
160
+ border: "#00e6ff",
161
+ borderHover: "#1affff",
162
+ borderFocus: "#4dffff",
163
+ text: "#0a0a0f",
164
+ textHover: "#0a0a0f",
165
+ textDisabled: "#525252"
166
+ },
167
+ secondary: {
168
+ base: "#7d00ff",
169
+ hover: "#941aff",
170
+ active: "#ab4dff",
171
+ disabled: "#404040",
172
+ focus: "#7d00ff",
173
+ background: "rgba(125, 0, 255, 0.1)",
174
+ backgroundHover: "rgba(125, 0, 255, 0.15)",
175
+ backgroundActive: "rgba(125, 0, 255, 0.2)",
176
+ border: "#7d00ff",
177
+ borderHover: "#941aff",
178
+ borderFocus: "#ab4dff",
179
+ text: "#ffffff",
180
+ textHover: "#ffffff",
181
+ textDisabled: "#525252"
182
+ },
183
+ accent: {
184
+ base: "#ff00ff",
185
+ hover: "#ff1aff",
186
+ active: "#ff4dff",
187
+ disabled: "#404040",
188
+ focus: "#ff00ff",
189
+ background: "rgba(255, 0, 255, 0.1)",
190
+ backgroundHover: "rgba(255, 0, 255, 0.15)",
191
+ backgroundActive: "rgba(255, 0, 255, 0.2)",
192
+ border: "#ff00ff",
193
+ borderHover: "#ff1aff",
194
+ borderFocus: "#ff4dff",
195
+ text: "#0a0a0f",
196
+ textHover: "#0a0a0f",
197
+ textDisabled: "#525252"
198
+ },
199
+ background: {
200
+ primary: "#0a0a0f",
201
+ secondary: "#0f0f1a",
202
+ tertiary: "#171717",
203
+ inverse: "#ffffff",
204
+ overlay: "rgba(0, 0, 0, 0.8)",
205
+ muted: "#0f0f1a"
206
+ },
207
+ surface: {
208
+ primary: "#171717",
209
+ secondary: "#262626",
210
+ tertiary: "#404040",
211
+ elevated: "#262626",
212
+ overlay: "rgba(0, 0, 0, 0.8)",
213
+ glass: "rgba(15, 15, 26, 0.7)",
214
+ glassHover: "rgba(15, 15, 26, 0.85)",
215
+ hover: "#262626",
216
+ active: "#404040"
217
+ },
218
+ text: {
219
+ primary: "#b3ffff",
220
+ secondary: "#4dffff",
221
+ tertiary: "#00e6ff",
222
+ inverse: "#0a0a0f",
223
+ disabled: "#525252",
224
+ link: "#1affff",
225
+ linkHover: "#4dffff",
226
+ linkActive: "#80ffff",
227
+ linkVisited: "#941aff",
228
+ onPrimary: "#0a0a0f",
229
+ onSecondary: "#ffffff",
230
+ onAccent: "#0a0a0f",
231
+ onBackground: "#b3ffff",
232
+ onSurface: "#b3ffff",
233
+ glow: "#00e6ff",
234
+ neonCyan: "#00e6ff",
235
+ neonPink: "#ff00ff",
236
+ neonPurple: "#7d00ff",
237
+ neonGreen: "#00ff00"
238
+ },
239
+ border: {
240
+ primary: "#262626",
241
+ secondary: "#404040",
242
+ tertiary: "#525252",
243
+ focus: "#00e6ff",
244
+ focusRing: "#1affff",
245
+ inverse: "#e5e5e5",
246
+ neon: "#00e6ff",
247
+ neonGlow: "rgba(0, 230, 255, 0.3)",
248
+ hover: "#404040",
249
+ active: "#525252",
250
+ disabled: "#262626"
251
+ },
252
+ status: {
253
+ success: {
254
+ base: "#00ff00",
255
+ hover: "#4dff4d",
256
+ active: "#80ff80",
257
+ background: "rgba(0, 255, 0, 0.1)",
258
+ backgroundHover: "rgba(0, 255, 0, 0.15)",
259
+ border: "#4dff4d",
260
+ text: "#0a0a0f",
261
+ textOnBackground: "#4dff4d"
262
+ },
263
+ warning: {
264
+ base: "#ff7d00",
265
+ hover: "#ffab4d",
266
+ active: "#ffc880",
267
+ background: "rgba(255, 125, 0, 0.1)",
268
+ backgroundHover: "rgba(255, 125, 0, 0.15)",
269
+ border: "#ffab4d",
270
+ text: "#0a0a0f",
271
+ textOnBackground: "#ffab4d"
272
+ },
273
+ error: {
274
+ base: "#f87171",
275
+ hover: "#fca5a5",
276
+ active: "#fecaca",
277
+ background: "rgba(239, 68, 68, 0.1)",
278
+ backgroundHover: "rgba(239, 68, 68, 0.15)",
279
+ border: "#fca5a5",
280
+ text: "#ffffff",
281
+ textOnBackground: "#fca5a5"
282
+ },
283
+ info: {
284
+ base: "#007dff",
285
+ hover: "#4dabff",
286
+ active: "#80c7ff",
287
+ background: "rgba(0, 125, 255, 0.1)",
288
+ backgroundHover: "rgba(0, 125, 255, 0.15)",
289
+ border: "#4dabff",
290
+ text: "#ffffff",
291
+ textOnBackground: "#4dabff"
292
+ }
293
+ },
294
+ interactive: {
295
+ "default": "#00e6ff",
296
+ hover: "#1affff",
297
+ active: "#4dffff",
298
+ disabled: "#404040",
299
+ disabledText: "#525252",
300
+ focus: "#00e6ff",
301
+ focusRing: "#1affff"
302
+ },
303
+ effects: {
304
+ glowCyan: "0 0 20px rgba(0, 230, 255, 0.5), 0 0 40px rgba(0, 230, 255, 0.3)",
305
+ glowPink: "0 0 20px rgba(255, 0, 255, 0.5), 0 0 40px rgba(255, 0, 255, 0.3)",
306
+ glowPurple: "0 0 20px rgba(125, 0, 255, 0.5), 0 0 40px rgba(125, 0, 255, 0.3)",
307
+ glowGreen: "0 0 20px rgba(0, 255, 0, 0.5), 0 0 40px rgba(0, 255, 0, 0.3)",
308
+ shadowSm: "0 1px 2px 0 rgba(0, 0, 0, 0.5)",
309
+ shadowMd: "0 4px 6px -1px rgba(0, 0, 0, 0.5)",
310
+ shadowLg: "0 10px 15px -3px rgba(0, 0, 0, 0.5)"
311
+ },
312
+ gradients: {
313
+ primary: "linear-gradient(135deg, #00e6ff 0%, #7d00ff 100%)",
314
+ secondary: "linear-gradient(135deg, #ff00ff 0%, #00e6ff 100%)",
315
+ accent: "linear-gradient(135deg, #ff7d00 0%, #ff00ff 100%)",
316
+ background: "linear-gradient(180deg, #0a0a0f 0%, #0f0f1a 100%)"
317
+ }
318
+ };
319
+ var darkColors = {
320
+ colors: colors
321
+ };
322
+
323
+ var typography$1 = {
324
+ fontFamily: {
325
+ sans: "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
326
+ serif: "ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif",
327
+ mono: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
328
+ display: "var(--font-orbitron, ui-sans-serif)",
329
+ body: "var(--font-inter, ui-sans-serif)",
330
+ code: "var(--font-rajdhani, ui-monospace)"
331
+ },
332
+ fontSize: {
333
+ xs: "0.75rem",
334
+ sm: "0.875rem",
335
+ base: "1rem",
336
+ lg: "1.125rem",
337
+ xl: "1.25rem",
338
+ "2xl": "1.5rem",
339
+ "3xl": "1.875rem",
340
+ "4xl": "2.25rem",
341
+ "5xl": "3rem",
342
+ "6xl": "3.75rem",
343
+ "7xl": "4.5rem",
344
+ "8xl": "6rem",
345
+ "9xl": "8rem"
346
+ },
347
+ fontWeight: {
348
+ thin: "100",
349
+ extralight: "200",
350
+ light: "300",
351
+ normal: "400",
352
+ medium: "500",
353
+ semibold: "600",
354
+ bold: "700",
355
+ extrabold: "800",
356
+ black: "900"
357
+ },
358
+ lineHeight: {
359
+ none: "1",
360
+ tight: "1.25",
361
+ snug: "1.375",
362
+ normal: "1.5",
363
+ relaxed: "1.625",
364
+ loose: "2"
365
+ },
366
+ letterSpacing: {
367
+ tighter: "-0.05em",
368
+ tight: "-0.025em",
369
+ normal: "0em",
370
+ wide: "0.025em",
371
+ wider: "0.05em",
372
+ widest: "0.1em"
373
+ },
374
+ headings: {
375
+ h1: {
376
+ fontFamily: "var(--font-display, ui-sans-serif)",
377
+ fontSize: "clamp(2.25rem, 5vw + 1rem, 4.5rem)",
378
+ fontSizeMobile: "2.25rem",
379
+ fontSizeTablet: "3rem",
380
+ fontSizeDesktop: "4.5rem",
381
+ fontWeight: "900",
382
+ lineHeight: "1.1",
383
+ letterSpacing: "-0.02em",
384
+ marginBottom: "1rem"
385
+ },
386
+ h2: {
387
+ fontFamily: "var(--font-display, ui-sans-serif)",
388
+ fontSize: "clamp(1.875rem, 4vw + 0.75rem, 3.75rem)",
389
+ fontSizeMobile: "1.875rem",
390
+ fontSizeTablet: "2.5rem",
391
+ fontSizeDesktop: "3.75rem",
392
+ fontWeight: "800",
393
+ lineHeight: "1.15",
394
+ letterSpacing: "-0.015em",
395
+ marginBottom: "0.875rem"
396
+ },
397
+ h3: {
398
+ fontFamily: "var(--font-display, ui-sans-serif)",
399
+ fontSize: "clamp(1.5rem, 3vw + 0.5rem, 3rem)",
400
+ fontSizeMobile: "1.5rem",
401
+ fontSizeTablet: "2rem",
402
+ fontSizeDesktop: "3rem",
403
+ fontWeight: "700",
404
+ lineHeight: "1.2",
405
+ letterSpacing: "-0.01em",
406
+ marginBottom: "0.75rem"
407
+ },
408
+ h4: {
409
+ fontFamily: "var(--font-body, ui-sans-serif)",
410
+ fontSize: "clamp(1.25rem, 2.5vw + 0.5rem, 2.25rem)",
411
+ fontSizeMobile: "1.25rem",
412
+ fontSizeTablet: "1.75rem",
413
+ fontSizeDesktop: "2.25rem",
414
+ fontWeight: "700",
415
+ lineHeight: "1.25",
416
+ letterSpacing: "0em",
417
+ marginBottom: "0.625rem"
418
+ },
419
+ h5: {
420
+ fontFamily: "var(--font-body, ui-sans-serif)",
421
+ fontSize: "clamp(1.125rem, 2vw + 0.25rem, 1.875rem)",
422
+ fontSizeMobile: "1.125rem",
423
+ fontSizeTablet: "1.5rem",
424
+ fontSizeDesktop: "1.875rem",
425
+ fontWeight: "600",
426
+ lineHeight: "1.3",
427
+ letterSpacing: "0em",
428
+ marginBottom: "0.5rem"
429
+ },
430
+ h6: {
431
+ fontFamily: "var(--font-body, ui-sans-serif)",
432
+ fontSize: "clamp(1rem, 1.5vw + 0.25rem, 1.5rem)",
433
+ fontSizeMobile: "1rem",
434
+ fontSizeTablet: "1.25rem",
435
+ fontSizeDesktop: "1.5rem",
436
+ fontWeight: "600",
437
+ lineHeight: "1.35",
438
+ letterSpacing: "0.01em",
439
+ marginBottom: "0.5rem"
440
+ }
441
+ },
442
+ subtitle: {
443
+ large: {
444
+ fontFamily: "var(--font-body, ui-sans-serif)",
445
+ fontSize: "clamp(1.25rem, 2vw + 0.5rem, 2rem)",
446
+ fontSizeMobile: "1.25rem",
447
+ fontSizeTablet: "1.5rem",
448
+ fontSizeDesktop: "2rem",
449
+ fontWeight: "500",
450
+ lineHeight: "1.4",
451
+ letterSpacing: "0em",
452
+ marginBottom: "0.5rem"
453
+ },
454
+ medium: {
455
+ fontFamily: "var(--font-body, ui-sans-serif)",
456
+ fontSize: "clamp(1.125rem, 1.5vw + 0.25rem, 1.5rem)",
457
+ fontSizeMobile: "1.125rem",
458
+ fontSizeTablet: "1.25rem",
459
+ fontSizeDesktop: "1.5rem",
460
+ fontWeight: "500",
461
+ lineHeight: "1.4",
462
+ letterSpacing: "0em",
463
+ marginBottom: "0.5rem"
464
+ },
465
+ small: {
466
+ fontFamily: "var(--font-body, ui-sans-serif)",
467
+ fontSize: "1rem",
468
+ fontWeight: "500",
469
+ lineHeight: "1.4",
470
+ letterSpacing: "0em",
471
+ marginBottom: "0.375rem"
472
+ }
473
+ },
474
+ body: {
475
+ large: {
476
+ fontFamily: "var(--font-body, ui-sans-serif)",
477
+ fontSize: "1.125rem",
478
+ fontWeight: "400",
479
+ lineHeight: "1.625",
480
+ letterSpacing: "0em"
481
+ },
482
+ medium: {
483
+ fontFamily: "var(--font-body, ui-sans-serif)",
484
+ fontSize: "1rem",
485
+ fontWeight: "400",
486
+ lineHeight: "1.5",
487
+ letterSpacing: "0em"
488
+ },
489
+ small: {
490
+ fontFamily: "var(--font-body, ui-sans-serif)",
491
+ fontSize: "0.875rem",
492
+ fontWeight: "400",
493
+ lineHeight: "1.5",
494
+ letterSpacing: "0em"
495
+ }
496
+ },
497
+ caption: {
498
+ large: {
499
+ fontFamily: "var(--font-body, ui-sans-serif)",
500
+ fontSize: "0.875rem",
501
+ fontWeight: "400",
502
+ lineHeight: "1.4",
503
+ letterSpacing: "0.01em"
504
+ },
505
+ medium: {
506
+ fontFamily: "var(--font-body, ui-sans-serif)",
507
+ fontSize: "0.75rem",
508
+ fontWeight: "400",
509
+ lineHeight: "1.4",
510
+ letterSpacing: "0.01em"
511
+ },
512
+ small: {
513
+ fontFamily: "var(--font-body, ui-sans-serif)",
514
+ fontSize: "0.625rem",
515
+ fontWeight: "400",
516
+ lineHeight: "1.3",
517
+ letterSpacing: "0.02em"
518
+ }
519
+ },
520
+ button: {
521
+ large: {
522
+ fontFamily: "var(--font-body, ui-sans-serif)",
523
+ fontSize: "1.125rem",
524
+ fontWeight: "600",
525
+ lineHeight: "1.5",
526
+ letterSpacing: "0.01em"
527
+ },
528
+ medium: {
529
+ fontFamily: "var(--font-body, ui-sans-serif)",
530
+ fontSize: "1rem",
531
+ fontWeight: "600",
532
+ lineHeight: "1.5",
533
+ letterSpacing: "0.01em"
534
+ },
535
+ small: {
536
+ fontFamily: "var(--font-body, ui-sans-serif)",
537
+ fontSize: "0.875rem",
538
+ fontWeight: "600",
539
+ lineHeight: "1.4",
540
+ letterSpacing: "0.01em"
541
+ }
542
+ },
543
+ label: {
544
+ large: {
545
+ fontFamily: "var(--font-body, ui-sans-serif)",
546
+ fontSize: "0.875rem",
547
+ fontWeight: "600",
548
+ lineHeight: "1.4",
549
+ letterSpacing: "0.01em"
550
+ },
551
+ medium: {
552
+ fontFamily: "var(--font-body, ui-sans-serif)",
553
+ fontSize: "0.75rem",
554
+ fontWeight: "600",
555
+ lineHeight: "1.4",
556
+ letterSpacing: "0.01em"
557
+ },
558
+ small: {
559
+ fontFamily: "var(--font-body, ui-sans-serif)",
560
+ fontSize: "0.625rem",
561
+ fontWeight: "600",
562
+ lineHeight: "1.3",
563
+ letterSpacing: "0.02em"
564
+ }
565
+ },
566
+ code: {
567
+ inline: {
568
+ fontFamily: "var(--font-code, ui-monospace)",
569
+ fontSize: "0.875em",
570
+ fontWeight: "400",
571
+ lineHeight: "1.5",
572
+ letterSpacing: "0em"
573
+ },
574
+ block: {
575
+ fontFamily: "var(--font-code, ui-monospace)",
576
+ fontSize: "0.875rem",
577
+ fontWeight: "400",
578
+ lineHeight: "1.6",
579
+ letterSpacing: "0em"
580
+ }
581
+ }
582
+ };
583
+ var typography = {
584
+ typography: typography$1
585
+ };
586
+
587
+ var spacing$1 = {
588
+ "0": "0px",
589
+ "1": "0.25rem",
590
+ "2": "0.5rem",
591
+ "3": "0.75rem",
592
+ "4": "1rem",
593
+ "5": "1.25rem",
594
+ "6": "1.5rem",
595
+ "7": "1.75rem",
596
+ "8": "2rem",
597
+ "9": "2.25rem",
598
+ "10": "2.5rem",
599
+ "11": "2.75rem",
600
+ "12": "3rem",
601
+ "14": "3.5rem",
602
+ "16": "4rem",
603
+ "20": "5rem",
604
+ "24": "6rem",
605
+ "28": "7rem",
606
+ "32": "8rem",
607
+ "36": "9rem",
608
+ "40": "10rem",
609
+ "44": "11rem",
610
+ "48": "12rem",
611
+ "52": "13rem",
612
+ "56": "14rem",
613
+ "60": "15rem",
614
+ "64": "16rem",
615
+ "72": "18rem",
616
+ "80": "20rem",
617
+ "96": "24rem",
618
+ px: "1px",
619
+ "0.5": "0.125rem",
620
+ "1.5": "0.375rem",
621
+ "2.5": "0.625rem",
622
+ "3.5": "0.875rem"
623
+ };
624
+ var spacing = {
625
+ spacing: spacing$1
626
+ };
627
+
628
+ var radius$1 = {
629
+ none: "0px",
630
+ sm: "0.125rem",
631
+ base: "0.25rem",
632
+ md: "0.375rem",
633
+ lg: "0.5rem",
634
+ xl: "0.75rem",
635
+ "2xl": "1rem",
636
+ "3xl": "1.5rem",
637
+ full: "9999px"
638
+ };
639
+ var radius = {
640
+ radius: radius$1
641
+ };
642
+
643
+ var shadows$1 = {
644
+ light: {
645
+ xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
646
+ sm: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
647
+ base: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
648
+ md: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
649
+ lg: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
650
+ xl: "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
651
+ "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
652
+ inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.05)"
653
+ },
654
+ dark: {
655
+ xs: "0 1px 2px 0 rgba(0, 0, 0, 0.5)",
656
+ sm: "0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 1px 2px -1px rgba(0, 0, 0, 0.5)",
657
+ base: "0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.5)",
658
+ md: "0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.5)",
659
+ lg: "0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.5)",
660
+ xl: "0 25px 50px -12px rgba(0, 0, 0, 0.75)",
661
+ "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.75)",
662
+ inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.5)",
663
+ glow: {
664
+ cyan: "0 0 20px rgba(0, 230, 255, 0.5), 0 0 40px rgba(0, 230, 255, 0.3)",
665
+ pink: "0 0 20px rgba(255, 0, 255, 0.5), 0 0 40px rgba(255, 0, 255, 0.3)",
666
+ purple: "0 0 20px rgba(125, 0, 255, 0.5), 0 0 40px rgba(125, 0, 255, 0.3)",
667
+ green: "0 0 20px rgba(0, 255, 0, 0.5), 0 0 40px rgba(0, 255, 0, 0.3)"
668
+ }
669
+ }
670
+ };
671
+ var shadows = {
672
+ shadows: shadows$1
673
+ };
674
+
675
+ /**
676
+ * @fileoverview Tokens utilitários - Classes Tailwind CSS
677
+ *
678
+ * @description
679
+ * Tokens utilitários que exportam classes Tailwind CSS prontas para uso.
680
+ * Esses tokens são classes CSS que podem ser aplicadas diretamente nos componentes,
681
+ * facilitando o desenvolvimento e garantindo consistência visual.
682
+ *
683
+ * @module tokens/utilities
684
+ * @version 4.0.0
685
+ * @author Rainer Teixeira
686
+ * @since 1.0.0
687
+ */
688
+ /**
689
+ * Direções de gradiente como classes Tailwind CSS
690
+ *
691
+ * @description
692
+ * Conjunto de constantes que representam as diferentes direções
693
+ * de gradiente disponíveis no Tailwind CSS.
694
+ *
695
+ * @type {Object}
696
+ * @property {string} TO_TOP - Gradiente de baixo para cima
697
+ * @property {string} TO_BOTTOM - Gradiente de cima para baixo
698
+ * @property {string} TO_LEFT - Gradiente da direita para esquerda
699
+ * @property {string} TO_RIGHT - Gradiente da esquerda para direita
700
+ * @property {string} TO_TL - Gradiente para cima-esquerda (top-left)
701
+ * @property {string} TO_TR - Gradiente para cima-direita (top-right)
702
+ * @property {string} TO_BL - Gradiente para baixo-esquerda (bottom-left)
703
+ * @property {string} TO_BR - Gradiente para baixo-direita (bottom-right)
704
+ *
705
+ * @constant
706
+ * @readonly
707
+ *
708
+ * @example
709
+ * ```typescript
710
+ * import { GRADIENT_DIRECTIONS } from 'rainer-design-tokens';
711
+ *
712
+ * // Aplicar gradiente de cima para baixo
713
+ * <div className={GRADIENT_DIRECTIONS.TO_BOTTOM}>
714
+ * ```
715
+ */
716
+ declare const GRADIENT_DIRECTIONS: {
717
+ readonly TO_TOP: "bg-gradient-to-t";
718
+ readonly TO_BOTTOM: "bg-gradient-to-b";
719
+ readonly TO_LEFT: "bg-gradient-to-l";
720
+ readonly TO_RIGHT: "bg-gradient-to-r";
721
+ readonly TO_TL: "bg-gradient-to-tl";
722
+ readonly TO_TR: "bg-gradient-to-tr";
723
+ readonly TO_BL: "bg-gradient-to-bl";
724
+ readonly TO_BR: "bg-gradient-to-br";
725
+ };
726
+ /**
727
+ * Gradientes decorativos e utilitários como classes Tailwind CSS
728
+ *
729
+ * @description
730
+ * Conjunto de gradientes pré-configurados para uso em diferentes
731
+ * contextos da aplicação, incluindo texto, elementos decorativos e botões.
732
+ *
733
+ * @type {Object}
734
+ * @property {string} TEXT_PRIMARY - Gradiente para texto com efeito de clip
735
+ * @property {string} DECORATIVE_PRIMARY - Gradiente decorativo principal (cyan-purple-pink)
736
+ * @property {string} DECORATIVE_CYAN_PURPLE - Gradiente decorativo cyan para purple
737
+ * @property {string} DECORATIVE_GREEN_EMERALD - Gradiente decorativo green para emerald
738
+ * @property {string} BUTTON_CYAN_BLUE - Gradiente para botões (cyan para blue)
739
+ * @property {string} BUTTON_PURPLE_PINK - Gradiente para botões (purple para pink)
740
+ *
741
+ * @constant
742
+ * @readonly
743
+ *
744
+ * @example
745
+ * ```typescript
746
+ * import { GRADIENTS } from 'rainer-design-tokens';
747
+ *
748
+ * // Aplicar gradiente em texto
749
+ * <h1 className={GRADIENTS.TEXT_PRIMARY}>Título com Gradiente</h1>
750
+ *
751
+ * // Aplicar gradiente em botão
752
+ * <button className={GRADIENTS.BUTTON_CYAN_BLUE}>Clique aqui</button>
753
+ * ```
754
+ */
755
+ declare const GRADIENTS: {
756
+ readonly TEXT_PRIMARY: "bg-gradient-to-r from-cyan-400 via-purple-400 to-pink-400 bg-clip-text text-transparent";
757
+ readonly DECORATIVE_PRIMARY: "bg-gradient-to-br from-cyan-500 via-purple-500 to-pink-500";
758
+ readonly DECORATIVE_CYAN_PURPLE: "bg-gradient-to-r from-cyan-500 to-purple-500";
759
+ readonly DECORATIVE_GREEN_EMERALD: "bg-gradient-to-br from-green-500 to-emerald-500";
760
+ readonly BUTTON_CYAN_BLUE: "bg-gradient-to-r from-cyan-500 to-blue-500";
761
+ readonly BUTTON_PURPLE_PINK: "bg-gradient-to-r from-purple-500 to-pink-500";
762
+ };
763
+ /**
764
+ * Backgrounds utilitários como classes Tailwind CSS
765
+ *
766
+ * @description
767
+ * Conjunto de classes para backgrounds pré-configurados, incluindo
768
+ * overlays, divisores e backgrounds de seção com efeitos de gradiente sutis.
769
+ *
770
+ * @type {Object}
771
+ * @property {string} FULL - Background completo padrão
772
+ * @property {string} GRADIENT_OVERLAY - Overlay de gradiente sutil
773
+ * @property {string} PREMIUM_DIVIDER_CONTAINER - Container para divisor premium
774
+ * @property {string} PREMIUM_DIVIDER_LINE - Linha do divisor premium
775
+ * @property {string} SECTION_CYAN - Background de seção com gradiente cyan
776
+ * @property {string} SECTION_CYAN_VIA - Background de seção cyan via (meio)
777
+ * @property {string} SECTION_PURPLE_VIA - Background de seção purple via (meio)
778
+ * @property {string} SECTION_PINK_VIA - Background de seção pink via (meio)
779
+ *
780
+ * @constant
781
+ * @readonly
782
+ *
783
+ * @example
784
+ * ```typescript
785
+ * import { BACKGROUND } from 'rainer-design-tokens';
786
+ *
787
+ * // Aplicar background de seção
788
+ * <section className={BACKGROUND.SECTION_CYAN}>
789
+ * Conteúdo da seção
790
+ * </section>
791
+ *
792
+ * // Aplicar overlay de gradiente
793
+ * <div className={BACKGROUND.GRADIENT_OVERLAY}>
794
+ * Conteúdo com overlay
795
+ * </div>
796
+ * ```
797
+ */
798
+ declare const BACKGROUND: {
799
+ readonly FULL: "bg-background";
800
+ readonly GRADIENT_OVERLAY: "bg-gradient-to-br from-cyan-500/10 via-purple-500/10 to-pink-500/10";
801
+ readonly PREMIUM_DIVIDER_CONTAINER: "bg-gradient-to-b from-transparent via-cyan-500/5 to-transparent";
802
+ readonly PREMIUM_DIVIDER_LINE: "bg-gradient-to-r from-transparent via-cyan-400/50 to-transparent";
803
+ readonly SECTION_CYAN: "bg-gradient-to-br from-cyan-500/5 via-cyan-500/3 to-transparent";
804
+ readonly SECTION_CYAN_VIA: "bg-gradient-to-br from-transparent via-cyan-500/5 to-transparent";
805
+ readonly SECTION_PURPLE_VIA: "bg-gradient-to-br from-transparent via-purple-500/5 to-transparent";
806
+ readonly SECTION_PINK_VIA: "bg-gradient-to-br from-transparent via-pink-500/5 to-transparent";
807
+ };
808
+ /**
809
+ * Tipo TypeScript para direções de gradiente
810
+ *
811
+ * @typedef {Object} GradientDirections
812
+ * @description
813
+ * Tipo que representa todas as direções de gradiente disponíveis.
814
+ * Útil para type-checking e autocomplete em IDEs.
815
+ */
816
+ type GradientDirections = typeof GRADIENT_DIRECTIONS;
817
+ /**
818
+ * Tipo TypeScript para gradientes
819
+ *
820
+ * @typedef {Object} Gradients
821
+ * @description
822
+ * Tipo que representa todos os gradientes pré-configurados disponíveis.
823
+ */
824
+ type Gradients = typeof GRADIENTS;
825
+ /**
826
+ * Tipo TypeScript para backgrounds
827
+ *
828
+ * @typedef {Object} Background
829
+ * @description
830
+ * Tipo que representa todos os backgrounds utilitários disponíveis.
831
+ */
832
+ type Background = typeof BACKGROUND;
833
+
834
+ /**
835
+ * @fileoverview Utilitários de Acessibilidade - Verificação de Contraste WCAG
836
+ *
837
+ * @description
838
+ * Utilitários para verificar e garantir conformidade com padrões WCAG AA/AAA
839
+ * de contraste de cores. Essas funções são agnósticas e podem ser usadas em
840
+ * qualquer ambiente (web, mobile, desktop).
841
+ *
842
+ * @module tokens/accessibility
843
+ * @version 4.0.0
844
+ * @author Rainer Teixeira
845
+ * @since 1.0.0
846
+ */
847
+ /**
848
+ * Converte cor hexadecimal para RGB
849
+ *
850
+ * @param {string} hex - Cor em formato hexadecimal (#RRGGBB ou RRGGBB)
851
+ * @returns {Object} Objeto com valores RGB { r, g, b }
852
+ *
853
+ * @example
854
+ * ```typescript
855
+ * const rgb = hexToRgb('#0891b2');
856
+ * // { r: 8, g: 145, b: 178 }
857
+ * ```
858
+ */
859
+ declare function hexToRgb(hex: string): {
860
+ r: number;
861
+ g: number;
862
+ b: number;
863
+ };
864
+ /**
865
+ * Calcula a luminância relativa de uma cor RGB
866
+ *
867
+ * @param {number} r - Componente vermelho (0-255)
868
+ * @param {number} g - Componente verde (0-255)
869
+ * @param {number} b - Componente azul (0-255)
870
+ * @returns {number} Luminância relativa (0-1)
871
+ *
872
+ * @description
873
+ * Fórmula baseada na recomendação WCAG 2.1 para cálculo de luminância.
874
+ *
875
+ * @example
876
+ * ```typescript
877
+ * const luminance = getLuminance(8, 145, 178);
878
+ * // 0.234
879
+ * ```
880
+ */
881
+ declare function getLuminance(r: number, g: number, b: number): number;
882
+ /**
883
+ * Calcula o contraste entre duas cores
884
+ *
885
+ * @param {string} color1 - Primeira cor em hexadecimal
886
+ * @param {string} color2 - Segunda cor em hexadecimal
887
+ * @returns {number} Razão de contraste (1-21)
888
+ *
889
+ * @description
890
+ * Retorna a razão de contraste entre duas cores conforme WCAG 2.1.
891
+ * Valores mínimos recomendados:
892
+ * - WCAG AA (normal): 4.5:1 para texto normal, 3:1 para texto grande
893
+ * - WCAG AAA (melhor): 7:1 para texto normal, 4.5:1 para texto grande
894
+ *
895
+ * @example
896
+ * ```typescript
897
+ * const contrast = getContrast('#ffffff', '#000000');
898
+ * // 21 (máximo contraste)
899
+ *
900
+ * const contrast2 = getContrast('#0891b2', '#ffffff');
901
+ * // 3.2 (atende WCAG AA para texto grande)
902
+ * ```
903
+ */
904
+ declare function getContrast(color1: string, color2: string): number;
905
+ /**
906
+ * Verifica se o contraste atende ao padrão WCAG AA
907
+ *
908
+ * @param {string} foreground - Cor do texto (hexadecimal)
909
+ * @param {string} background - Cor de fundo (hexadecimal)
910
+ * @param {boolean} [largeText=false] - Se o texto é grande (>=18pt ou >=14pt bold)
911
+ * @returns {boolean} true se atende WCAG AA, false caso contrário
912
+ *
913
+ * @description
914
+ * WCAG AA requer:
915
+ * - Texto normal: contraste mínimo de 4.5:1
916
+ * - Texto grande: contraste mínimo de 3:1
917
+ *
918
+ * @example
919
+ * ```typescript
920
+ * const meetsAA = meetsWCAGAA('#0891b2', '#ffffff', false);
921
+ * // true (contraste 3.2:1, mas texto normal precisa 4.5:1)
922
+ *
923
+ * const meetsAALarge = meetsWCAGAA('#0891b2', '#ffffff', true);
924
+ * // true (contraste 3.2:1, texto grande precisa 3:1)
925
+ * ```
926
+ */
927
+ declare function meetsWCAGAA(foreground: string, background: string, largeText?: boolean): boolean;
928
+ /**
929
+ * Verifica se o contraste atende ao padrão WCAG AAA
930
+ *
931
+ * @param {string} foreground - Cor do texto (hexadecimal)
932
+ * @param {string} background - Cor de fundo (hexadecimal)
933
+ * @param {boolean} [largeText=false] - Se o texto é grande (>=18pt ou >=14pt bold)
934
+ * @returns {boolean} true se atende WCAG AAA, false caso contrário
935
+ *
936
+ * @description
937
+ * WCAG AAA requer:
938
+ * - Texto normal: contraste mínimo de 7:1
939
+ * - Texto grande: contraste mínimo de 4.5:1
940
+ *
941
+ * @example
942
+ * ```typescript
943
+ * const meetsAAA = meetsWCAGAAA('#000000', '#ffffff', false);
944
+ * // true (contraste 21:1)
945
+ * ```
946
+ */
947
+ declare function meetsWCAGAAA(foreground: string, background: string, largeText?: boolean): boolean;
948
+ /**
949
+ * Retorna informações completas de contraste entre duas cores
950
+ *
951
+ * @param {string} foreground - Cor do texto (hexadecimal)
952
+ * @param {string} background - Cor de fundo (hexadecimal)
953
+ * @returns {Object} Objeto com informações de contraste
954
+ *
955
+ * @example
956
+ * ```typescript
957
+ * const info = getContrastInfo('#0891b2', '#ffffff');
958
+ * // {
959
+ * // contrast: 3.2,
960
+ * // meetsAA: false,
961
+ * // meetsAALarge: true,
962
+ * // meetsAAA: false,
963
+ * // meetsAAALarge: false,
964
+ * // level: 'AA Large'
965
+ * // }
966
+ * ```
967
+ */
968
+ declare function getContrastInfo(foreground: string, background: string): {
969
+ contrast: number;
970
+ meetsAA: boolean;
971
+ meetsAALarge: boolean;
972
+ meetsAAA: boolean;
973
+ meetsAAALarge: boolean;
974
+ level: 'Fail' | 'AA Large' | 'AA' | 'AAA Large' | 'AAA';
975
+ };
976
+ /**
977
+ * Valida se uma combinação de cores atende aos padrões de acessibilidade
978
+ *
979
+ * @param {string} foreground - Cor do texto (hexadecimal)
980
+ * @param {string} background - Cor de fundo (hexadecimal)
981
+ * @param {Object} options - Opções de validação
982
+ * @param {boolean} [options.requireAAA=false] - Se deve requerer WCAG AAA
983
+ * @param {boolean} [options.largeText=false] - Se o texto é grande
984
+ * @returns {Object} Resultado da validação
985
+ *
986
+ * @example
987
+ * ```typescript
988
+ * const validation = validateContrast('#0891b2', '#ffffff', {
989
+ * largeText: true
990
+ * });
991
+ * // {
992
+ * // valid: true,
993
+ * // level: 'AA Large',
994
+ * // contrast: 3.2,
995
+ * // message: 'Contraste válido para texto grande (WCAG AA)'
996
+ * // }
997
+ * ```
998
+ */
999
+ declare function validateContrast(foreground: string, background: string, options?: {
1000
+ requireAAA?: boolean;
1001
+ largeText?: boolean;
1002
+ }): {
1003
+ valid: boolean;
1004
+ level: string;
1005
+ contrast: number;
1006
+ message: string;
1007
+ };
1008
+
1009
+ /**
1010
+ * @fileoverview Ponto de entrada dos tokens de design
1011
+ *
1012
+ * @description
1013
+ * Tokens de design tecnologicamente agnósticos que definem a linguagem visual
1014
+ * do Rainer Design System. Estes tokens podem ser utilizados em qualquer
1015
+ * framework ou tecnologia, garantindo consistência visual.
1016
+ *
1017
+ * @module tokens
1018
+ * @version 4.0.0
1019
+ * @author Rainer Teixeira
1020
+ * @since 1.0.0
1021
+ */
1022
+
1023
+ /**
1024
+ * Todos os tokens de design organizados por categoria
1025
+ *
1026
+ * @description
1027
+ * Objeto principal contendo todos os tokens de design do sistema,
1028
+ * organizados em categorias lógicas para fácil acesso e manutenção.
1029
+ *
1030
+ * @type {Object}
1031
+ * @property {Object} colors - Tokens de cores para temas claro e escuro
1032
+ * @property {Object} colors.light - Cores do tema claro
1033
+ * @property {Object} colors.dark - Cores do tema escuro
1034
+ * @property {Object} typography - Tokens de tipografia (fontes, tamanhos, pesos, etc.)
1035
+ * @property {Object} spacing - Tokens de espaçamento (margens, paddings)
1036
+ * @property {Object} radius - Tokens de raio de borda
1037
+ * @property {Object} shadows - Tokens de sombras para ambos os temas
1038
+ *
1039
+ * @constant
1040
+ * @readonly
1041
+ *
1042
+ * @example
1043
+ * ```typescript
1044
+ * import { tokens } from 'rainer-design-tokens';
1045
+ *
1046
+ * // Acessar cor primária do tema claro
1047
+ * const primaryColor = tokens.colors.light.brand.primary;
1048
+ *
1049
+ * // Acessar espaçamento padrão
1050
+ * const spacing = tokens.spacing.md;
1051
+ * ```
1052
+ */
1053
+ declare const tokens: {
1054
+ readonly colors: {
1055
+ readonly light: {
1056
+ primary: {
1057
+ base: string;
1058
+ hover: string;
1059
+ active: string;
1060
+ disabled: string;
1061
+ focus: string;
1062
+ background: string;
1063
+ backgroundHover: string;
1064
+ backgroundActive: string;
1065
+ border: string;
1066
+ borderHover: string;
1067
+ borderFocus: string;
1068
+ text: string;
1069
+ textHover: string;
1070
+ textDisabled: string;
1071
+ };
1072
+ secondary: {
1073
+ base: string;
1074
+ hover: string;
1075
+ active: string;
1076
+ disabled: string;
1077
+ focus: string;
1078
+ background: string;
1079
+ backgroundHover: string;
1080
+ backgroundActive: string;
1081
+ border: string;
1082
+ borderHover: string;
1083
+ borderFocus: string;
1084
+ text: string;
1085
+ textHover: string;
1086
+ textDisabled: string;
1087
+ };
1088
+ accent: {
1089
+ base: string;
1090
+ hover: string;
1091
+ active: string;
1092
+ disabled: string;
1093
+ focus: string;
1094
+ background: string;
1095
+ backgroundHover: string;
1096
+ backgroundActive: string;
1097
+ border: string;
1098
+ borderHover: string;
1099
+ borderFocus: string;
1100
+ text: string;
1101
+ textHover: string;
1102
+ textDisabled: string;
1103
+ };
1104
+ background: {
1105
+ primary: string;
1106
+ secondary: string;
1107
+ tertiary: string;
1108
+ inverse: string;
1109
+ overlay: string;
1110
+ muted: string;
1111
+ };
1112
+ surface: {
1113
+ primary: string;
1114
+ secondary: string;
1115
+ tertiary: string;
1116
+ elevated: string;
1117
+ overlay: string;
1118
+ hover: string;
1119
+ active: string;
1120
+ };
1121
+ text: {
1122
+ primary: string;
1123
+ secondary: string;
1124
+ tertiary: string;
1125
+ inverse: string;
1126
+ disabled: string;
1127
+ link: string;
1128
+ linkHover: string;
1129
+ linkActive: string;
1130
+ linkVisited: string;
1131
+ onPrimary: string;
1132
+ onSecondary: string;
1133
+ onAccent: string;
1134
+ onBackground: string;
1135
+ onSurface: string;
1136
+ };
1137
+ border: {
1138
+ primary: string;
1139
+ secondary: string;
1140
+ tertiary: string;
1141
+ focus: string;
1142
+ focusRing: string;
1143
+ inverse: string;
1144
+ hover: string;
1145
+ active: string;
1146
+ disabled: string;
1147
+ };
1148
+ status: {
1149
+ success: {
1150
+ base: string;
1151
+ hover: string;
1152
+ active: string;
1153
+ background: string;
1154
+ backgroundHover: string;
1155
+ border: string;
1156
+ text: string;
1157
+ textOnBackground: string;
1158
+ };
1159
+ warning: {
1160
+ base: string;
1161
+ hover: string;
1162
+ active: string;
1163
+ background: string;
1164
+ backgroundHover: string;
1165
+ border: string;
1166
+ text: string;
1167
+ textOnBackground: string;
1168
+ };
1169
+ error: {
1170
+ base: string;
1171
+ hover: string;
1172
+ active: string;
1173
+ background: string;
1174
+ backgroundHover: string;
1175
+ border: string;
1176
+ text: string;
1177
+ textOnBackground: string;
1178
+ };
1179
+ info: {
1180
+ base: string;
1181
+ hover: string;
1182
+ active: string;
1183
+ background: string;
1184
+ backgroundHover: string;
1185
+ border: string;
1186
+ text: string;
1187
+ textOnBackground: string;
1188
+ };
1189
+ };
1190
+ interactive: {
1191
+ default: string;
1192
+ hover: string;
1193
+ active: string;
1194
+ disabled: string;
1195
+ disabledText: string;
1196
+ focus: string;
1197
+ focusRing: string;
1198
+ };
1199
+ };
1200
+ readonly dark: {
1201
+ primary: {
1202
+ base: string;
1203
+ hover: string;
1204
+ active: string;
1205
+ disabled: string;
1206
+ focus: string;
1207
+ background: string;
1208
+ backgroundHover: string;
1209
+ backgroundActive: string;
1210
+ border: string;
1211
+ borderHover: string;
1212
+ borderFocus: string;
1213
+ text: string;
1214
+ textHover: string;
1215
+ textDisabled: string;
1216
+ };
1217
+ secondary: {
1218
+ base: string;
1219
+ hover: string;
1220
+ active: string;
1221
+ disabled: string;
1222
+ focus: string;
1223
+ background: string;
1224
+ backgroundHover: string;
1225
+ backgroundActive: string;
1226
+ border: string;
1227
+ borderHover: string;
1228
+ borderFocus: string;
1229
+ text: string;
1230
+ textHover: string;
1231
+ textDisabled: string;
1232
+ };
1233
+ accent: {
1234
+ base: string;
1235
+ hover: string;
1236
+ active: string;
1237
+ disabled: string;
1238
+ focus: string;
1239
+ background: string;
1240
+ backgroundHover: string;
1241
+ backgroundActive: string;
1242
+ border: string;
1243
+ borderHover: string;
1244
+ borderFocus: string;
1245
+ text: string;
1246
+ textHover: string;
1247
+ textDisabled: string;
1248
+ };
1249
+ background: {
1250
+ primary: string;
1251
+ secondary: string;
1252
+ tertiary: string;
1253
+ inverse: string;
1254
+ overlay: string;
1255
+ muted: string;
1256
+ };
1257
+ surface: {
1258
+ primary: string;
1259
+ secondary: string;
1260
+ tertiary: string;
1261
+ elevated: string;
1262
+ overlay: string;
1263
+ glass: string;
1264
+ glassHover: string;
1265
+ hover: string;
1266
+ active: string;
1267
+ };
1268
+ text: {
1269
+ primary: string;
1270
+ secondary: string;
1271
+ tertiary: string;
1272
+ inverse: string;
1273
+ disabled: string;
1274
+ link: string;
1275
+ linkHover: string;
1276
+ linkActive: string;
1277
+ linkVisited: string;
1278
+ onPrimary: string;
1279
+ onSecondary: string;
1280
+ onAccent: string;
1281
+ onBackground: string;
1282
+ onSurface: string;
1283
+ glow: string;
1284
+ neonCyan: string;
1285
+ neonPink: string;
1286
+ neonPurple: string;
1287
+ neonGreen: string;
1288
+ };
1289
+ border: {
1290
+ primary: string;
1291
+ secondary: string;
1292
+ tertiary: string;
1293
+ focus: string;
1294
+ focusRing: string;
1295
+ inverse: string;
1296
+ neon: string;
1297
+ neonGlow: string;
1298
+ hover: string;
1299
+ active: string;
1300
+ disabled: string;
1301
+ };
1302
+ status: {
1303
+ success: {
1304
+ base: string;
1305
+ hover: string;
1306
+ active: string;
1307
+ background: string;
1308
+ backgroundHover: string;
1309
+ border: string;
1310
+ text: string;
1311
+ textOnBackground: string;
1312
+ };
1313
+ warning: {
1314
+ base: string;
1315
+ hover: string;
1316
+ active: string;
1317
+ background: string;
1318
+ backgroundHover: string;
1319
+ border: string;
1320
+ text: string;
1321
+ textOnBackground: string;
1322
+ };
1323
+ error: {
1324
+ base: string;
1325
+ hover: string;
1326
+ active: string;
1327
+ background: string;
1328
+ backgroundHover: string;
1329
+ border: string;
1330
+ text: string;
1331
+ textOnBackground: string;
1332
+ };
1333
+ info: {
1334
+ base: string;
1335
+ hover: string;
1336
+ active: string;
1337
+ background: string;
1338
+ backgroundHover: string;
1339
+ border: string;
1340
+ text: string;
1341
+ textOnBackground: string;
1342
+ };
1343
+ };
1344
+ interactive: {
1345
+ default: string;
1346
+ hover: string;
1347
+ active: string;
1348
+ disabled: string;
1349
+ disabledText: string;
1350
+ focus: string;
1351
+ focusRing: string;
1352
+ };
1353
+ effects: {
1354
+ glowCyan: string;
1355
+ glowPink: string;
1356
+ glowPurple: string;
1357
+ glowGreen: string;
1358
+ shadowSm: string;
1359
+ shadowMd: string;
1360
+ shadowLg: string;
1361
+ };
1362
+ gradients: {
1363
+ primary: string;
1364
+ secondary: string;
1365
+ accent: string;
1366
+ background: string;
1367
+ };
1368
+ };
1369
+ };
1370
+ readonly typography: {
1371
+ fontFamily: {
1372
+ sans: string;
1373
+ serif: string;
1374
+ mono: string;
1375
+ display: string;
1376
+ body: string;
1377
+ code: string;
1378
+ };
1379
+ fontSize: {
1380
+ xs: string;
1381
+ sm: string;
1382
+ base: string;
1383
+ lg: string;
1384
+ xl: string;
1385
+ "2xl": string;
1386
+ "3xl": string;
1387
+ "4xl": string;
1388
+ "5xl": string;
1389
+ "6xl": string;
1390
+ "7xl": string;
1391
+ "8xl": string;
1392
+ "9xl": string;
1393
+ };
1394
+ fontWeight: {
1395
+ thin: string;
1396
+ extralight: string;
1397
+ light: string;
1398
+ normal: string;
1399
+ medium: string;
1400
+ semibold: string;
1401
+ bold: string;
1402
+ extrabold: string;
1403
+ black: string;
1404
+ };
1405
+ lineHeight: {
1406
+ none: string;
1407
+ tight: string;
1408
+ snug: string;
1409
+ normal: string;
1410
+ relaxed: string;
1411
+ loose: string;
1412
+ };
1413
+ letterSpacing: {
1414
+ tighter: string;
1415
+ tight: string;
1416
+ normal: string;
1417
+ wide: string;
1418
+ wider: string;
1419
+ widest: string;
1420
+ };
1421
+ headings: {
1422
+ h1: {
1423
+ fontFamily: string;
1424
+ fontSize: string;
1425
+ fontSizeMobile: string;
1426
+ fontSizeTablet: string;
1427
+ fontSizeDesktop: string;
1428
+ fontWeight: string;
1429
+ lineHeight: string;
1430
+ letterSpacing: string;
1431
+ marginBottom: string;
1432
+ };
1433
+ h2: {
1434
+ fontFamily: string;
1435
+ fontSize: string;
1436
+ fontSizeMobile: string;
1437
+ fontSizeTablet: string;
1438
+ fontSizeDesktop: string;
1439
+ fontWeight: string;
1440
+ lineHeight: string;
1441
+ letterSpacing: string;
1442
+ marginBottom: string;
1443
+ };
1444
+ h3: {
1445
+ fontFamily: string;
1446
+ fontSize: string;
1447
+ fontSizeMobile: string;
1448
+ fontSizeTablet: string;
1449
+ fontSizeDesktop: string;
1450
+ fontWeight: string;
1451
+ lineHeight: string;
1452
+ letterSpacing: string;
1453
+ marginBottom: string;
1454
+ };
1455
+ h4: {
1456
+ fontFamily: string;
1457
+ fontSize: string;
1458
+ fontSizeMobile: string;
1459
+ fontSizeTablet: string;
1460
+ fontSizeDesktop: string;
1461
+ fontWeight: string;
1462
+ lineHeight: string;
1463
+ letterSpacing: string;
1464
+ marginBottom: string;
1465
+ };
1466
+ h5: {
1467
+ fontFamily: string;
1468
+ fontSize: string;
1469
+ fontSizeMobile: string;
1470
+ fontSizeTablet: string;
1471
+ fontSizeDesktop: string;
1472
+ fontWeight: string;
1473
+ lineHeight: string;
1474
+ letterSpacing: string;
1475
+ marginBottom: string;
1476
+ };
1477
+ h6: {
1478
+ fontFamily: string;
1479
+ fontSize: string;
1480
+ fontSizeMobile: string;
1481
+ fontSizeTablet: string;
1482
+ fontSizeDesktop: string;
1483
+ fontWeight: string;
1484
+ lineHeight: string;
1485
+ letterSpacing: string;
1486
+ marginBottom: string;
1487
+ };
1488
+ };
1489
+ subtitle: {
1490
+ large: {
1491
+ fontFamily: string;
1492
+ fontSize: string;
1493
+ fontSizeMobile: string;
1494
+ fontSizeTablet: string;
1495
+ fontSizeDesktop: string;
1496
+ fontWeight: string;
1497
+ lineHeight: string;
1498
+ letterSpacing: string;
1499
+ marginBottom: string;
1500
+ };
1501
+ medium: {
1502
+ fontFamily: string;
1503
+ fontSize: string;
1504
+ fontSizeMobile: string;
1505
+ fontSizeTablet: string;
1506
+ fontSizeDesktop: string;
1507
+ fontWeight: string;
1508
+ lineHeight: string;
1509
+ letterSpacing: string;
1510
+ marginBottom: string;
1511
+ };
1512
+ small: {
1513
+ fontFamily: string;
1514
+ fontSize: string;
1515
+ fontWeight: string;
1516
+ lineHeight: string;
1517
+ letterSpacing: string;
1518
+ marginBottom: string;
1519
+ };
1520
+ };
1521
+ body: {
1522
+ large: {
1523
+ fontFamily: string;
1524
+ fontSize: string;
1525
+ fontWeight: string;
1526
+ lineHeight: string;
1527
+ letterSpacing: string;
1528
+ };
1529
+ medium: {
1530
+ fontFamily: string;
1531
+ fontSize: string;
1532
+ fontWeight: string;
1533
+ lineHeight: string;
1534
+ letterSpacing: string;
1535
+ };
1536
+ small: {
1537
+ fontFamily: string;
1538
+ fontSize: string;
1539
+ fontWeight: string;
1540
+ lineHeight: string;
1541
+ letterSpacing: string;
1542
+ };
1543
+ };
1544
+ caption: {
1545
+ large: {
1546
+ fontFamily: string;
1547
+ fontSize: string;
1548
+ fontWeight: string;
1549
+ lineHeight: string;
1550
+ letterSpacing: string;
1551
+ };
1552
+ medium: {
1553
+ fontFamily: string;
1554
+ fontSize: string;
1555
+ fontWeight: string;
1556
+ lineHeight: string;
1557
+ letterSpacing: string;
1558
+ };
1559
+ small: {
1560
+ fontFamily: string;
1561
+ fontSize: string;
1562
+ fontWeight: string;
1563
+ lineHeight: string;
1564
+ letterSpacing: string;
1565
+ };
1566
+ };
1567
+ button: {
1568
+ large: {
1569
+ fontFamily: string;
1570
+ fontSize: string;
1571
+ fontWeight: string;
1572
+ lineHeight: string;
1573
+ letterSpacing: string;
1574
+ };
1575
+ medium: {
1576
+ fontFamily: string;
1577
+ fontSize: string;
1578
+ fontWeight: string;
1579
+ lineHeight: string;
1580
+ letterSpacing: string;
1581
+ };
1582
+ small: {
1583
+ fontFamily: string;
1584
+ fontSize: string;
1585
+ fontWeight: string;
1586
+ lineHeight: string;
1587
+ letterSpacing: string;
1588
+ };
1589
+ };
1590
+ label: {
1591
+ large: {
1592
+ fontFamily: string;
1593
+ fontSize: string;
1594
+ fontWeight: string;
1595
+ lineHeight: string;
1596
+ letterSpacing: string;
1597
+ };
1598
+ medium: {
1599
+ fontFamily: string;
1600
+ fontSize: string;
1601
+ fontWeight: string;
1602
+ lineHeight: string;
1603
+ letterSpacing: string;
1604
+ };
1605
+ small: {
1606
+ fontFamily: string;
1607
+ fontSize: string;
1608
+ fontWeight: string;
1609
+ lineHeight: string;
1610
+ letterSpacing: string;
1611
+ };
1612
+ };
1613
+ code: {
1614
+ inline: {
1615
+ fontFamily: string;
1616
+ fontSize: string;
1617
+ fontWeight: string;
1618
+ lineHeight: string;
1619
+ letterSpacing: string;
1620
+ };
1621
+ block: {
1622
+ fontFamily: string;
1623
+ fontSize: string;
1624
+ fontWeight: string;
1625
+ lineHeight: string;
1626
+ letterSpacing: string;
1627
+ };
1628
+ };
1629
+ };
1630
+ readonly spacing: {
1631
+ "0": string;
1632
+ px: string;
1633
+ "0.5": string;
1634
+ "1": string;
1635
+ "1.5": string;
1636
+ "2": string;
1637
+ "2.5": string;
1638
+ "3": string;
1639
+ "3.5": string;
1640
+ "4": string;
1641
+ "5": string;
1642
+ "6": string;
1643
+ "7": string;
1644
+ "8": string;
1645
+ "9": string;
1646
+ "10": string;
1647
+ "11": string;
1648
+ "12": string;
1649
+ "14": string;
1650
+ "16": string;
1651
+ "20": string;
1652
+ "24": string;
1653
+ "28": string;
1654
+ "32": string;
1655
+ "36": string;
1656
+ "40": string;
1657
+ "44": string;
1658
+ "48": string;
1659
+ "52": string;
1660
+ "56": string;
1661
+ "60": string;
1662
+ "64": string;
1663
+ "72": string;
1664
+ "80": string;
1665
+ "96": string;
1666
+ };
1667
+ readonly radius: {
1668
+ none: string;
1669
+ sm: string;
1670
+ base: string;
1671
+ md: string;
1672
+ lg: string;
1673
+ xl: string;
1674
+ "2xl": string;
1675
+ "3xl": string;
1676
+ full: string;
1677
+ };
1678
+ readonly shadows: {
1679
+ light: {
1680
+ xs: string;
1681
+ sm: string;
1682
+ base: string;
1683
+ md: string;
1684
+ lg: string;
1685
+ xl: string;
1686
+ "2xl": string;
1687
+ inner: string;
1688
+ };
1689
+ dark: {
1690
+ xs: string;
1691
+ sm: string;
1692
+ base: string;
1693
+ md: string;
1694
+ lg: string;
1695
+ xl: string;
1696
+ "2xl": string;
1697
+ inner: string;
1698
+ glow: {
1699
+ cyan: string;
1700
+ pink: string;
1701
+ purple: string;
1702
+ green: string;
1703
+ };
1704
+ };
1705
+ };
1706
+ };
1707
+ /**
1708
+ * Cores do tema claro
1709
+ *
1710
+ * @description
1711
+ * Exporta apenas as cores do tema claro para uso direto.
1712
+ *
1713
+ * @type {Object}
1714
+ * @constant
1715
+ * @readonly
1716
+ *
1717
+ * @example
1718
+ * ```typescript
1719
+ * import { lightThemeColors } from 'rainer-design-tokens';
1720
+ *
1721
+ * const primaryColor = lightThemeColors.brand.primary;
1722
+ * ```
1723
+ */
1724
+ declare const lightThemeColors: {
1725
+ primary: {
1726
+ base: string;
1727
+ hover: string;
1728
+ active: string;
1729
+ disabled: string;
1730
+ focus: string;
1731
+ background: string;
1732
+ backgroundHover: string;
1733
+ backgroundActive: string;
1734
+ border: string;
1735
+ borderHover: string;
1736
+ borderFocus: string;
1737
+ text: string;
1738
+ textHover: string;
1739
+ textDisabled: string;
1740
+ };
1741
+ secondary: {
1742
+ base: string;
1743
+ hover: string;
1744
+ active: string;
1745
+ disabled: string;
1746
+ focus: string;
1747
+ background: string;
1748
+ backgroundHover: string;
1749
+ backgroundActive: string;
1750
+ border: string;
1751
+ borderHover: string;
1752
+ borderFocus: string;
1753
+ text: string;
1754
+ textHover: string;
1755
+ textDisabled: string;
1756
+ };
1757
+ accent: {
1758
+ base: string;
1759
+ hover: string;
1760
+ active: string;
1761
+ disabled: string;
1762
+ focus: string;
1763
+ background: string;
1764
+ backgroundHover: string;
1765
+ backgroundActive: string;
1766
+ border: string;
1767
+ borderHover: string;
1768
+ borderFocus: string;
1769
+ text: string;
1770
+ textHover: string;
1771
+ textDisabled: string;
1772
+ };
1773
+ background: {
1774
+ primary: string;
1775
+ secondary: string;
1776
+ tertiary: string;
1777
+ inverse: string;
1778
+ overlay: string;
1779
+ muted: string;
1780
+ };
1781
+ surface: {
1782
+ primary: string;
1783
+ secondary: string;
1784
+ tertiary: string;
1785
+ elevated: string;
1786
+ overlay: string;
1787
+ hover: string;
1788
+ active: string;
1789
+ };
1790
+ text: {
1791
+ primary: string;
1792
+ secondary: string;
1793
+ tertiary: string;
1794
+ inverse: string;
1795
+ disabled: string;
1796
+ link: string;
1797
+ linkHover: string;
1798
+ linkActive: string;
1799
+ linkVisited: string;
1800
+ onPrimary: string;
1801
+ onSecondary: string;
1802
+ onAccent: string;
1803
+ onBackground: string;
1804
+ onSurface: string;
1805
+ };
1806
+ border: {
1807
+ primary: string;
1808
+ secondary: string;
1809
+ tertiary: string;
1810
+ focus: string;
1811
+ focusRing: string;
1812
+ inverse: string;
1813
+ hover: string;
1814
+ active: string;
1815
+ disabled: string;
1816
+ };
1817
+ status: {
1818
+ success: {
1819
+ base: string;
1820
+ hover: string;
1821
+ active: string;
1822
+ background: string;
1823
+ backgroundHover: string;
1824
+ border: string;
1825
+ text: string;
1826
+ textOnBackground: string;
1827
+ };
1828
+ warning: {
1829
+ base: string;
1830
+ hover: string;
1831
+ active: string;
1832
+ background: string;
1833
+ backgroundHover: string;
1834
+ border: string;
1835
+ text: string;
1836
+ textOnBackground: string;
1837
+ };
1838
+ error: {
1839
+ base: string;
1840
+ hover: string;
1841
+ active: string;
1842
+ background: string;
1843
+ backgroundHover: string;
1844
+ border: string;
1845
+ text: string;
1846
+ textOnBackground: string;
1847
+ };
1848
+ info: {
1849
+ base: string;
1850
+ hover: string;
1851
+ active: string;
1852
+ background: string;
1853
+ backgroundHover: string;
1854
+ border: string;
1855
+ text: string;
1856
+ textOnBackground: string;
1857
+ };
1858
+ };
1859
+ interactive: {
1860
+ default: string;
1861
+ hover: string;
1862
+ active: string;
1863
+ disabled: string;
1864
+ disabledText: string;
1865
+ focus: string;
1866
+ focusRing: string;
1867
+ };
1868
+ };
1869
+ /**
1870
+ * Cores do tema escuro
1871
+ *
1872
+ * @description
1873
+ * Exporta apenas as cores do tema escuro (estilo cyberpunk) para uso direto.
1874
+ *
1875
+ * @type {Object}
1876
+ * @constant
1877
+ * @readonly
1878
+ *
1879
+ * @example
1880
+ * ```typescript
1881
+ * import { darkThemeColors } from 'rainer-design-tokens';
1882
+ *
1883
+ * const neonColor = darkThemeColors.accent.cyan;
1884
+ * ```
1885
+ */
1886
+ declare const darkThemeColors: {
1887
+ primary: {
1888
+ base: string;
1889
+ hover: string;
1890
+ active: string;
1891
+ disabled: string;
1892
+ focus: string;
1893
+ background: string;
1894
+ backgroundHover: string;
1895
+ backgroundActive: string;
1896
+ border: string;
1897
+ borderHover: string;
1898
+ borderFocus: string;
1899
+ text: string;
1900
+ textHover: string;
1901
+ textDisabled: string;
1902
+ };
1903
+ secondary: {
1904
+ base: string;
1905
+ hover: string;
1906
+ active: string;
1907
+ disabled: string;
1908
+ focus: string;
1909
+ background: string;
1910
+ backgroundHover: string;
1911
+ backgroundActive: string;
1912
+ border: string;
1913
+ borderHover: string;
1914
+ borderFocus: string;
1915
+ text: string;
1916
+ textHover: string;
1917
+ textDisabled: string;
1918
+ };
1919
+ accent: {
1920
+ base: string;
1921
+ hover: string;
1922
+ active: string;
1923
+ disabled: string;
1924
+ focus: string;
1925
+ background: string;
1926
+ backgroundHover: string;
1927
+ backgroundActive: string;
1928
+ border: string;
1929
+ borderHover: string;
1930
+ borderFocus: string;
1931
+ text: string;
1932
+ textHover: string;
1933
+ textDisabled: string;
1934
+ };
1935
+ background: {
1936
+ primary: string;
1937
+ secondary: string;
1938
+ tertiary: string;
1939
+ inverse: string;
1940
+ overlay: string;
1941
+ muted: string;
1942
+ };
1943
+ surface: {
1944
+ primary: string;
1945
+ secondary: string;
1946
+ tertiary: string;
1947
+ elevated: string;
1948
+ overlay: string;
1949
+ glass: string;
1950
+ glassHover: string;
1951
+ hover: string;
1952
+ active: string;
1953
+ };
1954
+ text: {
1955
+ primary: string;
1956
+ secondary: string;
1957
+ tertiary: string;
1958
+ inverse: string;
1959
+ disabled: string;
1960
+ link: string;
1961
+ linkHover: string;
1962
+ linkActive: string;
1963
+ linkVisited: string;
1964
+ onPrimary: string;
1965
+ onSecondary: string;
1966
+ onAccent: string;
1967
+ onBackground: string;
1968
+ onSurface: string;
1969
+ glow: string;
1970
+ neonCyan: string;
1971
+ neonPink: string;
1972
+ neonPurple: string;
1973
+ neonGreen: string;
1974
+ };
1975
+ border: {
1976
+ primary: string;
1977
+ secondary: string;
1978
+ tertiary: string;
1979
+ focus: string;
1980
+ focusRing: string;
1981
+ inverse: string;
1982
+ neon: string;
1983
+ neonGlow: string;
1984
+ hover: string;
1985
+ active: string;
1986
+ disabled: string;
1987
+ };
1988
+ status: {
1989
+ success: {
1990
+ base: string;
1991
+ hover: string;
1992
+ active: string;
1993
+ background: string;
1994
+ backgroundHover: string;
1995
+ border: string;
1996
+ text: string;
1997
+ textOnBackground: string;
1998
+ };
1999
+ warning: {
2000
+ base: string;
2001
+ hover: string;
2002
+ active: string;
2003
+ background: string;
2004
+ backgroundHover: string;
2005
+ border: string;
2006
+ text: string;
2007
+ textOnBackground: string;
2008
+ };
2009
+ error: {
2010
+ base: string;
2011
+ hover: string;
2012
+ active: string;
2013
+ background: string;
2014
+ backgroundHover: string;
2015
+ border: string;
2016
+ text: string;
2017
+ textOnBackground: string;
2018
+ };
2019
+ info: {
2020
+ base: string;
2021
+ hover: string;
2022
+ active: string;
2023
+ background: string;
2024
+ backgroundHover: string;
2025
+ border: string;
2026
+ text: string;
2027
+ textOnBackground: string;
2028
+ };
2029
+ };
2030
+ interactive: {
2031
+ default: string;
2032
+ hover: string;
2033
+ active: string;
2034
+ disabled: string;
2035
+ disabledText: string;
2036
+ focus: string;
2037
+ focusRing: string;
2038
+ };
2039
+ effects: {
2040
+ glowCyan: string;
2041
+ glowPink: string;
2042
+ glowPurple: string;
2043
+ glowGreen: string;
2044
+ shadowSm: string;
2045
+ shadowMd: string;
2046
+ shadowLg: string;
2047
+ };
2048
+ gradients: {
2049
+ primary: string;
2050
+ secondary: string;
2051
+ accent: string;
2052
+ background: string;
2053
+ };
2054
+ };
2055
+ /**
2056
+ * Tokens de tipografia
2057
+ *
2058
+ * @description
2059
+ * Exporta todos os tokens relacionados à tipografia, incluindo
2060
+ * famílias de fontes, tamanhos, pesos, alturas de linha e espaçamento entre letras.
2061
+ *
2062
+ * @type {Object}
2063
+ * @constant
2064
+ * @readonly
2065
+ *
2066
+ * @example
2067
+ * ```typescript
2068
+ * import { typographyTokens } from 'rainer-design-tokens';
2069
+ *
2070
+ * const fontSize = typographyTokens.fontSize.lg;
2071
+ * const fontFamily = typographyTokens.fontFamily.sans;
2072
+ * ```
2073
+ */
2074
+ declare const typographyTokens: {
2075
+ fontFamily: {
2076
+ sans: string;
2077
+ serif: string;
2078
+ mono: string;
2079
+ display: string;
2080
+ body: string;
2081
+ code: string;
2082
+ };
2083
+ fontSize: {
2084
+ xs: string;
2085
+ sm: string;
2086
+ base: string;
2087
+ lg: string;
2088
+ xl: string;
2089
+ "2xl": string;
2090
+ "3xl": string;
2091
+ "4xl": string;
2092
+ "5xl": string;
2093
+ "6xl": string;
2094
+ "7xl": string;
2095
+ "8xl": string;
2096
+ "9xl": string;
2097
+ };
2098
+ fontWeight: {
2099
+ thin: string;
2100
+ extralight: string;
2101
+ light: string;
2102
+ normal: string;
2103
+ medium: string;
2104
+ semibold: string;
2105
+ bold: string;
2106
+ extrabold: string;
2107
+ black: string;
2108
+ };
2109
+ lineHeight: {
2110
+ none: string;
2111
+ tight: string;
2112
+ snug: string;
2113
+ normal: string;
2114
+ relaxed: string;
2115
+ loose: string;
2116
+ };
2117
+ letterSpacing: {
2118
+ tighter: string;
2119
+ tight: string;
2120
+ normal: string;
2121
+ wide: string;
2122
+ wider: string;
2123
+ widest: string;
2124
+ };
2125
+ headings: {
2126
+ h1: {
2127
+ fontFamily: string;
2128
+ fontSize: string;
2129
+ fontSizeMobile: string;
2130
+ fontSizeTablet: string;
2131
+ fontSizeDesktop: string;
2132
+ fontWeight: string;
2133
+ lineHeight: string;
2134
+ letterSpacing: string;
2135
+ marginBottom: string;
2136
+ };
2137
+ h2: {
2138
+ fontFamily: string;
2139
+ fontSize: string;
2140
+ fontSizeMobile: string;
2141
+ fontSizeTablet: string;
2142
+ fontSizeDesktop: string;
2143
+ fontWeight: string;
2144
+ lineHeight: string;
2145
+ letterSpacing: string;
2146
+ marginBottom: string;
2147
+ };
2148
+ h3: {
2149
+ fontFamily: string;
2150
+ fontSize: string;
2151
+ fontSizeMobile: string;
2152
+ fontSizeTablet: string;
2153
+ fontSizeDesktop: string;
2154
+ fontWeight: string;
2155
+ lineHeight: string;
2156
+ letterSpacing: string;
2157
+ marginBottom: string;
2158
+ };
2159
+ h4: {
2160
+ fontFamily: string;
2161
+ fontSize: string;
2162
+ fontSizeMobile: string;
2163
+ fontSizeTablet: string;
2164
+ fontSizeDesktop: string;
2165
+ fontWeight: string;
2166
+ lineHeight: string;
2167
+ letterSpacing: string;
2168
+ marginBottom: string;
2169
+ };
2170
+ h5: {
2171
+ fontFamily: string;
2172
+ fontSize: string;
2173
+ fontSizeMobile: string;
2174
+ fontSizeTablet: string;
2175
+ fontSizeDesktop: string;
2176
+ fontWeight: string;
2177
+ lineHeight: string;
2178
+ letterSpacing: string;
2179
+ marginBottom: string;
2180
+ };
2181
+ h6: {
2182
+ fontFamily: string;
2183
+ fontSize: string;
2184
+ fontSizeMobile: string;
2185
+ fontSizeTablet: string;
2186
+ fontSizeDesktop: string;
2187
+ fontWeight: string;
2188
+ lineHeight: string;
2189
+ letterSpacing: string;
2190
+ marginBottom: string;
2191
+ };
2192
+ };
2193
+ subtitle: {
2194
+ large: {
2195
+ fontFamily: string;
2196
+ fontSize: string;
2197
+ fontSizeMobile: string;
2198
+ fontSizeTablet: string;
2199
+ fontSizeDesktop: string;
2200
+ fontWeight: string;
2201
+ lineHeight: string;
2202
+ letterSpacing: string;
2203
+ marginBottom: string;
2204
+ };
2205
+ medium: {
2206
+ fontFamily: string;
2207
+ fontSize: string;
2208
+ fontSizeMobile: string;
2209
+ fontSizeTablet: string;
2210
+ fontSizeDesktop: string;
2211
+ fontWeight: string;
2212
+ lineHeight: string;
2213
+ letterSpacing: string;
2214
+ marginBottom: string;
2215
+ };
2216
+ small: {
2217
+ fontFamily: string;
2218
+ fontSize: string;
2219
+ fontWeight: string;
2220
+ lineHeight: string;
2221
+ letterSpacing: string;
2222
+ marginBottom: string;
2223
+ };
2224
+ };
2225
+ body: {
2226
+ large: {
2227
+ fontFamily: string;
2228
+ fontSize: string;
2229
+ fontWeight: string;
2230
+ lineHeight: string;
2231
+ letterSpacing: string;
2232
+ };
2233
+ medium: {
2234
+ fontFamily: string;
2235
+ fontSize: string;
2236
+ fontWeight: string;
2237
+ lineHeight: string;
2238
+ letterSpacing: string;
2239
+ };
2240
+ small: {
2241
+ fontFamily: string;
2242
+ fontSize: string;
2243
+ fontWeight: string;
2244
+ lineHeight: string;
2245
+ letterSpacing: string;
2246
+ };
2247
+ };
2248
+ caption: {
2249
+ large: {
2250
+ fontFamily: string;
2251
+ fontSize: string;
2252
+ fontWeight: string;
2253
+ lineHeight: string;
2254
+ letterSpacing: string;
2255
+ };
2256
+ medium: {
2257
+ fontFamily: string;
2258
+ fontSize: string;
2259
+ fontWeight: string;
2260
+ lineHeight: string;
2261
+ letterSpacing: string;
2262
+ };
2263
+ small: {
2264
+ fontFamily: string;
2265
+ fontSize: string;
2266
+ fontWeight: string;
2267
+ lineHeight: string;
2268
+ letterSpacing: string;
2269
+ };
2270
+ };
2271
+ button: {
2272
+ large: {
2273
+ fontFamily: string;
2274
+ fontSize: string;
2275
+ fontWeight: string;
2276
+ lineHeight: string;
2277
+ letterSpacing: string;
2278
+ };
2279
+ medium: {
2280
+ fontFamily: string;
2281
+ fontSize: string;
2282
+ fontWeight: string;
2283
+ lineHeight: string;
2284
+ letterSpacing: string;
2285
+ };
2286
+ small: {
2287
+ fontFamily: string;
2288
+ fontSize: string;
2289
+ fontWeight: string;
2290
+ lineHeight: string;
2291
+ letterSpacing: string;
2292
+ };
2293
+ };
2294
+ label: {
2295
+ large: {
2296
+ fontFamily: string;
2297
+ fontSize: string;
2298
+ fontWeight: string;
2299
+ lineHeight: string;
2300
+ letterSpacing: string;
2301
+ };
2302
+ medium: {
2303
+ fontFamily: string;
2304
+ fontSize: string;
2305
+ fontWeight: string;
2306
+ lineHeight: string;
2307
+ letterSpacing: string;
2308
+ };
2309
+ small: {
2310
+ fontFamily: string;
2311
+ fontSize: string;
2312
+ fontWeight: string;
2313
+ lineHeight: string;
2314
+ letterSpacing: string;
2315
+ };
2316
+ };
2317
+ code: {
2318
+ inline: {
2319
+ fontFamily: string;
2320
+ fontSize: string;
2321
+ fontWeight: string;
2322
+ lineHeight: string;
2323
+ letterSpacing: string;
2324
+ };
2325
+ block: {
2326
+ fontFamily: string;
2327
+ fontSize: string;
2328
+ fontWeight: string;
2329
+ lineHeight: string;
2330
+ letterSpacing: string;
2331
+ };
2332
+ };
2333
+ };
2334
+ /**
2335
+ * Tokens de espaçamento
2336
+ *
2337
+ * @description
2338
+ * Exporta todos os tokens de espaçamento padronizados do sistema.
2339
+ * Utilizados para margens, paddings e gaps consistentes.
2340
+ *
2341
+ * @type {Object}
2342
+ * @constant
2343
+ * @readonly
2344
+ *
2345
+ * @example
2346
+ * ```typescript
2347
+ * import { spacingTokens } from 'rainer-design-tokens';
2348
+ *
2349
+ * const margin = spacingTokens.md;
2350
+ * const padding = spacingTokens.lg;
2351
+ * ```
2352
+ */
2353
+ declare const spacingTokens: {
2354
+ "0": string;
2355
+ px: string;
2356
+ "0.5": string;
2357
+ "1": string;
2358
+ "1.5": string;
2359
+ "2": string;
2360
+ "2.5": string;
2361
+ "3": string;
2362
+ "3.5": string;
2363
+ "4": string;
2364
+ "5": string;
2365
+ "6": string;
2366
+ "7": string;
2367
+ "8": string;
2368
+ "9": string;
2369
+ "10": string;
2370
+ "11": string;
2371
+ "12": string;
2372
+ "14": string;
2373
+ "16": string;
2374
+ "20": string;
2375
+ "24": string;
2376
+ "28": string;
2377
+ "32": string;
2378
+ "36": string;
2379
+ "40": string;
2380
+ "44": string;
2381
+ "48": string;
2382
+ "52": string;
2383
+ "56": string;
2384
+ "60": string;
2385
+ "64": string;
2386
+ "72": string;
2387
+ "80": string;
2388
+ "96": string;
2389
+ };
2390
+ /**
2391
+ * Tokens de raio de borda
2392
+ *
2393
+ * @description
2394
+ * Exporta todos os tokens de raio de borda (border-radius) padronizados.
2395
+ *
2396
+ * @type {Object}
2397
+ * @constant
2398
+ * @readonly
2399
+ *
2400
+ * @example
2401
+ * ```typescript
2402
+ * import { radiusTokens } from 'rainer-design-tokens';
2403
+ *
2404
+ * const borderRadius = radiusTokens.md;
2405
+ * ```
2406
+ */
2407
+ declare const radiusTokens: {
2408
+ none: string;
2409
+ sm: string;
2410
+ base: string;
2411
+ md: string;
2412
+ lg: string;
2413
+ xl: string;
2414
+ "2xl": string;
2415
+ "3xl": string;
2416
+ full: string;
2417
+ };
2418
+ /**
2419
+ * Tokens de sombras
2420
+ *
2421
+ * @description
2422
+ * Exporta todos os tokens de sombras, incluindo sombras para tema claro
2423
+ * e efeitos de brilho (glow) para tema escuro.
2424
+ *
2425
+ * @type {Object}
2426
+ * @constant
2427
+ * @readonly
2428
+ *
2429
+ * @example
2430
+ * ```typescript
2431
+ * import { shadowTokens } from 'rainer-design-tokens';
2432
+ *
2433
+ * const shadow = shadowTokens.light.md;
2434
+ * const glow = shadowTokens.dark.glow.cyan;
2435
+ * ```
2436
+ */
2437
+ declare const shadowTokens: {
2438
+ light: {
2439
+ xs: string;
2440
+ sm: string;
2441
+ base: string;
2442
+ md: string;
2443
+ lg: string;
2444
+ xl: string;
2445
+ "2xl": string;
2446
+ inner: string;
2447
+ };
2448
+ dark: {
2449
+ xs: string;
2450
+ sm: string;
2451
+ base: string;
2452
+ md: string;
2453
+ lg: string;
2454
+ xl: string;
2455
+ "2xl": string;
2456
+ inner: string;
2457
+ glow: {
2458
+ cyan: string;
2459
+ pink: string;
2460
+ purple: string;
2461
+ green: string;
2462
+ };
2463
+ };
2464
+ };
2465
+ /**
2466
+ * Tipo TypeScript para todos os tokens
2467
+ *
2468
+ * @typedef {Object} Tokens
2469
+ * @description
2470
+ * Tipo que representa a estrutura completa de todos os tokens de design.
2471
+ * Útil para type-checking e autocomplete em IDEs.
2472
+ */
2473
+ type Tokens = typeof tokens;
2474
+ /**
2475
+ * Tipo TypeScript para cores do tema claro
2476
+ *
2477
+ * @typedef {Object} LightColors
2478
+ * @description
2479
+ * Tipo que representa todas as cores disponíveis no tema claro.
2480
+ */
2481
+ type LightColors = typeof lightColors.colors;
2482
+ /**
2483
+ * Tipo TypeScript para cores do tema escuro
2484
+ *
2485
+ * @typedef {Object} DarkColors
2486
+ * @description
2487
+ * Tipo que representa todas as cores disponíveis no tema escuro (cyberpunk).
2488
+ */
2489
+ type DarkColors = typeof darkColors.colors;
2490
+ /**
2491
+ * Tipo TypeScript para tokens de tipografia
2492
+ *
2493
+ * @typedef {Object} Typography
2494
+ * @description
2495
+ * Tipo que representa todos os tokens de tipografia.
2496
+ */
2497
+ type Typography = typeof typography.typography;
2498
+ /**
2499
+ * Tipo TypeScript para tokens de espaçamento
2500
+ *
2501
+ * @typedef {Object} Spacing
2502
+ * @description
2503
+ * Tipo que representa todos os tokens de espaçamento.
2504
+ */
2505
+ type Spacing = typeof spacing.spacing;
2506
+ /**
2507
+ * Tipo TypeScript para tokens de raio de borda
2508
+ *
2509
+ * @typedef {Object} Radius
2510
+ * @description
2511
+ * Tipo que representa todos os tokens de raio de borda.
2512
+ */
2513
+ type Radius = typeof radius.radius;
2514
+ /**
2515
+ * Tipo TypeScript para tokens de sombras
2516
+ *
2517
+ * @typedef {Object} Shadows
2518
+ * @description
2519
+ * Tipo que representa todos os tokens de sombras.
2520
+ */
2521
+ type Shadows = typeof shadows.shadows;
2522
+
2523
+ /**
2524
+ * @fileoverview Tema Claro - Rainer Design System
2525
+ *
2526
+ * @description
2527
+ * Agrupa os design tokens em um tema claro profissional e limpo,
2528
+ * adequado para uso diurno. Este tema oferece uma experiência visual
2529
+ * clara e moderna, ideal para aplicações que requerem legibilidade
2530
+ * e profissionalismo.
2531
+ *
2532
+ * @module themes/light
2533
+ * @version 4.0.0
2534
+ * @author Rainer Teixeira
2535
+ * @since 1.0.0
2536
+ */
2537
+ /**
2538
+ * Objeto contendo os tokens para o tema claro
2539
+ *
2540
+ * @description
2541
+ * Tema completo que agrupa todos os tokens de design necessários
2542
+ * para uma aplicação com tema claro. Inclui cores, tipografia,
2543
+ * espaçamento, raios de borda e sombras.
2544
+ *
2545
+ * @type {Object}
2546
+ * @property {Object} colors - Tokens de cores para o tema claro
2547
+ * @property {Object} typography - Tokens de tipografia (fontes, tamanhos, pesos, etc.)
2548
+ * @property {Object} spacing - Tokens de espaçamento (margens, paddings)
2549
+ * @property {Object} radius - Tokens de raio de borda
2550
+ * @property {Object} shadows - Tokens de sombras para o tema claro
2551
+ *
2552
+ * @constant
2553
+ * @readonly
2554
+ *
2555
+ * @example
2556
+ * ```typescript
2557
+ * import { lightTheme } from 'rainer-design-tokens';
2558
+ *
2559
+ * // Acessar cores do tema claro
2560
+ * const primaryColor = lightTheme.colors.brand.primary;
2561
+ *
2562
+ * // Acessar tipografia
2563
+ * const fontSize = lightTheme.typography.fontSize.lg;
2564
+ *
2565
+ * // Aplicar em componente
2566
+ * <div style={{
2567
+ * backgroundColor: lightTheme.colors.background.primary,
2568
+ * padding: lightTheme.spacing.md
2569
+ * }}>
2570
+ * Conteúdo
2571
+ * </div>
2572
+ * ```
2573
+ */
2574
+ declare const lightTheme: {
2575
+ readonly colors: {
2576
+ primary: {
2577
+ base: string;
2578
+ hover: string;
2579
+ active: string;
2580
+ disabled: string;
2581
+ focus: string;
2582
+ background: string;
2583
+ backgroundHover: string;
2584
+ backgroundActive: string;
2585
+ border: string;
2586
+ borderHover: string;
2587
+ borderFocus: string;
2588
+ text: string;
2589
+ textHover: string;
2590
+ textDisabled: string;
2591
+ };
2592
+ secondary: {
2593
+ base: string;
2594
+ hover: string;
2595
+ active: string;
2596
+ disabled: string;
2597
+ focus: string;
2598
+ background: string;
2599
+ backgroundHover: string;
2600
+ backgroundActive: string;
2601
+ border: string;
2602
+ borderHover: string;
2603
+ borderFocus: string;
2604
+ text: string;
2605
+ textHover: string;
2606
+ textDisabled: string;
2607
+ };
2608
+ accent: {
2609
+ base: string;
2610
+ hover: string;
2611
+ active: string;
2612
+ disabled: string;
2613
+ focus: string;
2614
+ background: string;
2615
+ backgroundHover: string;
2616
+ backgroundActive: string;
2617
+ border: string;
2618
+ borderHover: string;
2619
+ borderFocus: string;
2620
+ text: string;
2621
+ textHover: string;
2622
+ textDisabled: string;
2623
+ };
2624
+ background: {
2625
+ primary: string;
2626
+ secondary: string;
2627
+ tertiary: string;
2628
+ inverse: string;
2629
+ overlay: string;
2630
+ muted: string;
2631
+ };
2632
+ surface: {
2633
+ primary: string;
2634
+ secondary: string;
2635
+ tertiary: string;
2636
+ elevated: string;
2637
+ overlay: string;
2638
+ hover: string;
2639
+ active: string;
2640
+ };
2641
+ text: {
2642
+ primary: string;
2643
+ secondary: string;
2644
+ tertiary: string;
2645
+ inverse: string;
2646
+ disabled: string;
2647
+ link: string;
2648
+ linkHover: string;
2649
+ linkActive: string;
2650
+ linkVisited: string;
2651
+ onPrimary: string;
2652
+ onSecondary: string;
2653
+ onAccent: string;
2654
+ onBackground: string;
2655
+ onSurface: string;
2656
+ };
2657
+ border: {
2658
+ primary: string;
2659
+ secondary: string;
2660
+ tertiary: string;
2661
+ focus: string;
2662
+ focusRing: string;
2663
+ inverse: string;
2664
+ hover: string;
2665
+ active: string;
2666
+ disabled: string;
2667
+ };
2668
+ status: {
2669
+ success: {
2670
+ base: string;
2671
+ hover: string;
2672
+ active: string;
2673
+ background: string;
2674
+ backgroundHover: string;
2675
+ border: string;
2676
+ text: string;
2677
+ textOnBackground: string;
2678
+ };
2679
+ warning: {
2680
+ base: string;
2681
+ hover: string;
2682
+ active: string;
2683
+ background: string;
2684
+ backgroundHover: string;
2685
+ border: string;
2686
+ text: string;
2687
+ textOnBackground: string;
2688
+ };
2689
+ error: {
2690
+ base: string;
2691
+ hover: string;
2692
+ active: string;
2693
+ background: string;
2694
+ backgroundHover: string;
2695
+ border: string;
2696
+ text: string;
2697
+ textOnBackground: string;
2698
+ };
2699
+ info: {
2700
+ base: string;
2701
+ hover: string;
2702
+ active: string;
2703
+ background: string;
2704
+ backgroundHover: string;
2705
+ border: string;
2706
+ text: string;
2707
+ textOnBackground: string;
2708
+ };
2709
+ };
2710
+ interactive: {
2711
+ default: string;
2712
+ hover: string;
2713
+ active: string;
2714
+ disabled: string;
2715
+ disabledText: string;
2716
+ focus: string;
2717
+ focusRing: string;
2718
+ };
2719
+ };
2720
+ readonly typography: {
2721
+ fontFamily: {
2722
+ sans: string;
2723
+ serif: string;
2724
+ mono: string;
2725
+ display: string;
2726
+ body: string;
2727
+ code: string;
2728
+ };
2729
+ fontSize: {
2730
+ xs: string;
2731
+ sm: string;
2732
+ base: string;
2733
+ lg: string;
2734
+ xl: string;
2735
+ "2xl": string;
2736
+ "3xl": string;
2737
+ "4xl": string;
2738
+ "5xl": string;
2739
+ "6xl": string;
2740
+ "7xl": string;
2741
+ "8xl": string;
2742
+ "9xl": string;
2743
+ };
2744
+ fontWeight: {
2745
+ thin: string;
2746
+ extralight: string;
2747
+ light: string;
2748
+ normal: string;
2749
+ medium: string;
2750
+ semibold: string;
2751
+ bold: string;
2752
+ extrabold: string;
2753
+ black: string;
2754
+ };
2755
+ lineHeight: {
2756
+ none: string;
2757
+ tight: string;
2758
+ snug: string;
2759
+ normal: string;
2760
+ relaxed: string;
2761
+ loose: string;
2762
+ };
2763
+ letterSpacing: {
2764
+ tighter: string;
2765
+ tight: string;
2766
+ normal: string;
2767
+ wide: string;
2768
+ wider: string;
2769
+ widest: string;
2770
+ };
2771
+ headings: {
2772
+ h1: {
2773
+ fontFamily: string;
2774
+ fontSize: string;
2775
+ fontSizeMobile: string;
2776
+ fontSizeTablet: string;
2777
+ fontSizeDesktop: string;
2778
+ fontWeight: string;
2779
+ lineHeight: string;
2780
+ letterSpacing: string;
2781
+ marginBottom: string;
2782
+ };
2783
+ h2: {
2784
+ fontFamily: string;
2785
+ fontSize: string;
2786
+ fontSizeMobile: string;
2787
+ fontSizeTablet: string;
2788
+ fontSizeDesktop: string;
2789
+ fontWeight: string;
2790
+ lineHeight: string;
2791
+ letterSpacing: string;
2792
+ marginBottom: string;
2793
+ };
2794
+ h3: {
2795
+ fontFamily: string;
2796
+ fontSize: string;
2797
+ fontSizeMobile: string;
2798
+ fontSizeTablet: string;
2799
+ fontSizeDesktop: string;
2800
+ fontWeight: string;
2801
+ lineHeight: string;
2802
+ letterSpacing: string;
2803
+ marginBottom: string;
2804
+ };
2805
+ h4: {
2806
+ fontFamily: string;
2807
+ fontSize: string;
2808
+ fontSizeMobile: string;
2809
+ fontSizeTablet: string;
2810
+ fontSizeDesktop: string;
2811
+ fontWeight: string;
2812
+ lineHeight: string;
2813
+ letterSpacing: string;
2814
+ marginBottom: string;
2815
+ };
2816
+ h5: {
2817
+ fontFamily: string;
2818
+ fontSize: string;
2819
+ fontSizeMobile: string;
2820
+ fontSizeTablet: string;
2821
+ fontSizeDesktop: string;
2822
+ fontWeight: string;
2823
+ lineHeight: string;
2824
+ letterSpacing: string;
2825
+ marginBottom: string;
2826
+ };
2827
+ h6: {
2828
+ fontFamily: string;
2829
+ fontSize: string;
2830
+ fontSizeMobile: string;
2831
+ fontSizeTablet: string;
2832
+ fontSizeDesktop: string;
2833
+ fontWeight: string;
2834
+ lineHeight: string;
2835
+ letterSpacing: string;
2836
+ marginBottom: string;
2837
+ };
2838
+ };
2839
+ subtitle: {
2840
+ large: {
2841
+ fontFamily: string;
2842
+ fontSize: string;
2843
+ fontSizeMobile: string;
2844
+ fontSizeTablet: string;
2845
+ fontSizeDesktop: string;
2846
+ fontWeight: string;
2847
+ lineHeight: string;
2848
+ letterSpacing: string;
2849
+ marginBottom: string;
2850
+ };
2851
+ medium: {
2852
+ fontFamily: string;
2853
+ fontSize: string;
2854
+ fontSizeMobile: string;
2855
+ fontSizeTablet: string;
2856
+ fontSizeDesktop: string;
2857
+ fontWeight: string;
2858
+ lineHeight: string;
2859
+ letterSpacing: string;
2860
+ marginBottom: string;
2861
+ };
2862
+ small: {
2863
+ fontFamily: string;
2864
+ fontSize: string;
2865
+ fontWeight: string;
2866
+ lineHeight: string;
2867
+ letterSpacing: string;
2868
+ marginBottom: string;
2869
+ };
2870
+ };
2871
+ body: {
2872
+ large: {
2873
+ fontFamily: string;
2874
+ fontSize: string;
2875
+ fontWeight: string;
2876
+ lineHeight: string;
2877
+ letterSpacing: string;
2878
+ };
2879
+ medium: {
2880
+ fontFamily: string;
2881
+ fontSize: string;
2882
+ fontWeight: string;
2883
+ lineHeight: string;
2884
+ letterSpacing: string;
2885
+ };
2886
+ small: {
2887
+ fontFamily: string;
2888
+ fontSize: string;
2889
+ fontWeight: string;
2890
+ lineHeight: string;
2891
+ letterSpacing: string;
2892
+ };
2893
+ };
2894
+ caption: {
2895
+ large: {
2896
+ fontFamily: string;
2897
+ fontSize: string;
2898
+ fontWeight: string;
2899
+ lineHeight: string;
2900
+ letterSpacing: string;
2901
+ };
2902
+ medium: {
2903
+ fontFamily: string;
2904
+ fontSize: string;
2905
+ fontWeight: string;
2906
+ lineHeight: string;
2907
+ letterSpacing: string;
2908
+ };
2909
+ small: {
2910
+ fontFamily: string;
2911
+ fontSize: string;
2912
+ fontWeight: string;
2913
+ lineHeight: string;
2914
+ letterSpacing: string;
2915
+ };
2916
+ };
2917
+ button: {
2918
+ large: {
2919
+ fontFamily: string;
2920
+ fontSize: string;
2921
+ fontWeight: string;
2922
+ lineHeight: string;
2923
+ letterSpacing: string;
2924
+ };
2925
+ medium: {
2926
+ fontFamily: string;
2927
+ fontSize: string;
2928
+ fontWeight: string;
2929
+ lineHeight: string;
2930
+ letterSpacing: string;
2931
+ };
2932
+ small: {
2933
+ fontFamily: string;
2934
+ fontSize: string;
2935
+ fontWeight: string;
2936
+ lineHeight: string;
2937
+ letterSpacing: string;
2938
+ };
2939
+ };
2940
+ label: {
2941
+ large: {
2942
+ fontFamily: string;
2943
+ fontSize: string;
2944
+ fontWeight: string;
2945
+ lineHeight: string;
2946
+ letterSpacing: string;
2947
+ };
2948
+ medium: {
2949
+ fontFamily: string;
2950
+ fontSize: string;
2951
+ fontWeight: string;
2952
+ lineHeight: string;
2953
+ letterSpacing: string;
2954
+ };
2955
+ small: {
2956
+ fontFamily: string;
2957
+ fontSize: string;
2958
+ fontWeight: string;
2959
+ lineHeight: string;
2960
+ letterSpacing: string;
2961
+ };
2962
+ };
2963
+ code: {
2964
+ inline: {
2965
+ fontFamily: string;
2966
+ fontSize: string;
2967
+ fontWeight: string;
2968
+ lineHeight: string;
2969
+ letterSpacing: string;
2970
+ };
2971
+ block: {
2972
+ fontFamily: string;
2973
+ fontSize: string;
2974
+ fontWeight: string;
2975
+ lineHeight: string;
2976
+ letterSpacing: string;
2977
+ };
2978
+ };
2979
+ };
2980
+ readonly spacing: {
2981
+ "0": string;
2982
+ px: string;
2983
+ "0.5": string;
2984
+ "1": string;
2985
+ "1.5": string;
2986
+ "2": string;
2987
+ "2.5": string;
2988
+ "3": string;
2989
+ "3.5": string;
2990
+ "4": string;
2991
+ "5": string;
2992
+ "6": string;
2993
+ "7": string;
2994
+ "8": string;
2995
+ "9": string;
2996
+ "10": string;
2997
+ "11": string;
2998
+ "12": string;
2999
+ "14": string;
3000
+ "16": string;
3001
+ "20": string;
3002
+ "24": string;
3003
+ "28": string;
3004
+ "32": string;
3005
+ "36": string;
3006
+ "40": string;
3007
+ "44": string;
3008
+ "48": string;
3009
+ "52": string;
3010
+ "56": string;
3011
+ "60": string;
3012
+ "64": string;
3013
+ "72": string;
3014
+ "80": string;
3015
+ "96": string;
3016
+ };
3017
+ readonly radius: {
3018
+ none: string;
3019
+ sm: string;
3020
+ base: string;
3021
+ md: string;
3022
+ lg: string;
3023
+ xl: string;
3024
+ "2xl": string;
3025
+ "3xl": string;
3026
+ full: string;
3027
+ };
3028
+ readonly shadows: {
3029
+ xs: string;
3030
+ sm: string;
3031
+ base: string;
3032
+ md: string;
3033
+ lg: string;
3034
+ xl: string;
3035
+ "2xl": string;
3036
+ inner: string;
3037
+ };
3038
+ };
3039
+ /**
3040
+ * Tipo TypeScript do tema claro
3041
+ *
3042
+ * @typedef {Object} LightTheme
3043
+ * @description
3044
+ * Tipo que representa a estrutura completa do tema claro.
3045
+ * Útil para type-checking e autocomplete em IDEs.
3046
+ *
3047
+ * @property {Object} colors - Cores do tema claro
3048
+ * @property {Object} typography - Tokens de tipografia
3049
+ * @property {Object} spacing - Tokens de espaçamento
3050
+ * @property {Object} radius - Tokens de raio de borda
3051
+ * @property {Object} shadows - Sombras do tema claro
3052
+ */
3053
+ type LightTheme = typeof lightTheme;
3054
+
3055
+ /**
3056
+ * @fileoverview Tema Escuro - Edição Cyberpunk
3057
+ *
3058
+ * @description
3059
+ * Combina tokens de design em um tema escuro inspirado no estilo cyberpunk.
3060
+ * Possui cores neon vibrantes e efeitos de brilho (glow) para uso noturno.
3061
+ * Este tema oferece uma experiência visual única e moderna, ideal para
3062
+ * aplicações que buscam um visual futurista e impactante.
3063
+ *
3064
+ * @module themes/dark
3065
+ * @version 4.0.0
3066
+ * @author Rainer Teixeira
3067
+ * @since 1.0.0
3068
+ */
3069
+ /**
3070
+ * Objeto contendo os tokens para o tema escuro
3071
+ *
3072
+ * @description
3073
+ * Tema completo que agrupa todos os tokens de design necessários
3074
+ * para uma aplicação com tema escuro cyberpunk. Inclui cores neon,
3075
+ * tipografia, espaçamento, raios de borda e sombras com efeitos de brilho.
3076
+ *
3077
+ * @type {Object}
3078
+ * @property {Object} colors - Tokens de cores para o tema escuro (cyberpunk)
3079
+ * @property {Object} typography - Tokens de tipografia (fontes, tamanhos, pesos, etc.)
3080
+ * @property {Object} spacing - Tokens de espaçamento (margens, paddings)
3081
+ * @property {Object} radius - Tokens de raio de borda
3082
+ * @property {Object} shadows - Tokens de sombras com efeitos de brilho para o tema escuro
3083
+ *
3084
+ * @constant
3085
+ * @readonly
3086
+ *
3087
+ * @example
3088
+ * ```typescript
3089
+ * import { darkTheme } from 'rainer-design-tokens';
3090
+ *
3091
+ * // Acessar cores neon do tema escuro
3092
+ * const neonCyan = darkTheme.colors.accent.cyan;
3093
+ *
3094
+ * // Acessar efeitos de brilho
3095
+ * const glowShadow = darkTheme.shadows.glow.cyan;
3096
+ *
3097
+ * // Aplicar em componente
3098
+ * <div style={{
3099
+ * backgroundColor: darkTheme.colors.background.primary,
3100
+ * boxShadow: darkTheme.shadows.glow.purple,
3101
+ * padding: darkTheme.spacing.md
3102
+ * }}>
3103
+ * Conteúdo Cyberpunk
3104
+ * </div>
3105
+ * ```
3106
+ */
3107
+ declare const darkTheme: {
3108
+ readonly colors: {
3109
+ primary: {
3110
+ base: string;
3111
+ hover: string;
3112
+ active: string;
3113
+ disabled: string;
3114
+ focus: string;
3115
+ background: string;
3116
+ backgroundHover: string;
3117
+ backgroundActive: string;
3118
+ border: string;
3119
+ borderHover: string;
3120
+ borderFocus: string;
3121
+ text: string;
3122
+ textHover: string;
3123
+ textDisabled: string;
3124
+ };
3125
+ secondary: {
3126
+ base: string;
3127
+ hover: string;
3128
+ active: string;
3129
+ disabled: string;
3130
+ focus: string;
3131
+ background: string;
3132
+ backgroundHover: string;
3133
+ backgroundActive: string;
3134
+ border: string;
3135
+ borderHover: string;
3136
+ borderFocus: string;
3137
+ text: string;
3138
+ textHover: string;
3139
+ textDisabled: string;
3140
+ };
3141
+ accent: {
3142
+ base: string;
3143
+ hover: string;
3144
+ active: string;
3145
+ disabled: string;
3146
+ focus: string;
3147
+ background: string;
3148
+ backgroundHover: string;
3149
+ backgroundActive: string;
3150
+ border: string;
3151
+ borderHover: string;
3152
+ borderFocus: string;
3153
+ text: string;
3154
+ textHover: string;
3155
+ textDisabled: string;
3156
+ };
3157
+ background: {
3158
+ primary: string;
3159
+ secondary: string;
3160
+ tertiary: string;
3161
+ inverse: string;
3162
+ overlay: string;
3163
+ muted: string;
3164
+ };
3165
+ surface: {
3166
+ primary: string;
3167
+ secondary: string;
3168
+ tertiary: string;
3169
+ elevated: string;
3170
+ overlay: string;
3171
+ glass: string;
3172
+ glassHover: string;
3173
+ hover: string;
3174
+ active: string;
3175
+ };
3176
+ text: {
3177
+ primary: string;
3178
+ secondary: string;
3179
+ tertiary: string;
3180
+ inverse: string;
3181
+ disabled: string;
3182
+ link: string;
3183
+ linkHover: string;
3184
+ linkActive: string;
3185
+ linkVisited: string;
3186
+ onPrimary: string;
3187
+ onSecondary: string;
3188
+ onAccent: string;
3189
+ onBackground: string;
3190
+ onSurface: string;
3191
+ glow: string;
3192
+ neonCyan: string;
3193
+ neonPink: string;
3194
+ neonPurple: string;
3195
+ neonGreen: string;
3196
+ };
3197
+ border: {
3198
+ primary: string;
3199
+ secondary: string;
3200
+ tertiary: string;
3201
+ focus: string;
3202
+ focusRing: string;
3203
+ inverse: string;
3204
+ neon: string;
3205
+ neonGlow: string;
3206
+ hover: string;
3207
+ active: string;
3208
+ disabled: string;
3209
+ };
3210
+ status: {
3211
+ success: {
3212
+ base: string;
3213
+ hover: string;
3214
+ active: string;
3215
+ background: string;
3216
+ backgroundHover: string;
3217
+ border: string;
3218
+ text: string;
3219
+ textOnBackground: string;
3220
+ };
3221
+ warning: {
3222
+ base: string;
3223
+ hover: string;
3224
+ active: string;
3225
+ background: string;
3226
+ backgroundHover: string;
3227
+ border: string;
3228
+ text: string;
3229
+ textOnBackground: string;
3230
+ };
3231
+ error: {
3232
+ base: string;
3233
+ hover: string;
3234
+ active: string;
3235
+ background: string;
3236
+ backgroundHover: string;
3237
+ border: string;
3238
+ text: string;
3239
+ textOnBackground: string;
3240
+ };
3241
+ info: {
3242
+ base: string;
3243
+ hover: string;
3244
+ active: string;
3245
+ background: string;
3246
+ backgroundHover: string;
3247
+ border: string;
3248
+ text: string;
3249
+ textOnBackground: string;
3250
+ };
3251
+ };
3252
+ interactive: {
3253
+ default: string;
3254
+ hover: string;
3255
+ active: string;
3256
+ disabled: string;
3257
+ disabledText: string;
3258
+ focus: string;
3259
+ focusRing: string;
3260
+ };
3261
+ effects: {
3262
+ glowCyan: string;
3263
+ glowPink: string;
3264
+ glowPurple: string;
3265
+ glowGreen: string;
3266
+ shadowSm: string;
3267
+ shadowMd: string;
3268
+ shadowLg: string;
3269
+ };
3270
+ gradients: {
3271
+ primary: string;
3272
+ secondary: string;
3273
+ accent: string;
3274
+ background: string;
3275
+ };
3276
+ };
3277
+ readonly typography: {
3278
+ fontFamily: {
3279
+ sans: string;
3280
+ serif: string;
3281
+ mono: string;
3282
+ display: string;
3283
+ body: string;
3284
+ code: string;
3285
+ };
3286
+ fontSize: {
3287
+ xs: string;
3288
+ sm: string;
3289
+ base: string;
3290
+ lg: string;
3291
+ xl: string;
3292
+ "2xl": string;
3293
+ "3xl": string;
3294
+ "4xl": string;
3295
+ "5xl": string;
3296
+ "6xl": string;
3297
+ "7xl": string;
3298
+ "8xl": string;
3299
+ "9xl": string;
3300
+ };
3301
+ fontWeight: {
3302
+ thin: string;
3303
+ extralight: string;
3304
+ light: string;
3305
+ normal: string;
3306
+ medium: string;
3307
+ semibold: string;
3308
+ bold: string;
3309
+ extrabold: string;
3310
+ black: string;
3311
+ };
3312
+ lineHeight: {
3313
+ none: string;
3314
+ tight: string;
3315
+ snug: string;
3316
+ normal: string;
3317
+ relaxed: string;
3318
+ loose: string;
3319
+ };
3320
+ letterSpacing: {
3321
+ tighter: string;
3322
+ tight: string;
3323
+ normal: string;
3324
+ wide: string;
3325
+ wider: string;
3326
+ widest: string;
3327
+ };
3328
+ headings: {
3329
+ h1: {
3330
+ fontFamily: string;
3331
+ fontSize: string;
3332
+ fontSizeMobile: string;
3333
+ fontSizeTablet: string;
3334
+ fontSizeDesktop: string;
3335
+ fontWeight: string;
3336
+ lineHeight: string;
3337
+ letterSpacing: string;
3338
+ marginBottom: string;
3339
+ };
3340
+ h2: {
3341
+ fontFamily: string;
3342
+ fontSize: string;
3343
+ fontSizeMobile: string;
3344
+ fontSizeTablet: string;
3345
+ fontSizeDesktop: string;
3346
+ fontWeight: string;
3347
+ lineHeight: string;
3348
+ letterSpacing: string;
3349
+ marginBottom: string;
3350
+ };
3351
+ h3: {
3352
+ fontFamily: string;
3353
+ fontSize: string;
3354
+ fontSizeMobile: string;
3355
+ fontSizeTablet: string;
3356
+ fontSizeDesktop: string;
3357
+ fontWeight: string;
3358
+ lineHeight: string;
3359
+ letterSpacing: string;
3360
+ marginBottom: string;
3361
+ };
3362
+ h4: {
3363
+ fontFamily: string;
3364
+ fontSize: string;
3365
+ fontSizeMobile: string;
3366
+ fontSizeTablet: string;
3367
+ fontSizeDesktop: string;
3368
+ fontWeight: string;
3369
+ lineHeight: string;
3370
+ letterSpacing: string;
3371
+ marginBottom: string;
3372
+ };
3373
+ h5: {
3374
+ fontFamily: string;
3375
+ fontSize: string;
3376
+ fontSizeMobile: string;
3377
+ fontSizeTablet: string;
3378
+ fontSizeDesktop: string;
3379
+ fontWeight: string;
3380
+ lineHeight: string;
3381
+ letterSpacing: string;
3382
+ marginBottom: string;
3383
+ };
3384
+ h6: {
3385
+ fontFamily: string;
3386
+ fontSize: string;
3387
+ fontSizeMobile: string;
3388
+ fontSizeTablet: string;
3389
+ fontSizeDesktop: string;
3390
+ fontWeight: string;
3391
+ lineHeight: string;
3392
+ letterSpacing: string;
3393
+ marginBottom: string;
3394
+ };
3395
+ };
3396
+ subtitle: {
3397
+ large: {
3398
+ fontFamily: string;
3399
+ fontSize: string;
3400
+ fontSizeMobile: string;
3401
+ fontSizeTablet: string;
3402
+ fontSizeDesktop: string;
3403
+ fontWeight: string;
3404
+ lineHeight: string;
3405
+ letterSpacing: string;
3406
+ marginBottom: string;
3407
+ };
3408
+ medium: {
3409
+ fontFamily: string;
3410
+ fontSize: string;
3411
+ fontSizeMobile: string;
3412
+ fontSizeTablet: string;
3413
+ fontSizeDesktop: string;
3414
+ fontWeight: string;
3415
+ lineHeight: string;
3416
+ letterSpacing: string;
3417
+ marginBottom: string;
3418
+ };
3419
+ small: {
3420
+ fontFamily: string;
3421
+ fontSize: string;
3422
+ fontWeight: string;
3423
+ lineHeight: string;
3424
+ letterSpacing: string;
3425
+ marginBottom: string;
3426
+ };
3427
+ };
3428
+ body: {
3429
+ large: {
3430
+ fontFamily: string;
3431
+ fontSize: string;
3432
+ fontWeight: string;
3433
+ lineHeight: string;
3434
+ letterSpacing: string;
3435
+ };
3436
+ medium: {
3437
+ fontFamily: string;
3438
+ fontSize: string;
3439
+ fontWeight: string;
3440
+ lineHeight: string;
3441
+ letterSpacing: string;
3442
+ };
3443
+ small: {
3444
+ fontFamily: string;
3445
+ fontSize: string;
3446
+ fontWeight: string;
3447
+ lineHeight: string;
3448
+ letterSpacing: string;
3449
+ };
3450
+ };
3451
+ caption: {
3452
+ large: {
3453
+ fontFamily: string;
3454
+ fontSize: string;
3455
+ fontWeight: string;
3456
+ lineHeight: string;
3457
+ letterSpacing: string;
3458
+ };
3459
+ medium: {
3460
+ fontFamily: string;
3461
+ fontSize: string;
3462
+ fontWeight: string;
3463
+ lineHeight: string;
3464
+ letterSpacing: string;
3465
+ };
3466
+ small: {
3467
+ fontFamily: string;
3468
+ fontSize: string;
3469
+ fontWeight: string;
3470
+ lineHeight: string;
3471
+ letterSpacing: string;
3472
+ };
3473
+ };
3474
+ button: {
3475
+ large: {
3476
+ fontFamily: string;
3477
+ fontSize: string;
3478
+ fontWeight: string;
3479
+ lineHeight: string;
3480
+ letterSpacing: string;
3481
+ };
3482
+ medium: {
3483
+ fontFamily: string;
3484
+ fontSize: string;
3485
+ fontWeight: string;
3486
+ lineHeight: string;
3487
+ letterSpacing: string;
3488
+ };
3489
+ small: {
3490
+ fontFamily: string;
3491
+ fontSize: string;
3492
+ fontWeight: string;
3493
+ lineHeight: string;
3494
+ letterSpacing: string;
3495
+ };
3496
+ };
3497
+ label: {
3498
+ large: {
3499
+ fontFamily: string;
3500
+ fontSize: string;
3501
+ fontWeight: string;
3502
+ lineHeight: string;
3503
+ letterSpacing: string;
3504
+ };
3505
+ medium: {
3506
+ fontFamily: string;
3507
+ fontSize: string;
3508
+ fontWeight: string;
3509
+ lineHeight: string;
3510
+ letterSpacing: string;
3511
+ };
3512
+ small: {
3513
+ fontFamily: string;
3514
+ fontSize: string;
3515
+ fontWeight: string;
3516
+ lineHeight: string;
3517
+ letterSpacing: string;
3518
+ };
3519
+ };
3520
+ code: {
3521
+ inline: {
3522
+ fontFamily: string;
3523
+ fontSize: string;
3524
+ fontWeight: string;
3525
+ lineHeight: string;
3526
+ letterSpacing: string;
3527
+ };
3528
+ block: {
3529
+ fontFamily: string;
3530
+ fontSize: string;
3531
+ fontWeight: string;
3532
+ lineHeight: string;
3533
+ letterSpacing: string;
3534
+ };
3535
+ };
3536
+ };
3537
+ readonly spacing: {
3538
+ "0": string;
3539
+ px: string;
3540
+ "0.5": string;
3541
+ "1": string;
3542
+ "1.5": string;
3543
+ "2": string;
3544
+ "2.5": string;
3545
+ "3": string;
3546
+ "3.5": string;
3547
+ "4": string;
3548
+ "5": string;
3549
+ "6": string;
3550
+ "7": string;
3551
+ "8": string;
3552
+ "9": string;
3553
+ "10": string;
3554
+ "11": string;
3555
+ "12": string;
3556
+ "14": string;
3557
+ "16": string;
3558
+ "20": string;
3559
+ "24": string;
3560
+ "28": string;
3561
+ "32": string;
3562
+ "36": string;
3563
+ "40": string;
3564
+ "44": string;
3565
+ "48": string;
3566
+ "52": string;
3567
+ "56": string;
3568
+ "60": string;
3569
+ "64": string;
3570
+ "72": string;
3571
+ "80": string;
3572
+ "96": string;
3573
+ };
3574
+ readonly radius: {
3575
+ none: string;
3576
+ sm: string;
3577
+ base: string;
3578
+ md: string;
3579
+ lg: string;
3580
+ xl: string;
3581
+ "2xl": string;
3582
+ "3xl": string;
3583
+ full: string;
3584
+ };
3585
+ readonly shadows: {
3586
+ xs: string;
3587
+ sm: string;
3588
+ base: string;
3589
+ md: string;
3590
+ lg: string;
3591
+ xl: string;
3592
+ "2xl": string;
3593
+ inner: string;
3594
+ glow: {
3595
+ cyan: string;
3596
+ pink: string;
3597
+ purple: string;
3598
+ green: string;
3599
+ };
3600
+ };
3601
+ };
3602
+ /**
3603
+ * Tipo TypeScript do tema escuro
3604
+ *
3605
+ * @typedef {Object} DarkTheme
3606
+ * @description
3607
+ * Tipo que representa a estrutura completa do tema escuro.
3608
+ * Útil para type-checking e autocomplete em IDEs.
3609
+ *
3610
+ * @property {Object} colors - Cores do tema escuro (cyberpunk)
3611
+ * @property {Object} typography - Tokens de tipografia
3612
+ * @property {Object} spacing - Tokens de espaçamento
3613
+ * @property {Object} radius - Tokens de raio de borda
3614
+ * @property {Object} shadows - Sombras com efeitos de brilho do tema escuro
3615
+ */
3616
+ type DarkTheme = typeof darkTheme;
3617
+
3618
+ /**
3619
+ * @fileoverview Ponto de entrada dos temas
3620
+ *
3621
+ * @description
3622
+ * Exporta os temas claro e escuro para fácil consumo.
3623
+ * Cada tema agrupa todos os tokens de design de forma organizada,
3624
+ * facilitando a aplicação de temas completos na aplicação.
3625
+ *
3626
+ * @module themes
3627
+ * @version 4.0.0
3628
+ * @author Rainer Teixeira
3629
+ * @since 1.0.0
3630
+ *
3631
+ * @example
3632
+ * ```typescript
3633
+ * import { themes, lightTheme, darkTheme } from '@rainersoft/design-tokens';
3634
+ *
3635
+ * // Usar tema completo
3636
+ * const currentTheme = themes.light;
3637
+ *
3638
+ * // Ou importar diretamente
3639
+ * const colors = lightTheme.colors;
3640
+ * ```
3641
+ */
3642
+ /**
3643
+ * Exporta o tema claro e seu tipo
3644
+ *
3645
+ * @description
3646
+ * Tema claro profissional e limpo, adequado para uso diurno.
3647
+ *
3648
+ * @see {LightTheme} Para o tipo TypeScript do tema claro
3649
+ */
3650
+
3651
+ declare const themes: {
3652
+ readonly light: {
3653
+ readonly colors: {
3654
+ primary: {
3655
+ base: string;
3656
+ hover: string;
3657
+ active: string;
3658
+ disabled: string;
3659
+ focus: string;
3660
+ background: string;
3661
+ backgroundHover: string;
3662
+ backgroundActive: string;
3663
+ border: string;
3664
+ borderHover: string;
3665
+ borderFocus: string;
3666
+ text: string;
3667
+ textHover: string;
3668
+ textDisabled: string;
3669
+ };
3670
+ secondary: {
3671
+ base: string;
3672
+ hover: string;
3673
+ active: string;
3674
+ disabled: string;
3675
+ focus: string;
3676
+ background: string;
3677
+ backgroundHover: string;
3678
+ backgroundActive: string;
3679
+ border: string;
3680
+ borderHover: string;
3681
+ borderFocus: string;
3682
+ text: string;
3683
+ textHover: string;
3684
+ textDisabled: string;
3685
+ };
3686
+ accent: {
3687
+ base: string;
3688
+ hover: string;
3689
+ active: string;
3690
+ disabled: string;
3691
+ focus: string;
3692
+ background: string;
3693
+ backgroundHover: string;
3694
+ backgroundActive: string;
3695
+ border: string;
3696
+ borderHover: string;
3697
+ borderFocus: string;
3698
+ text: string;
3699
+ textHover: string;
3700
+ textDisabled: string;
3701
+ };
3702
+ background: {
3703
+ primary: string;
3704
+ secondary: string;
3705
+ tertiary: string;
3706
+ inverse: string;
3707
+ overlay: string;
3708
+ muted: string;
3709
+ };
3710
+ surface: {
3711
+ primary: string;
3712
+ secondary: string;
3713
+ tertiary: string;
3714
+ elevated: string;
3715
+ overlay: string;
3716
+ hover: string;
3717
+ active: string;
3718
+ };
3719
+ text: {
3720
+ primary: string;
3721
+ secondary: string;
3722
+ tertiary: string;
3723
+ inverse: string;
3724
+ disabled: string;
3725
+ link: string;
3726
+ linkHover: string;
3727
+ linkActive: string;
3728
+ linkVisited: string;
3729
+ onPrimary: string;
3730
+ onSecondary: string;
3731
+ onAccent: string;
3732
+ onBackground: string;
3733
+ onSurface: string;
3734
+ };
3735
+ border: {
3736
+ primary: string;
3737
+ secondary: string;
3738
+ tertiary: string;
3739
+ focus: string;
3740
+ focusRing: string;
3741
+ inverse: string;
3742
+ hover: string;
3743
+ active: string;
3744
+ disabled: string;
3745
+ };
3746
+ status: {
3747
+ success: {
3748
+ base: string;
3749
+ hover: string;
3750
+ active: string;
3751
+ background: string;
3752
+ backgroundHover: string;
3753
+ border: string;
3754
+ text: string;
3755
+ textOnBackground: string;
3756
+ };
3757
+ warning: {
3758
+ base: string;
3759
+ hover: string;
3760
+ active: string;
3761
+ background: string;
3762
+ backgroundHover: string;
3763
+ border: string;
3764
+ text: string;
3765
+ textOnBackground: string;
3766
+ };
3767
+ error: {
3768
+ base: string;
3769
+ hover: string;
3770
+ active: string;
3771
+ background: string;
3772
+ backgroundHover: string;
3773
+ border: string;
3774
+ text: string;
3775
+ textOnBackground: string;
3776
+ };
3777
+ info: {
3778
+ base: string;
3779
+ hover: string;
3780
+ active: string;
3781
+ background: string;
3782
+ backgroundHover: string;
3783
+ border: string;
3784
+ text: string;
3785
+ textOnBackground: string;
3786
+ };
3787
+ };
3788
+ interactive: {
3789
+ default: string;
3790
+ hover: string;
3791
+ active: string;
3792
+ disabled: string;
3793
+ disabledText: string;
3794
+ focus: string;
3795
+ focusRing: string;
3796
+ };
3797
+ };
3798
+ readonly typography: {
3799
+ fontFamily: {
3800
+ sans: string;
3801
+ serif: string;
3802
+ mono: string;
3803
+ display: string;
3804
+ body: string;
3805
+ code: string;
3806
+ };
3807
+ fontSize: {
3808
+ xs: string;
3809
+ sm: string;
3810
+ base: string;
3811
+ lg: string;
3812
+ xl: string;
3813
+ "2xl": string;
3814
+ "3xl": string;
3815
+ "4xl": string;
3816
+ "5xl": string;
3817
+ "6xl": string;
3818
+ "7xl": string;
3819
+ "8xl": string;
3820
+ "9xl": string;
3821
+ };
3822
+ fontWeight: {
3823
+ thin: string;
3824
+ extralight: string;
3825
+ light: string;
3826
+ normal: string;
3827
+ medium: string;
3828
+ semibold: string;
3829
+ bold: string;
3830
+ extrabold: string;
3831
+ black: string;
3832
+ };
3833
+ lineHeight: {
3834
+ none: string;
3835
+ tight: string;
3836
+ snug: string;
3837
+ normal: string;
3838
+ relaxed: string;
3839
+ loose: string;
3840
+ };
3841
+ letterSpacing: {
3842
+ tighter: string;
3843
+ tight: string;
3844
+ normal: string;
3845
+ wide: string;
3846
+ wider: string;
3847
+ widest: string;
3848
+ };
3849
+ headings: {
3850
+ h1: {
3851
+ fontFamily: string;
3852
+ fontSize: string;
3853
+ fontSizeMobile: string;
3854
+ fontSizeTablet: string;
3855
+ fontSizeDesktop: string;
3856
+ fontWeight: string;
3857
+ lineHeight: string;
3858
+ letterSpacing: string;
3859
+ marginBottom: string;
3860
+ };
3861
+ h2: {
3862
+ fontFamily: string;
3863
+ fontSize: string;
3864
+ fontSizeMobile: string;
3865
+ fontSizeTablet: string;
3866
+ fontSizeDesktop: string;
3867
+ fontWeight: string;
3868
+ lineHeight: string;
3869
+ letterSpacing: string;
3870
+ marginBottom: string;
3871
+ };
3872
+ h3: {
3873
+ fontFamily: string;
3874
+ fontSize: string;
3875
+ fontSizeMobile: string;
3876
+ fontSizeTablet: string;
3877
+ fontSizeDesktop: string;
3878
+ fontWeight: string;
3879
+ lineHeight: string;
3880
+ letterSpacing: string;
3881
+ marginBottom: string;
3882
+ };
3883
+ h4: {
3884
+ fontFamily: string;
3885
+ fontSize: string;
3886
+ fontSizeMobile: string;
3887
+ fontSizeTablet: string;
3888
+ fontSizeDesktop: string;
3889
+ fontWeight: string;
3890
+ lineHeight: string;
3891
+ letterSpacing: string;
3892
+ marginBottom: string;
3893
+ };
3894
+ h5: {
3895
+ fontFamily: string;
3896
+ fontSize: string;
3897
+ fontSizeMobile: string;
3898
+ fontSizeTablet: string;
3899
+ fontSizeDesktop: string;
3900
+ fontWeight: string;
3901
+ lineHeight: string;
3902
+ letterSpacing: string;
3903
+ marginBottom: string;
3904
+ };
3905
+ h6: {
3906
+ fontFamily: string;
3907
+ fontSize: string;
3908
+ fontSizeMobile: string;
3909
+ fontSizeTablet: string;
3910
+ fontSizeDesktop: string;
3911
+ fontWeight: string;
3912
+ lineHeight: string;
3913
+ letterSpacing: string;
3914
+ marginBottom: string;
3915
+ };
3916
+ };
3917
+ subtitle: {
3918
+ large: {
3919
+ fontFamily: string;
3920
+ fontSize: string;
3921
+ fontSizeMobile: string;
3922
+ fontSizeTablet: string;
3923
+ fontSizeDesktop: string;
3924
+ fontWeight: string;
3925
+ lineHeight: string;
3926
+ letterSpacing: string;
3927
+ marginBottom: string;
3928
+ };
3929
+ medium: {
3930
+ fontFamily: string;
3931
+ fontSize: string;
3932
+ fontSizeMobile: string;
3933
+ fontSizeTablet: string;
3934
+ fontSizeDesktop: string;
3935
+ fontWeight: string;
3936
+ lineHeight: string;
3937
+ letterSpacing: string;
3938
+ marginBottom: string;
3939
+ };
3940
+ small: {
3941
+ fontFamily: string;
3942
+ fontSize: string;
3943
+ fontWeight: string;
3944
+ lineHeight: string;
3945
+ letterSpacing: string;
3946
+ marginBottom: string;
3947
+ };
3948
+ };
3949
+ body: {
3950
+ large: {
3951
+ fontFamily: string;
3952
+ fontSize: string;
3953
+ fontWeight: string;
3954
+ lineHeight: string;
3955
+ letterSpacing: string;
3956
+ };
3957
+ medium: {
3958
+ fontFamily: string;
3959
+ fontSize: string;
3960
+ fontWeight: string;
3961
+ lineHeight: string;
3962
+ letterSpacing: string;
3963
+ };
3964
+ small: {
3965
+ fontFamily: string;
3966
+ fontSize: string;
3967
+ fontWeight: string;
3968
+ lineHeight: string;
3969
+ letterSpacing: string;
3970
+ };
3971
+ };
3972
+ caption: {
3973
+ large: {
3974
+ fontFamily: string;
3975
+ fontSize: string;
3976
+ fontWeight: string;
3977
+ lineHeight: string;
3978
+ letterSpacing: string;
3979
+ };
3980
+ medium: {
3981
+ fontFamily: string;
3982
+ fontSize: string;
3983
+ fontWeight: string;
3984
+ lineHeight: string;
3985
+ letterSpacing: string;
3986
+ };
3987
+ small: {
3988
+ fontFamily: string;
3989
+ fontSize: string;
3990
+ fontWeight: string;
3991
+ lineHeight: string;
3992
+ letterSpacing: string;
3993
+ };
3994
+ };
3995
+ button: {
3996
+ large: {
3997
+ fontFamily: string;
3998
+ fontSize: string;
3999
+ fontWeight: string;
4000
+ lineHeight: string;
4001
+ letterSpacing: string;
4002
+ };
4003
+ medium: {
4004
+ fontFamily: string;
4005
+ fontSize: string;
4006
+ fontWeight: string;
4007
+ lineHeight: string;
4008
+ letterSpacing: string;
4009
+ };
4010
+ small: {
4011
+ fontFamily: string;
4012
+ fontSize: string;
4013
+ fontWeight: string;
4014
+ lineHeight: string;
4015
+ letterSpacing: string;
4016
+ };
4017
+ };
4018
+ label: {
4019
+ large: {
4020
+ fontFamily: string;
4021
+ fontSize: string;
4022
+ fontWeight: string;
4023
+ lineHeight: string;
4024
+ letterSpacing: string;
4025
+ };
4026
+ medium: {
4027
+ fontFamily: string;
4028
+ fontSize: string;
4029
+ fontWeight: string;
4030
+ lineHeight: string;
4031
+ letterSpacing: string;
4032
+ };
4033
+ small: {
4034
+ fontFamily: string;
4035
+ fontSize: string;
4036
+ fontWeight: string;
4037
+ lineHeight: string;
4038
+ letterSpacing: string;
4039
+ };
4040
+ };
4041
+ code: {
4042
+ inline: {
4043
+ fontFamily: string;
4044
+ fontSize: string;
4045
+ fontWeight: string;
4046
+ lineHeight: string;
4047
+ letterSpacing: string;
4048
+ };
4049
+ block: {
4050
+ fontFamily: string;
4051
+ fontSize: string;
4052
+ fontWeight: string;
4053
+ lineHeight: string;
4054
+ letterSpacing: string;
4055
+ };
4056
+ };
4057
+ };
4058
+ readonly spacing: {
4059
+ "0": string;
4060
+ px: string;
4061
+ "0.5": string;
4062
+ "1": string;
4063
+ "1.5": string;
4064
+ "2": string;
4065
+ "2.5": string;
4066
+ "3": string;
4067
+ "3.5": string;
4068
+ "4": string;
4069
+ "5": string;
4070
+ "6": string;
4071
+ "7": string;
4072
+ "8": string;
4073
+ "9": string;
4074
+ "10": string;
4075
+ "11": string;
4076
+ "12": string;
4077
+ "14": string;
4078
+ "16": string;
4079
+ "20": string;
4080
+ "24": string;
4081
+ "28": string;
4082
+ "32": string;
4083
+ "36": string;
4084
+ "40": string;
4085
+ "44": string;
4086
+ "48": string;
4087
+ "52": string;
4088
+ "56": string;
4089
+ "60": string;
4090
+ "64": string;
4091
+ "72": string;
4092
+ "80": string;
4093
+ "96": string;
4094
+ };
4095
+ readonly radius: {
4096
+ none: string;
4097
+ sm: string;
4098
+ base: string;
4099
+ md: string;
4100
+ lg: string;
4101
+ xl: string;
4102
+ "2xl": string;
4103
+ "3xl": string;
4104
+ full: string;
4105
+ };
4106
+ readonly shadows: {
4107
+ xs: string;
4108
+ sm: string;
4109
+ base: string;
4110
+ md: string;
4111
+ lg: string;
4112
+ xl: string;
4113
+ "2xl": string;
4114
+ inner: string;
4115
+ };
4116
+ };
4117
+ readonly dark: {
4118
+ readonly colors: {
4119
+ primary: {
4120
+ base: string;
4121
+ hover: string;
4122
+ active: string;
4123
+ disabled: string;
4124
+ focus: string;
4125
+ background: string;
4126
+ backgroundHover: string;
4127
+ backgroundActive: string;
4128
+ border: string;
4129
+ borderHover: string;
4130
+ borderFocus: string;
4131
+ text: string;
4132
+ textHover: string;
4133
+ textDisabled: string;
4134
+ };
4135
+ secondary: {
4136
+ base: string;
4137
+ hover: string;
4138
+ active: string;
4139
+ disabled: string;
4140
+ focus: string;
4141
+ background: string;
4142
+ backgroundHover: string;
4143
+ backgroundActive: string;
4144
+ border: string;
4145
+ borderHover: string;
4146
+ borderFocus: string;
4147
+ text: string;
4148
+ textHover: string;
4149
+ textDisabled: string;
4150
+ };
4151
+ accent: {
4152
+ base: string;
4153
+ hover: string;
4154
+ active: string;
4155
+ disabled: string;
4156
+ focus: string;
4157
+ background: string;
4158
+ backgroundHover: string;
4159
+ backgroundActive: string;
4160
+ border: string;
4161
+ borderHover: string;
4162
+ borderFocus: string;
4163
+ text: string;
4164
+ textHover: string;
4165
+ textDisabled: string;
4166
+ };
4167
+ background: {
4168
+ primary: string;
4169
+ secondary: string;
4170
+ tertiary: string;
4171
+ inverse: string;
4172
+ overlay: string;
4173
+ muted: string;
4174
+ };
4175
+ surface: {
4176
+ primary: string;
4177
+ secondary: string;
4178
+ tertiary: string;
4179
+ elevated: string;
4180
+ overlay: string;
4181
+ glass: string;
4182
+ glassHover: string;
4183
+ hover: string;
4184
+ active: string;
4185
+ };
4186
+ text: {
4187
+ primary: string;
4188
+ secondary: string;
4189
+ tertiary: string;
4190
+ inverse: string;
4191
+ disabled: string;
4192
+ link: string;
4193
+ linkHover: string;
4194
+ linkActive: string;
4195
+ linkVisited: string;
4196
+ onPrimary: string;
4197
+ onSecondary: string;
4198
+ onAccent: string;
4199
+ onBackground: string;
4200
+ onSurface: string;
4201
+ glow: string;
4202
+ neonCyan: string;
4203
+ neonPink: string;
4204
+ neonPurple: string;
4205
+ neonGreen: string;
4206
+ };
4207
+ border: {
4208
+ primary: string;
4209
+ secondary: string;
4210
+ tertiary: string;
4211
+ focus: string;
4212
+ focusRing: string;
4213
+ inverse: string;
4214
+ neon: string;
4215
+ neonGlow: string;
4216
+ hover: string;
4217
+ active: string;
4218
+ disabled: string;
4219
+ };
4220
+ status: {
4221
+ success: {
4222
+ base: string;
4223
+ hover: string;
4224
+ active: string;
4225
+ background: string;
4226
+ backgroundHover: string;
4227
+ border: string;
4228
+ text: string;
4229
+ textOnBackground: string;
4230
+ };
4231
+ warning: {
4232
+ base: string;
4233
+ hover: string;
4234
+ active: string;
4235
+ background: string;
4236
+ backgroundHover: string;
4237
+ border: string;
4238
+ text: string;
4239
+ textOnBackground: string;
4240
+ };
4241
+ error: {
4242
+ base: string;
4243
+ hover: string;
4244
+ active: string;
4245
+ background: string;
4246
+ backgroundHover: string;
4247
+ border: string;
4248
+ text: string;
4249
+ textOnBackground: string;
4250
+ };
4251
+ info: {
4252
+ base: string;
4253
+ hover: string;
4254
+ active: string;
4255
+ background: string;
4256
+ backgroundHover: string;
4257
+ border: string;
4258
+ text: string;
4259
+ textOnBackground: string;
4260
+ };
4261
+ };
4262
+ interactive: {
4263
+ default: string;
4264
+ hover: string;
4265
+ active: string;
4266
+ disabled: string;
4267
+ disabledText: string;
4268
+ focus: string;
4269
+ focusRing: string;
4270
+ };
4271
+ effects: {
4272
+ glowCyan: string;
4273
+ glowPink: string;
4274
+ glowPurple: string;
4275
+ glowGreen: string;
4276
+ shadowSm: string;
4277
+ shadowMd: string;
4278
+ shadowLg: string;
4279
+ };
4280
+ gradients: {
4281
+ primary: string;
4282
+ secondary: string;
4283
+ accent: string;
4284
+ background: string;
4285
+ };
4286
+ };
4287
+ readonly typography: {
4288
+ fontFamily: {
4289
+ sans: string;
4290
+ serif: string;
4291
+ mono: string;
4292
+ display: string;
4293
+ body: string;
4294
+ code: string;
4295
+ };
4296
+ fontSize: {
4297
+ xs: string;
4298
+ sm: string;
4299
+ base: string;
4300
+ lg: string;
4301
+ xl: string;
4302
+ "2xl": string;
4303
+ "3xl": string;
4304
+ "4xl": string;
4305
+ "5xl": string;
4306
+ "6xl": string;
4307
+ "7xl": string;
4308
+ "8xl": string;
4309
+ "9xl": string;
4310
+ };
4311
+ fontWeight: {
4312
+ thin: string;
4313
+ extralight: string;
4314
+ light: string;
4315
+ normal: string;
4316
+ medium: string;
4317
+ semibold: string;
4318
+ bold: string;
4319
+ extrabold: string;
4320
+ black: string;
4321
+ };
4322
+ lineHeight: {
4323
+ none: string;
4324
+ tight: string;
4325
+ snug: string;
4326
+ normal: string;
4327
+ relaxed: string;
4328
+ loose: string;
4329
+ };
4330
+ letterSpacing: {
4331
+ tighter: string;
4332
+ tight: string;
4333
+ normal: string;
4334
+ wide: string;
4335
+ wider: string;
4336
+ widest: string;
4337
+ };
4338
+ headings: {
4339
+ h1: {
4340
+ fontFamily: string;
4341
+ fontSize: string;
4342
+ fontSizeMobile: string;
4343
+ fontSizeTablet: string;
4344
+ fontSizeDesktop: string;
4345
+ fontWeight: string;
4346
+ lineHeight: string;
4347
+ letterSpacing: string;
4348
+ marginBottom: string;
4349
+ };
4350
+ h2: {
4351
+ fontFamily: string;
4352
+ fontSize: string;
4353
+ fontSizeMobile: string;
4354
+ fontSizeTablet: string;
4355
+ fontSizeDesktop: string;
4356
+ fontWeight: string;
4357
+ lineHeight: string;
4358
+ letterSpacing: string;
4359
+ marginBottom: string;
4360
+ };
4361
+ h3: {
4362
+ fontFamily: string;
4363
+ fontSize: string;
4364
+ fontSizeMobile: string;
4365
+ fontSizeTablet: string;
4366
+ fontSizeDesktop: string;
4367
+ fontWeight: string;
4368
+ lineHeight: string;
4369
+ letterSpacing: string;
4370
+ marginBottom: string;
4371
+ };
4372
+ h4: {
4373
+ fontFamily: string;
4374
+ fontSize: string;
4375
+ fontSizeMobile: string;
4376
+ fontSizeTablet: string;
4377
+ fontSizeDesktop: string;
4378
+ fontWeight: string;
4379
+ lineHeight: string;
4380
+ letterSpacing: string;
4381
+ marginBottom: string;
4382
+ };
4383
+ h5: {
4384
+ fontFamily: string;
4385
+ fontSize: string;
4386
+ fontSizeMobile: string;
4387
+ fontSizeTablet: string;
4388
+ fontSizeDesktop: string;
4389
+ fontWeight: string;
4390
+ lineHeight: string;
4391
+ letterSpacing: string;
4392
+ marginBottom: string;
4393
+ };
4394
+ h6: {
4395
+ fontFamily: string;
4396
+ fontSize: string;
4397
+ fontSizeMobile: string;
4398
+ fontSizeTablet: string;
4399
+ fontSizeDesktop: string;
4400
+ fontWeight: string;
4401
+ lineHeight: string;
4402
+ letterSpacing: string;
4403
+ marginBottom: string;
4404
+ };
4405
+ };
4406
+ subtitle: {
4407
+ large: {
4408
+ fontFamily: string;
4409
+ fontSize: string;
4410
+ fontSizeMobile: string;
4411
+ fontSizeTablet: string;
4412
+ fontSizeDesktop: string;
4413
+ fontWeight: string;
4414
+ lineHeight: string;
4415
+ letterSpacing: string;
4416
+ marginBottom: string;
4417
+ };
4418
+ medium: {
4419
+ fontFamily: string;
4420
+ fontSize: string;
4421
+ fontSizeMobile: string;
4422
+ fontSizeTablet: string;
4423
+ fontSizeDesktop: string;
4424
+ fontWeight: string;
4425
+ lineHeight: string;
4426
+ letterSpacing: string;
4427
+ marginBottom: string;
4428
+ };
4429
+ small: {
4430
+ fontFamily: string;
4431
+ fontSize: string;
4432
+ fontWeight: string;
4433
+ lineHeight: string;
4434
+ letterSpacing: string;
4435
+ marginBottom: string;
4436
+ };
4437
+ };
4438
+ body: {
4439
+ large: {
4440
+ fontFamily: string;
4441
+ fontSize: string;
4442
+ fontWeight: string;
4443
+ lineHeight: string;
4444
+ letterSpacing: string;
4445
+ };
4446
+ medium: {
4447
+ fontFamily: string;
4448
+ fontSize: string;
4449
+ fontWeight: string;
4450
+ lineHeight: string;
4451
+ letterSpacing: string;
4452
+ };
4453
+ small: {
4454
+ fontFamily: string;
4455
+ fontSize: string;
4456
+ fontWeight: string;
4457
+ lineHeight: string;
4458
+ letterSpacing: string;
4459
+ };
4460
+ };
4461
+ caption: {
4462
+ large: {
4463
+ fontFamily: string;
4464
+ fontSize: string;
4465
+ fontWeight: string;
4466
+ lineHeight: string;
4467
+ letterSpacing: string;
4468
+ };
4469
+ medium: {
4470
+ fontFamily: string;
4471
+ fontSize: string;
4472
+ fontWeight: string;
4473
+ lineHeight: string;
4474
+ letterSpacing: string;
4475
+ };
4476
+ small: {
4477
+ fontFamily: string;
4478
+ fontSize: string;
4479
+ fontWeight: string;
4480
+ lineHeight: string;
4481
+ letterSpacing: string;
4482
+ };
4483
+ };
4484
+ button: {
4485
+ large: {
4486
+ fontFamily: string;
4487
+ fontSize: string;
4488
+ fontWeight: string;
4489
+ lineHeight: string;
4490
+ letterSpacing: string;
4491
+ };
4492
+ medium: {
4493
+ fontFamily: string;
4494
+ fontSize: string;
4495
+ fontWeight: string;
4496
+ lineHeight: string;
4497
+ letterSpacing: string;
4498
+ };
4499
+ small: {
4500
+ fontFamily: string;
4501
+ fontSize: string;
4502
+ fontWeight: string;
4503
+ lineHeight: string;
4504
+ letterSpacing: string;
4505
+ };
4506
+ };
4507
+ label: {
4508
+ large: {
4509
+ fontFamily: string;
4510
+ fontSize: string;
4511
+ fontWeight: string;
4512
+ lineHeight: string;
4513
+ letterSpacing: string;
4514
+ };
4515
+ medium: {
4516
+ fontFamily: string;
4517
+ fontSize: string;
4518
+ fontWeight: string;
4519
+ lineHeight: string;
4520
+ letterSpacing: string;
4521
+ };
4522
+ small: {
4523
+ fontFamily: string;
4524
+ fontSize: string;
4525
+ fontWeight: string;
4526
+ lineHeight: string;
4527
+ letterSpacing: string;
4528
+ };
4529
+ };
4530
+ code: {
4531
+ inline: {
4532
+ fontFamily: string;
4533
+ fontSize: string;
4534
+ fontWeight: string;
4535
+ lineHeight: string;
4536
+ letterSpacing: string;
4537
+ };
4538
+ block: {
4539
+ fontFamily: string;
4540
+ fontSize: string;
4541
+ fontWeight: string;
4542
+ lineHeight: string;
4543
+ letterSpacing: string;
4544
+ };
4545
+ };
4546
+ };
4547
+ readonly spacing: {
4548
+ "0": string;
4549
+ px: string;
4550
+ "0.5": string;
4551
+ "1": string;
4552
+ "1.5": string;
4553
+ "2": string;
4554
+ "2.5": string;
4555
+ "3": string;
4556
+ "3.5": string;
4557
+ "4": string;
4558
+ "5": string;
4559
+ "6": string;
4560
+ "7": string;
4561
+ "8": string;
4562
+ "9": string;
4563
+ "10": string;
4564
+ "11": string;
4565
+ "12": string;
4566
+ "14": string;
4567
+ "16": string;
4568
+ "20": string;
4569
+ "24": string;
4570
+ "28": string;
4571
+ "32": string;
4572
+ "36": string;
4573
+ "40": string;
4574
+ "44": string;
4575
+ "48": string;
4576
+ "52": string;
4577
+ "56": string;
4578
+ "60": string;
4579
+ "64": string;
4580
+ "72": string;
4581
+ "80": string;
4582
+ "96": string;
4583
+ };
4584
+ readonly radius: {
4585
+ none: string;
4586
+ sm: string;
4587
+ base: string;
4588
+ md: string;
4589
+ lg: string;
4590
+ xl: string;
4591
+ "2xl": string;
4592
+ "3xl": string;
4593
+ full: string;
4594
+ };
4595
+ readonly shadows: {
4596
+ xs: string;
4597
+ sm: string;
4598
+ base: string;
4599
+ md: string;
4600
+ lg: string;
4601
+ xl: string;
4602
+ "2xl": string;
4603
+ inner: string;
4604
+ glow: {
4605
+ cyan: string;
4606
+ pink: string;
4607
+ purple: string;
4608
+ green: string;
4609
+ };
4610
+ };
4611
+ };
4612
+ };
4613
+ /**
4614
+ * Tipo TypeScript para todos os temas
4615
+ *
4616
+ * @typedef {Object} Themes
4617
+ * @description
4618
+ * Tipo que representa a estrutura completa de todos os temas disponíveis.
4619
+ * Útil para type-checking e autocomplete em IDEs.
4620
+ */
4621
+ type Themes = typeof themes;
4622
+
4623
+ export { BACKGROUND, type Background, type DarkColors, type DarkTheme, GRADIENTS, GRADIENT_DIRECTIONS, type GradientDirections, type Gradients, type LightColors, type LightTheme, type Radius, type Shadows, type Spacing, type Themes, type Tokens, type Typography, darkTheme, darkThemeColors, getContrast, getContrastInfo, getLuminance, hexToRgb, lightTheme, lightThemeColors, meetsWCAGAA, meetsWCAGAAA, radiusTokens, shadowTokens, spacingTokens, themes, tokens, typographyTokens, validateContrast };