solid_cache_dashboard 0.0.1 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,6 +6,7 @@
6
6
  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
7
7
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
8
8
  "Courier New", monospace;
9
+ --color-red-50: oklch(0.971 0.013 17.38);
9
10
  --color-red-100: oklch(0.936 0.032 17.717);
10
11
  --color-red-200: oklch(0.885 0.062 18.334);
11
12
  --color-red-300: oklch(0.808 0.114 19.571);
@@ -13,28 +14,56 @@
13
14
  --color-red-500: oklch(0.637 0.237 25.331);
14
15
  --color-red-600: oklch(0.577 0.245 27.325);
15
16
  --color-red-700: oklch(0.505 0.213 27.518);
17
+ --color-red-800: oklch(0.444 0.177 26.899);
16
18
  --color-red-900: oklch(0.396 0.141 25.723);
19
+ --color-amber-50: oklch(0.987 0.022 95.277);
17
20
  --color-amber-100: oklch(0.962 0.059 95.617);
21
+ --color-amber-200: oklch(0.924 0.12 95.746);
22
+ --color-amber-300: oklch(0.879 0.169 91.605);
23
+ --color-amber-400: oklch(0.828 0.189 84.429);
18
24
  --color-amber-500: oklch(0.769 0.188 70.08);
19
25
  --color-amber-600: oklch(0.666 0.179 58.318);
20
26
  --color-amber-700: oklch(0.555 0.163 48.998);
27
+ --color-amber-800: oklch(0.473 0.137 46.201);
28
+ --color-amber-900: oklch(0.414 0.112 45.904);
29
+ --color-green-50: oklch(0.982 0.018 155.826);
21
30
  --color-green-100: oklch(0.962 0.044 156.743);
22
31
  --color-green-200: oklch(0.925 0.084 155.995);
32
+ --color-green-300: oklch(0.871 0.15 154.449);
33
+ --color-green-400: oklch(0.792 0.209 151.711);
23
34
  --color-green-500: oklch(0.723 0.219 149.579);
24
35
  --color-green-600: oklch(0.627 0.194 149.214);
25
36
  --color-green-700: oklch(0.527 0.154 150.069);
37
+ --color-green-800: oklch(0.448 0.119 151.328);
38
+ --color-green-900: oklch(0.393 0.095 152.535);
39
+ --color-sky-50: oklch(0.977 0.013 236.62);
26
40
  --color-sky-100: oklch(0.951 0.026 236.824);
41
+ --color-sky-200: oklch(0.901 0.058 230.902);
42
+ --color-sky-300: oklch(0.828 0.111 230.318);
43
+ --color-sky-400: oklch(0.746 0.16 232.661);
27
44
  --color-sky-600: oklch(0.588 0.158 241.966);
28
45
  --color-sky-700: oklch(0.5 0.134 242.749);
46
+ --color-sky-800: oklch(0.443 0.11 240.79);
47
+ --color-sky-900: oklch(0.391 0.09 240.876);
48
+ --color-blue-50: oklch(0.97 0.014 254.604);
29
49
  --color-blue-100: oklch(0.932 0.032 255.585);
30
50
  --color-blue-200: oklch(0.882 0.059 254.128);
51
+ --color-blue-300: oklch(0.809 0.105 251.813);
31
52
  --color-blue-400: oklch(0.707 0.165 254.624);
32
53
  --color-blue-500: oklch(0.623 0.214 259.815);
33
54
  --color-blue-600: oklch(0.546 0.245 262.881);
34
55
  --color-blue-700: oklch(0.488 0.243 264.376);
56
+ --color-blue-800: oklch(0.424 0.199 265.638);
57
+ --color-blue-900: oklch(0.379 0.146 265.522);
35
58
  --color-indigo-100: oklch(0.93 0.034 272.788);
59
+ --color-indigo-200: oklch(0.87 0.065 274.039);
60
+ --color-indigo-300: oklch(0.785 0.115 274.713);
61
+ --color-indigo-400: oklch(0.673 0.182 276.935);
62
+ --color-indigo-500: oklch(0.585 0.233 277.117);
36
63
  --color-indigo-600: oklch(0.511 0.262 276.966);
37
64
  --color-indigo-700: oklch(0.457 0.24 277.023);
65
+ --color-indigo-800: oklch(0.398 0.195 277.366);
66
+ --color-indigo-900: oklch(0.359 0.144 278.697);
38
67
  --color-purple-100: oklch(0.946 0.033 307.174);
39
68
  --color-purple-600: oklch(0.558 0.288 302.321);
40
69
  --color-purple-700: oklch(0.496 0.265 301.924);
@@ -48,10 +77,20 @@
48
77
  --color-gray-700: oklch(0.373 0.034 259.733);
49
78
  --color-gray-800: oklch(0.278 0.033 256.848);
50
79
  --color-gray-900: oklch(0.21 0.034 264.665);
80
+ --color-zinc-50: oklch(0.985 0 0);
81
+ --color-zinc-100: oklch(0.967 0.001 286.375);
82
+ --color-zinc-200: oklch(0.92 0.004 286.32);
51
83
  --color-zinc-300: oklch(0.871 0.006 286.286);
84
+ --color-zinc-400: oklch(0.705 0.015 286.067);
85
+ --color-zinc-500: oklch(0.552 0.016 285.938);
86
+ --color-zinc-600: oklch(0.442 0.017 285.786);
87
+ --color-zinc-700: oklch(0.37 0.013 285.805);
88
+ --color-zinc-800: oklch(0.274 0.006 286.033);
89
+ --color-zinc-900: oklch(0.21 0.006 285.885);
52
90
  --color-black: #000;
53
91
  --color-white: #fff;
54
92
  --spacing: 0.25rem;
93
+ --container-xs: 20rem;
55
94
  --text-xs: 0.75rem;
56
95
  --text-xs--line-height: calc(1 / 0.75);
57
96
  --text-sm: 0.875rem;
@@ -62,6 +101,8 @@
62
101
  --text-xl--line-height: calc(1.75 / 1.25);
63
102
  --text-2xl: 1.5rem;
64
103
  --text-2xl--line-height: calc(2 / 1.5);
104
+ --text-3xl: 1.875rem;
105
+ --text-3xl--line-height: calc(2.25 / 1.875);
65
106
  --font-weight-medium: 500;
66
107
  --font-weight-semibold: 600;
67
108
  --font-weight-bold: 700;
@@ -86,7 +127,9 @@
86
127
  --color-ring: hsl(var(--ring));
87
128
  --color-background: hsl(var(--background));
88
129
  --color-foreground: hsl(var(--foreground));
130
+ --color-secondary: hsl(var(--secondary));
89
131
  --color-muted-foreground: hsl(var(--muted-foreground));
132
+ --color-card: hsl(var(--card));
90
133
  }
91
134
  }
92
135
  @layer base {
@@ -264,9 +307,38 @@
264
307
  padding-left: calc(var(--spacing) * 7);
265
308
  }
266
309
  }
310
+ .sr-only {
311
+ position: absolute;
312
+ width: 1px;
313
+ height: 1px;
314
+ padding: 0;
315
+ margin: -1px;
316
+ overflow: hidden;
317
+ clip: rect(0, 0, 0, 0);
318
+ white-space: nowrap;
319
+ border-width: 0;
320
+ }
321
+ .absolute {
322
+ position: absolute;
323
+ }
267
324
  .relative {
268
325
  position: relative;
269
326
  }
327
+ .inset-y-0 {
328
+ inset-block: calc(var(--spacing) * 0);
329
+ }
330
+ .right-0 {
331
+ right: calc(var(--spacing) * 0);
332
+ }
333
+ .z-0 {
334
+ z-index: 0;
335
+ }
336
+ .col-span-1 {
337
+ grid-column: span 1 / span 1;
338
+ }
339
+ .col-span-2 {
340
+ grid-column: span 2 / span 2;
341
+ }
270
342
  .container {
271
343
  width: 100%;
272
344
  @media (width >= 40rem) {
@@ -304,6 +376,9 @@
304
376
  .mt-2 {
305
377
  margin-top: calc(var(--spacing) * 2);
306
378
  }
379
+ .mt-4 {
380
+ margin-top: calc(var(--spacing) * 4);
381
+ }
307
382
  .mt-6 {
308
383
  margin-top: calc(var(--spacing) * 6);
309
384
  }
@@ -313,6 +388,9 @@
313
388
  .mr-1 {
314
389
  margin-right: calc(var(--spacing) * 1);
315
390
  }
391
+ .mr-1\.5 {
392
+ margin-right: calc(var(--spacing) * 1.5);
393
+ }
316
394
  .mr-2 {
317
395
  margin-right: calc(var(--spacing) * 2);
318
396
  }
@@ -328,6 +406,12 @@
328
406
  .-ml-1 {
329
407
  margin-left: calc(var(--spacing) * -1);
330
408
  }
409
+ .ml-2 {
410
+ margin-left: calc(var(--spacing) * 2);
411
+ }
412
+ .ml-3 {
413
+ margin-left: calc(var(--spacing) * 3);
414
+ }
331
415
  .ml-5 {
332
416
  margin-left: calc(var(--spacing) * 5);
333
417
  }
@@ -353,9 +437,16 @@
353
437
  outline-width: 1px;
354
438
  }
355
439
  }
440
+ .pagination {
441
+ display: flex;
442
+ justify-content: center;
443
+ }
356
444
  .block {
357
445
  display: block;
358
446
  }
447
+ .contents {
448
+ display: contents;
449
+ }
359
450
  .flex {
360
451
  display: flex;
361
452
  }
@@ -374,6 +465,9 @@
374
465
  .inline-flex {
375
466
  display: inline-flex;
376
467
  }
468
+ .list-item {
469
+ display: list-item;
470
+ }
377
471
  .table {
378
472
  display: table;
379
473
  }
@@ -474,18 +568,37 @@
474
568
  background-color: var(--color-black);
475
569
  }
476
570
  }
571
+ .size-4 {
572
+ width: calc(var(--spacing) * 4);
573
+ height: calc(var(--spacing) * 4);
574
+ }
477
575
  .h-2 {
478
576
  height: calc(var(--spacing) * 2);
479
577
  }
578
+ .h-3 {
579
+ height: calc(var(--spacing) * 3);
580
+ }
581
+ .h-4 {
582
+ height: calc(var(--spacing) * 4);
583
+ }
480
584
  .h-5 {
481
585
  height: calc(var(--spacing) * 5);
482
586
  }
483
587
  .h-6 {
484
588
  height: calc(var(--spacing) * 6);
485
589
  }
590
+ .h-10 {
591
+ height: calc(var(--spacing) * 10);
592
+ }
486
593
  .h-16 {
487
594
  height: calc(var(--spacing) * 16);
488
595
  }
596
+ .h-screen {
597
+ height: 100vh;
598
+ }
599
+ .max-h-96 {
600
+ max-height: calc(var(--spacing) * 96);
601
+ }
489
602
  .min-h-screen {
490
603
  min-height: 100vh;
491
604
  }
@@ -498,33 +611,66 @@
498
611
  .w-0 {
499
612
  width: calc(var(--spacing) * 0);
500
613
  }
614
+ .w-3 {
615
+ width: calc(var(--spacing) * 3);
616
+ }
617
+ .w-4 {
618
+ width: calc(var(--spacing) * 4);
619
+ }
501
620
  .w-5 {
502
621
  width: calc(var(--spacing) * 5);
503
622
  }
504
623
  .w-6 {
505
624
  width: calc(var(--spacing) * 6);
506
625
  }
626
+ .w-40 {
627
+ width: calc(var(--spacing) * 40);
628
+ }
629
+ .w-full {
630
+ width: 100%;
631
+ }
507
632
  .max-w-\[200px\] {
508
633
  max-width: 200px;
509
634
  }
510
635
  .max-w-\[400px\] {
511
636
  max-width: 400px;
512
637
  }
638
+ .max-w-xs {
639
+ max-width: var(--container-xs);
640
+ }
513
641
  .min-w-full {
514
642
  min-width: 100%;
515
643
  }
516
644
  .flex-1 {
517
645
  flex: 1;
518
646
  }
647
+ .flex-shrink {
648
+ flex-shrink: 1;
649
+ }
650
+ .flex-shrink-0 {
651
+ flex-shrink: 0;
652
+ }
519
653
  .shrink-0 {
520
654
  flex-shrink: 0;
521
655
  }
656
+ .flex-grow {
657
+ flex-grow: 1;
658
+ }
522
659
  .grow {
523
660
  flex-grow: 1;
524
661
  }
662
+ .border-collapse {
663
+ border-collapse: collapse;
664
+ }
525
665
  .transform {
526
666
  transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
527
667
  }
668
+ .cursor-pointer {
669
+ cursor: pointer;
670
+ }
671
+ .resize {
672
+ resize: both;
673
+ }
528
674
  .grid-cols-1 {
529
675
  grid-template-columns: repeat(1, minmax(0, 1fr));
530
676
  }
@@ -543,6 +689,21 @@
543
689
  .justify-center {
544
690
  justify-content: center;
545
691
  }
692
+ .justify-end {
693
+ justify-content: flex-end;
694
+ }
695
+ .gap-1 {
696
+ gap: calc(var(--spacing) * 1);
697
+ }
698
+ .gap-1\.5 {
699
+ gap: calc(var(--spacing) * 1.5);
700
+ }
701
+ .gap-2 {
702
+ gap: calc(var(--spacing) * 2);
703
+ }
704
+ .gap-4 {
705
+ gap: calc(var(--spacing) * 4);
706
+ }
546
707
  .gap-6 {
547
708
  gap: calc(var(--spacing) * 6);
548
709
  }
@@ -560,6 +721,23 @@
560
721
  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
561
722
  }
562
723
  }
724
+ .space-y-6 {
725
+ :where(& > :not(:last-child)) {
726
+ --tw-space-y-reverse: 0;
727
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
728
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
729
+ }
730
+ }
731
+ .gap-x-4 {
732
+ column-gap: calc(var(--spacing) * 4);
733
+ }
734
+ .-space-x-px {
735
+ :where(& > :not(:last-child)) {
736
+ --tw-space-x-reverse: 0;
737
+ margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
738
+ margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
739
+ }
740
+ }
563
741
  .space-x-2 {
564
742
  :where(& > :not(:last-child)) {
565
743
  --tw-space-x-reverse: 0;
@@ -567,6 +745,23 @@
567
745
  margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
568
746
  }
569
747
  }
748
+ .space-x-3 {
749
+ :where(& > :not(:last-child)) {
750
+ --tw-space-x-reverse: 0;
751
+ margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
752
+ margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
753
+ }
754
+ }
755
+ .space-x-4 {
756
+ :where(& > :not(:last-child)) {
757
+ --tw-space-x-reverse: 0;
758
+ margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
759
+ margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
760
+ }
761
+ }
762
+ .gap-y-6 {
763
+ row-gap: calc(var(--spacing) * 6);
764
+ }
570
765
  .divide-y {
571
766
  :where(& > :not(:last-child)) {
572
767
  --tw-divide-y-reverse: 0;
@@ -581,6 +776,11 @@
581
776
  border-color: var(--color-gray-200);
582
777
  }
583
778
  }
779
+ .divide-zinc-200 {
780
+ :where(& > :not(:last-child)) {
781
+ border-color: var(--color-zinc-200);
782
+ }
783
+ }
584
784
  .truncate {
585
785
  overflow: hidden;
586
786
  text-overflow: ellipsis;
@@ -592,6 +792,9 @@
592
792
  .overflow-x-auto {
593
793
  overflow-x: auto;
594
794
  }
795
+ .overflow-y-auto {
796
+ overflow-y: auto;
797
+ }
595
798
  .rounded {
596
799
  border-radius: 0.25rem;
597
800
  }
@@ -608,10 +811,18 @@
608
811
  border-top-left-radius: calc(infinity * 1px);
609
812
  border-bottom-left-radius: calc(infinity * 1px);
610
813
  }
814
+ .rounded-l-md {
815
+ border-top-left-radius: var(--radius-md);
816
+ border-bottom-left-radius: var(--radius-md);
817
+ }
611
818
  .rounded-r-full {
612
819
  border-top-right-radius: calc(infinity * 1px);
613
820
  border-bottom-right-radius: calc(infinity * 1px);
614
821
  }
822
+ .rounded-r-md {
823
+ border-top-right-radius: var(--radius-md);
824
+ border-bottom-right-radius: var(--radius-md);
825
+ }
615
826
  .border {
616
827
  border-style: var(--tw-border-style);
617
828
  border-width: 1px;
@@ -624,6 +835,9 @@
624
835
  border-bottom-style: var(--tw-border-style);
625
836
  border-bottom-width: 1px;
626
837
  }
838
+ .border-blue-500 {
839
+ border-color: var(--color-blue-500);
840
+ }
627
841
  .border-gray-200 {
628
842
  border-color: var(--color-gray-200);
629
843
  }
@@ -633,12 +847,24 @@
633
847
  .border-transparent {
634
848
  border-color: transparent;
635
849
  }
850
+ .border-zinc-200 {
851
+ border-color: var(--color-zinc-200);
852
+ }
853
+ .border-zinc-300 {
854
+ border-color: var(--color-zinc-300);
855
+ }
856
+ .bg-amber-50 {
857
+ background-color: var(--color-amber-50);
858
+ }
636
859
  .bg-amber-100 {
637
860
  background-color: var(--color-amber-100);
638
861
  }
639
862
  .bg-amber-500 {
640
863
  background-color: var(--color-amber-500);
641
864
  }
865
+ .bg-blue-50 {
866
+ background-color: var(--color-blue-50);
867
+ }
642
868
  .bg-blue-100 {
643
869
  background-color: var(--color-blue-100);
644
870
  }
@@ -648,14 +874,17 @@
648
874
  .bg-blue-500 {
649
875
  background-color: var(--color-blue-500);
650
876
  }
877
+ .bg-blue-600 {
878
+ background-color: var(--color-blue-600);
879
+ }
651
880
  .bg-gray-50 {
652
881
  background-color: var(--color-gray-50);
653
882
  }
654
883
  .bg-gray-100 {
655
884
  background-color: var(--color-gray-100);
656
885
  }
657
- .bg-gray-200 {
658
- background-color: var(--color-gray-200);
886
+ .bg-green-50 {
887
+ background-color: var(--color-green-50);
659
888
  }
660
889
  .bg-green-100 {
661
890
  background-color: var(--color-green-100);
@@ -669,9 +898,15 @@
669
898
  .bg-indigo-100 {
670
899
  background-color: var(--color-indigo-100);
671
900
  }
901
+ .bg-indigo-600 {
902
+ background-color: var(--color-indigo-600);
903
+ }
672
904
  .bg-purple-100 {
673
905
  background-color: var(--color-purple-100);
674
906
  }
907
+ .bg-red-50 {
908
+ background-color: var(--color-red-50);
909
+ }
675
910
  .bg-red-100 {
676
911
  background-color: var(--color-red-100);
677
912
  }
@@ -684,24 +919,45 @@
684
919
  .bg-red-600 {
685
920
  background-color: var(--color-red-600);
686
921
  }
922
+ .bg-sky-50 {
923
+ background-color: var(--color-sky-50);
924
+ }
687
925
  .bg-sky-100 {
688
926
  background-color: var(--color-sky-100);
689
927
  }
690
928
  .bg-white {
691
929
  background-color: var(--color-white);
692
930
  }
931
+ .bg-zinc-50 {
932
+ background-color: var(--color-zinc-50);
933
+ }
934
+ .bg-zinc-100 {
935
+ background-color: var(--color-zinc-100);
936
+ }
937
+ .bg-zinc-200 {
938
+ background-color: var(--color-zinc-200);
939
+ }
693
940
  .p-1 {
694
941
  padding: calc(var(--spacing) * 1);
695
942
  }
943
+ .p-2 {
944
+ padding: calc(var(--spacing) * 2);
945
+ }
696
946
  .p-3 {
697
947
  padding: calc(var(--spacing) * 3);
698
948
  }
699
949
  .p-4 {
700
950
  padding: calc(var(--spacing) * 4);
701
951
  }
952
+ .p-6 {
953
+ padding: calc(var(--spacing) * 6);
954
+ }
702
955
  .px-2 {
703
956
  padding-inline: calc(var(--spacing) * 2);
704
957
  }
958
+ .px-2\.5 {
959
+ padding-inline: calc(var(--spacing) * 2.5);
960
+ }
705
961
  .px-3 {
706
962
  padding-inline: calc(var(--spacing) * 3);
707
963
  }
@@ -711,6 +967,12 @@
711
967
  .px-6 {
712
968
  padding-inline: calc(var(--spacing) * 6);
713
969
  }
970
+ .py-0 {
971
+ padding-block: calc(var(--spacing) * 0);
972
+ }
973
+ .py-0\.5 {
974
+ padding-block: calc(var(--spacing) * 0.5);
975
+ }
714
976
  .py-1 {
715
977
  padding-block: calc(var(--spacing) * 1);
716
978
  }
@@ -726,6 +988,9 @@
726
988
  .py-5 {
727
989
  padding-block: calc(var(--spacing) * 5);
728
990
  }
991
+ .py-6 {
992
+ padding-block: calc(var(--spacing) * 6);
993
+ }
729
994
  .py-8 {
730
995
  padding-block: calc(var(--spacing) * 8);
731
996
  }
@@ -735,6 +1000,9 @@
735
1000
  .pt-4 {
736
1001
  padding-top: calc(var(--spacing) * 4);
737
1002
  }
1003
+ .pr-3 {
1004
+ padding-right: calc(var(--spacing) * 3);
1005
+ }
738
1006
  .text-center {
739
1007
  text-align: center;
740
1008
  }
@@ -748,6 +1016,10 @@
748
1016
  font-size: var(--text-2xl);
749
1017
  line-height: var(--tw-leading, var(--text-2xl--line-height));
750
1018
  }
1019
+ .text-3xl {
1020
+ font-size: var(--text-3xl);
1021
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
1022
+ }
751
1023
  .text-lg {
752
1024
  font-size: var(--text-lg);
753
1025
  line-height: var(--tw-leading, var(--text-lg--line-height));
@@ -764,6 +1036,10 @@
764
1036
  font-size: var(--text-xs);
765
1037
  line-height: var(--tw-leading, var(--text-xs--line-height));
766
1038
  }
1039
+ .leading-5 {
1040
+ --tw-leading: calc(var(--spacing) * 5);
1041
+ line-height: calc(var(--spacing) * 5);
1042
+ }
767
1043
  .leading-6 {
768
1044
  --tw-leading: calc(var(--spacing) * 6);
769
1045
  line-height: calc(var(--spacing) * 6);
@@ -796,15 +1072,27 @@
796
1072
  .text-amber-600 {
797
1073
  color: var(--color-amber-600);
798
1074
  }
1075
+ .text-amber-700 {
1076
+ color: var(--color-amber-700);
1077
+ }
1078
+ .text-amber-800 {
1079
+ color: var(--color-amber-800);
1080
+ }
799
1081
  .text-blue-600 {
800
1082
  color: var(--color-blue-600);
801
1083
  }
1084
+ .text-blue-800 {
1085
+ color: var(--color-blue-800);
1086
+ }
802
1087
  .text-gray-400 {
803
1088
  color: var(--color-gray-400);
804
1089
  }
805
1090
  .text-gray-500 {
806
1091
  color: var(--color-gray-500);
807
1092
  }
1093
+ .text-gray-600 {
1094
+ color: var(--color-gray-600);
1095
+ }
808
1096
  .text-gray-700 {
809
1097
  color: var(--color-gray-700);
810
1098
  }
@@ -820,9 +1108,18 @@
820
1108
  .text-green-700 {
821
1109
  color: var(--color-green-700);
822
1110
  }
1111
+ .text-green-800 {
1112
+ color: var(--color-green-800);
1113
+ }
823
1114
  .text-indigo-600 {
824
1115
  color: var(--color-indigo-600);
825
1116
  }
1117
+ .text-indigo-700 {
1118
+ color: var(--color-indigo-700);
1119
+ }
1120
+ .text-muted-foreground {
1121
+ color: var(--color-muted-foreground);
1122
+ }
826
1123
  .text-purple-600 {
827
1124
  color: var(--color-purple-600);
828
1125
  }
@@ -832,22 +1129,53 @@
832
1129
  .text-red-700 {
833
1130
  color: var(--color-red-700);
834
1131
  }
1132
+ .text-red-800 {
1133
+ color: var(--color-red-800);
1134
+ }
835
1135
  .text-sky-600 {
836
1136
  color: var(--color-sky-600);
837
1137
  }
1138
+ .text-sky-700 {
1139
+ color: var(--color-sky-700);
1140
+ }
1141
+ .text-sky-800 {
1142
+ color: var(--color-sky-800);
1143
+ }
838
1144
  .text-white {
839
1145
  color: var(--color-white);
840
1146
  }
1147
+ .text-zinc-400 {
1148
+ color: var(--color-zinc-400);
1149
+ }
1150
+ .text-zinc-500 {
1151
+ color: var(--color-zinc-500);
1152
+ }
1153
+ .text-zinc-700 {
1154
+ color: var(--color-zinc-700);
1155
+ }
1156
+ .text-zinc-800 {
1157
+ color: var(--color-zinc-800);
1158
+ }
1159
+ .text-zinc-900 {
1160
+ color: var(--color-zinc-900);
1161
+ }
841
1162
  .capitalize {
842
1163
  text-transform: capitalize;
843
1164
  }
844
1165
  .uppercase {
845
1166
  text-transform: uppercase;
846
1167
  }
1168
+ .underline {
1169
+ text-decoration-line: underline;
1170
+ }
847
1171
  .antialiased {
848
1172
  -webkit-font-smoothing: antialiased;
849
1173
  -moz-osx-font-smoothing: grayscale;
850
1174
  }
1175
+ .shadow {
1176
+ --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));
1177
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1178
+ }
851
1179
  .shadow-none {
852
1180
  --tw-shadow: 0 0 #0000;
853
1181
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -860,14 +1188,33 @@
860
1188
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
861
1189
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
862
1190
  }
1191
+ .outline {
1192
+ outline-style: var(--tw-outline-style);
1193
+ outline-width: 1px;
1194
+ }
1195
+ .grayscale {
1196
+ --tw-grayscale: grayscale(100%);
1197
+ 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,);
1198
+ }
863
1199
  .filter {
864
1200
  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,);
865
1201
  }
1202
+ .backdrop-filter {
1203
+ -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,);
1204
+ 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,);
1205
+ }
866
1206
  .transition {
867
1207
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
868
1208
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
869
1209
  transition-duration: var(--tw-duration, var(--default-transition-duration));
870
1210
  }
1211
+ .hover\:bg-blue-700 {
1212
+ &:hover {
1213
+ @media (hover: hover) {
1214
+ background-color: var(--color-blue-700);
1215
+ }
1216
+ }
1217
+ }
871
1218
  .hover\:bg-gray-50 {
872
1219
  &:hover {
873
1220
  @media (hover: hover) {
@@ -882,6 +1229,20 @@
882
1229
  }
883
1230
  }
884
1231
  }
1232
+ .hover\:bg-indigo-200 {
1233
+ &:hover {
1234
+ @media (hover: hover) {
1235
+ background-color: var(--color-indigo-200);
1236
+ }
1237
+ }
1238
+ }
1239
+ .hover\:bg-red-200 {
1240
+ &:hover {
1241
+ @media (hover: hover) {
1242
+ background-color: var(--color-red-200);
1243
+ }
1244
+ }
1245
+ }
885
1246
  .hover\:bg-red-700 {
886
1247
  &:hover {
887
1248
  @media (hover: hover) {
@@ -889,10 +1250,31 @@
889
1250
  }
890
1251
  }
891
1252
  }
892
- .hover\:text-gray-500 {
1253
+ .hover\:bg-zinc-50 {
893
1254
  &:hover {
894
1255
  @media (hover: hover) {
895
- color: var(--color-gray-500);
1256
+ background-color: var(--color-zinc-50);
1257
+ }
1258
+ }
1259
+ }
1260
+ .hover\:bg-zinc-100 {
1261
+ &:hover {
1262
+ @media (hover: hover) {
1263
+ background-color: var(--color-zinc-100);
1264
+ }
1265
+ }
1266
+ }
1267
+ .hover\:text-gray-700 {
1268
+ &:hover {
1269
+ @media (hover: hover) {
1270
+ color: var(--color-gray-700);
1271
+ }
1272
+ }
1273
+ }
1274
+ .hover\:text-indigo-900 {
1275
+ &:hover {
1276
+ @media (hover: hover) {
1277
+ color: var(--color-indigo-900);
896
1278
  }
897
1279
  }
898
1280
  }
@@ -903,6 +1285,13 @@
903
1285
  }
904
1286
  }
905
1287
  }
1288
+ .hover\:text-zinc-500 {
1289
+ &:hover {
1290
+ @media (hover: hover) {
1291
+ color: var(--color-zinc-500);
1292
+ }
1293
+ }
1294
+ }
906
1295
  .hover\:underline {
907
1296
  &:hover {
908
1297
  @media (hover: hover) {
@@ -910,12 +1299,27 @@
910
1299
  }
911
1300
  }
912
1301
  }
1302
+ .focus\:border-blue-500 {
1303
+ &:focus {
1304
+ border-color: var(--color-blue-500);
1305
+ }
1306
+ }
913
1307
  .focus\:ring-2 {
914
1308
  &:focus {
915
1309
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
916
1310
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
917
1311
  }
918
1312
  }
1313
+ .focus\:ring-blue-500 {
1314
+ &:focus {
1315
+ --tw-ring-color: var(--color-blue-500);
1316
+ }
1317
+ }
1318
+ .focus\:ring-indigo-500 {
1319
+ &:focus {
1320
+ --tw-ring-color: var(--color-indigo-500);
1321
+ }
1322
+ }
919
1323
  .focus\:ring-red-500 {
920
1324
  &:focus {
921
1325
  --tw-ring-color: var(--color-red-500);
@@ -967,6 +1371,11 @@
967
1371
  display: grid;
968
1372
  }
969
1373
  }
1374
+ .sm\:flex-1 {
1375
+ @media (width >= 40rem) {
1376
+ flex: 1;
1377
+ }
1378
+ }
970
1379
  .sm\:grid-cols-2 {
971
1380
  @media (width >= 40rem) {
972
1381
  grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -982,6 +1391,11 @@
982
1391
  align-items: center;
983
1392
  }
984
1393
  }
1394
+ .sm\:justify-between {
1395
+ @media (width >= 40rem) {
1396
+ justify-content: space-between;
1397
+ }
1398
+ }
985
1399
  .sm\:gap-4 {
986
1400
  @media (width >= 40rem) {
987
1401
  gap: calc(var(--spacing) * 4);
@@ -996,6 +1410,11 @@
996
1410
  }
997
1411
  }
998
1412
  }
1413
+ .sm\:rounded-lg {
1414
+ @media (width >= 40rem) {
1415
+ border-radius: var(--radius-lg);
1416
+ }
1417
+ }
999
1418
  .sm\:p-6 {
1000
1419
  @media (width >= 40rem) {
1001
1420
  padding: calc(var(--spacing) * 6);
@@ -1011,6 +1430,17 @@
1011
1430
  padding-block: calc(var(--spacing) * 5);
1012
1431
  }
1013
1432
  }
1433
+ .sm\:text-sm {
1434
+ @media (width >= 40rem) {
1435
+ font-size: var(--text-sm);
1436
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1437
+ }
1438
+ }
1439
+ .md\:w-1\/2 {
1440
+ @media (width >= 48rem) {
1441
+ width: calc(1/2 * 100%);
1442
+ }
1443
+ }
1014
1444
  .md\:grid-cols-2 {
1015
1445
  @media (width >= 48rem) {
1016
1446
  grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -1026,6 +1456,31 @@
1026
1456
  grid-template-columns: repeat(4, minmax(0, 1fr));
1027
1457
  }
1028
1458
  }
1459
+ .md\:flex-row {
1460
+ @media (width >= 48rem) {
1461
+ flex-direction: row;
1462
+ }
1463
+ }
1464
+ .md\:items-center {
1465
+ @media (width >= 48rem) {
1466
+ align-items: center;
1467
+ }
1468
+ }
1469
+ .md\:justify-between {
1470
+ @media (width >= 48rem) {
1471
+ justify-content: space-between;
1472
+ }
1473
+ }
1474
+ .lg\:w-1\/3 {
1475
+ @media (width >= 64rem) {
1476
+ width: calc(1/3 * 100%);
1477
+ }
1478
+ }
1479
+ .lg\:grid-cols-4 {
1480
+ @media (width >= 64rem) {
1481
+ grid-template-columns: repeat(4, minmax(0, 1fr));
1482
+ }
1483
+ }
1029
1484
  .dark\:divide-gray-700 {
1030
1485
  &:is(.dark *) {
1031
1486
  :where(& > :not(:last-child)) {
@@ -1033,6 +1488,18 @@
1033
1488
  }
1034
1489
  }
1035
1490
  }
1491
+ .dark\:divide-zinc-700 {
1492
+ &:is(.dark *) {
1493
+ :where(& > :not(:last-child)) {
1494
+ border-color: var(--color-zinc-700);
1495
+ }
1496
+ }
1497
+ }
1498
+ .dark\:border-blue-600 {
1499
+ &:is(.dark *) {
1500
+ border-color: var(--color-blue-600);
1501
+ }
1502
+ }
1036
1503
  .dark\:border-gray-600 {
1037
1504
  &:is(.dark *) {
1038
1505
  border-color: var(--color-gray-600);
@@ -1043,6 +1510,16 @@
1043
1510
  border-color: var(--color-gray-700);
1044
1511
  }
1045
1512
  }
1513
+ .dark\:border-zinc-600 {
1514
+ &:is(.dark *) {
1515
+ border-color: var(--color-zinc-600);
1516
+ }
1517
+ }
1518
+ .dark\:border-zinc-700 {
1519
+ &:is(.dark *) {
1520
+ border-color: var(--color-zinc-700);
1521
+ }
1522
+ }
1046
1523
  .dark\:bg-amber-600 {
1047
1524
  &:is(.dark *) {
1048
1525
  background-color: var(--color-amber-600);
@@ -1053,6 +1530,26 @@
1053
1530
  background-color: var(--color-amber-700);
1054
1531
  }
1055
1532
  }
1533
+ .dark\:bg-amber-800 {
1534
+ &:is(.dark *) {
1535
+ background-color: var(--color-amber-800);
1536
+ }
1537
+ }
1538
+ .dark\:bg-amber-900 {
1539
+ &:is(.dark *) {
1540
+ background-color: var(--color-amber-900);
1541
+ }
1542
+ }
1543
+ .dark\:bg-background {
1544
+ &:is(.dark *) {
1545
+ background-color: var(--color-background);
1546
+ }
1547
+ }
1548
+ .dark\:bg-background\/20 {
1549
+ &:is(.dark *) {
1550
+ background-color: color-mix(in oklab, var(--color-background) 20%, transparent);
1551
+ }
1552
+ }
1056
1553
  .dark\:bg-blue-600 {
1057
1554
  &:is(.dark *) {
1058
1555
  background-color: var(--color-blue-600);
@@ -1063,6 +1560,21 @@
1063
1560
  background-color: var(--color-blue-700);
1064
1561
  }
1065
1562
  }
1563
+ .dark\:bg-blue-800 {
1564
+ &:is(.dark *) {
1565
+ background-color: var(--color-blue-800);
1566
+ }
1567
+ }
1568
+ .dark\:bg-blue-900 {
1569
+ &:is(.dark *) {
1570
+ background-color: var(--color-blue-900);
1571
+ }
1572
+ }
1573
+ .dark\:bg-card {
1574
+ &:is(.dark *) {
1575
+ background-color: var(--color-card);
1576
+ }
1577
+ }
1066
1578
  .dark\:bg-gray-700 {
1067
1579
  &:is(.dark *) {
1068
1580
  background-color: var(--color-gray-700);
@@ -1088,11 +1600,31 @@
1088
1600
  background-color: var(--color-green-700);
1089
1601
  }
1090
1602
  }
1603
+ .dark\:bg-green-800 {
1604
+ &:is(.dark *) {
1605
+ background-color: var(--color-green-800);
1606
+ }
1607
+ }
1608
+ .dark\:bg-green-900 {
1609
+ &:is(.dark *) {
1610
+ background-color: var(--color-green-900);
1611
+ }
1612
+ }
1091
1613
  .dark\:bg-indigo-700 {
1092
1614
  &:is(.dark *) {
1093
1615
  background-color: var(--color-indigo-700);
1094
1616
  }
1095
1617
  }
1618
+ .dark\:bg-indigo-800 {
1619
+ &:is(.dark *) {
1620
+ background-color: var(--color-indigo-800);
1621
+ }
1622
+ }
1623
+ .dark\:bg-indigo-900 {
1624
+ &:is(.dark *) {
1625
+ background-color: var(--color-indigo-900);
1626
+ }
1627
+ }
1096
1628
  .dark\:bg-purple-700 {
1097
1629
  &:is(.dark *) {
1098
1630
  background-color: var(--color-purple-700);
@@ -1108,26 +1640,86 @@
1108
1640
  background-color: var(--color-red-700);
1109
1641
  }
1110
1642
  }
1643
+ .dark\:bg-red-800 {
1644
+ &:is(.dark *) {
1645
+ background-color: var(--color-red-800);
1646
+ }
1647
+ }
1648
+ .dark\:bg-red-900 {
1649
+ &:is(.dark *) {
1650
+ background-color: var(--color-red-900);
1651
+ }
1652
+ }
1653
+ .dark\:bg-secondary {
1654
+ &:is(.dark *) {
1655
+ background-color: var(--color-secondary);
1656
+ }
1657
+ }
1111
1658
  .dark\:bg-sky-700 {
1112
1659
  &:is(.dark *) {
1113
1660
  background-color: var(--color-sky-700);
1114
1661
  }
1115
1662
  }
1663
+ .dark\:bg-sky-900 {
1664
+ &:is(.dark *) {
1665
+ background-color: var(--color-sky-900);
1666
+ }
1667
+ }
1668
+ .dark\:bg-zinc-800 {
1669
+ &:is(.dark *) {
1670
+ background-color: var(--color-zinc-800);
1671
+ }
1672
+ }
1673
+ .dark\:bg-zinc-900 {
1674
+ &:is(.dark *) {
1675
+ background-color: var(--color-zinc-900);
1676
+ }
1677
+ }
1116
1678
  .dark\:text-amber-100 {
1117
1679
  &:is(.dark *) {
1118
1680
  color: var(--color-amber-100);
1119
1681
  }
1120
1682
  }
1683
+ .dark\:text-amber-200 {
1684
+ &:is(.dark *) {
1685
+ color: var(--color-amber-200);
1686
+ }
1687
+ }
1688
+ .dark\:text-amber-300 {
1689
+ &:is(.dark *) {
1690
+ color: var(--color-amber-300);
1691
+ }
1692
+ }
1693
+ .dark\:text-amber-400 {
1694
+ &:is(.dark *) {
1695
+ color: var(--color-amber-400);
1696
+ }
1697
+ }
1121
1698
  .dark\:text-blue-100 {
1122
1699
  &:is(.dark *) {
1123
1700
  color: var(--color-blue-100);
1124
1701
  }
1125
1702
  }
1703
+ .dark\:text-blue-300 {
1704
+ &:is(.dark *) {
1705
+ color: var(--color-blue-300);
1706
+ }
1707
+ }
1126
1708
  .dark\:text-blue-400 {
1127
1709
  &:is(.dark *) {
1128
1710
  color: var(--color-blue-400);
1129
1711
  }
1130
1712
  }
1713
+ .dark\:text-gray-100 {
1714
+ &:is(.dark *) {
1715
+ color: var(--color-gray-100);
1716
+ }
1717
+ }
1718
+ .dark\:text-gray-200 {
1719
+ &:is(.dark *) {
1720
+ color: var(--color-gray-200);
1721
+ }
1722
+ }
1131
1723
  .dark\:text-gray-300 {
1132
1724
  &:is(.dark *) {
1133
1725
  color: var(--color-gray-300);
@@ -1138,16 +1730,46 @@
1138
1730
  color: var(--color-gray-400);
1139
1731
  }
1140
1732
  }
1733
+ .dark\:text-gray-500 {
1734
+ &:is(.dark *) {
1735
+ color: var(--color-gray-500);
1736
+ }
1737
+ }
1141
1738
  .dark\:text-green-100 {
1142
1739
  &:is(.dark *) {
1143
1740
  color: var(--color-green-100);
1144
1741
  }
1145
1742
  }
1743
+ .dark\:text-green-200 {
1744
+ &:is(.dark *) {
1745
+ color: var(--color-green-200);
1746
+ }
1747
+ }
1748
+ .dark\:text-green-300 {
1749
+ &:is(.dark *) {
1750
+ color: var(--color-green-300);
1751
+ }
1752
+ }
1753
+ .dark\:text-green-400 {
1754
+ &:is(.dark *) {
1755
+ color: var(--color-green-400);
1756
+ }
1757
+ }
1146
1758
  .dark\:text-indigo-100 {
1147
1759
  &:is(.dark *) {
1148
1760
  color: var(--color-indigo-100);
1149
1761
  }
1150
1762
  }
1763
+ .dark\:text-indigo-300 {
1764
+ &:is(.dark *) {
1765
+ color: var(--color-indigo-300);
1766
+ }
1767
+ }
1768
+ .dark\:text-indigo-400 {
1769
+ &:is(.dark *) {
1770
+ color: var(--color-indigo-400);
1771
+ }
1772
+ }
1151
1773
  .dark\:text-purple-100 {
1152
1774
  &:is(.dark *) {
1153
1775
  color: var(--color-purple-100);
@@ -1158,6 +1780,16 @@
1158
1780
  color: var(--color-red-100);
1159
1781
  }
1160
1782
  }
1783
+ .dark\:text-red-200 {
1784
+ &:is(.dark *) {
1785
+ color: var(--color-red-200);
1786
+ }
1787
+ }
1788
+ .dark\:text-red-300 {
1789
+ &:is(.dark *) {
1790
+ color: var(--color-red-300);
1791
+ }
1792
+ }
1161
1793
  .dark\:text-red-400 {
1162
1794
  &:is(.dark *) {
1163
1795
  color: var(--color-red-400);
@@ -1168,11 +1800,55 @@
1168
1800
  color: var(--color-sky-100);
1169
1801
  }
1170
1802
  }
1803
+ .dark\:text-sky-200 {
1804
+ &:is(.dark *) {
1805
+ color: var(--color-sky-200);
1806
+ }
1807
+ }
1808
+ .dark\:text-sky-300 {
1809
+ &:is(.dark *) {
1810
+ color: var(--color-sky-300);
1811
+ }
1812
+ }
1813
+ .dark\:text-sky-400 {
1814
+ &:is(.dark *) {
1815
+ color: var(--color-sky-400);
1816
+ }
1817
+ }
1171
1818
  .dark\:text-white {
1172
1819
  &:is(.dark *) {
1173
1820
  color: var(--color-white);
1174
1821
  }
1175
1822
  }
1823
+ .dark\:text-zinc-100 {
1824
+ &:is(.dark *) {
1825
+ color: var(--color-zinc-100);
1826
+ }
1827
+ }
1828
+ .dark\:text-zinc-300 {
1829
+ &:is(.dark *) {
1830
+ color: var(--color-zinc-300);
1831
+ }
1832
+ }
1833
+ .dark\:text-zinc-400 {
1834
+ &:is(.dark *) {
1835
+ color: var(--color-zinc-400);
1836
+ }
1837
+ }
1838
+ .dark\:text-zinc-500 {
1839
+ &:is(.dark *) {
1840
+ color: var(--color-zinc-500);
1841
+ }
1842
+ }
1843
+ .dark\:hover\:bg-gray-600 {
1844
+ &:is(.dark *) {
1845
+ &:hover {
1846
+ @media (hover: hover) {
1847
+ background-color: var(--color-gray-600);
1848
+ }
1849
+ }
1850
+ }
1851
+ }
1176
1852
  .dark\:hover\:bg-gray-700 {
1177
1853
  &:is(.dark *) {
1178
1854
  &:hover {
@@ -1182,6 +1858,42 @@
1182
1858
  }
1183
1859
  }
1184
1860
  }
1861
+ .dark\:hover\:bg-indigo-800 {
1862
+ &:is(.dark *) {
1863
+ &:hover {
1864
+ @media (hover: hover) {
1865
+ background-color: var(--color-indigo-800);
1866
+ }
1867
+ }
1868
+ }
1869
+ }
1870
+ .dark\:hover\:bg-red-800 {
1871
+ &:is(.dark *) {
1872
+ &:hover {
1873
+ @media (hover: hover) {
1874
+ background-color: var(--color-red-800);
1875
+ }
1876
+ }
1877
+ }
1878
+ }
1879
+ .dark\:hover\:bg-secondary {
1880
+ &:is(.dark *) {
1881
+ &:hover {
1882
+ @media (hover: hover) {
1883
+ background-color: var(--color-secondary);
1884
+ }
1885
+ }
1886
+ }
1887
+ }
1888
+ .dark\:hover\:bg-zinc-700 {
1889
+ &:is(.dark *) {
1890
+ &:hover {
1891
+ @media (hover: hover) {
1892
+ background-color: var(--color-zinc-700);
1893
+ }
1894
+ }
1895
+ }
1896
+ }
1185
1897
  .dark\:hover\:text-gray-300 {
1186
1898
  &:is(.dark *) {
1187
1899
  &:hover {
@@ -1191,6 +1903,15 @@
1191
1903
  }
1192
1904
  }
1193
1905
  }
1906
+ .dark\:hover\:text-indigo-300 {
1907
+ &:is(.dark *) {
1908
+ &:hover {
1909
+ @media (hover: hover) {
1910
+ color: var(--color-indigo-300);
1911
+ }
1912
+ }
1913
+ }
1914
+ }
1194
1915
  .dark\:hover\:text-red-300 {
1195
1916
  &:is(.dark *) {
1196
1917
  &:hover {
@@ -1200,10 +1921,19 @@
1200
1921
  }
1201
1922
  }
1202
1923
  }
1924
+ .dark\:hover\:text-zinc-300 {
1925
+ &:is(.dark *) {
1926
+ &:hover {
1927
+ @media (hover: hover) {
1928
+ color: var(--color-zinc-300);
1929
+ }
1930
+ }
1931
+ }
1932
+ }
1203
1933
  }
1204
1934
  @layer base {
1205
1935
  *, ::after, ::before, ::backdrop, ::file-selector-button {
1206
- border-color: var(--color-gray-200, currentColor);
1936
+ border-color: var(--color-zinc-200, currentColor);
1207
1937
  }
1208
1938
  }
1209
1939
  @layer base {
@@ -1235,23 +1965,23 @@
1235
1965
  --chart-5: 27 87% 67%;
1236
1966
  }
1237
1967
  .dark {
1238
- --background: 240 10% 5.4%;
1968
+ --background: 0 0% 1%;
1239
1969
  --foreground: 0 0% 92%;
1240
- --card: 240 10% 3.9%;
1970
+ --card: 240 0% 10%;
1241
1971
  --card-foreground: 0 0% 92%;
1242
- --popover: 240 10% 3.9%;
1972
+ --popover: 240 0% 12%;
1243
1973
  --popover-foreground: 0 0% 98%;
1244
1974
  --primary: 0 0% 95%;
1245
1975
  --primary-foreground: 240 5.9% 10%;
1246
- --secondary: 240 3.7% 15.9%;
1976
+ --secondary: 240 3.7% 20%;
1247
1977
  --secondary-foreground: 0 0% 98%;
1248
- --muted: 240 3.7% 15.9%;
1978
+ --muted: 240 3.7% 20%;
1249
1979
  --muted-foreground: 240 5% 64.9%;
1250
- --accent: 240 3.7% 15.9%;
1980
+ --accent: 240 3.7% 20%;
1251
1981
  --accent-foreground: 0 0% 98%;
1252
1982
  --destructive: 0 62.8% 30.6%;
1253
1983
  --destructive-foreground: 0 0% 98%;
1254
- --border: 240 3.7% 11%;
1984
+ --border: 240 3.7% 16%;
1255
1985
  --input: 240 3.7% 15.9%;
1256
1986
  --ring: 240 4.9% 83.9%;
1257
1987
  --chart-1: 220 70% 50%;
@@ -1466,3 +2196,39 @@
1466
2196
  syntax: "*";
1467
2197
  inherits: false;
1468
2198
  }
2199
+ @property --tw-backdrop-blur {
2200
+ syntax: "*";
2201
+ inherits: false;
2202
+ }
2203
+ @property --tw-backdrop-brightness {
2204
+ syntax: "*";
2205
+ inherits: false;
2206
+ }
2207
+ @property --tw-backdrop-contrast {
2208
+ syntax: "*";
2209
+ inherits: false;
2210
+ }
2211
+ @property --tw-backdrop-grayscale {
2212
+ syntax: "*";
2213
+ inherits: false;
2214
+ }
2215
+ @property --tw-backdrop-hue-rotate {
2216
+ syntax: "*";
2217
+ inherits: false;
2218
+ }
2219
+ @property --tw-backdrop-invert {
2220
+ syntax: "*";
2221
+ inherits: false;
2222
+ }
2223
+ @property --tw-backdrop-opacity {
2224
+ syntax: "*";
2225
+ inherits: false;
2226
+ }
2227
+ @property --tw-backdrop-saturate {
2228
+ syntax: "*";
2229
+ inherits: false;
2230
+ }
2231
+ @property --tw-backdrop-sepia {
2232
+ syntax: "*";
2233
+ inherits: false;
2234
+ }