@hanzo/design 0.4.0 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/components/core/Avatar.jsx +1 -1
  2. package/components/core/Badge.jsx +10 -7
  3. package/components/core/Button.jsx +35 -10
  4. package/components/core/Card.jsx +20 -5
  5. package/components/core/Progress.jsx +1 -1
  6. package/components/core/Table.jsx +2 -2
  7. package/components/forms/Checkbox.jsx +1 -1
  8. package/components/forms/Input.jsx +15 -5
  9. package/components/forms/Select.jsx +3 -3
  10. package/components/forms/Slider.jsx +1 -1
  11. package/components/forms/Textarea.jsx +3 -3
  12. package/components/navigation/Accordion.jsx +2 -2
  13. package/components/navigation/Tabs.jsx +18 -7
  14. package/components/navigation/navigation.card.html +1 -1
  15. package/components/overlays/Dialog.jsx +2 -2
  16. package/components/overlays/DropdownMenu.jsx +10 -6
  17. package/components/overlays/Sheet.jsx +3 -3
  18. package/components/overlays/Toaster.jsx +1 -1
  19. package/dist/tokens.gen.d.ts +126 -76
  20. package/dist/tokens.gen.d.ts.map +1 -1
  21. package/dist/tokens.gen.js +126 -76
  22. package/package.json +1 -1
  23. package/scripts/check-tokens.mjs +71 -4
  24. package/src/tokens.gen.ts +126 -76
  25. package/styles.css +486 -84
  26. package/tailwind.css +486 -84
  27. package/tokens/base.css +146 -5
  28. package/tokens/colors.css +181 -66
  29. package/tokens/elevation.css +76 -5
  30. package/tokens/motion.css +15 -0
  31. package/tokens/spacing.css +46 -7
  32. package/tokens/typography.css +21 -0
package/dist/tokens.gen.d.ts CHANGED
@@ -16,54 +16,68 @@ export declare const colors: {
16
16
  readonly 'hanzo-black': "#0A0A0B";
17
17
  readonly 'hanzo-white': "#FFFFFF";
18
18
  readonly 'white-05': "rgb(255 255 255 / .05)";
19
+ readonly 'white-06': "rgb(255 255 255 / .06)";
20
+ readonly 'white-08': "rgb(255 255 255 / .08)";
19
21
  readonly 'white-10': "rgb(255 255 255 / .10)";
20
22
  readonly 'white-15': "rgb(255 255 255 / .15)";
23
+ readonly 'white-16': "rgb(255 255 255 / .16)";
21
24
  readonly 'white-20': "rgb(255 255 255 / .20)";
25
+ readonly 'white-22': "rgb(255 255 255 / .22)";
22
26
  readonly 'white-30': "rgb(255 255 255 / .30)";
23
27
  readonly 'white-40': "rgb(255 255 255 / .40)";
28
+ readonly 'white-55': "rgb(255 255 255 / .55)";
24
29
  readonly 'white-60': "rgb(255 255 255 / .60)";
30
+ readonly 'white-78': "rgb(255 255 255 / .78)";
25
31
  readonly 'white-80': "rgb(255 255 255 / .80)";
26
- readonly background: "#000000";
27
- readonly foreground: "#ededed";
28
- readonly card: "#0a0a0a";
29
- readonly 'card-foreground': "#f5f5f5";
30
- readonly popover: "#0a0a0a";
31
- readonly 'popover-foreground': "#f5f5f5";
32
- readonly primary: "#ffffff";
33
- readonly 'primary-foreground': "#000000";
34
- readonly secondary: "#1a1a1a";
35
- readonly 'secondary-foreground': "#f5f5f5";
36
- readonly muted: "#101010";
37
- readonly 'muted-foreground': "#888888";
38
- readonly accent: "#1a1a1a";
39
- readonly 'accent-foreground': "#f5f5f5";
40
- readonly destructive: "#666666";
41
- readonly 'destructive-foreground': "#f5f5f5";
42
- readonly border: "#1f1f1f";
43
- readonly input: "#1f1f1f";
44
- readonly ring: "var(--neutral-500)";
32
+ readonly background: "#0a0a0a";
33
+ readonly foreground: "#fafafa";
34
+ readonly card: "#0f0f0f";
35
+ readonly 'card-foreground': "#fafafa";
36
+ readonly popover: "#0f0f0f";
37
+ readonly 'popover-foreground': "#fafafa";
38
+ readonly primary: "#fafafa";
39
+ readonly 'primary-hover': "#e5e5e5";
40
+ readonly 'primary-foreground': "#0a0a0a";
41
+ readonly secondary: "#262626";
42
+ readonly 'secondary-hover': "#333333";
43
+ readonly 'secondary-foreground': "#fafafa";
44
+ readonly muted: "#171717";
45
+ readonly 'muted-foreground': "#a3a3a3";
46
+ readonly accent: "#262626";
47
+ readonly 'accent-foreground': "#fafafa";
48
+ readonly destructive: "var(--state-error)";
49
+ readonly 'destructive-hover': "#dc2626";
50
+ readonly 'destructive-foreground': "#fafafa";
51
+ readonly border: "var(--white-10)";
52
+ readonly 'border-strong': "var(--white-16)";
53
+ readonly 'border-control': "var(--white-15)";
54
+ readonly 'border-focus': "var(--white-22)";
55
+ readonly 'border-selected': "var(--white-30)";
56
+ readonly input: "var(--border-control)";
57
+ readonly ring: "var(--white-40)";
58
+ readonly 'ring-halo': "var(--white-10)";
45
59
  readonly brand: "#e4e4e7";
46
60
  readonly 'brand-foreground': "#09090b";
47
61
  readonly 'brand-muted': "#a3a3a3";
48
62
  readonly black: "#000000";
49
- readonly white: "#f5f5f5";
63
+ readonly white: "#fafafa";
64
+ readonly selection: "var(--white-20)";
65
+ readonly glass: "var(--white-05)";
66
+ readonly 'glass-strong': "var(--white-08)";
50
67
  readonly 'surface-page': "var(--background)";
51
- readonly 'surface-card': "rgb(23 23 23 / .5)";
52
- readonly 'surface-card-emphasis': "rgb(23 23 23 / .8)";
53
- readonly 'surface-card-quiet': "rgb(23 23 23 / .4)";
54
- readonly 'surface-overlay': "rgb(10 10 10 / .95)";
68
+ readonly 'surface-card': "rgb(38 38 38 / .5)";
69
+ readonly 'surface-card-emphasis': "rgb(38 38 38 / .75)";
70
+ readonly 'surface-card-quiet': "rgb(38 38 38 / .35)";
71
+ readonly 'surface-overlay': "rgb(23 23 23 / .92)";
55
72
  readonly 'surface-header': "rgb(0 0 0 / .7)";
56
73
  readonly 'surface-scrim': "rgb(0 0 0 / .8)";
57
- readonly 'border-hairline': "var(--neutral-800)";
58
- readonly 'border-card': "var(--white-10)";
59
- readonly 'border-strong': "var(--neutral-500)";
60
74
  readonly 'surface-0': "var(--background)";
61
75
  readonly 'surface-1': "var(--card)";
62
76
  readonly 'surface-2': "var(--muted)";
63
77
  readonly 'surface-3': "var(--secondary)";
64
- readonly 'text-primary': "var(--pure-white)";
65
- readonly 'text-secondary': "var(--white-80)";
66
- readonly 'text-tertiary': "var(--white-60)";
78
+ readonly 'text-primary': "#fafafa";
79
+ readonly 'text-secondary': "var(--white-78)";
80
+ readonly 'text-tertiary': "var(--white-55)";
67
81
  readonly 'text-helper': "var(--muted-foreground)";
68
82
  readonly 'text-disabled': "var(--white-30)";
69
83
  readonly 'state-error': "#ef4444";
@@ -116,6 +130,7 @@ export declare const typography: {
116
130
  readonly 'font-size-7xl': "var(--text-7xl)";
117
131
  readonly 'font-size-8xl': "var(--text-8xl)";
118
132
  readonly 'font-size-9xl': "var(--text-9xl)";
133
+ readonly 'text-control': "var(--text-sm)";
119
134
  readonly 'weight-normal': "400";
120
135
  readonly 'weight-medium': "500";
121
136
  readonly 'weight-semibold': "600";
@@ -169,14 +184,19 @@ export declare const spacing: {
169
184
  readonly 'container-max': "80rem";
170
185
  readonly 'container-prose': "48rem";
171
186
  readonly 'container-wide': "72rem";
172
- readonly gutter: "1rem";
187
+ readonly gutter: "max(1rem,var(--safe-left),var(--safe-right))";
173
188
  readonly 'gutter-sm': "1.5rem";
174
189
  readonly 'gutter-lg': "2rem";
175
- readonly 'section-y': "4rem";
176
- readonly 'section-y-lg': "6rem";
177
- readonly 'hero-y': "5rem";
178
- readonly 'hero-y-lg': "8rem";
179
- readonly 'header-height': "4rem";
190
+ readonly 'section-y': "2.5rem";
191
+ readonly 'section-y-lg': "3.5rem";
192
+ readonly 'hero-y': "3rem";
193
+ readonly 'hero-y-lg': "4.5rem";
194
+ readonly 'header-height': "3.5rem";
195
+ readonly 'tap-target': "44px";
196
+ readonly 'safe-top': "env(safe-area-inset-top,0px)";
197
+ readonly 'safe-right': "env(safe-area-inset-right,0px)";
198
+ readonly 'safe-bottom': "env(safe-area-inset-bottom,0px)";
199
+ readonly 'safe-left': "env(safe-area-inset-left,0px)";
180
200
  };
181
201
  /** grid tokens (from tokens/grid.css). Values are raw CSS. */
182
202
  export declare const grid: {
@@ -206,9 +226,11 @@ export declare const radius: {
206
226
  /** elevation tokens (from tokens/elevation.css). Values are raw CSS. */
207
227
  export declare const elevation: {
208
228
  readonly 'shadow-none': "none";
209
- readonly 'shadow-floating': "0 25px 50px -12px rgb(0 0 0 / .25)";
229
+ readonly 'shadow-floating': "0 24px 60px -16px rgb(0 0 0 / .75)";
210
230
  readonly 'shadow-inset-hairline': "inset 0 0 0 1px var(--white-10)";
211
- readonly 'ring-focus': "0 0 0 2px var(--ring)";
231
+ readonly 'edge-highlight': "inset 0 1px 0 0 rgb(255 255 255 / .10)";
232
+ readonly bloom: "0 0 24px -2px rgb(255 255 255 / .28)";
233
+ readonly 'ring-focus': "0 0 0 3px var(--ring-halo)";
212
234
  readonly 'shadow-sm': "0 1px 2px 0 rgb(0 0 0 / .40)";
213
235
  readonly shadow: "0 1px 3px 0 rgb(0 0 0 / .45), 0 1px 2px -1px rgb(0 0 0 / .45)";
214
236
  readonly 'shadow-md': "0 4px 6px -1px rgb(0 0 0 / .50), 0 2px 4px -2px rgb(0 0 0 / .50)";
@@ -218,6 +240,7 @@ export declare const elevation: {
218
240
  readonly 'glow-hero': "radial-gradient(circle,rgb(255 255 255 / .12) 0%,transparent 68%)";
219
241
  readonly 'glow-hero-blur': "120px";
220
242
  readonly 'sheen-card': "radial-gradient(120% 120% at 80% 0%,rgb(255 255 255 / .08) 0%,transparent 55%)";
243
+ readonly 'sheen-edge': "linear-gradient(90deg,transparent,rgb(255 255 255 / .14) 50%,transparent)";
221
244
  readonly 'gradient-chrome': "linear-gradient(to right,#ffffff,var(--white-80),var(--white-60))";
222
245
  readonly 'gradient-chrome-2': "linear-gradient(to right,#ffffff,var(--neutral-500))";
223
246
  readonly 'gradient-protect': "linear-gradient(to bottom,var(--white-10),transparent)";
@@ -229,8 +252,10 @@ export declare const motion: {
229
252
  readonly 'duration-slow': "400ms";
230
253
  readonly 'duration-slower': "500ms";
231
254
  readonly 'duration-glow': "9s";
255
+ readonly 'duration-press': "90ms";
232
256
  readonly 'ease-out': "cubic-bezier(0,0,0.2,1)";
233
257
  readonly 'ease-in-out': "cubic-bezier(0.4,0,0.2,1)";
258
+ readonly 'ease-emphasis': "cubic-bezier(0.16,1,0.3,1)";
234
259
  readonly stagger: "60ms";
235
260
  readonly 'entry-rise': "16px";
236
261
  readonly 'entry-rise-lg': "24px";
@@ -277,54 +302,68 @@ export declare const cssVars: {
277
302
  readonly '--hanzo-black': "#0A0A0B";
278
303
  readonly '--hanzo-white': "#FFFFFF";
279
304
  readonly '--white-05': "rgb(255 255 255 / .05)";
305
+ readonly '--white-06': "rgb(255 255 255 / .06)";
306
+ readonly '--white-08': "rgb(255 255 255 / .08)";
280
307
  readonly '--white-10': "rgb(255 255 255 / .10)";
281
308
  readonly '--white-15': "rgb(255 255 255 / .15)";
309
+ readonly '--white-16': "rgb(255 255 255 / .16)";
282
310
  readonly '--white-20': "rgb(255 255 255 / .20)";
311
+ readonly '--white-22': "rgb(255 255 255 / .22)";
283
312
  readonly '--white-30': "rgb(255 255 255 / .30)";
284
313
  readonly '--white-40': "rgb(255 255 255 / .40)";
314
+ readonly '--white-55': "rgb(255 255 255 / .55)";
285
315
  readonly '--white-60': "rgb(255 255 255 / .60)";
316
+ readonly '--white-78': "rgb(255 255 255 / .78)";
286
317
  readonly '--white-80': "rgb(255 255 255 / .80)";
287
- readonly '--background': "#000000";
288
- readonly '--foreground': "#ededed";
289
- readonly '--card': "#0a0a0a";
290
- readonly '--card-foreground': "#f5f5f5";
291
- readonly '--popover': "#0a0a0a";
292
- readonly '--popover-foreground': "#f5f5f5";
293
- readonly '--primary': "#ffffff";
294
- readonly '--primary-foreground': "#000000";
295
- readonly '--secondary': "#1a1a1a";
296
- readonly '--secondary-foreground': "#f5f5f5";
297
- readonly '--muted': "#101010";
298
- readonly '--muted-foreground': "#888888";
299
- readonly '--accent': "#1a1a1a";
300
- readonly '--accent-foreground': "#f5f5f5";
301
- readonly '--destructive': "#666666";
302
- readonly '--destructive-foreground': "#f5f5f5";
303
- readonly '--border': "#1f1f1f";
304
- readonly '--input': "#1f1f1f";
305
- readonly '--ring': "var(--neutral-500)";
318
+ readonly '--background': "#0a0a0a";
319
+ readonly '--foreground': "#fafafa";
320
+ readonly '--card': "#0f0f0f";
321
+ readonly '--card-foreground': "#fafafa";
322
+ readonly '--popover': "#0f0f0f";
323
+ readonly '--popover-foreground': "#fafafa";
324
+ readonly '--primary': "#fafafa";
325
+ readonly '--primary-hover': "#e5e5e5";
326
+ readonly '--primary-foreground': "#0a0a0a";
327
+ readonly '--secondary': "#262626";
328
+ readonly '--secondary-hover': "#333333";
329
+ readonly '--secondary-foreground': "#fafafa";
330
+ readonly '--muted': "#171717";
331
+ readonly '--muted-foreground': "#a3a3a3";
332
+ readonly '--accent': "#262626";
333
+ readonly '--accent-foreground': "#fafafa";
334
+ readonly '--destructive': "var(--state-error)";
335
+ readonly '--destructive-hover': "#dc2626";
336
+ readonly '--destructive-foreground': "#fafafa";
337
+ readonly '--border': "var(--white-10)";
338
+ readonly '--border-strong': "var(--white-16)";
339
+ readonly '--border-control': "var(--white-15)";
340
+ readonly '--border-focus': "var(--white-22)";
341
+ readonly '--border-selected': "var(--white-30)";
342
+ readonly '--input': "var(--border-control)";
343
+ readonly '--ring': "var(--white-40)";
344
+ readonly '--ring-halo': "var(--white-10)";
306
345
  readonly '--brand': "#e4e4e7";
307
346
  readonly '--brand-foreground': "#09090b";
308
347
  readonly '--brand-muted': "#a3a3a3";
309
348
  readonly '--black': "#000000";
310
- readonly '--white': "#f5f5f5";
349
+ readonly '--white': "#fafafa";
350
+ readonly '--selection': "var(--white-20)";
351
+ readonly '--glass': "var(--white-05)";
352
+ readonly '--glass-strong': "var(--white-08)";
311
353
  readonly '--surface-page': "var(--background)";
312
- readonly '--surface-card': "rgb(23 23 23 / .5)";
313
- readonly '--surface-card-emphasis': "rgb(23 23 23 / .8)";
314
- readonly '--surface-card-quiet': "rgb(23 23 23 / .4)";
315
- readonly '--surface-overlay': "rgb(10 10 10 / .95)";
354
+ readonly '--surface-card': "rgb(38 38 38 / .5)";
355
+ readonly '--surface-card-emphasis': "rgb(38 38 38 / .75)";
356
+ readonly '--surface-card-quiet': "rgb(38 38 38 / .35)";
357
+ readonly '--surface-overlay': "rgb(23 23 23 / .92)";
316
358
  readonly '--surface-header': "rgb(0 0 0 / .7)";
317
359
  readonly '--surface-scrim': "rgb(0 0 0 / .8)";
318
- readonly '--border-hairline': "var(--neutral-800)";
319
- readonly '--border-card': "var(--white-10)";
320
- readonly '--border-strong': "var(--neutral-500)";
321
360
  readonly '--surface-0': "var(--background)";
322
361
  readonly '--surface-1': "var(--card)";
323
362
  readonly '--surface-2': "var(--muted)";
324
363
  readonly '--surface-3': "var(--secondary)";
325
- readonly '--text-primary': "var(--pure-white)";
326
- readonly '--text-secondary': "var(--white-80)";
327
- readonly '--text-tertiary': "var(--white-60)";
364
+ readonly '--text-primary': "#fafafa";
365
+ readonly '--text-secondary': "var(--white-78)";
366
+ readonly '--text-tertiary': "var(--white-55)";
328
367
  readonly '--text-helper': "var(--muted-foreground)";
329
368
  readonly '--text-disabled': "var(--white-30)";
330
369
  readonly '--state-error': "#ef4444";
@@ -374,6 +413,7 @@ export declare const cssVars: {
374
413
  readonly '--font-size-7xl': "var(--text-7xl)";
375
414
  readonly '--font-size-8xl': "var(--text-8xl)";
376
415
  readonly '--font-size-9xl': "var(--text-9xl)";
416
+ readonly '--text-control': "var(--text-sm)";
377
417
  readonly '--weight-normal': "400";
378
418
  readonly '--weight-medium': "500";
379
419
  readonly '--weight-semibold': "600";
@@ -424,14 +464,19 @@ export declare const cssVars: {
424
464
  readonly '--container-max': "80rem";
425
465
  readonly '--container-prose': "48rem";
426
466
  readonly '--container-wide': "72rem";
427
- readonly '--gutter': "1rem";
467
+ readonly '--gutter': "max(1rem,var(--safe-left),var(--safe-right))";
428
468
  readonly '--gutter-sm': "1.5rem";
429
469
  readonly '--gutter-lg': "2rem";
430
- readonly '--section-y': "4rem";
431
- readonly '--section-y-lg': "6rem";
432
- readonly '--hero-y': "5rem";
433
- readonly '--hero-y-lg': "8rem";
434
- readonly '--header-height': "4rem";
470
+ readonly '--section-y': "2.5rem";
471
+ readonly '--section-y-lg': "3.5rem";
472
+ readonly '--hero-y': "3rem";
473
+ readonly '--hero-y-lg': "4.5rem";
474
+ readonly '--header-height': "3.5rem";
475
+ readonly '--tap-target': "44px";
476
+ readonly '--safe-top': "env(safe-area-inset-top,0px)";
477
+ readonly '--safe-right': "env(safe-area-inset-right,0px)";
478
+ readonly '--safe-bottom': "env(safe-area-inset-bottom,0px)";
479
+ readonly '--safe-left': "env(safe-area-inset-left,0px)";
435
480
  readonly '--grid-columns': "12";
436
481
  readonly '--grid-gap': "var(--space-6)";
437
482
  readonly '--grid-gap-tight': "var(--space-4)";
@@ -452,9 +497,11 @@ export declare const cssVars: {
452
497
  readonly '--radius-composer': "28px";
453
498
  readonly '--radius-full': "9999px";
454
499
  readonly '--shadow-none': "none";
455
- readonly '--shadow-floating': "0 25px 50px -12px rgb(0 0 0 / .25)";
500
+ readonly '--shadow-floating': "0 24px 60px -16px rgb(0 0 0 / .75)";
456
501
  readonly '--shadow-inset-hairline': "inset 0 0 0 1px var(--white-10)";
457
- readonly '--ring-focus': "0 0 0 2px var(--ring)";
502
+ readonly '--edge-highlight': "inset 0 1px 0 0 rgb(255 255 255 / .10)";
503
+ readonly '--bloom': "0 0 24px -2px rgb(255 255 255 / .28)";
504
+ readonly '--ring-focus': "0 0 0 3px var(--ring-halo)";
458
505
  readonly '--shadow-sm': "0 1px 2px 0 rgb(0 0 0 / .40)";
459
506
  readonly '--shadow': "0 1px 3px 0 rgb(0 0 0 / .45), 0 1px 2px -1px rgb(0 0 0 / .45)";
460
507
  readonly '--shadow-md': "0 4px 6px -1px rgb(0 0 0 / .50), 0 2px 4px -2px rgb(0 0 0 / .50)";
@@ -464,6 +511,7 @@ export declare const cssVars: {
464
511
  readonly '--glow-hero': "radial-gradient(circle,rgb(255 255 255 / .12) 0%,transparent 68%)";
465
512
  readonly '--glow-hero-blur': "120px";
466
513
  readonly '--sheen-card': "radial-gradient(120% 120% at 80% 0%,rgb(255 255 255 / .08) 0%,transparent 55%)";
514
+ readonly '--sheen-edge': "linear-gradient(90deg,transparent,rgb(255 255 255 / .14) 50%,transparent)";
467
515
  readonly '--gradient-chrome': "linear-gradient(to right,#ffffff,var(--white-80),var(--white-60))";
468
516
  readonly '--gradient-chrome-2': "linear-gradient(to right,#ffffff,var(--neutral-500))";
469
517
  readonly '--gradient-protect': "linear-gradient(to bottom,var(--white-10),transparent)";
@@ -472,8 +520,10 @@ export declare const cssVars: {
472
520
  readonly '--duration-slow': "400ms";
473
521
  readonly '--duration-slower': "500ms";
474
522
  readonly '--duration-glow': "9s";
523
+ readonly '--duration-press': "90ms";
475
524
  readonly '--ease-out': "cubic-bezier(0,0,0.2,1)";
476
525
  readonly '--ease-in-out': "cubic-bezier(0.4,0,0.2,1)";
526
+ readonly '--ease-emphasis': "cubic-bezier(0.16,1,0.3,1)";
477
527
  readonly '--stagger': "60ms";
478
528
  readonly '--entry-rise': "16px";
479
529
  readonly '--entry-rise-lg': "24px";
package/dist/tokens.gen.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.gen.d.ts","sourceRoot":"","sources":["../src/tokens.gen.ts"],"names":[],"mappings":"AAIA,kEAAkE;AAClE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ET,CAAA;AAEV,0EAA0E;AAC1E,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8Db,CAAA;AAEV,oEAAoE;AACpE,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCV,CAAA;AAEV,8DAA8D;AAC9D,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYP,CAAA;AAEV,kEAAkE;AAClE,eAAO,MAAM,MAAM;;;;;;;;;CAST,CAAA;AAEV,wEAAwE;AACxE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;CAiBZ,CAAA;AAEV,kEAAkE;AAClE,eAAO,MAAM,MAAM;;;;;;;;;;;CAWT,CAAA;AAEV,6DAA6D;AAC7D,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYT,CAAA;AAEV,gEAAgE;AAChE,eAAO,MAAM,KAAK;;;;;;CAMR,CAAA;AAEV,8DAA8D;AAC9D,eAAO,MAAM,IAAI,IAEP,CAAA;AAEV,sFAAsF;AACtF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyOV,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,OAAO,CAAA"}
1
+ {"version":3,"file":"tokens.gen.d.ts","sourceRoot":"","sources":["../src/tokens.gen.ts"],"names":[],"mappings":"AAIA,kEAAkE;AAClE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFT,CAAA;AAEV,0EAA0E;AAC1E,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Db,CAAA;AAEV,oEAAoE;AACpE,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CV,CAAA;AAEV,8DAA8D;AAC9D,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYP,CAAA;AAEV,kEAAkE;AAClE,eAAO,MAAM,MAAM;;;;;;;;;CAST,CAAA;AAEV,wEAAwE;AACxE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAoBZ,CAAA;AAEV,kEAAkE;AAClE,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAaT,CAAA;AAEV,6DAA6D;AAC7D,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYT,CAAA;AAEV,gEAAgE;AAChE,eAAO,MAAM,KAAK;;;;;;CAMR,CAAA;AAEV,8DAA8D;AAC9D,eAAO,MAAM,IAAI,IAEP,CAAA;AAEV,sFAAsF;AACtF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkQV,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,OAAO,CAAA"}