@nubase/frontend 0.1.2 → 0.1.5

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 (11) hide show
  1. package/dist/index.css +352 -34
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.d.mts +3391 -393
  4. package/dist/index.d.ts +3391 -393
  5. package/dist/index.js +17507 -6905
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +17424 -6962
  8. package/dist/index.mjs.map +1 -1
  9. package/dist/styles.css +2152 -511
  10. package/package.json +54 -29
  11. package/README.md +0 -127
package/dist/styles.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
@@ -7,73 +7,110 @@
7
7
  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
8
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
9
  "Courier New", monospace;
10
+ --color-red-50: oklch(97.1% 0.013 17.38);
11
+ --color-red-100: oklch(93.6% 0.032 17.717);
12
+ --color-red-200: oklch(88.5% 0.062 18.334);
13
+ --color-red-300: oklch(80.8% 0.114 19.571);
14
+ --color-red-400: oklch(70.4% 0.191 22.216);
10
15
  --color-red-500: oklch(63.7% 0.237 25.331);
11
16
  --color-red-600: oklch(57.7% 0.245 27.325);
12
- --color-blue-50: oklch(97% 0.014 254.604);
17
+ --color-red-800: oklch(44.4% 0.177 26.899);
18
+ --color-red-900: oklch(39.6% 0.141 25.723);
19
+ --color-orange-400: oklch(75% 0.183 55.934);
20
+ --color-orange-600: oklch(64.6% 0.222 41.116);
21
+ --color-yellow-100: oklch(97.3% 0.071 103.193);
22
+ --color-yellow-200: oklch(94.5% 0.129 101.54);
23
+ --color-yellow-300: oklch(90.5% 0.182 98.111);
24
+ --color-yellow-400: oklch(85.2% 0.199 91.936);
25
+ --color-yellow-500: oklch(79.5% 0.184 86.047);
26
+ --color-yellow-700: oklch(55.4% 0.135 66.442);
27
+ --color-yellow-800: oklch(47.6% 0.114 61.907);
28
+ --color-yellow-900: oklch(42.1% 0.095 57.708);
29
+ --color-green-100: oklch(96.2% 0.044 156.743);
30
+ --color-green-200: oklch(92.5% 0.084 155.995);
31
+ --color-green-300: oklch(87.1% 0.15 154.449);
32
+ --color-green-400: oklch(79.2% 0.209 151.711);
33
+ --color-green-500: oklch(72.3% 0.219 149.579);
34
+ --color-green-600: oklch(62.7% 0.194 149.214);
35
+ --color-green-700: oklch(52.7% 0.154 150.069);
36
+ --color-green-800: oklch(44.8% 0.119 151.328);
37
+ --color-green-900: oklch(39.3% 0.095 152.535);
38
+ --color-blue-100: oklch(93.2% 0.032 255.585);
13
39
  --color-blue-200: oklch(88.2% 0.059 254.128);
40
+ --color-blue-400: oklch(70.7% 0.165 254.624);
14
41
  --color-blue-500: oklch(62.3% 0.214 259.815);
15
42
  --color-blue-600: oklch(54.6% 0.245 262.881);
16
- --color-gray-50: oklch(98.5% 0.002 247.839);
43
+ --color-blue-800: oklch(42.4% 0.199 265.638);
44
+ --color-indigo-100: oklch(93% 0.034 272.788);
45
+ --color-indigo-800: oklch(39.8% 0.195 277.366);
46
+ --color-purple-600: oklch(55.8% 0.288 302.321);
17
47
  --color-gray-100: oklch(96.7% 0.003 264.542);
18
48
  --color-gray-200: oklch(92.8% 0.006 264.531);
19
49
  --color-gray-300: oklch(87.2% 0.01 258.338);
50
+ --color-gray-400: oklch(70.7% 0.022 261.325);
51
+ --color-gray-500: oklch(55.1% 0.027 264.364);
20
52
  --color-gray-600: oklch(44.6% 0.03 256.802);
21
- --color-gray-700: oklch(37.3% 0.034 259.733);
53
+ --color-gray-800: oklch(27.8% 0.033 256.848);
22
54
  --color-white: #fff;
23
55
  --spacing: 0.25rem;
56
+ --breakpoint-md: 48rem;
24
57
  --container-sm: 24rem;
25
58
  --container-md: 28rem;
26
59
  --container-lg: 32rem;
27
60
  --container-xl: 36rem;
28
61
  --container-2xl: 42rem;
62
+ --container-3xl: 48rem;
29
63
  --text-xs: 0.75rem;
30
- --text-xs--line-height: calc(1 / 0.75);
64
+ --text-xs--line-height: 1rem;
31
65
  --text-sm: 0.875rem;
32
- --text-sm--line-height: calc(1.25 / 0.875);
66
+ --text-sm--line-height: 1.25rem;
33
67
  --text-base: 1rem;
34
- --text-base--line-height: calc(1.5 / 1);
68
+ --text-base--line-height: 1.5rem;
35
69
  --text-lg: 1.125rem;
36
- --text-lg--line-height: calc(1.75 / 1.125);
37
- --text-xl: 1.25rem;
38
- --text-xl--line-height: calc(1.75 / 1.25);
70
+ --text-lg--line-height: 1.75rem;
39
71
  --text-2xl: 1.5rem;
40
- --text-2xl--line-height: calc(2 / 1.5);
72
+ --text-2xl--line-height: 2rem;
73
+ --text-3xl: 1.875rem;
74
+ --text-3xl--line-height: 2.25rem;
75
+ --text-4xl: 2.25rem;
76
+ --text-4xl--line-height: 2.5rem;
41
77
  --font-weight-normal: 400;
42
78
  --font-weight-medium: 500;
43
79
  --font-weight-semibold: 600;
44
80
  --font-weight-bold: 700;
45
- --leading-normal: 1.5;
46
- --radius-md: 0.375rem;
47
- --radius-lg: 0.5rem;
81
+ --tracking-tight: -0.025em;
82
+ --tracking-widest: 0.1em;
83
+ --radius-sm: calc(var(--radius) - 4px);
84
+ --radius-md: calc(var(--radius) - 2px);
85
+ --radius-lg: var(--radius);
86
+ --radius-xl: calc(var(--radius) + 4px);
48
87
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
49
88
  --animate-spin: spin 1s linear infinite;
50
89
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
51
- --blur-sm: 8px;
90
+ --aspect-video: 16 / 9;
52
91
  --default-transition-duration: 150ms;
53
92
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
54
93
  --default-font-family: var(--font-sans);
55
94
  --default-mono-font-family: var(--font-mono);
56
- --color-primary: var(--theme-color-primary);
57
- --color-onPrimary: var(--theme-color-onPrimary);
58
- --color-primaryContainer: var(--theme-color-primaryContainer);
59
- --color-onPrimaryContainer: var(--theme-color-onPrimaryContainer);
60
- --color-secondary: var(--theme-color-secondary);
61
- --color-onSecondary: var(--theme-color-onSecondary);
62
- --color-secondaryContainer: var(--theme-color-secondaryContainer);
63
- --color-onSecondaryContainer: var(--theme-color-onSecondaryContainer);
64
- --color-tertiary: var(--theme-color-tertiary);
65
- --color-tertiaryContainer: var(--theme-color-tertiaryContainer);
66
- --color-onTertiaryContainer: var(--theme-color-onTertiaryContainer);
67
- --color-error: var(--theme-color-error);
68
- --color-onError: var(--theme-color-onError);
69
- --color-errorContainer: var(--theme-color-errorContainer);
70
- --color-onErrorContainer: var(--theme-color-onErrorContainer);
71
- --color-surface: var(--theme-color-surface);
72
- --color-onSurface: var(--theme-color-onSurface);
73
- --color-surfaceVariant: var(--theme-color-surfaceVariant);
74
- --color-onSurfaceVariant: var(--theme-color-onSurfaceVariant);
75
- --color-outline: var(--theme-color-outline);
76
- --color-scrim: var(--theme-color-scrim);
95
+ --color-background: var(--background);
96
+ --color-foreground: var(--foreground);
97
+ --color-card: var(--card);
98
+ --color-card-foreground: var(--card-foreground);
99
+ --color-popover: var(--popover);
100
+ --color-popover-foreground: var(--popover-foreground);
101
+ --color-primary: var(--primary);
102
+ --color-primary-foreground: var(--primary-foreground);
103
+ --color-secondary: var(--secondary);
104
+ --color-secondary-foreground: var(--secondary-foreground);
105
+ --color-muted: var(--muted);
106
+ --color-muted-foreground: var(--muted-foreground);
107
+ --color-accent: var(--accent);
108
+ --color-accent-foreground: var(--accent-foreground);
109
+ --color-destructive: var(--destructive);
110
+ --color-border: var(--border);
111
+ --color-input: var(--input);
112
+ --color-ring: var(--ring);
113
+ --color-sidebar: var(--sidebar);
77
114
  }
78
115
  }
79
116
  @layer base {
@@ -208,6 +245,9 @@
208
245
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
209
246
  padding-block: 0;
210
247
  }
248
+ ::-webkit-calendar-picker-indicator {
249
+ line-height: 1;
250
+ }
211
251
  :-moz-ui-invalid {
212
252
  box-shadow: none;
213
253
  }
@@ -222,12 +262,30 @@
222
262
  }
223
263
  }
224
264
  @layer utilities {
265
+ .\@container\/card-header {
266
+ container-type: inline-size;
267
+ container-name: card-header;
268
+ }
225
269
  .pointer-events-none {
226
270
  pointer-events: none;
227
271
  }
272
+ .collapse {
273
+ visibility: collapse;
274
+ }
228
275
  .visible {
229
276
  visibility: visible;
230
277
  }
278
+ .sr-only {
279
+ position: absolute;
280
+ width: 1px;
281
+ height: 1px;
282
+ padding: 0;
283
+ margin: -1px;
284
+ overflow: hidden;
285
+ clip-path: inset(50%);
286
+ white-space: nowrap;
287
+ border-width: 0;
288
+ }
231
289
  .absolute {
232
290
  position: absolute;
233
291
  }
@@ -240,6 +298,9 @@
240
298
  .static {
241
299
  position: static;
242
300
  }
301
+ .sticky {
302
+ position: sticky;
303
+ }
243
304
  .inset-0 {
244
305
  inset: calc(var(--spacing) * 0);
245
306
  }
@@ -252,9 +313,15 @@
252
313
  .top-1\/2 {
253
314
  top: calc(1/2 * 100%);
254
315
  }
316
+ .top-full {
317
+ top: 100%;
318
+ }
255
319
  .right-0 {
256
320
  right: calc(var(--spacing) * 0);
257
321
  }
322
+ .right-3 {
323
+ right: calc(var(--spacing) * 3);
324
+ }
258
325
  .right-4 {
259
326
  right: calc(var(--spacing) * 4);
260
327
  }
@@ -270,8 +337,8 @@
270
337
  .left-0 {
271
338
  left: calc(var(--spacing) * 0);
272
339
  }
273
- .left-1\/2 {
274
- left: calc(1/2 * 100%);
340
+ .left-2 {
341
+ left: calc(var(--spacing) * 2);
275
342
  }
276
343
  .left-3 {
277
344
  left: calc(var(--spacing) * 3);
@@ -282,41 +349,17 @@
282
349
  .z-50 {
283
350
  z-index: 50;
284
351
  }
285
- .col-span-1 {
286
- grid-column: span 1 / span 1;
287
- }
288
352
  .col-span-2 {
289
353
  grid-column: span 2 / span 2;
290
354
  }
291
- .col-span-3 {
292
- grid-column: span 3 / span 3;
293
- }
294
- .col-span-4 {
295
- grid-column: span 4 / span 4;
296
- }
297
- .col-span-5 {
298
- grid-column: span 5 / span 5;
299
- }
300
- .col-span-6 {
301
- grid-column: span 6 / span 6;
302
- }
303
- .col-span-7 {
304
- grid-column: span 7 / span 7;
355
+ .col-start-2 {
356
+ grid-column-start: 2;
305
357
  }
306
- .col-span-8 {
307
- grid-column: span 8 / span 8;
358
+ .row-span-2 {
359
+ grid-row: span 2 / span 2;
308
360
  }
309
- .col-span-9 {
310
- grid-column: span 9 / span 9;
311
- }
312
- .col-span-10 {
313
- grid-column: span 10 / span 10;
314
- }
315
- .col-span-11 {
316
- grid-column: span 11 / span 11;
317
- }
318
- .col-span-12 {
319
- grid-column: span 12 / span 12;
361
+ .row-start-1 {
362
+ grid-row-start: 1;
320
363
  }
321
364
  .container {
322
365
  width: 100%;
@@ -336,12 +379,30 @@
336
379
  max-width: 96rem;
337
380
  }
338
381
  }
382
+ .-mx-1 {
383
+ margin-inline: calc(var(--spacing) * -1);
384
+ }
339
385
  .mx-2 {
340
386
  margin-inline: calc(var(--spacing) * 2);
341
387
  }
342
388
  .mx-auto {
343
389
  margin-inline: auto;
344
390
  }
391
+ .my-0\.5 {
392
+ margin-block: calc(var(--spacing) * 0.5);
393
+ }
394
+ .my-1 {
395
+ margin-block: calc(var(--spacing) * 1);
396
+ }
397
+ .my-2 {
398
+ margin-block: calc(var(--spacing) * 2);
399
+ }
400
+ .my-8 {
401
+ margin-block: calc(var(--spacing) * 8);
402
+ }
403
+ .mt-0\.5 {
404
+ margin-top: calc(var(--spacing) * 0.5);
405
+ }
345
406
  .mt-1 {
346
407
  margin-top: calc(var(--spacing) * 1);
347
408
  }
@@ -351,11 +412,20 @@
351
412
  .mt-4 {
352
413
  margin-top: calc(var(--spacing) * 4);
353
414
  }
415
+ .mt-6 {
416
+ margin-top: calc(var(--spacing) * 6);
417
+ }
354
418
  .mt-8 {
355
419
  margin-top: calc(var(--spacing) * 8);
356
420
  }
357
- .mt-12 {
358
- margin-top: calc(var(--spacing) * 12);
421
+ .mr-1 {
422
+ margin-right: calc(var(--spacing) * 1);
423
+ }
424
+ .mr-2 {
425
+ margin-right: calc(var(--spacing) * 2);
426
+ }
427
+ .mb-1 {
428
+ margin-bottom: calc(var(--spacing) * 1);
359
429
  }
360
430
  .mb-2 {
361
431
  margin-bottom: calc(var(--spacing) * 2);
@@ -369,12 +439,18 @@
369
439
  .mb-6 {
370
440
  margin-bottom: calc(var(--spacing) * 6);
371
441
  }
442
+ .mb-8 {
443
+ margin-bottom: calc(var(--spacing) * 8);
444
+ }
372
445
  .ml-0 {
373
446
  margin-left: calc(var(--spacing) * 0);
374
447
  }
375
448
  .ml-1 {
376
449
  margin-left: calc(var(--spacing) * 1);
377
450
  }
451
+ .ml-2 {
452
+ margin-left: calc(var(--spacing) * 2);
453
+ }
378
454
  .ml-4 {
379
455
  margin-left: calc(var(--spacing) * 4);
380
456
  }
@@ -411,8 +487,51 @@
411
487
  .table {
412
488
  display: table;
413
489
  }
414
- .h-1 {
415
- height: calc(var(--spacing) * 1);
490
+ .table-caption {
491
+ display: table-caption;
492
+ }
493
+ .table-cell {
494
+ display: table-cell;
495
+ }
496
+ .table-row {
497
+ display: table-row;
498
+ }
499
+ .aspect-auto {
500
+ aspect-ratio: auto;
501
+ }
502
+ .aspect-square {
503
+ aspect-ratio: 1 / 1;
504
+ }
505
+ .aspect-video {
506
+ aspect-ratio: var(--aspect-video);
507
+ }
508
+ .size-2 {
509
+ width: calc(var(--spacing) * 2);
510
+ height: calc(var(--spacing) * 2);
511
+ }
512
+ .size-3\.5 {
513
+ width: calc(var(--spacing) * 3.5);
514
+ height: calc(var(--spacing) * 3.5);
515
+ }
516
+ .size-4 {
517
+ width: calc(var(--spacing) * 4);
518
+ height: calc(var(--spacing) * 4);
519
+ }
520
+ .size-9 {
521
+ width: calc(var(--spacing) * 9);
522
+ height: calc(var(--spacing) * 9);
523
+ }
524
+ .h-1\.5 {
525
+ height: calc(var(--spacing) * 1.5);
526
+ }
527
+ .h-2 {
528
+ height: calc(var(--spacing) * 2);
529
+ }
530
+ .h-2\.5 {
531
+ height: calc(var(--spacing) * 2.5);
532
+ }
533
+ .h-3 {
534
+ height: calc(var(--spacing) * 3);
416
535
  }
417
536
  .h-4 {
418
537
  height: calc(var(--spacing) * 4);
@@ -423,42 +542,120 @@
423
542
  .h-6 {
424
543
  height: calc(var(--spacing) * 6);
425
544
  }
545
+ .h-7 {
546
+ height: calc(var(--spacing) * 7);
547
+ }
426
548
  .h-8 {
427
549
  height: calc(var(--spacing) * 8);
428
550
  }
551
+ .h-9 {
552
+ height: calc(var(--spacing) * 9);
553
+ }
554
+ .h-10 {
555
+ height: calc(var(--spacing) * 10);
556
+ }
429
557
  .h-12 {
430
558
  height: calc(var(--spacing) * 12);
431
559
  }
560
+ .h-20 {
561
+ height: calc(var(--spacing) * 20);
562
+ }
563
+ .h-24 {
564
+ height: calc(var(--spacing) * 24);
565
+ }
432
566
  .h-32 {
433
567
  height: calc(var(--spacing) * 32);
434
568
  }
569
+ .h-64 {
570
+ height: calc(var(--spacing) * 64);
571
+ }
572
+ .h-\[0\.9rem\] {
573
+ height: 0.9rem;
574
+ }
575
+ .h-\[150px\] {
576
+ height: 150px;
577
+ }
578
+ .h-\[200px\] {
579
+ height: 200px;
580
+ }
581
+ .h-\[calc\(100\%-1px\)\] {
582
+ height: calc(100% - 1px);
583
+ }
435
584
  .h-auto {
436
585
  height: auto;
437
586
  }
438
587
  .h-full {
439
588
  height: 100%;
440
589
  }
590
+ .h-px {
591
+ height: 1px;
592
+ }
441
593
  .h-screen {
442
594
  height: 100vh;
443
595
  }
596
+ .max-h-\(--radix-dropdown-menu-content-available-height\) {
597
+ max-height: var(--radix-dropdown-menu-content-available-height);
598
+ }
599
+ .max-h-40 {
600
+ max-height: calc(var(--spacing) * 40);
601
+ }
444
602
  .max-h-60 {
445
603
  max-height: calc(var(--spacing) * 60);
446
604
  }
447
- .max-h-64 {
448
- max-height: calc(var(--spacing) * 64);
605
+ .max-h-\[150px\] {
606
+ max-height: 150px;
607
+ }
608
+ .max-h-\[250px\] {
609
+ max-height: 250px;
610
+ }
611
+ .max-h-\[300px\] {
612
+ max-height: 300px;
449
613
  }
450
- .max-h-96 {
451
- max-height: calc(var(--spacing) * 96);
614
+ .max-h-\[350px\] {
615
+ max-height: 350px;
452
616
  }
453
617
  .min-h-0 {
454
618
  min-height: calc(var(--spacing) * 0);
455
619
  }
620
+ .min-h-24 {
621
+ min-height: calc(var(--spacing) * 24);
622
+ }
623
+ .min-h-\[2\.5rem\] {
624
+ min-height: 2.5rem;
625
+ }
626
+ .min-h-\[6rem\] {
627
+ min-height: 6rem;
628
+ }
629
+ .min-h-\[200px\] {
630
+ min-height: 200px;
631
+ }
632
+ .min-h-\[300px\] {
633
+ min-height: 300px;
634
+ }
635
+ .min-h-\[400px\] {
636
+ min-height: 400px;
637
+ }
456
638
  .min-h-screen {
457
639
  min-height: 100vh;
458
640
  }
459
641
  .w-0 {
460
642
  width: calc(var(--spacing) * 0);
461
643
  }
644
+ .w-1 {
645
+ width: calc(var(--spacing) * 1);
646
+ }
647
+ .w-1\.5 {
648
+ width: calc(var(--spacing) * 1.5);
649
+ }
650
+ .w-2 {
651
+ width: calc(var(--spacing) * 2);
652
+ }
653
+ .w-2\.5 {
654
+ width: calc(var(--spacing) * 2.5);
655
+ }
656
+ .w-3 {
657
+ width: calc(var(--spacing) * 3);
658
+ }
462
659
  .w-4 {
463
660
  width: calc(var(--spacing) * 4);
464
661
  }
@@ -471,12 +668,27 @@
471
668
  .w-8 {
472
669
  width: calc(var(--spacing) * 8);
473
670
  }
671
+ .w-9 {
672
+ width: calc(var(--spacing) * 9);
673
+ }
674
+ .w-10 {
675
+ width: calc(var(--spacing) * 10);
676
+ }
474
677
  .w-12 {
475
678
  width: calc(var(--spacing) * 12);
476
679
  }
477
680
  .w-32 {
478
681
  width: calc(var(--spacing) * 32);
479
682
  }
683
+ .w-48 {
684
+ width: calc(var(--spacing) * 48);
685
+ }
686
+ .w-52 {
687
+ width: calc(var(--spacing) * 52);
688
+ }
689
+ .w-56 {
690
+ width: calc(var(--spacing) * 56);
691
+ }
480
692
  .w-64 {
481
693
  width: calc(var(--spacing) * 64);
482
694
  }
@@ -486,18 +698,54 @@
486
698
  .w-96 {
487
699
  width: calc(var(--spacing) * 96);
488
700
  }
701
+ .w-\[0\.9rem\] {
702
+ width: 0.9rem;
703
+ }
704
+ .w-\[1px\] {
705
+ width: 1px;
706
+ }
707
+ .w-\[80px\] {
708
+ width: 80px;
709
+ }
710
+ .w-\[200px\] {
711
+ width: 200px;
712
+ }
713
+ .w-\[350px\] {
714
+ width: 350px;
715
+ }
716
+ .w-\[400px\] {
717
+ width: 400px;
718
+ }
719
+ .w-\[450px\] {
720
+ width: 450px;
721
+ }
722
+ .w-\[500px\] {
723
+ width: 500px;
724
+ }
725
+ .w-\[600px\] {
726
+ width: 600px;
727
+ }
489
728
  .w-auto {
490
729
  width: auto;
491
730
  }
731
+ .w-fit {
732
+ width: fit-content;
733
+ }
492
734
  .w-full {
493
735
  width: 100%;
494
736
  }
737
+ .w-lg {
738
+ width: var(--container-lg);
739
+ }
495
740
  .w-screen {
496
741
  width: 100vw;
497
742
  }
498
743
  .max-w-2xl {
499
744
  max-width: var(--container-2xl);
500
745
  }
746
+ .max-w-3xl {
747
+ max-width: var(--container-3xl);
748
+ }
501
749
  .max-w-full {
502
750
  max-width: 100%;
503
751
  }
@@ -507,6 +755,9 @@
507
755
  .max-w-md {
508
756
  max-width: var(--container-md);
509
757
  }
758
+ .max-w-screen-md {
759
+ max-width: var(--breakpoint-md);
760
+ }
510
761
  .max-w-sm {
511
762
  max-width: var(--container-sm);
512
763
  }
@@ -519,8 +770,8 @@
519
770
  .min-w-80 {
520
771
  min-width: calc(var(--spacing) * 80);
521
772
  }
522
- .min-w-\[32px\] {
523
- min-width: 32px;
773
+ .min-w-\[8rem\] {
774
+ min-width: 8rem;
524
775
  }
525
776
  .flex-1 {
526
777
  flex: 1;
@@ -528,22 +779,26 @@
528
779
  .flex-shrink-0 {
529
780
  flex-shrink: 0;
530
781
  }
531
- .border-collapse {
532
- border-collapse: collapse;
782
+ .shrink-0 {
783
+ flex-shrink: 0;
533
784
  }
534
- .border-spacing-0 {
535
- --tw-border-spacing-x: calc(var(--spacing) * 0);
536
- --tw-border-spacing-y: calc(var(--spacing) * 0);
537
- border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
785
+ .grow {
786
+ flex-grow: 1;
538
787
  }
539
- .-translate-x-1\/2 {
540
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
541
- translate: var(--tw-translate-x) var(--tw-translate-y);
788
+ .caption-bottom {
789
+ caption-side: bottom;
790
+ }
791
+ .origin-\(--radix-dropdown-menu-content-transform-origin\) {
792
+ transform-origin: var(--radix-dropdown-menu-content-transform-origin);
542
793
  }
543
794
  .-translate-y-1\/2 {
544
795
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
545
796
  translate: var(--tw-translate-x) var(--tw-translate-y);
546
797
  }
798
+ .-translate-y-2 {
799
+ --tw-translate-y: calc(var(--spacing) * -2);
800
+ translate: var(--tw-translate-x) var(--tw-translate-y);
801
+ }
547
802
  .rotate-0 {
548
803
  rotate: 0deg;
549
804
  }
@@ -556,6 +811,9 @@
556
811
  .transform {
557
812
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
558
813
  }
814
+ .animate-in {
815
+ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
816
+ }
559
817
  .animate-pulse {
560
818
  animation: var(--animate-pulse);
561
819
  }
@@ -565,6 +823,12 @@
565
823
  .cursor-col-resize {
566
824
  cursor: col-resize;
567
825
  }
826
+ .cursor-default {
827
+ cursor: default;
828
+ }
829
+ .cursor-grab {
830
+ cursor: grab;
831
+ }
568
832
  .cursor-not-allowed {
569
833
  cursor: not-allowed;
570
834
  }
@@ -574,30 +838,60 @@
574
838
  .cursor-row-resize {
575
839
  cursor: row-resize;
576
840
  }
841
+ .cursor-text {
842
+ cursor: text;
843
+ }
577
844
  .resize {
578
845
  resize: both;
579
846
  }
580
- .appearance-none {
581
- appearance: none;
847
+ .resize-none {
848
+ resize: none;
849
+ }
850
+ .list-inside {
851
+ list-style-position: inside;
852
+ }
853
+ .list-disc {
854
+ list-style-type: disc;
582
855
  }
583
856
  .grid-cols-2 {
584
857
  grid-template-columns: repeat(2, minmax(0, 1fr));
585
858
  }
586
- .grid-cols-12 {
587
- grid-template-columns: repeat(12, minmax(0, 1fr));
859
+ .grid-cols-3 {
860
+ grid-template-columns: repeat(3, minmax(0, 1fr));
861
+ }
862
+ .grid-cols-4 {
863
+ grid-template-columns: repeat(4, minmax(0, 1fr));
864
+ }
865
+ .grid-cols-6 {
866
+ grid-template-columns: repeat(6, minmax(0, 1fr));
867
+ }
868
+ .grid-cols-8 {
869
+ grid-template-columns: repeat(8, minmax(0, 1fr));
870
+ }
871
+ .grid-cols-\[1fr_auto\] {
872
+ grid-template-columns: 1fr auto;
588
873
  }
589
874
  .flex-col {
590
875
  flex-direction: column;
591
876
  }
877
+ .flex-row {
878
+ flex-direction: row;
879
+ }
592
880
  .flex-wrap {
593
881
  flex-wrap: wrap;
594
882
  }
595
883
  .items-center {
596
884
  align-items: center;
597
885
  }
886
+ .items-end {
887
+ align-items: flex-end;
888
+ }
598
889
  .items-start {
599
890
  align-items: flex-start;
600
891
  }
892
+ .items-stretch {
893
+ align-items: stretch;
894
+ }
601
895
  .justify-between {
602
896
  justify-content: space-between;
603
897
  }
@@ -610,9 +904,15 @@
610
904
  .justify-start {
611
905
  justify-content: flex-start;
612
906
  }
907
+ .gap-0\.5 {
908
+ gap: calc(var(--spacing) * 0.5);
909
+ }
613
910
  .gap-1 {
614
911
  gap: calc(var(--spacing) * 1);
615
912
  }
913
+ .gap-1\.5 {
914
+ gap: calc(var(--spacing) * 1.5);
915
+ }
616
916
  .gap-2 {
617
917
  gap: calc(var(--spacing) * 2);
618
918
  }
@@ -622,8 +922,15 @@
622
922
  .gap-4 {
623
923
  gap: calc(var(--spacing) * 4);
624
924
  }
625
- .gap-8 {
626
- gap: calc(var(--spacing) * 8);
925
+ .gap-6 {
926
+ gap: calc(var(--spacing) * 6);
927
+ }
928
+ .space-y-0 {
929
+ :where(& > :not(:last-child)) {
930
+ --tw-space-y-reverse: 0;
931
+ margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
932
+ margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
933
+ }
627
934
  }
628
935
  .space-y-1 {
629
936
  :where(& > :not(:last-child)) {
@@ -632,6 +939,13 @@
632
939
  margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
633
940
  }
634
941
  }
942
+ .space-y-1\.5 {
943
+ :where(& > :not(:last-child)) {
944
+ --tw-space-y-reverse: 0;
945
+ margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
946
+ margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
947
+ }
948
+ }
635
949
  .space-y-2 {
636
950
  :where(& > :not(:last-child)) {
637
951
  --tw-space-y-reverse: 0;
@@ -660,11 +974,18 @@
660
974
  margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
661
975
  }
662
976
  }
663
- .space-y-8 {
977
+ .space-x-1 {
664
978
  :where(& > :not(:last-child)) {
665
- --tw-space-y-reverse: 0;
666
- margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
667
- margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
979
+ --tw-space-x-reverse: 0;
980
+ margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
981
+ margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
982
+ }
983
+ }
984
+ .space-x-2 {
985
+ :where(& > :not(:last-child)) {
986
+ --tw-space-x-reverse: 0;
987
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
988
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
668
989
  }
669
990
  }
670
991
  .space-x-3 {
@@ -681,6 +1002,12 @@
681
1002
  margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
682
1003
  }
683
1004
  }
1005
+ .self-start {
1006
+ align-self: flex-start;
1007
+ }
1008
+ .justify-self-end {
1009
+ justify-self: flex-end;
1010
+ }
684
1011
  .truncate {
685
1012
  overflow: hidden;
686
1013
  text-overflow: ellipsis;
@@ -689,12 +1016,24 @@
689
1016
  .overflow-auto {
690
1017
  overflow: auto;
691
1018
  }
1019
+ .overflow-hidden {
1020
+ overflow: hidden;
1021
+ }
1022
+ .overflow-x-hidden {
1023
+ overflow-x: hidden;
1024
+ }
692
1025
  .overflow-y-auto {
693
1026
  overflow-y: auto;
694
1027
  }
695
1028
  .rounded {
696
1029
  border-radius: 0.25rem;
697
1030
  }
1031
+ .rounded-\[2px\] {
1032
+ border-radius: 2px;
1033
+ }
1034
+ .rounded-\[4px\] {
1035
+ border-radius: 4px;
1036
+ }
698
1037
  .rounded-full {
699
1038
  border-radius: calc(infinity * 1px);
700
1039
  }
@@ -704,14 +1043,28 @@
704
1043
  .rounded-md {
705
1044
  border-radius: var(--radius-md);
706
1045
  }
1046
+ .rounded-sm {
1047
+ border-radius: var(--radius-sm);
1048
+ }
1049
+ .rounded-xl {
1050
+ border-radius: var(--radius-xl);
1051
+ }
707
1052
  .border {
708
1053
  border-style: var(--tw-border-style);
709
1054
  border-width: 1px;
710
1055
  }
1056
+ .border-0 {
1057
+ border-style: var(--tw-border-style);
1058
+ border-width: 0px;
1059
+ }
711
1060
  .border-2 {
712
1061
  border-style: var(--tw-border-style);
713
1062
  border-width: 2px;
714
1063
  }
1064
+ .border-\[1\.5px\] {
1065
+ border-style: var(--tw-border-style);
1066
+ border-width: 1.5px;
1067
+ }
715
1068
  .border-t {
716
1069
  border-top-style: var(--tw-border-style);
717
1070
  border-top-width: 1px;
@@ -724,10 +1077,6 @@
724
1077
  border-bottom-style: var(--tw-border-style);
725
1078
  border-bottom-width: 1px;
726
1079
  }
727
- .border-b-2 {
728
- border-bottom-style: var(--tw-border-style);
729
- border-bottom-width: 2px;
730
- }
731
1080
  .border-l {
732
1081
  border-left-style: var(--tw-border-style);
733
1082
  border-left-width: 1px;
@@ -736,32 +1085,42 @@
736
1085
  border-left-style: var(--tw-border-style);
737
1086
  border-left-width: 2px;
738
1087
  }
1088
+ .border-dashed {
1089
+ --tw-border-style: dashed;
1090
+ border-style: dashed;
1091
+ }
1092
+ .border-\[--color-border\] {
1093
+ border-color: --color-border;
1094
+ }
739
1095
  .border-blue-200 {
740
1096
  border-color: var(--color-blue-200);
741
1097
  }
742
- .border-blue-600 {
743
- border-color: var(--color-blue-600);
1098
+ .border-border {
1099
+ border-color: var(--color-border);
1100
+ }
1101
+ .border-border\/50 {
1102
+ border-color: var(--color-border);
1103
+ @supports (color: color-mix(in lab, red, red)) {
1104
+ border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
1105
+ }
744
1106
  }
745
- .border-error {
746
- border-color: var(--color-error);
1107
+ .border-destructive {
1108
+ border-color: var(--color-destructive);
747
1109
  }
748
- .border-error\/20 {
749
- border-color: var(--color-error);
1110
+ .border-destructive\/20 {
1111
+ border-color: var(--color-destructive);
750
1112
  @supports (color: color-mix(in lab, red, red)) {
751
- border-color: color-mix(in oklab, var(--color-error) 20%, transparent);
1113
+ border-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
752
1114
  }
753
1115
  }
754
1116
  .border-gray-200 {
755
1117
  border-color: var(--color-gray-200);
756
1118
  }
757
- .border-outline {
758
- border-color: var(--color-outline);
1119
+ .border-green-200 {
1120
+ border-color: var(--color-green-200);
759
1121
  }
760
- .border-outline\/50 {
761
- border-color: var(--color-outline);
762
- @supports (color: color-mix(in lab, red, red)) {
763
- border-color: color-mix(in oklab, var(--color-outline) 50%, transparent);
764
- }
1122
+ .border-input {
1123
+ border-color: var(--color-input);
765
1124
  }
766
1125
  .border-primary {
767
1126
  border-color: var(--color-primary);
@@ -772,11 +1131,17 @@
772
1131
  border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
773
1132
  }
774
1133
  }
775
- .border-secondary\/20 {
776
- border-color: var(--color-secondary);
777
- @supports (color: color-mix(in lab, red, red)) {
778
- border-color: color-mix(in oklab, var(--color-secondary) 20%, transparent);
779
- }
1134
+ .border-red-200 {
1135
+ border-color: var(--color-red-200);
1136
+ }
1137
+ .border-red-500 {
1138
+ border-color: var(--color-red-500);
1139
+ }
1140
+ .border-transparent {
1141
+ border-color: transparent;
1142
+ }
1143
+ .border-yellow-200 {
1144
+ border-color: var(--color-yellow-200);
780
1145
  }
781
1146
  .border-t-transparent {
782
1147
  border-top-color: transparent;
@@ -784,26 +1149,44 @@
784
1149
  .border-l-primary {
785
1150
  border-left-color: var(--color-primary);
786
1151
  }
787
- .bg-blue-50 {
788
- background-color: var(--color-blue-50);
1152
+ .\!bg-transparent {
1153
+ background-color: transparent !important;
1154
+ }
1155
+ .bg-\[--color-bg\] {
1156
+ background-color: --color-bg;
1157
+ }
1158
+ .bg-background {
1159
+ background-color: var(--color-background);
1160
+ }
1161
+ .bg-blue-100 {
1162
+ background-color: var(--color-blue-100);
789
1163
  }
790
1164
  .bg-blue-500 {
791
1165
  background-color: var(--color-blue-500);
792
1166
  }
793
- .bg-error {
794
- background-color: var(--color-error);
1167
+ .bg-blue-600 {
1168
+ background-color: var(--color-blue-600);
1169
+ }
1170
+ .bg-border {
1171
+ background-color: var(--color-border);
795
1172
  }
796
- .bg-error\/10 {
797
- background-color: var(--color-error);
1173
+ .bg-border\/10 {
1174
+ background-color: var(--color-border);
798
1175
  @supports (color: color-mix(in lab, red, red)) {
799
- background-color: color-mix(in oklab, var(--color-error) 10%, transparent);
1176
+ background-color: color-mix(in oklab, var(--color-border) 10%, transparent);
800
1177
  }
801
1178
  }
802
- .bg-errorContainer {
803
- background-color: var(--color-errorContainer);
1179
+ .bg-card {
1180
+ background-color: var(--color-card);
804
1181
  }
805
- .bg-gray-50 {
806
- background-color: var(--color-gray-50);
1182
+ .bg-destructive {
1183
+ background-color: var(--color-destructive);
1184
+ }
1185
+ .bg-destructive\/10 {
1186
+ background-color: var(--color-destructive);
1187
+ @supports (color: color-mix(in lab, red, red)) {
1188
+ background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
1189
+ }
807
1190
  }
808
1191
  .bg-gray-100 {
809
1192
  background-color: var(--color-gray-100);
@@ -811,15 +1194,45 @@
811
1194
  .bg-gray-200 {
812
1195
  background-color: var(--color-gray-200);
813
1196
  }
814
- .bg-gray-300 {
815
- background-color: var(--color-gray-300);
1197
+ .bg-green-100 {
1198
+ background-color: var(--color-green-100);
1199
+ }
1200
+ .bg-green-500 {
1201
+ background-color: var(--color-green-500);
816
1202
  }
817
- .bg-outline\/20 {
818
- background-color: var(--color-outline);
1203
+ .bg-indigo-100 {
1204
+ background-color: var(--color-indigo-100);
1205
+ }
1206
+ .bg-muted {
1207
+ background-color: var(--color-muted);
1208
+ }
1209
+ .bg-muted-foreground\/20 {
1210
+ background-color: var(--color-muted-foreground);
1211
+ @supports (color: color-mix(in lab, red, red)) {
1212
+ background-color: color-mix(in oklab, var(--color-muted-foreground) 20%, transparent);
1213
+ }
1214
+ }
1215
+ .bg-muted\/20 {
1216
+ background-color: var(--color-muted);
1217
+ @supports (color: color-mix(in lab, red, red)) {
1218
+ background-color: color-mix(in oklab, var(--color-muted) 20%, transparent);
1219
+ }
1220
+ }
1221
+ .bg-muted\/30 {
1222
+ background-color: var(--color-muted);
819
1223
  @supports (color: color-mix(in lab, red, red)) {
820
- background-color: color-mix(in oklab, var(--color-outline) 20%, transparent);
1224
+ background-color: color-mix(in oklab, var(--color-muted) 30%, transparent);
821
1225
  }
822
1226
  }
1227
+ .bg-muted\/50 {
1228
+ background-color: var(--color-muted);
1229
+ @supports (color: color-mix(in lab, red, red)) {
1230
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
1231
+ }
1232
+ }
1233
+ .bg-popover {
1234
+ background-color: var(--color-popover);
1235
+ }
823
1236
  .bg-primary {
824
1237
  background-color: var(--color-primary);
825
1238
  }
@@ -829,24 +1242,15 @@
829
1242
  background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
830
1243
  }
831
1244
  }
832
- .bg-primary\/30 {
833
- background-color: var(--color-primary);
834
- @supports (color: color-mix(in lab, red, red)) {
835
- background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
836
- }
1245
+ .bg-red-50 {
1246
+ background-color: var(--color-red-50);
837
1247
  }
838
- .bg-primaryContainer {
839
- background-color: var(--color-primaryContainer);
1248
+ .bg-red-100 {
1249
+ background-color: var(--color-red-100);
840
1250
  }
841
1251
  .bg-red-500 {
842
1252
  background-color: var(--color-red-500);
843
1253
  }
844
- .bg-scrim\/30 {
845
- background-color: var(--color-scrim);
846
- @supports (color: color-mix(in lab, red, red)) {
847
- background-color: color-mix(in oklab, var(--color-scrim) 30%, transparent);
848
- }
849
- }
850
1254
  .bg-secondary {
851
1255
  background-color: var(--color-secondary);
852
1256
  }
@@ -856,36 +1260,66 @@
856
1260
  background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent);
857
1261
  }
858
1262
  }
859
- .bg-secondaryContainer {
860
- background-color: var(--color-secondaryContainer);
1263
+ .bg-sidebar {
1264
+ background-color: var(--color-sidebar);
1265
+ }
1266
+ .bg-transparent {
1267
+ background-color: transparent;
1268
+ }
1269
+ .bg-yellow-100 {
1270
+ background-color: var(--color-yellow-100);
1271
+ }
1272
+ .bg-yellow-500 {
1273
+ background-color: var(--color-yellow-500);
861
1274
  }
862
- .bg-surface {
863
- background-color: var(--color-surface);
1275
+ .bg-gradient-to-br {
1276
+ --tw-gradient-position: to bottom right in oklab;
1277
+ background-image: linear-gradient(var(--tw-gradient-stops));
864
1278
  }
865
- .bg-surface\/80 {
866
- background-color: var(--color-surface);
1279
+ .from-primary\/10 {
1280
+ --tw-gradient-from: var(--color-primary);
867
1281
  @supports (color: color-mix(in lab, red, red)) {
868
- background-color: color-mix(in oklab, var(--color-surface) 80%, transparent);
1282
+ --tw-gradient-from: color-mix(in oklab, var(--color-primary) 10%, transparent);
869
1283
  }
1284
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
870
1285
  }
871
- .bg-surfaceVariant {
872
- background-color: var(--color-surfaceVariant);
873
- }
874
- .bg-surfaceVariant\/20 {
875
- background-color: var(--color-surfaceVariant);
1286
+ .to-secondary\/10 {
1287
+ --tw-gradient-to: var(--color-secondary);
876
1288
  @supports (color: color-mix(in lab, red, red)) {
877
- background-color: color-mix(in oklab, var(--color-surfaceVariant) 20%, transparent);
1289
+ --tw-gradient-to: color-mix(in oklab, var(--color-secondary) 10%, transparent);
878
1290
  }
1291
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1292
+ }
1293
+ .fill-\[--color-desktop\] {
1294
+ fill: --color-desktop;
879
1295
  }
880
- .bg-tertiaryContainer {
881
- background-color: var(--color-tertiaryContainer);
1296
+ .fill-current {
1297
+ fill: currentcolor;
882
1298
  }
883
- .bg-white {
884
- background-color: var(--color-white);
1299
+ .fill-foreground {
1300
+ fill: var(--color-foreground);
1301
+ }
1302
+ .fill-muted {
1303
+ fill: var(--color-muted);
1304
+ }
1305
+ .fill-muted-foreground {
1306
+ fill: var(--color-muted-foreground);
1307
+ }
1308
+ .stroke-transparent {
1309
+ stroke: transparent;
1310
+ }
1311
+ .stroke-2 {
1312
+ stroke-width: 2;
1313
+ }
1314
+ .object-cover {
1315
+ object-fit: cover;
885
1316
  }
886
1317
  .p-0 {
887
1318
  padding: calc(var(--spacing) * 0);
888
1319
  }
1320
+ .p-1 {
1321
+ padding: calc(var(--spacing) * 1);
1322
+ }
889
1323
  .p-2 {
890
1324
  padding: calc(var(--spacing) * 2);
891
1325
  }
@@ -901,42 +1335,60 @@
901
1335
  .p-8 {
902
1336
  padding: calc(var(--spacing) * 8);
903
1337
  }
1338
+ .p-\[3px\] {
1339
+ padding: 3px;
1340
+ }
904
1341
  .px-1 {
905
1342
  padding-inline: calc(var(--spacing) * 1);
906
1343
  }
907
1344
  .px-2 {
908
1345
  padding-inline: calc(var(--spacing) * 2);
909
1346
  }
1347
+ .px-2\.5 {
1348
+ padding-inline: calc(var(--spacing) * 2.5);
1349
+ }
910
1350
  .px-3 {
911
1351
  padding-inline: calc(var(--spacing) * 3);
912
1352
  }
913
1353
  .px-4 {
914
1354
  padding-inline: calc(var(--spacing) * 4);
915
1355
  }
916
- .px-6 {
917
- padding-inline: calc(var(--spacing) * 6);
918
- }
919
1356
  .py-0\.5 {
920
1357
  padding-block: calc(var(--spacing) * 0.5);
921
1358
  }
922
1359
  .py-1 {
923
1360
  padding-block: calc(var(--spacing) * 1);
924
1361
  }
1362
+ .py-1\.5 {
1363
+ padding-block: calc(var(--spacing) * 1.5);
1364
+ }
925
1365
  .py-2 {
926
1366
  padding-block: calc(var(--spacing) * 2);
927
1367
  }
1368
+ .py-2\.5 {
1369
+ padding-block: calc(var(--spacing) * 2.5);
1370
+ }
928
1371
  .py-3 {
929
1372
  padding-block: calc(var(--spacing) * 3);
930
1373
  }
931
- .py-4 {
932
- padding-block: calc(var(--spacing) * 4);
1374
+ .py-5 {
1375
+ padding-block: calc(var(--spacing) * 5);
933
1376
  }
934
1377
  .py-8 {
935
1378
  padding-block: calc(var(--spacing) * 8);
936
1379
  }
1380
+ .pt-0 {
1381
+ padding-top: calc(var(--spacing) * 0);
1382
+ }
937
1383
  .pt-2 {
938
1384
  padding-top: calc(var(--spacing) * 2);
939
1385
  }
1386
+ .pt-3 {
1387
+ padding-top: calc(var(--spacing) * 3);
1388
+ }
1389
+ .pt-4 {
1390
+ padding-top: calc(var(--spacing) * 4);
1391
+ }
940
1392
  .pt-16 {
941
1393
  padding-top: calc(var(--spacing) * 16);
942
1394
  }
@@ -946,18 +1398,24 @@
946
1398
  .pr-3 {
947
1399
  padding-right: calc(var(--spacing) * 3);
948
1400
  }
949
- .pr-4 {
950
- padding-right: calc(var(--spacing) * 4);
951
- }
952
1401
  .pr-10 {
953
1402
  padding-right: calc(var(--spacing) * 10);
954
1403
  }
1404
+ .pb-1 {
1405
+ padding-bottom: calc(var(--spacing) * 1);
1406
+ }
955
1407
  .pb-2 {
956
1408
  padding-bottom: calc(var(--spacing) * 2);
957
1409
  }
1410
+ .pb-3 {
1411
+ padding-bottom: calc(var(--spacing) * 3);
1412
+ }
958
1413
  .pb-4 {
959
1414
  padding-bottom: calc(var(--spacing) * 4);
960
1415
  }
1416
+ .pl-8 {
1417
+ padding-left: calc(var(--spacing) * 8);
1418
+ }
961
1419
  .pl-10 {
962
1420
  padding-left: calc(var(--spacing) * 10);
963
1421
  }
@@ -967,6 +1425,12 @@
967
1425
  .text-left {
968
1426
  text-align: left;
969
1427
  }
1428
+ .text-right {
1429
+ text-align: right;
1430
+ }
1431
+ .align-middle {
1432
+ vertical-align: middle;
1433
+ }
970
1434
  .font-mono {
971
1435
  font-family: var(--font-mono);
972
1436
  }
@@ -974,6 +1438,14 @@
974
1438
  font-size: var(--text-2xl);
975
1439
  line-height: var(--tw-leading, var(--text-2xl--line-height));
976
1440
  }
1441
+ .text-3xl {
1442
+ font-size: var(--text-3xl);
1443
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
1444
+ }
1445
+ .text-4xl {
1446
+ font-size: var(--text-4xl);
1447
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
1448
+ }
977
1449
  .text-base {
978
1450
  font-size: var(--text-base);
979
1451
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -986,17 +1458,16 @@
986
1458
  font-size: var(--text-sm);
987
1459
  line-height: var(--tw-leading, var(--text-sm--line-height));
988
1460
  }
989
- .text-xl {
990
- font-size: var(--text-xl);
991
- line-height: var(--tw-leading, var(--text-xl--line-height));
992
- }
993
1461
  .text-xs {
994
1462
  font-size: var(--text-xs);
995
1463
  line-height: var(--tw-leading, var(--text-xs--line-height));
996
1464
  }
997
- .leading-normal {
998
- --tw-leading: var(--leading-normal);
999
- line-height: var(--leading-normal);
1465
+ .text-\[13px\] {
1466
+ font-size: 13px;
1467
+ }
1468
+ .leading-none {
1469
+ --tw-leading: 1;
1470
+ line-height: 1;
1000
1471
  }
1001
1472
  .font-bold {
1002
1473
  --tw-font-weight: var(--font-weight-bold);
@@ -1014,89 +1485,185 @@
1014
1485
  --tw-font-weight: var(--font-weight-semibold);
1015
1486
  font-weight: var(--font-weight-semibold);
1016
1487
  }
1017
- .text-error {
1018
- color: var(--color-error);
1488
+ .tracking-tight {
1489
+ --tw-tracking: var(--tracking-tight);
1490
+ letter-spacing: var(--tracking-tight);
1491
+ }
1492
+ .tracking-widest {
1493
+ --tw-tracking: var(--tracking-widest);
1494
+ letter-spacing: var(--tracking-widest);
1495
+ }
1496
+ .break-words {
1497
+ overflow-wrap: break-word;
1498
+ }
1499
+ .break-all {
1500
+ word-break: break-all;
1501
+ }
1502
+ .whitespace-nowrap {
1503
+ white-space: nowrap;
1504
+ }
1505
+ .whitespace-pre-wrap {
1506
+ white-space: pre-wrap;
1507
+ }
1508
+ .\!text-muted-foreground {
1509
+ color: var(--color-muted-foreground) !important;
1510
+ }
1511
+ .text-background {
1512
+ color: var(--color-background);
1513
+ }
1514
+ .text-blue-500 {
1515
+ color: var(--color-blue-500);
1516
+ }
1517
+ .text-blue-600 {
1518
+ color: var(--color-blue-600);
1519
+ }
1520
+ .text-blue-800 {
1521
+ color: var(--color-blue-800);
1522
+ }
1523
+ .text-card-foreground {
1524
+ color: var(--color-card-foreground);
1525
+ }
1526
+ .text-current {
1527
+ color: currentcolor;
1528
+ }
1529
+ .text-destructive {
1530
+ color: var(--color-destructive);
1531
+ }
1532
+ .text-foreground {
1533
+ color: var(--color-foreground);
1019
1534
  }
1020
- .text-errorContainer {
1021
- color: var(--color-errorContainer);
1535
+ .text-gray-300 {
1536
+ color: var(--color-gray-300);
1537
+ }
1538
+ .text-gray-400 {
1539
+ color: var(--color-gray-400);
1540
+ }
1541
+ .text-gray-500 {
1542
+ color: var(--color-gray-500);
1022
1543
  }
1023
1544
  .text-gray-600 {
1024
1545
  color: var(--color-gray-600);
1025
1546
  }
1026
- .text-gray-700 {
1027
- color: var(--color-gray-700);
1547
+ .text-gray-800 {
1548
+ color: var(--color-gray-800);
1028
1549
  }
1029
- .text-onError {
1030
- color: var(--color-onError);
1550
+ .text-green-500 {
1551
+ color: var(--color-green-500);
1031
1552
  }
1032
- .text-onErrorContainer {
1033
- color: var(--color-onErrorContainer);
1553
+ .text-green-600 {
1554
+ color: var(--color-green-600);
1034
1555
  }
1035
- .text-onPrimary {
1036
- color: var(--color-onPrimary);
1556
+ .text-green-700 {
1557
+ color: var(--color-green-700);
1037
1558
  }
1038
- .text-onPrimaryContainer {
1039
- color: var(--color-onPrimaryContainer);
1559
+ .text-green-800 {
1560
+ color: var(--color-green-800);
1040
1561
  }
1041
- .text-onSecondary {
1042
- color: var(--color-onSecondary);
1562
+ .text-indigo-800 {
1563
+ color: var(--color-indigo-800);
1043
1564
  }
1044
- .text-onSecondaryContainer {
1045
- color: var(--color-onSecondaryContainer);
1565
+ .text-inherit {
1566
+ color: inherit;
1046
1567
  }
1047
- .text-onSurface {
1048
- color: var(--color-onSurface);
1568
+ .text-muted-foreground {
1569
+ color: var(--color-muted-foreground);
1049
1570
  }
1050
- .text-onSurfaceVariant {
1051
- color: var(--color-onSurfaceVariant);
1571
+ .text-orange-600 {
1572
+ color: var(--color-orange-600);
1052
1573
  }
1053
- .text-onTertiaryContainer {
1054
- color: var(--color-onTertiaryContainer);
1574
+ .text-popover-foreground {
1575
+ color: var(--color-popover-foreground);
1055
1576
  }
1056
1577
  .text-primary {
1057
1578
  color: var(--color-primary);
1058
1579
  }
1059
- .text-primaryContainer {
1060
- color: var(--color-primaryContainer);
1580
+ .text-primary-foreground {
1581
+ color: var(--color-primary-foreground);
1582
+ }
1583
+ .text-primary-foreground\/80 {
1584
+ color: var(--color-primary-foreground);
1585
+ @supports (color: color-mix(in lab, red, red)) {
1586
+ color: color-mix(in oklab, var(--color-primary-foreground) 80%, transparent);
1587
+ }
1588
+ }
1589
+ .text-purple-600 {
1590
+ color: var(--color-purple-600);
1591
+ }
1592
+ .text-red-500 {
1593
+ color: var(--color-red-500);
1061
1594
  }
1062
1595
  .text-red-600 {
1063
1596
  color: var(--color-red-600);
1064
1597
  }
1598
+ .text-red-800 {
1599
+ color: var(--color-red-800);
1600
+ }
1065
1601
  .text-secondary {
1066
1602
  color: var(--color-secondary);
1067
1603
  }
1068
- .text-tertiary {
1069
- color: var(--color-tertiary);
1070
- }
1071
- .text-tertiaryContainer {
1072
- color: var(--color-tertiaryContainer);
1604
+ .text-secondary-foreground {
1605
+ color: var(--color-secondary-foreground);
1073
1606
  }
1074
1607
  .text-white {
1075
1608
  color: var(--color-white);
1076
1609
  }
1610
+ .text-yellow-400 {
1611
+ color: var(--color-yellow-400);
1612
+ }
1613
+ .text-yellow-700 {
1614
+ color: var(--color-yellow-700);
1615
+ }
1616
+ .text-yellow-800 {
1617
+ color: var(--color-yellow-800);
1618
+ }
1619
+ .lowercase {
1620
+ text-transform: lowercase;
1621
+ }
1622
+ .uppercase {
1623
+ text-transform: uppercase;
1624
+ }
1077
1625
  .italic {
1078
1626
  font-style: italic;
1079
1627
  }
1628
+ .tabular-nums {
1629
+ --tw-numeric-spacing: tabular-nums;
1630
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
1631
+ }
1632
+ .line-through {
1633
+ text-decoration-line: line-through;
1634
+ }
1080
1635
  .underline {
1081
1636
  text-decoration-line: underline;
1082
1637
  }
1083
- .opacity-30 {
1084
- opacity: 30%;
1638
+ .placeholder-muted-foreground {
1639
+ &::placeholder {
1640
+ color: var(--color-muted-foreground);
1641
+ }
1642
+ }
1643
+ .opacity-20 {
1644
+ opacity: 20%;
1085
1645
  }
1086
1646
  .opacity-50 {
1087
1647
  opacity: 50%;
1088
1648
  }
1649
+ .opacity-60 {
1650
+ opacity: 60%;
1651
+ }
1089
1652
  .opacity-75 {
1090
1653
  opacity: 75%;
1091
1654
  }
1092
- .shadow {
1093
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1094
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1655
+ .\!shadow-none {
1656
+ --tw-shadow: 0 0 #0000 !important;
1657
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
1095
1658
  }
1096
1659
  .shadow-lg {
1097
1660
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1098
1661
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1099
1662
  }
1663
+ .shadow-md {
1664
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1665
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1666
+ }
1100
1667
  .shadow-sm {
1101
1668
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1102
1669
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1105,19 +1672,41 @@
1105
1672
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1106
1673
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1107
1674
  }
1108
- .ring-1 {
1675
+ .shadow-xs {
1676
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1677
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1678
+ }
1679
+ .ring {
1109
1680
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1110
1681
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1111
1682
  }
1112
- .ring-outline\/20 {
1113
- --tw-ring-color: var(--color-outline);
1683
+ .ring-2 {
1684
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1685
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1686
+ }
1687
+ .ring-destructive\/20 {
1688
+ --tw-ring-color: var(--color-destructive);
1114
1689
  @supports (color: color-mix(in lab, red, red)) {
1115
- --tw-ring-color: color-mix(in oklab, var(--color-outline) 20%, transparent);
1690
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
1116
1691
  }
1117
1692
  }
1118
- .outline {
1119
- outline-style: var(--tw-outline-style);
1120
- outline-width: 1px;
1693
+ .ring-primary\/20 {
1694
+ --tw-ring-color: var(--color-primary);
1695
+ @supports (color: color-mix(in lab, red, red)) {
1696
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
1697
+ }
1698
+ }
1699
+ .outline-hidden {
1700
+ --tw-outline-style: none;
1701
+ outline-style: none;
1702
+ @media (forced-colors: active) {
1703
+ outline: 2px solid transparent;
1704
+ outline-offset: 2px;
1705
+ }
1706
+ }
1707
+ .outline-0 {
1708
+ outline-style: var(--tw-outline-style);
1709
+ outline-width: 0px;
1121
1710
  }
1122
1711
  .blur {
1123
1712
  --tw-blur: blur(8px);
@@ -1126,10 +1715,10 @@
1126
1715
  .filter {
1127
1716
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1128
1717
  }
1129
- .backdrop-blur-sm {
1130
- --tw-backdrop-blur: blur(var(--blur-sm));
1131
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1132
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1718
+ .transition-\[color\,box-shadow\] {
1719
+ transition-property: color,box-shadow;
1720
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1721
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1133
1722
  }
1134
1723
  .transition-all {
1135
1724
  transition-property: all;
@@ -1146,11 +1735,19 @@
1146
1735
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1147
1736
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1148
1737
  }
1738
+ .transition-shadow {
1739
+ transition-property: box-shadow;
1740
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1741
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1742
+ }
1149
1743
  .transition-transform {
1150
1744
  transition-property: transform, translate, scale, rotate;
1151
1745
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1152
1746
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1153
1747
  }
1748
+ .transition-none {
1749
+ transition-property: none;
1750
+ }
1154
1751
  .duration-200 {
1155
1752
  --tw-duration: 200ms;
1156
1753
  transition-duration: 200ms;
@@ -1171,14 +1768,76 @@
1171
1768
  -webkit-user-select: none;
1172
1769
  user-select: none;
1173
1770
  }
1174
- .placeholder\:text-onSurfaceVariant {
1175
- &::placeholder {
1176
- color: var(--color-onSurfaceVariant);
1771
+ .select-text {
1772
+ -webkit-user-select: text;
1773
+ user-select: text;
1774
+ }
1775
+ .fade-in {
1776
+ --tw-enter-opacity: 0;
1777
+ }
1778
+ .running {
1779
+ animation-play-state: running;
1780
+ }
1781
+ .slide-in-from-right-full {
1782
+ --tw-enter-translate-x: calc(1*100%);
1783
+ }
1784
+ .selection\:bg-primary {
1785
+ & *::selection {
1786
+ background-color: var(--color-primary);
1787
+ }
1788
+ &::selection {
1789
+ background-color: var(--color-primary);
1790
+ }
1791
+ }
1792
+ .selection\:text-primary-foreground {
1793
+ & *::selection {
1794
+ color: var(--color-primary-foreground);
1795
+ }
1796
+ &::selection {
1797
+ color: var(--color-primary-foreground);
1798
+ }
1799
+ }
1800
+ .file\:inline-flex {
1801
+ &::file-selector-button {
1802
+ display: inline-flex;
1803
+ }
1804
+ }
1805
+ .file\:h-7 {
1806
+ &::file-selector-button {
1807
+ height: calc(var(--spacing) * 7);
1808
+ }
1809
+ }
1810
+ .file\:border-0 {
1811
+ &::file-selector-button {
1812
+ border-style: var(--tw-border-style);
1813
+ border-width: 0px;
1814
+ }
1815
+ }
1816
+ .file\:bg-transparent {
1817
+ &::file-selector-button {
1818
+ background-color: transparent;
1819
+ }
1820
+ }
1821
+ .file\:text-sm {
1822
+ &::file-selector-button {
1823
+ font-size: var(--text-sm);
1824
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1825
+ }
1826
+ }
1827
+ .file\:font-medium {
1828
+ &::file-selector-button {
1829
+ --tw-font-weight: var(--font-weight-medium);
1830
+ font-weight: var(--font-weight-medium);
1831
+ }
1832
+ }
1833
+ .file\:text-foreground {
1834
+ &::file-selector-button {
1835
+ color: var(--color-foreground);
1177
1836
  }
1178
1837
  }
1179
- .placeholder\:opacity-40 {
1838
+ .placeholder\:text-muted-foreground {
1180
1839
  &::placeholder {
1181
- opacity: 40%;
1840
+ color: var(--color-muted-foreground);
1182
1841
  }
1183
1842
  }
1184
1843
  .after\:ml-1 {
@@ -1187,43 +1846,99 @@
1187
1846
  margin-left: calc(var(--spacing) * 1);
1188
1847
  }
1189
1848
  }
1190
- .after\:text-error {
1849
+ .after\:text-destructive {
1191
1850
  &::after {
1192
1851
  content: var(--tw-content);
1193
- color: var(--color-error);
1852
+ color: var(--color-destructive);
1194
1853
  }
1195
1854
  }
1196
1855
  .after\:content-\[\'\*\'\] {
1197
1856
  &::after {
1198
- content: var(--tw-content);
1199
1857
  --tw-content: '*';
1200
1858
  content: var(--tw-content);
1201
1859
  }
1202
1860
  }
1203
- .hover\:-translate-y-0\.5 {
1861
+ .first\:fill-muted {
1862
+ &:first-child {
1863
+ fill: var(--color-muted);
1864
+ }
1865
+ }
1866
+ .last\:fill-background {
1867
+ &:last-child {
1868
+ fill: var(--color-background);
1869
+ }
1870
+ }
1871
+ .hover\:border-primary {
1872
+ &:hover {
1873
+ @media (hover: hover) {
1874
+ border-color: var(--color-primary);
1875
+ }
1876
+ }
1877
+ }
1878
+ .hover\:\!bg-transparent {
1879
+ &:hover {
1880
+ @media (hover: hover) {
1881
+ background-color: transparent !important;
1882
+ }
1883
+ }
1884
+ }
1885
+ .hover\:bg-accent {
1886
+ &:hover {
1887
+ @media (hover: hover) {
1888
+ background-color: var(--color-accent);
1889
+ }
1890
+ }
1891
+ }
1892
+ .hover\:bg-border {
1893
+ &:hover {
1894
+ @media (hover: hover) {
1895
+ background-color: var(--color-border);
1896
+ }
1897
+ }
1898
+ }
1899
+ .hover\:bg-destructive\/10 {
1900
+ &:hover {
1901
+ @media (hover: hover) {
1902
+ background-color: var(--color-destructive);
1903
+ @supports (color: color-mix(in lab, red, red)) {
1904
+ background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
1905
+ }
1906
+ }
1907
+ }
1908
+ }
1909
+ .hover\:bg-destructive\/90 {
1910
+ &:hover {
1911
+ @media (hover: hover) {
1912
+ background-color: var(--color-destructive);
1913
+ @supports (color: color-mix(in lab, red, red)) {
1914
+ background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
1915
+ }
1916
+ }
1917
+ }
1918
+ }
1919
+ .hover\:bg-muted {
1204
1920
  &:hover {
1205
1921
  @media (hover: hover) {
1206
- --tw-translate-y: calc(var(--spacing) * -0.5);
1207
- translate: var(--tw-translate-x) var(--tw-translate-y);
1922
+ background-color: var(--color-muted);
1208
1923
  }
1209
1924
  }
1210
1925
  }
1211
- .hover\:border-outline\/80 {
1926
+ .hover\:bg-muted\/50 {
1212
1927
  &:hover {
1213
1928
  @media (hover: hover) {
1214
- border-color: var(--color-outline);
1929
+ background-color: var(--color-muted);
1215
1930
  @supports (color: color-mix(in lab, red, red)) {
1216
- border-color: color-mix(in oklab, var(--color-outline) 80%, transparent);
1931
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
1217
1932
  }
1218
1933
  }
1219
1934
  }
1220
1935
  }
1221
- .hover\:bg-error\/90 {
1936
+ .hover\:bg-muted\/80 {
1222
1937
  &:hover {
1223
1938
  @media (hover: hover) {
1224
- background-color: var(--color-error);
1939
+ background-color: var(--color-muted);
1225
1940
  @supports (color: color-mix(in lab, red, red)) {
1226
- background-color: color-mix(in oklab, var(--color-error) 90%, transparent);
1941
+ background-color: color-mix(in oklab, var(--color-muted) 80%, transparent);
1227
1942
  }
1228
1943
  }
1229
1944
  }
@@ -1238,277 +1953,1142 @@
1238
1953
  }
1239
1954
  }
1240
1955
  }
1241
- .hover\:bg-secondaryContainer\/80 {
1956
+ .hover\:bg-secondary\/80 {
1957
+ &:hover {
1958
+ @media (hover: hover) {
1959
+ background-color: var(--color-secondary);
1960
+ @supports (color: color-mix(in lab, red, red)) {
1961
+ background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
1962
+ }
1963
+ }
1964
+ }
1965
+ }
1966
+ .hover\:\!text-foreground {
1967
+ &:hover {
1968
+ @media (hover: hover) {
1969
+ color: var(--color-foreground) !important;
1970
+ }
1971
+ }
1972
+ }
1973
+ .hover\:text-accent-foreground {
1974
+ &:hover {
1975
+ @media (hover: hover) {
1976
+ color: var(--color-accent-foreground);
1977
+ }
1978
+ }
1979
+ }
1980
+ .hover\:text-foreground {
1981
+ &:hover {
1982
+ @media (hover: hover) {
1983
+ color: var(--color-foreground);
1984
+ }
1985
+ }
1986
+ }
1987
+ .hover\:text-foreground\/80 {
1242
1988
  &:hover {
1243
1989
  @media (hover: hover) {
1244
- background-color: var(--color-secondaryContainer);
1990
+ color: var(--color-foreground);
1245
1991
  @supports (color: color-mix(in lab, red, red)) {
1246
- background-color: color-mix(in oklab, var(--color-secondaryContainer) 80%, transparent);
1992
+ color: color-mix(in oklab, var(--color-foreground) 80%, transparent);
1247
1993
  }
1248
1994
  }
1249
1995
  }
1250
1996
  }
1251
- .hover\:bg-surface {
1997
+ .hover\:text-muted-foreground {
1998
+ &:hover {
1999
+ @media (hover: hover) {
2000
+ color: var(--color-muted-foreground);
2001
+ }
2002
+ }
2003
+ }
2004
+ .hover\:text-primary {
2005
+ &:hover {
2006
+ @media (hover: hover) {
2007
+ color: var(--color-primary);
2008
+ }
2009
+ }
2010
+ }
2011
+ .hover\:underline {
2012
+ &:hover {
2013
+ @media (hover: hover) {
2014
+ text-decoration-line: underline;
2015
+ }
2016
+ }
2017
+ }
2018
+ .hover\:opacity-80 {
2019
+ &:hover {
2020
+ @media (hover: hover) {
2021
+ opacity: 80%;
2022
+ }
2023
+ }
2024
+ }
2025
+ .hover\:opacity-90 {
1252
2026
  &:hover {
1253
2027
  @media (hover: hover) {
1254
- background-color: var(--color-surface);
2028
+ opacity: 90%;
2029
+ }
2030
+ }
2031
+ }
2032
+ .focus\:border-primary {
2033
+ &:focus {
2034
+ border-color: var(--color-primary);
2035
+ }
2036
+ }
2037
+ .focus\:bg-accent {
2038
+ &:focus {
2039
+ background-color: var(--color-accent);
2040
+ }
2041
+ }
2042
+ .focus\:text-accent-foreground {
2043
+ &:focus {
2044
+ color: var(--color-accent-foreground);
2045
+ }
2046
+ }
2047
+ .focus\:ring-2 {
2048
+ &:focus {
2049
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2050
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2051
+ }
2052
+ }
2053
+ .focus\:ring-primary {
2054
+ &:focus {
2055
+ --tw-ring-color: var(--color-primary);
2056
+ }
2057
+ }
2058
+ .focus\:ring-primary\/10 {
2059
+ &:focus {
2060
+ --tw-ring-color: var(--color-primary);
2061
+ @supports (color: color-mix(in lab, red, red)) {
2062
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
2063
+ }
2064
+ }
2065
+ }
2066
+ .focus\:ring-ring\/20 {
2067
+ &:focus {
2068
+ --tw-ring-color: var(--color-ring);
2069
+ @supports (color: color-mix(in lab, red, red)) {
2070
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 20%, transparent);
2071
+ }
2072
+ }
2073
+ }
2074
+ .focus\:ring-offset-2 {
2075
+ &:focus {
2076
+ --tw-ring-offset-width: 2px;
2077
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2078
+ }
2079
+ }
2080
+ .focus\:ring-offset-background {
2081
+ &:focus {
2082
+ --tw-ring-offset-color: var(--color-background);
2083
+ }
2084
+ }
2085
+ .focus\:outline-none {
2086
+ &:focus {
2087
+ --tw-outline-style: none;
2088
+ outline-style: none;
2089
+ }
2090
+ }
2091
+ .focus-visible\:border-ring {
2092
+ &:focus-visible {
2093
+ border-color: var(--color-ring);
2094
+ }
2095
+ }
2096
+ .focus-visible\:ring-\[3px\] {
2097
+ &:focus-visible {
2098
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2099
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2100
+ }
2101
+ }
2102
+ .focus-visible\:ring-destructive\/20 {
2103
+ &:focus-visible {
2104
+ --tw-ring-color: var(--color-destructive);
2105
+ @supports (color: color-mix(in lab, red, red)) {
2106
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
2107
+ }
2108
+ }
2109
+ }
2110
+ .focus-visible\:ring-ring\/50 {
2111
+ &:focus-visible {
2112
+ --tw-ring-color: var(--color-ring);
2113
+ @supports (color: color-mix(in lab, red, red)) {
2114
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
2115
+ }
2116
+ }
2117
+ }
2118
+ .focus-visible\:outline-1 {
2119
+ &:focus-visible {
2120
+ outline-style: var(--tw-outline-style);
2121
+ outline-width: 1px;
2122
+ }
2123
+ }
2124
+ .focus-visible\:outline-ring {
2125
+ &:focus-visible {
2126
+ outline-color: var(--color-ring);
2127
+ }
2128
+ }
2129
+ .active\:cursor-grabbing {
2130
+ &:active {
2131
+ cursor: grabbing;
2132
+ }
2133
+ }
2134
+ .disabled\:pointer-events-none {
2135
+ &:disabled {
2136
+ pointer-events: none;
2137
+ }
2138
+ }
2139
+ .disabled\:cursor-not-allowed {
2140
+ &:disabled {
2141
+ cursor: not-allowed;
2142
+ }
2143
+ }
2144
+ .disabled\:opacity-50 {
2145
+ &:disabled {
2146
+ opacity: 50%;
2147
+ }
2148
+ }
2149
+ .has-\[\>svg\]\:px-3 {
2150
+ &:has(>svg) {
2151
+ padding-inline: calc(var(--spacing) * 3);
2152
+ }
2153
+ }
2154
+ .aria-invalid\:border-destructive {
2155
+ &[aria-invalid="true"] {
2156
+ border-color: var(--color-destructive);
2157
+ }
2158
+ }
2159
+ .aria-invalid\:ring-destructive\/20 {
2160
+ &[aria-invalid="true"] {
2161
+ --tw-ring-color: var(--color-destructive);
2162
+ @supports (color: color-mix(in lab, red, red)) {
2163
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
1255
2164
  }
1256
2165
  }
1257
2166
  }
1258
- .hover\:bg-surfaceVariant {
1259
- &:hover {
1260
- @media (hover: hover) {
1261
- background-color: var(--color-surfaceVariant);
1262
- }
1263
- }
2167
+ .data-\[closed\]\:scale-95 {
2168
+ &[data-closed] {
2169
+ --tw-scale-x: 95%;
2170
+ --tw-scale-y: 95%;
2171
+ --tw-scale-z: 95%;
2172
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2173
+ }
2174
+ }
2175
+ .data-\[closed\]\:opacity-0 {
2176
+ &[data-closed] {
2177
+ opacity: 0%;
2178
+ }
2179
+ }
2180
+ .data-\[disabled\]\:pointer-events-none {
2181
+ &[data-disabled] {
2182
+ pointer-events: none;
2183
+ }
2184
+ }
2185
+ .data-\[disabled\]\:opacity-50 {
2186
+ &[data-disabled] {
2187
+ opacity: 50%;
2188
+ }
2189
+ }
2190
+ .data-\[indeterminate\=true\]\:border-primary {
2191
+ &[data-indeterminate="true"] {
2192
+ border-color: var(--color-primary);
2193
+ }
2194
+ }
2195
+ .data-\[indeterminate\=true\]\:bg-primary {
2196
+ &[data-indeterminate="true"] {
2197
+ background-color: var(--color-primary);
2198
+ }
2199
+ }
2200
+ .data-\[inset\]\:pl-8 {
2201
+ &[data-inset] {
2202
+ padding-left: calc(var(--spacing) * 8);
2203
+ }
2204
+ }
2205
+ .data-\[side\=bottom\]\:slide-in-from-top-2 {
2206
+ &[data-side="bottom"] {
2207
+ --tw-enter-translate-y: calc(2*var(--spacing)*-1);
2208
+ }
2209
+ }
2210
+ .data-\[side\=left\]\:slide-in-from-right-2 {
2211
+ &[data-side="left"] {
2212
+ --tw-enter-translate-x: calc(2*var(--spacing));
2213
+ }
2214
+ }
2215
+ .data-\[side\=right\]\:slide-in-from-left-2 {
2216
+ &[data-side="right"] {
2217
+ --tw-enter-translate-x: calc(2*var(--spacing)*-1);
2218
+ }
2219
+ }
2220
+ .data-\[side\=top\]\:slide-in-from-bottom-2 {
2221
+ &[data-side="top"] {
2222
+ --tw-enter-translate-y: calc(2*var(--spacing));
2223
+ }
2224
+ }
2225
+ .data-\[state\=active\]\:bg-background {
2226
+ &[data-state="active"] {
2227
+ background-color: var(--color-background);
2228
+ }
2229
+ }
2230
+ .data-\[state\=active\]\:shadow-sm {
2231
+ &[data-state="active"] {
2232
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2233
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2234
+ }
2235
+ }
2236
+ .data-\[state\=checked\]\:border-primary {
2237
+ &[data-state="checked"] {
2238
+ border-color: var(--color-primary);
2239
+ }
2240
+ }
2241
+ .data-\[state\=checked\]\:bg-primary {
2242
+ &[data-state="checked"] {
2243
+ background-color: var(--color-primary);
2244
+ }
2245
+ }
2246
+ .data-\[state\=checked\]\:text-primary-foreground {
2247
+ &[data-state="checked"] {
2248
+ color: var(--color-primary-foreground);
2249
+ }
2250
+ }
2251
+ .data-\[state\=closed\]\:animate-out {
2252
+ &[data-state="closed"] {
2253
+ animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
2254
+ }
2255
+ }
2256
+ .data-\[state\=closed\]\:fade-out-0 {
2257
+ &[data-state="closed"] {
2258
+ --tw-exit-opacity: calc(0/100);
2259
+ --tw-exit-opacity: 0;
2260
+ }
2261
+ }
2262
+ .data-\[state\=closed\]\:zoom-out-95 {
2263
+ &[data-state="closed"] {
2264
+ --tw-exit-scale: calc(95*1%);
2265
+ --tw-exit-scale: .95;
2266
+ }
2267
+ }
2268
+ .data-\[state\=open\]\:animate-in {
2269
+ &[data-state="open"] {
2270
+ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
2271
+ }
2272
+ }
2273
+ .data-\[state\=open\]\:bg-accent {
2274
+ &[data-state="open"] {
2275
+ background-color: var(--color-accent);
2276
+ }
2277
+ }
2278
+ .data-\[state\=open\]\:text-accent-foreground {
2279
+ &[data-state="open"] {
2280
+ color: var(--color-accent-foreground);
2281
+ }
2282
+ }
2283
+ .data-\[state\=open\]\:fade-in-0 {
2284
+ &[data-state="open"] {
2285
+ --tw-enter-opacity: calc(0/100);
2286
+ --tw-enter-opacity: 0;
2287
+ }
2288
+ }
2289
+ .data-\[state\=open\]\:zoom-in-95 {
2290
+ &[data-state="open"] {
2291
+ --tw-enter-scale: calc(95*1%);
2292
+ --tw-enter-scale: .95;
2293
+ }
2294
+ }
2295
+ .data-\[state\=selected\]\:bg-muted {
2296
+ &[data-state="selected"] {
2297
+ background-color: var(--color-muted);
2298
+ }
2299
+ }
2300
+ .data-\[variant\=destructive\]\:text-destructive {
2301
+ &[data-variant="destructive"] {
2302
+ color: var(--color-destructive);
2303
+ }
2304
+ }
2305
+ .data-\[variant\=destructive\]\:focus\:bg-destructive\/10 {
2306
+ &[data-variant="destructive"] {
2307
+ &:focus {
2308
+ background-color: var(--color-destructive);
2309
+ @supports (color: color-mix(in lab, red, red)) {
2310
+ background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
2311
+ }
2312
+ }
2313
+ }
2314
+ }
2315
+ .data-\[variant\=destructive\]\:focus\:text-destructive {
2316
+ &[data-variant="destructive"] {
2317
+ &:focus {
2318
+ color: var(--color-destructive);
2319
+ }
2320
+ }
2321
+ }
2322
+ .sm\:block {
2323
+ @media (width >= 40rem) {
2324
+ display: block;
2325
+ }
2326
+ }
2327
+ .sm\:gap-2\.5 {
2328
+ @media (width >= 40rem) {
2329
+ gap: calc(var(--spacing) * 2.5);
2330
+ }
2331
+ }
2332
+ .sm\:px-6 {
2333
+ @media (width >= 40rem) {
2334
+ padding-inline: calc(var(--spacing) * 6);
2335
+ }
2336
+ }
2337
+ .sm\:pt-6 {
2338
+ @media (width >= 40rem) {
2339
+ padding-top: calc(var(--spacing) * 6);
2340
+ }
2341
+ }
2342
+ .sm\:pr-2\.5 {
2343
+ @media (width >= 40rem) {
2344
+ padding-right: calc(var(--spacing) * 2.5);
2345
+ }
2346
+ }
2347
+ .sm\:pl-2\.5 {
2348
+ @media (width >= 40rem) {
2349
+ padding-left: calc(var(--spacing) * 2.5);
2350
+ }
2351
+ }
2352
+ .md\:text-sm {
2353
+ @media (width >= 48rem) {
2354
+ font-size: var(--text-sm);
2355
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2356
+ }
2357
+ }
2358
+ .dark\:bg-destructive\/60 {
2359
+ @media (prefers-color-scheme: dark) {
2360
+ background-color: var(--color-destructive);
2361
+ @supports (color: color-mix(in lab, red, red)) {
2362
+ background-color: color-mix(in oklab, var(--color-destructive) 60%, transparent);
2363
+ }
2364
+ }
2365
+ }
2366
+ .dark\:bg-green-900\/20 {
2367
+ @media (prefers-color-scheme: dark) {
2368
+ background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
2369
+ @supports (color: color-mix(in lab, red, red)) {
2370
+ background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent);
2371
+ }
2372
+ }
2373
+ }
2374
+ .dark\:bg-input\/30 {
2375
+ @media (prefers-color-scheme: dark) {
2376
+ background-color: var(--color-input);
2377
+ @supports (color: color-mix(in lab, red, red)) {
2378
+ background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
2379
+ }
2380
+ }
2381
+ }
2382
+ .dark\:bg-red-900\/20 {
2383
+ @media (prefers-color-scheme: dark) {
2384
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
2385
+ @supports (color: color-mix(in lab, red, red)) {
2386
+ background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
2387
+ }
2388
+ }
2389
+ }
2390
+ .dark\:bg-yellow-900\/20 {
2391
+ @media (prefers-color-scheme: dark) {
2392
+ background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 20%, transparent);
2393
+ @supports (color: color-mix(in lab, red, red)) {
2394
+ background-color: color-mix(in oklab, var(--color-yellow-900) 20%, transparent);
2395
+ }
2396
+ }
2397
+ }
2398
+ .dark\:text-blue-400 {
2399
+ @media (prefers-color-scheme: dark) {
2400
+ color: var(--color-blue-400);
2401
+ }
2402
+ }
2403
+ .dark\:text-green-300 {
2404
+ @media (prefers-color-scheme: dark) {
2405
+ color: var(--color-green-300);
2406
+ }
2407
+ }
2408
+ .dark\:text-green-400 {
2409
+ @media (prefers-color-scheme: dark) {
2410
+ color: var(--color-green-400);
2411
+ }
2412
+ }
2413
+ .dark\:text-muted-foreground {
2414
+ @media (prefers-color-scheme: dark) {
2415
+ color: var(--color-muted-foreground);
2416
+ }
2417
+ }
2418
+ .dark\:text-orange-400 {
2419
+ @media (prefers-color-scheme: dark) {
2420
+ color: var(--color-orange-400);
2421
+ }
2422
+ }
2423
+ .dark\:text-red-300 {
2424
+ @media (prefers-color-scheme: dark) {
2425
+ color: var(--color-red-300);
2426
+ }
2427
+ }
2428
+ .dark\:text-red-400 {
2429
+ @media (prefers-color-scheme: dark) {
2430
+ color: var(--color-red-400);
2431
+ }
2432
+ }
2433
+ .dark\:text-yellow-300 {
2434
+ @media (prefers-color-scheme: dark) {
2435
+ color: var(--color-yellow-300);
2436
+ }
2437
+ }
2438
+ .dark\:focus-visible\:ring-destructive\/40 {
2439
+ @media (prefers-color-scheme: dark) {
2440
+ &:focus-visible {
2441
+ --tw-ring-color: var(--color-destructive);
2442
+ @supports (color: color-mix(in lab, red, red)) {
2443
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
2444
+ }
2445
+ }
2446
+ }
2447
+ }
2448
+ .dark\:aria-invalid\:ring-destructive\/40 {
2449
+ @media (prefers-color-scheme: dark) {
2450
+ &[aria-invalid="true"] {
2451
+ --tw-ring-color: var(--color-destructive);
2452
+ @supports (color: color-mix(in lab, red, red)) {
2453
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
2454
+ }
2455
+ }
2456
+ }
2457
+ }
2458
+ .dark\:data-\[state\=active\]\:border-input {
2459
+ @media (prefers-color-scheme: dark) {
2460
+ &[data-state="active"] {
2461
+ border-color: var(--color-input);
2462
+ }
2463
+ }
2464
+ }
2465
+ .dark\:data-\[state\=active\]\:bg-input\/30 {
2466
+ @media (prefers-color-scheme: dark) {
2467
+ &[data-state="active"] {
2468
+ background-color: var(--color-input);
2469
+ @supports (color: color-mix(in lab, red, red)) {
2470
+ background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
2471
+ }
2472
+ }
2473
+ }
2474
+ }
2475
+ .dark\:data-\[state\=active\]\:text-foreground {
2476
+ @media (prefers-color-scheme: dark) {
2477
+ &[data-state="active"] {
2478
+ color: var(--color-foreground);
2479
+ }
2480
+ }
2481
+ }
2482
+ .dark\:data-\[state\=checked\]\:bg-primary {
2483
+ @media (prefers-color-scheme: dark) {
2484
+ &[data-state="checked"] {
2485
+ background-color: var(--color-primary);
2486
+ }
2487
+ }
2488
+ }
2489
+ .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
2490
+ @media (prefers-color-scheme: dark) {
2491
+ &[data-variant="destructive"] {
2492
+ &:focus {
2493
+ background-color: var(--color-destructive);
2494
+ @supports (color: color-mix(in lab, red, red)) {
2495
+ background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
2496
+ }
2497
+ }
2498
+ }
2499
+ }
2500
+ }
2501
+ .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground {
2502
+ & .recharts-cartesian-axis-tick text {
2503
+ fill: var(--color-muted-foreground);
2504
+ }
2505
+ }
2506
+ .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 {
2507
+ & .recharts-cartesian-grid line[stroke='#ccc'] {
2508
+ stroke: var(--color-border);
2509
+ @supports (color: color-mix(in lab, red, red)) {
2510
+ stroke: color-mix(in oklab, var(--color-border) 50%, transparent);
2511
+ }
2512
+ }
2513
+ }
2514
+ .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border {
2515
+ & .recharts-curve.recharts-tooltip-cursor {
2516
+ stroke: var(--color-border);
2517
+ }
2518
+ }
2519
+ .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
2520
+ & .recharts-dot[stroke='#fff'] {
2521
+ stroke: transparent;
2522
+ }
2523
+ }
2524
+ .\[\&_\.recharts-layer\]\:outline-none {
2525
+ & .recharts-layer {
2526
+ --tw-outline-style: none;
2527
+ outline-style: none;
2528
+ }
2529
+ }
2530
+ .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
2531
+ & .recharts-polar-grid [stroke='#ccc'] {
2532
+ stroke: var(--color-border);
2533
+ }
2534
+ }
2535
+ .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted {
2536
+ & .recharts-radial-bar-background-sector {
2537
+ fill: var(--color-muted);
2538
+ }
2539
+ }
2540
+ .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted {
2541
+ & .recharts-rectangle.recharts-tooltip-cursor {
2542
+ fill: var(--color-muted);
2543
+ }
2544
+ }
2545
+ .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
2546
+ & .recharts-reference-line [stroke='#ccc'] {
2547
+ stroke: var(--color-border);
2548
+ }
2549
+ }
2550
+ .\[\&_\.recharts-sector\]\:outline-none {
2551
+ & .recharts-sector {
2552
+ --tw-outline-style: none;
2553
+ outline-style: none;
2554
+ }
2555
+ }
2556
+ .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
2557
+ & .recharts-sector[stroke='#fff'] {
2558
+ stroke: transparent;
2559
+ }
2560
+ }
2561
+ .\[\&_\.recharts-surface\]\:outline-none {
2562
+ & .recharts-surface {
2563
+ --tw-outline-style: none;
2564
+ outline-style: none;
2565
+ }
2566
+ }
2567
+ .\[\&_svg\]\:pointer-events-none {
2568
+ & svg {
2569
+ pointer-events: none;
2570
+ }
2571
+ }
2572
+ .\[\&_svg\]\:shrink-0 {
2573
+ & svg {
2574
+ flex-shrink: 0;
2575
+ }
2576
+ }
2577
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
2578
+ & svg:not([class*='size-']) {
2579
+ width: calc(var(--spacing) * 4);
2580
+ height: calc(var(--spacing) * 4);
2581
+ }
2582
+ }
2583
+ .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
2584
+ & svg:not([class*='text-']) {
2585
+ color: var(--color-muted-foreground);
2586
+ }
2587
+ }
2588
+ .\[\&_tr\]\:border-b {
2589
+ & tr {
2590
+ border-bottom-style: var(--tw-border-style);
2591
+ border-bottom-width: 1px;
2592
+ }
2593
+ }
2594
+ .\[\&_tr\:last-child\]\:border-0 {
2595
+ & tr:last-child {
2596
+ border-style: var(--tw-border-style);
2597
+ border-width: 0px;
2598
+ }
2599
+ }
2600
+ .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
2601
+ &:has([role=checkbox]) {
2602
+ padding-right: calc(var(--spacing) * 0);
2603
+ }
2604
+ }
2605
+ .\[\.border-b\]\:pb-6 {
2606
+ &:is(.border-b) {
2607
+ padding-bottom: calc(var(--spacing) * 6);
2608
+ }
2609
+ }
2610
+ .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive {
2611
+ &[data-variant="destructive"] {
2612
+ :is(& > *) {
2613
+ &:is(svg) {
2614
+ color: var(--color-destructive) !important;
2615
+ }
2616
+ }
2617
+ }
2618
+ }
2619
+ .\[\&\>\*\]\:basis-1\/4 {
2620
+ &>* {
2621
+ flex-basis: calc(1/4 * 100%);
2622
+ }
2623
+ }
2624
+ .\[\&\>\*\]\:justify-center {
2625
+ &>* {
2626
+ justify-content: center;
2627
+ }
2628
+ }
2629
+ .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] {
2630
+ &>[role=checkbox] {
2631
+ --tw-translate-y: 2px;
2632
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2633
+ }
2634
+ }
2635
+ .\[\&\>svg\]\:size-3\.5 {
2636
+ &>svg {
2637
+ width: calc(var(--spacing) * 3.5);
2638
+ height: calc(var(--spacing) * 3.5);
2639
+ }
2640
+ }
2641
+ .\[\&\>svg\]\:h-2\.5 {
2642
+ &>svg {
2643
+ height: calc(var(--spacing) * 2.5);
2644
+ }
2645
+ }
2646
+ .\[\&\>svg\]\:h-3 {
2647
+ &>svg {
2648
+ height: calc(var(--spacing) * 3);
2649
+ }
2650
+ }
2651
+ .\[\&\>svg\]\:w-2\.5 {
2652
+ &>svg {
2653
+ width: calc(var(--spacing) * 2.5);
2654
+ }
2655
+ }
2656
+ .\[\&\>svg\]\:w-3 {
2657
+ &>svg {
2658
+ width: calc(var(--spacing) * 3);
2659
+ }
2660
+ }
2661
+ .\[\&\>svg\]\:text-muted-foreground {
2662
+ &>svg {
2663
+ color: var(--color-muted-foreground);
2664
+ }
2665
+ }
2666
+ .\[\&\>tr\]\:last\:border-b-0 {
2667
+ &>tr {
2668
+ &:last-child {
2669
+ border-bottom-style: var(--tw-border-style);
2670
+ border-bottom-width: 0px;
2671
+ }
2672
+ }
2673
+ }
2674
+ }
2675
+ @property --tw-animation-delay {
2676
+ syntax: "*";
2677
+ inherits: false;
2678
+ initial-value: 0s;
2679
+ }
2680
+ @property --tw-animation-direction {
2681
+ syntax: "*";
2682
+ inherits: false;
2683
+ initial-value: normal;
2684
+ }
2685
+ @property --tw-animation-duration {
2686
+ syntax: "*";
2687
+ inherits: false;
2688
+ }
2689
+ @property --tw-animation-fill-mode {
2690
+ syntax: "*";
2691
+ inherits: false;
2692
+ initial-value: none;
2693
+ }
2694
+ @property --tw-animation-iteration-count {
2695
+ syntax: "*";
2696
+ inherits: false;
2697
+ initial-value: 1;
2698
+ }
2699
+ @property --tw-enter-opacity {
2700
+ syntax: "*";
2701
+ inherits: false;
2702
+ initial-value: 1;
2703
+ }
2704
+ @property --tw-enter-rotate {
2705
+ syntax: "*";
2706
+ inherits: false;
2707
+ initial-value: 0;
2708
+ }
2709
+ @property --tw-enter-scale {
2710
+ syntax: "*";
2711
+ inherits: false;
2712
+ initial-value: 1;
2713
+ }
2714
+ @property --tw-enter-translate-x {
2715
+ syntax: "*";
2716
+ inherits: false;
2717
+ initial-value: 0;
2718
+ }
2719
+ @property --tw-enter-translate-y {
2720
+ syntax: "*";
2721
+ inherits: false;
2722
+ initial-value: 0;
2723
+ }
2724
+ @property --tw-exit-opacity {
2725
+ syntax: "*";
2726
+ inherits: false;
2727
+ initial-value: 1;
2728
+ }
2729
+ @property --tw-exit-rotate {
2730
+ syntax: "*";
2731
+ inherits: false;
2732
+ initial-value: 0;
2733
+ }
2734
+ @property --tw-exit-scale {
2735
+ syntax: "*";
2736
+ inherits: false;
2737
+ initial-value: 1;
2738
+ }
2739
+ @property --tw-exit-translate-x {
2740
+ syntax: "*";
2741
+ inherits: false;
2742
+ initial-value: 0;
2743
+ }
2744
+ @property --tw-exit-translate-y {
2745
+ syntax: "*";
2746
+ inherits: false;
2747
+ initial-value: 0;
2748
+ }
2749
+ @layer rdg {
2750
+ @layer Defaults, FocusSink, CheckboxInput, CheckboxIcon, CheckboxLabel, Cell, HeaderCell, SummaryCell, EditCell, Row, HeaderRow, SummaryRow, GroupedRow, Root;
2751
+ }
2752
+ @layer rdg.Defaults {
2753
+ .rdg *, .rdg *::before, .rdg *::after {
2754
+ box-sizing: inherit;
2755
+ }
2756
+ }
2757
+ @layer rdg.Root {
2758
+ .rdg {
2759
+ --rdg-selection-width: 2px;
2760
+ --rdg-selection-color: var(--primary);
2761
+ --rdg-font-size: var(--text-sm);
2762
+ --rdg-cell-frozen-box-shadow: 2px 0 5px -2px var(--border);
2763
+ --rdg-border-width: 1px;
2764
+ --rdg-summary-border-width: calc(var(--rdg-border-width) * 2);
2765
+ --rdg-color: var(--foreground);
2766
+ --rdg-border-color: var(--border);
2767
+ --rdg-summary-border-color: var(--border);
2768
+ --rdg-background-color: var(--background);
2769
+ --rdg-header-background-color: var(--muted);
2770
+ --rdg-header-draggable-background-color: var(--accent);
2771
+ --rdg-row-hover-background-color: var(--muted);
2772
+ --rdg-row-selected-background-color: var(--accent);
2773
+ --rdg-row-selected-hover-background-color: var(--accent);
2774
+ display: grid;
2775
+ accent-color: var(--primary);
2776
+ contain: content;
2777
+ content-visibility: auto;
2778
+ border: 1px solid var(--rdg-border-color);
2779
+ border-radius: var(--radius-md);
2780
+ box-sizing: border-box;
2781
+ overflow: auto;
2782
+ background-color: var(--rdg-background-color);
2783
+ color: var(--rdg-color);
2784
+ font-size: var(--rdg-font-size);
2785
+ }
2786
+ .rdg:dir(rtl) {
2787
+ --rdg-cell-frozen-box-shadow: -2px 0 5px -2px rgba(136, 136, 136, 0.3);
2788
+ }
2789
+ .rdg::before {
2790
+ content: "";
2791
+ grid-column: 1 / -1;
2792
+ grid-row: 1 / -1;
2793
+ }
2794
+ .rdg > :nth-last-child(1 of .rdg-top-summary-row) > .rdg-cell {
2795
+ border-block-end: var(--rdg-summary-border-width) solid var(--rdg-summary-border-color);
2796
+ }
2797
+ .rdg > :nth-child(1 of .rdg-bottom-summary-row) > .rdg-cell {
2798
+ border-block-start: var(--rdg-summary-border-width) solid var(--rdg-summary-border-color);
2799
+ }
2800
+ }
2801
+ @layer rdg.Root {
2802
+ .rdg-viewport-dragging {
2803
+ user-select: none;
2804
+ }
2805
+ .rdg-viewport-dragging .rdg-row {
2806
+ cursor: move;
2807
+ }
2808
+ }
2809
+ @layer rdg.FocusSink {
2810
+ .rdg-focus-sink {
2811
+ grid-column: 1 / -1;
2812
+ pointer-events: none;
2813
+ z-index: 1;
2814
+ }
2815
+ }
2816
+ @layer rdg.FocusSink {
2817
+ .rdg-focus-sink-header-and-summary {
2818
+ z-index: 3;
2819
+ }
2820
+ }
2821
+ @layer rdg.Cell {
2822
+ .rdg-cell {
2823
+ position: relative;
2824
+ padding-block: 0;
2825
+ padding-inline: 8px;
2826
+ border-inline-end: var(--rdg-border-width) solid var(--rdg-border-color);
2827
+ border-block-end: var(--rdg-border-width) solid var(--rdg-border-color);
2828
+ grid-row-start: var(--rdg-grid-row-start);
2829
+ align-content: center;
2830
+ background-color: inherit;
2831
+ white-space: nowrap;
2832
+ overflow: clip;
2833
+ text-overflow: ellipsis;
2834
+ outline: none;
2835
+ }
2836
+ .rdg-cell[aria-selected="true"] {
2837
+ outline: var(--rdg-selection-width) solid var(--rdg-selection-color);
2838
+ outline-offset: calc(var(--rdg-selection-width) * -1);
2839
+ }
2840
+ }
2841
+ @layer rdg.Cell {
2842
+ .rdg-cell-frozen {
2843
+ position: sticky;
2844
+ z-index: 1;
2845
+ }
2846
+ .rdg-cell-frozen:nth-last-child(1 of .rdg-cell-frozen) {
2847
+ box-shadow: var(--rdg-cell-frozen-box-shadow);
2848
+ }
2849
+ }
2850
+ @layer rdg.DragHandle {
2851
+ .rdg-cell-drag-handle {
2852
+ --rdg-drag-handle-size: 8px;
2853
+ z-index: 0;
2854
+ cursor: move;
2855
+ inline-size: var(--rdg-drag-handle-size);
2856
+ block-size: var(--rdg-drag-handle-size);
2857
+ background-color: var(--rdg-selection-color);
2858
+ place-self: end;
2859
+ }
2860
+ .rdg-cell-drag-handle:hover {
2861
+ --rdg-drag-handle-size: 16px;
2862
+ border: 2px solid var(--rdg-selection-color);
2863
+ background-color: var(--rdg-background-color);
1264
2864
  }
1265
- .hover\:bg-surfaceVariant\/30 {
1266
- &:hover {
1267
- @media (hover: hover) {
1268
- background-color: var(--color-surfaceVariant);
1269
- @supports (color: color-mix(in lab, red, red)) {
1270
- background-color: color-mix(in oklab, var(--color-surfaceVariant) 30%, transparent);
1271
- }
1272
- }
1273
- }
2865
+ }
2866
+ @layer rdg.DragHandle {
2867
+ .rdg-cell-drag-handle-frozen {
2868
+ z-index: 1;
2869
+ position: sticky;
1274
2870
  }
1275
- .hover\:bg-surfaceVariant\/80 {
1276
- &:hover {
1277
- @media (hover: hover) {
1278
- background-color: var(--color-surfaceVariant);
1279
- @supports (color: color-mix(in lab, red, red)) {
1280
- background-color: color-mix(in oklab, var(--color-surfaceVariant) 80%, transparent);
1281
- }
1282
- }
1283
- }
2871
+ }
2872
+ @layer rdg.Cell {
2873
+ .rdg-cell-dragged-over {
2874
+ background-color: var(--accent);
1284
2875
  }
1285
- .hover\:text-onSurface {
1286
- &:hover {
1287
- @media (hover: hover) {
1288
- color: var(--color-onSurface);
1289
- }
1290
- }
2876
+ }
2877
+ @layer rdg.EditCell {
2878
+ .rdg-cell-editing {
2879
+ padding: 0;
1291
2880
  }
1292
- .hover\:text-onSurfaceVariant {
1293
- &:hover {
1294
- @media (hover: hover) {
1295
- color: var(--color-onSurfaceVariant);
1296
- }
1297
- }
2881
+ }
2882
+ @layer rdg.HeaderCell {
2883
+ .rdg-cell-sortable {
2884
+ cursor: pointer;
1298
2885
  }
1299
- .focus\:border-error {
1300
- &:focus {
1301
- border-color: var(--color-error);
1302
- }
2886
+ .rdg-cell-resizable {
2887
+ touch-action: none;
1303
2888
  }
1304
- .focus\:border-primary {
1305
- &:focus {
1306
- border-color: var(--color-primary);
1307
- }
2889
+ .rdg-resize-handle {
2890
+ cursor: col-resize;
2891
+ position: absolute;
2892
+ inset-block-start: 0;
2893
+ inset-inline-end: 0;
2894
+ inset-block-end: 0;
2895
+ inline-size: 10px;
1308
2896
  }
1309
- .focus\:ring-1 {
1310
- &:focus {
1311
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1312
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1313
- }
2897
+ .rdg-cell-dragging {
2898
+ background-color: var(--rdg-header-draggable-background-color);
1314
2899
  }
1315
- .focus\:ring-2 {
1316
- &:focus {
1317
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1318
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1319
- }
2900
+ .rdg-cell-over {
2901
+ background-color: var(--rdg-header-draggable-background-color);
1320
2902
  }
1321
- .focus\:ring-4 {
1322
- &:focus {
1323
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1324
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1325
- }
2903
+ }
2904
+ @layer rdg.SummaryCell {
2905
+ .rdg-summary-cell {
2906
+ inset-block-start: var(--rdg-summary-row-top);
2907
+ inset-block-end: var(--rdg-summary-row-bottom);
1326
2908
  }
1327
- .focus\:ring-error\/10 {
1328
- &:focus {
1329
- --tw-ring-color: var(--color-error);
1330
- @supports (color: color-mix(in lab, red, red)) {
1331
- --tw-ring-color: color-mix(in oklab, var(--color-error) 10%, transparent);
1332
- }
1333
- }
2909
+ }
2910
+ @layer rdg.MeasuringCell {
2911
+ .rdg-measuring-cell {
2912
+ contain: strict;
2913
+ grid-row: 1;
2914
+ visibility: hidden;
1334
2915
  }
1335
- .focus\:ring-error\/20 {
1336
- &:focus {
1337
- --tw-ring-color: var(--color-error);
1338
- @supports (color: color-mix(in lab, red, red)) {
1339
- --tw-ring-color: color-mix(in oklab, var(--color-error) 20%, transparent);
1340
- }
1341
- }
2916
+ }
2917
+ @layer rdg.TextEditor {
2918
+ .rdg-text-editor {
2919
+ appearance: none;
2920
+ box-sizing: border-box;
2921
+ inline-size: 100%;
2922
+ block-size: 100%;
2923
+ padding-block: 0;
2924
+ padding-inline: 6px;
2925
+ border: 2px solid var(--input);
2926
+ vertical-align: top;
2927
+ color: var(--rdg-color);
2928
+ background-color: var(--rdg-background-color);
1342
2929
  }
1343
- .focus\:ring-outline\/20 {
1344
- &:focus {
1345
- --tw-ring-color: var(--color-outline);
1346
- @supports (color: color-mix(in lab, red, red)) {
1347
- --tw-ring-color: color-mix(in oklab, var(--color-outline) 20%, transparent);
1348
- }
1349
- }
2930
+ .rdg-text-editor:focus {
2931
+ border-color: var(--rdg-selection-color);
2932
+ outline: none;
1350
2933
  }
1351
- .focus\:ring-primary\/10 {
1352
- &:focus {
1353
- --tw-ring-color: var(--color-primary);
1354
- @supports (color: color-mix(in lab, red, red)) {
1355
- --tw-ring-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
1356
- }
1357
- }
2934
+ }
2935
+ @layer rdg.Row {
2936
+ .rdg-row {
2937
+ display: contents;
2938
+ background-color: var(--rdg-background-color);
1358
2939
  }
1359
- .focus\:ring-primary\/20 {
1360
- &:focus {
1361
- --tw-ring-color: var(--color-primary);
1362
- @supports (color: color-mix(in lab, red, red)) {
1363
- --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
1364
- }
1365
- }
2940
+ .rdg-row:hover {
2941
+ background-color: var(--rdg-row-hover-background-color);
1366
2942
  }
1367
- .focus\:outline-none {
1368
- &:focus {
1369
- --tw-outline-style: none;
1370
- outline-style: none;
1371
- }
2943
+ .rdg-row[aria-selected="true"] {
2944
+ background-color: var(--rdg-row-selected-background-color);
1372
2945
  }
1373
- .active\:translate-y-0 {
1374
- &:active {
1375
- --tw-translate-y: calc(var(--spacing) * 0);
1376
- translate: var(--tw-translate-x) var(--tw-translate-y);
1377
- }
2946
+ .rdg-row[aria-selected="true"]:hover {
2947
+ background-color: var(--rdg-row-selected-hover-background-color);
1378
2948
  }
1379
- .active\:scale-95 {
1380
- &:active {
1381
- --tw-scale-x: 95%;
1382
- --tw-scale-y: 95%;
1383
- --tw-scale-z: 95%;
1384
- scale: var(--tw-scale-x) var(--tw-scale-y);
1385
- }
2949
+ }
2950
+ @layer rdg.FocusSink {
2951
+ .rdg-row-selected {
2952
+ outline: 2px solid var(--rdg-selection-color);
2953
+ outline-offset: -2px;
1386
2954
  }
1387
- .disabled\:cursor-not-allowed {
1388
- &:disabled {
1389
- cursor: not-allowed;
1390
- }
2955
+ }
2956
+ @layer rdg.FocusSink {
2957
+ .rdg-row-selected-with-frozen-cell::before {
2958
+ content: "";
2959
+ display: inline-block;
2960
+ block-size: 100%;
2961
+ position: sticky;
2962
+ inset-inline-start: 0;
2963
+ border-inline-start: 2px solid var(--rdg-selection-color);
1391
2964
  }
1392
- .disabled\:bg-surfaceVariant {
1393
- &:disabled {
1394
- background-color: var(--color-surfaceVariant);
1395
- }
2965
+ }
2966
+ @layer rdg.HeaderRow {
2967
+ .rdg-header-row {
2968
+ display: contents;
2969
+ background-color: var(--rdg-header-background-color);
2970
+ font-weight: bold;
1396
2971
  }
1397
- .disabled\:opacity-50 {
1398
- &:disabled {
1399
- opacity: 50%;
1400
- }
2972
+ .rdg-header-row > .rdg-cell {
2973
+ position: sticky;
2974
+ z-index: 2;
2975
+ inset-block-start: var(--rdg-header-row-top);
2976
+ inset-block-end: var(--rdg-header-row-bottom);
1401
2977
  }
1402
- .disabled\:opacity-60 {
1403
- &:disabled {
1404
- opacity: 60%;
1405
- }
2978
+ .rdg-header-row > .rdg-cell-frozen {
2979
+ z-index: 3;
1406
2980
  }
1407
- .data-\[closed\]\:scale-95 {
1408
- &[data-closed] {
1409
- --tw-scale-x: 95%;
1410
- --tw-scale-y: 95%;
1411
- --tw-scale-z: 95%;
1412
- scale: var(--tw-scale-x) var(--tw-scale-y);
1413
- }
2981
+ }
2982
+ @layer rdg.SummaryRow {
2983
+ .rdg-summary-row > .rdg-cell {
2984
+ position: sticky;
1414
2985
  }
1415
- .data-\[closed\]\:opacity-0 {
1416
- &[data-closed] {
1417
- opacity: 0%;
1418
- }
2986
+ .rdg-top-summary-row > .rdg-cell {
2987
+ z-index: 2;
1419
2988
  }
1420
- .md\:grid-cols-2 {
1421
- @media (width >= 48rem) {
1422
- grid-template-columns: repeat(2, minmax(0, 1fr));
1423
- }
2989
+ .rdg-top-summary-row {
2990
+ --rdg-summary-row-top: 0px;
2991
+ --rdg-summary-row-bottom: auto;
2992
+ position: sticky;
2993
+ inset-block-start: var(--rdg-header-row-height);
1424
2994
  }
1425
- .lg\:grid-cols-3 {
1426
- @media (width >= 64rem) {
1427
- grid-template-columns: repeat(3, minmax(0, 1fr));
1428
- }
2995
+ .rdg-bottom-summary-row {
2996
+ --rdg-summary-row-top: auto;
2997
+ --rdg-summary-row-bottom: 0px;
2998
+ position: sticky;
2999
+ inset-block-end: 0;
1429
3000
  }
1430
- .dark\:border-error\/30 {
1431
- &:where([data-theme=dark], [data-theme=dark] *) {
1432
- border-color: var(--color-error);
1433
- @supports (color: color-mix(in lab, red, red)) {
1434
- border-color: color-mix(in oklab, var(--color-error) 30%, transparent);
1435
- }
1436
- }
3001
+ }
3002
+ @layer rdg.GroupedRow {
3003
+ .rdg-group-row:not([aria-selected="true"]) {
3004
+ background-color: var(--rdg-header-background-color);
1437
3005
  }
1438
- .dark\:border-primary\/30 {
1439
- &:where([data-theme=dark], [data-theme=dark] *) {
1440
- border-color: var(--color-primary);
1441
- @supports (color: color-mix(in lab, red, red)) {
1442
- border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1443
- }
1444
- }
3006
+ .rdg-group-row > .rdg-cell:first-child {
3007
+ display: flex;
3008
+ align-items: center;
1445
3009
  }
1446
- .dark\:border-secondary\/30 {
1447
- &:where([data-theme=dark], [data-theme=dark] *) {
1448
- border-color: var(--color-secondary);
1449
- @supports (color: color-mix(in lab, red, red)) {
1450
- border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent);
1451
- }
1452
- }
3010
+ }
3011
+ @layer rdg.GroupCellContent {
3012
+ .rdg-group-cell-content {
3013
+ outline: none;
1453
3014
  }
1454
- .dark\:bg-error\/20 {
1455
- &:where([data-theme=dark], [data-theme=dark] *) {
1456
- background-color: var(--color-error);
1457
- @supports (color: color-mix(in lab, red, red)) {
1458
- background-color: color-mix(in oklab, var(--color-error) 20%, transparent);
1459
- }
1460
- }
3015
+ }
3016
+ @layer rdg.GroupCellCaret {
3017
+ .rdg-group-cell-caret {
3018
+ margin-inline-start: 4px;
3019
+ stroke: currentColor;
3020
+ stroke-width: 1.5px;
3021
+ fill: transparent;
3022
+ vertical-align: middle;
1461
3023
  }
1462
- .dark\:bg-primary\/20 {
1463
- &:where([data-theme=dark], [data-theme=dark] *) {
1464
- background-color: var(--color-primary);
1465
- @supports (color: color-mix(in lab, red, red)) {
1466
- background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
1467
- }
1468
- }
3024
+ }
3025
+ @layer rdg.SortIcon {
3026
+ .rdg-sort-arrow {
3027
+ fill: currentColor;
1469
3028
  }
1470
- .dark\:bg-secondary\/20 {
1471
- &:where([data-theme=dark], [data-theme=dark] *) {
1472
- background-color: var(--color-secondary);
1473
- @supports (color: color-mix(in lab, red, red)) {
1474
- background-color: color-mix(in oklab, var(--color-secondary) 20%, transparent);
1475
- }
1476
- }
3029
+ .rdg-sort-arrow > path {
3030
+ transition: d 0.1s;
1477
3031
  }
1478
- .dark\:text-error {
1479
- &:where([data-theme=dark], [data-theme=dark] *) {
1480
- color: var(--color-error);
1481
- }
3032
+ }
3033
+ @layer rdg.SortableHeaderCell {
3034
+ .rdg-header-sort-cell {
3035
+ display: flex;
1482
3036
  }
1483
- .dark\:text-primary {
1484
- &:where([data-theme=dark], [data-theme=dark] *) {
1485
- color: var(--color-primary);
1486
- }
3037
+ }
3038
+ @layer rdg.SortableHeaderCellName {
3039
+ .rdg-header-sort-name {
3040
+ flex-grow: 1;
3041
+ overflow: clip;
3042
+ text-overflow: ellipsis;
1487
3043
  }
1488
- .dark\:text-secondary {
1489
- &:where([data-theme=dark], [data-theme=dark] *) {
1490
- color: var(--color-secondary);
3044
+ }
3045
+ .react-grid-item.react-grid-placeholder {
3046
+ background: var(--color-primary, var(--primary));
3047
+ border-radius: var(--radius-lg);
3048
+ }
3049
+ :root {
3050
+ --radius: 0.625rem;
3051
+ }
3052
+ @layer base {
3053
+ * {
3054
+ border-color: var(--color-border);
3055
+ outline-color: var(--color-ring);
3056
+ @supports (color: color-mix(in lab, red, red)) {
3057
+ outline-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
1491
3058
  }
1492
3059
  }
1493
- }
1494
- @layer components {
3060
+ html, body {
3061
+ overflow: hidden;
3062
+ height: 100%;
3063
+ width: 100%;
3064
+ }
1495
3065
  body {
1496
- color: var(--color-onSurface);
1497
- background: var(--color-surface);
3066
+ background-color: var(--color-background);
3067
+ color: var(--color-foreground);
1498
3068
  }
1499
3069
  * {
1500
- scrollbar-color: var(--color-outline) transparent;
3070
+ scrollbar-width: thin;
3071
+ scrollbar-color: var(--color-muted-foreground) transparent;
3072
+ }
3073
+ *::-webkit-scrollbar {
3074
+ width: 12px;
3075
+ height: 12px;
3076
+ background: transparent;
3077
+ }
3078
+ *::-webkit-scrollbar-track {
3079
+ background: transparent;
3080
+ }
3081
+ *::-webkit-scrollbar-thumb {
3082
+ background: var(--color-muted-foreground);
3083
+ border-radius: 6px;
3084
+ border: none;
3085
+ }
3086
+ *::-webkit-scrollbar-thumb:hover {
3087
+ background: var(--color-foreground);
3088
+ }
3089
+ *::-webkit-scrollbar-corner {
3090
+ background: transparent;
1501
3091
  }
1502
- }
1503
- @property --tw-border-spacing-x {
1504
- syntax: "<length>";
1505
- inherits: false;
1506
- initial-value: 0;
1507
- }
1508
- @property --tw-border-spacing-y {
1509
- syntax: "<length>";
1510
- inherits: false;
1511
- initial-value: 0;
1512
3092
  }
1513
3093
  @property --tw-translate-x {
1514
3094
  syntax: "*";
@@ -1560,6 +3140,48 @@
1560
3140
  inherits: false;
1561
3141
  initial-value: solid;
1562
3142
  }
3143
+ @property --tw-gradient-position {
3144
+ syntax: "*";
3145
+ inherits: false;
3146
+ }
3147
+ @property --tw-gradient-from {
3148
+ syntax: "<color>";
3149
+ inherits: false;
3150
+ initial-value: #0000;
3151
+ }
3152
+ @property --tw-gradient-via {
3153
+ syntax: "<color>";
3154
+ inherits: false;
3155
+ initial-value: #0000;
3156
+ }
3157
+ @property --tw-gradient-to {
3158
+ syntax: "<color>";
3159
+ inherits: false;
3160
+ initial-value: #0000;
3161
+ }
3162
+ @property --tw-gradient-stops {
3163
+ syntax: "*";
3164
+ inherits: false;
3165
+ }
3166
+ @property --tw-gradient-via-stops {
3167
+ syntax: "*";
3168
+ inherits: false;
3169
+ }
3170
+ @property --tw-gradient-from-position {
3171
+ syntax: "<length-percentage>";
3172
+ inherits: false;
3173
+ initial-value: 0%;
3174
+ }
3175
+ @property --tw-gradient-via-position {
3176
+ syntax: "<length-percentage>";
3177
+ inherits: false;
3178
+ initial-value: 50%;
3179
+ }
3180
+ @property --tw-gradient-to-position {
3181
+ syntax: "<length-percentage>";
3182
+ inherits: false;
3183
+ initial-value: 100%;
3184
+ }
1563
3185
  @property --tw-leading {
1564
3186
  syntax: "*";
1565
3187
  inherits: false;
@@ -1568,6 +3190,30 @@
1568
3190
  syntax: "*";
1569
3191
  inherits: false;
1570
3192
  }
3193
+ @property --tw-tracking {
3194
+ syntax: "*";
3195
+ inherits: false;
3196
+ }
3197
+ @property --tw-ordinal {
3198
+ syntax: "*";
3199
+ inherits: false;
3200
+ }
3201
+ @property --tw-slashed-zero {
3202
+ syntax: "*";
3203
+ inherits: false;
3204
+ }
3205
+ @property --tw-numeric-figure {
3206
+ syntax: "*";
3207
+ inherits: false;
3208
+ }
3209
+ @property --tw-numeric-spacing {
3210
+ syntax: "*";
3211
+ inherits: false;
3212
+ }
3213
+ @property --tw-numeric-fraction {
3214
+ syntax: "*";
3215
+ inherits: false;
3216
+ }
1571
3217
  @property --tw-shadow {
1572
3218
  syntax: "*";
1573
3219
  inherits: false;
@@ -1691,42 +3337,6 @@
1691
3337
  syntax: "*";
1692
3338
  inherits: false;
1693
3339
  }
1694
- @property --tw-backdrop-blur {
1695
- syntax: "*";
1696
- inherits: false;
1697
- }
1698
- @property --tw-backdrop-brightness {
1699
- syntax: "*";
1700
- inherits: false;
1701
- }
1702
- @property --tw-backdrop-contrast {
1703
- syntax: "*";
1704
- inherits: false;
1705
- }
1706
- @property --tw-backdrop-grayscale {
1707
- syntax: "*";
1708
- inherits: false;
1709
- }
1710
- @property --tw-backdrop-hue-rotate {
1711
- syntax: "*";
1712
- inherits: false;
1713
- }
1714
- @property --tw-backdrop-invert {
1715
- syntax: "*";
1716
- inherits: false;
1717
- }
1718
- @property --tw-backdrop-opacity {
1719
- syntax: "*";
1720
- inherits: false;
1721
- }
1722
- @property --tw-backdrop-saturate {
1723
- syntax: "*";
1724
- inherits: false;
1725
- }
1726
- @property --tw-backdrop-sepia {
1727
- syntax: "*";
1728
- inherits: false;
1729
- }
1730
3340
  @property --tw-duration {
1731
3341
  syntax: "*";
1732
3342
  inherits: false;
@@ -1765,11 +3375,21 @@
1765
3375
  opacity: 0.5;
1766
3376
  }
1767
3377
  }
3378
+ @keyframes enter {
3379
+ from {
3380
+ opacity: var(--tw-enter-opacity,1);
3381
+ transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
3382
+ }
3383
+ }
3384
+ @keyframes exit {
3385
+ to {
3386
+ opacity: var(--tw-exit-opacity,1);
3387
+ transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
3388
+ }
3389
+ }
1768
3390
  @layer properties {
1769
3391
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1770
3392
  *, ::before, ::after, ::backdrop {
1771
- --tw-border-spacing-x: 0;
1772
- --tw-border-spacing-y: 0;
1773
3393
  --tw-translate-x: 0;
1774
3394
  --tw-translate-y: 0;
1775
3395
  --tw-translate-z: 0;
@@ -1781,8 +3401,23 @@
1781
3401
  --tw-space-y-reverse: 0;
1782
3402
  --tw-space-x-reverse: 0;
1783
3403
  --tw-border-style: solid;
3404
+ --tw-gradient-position: initial;
3405
+ --tw-gradient-from: #0000;
3406
+ --tw-gradient-via: #0000;
3407
+ --tw-gradient-to: #0000;
3408
+ --tw-gradient-stops: initial;
3409
+ --tw-gradient-via-stops: initial;
3410
+ --tw-gradient-from-position: 0%;
3411
+ --tw-gradient-via-position: 50%;
3412
+ --tw-gradient-to-position: 100%;
1784
3413
  --tw-leading: initial;
1785
3414
  --tw-font-weight: initial;
3415
+ --tw-tracking: initial;
3416
+ --tw-ordinal: initial;
3417
+ --tw-slashed-zero: initial;
3418
+ --tw-numeric-figure: initial;
3419
+ --tw-numeric-spacing: initial;
3420
+ --tw-numeric-fraction: initial;
1786
3421
  --tw-shadow: 0 0 #0000;
1787
3422
  --tw-shadow-color: initial;
1788
3423
  --tw-shadow-alpha: 100%;
@@ -1811,21 +3446,27 @@
1811
3446
  --tw-drop-shadow-color: initial;
1812
3447
  --tw-drop-shadow-alpha: 100%;
1813
3448
  --tw-drop-shadow-size: initial;
1814
- --tw-backdrop-blur: initial;
1815
- --tw-backdrop-brightness: initial;
1816
- --tw-backdrop-contrast: initial;
1817
- --tw-backdrop-grayscale: initial;
1818
- --tw-backdrop-hue-rotate: initial;
1819
- --tw-backdrop-invert: initial;
1820
- --tw-backdrop-opacity: initial;
1821
- --tw-backdrop-saturate: initial;
1822
- --tw-backdrop-sepia: initial;
1823
3449
  --tw-duration: initial;
1824
3450
  --tw-ease: initial;
1825
3451
  --tw-content: "";
1826
3452
  --tw-scale-x: 1;
1827
3453
  --tw-scale-y: 1;
1828
3454
  --tw-scale-z: 1;
3455
+ --tw-animation-delay: 0s;
3456
+ --tw-animation-direction: normal;
3457
+ --tw-animation-duration: initial;
3458
+ --tw-animation-fill-mode: none;
3459
+ --tw-animation-iteration-count: 1;
3460
+ --tw-enter-opacity: 1;
3461
+ --tw-enter-rotate: 0;
3462
+ --tw-enter-scale: 1;
3463
+ --tw-enter-translate-x: 0;
3464
+ --tw-enter-translate-y: 0;
3465
+ --tw-exit-opacity: 1;
3466
+ --tw-exit-rotate: 0;
3467
+ --tw-exit-scale: 1;
3468
+ --tw-exit-translate-x: 0;
3469
+ --tw-exit-translate-y: 0;
1829
3470
  }
1830
3471
  }
1831
3472
  }