@lanrenbang/basecoat-ultra 0.1.4 → 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.
@@ -7,37 +7,14 @@
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-500: oklch(63.7% 0.237 25.331);
11
- --color-amber-50: oklch(98.7% 0.022 95.277);
12
- --color-amber-100: oklch(96.2% 0.059 95.617);
13
- --color-amber-900: oklch(41.4% 0.112 45.904);
14
- --color-amber-950: oklch(27.9% 0.077 45.635);
15
- --color-yellow-500: oklch(79.5% 0.184 86.047);
16
- --color-green-50: oklch(98.2% 0.018 155.826);
17
10
  --color-green-500: oklch(72.3% 0.219 149.579);
18
- --color-green-600: oklch(62.7% 0.194 149.214);
19
- --color-green-900: oklch(39.3% 0.095 152.535);
20
- --color-green-950: oklch(26.6% 0.065 152.934);
21
- --color-blue-50: oklch(97% 0.014 254.604);
22
- --color-blue-500: oklch(62.3% 0.214 259.815);
23
- --color-blue-600: oklch(54.6% 0.245 262.881);
24
- --color-blue-700: oklch(48.8% 0.243 264.376);
25
- --color-blue-900: oklch(37.9% 0.146 265.522);
26
- --color-blue-950: oklch(28.2% 0.091 267.935);
27
- --color-purple-500: oklch(62.7% 0.265 303.9);
28
- --color-neutral-300: oklch(87% 0 0);
29
- --color-neutral-800: oklch(26.9% 0 0);
30
11
  --color-black: #000;
31
12
  --color-white: #fff;
32
13
  --spacing: 0.25rem;
33
- --breakpoint-md: 48rem;
34
- --breakpoint-lg: 64rem;
35
14
  --container-xs: 20rem;
36
15
  --container-sm: 24rem;
37
16
  --container-md: 28rem;
38
17
  --container-lg: 32rem;
39
- --container-xl: 36rem;
40
- --container-3xl: 48rem;
41
18
  --container-4xl: 56rem;
42
19
  --text-xs: 0.75rem;
43
20
  --text-xs--line-height: calc(1 / 0.75);
@@ -63,9 +40,7 @@
63
40
  --font-weight-bold: 700;
64
41
  --tracking-tighter: -0.05em;
65
42
  --tracking-tight: -0.025em;
66
- --tracking-normal: 0em;
67
43
  --tracking-wider: 0.05em;
68
- --tracking-widest: 0.1em;
69
44
  --leading-tight: 1.25;
70
45
  --leading-snug: 1.375;
71
46
  --leading-normal: 1.5;
@@ -80,7 +55,6 @@
80
55
  --animate-spin: spin 1s linear infinite;
81
56
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
82
57
  --blur-sm: 8px;
83
- --aspect-video: 16 / 9;
84
58
  --default-transition-duration: 150ms;
85
59
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
86
60
  --default-font-family: var(--font-sans);
@@ -270,19 +244,8 @@
270
244
  .pointer-events-none {
271
245
  pointer-events: none;
272
246
  }
273
- .invisible {
274
- visibility: hidden;
275
- }
276
- .sr-only {
277
- position: absolute;
278
- width: 1px;
279
- height: 1px;
280
- padding: 0;
281
- margin: -1px;
282
- overflow: hidden;
283
- clip-path: inset(50%);
284
- white-space: nowrap;
285
- border-width: 0;
247
+ .visible {
248
+ visibility: visible;
286
249
  }
287
250
  .absolute {
288
251
  position: absolute;
@@ -323,9 +286,6 @@
323
286
  .top-4 {
324
287
  top: calc(var(--spacing) * 4);
325
288
  }
326
- .top-22 {
327
- top: calc(var(--spacing) * 22);
328
- }
329
289
  .top-\[50\%\] {
330
290
  top: 50%;
331
291
  }
@@ -341,11 +301,8 @@
341
301
  .right-1 {
342
302
  right: calc(var(--spacing) * 1);
343
303
  }
344
- .right-1\.5 {
345
- right: calc(var(--spacing) * 1.5);
346
- }
347
- .right-2\.5 {
348
- right: calc(var(--spacing) * 2.5);
304
+ .right-2 {
305
+ right: calc(var(--spacing) * 2);
349
306
  }
350
307
  .right-3 {
351
308
  right: calc(var(--spacing) * 3);
@@ -365,15 +322,9 @@
365
322
  .left-0 {
366
323
  left: calc(var(--spacing) * 0);
367
324
  }
368
- .left-1\.5 {
369
- left: calc(var(--spacing) * 1.5);
370
- }
371
325
  .left-1\/2 {
372
326
  left: calc(1/2 * 100%);
373
327
  }
374
- .left-2 {
375
- left: calc(var(--spacing) * 2);
376
- }
377
328
  .left-3 {
378
329
  left: calc(var(--spacing) * 3);
379
330
  }
@@ -398,9 +349,6 @@
398
349
  .z-50 {
399
350
  z-index: 50;
400
351
  }
401
- .col-span-2 {
402
- grid-column: span 2 / span 2;
403
- }
404
352
  .col-span-3 {
405
353
  grid-column: span 3 / span 3;
406
354
  }
@@ -422,9 +370,6 @@
422
370
  max-width: 96rem;
423
371
  }
424
372
  }
425
- .m-0 {
426
- margin: calc(var(--spacing) * 0);
427
- }
428
373
  .-mx-6 {
429
374
  margin-inline: calc(var(--spacing) * -6);
430
375
  }
@@ -437,12 +382,6 @@
437
382
  .my-1 {
438
383
  margin-block: calc(var(--spacing) * 1);
439
384
  }
440
- .my-4 {
441
- margin-block: calc(var(--spacing) * 4);
442
- }
443
- .my-6 {
444
- margin-block: calc(var(--spacing) * 6);
445
- }
446
385
  .-mt-1\.25 {
447
386
  margin-top: calc(var(--spacing) * -1.25);
448
387
  }
@@ -470,9 +409,6 @@
470
409
  .mr-2 {
471
410
  margin-right: calc(var(--spacing) * 2);
472
411
  }
473
- .mr-auto {
474
- margin-right: auto;
475
- }
476
412
  .mb-1 {
477
413
  margin-bottom: calc(var(--spacing) * 1);
478
414
  }
@@ -494,9 +430,6 @@
494
430
  .mb-12 {
495
431
  margin-bottom: calc(var(--spacing) * 12);
496
432
  }
497
- .-ml-1\.5 {
498
- margin-left: calc(var(--spacing) * -1.5);
499
- }
500
433
  .-ml-2 {
501
434
  margin-left: calc(var(--spacing) * -2);
502
435
  }
@@ -506,24 +439,9 @@
506
439
  .ml-auto {
507
440
  margin-left: auto;
508
441
  }
509
- .line-clamp-1 {
510
- overflow: hidden;
511
- display: -webkit-box;
512
- -webkit-box-orient: vertical;
513
- -webkit-line-clamp: 1;
514
- }
515
- .line-clamp-2 {
516
- overflow: hidden;
517
- display: -webkit-box;
518
- -webkit-box-orient: vertical;
519
- -webkit-line-clamp: 2;
520
- }
521
442
  .block {
522
443
  display: block;
523
444
  }
524
- .contents {
525
- display: contents;
526
- }
527
445
  .flex {
528
446
  display: flex;
529
447
  }
@@ -536,9 +454,6 @@
536
454
  .inline {
537
455
  display: inline;
538
456
  }
539
- .inline-block {
540
- display: inline-block;
541
- }
542
457
  .inline-flex {
543
458
  display: inline-flex;
544
459
  }
@@ -548,25 +463,6 @@
548
463
  .aspect-square {
549
464
  aspect-ratio: 1 / 1;
550
465
  }
551
- .aspect-video {
552
- aspect-ratio: var(--aspect-video);
553
- }
554
- .size-2 {
555
- width: calc(var(--spacing) * 2);
556
- height: calc(var(--spacing) * 2);
557
- }
558
- .size-2\.5 {
559
- width: calc(var(--spacing) * 2.5);
560
- height: calc(var(--spacing) * 2.5);
561
- }
562
- .size-3 {
563
- width: calc(var(--spacing) * 3);
564
- height: calc(var(--spacing) * 3);
565
- }
566
- .size-3\.5 {
567
- width: calc(var(--spacing) * 3.5);
568
- height: calc(var(--spacing) * 3.5);
569
- }
570
466
  .size-4 {
571
467
  width: calc(var(--spacing) * 4);
572
468
  height: calc(var(--spacing) * 4);
@@ -575,18 +471,10 @@
575
471
  width: calc(var(--spacing) * 6);
576
472
  height: calc(var(--spacing) * 6);
577
473
  }
578
- .size-7 {
579
- width: calc(var(--spacing) * 7);
580
- height: calc(var(--spacing) * 7);
581
- }
582
474
  .size-8 {
583
475
  width: calc(var(--spacing) * 8);
584
476
  height: calc(var(--spacing) * 8);
585
477
  }
586
- .size-9 {
587
- width: calc(var(--spacing) * 9);
588
- height: calc(var(--spacing) * 9);
589
- }
590
478
  .size-10 {
591
479
  width: calc(var(--spacing) * 10);
592
480
  height: calc(var(--spacing) * 10);
@@ -662,51 +550,18 @@
662
550
  .max-h-40 {
663
551
  max-height: calc(var(--spacing) * 40);
664
552
  }
665
- .max-h-64 {
666
- max-height: calc(var(--spacing) * 64);
667
- }
668
553
  .max-h-\[35vh\] {
669
554
  max-height: 35vh;
670
555
  }
671
- .max-h-\[150px\] {
672
- max-height: 150px;
673
- }
674
- .max-h-\[200px\] {
675
- max-height: 200px;
676
- }
677
556
  .max-h-\[300px\] {
678
557
  max-height: 300px;
679
558
  }
680
- .max-h-\[612px\] {
681
- max-height: 612px;
682
- }
683
- .max-h-\[650px\] {
684
- max-height: 650px;
685
- }
686
- .min-h-25 {
687
- min-height: calc(var(--spacing) * 25);
688
- }
689
- .min-h-27 {
690
- min-height: calc(var(--spacing) * 27);
691
- }
692
- .min-h-77 {
693
- min-height: calc(var(--spacing) * 77);
694
- }
695
- .min-h-\[350px\] {
696
- min-height: 350px;
697
- }
698
559
  .min-h-screen {
699
560
  min-height: 100vh;
700
561
  }
701
- .w-0 {
702
- width: calc(var(--spacing) * 0);
703
- }
704
562
  .w-1\/2 {
705
563
  width: calc(1/2 * 100%);
706
564
  }
707
- .w-2\/3 {
708
- width: calc(2/3 * 100%);
709
- }
710
565
  .w-3\/4 {
711
566
  width: calc(3/4 * 100%);
712
567
  }
@@ -716,9 +571,6 @@
716
571
  .w-6 {
717
572
  width: calc(var(--spacing) * 6);
718
573
  }
719
- .w-7\.5 {
720
- width: calc(var(--spacing) * 7.5);
721
- }
722
574
  .w-8 {
723
575
  width: calc(var(--spacing) * 8);
724
576
  }
@@ -740,9 +592,6 @@
740
592
  .w-64 {
741
593
  width: calc(var(--spacing) * 64);
742
594
  }
743
- .w-72 {
744
- width: calc(var(--spacing) * 72);
745
- }
746
595
  .w-80 {
747
596
  width: calc(var(--spacing) * 80);
748
597
  }
@@ -755,54 +604,21 @@
755
604
  .w-\[100px\] {
756
605
  width: 100px;
757
606
  }
758
- .w-\[150px\] {
759
- width: 150px;
760
- }
761
- .w-\[180px\] {
762
- width: 180px;
763
- }
764
- .w-\[200px\] {
765
- width: 200px;
766
- }
767
- .w-\[271px\] {
768
- width: 271px;
769
- }
770
607
  .w-fit {
771
608
  width: fit-content;
772
609
  }
773
610
  .w-full {
774
611
  width: 100%;
775
612
  }
776
- .w-max {
777
- width: max-content;
778
- }
779
613
  .w-px {
780
614
  width: 1px;
781
615
  }
782
- .max-w-3xl {
783
- max-width: var(--container-3xl);
784
- }
785
616
  .max-w-4xl {
786
617
  max-width: var(--container-4xl);
787
618
  }
788
- .max-w-72 {
789
- max-width: calc(var(--spacing) * 72);
790
- }
791
- .max-w-\[75\%\] {
792
- max-width: 75%;
793
- }
794
- .max-w-\[200px\] {
795
- max-width: 200px;
796
- }
797
- .max-w-\[300px\] {
798
- max-width: 300px;
799
- }
800
619
  .max-w-\[400px\] {
801
620
  max-width: 400px;
802
621
  }
803
- .max-w-\[450px\] {
804
- max-width: 450px;
805
- }
806
622
  .max-w-\[calc\(100\%_-_2rem\)\] {
807
623
  max-width: calc(100% - 2rem);
808
624
  }
@@ -812,18 +628,9 @@
812
628
  .max-w-md {
813
629
  max-width: var(--container-md);
814
630
  }
815
- .max-w-screen-lg {
816
- max-width: var(--breakpoint-lg);
817
- }
818
- .max-w-screen-md {
819
- max-width: var(--breakpoint-md);
820
- }
821
631
  .max-w-sm {
822
632
  max-width: var(--container-sm);
823
633
  }
824
- .max-w-xl {
825
- max-width: var(--container-xl);
826
- }
827
634
  .max-w-xs {
828
635
  max-width: var(--container-xs);
829
636
  }
@@ -836,24 +643,9 @@
836
643
  .min-w-10 {
837
644
  min-width: calc(var(--spacing) * 10);
838
645
  }
839
- .min-w-32 {
840
- min-width: calc(var(--spacing) * 32);
841
- }
842
- .min-w-56 {
843
- min-width: calc(var(--spacing) * 56);
844
- }
845
- .min-w-\[8rem\] {
846
- min-width: 8rem;
847
- }
848
646
  .flex-1 {
849
647
  flex: 1;
850
648
  }
851
- .flex-none {
852
- flex: none;
853
- }
854
- .flex-shrink {
855
- flex-shrink: 1;
856
- }
857
649
  .flex-shrink-0 {
858
650
  flex-shrink: 0;
859
651
  }
@@ -878,20 +670,9 @@
878
670
  --tw-translate-y: calc(var(--spacing) * 0);
879
671
  translate: var(--tw-translate-x) var(--tw-translate-y);
880
672
  }
881
- .translate-y-0\.5 {
882
- --tw-translate-y: calc(var(--spacing) * 0.5);
883
- translate: var(--tw-translate-x) var(--tw-translate-y);
884
- }
885
673
  .rotate-90 {
886
674
  rotate: 90deg;
887
675
  }
888
- .rotate-y-180 {
889
- --tw-rotate-y: rotateY(180deg);
890
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
891
- }
892
- .\[transform\:rotateY\(90deg\)\] {
893
- transform: rotateY(90deg);
894
- }
895
676
  .transform {
896
677
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
897
678
  }
@@ -916,36 +697,12 @@
916
697
  .snap-mandatory {
917
698
  --tw-scroll-snap-strictness: mandatory;
918
699
  }
919
- .scroll-m-20 {
920
- scroll-margin: calc(var(--spacing) * 20);
921
- }
922
- .scroll-mt-14 {
923
- scroll-margin-top: calc(var(--spacing) * 14);
924
- }
925
- .scroll-mt-16 {
926
- scroll-margin-top: calc(var(--spacing) * 16);
927
- }
928
- .list-inside {
929
- list-style-position: inside;
930
- }
931
- .list-decimal {
932
- list-style-type: decimal;
933
- }
934
- .list-disc {
935
- list-style-type: disc;
700
+ .scroll-pt-20 {
701
+ scroll-padding-top: calc(var(--spacing) * 20);
936
702
  }
937
703
  .appearance-none {
938
704
  appearance: none;
939
705
  }
940
- .grid-cols-1 {
941
- grid-template-columns: repeat(1, minmax(0, 1fr));
942
- }
943
- .grid-cols-2 {
944
- grid-template-columns: repeat(2, minmax(0, 1fr));
945
- }
946
- .grid-cols-3 {
947
- grid-template-columns: repeat(3, minmax(0, 1fr));
948
- }
949
706
  .grid-cols-4 {
950
707
  grid-template-columns: repeat(4, minmax(0, 1fr));
951
708
  }
@@ -958,9 +715,6 @@
958
715
  .flex-col-reverse {
959
716
  flex-direction: column-reverse;
960
717
  }
961
- .flex-row {
962
- flex-direction: row;
963
- }
964
718
  .flex-wrap {
965
719
  flex-wrap: wrap;
966
720
  }
@@ -976,9 +730,6 @@
976
730
  .items-start {
977
731
  align-items: flex-start;
978
732
  }
979
- .items-stretch {
980
- align-items: stretch;
981
- }
982
733
  .justify-between {
983
734
  justify-content: space-between;
984
735
  }
@@ -991,9 +742,6 @@
991
742
  .justify-start {
992
743
  justify-content: flex-start;
993
744
  }
994
- .gap-0\.5 {
995
- gap: calc(var(--spacing) * 0.5);
996
- }
997
745
  .gap-1 {
998
746
  gap: calc(var(--spacing) * 1);
999
747
  }
@@ -1003,9 +751,6 @@
1003
751
  .gap-2 {
1004
752
  gap: calc(var(--spacing) * 2);
1005
753
  }
1006
- .gap-2\.5 {
1007
- gap: calc(var(--spacing) * 2.5);
1008
- }
1009
754
  .gap-3 {
1010
755
  gap: calc(var(--spacing) * 3);
1011
756
  }
@@ -1015,18 +760,6 @@
1015
760
  .gap-6 {
1016
761
  gap: calc(var(--spacing) * 6);
1017
762
  }
1018
- .gap-7 {
1019
- gap: calc(var(--spacing) * 7);
1020
- }
1021
- .gap-8 {
1022
- gap: calc(var(--spacing) * 8);
1023
- }
1024
- .gap-10 {
1025
- gap: calc(var(--spacing) * 10);
1026
- }
1027
- .gap-12 {
1028
- gap: calc(var(--spacing) * 12);
1029
- }
1030
763
  .space-y-1 {
1031
764
  :where(& > :not(:last-child)) {
1032
765
  --tw-space-y-reverse: 0;
@@ -1090,25 +823,6 @@
1090
823
  margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
1091
824
  }
1092
825
  }
1093
- .gap-x-1\.5 {
1094
- column-gap: calc(var(--spacing) * 1.5);
1095
- }
1096
- .gap-x-2 {
1097
- column-gap: calc(var(--spacing) * 2);
1098
- }
1099
- .gap-x-4 {
1100
- column-gap: calc(var(--spacing) * 4);
1101
- }
1102
- .gap-x-10 {
1103
- column-gap: calc(var(--spacing) * 10);
1104
- }
1105
- .-space-x-2 {
1106
- :where(& > :not(:last-child)) {
1107
- --tw-space-x-reverse: 0;
1108
- margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
1109
- margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
1110
- }
1111
- }
1112
826
  .space-x-2 {
1113
827
  :where(& > :not(:last-child)) {
1114
828
  --tw-space-x-reverse: 0;
@@ -1116,18 +830,6 @@
1116
830
  margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
1117
831
  }
1118
832
  }
1119
- .gap-y-4 {
1120
- row-gap: calc(var(--spacing) * 4);
1121
- }
1122
- .gap-y-6 {
1123
- row-gap: calc(var(--spacing) * 6);
1124
- }
1125
- .gap-y-10 {
1126
- row-gap: calc(var(--spacing) * 10);
1127
- }
1128
- .self-start {
1129
- align-self: flex-start;
1130
- }
1131
833
  .truncate {
1132
834
  overflow: hidden;
1133
835
  text-overflow: ellipsis;
@@ -1151,9 +853,6 @@
1151
853
  .rounded {
1152
854
  border-radius: 0.25rem;
1153
855
  }
1154
- .rounded-\[2px\] {
1155
- border-radius: 2px;
1156
- }
1157
856
  .rounded-\[inherit\] {
1158
857
  border-radius: inherit;
1159
858
  }
@@ -1182,14 +881,6 @@
1182
881
  border-top-left-radius: 10px;
1183
882
  border-top-right-radius: 10px;
1184
883
  }
1185
- .rounded-l-md {
1186
- border-top-left-radius: var(--radius-md);
1187
- border-bottom-left-radius: var(--radius-md);
1188
- }
1189
- .rounded-r-md {
1190
- border-top-right-radius: var(--radius-md);
1191
- border-bottom-right-radius: var(--radius-md);
1192
- }
1193
884
  .border {
1194
885
  border-style: var(--tw-border-style);
1195
886
  border-width: 1px;
@@ -1198,10 +889,6 @@
1198
889
  border-style: var(--tw-border-style);
1199
890
  border-width: 0px;
1200
891
  }
1201
- .border-2 {
1202
- border-style: var(--tw-border-style);
1203
- border-width: 2px;
1204
- }
1205
892
  .border-t {
1206
893
  border-top-style: var(--tw-border-style);
1207
894
  border-top-width: 1px;
@@ -1226,6 +913,10 @@
1226
913
  border-bottom-style: var(--tw-border-style);
1227
914
  border-bottom-width: 0px;
1228
915
  }
916
+ .border-b-2 {
917
+ border-bottom-style: var(--tw-border-style);
918
+ border-bottom-width: 2px;
919
+ }
1229
920
  .border-l {
1230
921
  border-left-style: var(--tw-border-style);
1231
922
  border-left-width: 1px;
@@ -1242,9 +933,6 @@
1242
933
  --tw-border-style: none;
1243
934
  border-style: none;
1244
935
  }
1245
- .border-amber-50 {
1246
- border-color: var(--color-amber-50);
1247
- }
1248
936
  .border-border {
1249
937
  border-color: var(--color-border);
1250
938
  }
@@ -1269,24 +957,12 @@
1269
957
  .border-transparent {
1270
958
  border-color: transparent;
1271
959
  }
1272
- .border-white\/20 {
1273
- border-color: color-mix(in srgb, #fff 20%, transparent);
1274
- @supports (color: color-mix(in lab, red, red)) {
1275
- border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
1276
- }
1277
- }
1278
- .\!bg-muted\/40 {
1279
- background-color: var(--color-muted) !important;
1280
- @supports (color: color-mix(in lab, red, red)) {
1281
- background-color: color-mix(in oklab, var(--color-muted) 40%, transparent) !important;
1282
- }
960
+ .bg-\[\#282c34\] {
961
+ background-color: #282c34;
1283
962
  }
1284
963
  .bg-accent {
1285
964
  background-color: var(--color-accent);
1286
965
  }
1287
- .bg-amber-50 {
1288
- background-color: var(--color-amber-50);
1289
- }
1290
966
  .bg-background {
1291
967
  background-color: var(--color-background);
1292
968
  }
@@ -1302,9 +978,6 @@
1302
978
  background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
1303
979
  }
1304
980
  }
1305
- .bg-blue-500 {
1306
- background-color: var(--color-blue-500);
1307
- }
1308
981
  .bg-border {
1309
982
  background-color: var(--color-border);
1310
983
  }
@@ -1314,45 +987,30 @@
1314
987
  .bg-destructive {
1315
988
  background-color: var(--color-destructive);
1316
989
  }
1317
- .bg-foreground {
1318
- background-color: var(--color-foreground);
1319
- }
1320
990
  .bg-muted {
1321
991
  background-color: var(--color-muted);
1322
992
  }
1323
- .bg-muted-foreground {
1324
- background-color: var(--color-muted-foreground);
1325
- }
1326
993
  .bg-muted\/30 {
1327
994
  background-color: var(--color-muted);
1328
995
  @supports (color: color-mix(in lab, red, red)) {
1329
996
  background-color: color-mix(in oklab, var(--color-muted) 30%, transparent);
1330
997
  }
1331
998
  }
1332
- .bg-muted\/50 {
999
+ .bg-muted\/80 {
1333
1000
  background-color: var(--color-muted);
1334
1001
  @supports (color: color-mix(in lab, red, red)) {
1335
- background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
1002
+ background-color: color-mix(in oklab, var(--color-muted) 80%, transparent);
1336
1003
  }
1337
1004
  }
1338
1005
  .bg-primary {
1339
1006
  background-color: var(--color-primary);
1340
1007
  }
1341
- .bg-primary\/20 {
1342
- background-color: var(--color-primary);
1343
- @supports (color: color-mix(in lab, red, red)) {
1344
- background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
1345
- }
1346
- }
1347
1008
  .bg-secondary\/50 {
1348
1009
  background-color: var(--color-secondary);
1349
1010
  @supports (color: color-mix(in lab, red, red)) {
1350
1011
  background-color: color-mix(in oklab, var(--color-secondary) 50%, transparent);
1351
1012
  }
1352
1013
  }
1353
- .bg-sidebar-primary {
1354
- background-color: var(--color-sidebar-primary);
1355
- }
1356
1014
  .bg-transparent {
1357
1015
  background-color: transparent;
1358
1016
  }
@@ -1365,12 +1023,6 @@
1365
1023
  .bg-no-repeat {
1366
1024
  background-repeat: no-repeat;
1367
1025
  }
1368
- .object-cover {
1369
- object-fit: cover;
1370
- }
1371
- .\!p-3\.5 {
1372
- padding: calc(var(--spacing) * 3.5) !important;
1373
- }
1374
1026
  .p-0 {
1375
1027
  padding: calc(var(--spacing) * 0);
1376
1028
  }
@@ -1398,9 +1050,6 @@
1398
1050
  .p-12 {
1399
1051
  padding: calc(var(--spacing) * 12);
1400
1052
  }
1401
- .px-0 {
1402
- padding-inline: calc(var(--spacing) * 0);
1403
- }
1404
1053
  .px-1 {
1405
1054
  padding-inline: calc(var(--spacing) * 1);
1406
1055
  }
@@ -1419,21 +1068,12 @@
1419
1068
  .px-8 {
1420
1069
  padding-inline: calc(var(--spacing) * 8);
1421
1070
  }
1422
- .px-9 {
1423
- padding-inline: calc(var(--spacing) * 9);
1424
- }
1425
- .px-\[0\.3rem\] {
1426
- padding-inline: 0.3rem;
1427
- }
1428
1071
  .py-1 {
1429
1072
  padding-block: calc(var(--spacing) * 1);
1430
1073
  }
1431
1074
  .py-1\.5 {
1432
1075
  padding-block: calc(var(--spacing) * 1.5);
1433
1076
  }
1434
- .py-2 {
1435
- padding-block: calc(var(--spacing) * 2);
1436
- }
1437
1077
  .py-3 {
1438
1078
  padding-block: calc(var(--spacing) * 3);
1439
1079
  }
@@ -1443,99 +1083,39 @@
1443
1083
  .py-6 {
1444
1084
  padding-block: calc(var(--spacing) * 6);
1445
1085
  }
1446
- .py-\[0\.2rem\] {
1447
- padding-block: 0.2rem;
1448
- }
1449
- .pt-1\.5 {
1450
- padding-top: calc(var(--spacing) * 1.5);
1451
- }
1452
- .pt-2 {
1453
- padding-top: calc(var(--spacing) * 2);
1454
- }
1455
1086
  .pt-4 {
1456
1087
  padding-top: calc(var(--spacing) * 4);
1457
1088
  }
1458
1089
  .pt-6 {
1459
1090
  padding-top: calc(var(--spacing) * 6);
1460
1091
  }
1461
- .pt-15 {
1462
- padding-top: calc(var(--spacing) * 15);
1463
- }
1464
- .pr-2 {
1465
- padding-right: calc(var(--spacing) * 2);
1466
- }
1467
1092
  .pr-7\.5 {
1468
1093
  padding-right: calc(var(--spacing) * 7.5);
1469
1094
  }
1470
- .pr-9 {
1471
- padding-right: calc(var(--spacing) * 9);
1472
- }
1473
- .pr-10 {
1474
- padding-right: calc(var(--spacing) * 10);
1475
- }
1476
1095
  .pr-12 {
1477
1096
  padding-right: calc(var(--spacing) * 12);
1478
1097
  }
1479
- .pr-16 {
1480
- padding-right: calc(var(--spacing) * 16);
1481
- }
1482
1098
  .pr-20 {
1483
1099
  padding-right: calc(var(--spacing) * 20);
1484
1100
  }
1485
- .pr-24 {
1486
- padding-right: calc(var(--spacing) * 24);
1487
- }
1488
- .pr-26 {
1489
- padding-right: calc(var(--spacing) * 26);
1490
- }
1491
- .pr-30 {
1492
- padding-right: calc(var(--spacing) * 30);
1493
- }
1494
1101
  .pb-0 {
1495
1102
  padding-bottom: calc(var(--spacing) * 0);
1496
1103
  }
1497
1104
  .pb-2 {
1498
1105
  padding-bottom: calc(var(--spacing) * 2);
1499
1106
  }
1500
- .pb-3 {
1501
- padding-bottom: calc(var(--spacing) * 3);
1502
- }
1503
1107
  .pb-4 {
1504
1108
  padding-bottom: calc(var(--spacing) * 4);
1505
1109
  }
1506
- .pb-12 {
1507
- padding-bottom: calc(var(--spacing) * 12);
1508
- }
1509
- .pb-17 {
1510
- padding-bottom: calc(var(--spacing) * 17);
1511
- }
1512
1110
  .pl-2 {
1513
1111
  padding-left: calc(var(--spacing) * 2);
1514
1112
  }
1515
1113
  .pl-4 {
1516
1114
  padding-left: calc(var(--spacing) * 4);
1517
1115
  }
1518
- .pl-6 {
1519
- padding-left: calc(var(--spacing) * 6);
1520
- }
1521
- .pl-7 {
1522
- padding-left: calc(var(--spacing) * 7);
1523
- }
1524
- .pl-8 {
1525
- padding-left: calc(var(--spacing) * 8);
1526
- }
1527
- .pl-8\.5 {
1528
- padding-left: calc(var(--spacing) * 8.5);
1529
- }
1530
1116
  .pl-9 {
1531
1117
  padding-left: calc(var(--spacing) * 9);
1532
1118
  }
1533
- .pl-15 {
1534
- padding-left: calc(var(--spacing) * 15);
1535
- }
1536
- .pl-21 {
1537
- padding-left: calc(var(--spacing) * 21);
1538
- }
1539
1119
  .text-center {
1540
1120
  text-align: center;
1541
1121
  }
@@ -1567,10 +1147,6 @@
1567
1147
  font-size: var(--text-7xl);
1568
1148
  line-height: var(--tw-leading, var(--text-7xl--line-height));
1569
1149
  }
1570
- .text-base {
1571
- font-size: var(--text-base);
1572
- line-height: var(--tw-leading, var(--text-base--line-height));
1573
- }
1574
1150
  .text-lg {
1575
1151
  font-size: var(--text-lg);
1576
1152
  line-height: var(--tw-leading, var(--text-lg--line-height));
@@ -1579,10 +1155,6 @@
1579
1155
  font-size: var(--text-sm);
1580
1156
  line-height: var(--tw-leading, var(--text-sm--line-height));
1581
1157
  }
1582
- .text-sm\/relaxed {
1583
- font-size: var(--text-sm);
1584
- line-height: var(--leading-relaxed);
1585
- }
1586
1158
  .text-xl {
1587
1159
  font-size: var(--text-xl);
1588
1160
  line-height: var(--tw-leading, var(--text-xl--line-height));
@@ -1594,20 +1166,13 @@
1594
1166
  .text-\[0\.70rem\] {
1595
1167
  font-size: 0.70rem;
1596
1168
  }
1597
- .text-\[1\.05rem\] {
1598
- font-size: 1.05rem;
1599
- }
1600
1169
  .leading-none {
1601
1170
  --tw-leading: 1;
1602
1171
  line-height: 1;
1603
1172
  }
1604
- .leading-normal {
1605
- --tw-leading: var(--leading-normal);
1606
- line-height: var(--leading-normal);
1607
- }
1608
- .leading-snug {
1609
- --tw-leading: var(--leading-snug);
1610
- line-height: var(--leading-snug);
1173
+ .leading-relaxed {
1174
+ --tw-leading: var(--leading-relaxed);
1175
+ line-height: var(--leading-relaxed);
1611
1176
  }
1612
1177
  .leading-tight {
1613
1178
  --tw-leading: var(--leading-tight);
@@ -1621,10 +1186,6 @@
1621
1186
  --tw-font-weight: var(--font-weight-medium);
1622
1187
  font-weight: var(--font-weight-medium);
1623
1188
  }
1624
- .font-normal {
1625
- --tw-font-weight: var(--font-weight-normal);
1626
- font-weight: var(--font-weight-normal);
1627
- }
1628
1189
  .font-semibold {
1629
1190
  --tw-font-weight: var(--font-weight-semibold);
1630
1191
  font-weight: var(--font-weight-semibold);
@@ -1641,31 +1202,12 @@
1641
1202
  --tw-tracking: var(--tracking-wider);
1642
1203
  letter-spacing: var(--tracking-wider);
1643
1204
  }
1644
- .tracking-widest {
1645
- --tw-tracking: var(--tracking-widest);
1646
- letter-spacing: var(--tracking-widest);
1647
- }
1648
- .text-balance {
1649
- text-wrap: balance;
1650
- }
1651
- .break-words {
1652
- overflow-wrap: break-word;
1653
- }
1654
1205
  .whitespace-nowrap {
1655
1206
  white-space: nowrap;
1656
1207
  }
1657
- .whitespace-pre-wrap {
1658
- white-space: pre-wrap;
1659
- }
1660
1208
  .text-accent-foreground {
1661
1209
  color: var(--color-accent-foreground);
1662
1210
  }
1663
- .text-amber-900 {
1664
- color: var(--color-amber-900);
1665
- }
1666
- .text-blue-500 {
1667
- color: var(--color-blue-500);
1668
- }
1669
1211
  .text-destructive {
1670
1212
  color: var(--color-destructive);
1671
1213
  }
@@ -1678,9 +1220,6 @@
1678
1220
  .text-muted-foreground {
1679
1221
  color: var(--color-muted-foreground);
1680
1222
  }
1681
- .text-neutral-800 {
1682
- color: var(--color-neutral-800);
1683
- }
1684
1223
  .text-primary {
1685
1224
  color: var(--color-primary);
1686
1225
  }
@@ -1693,34 +1232,15 @@
1693
1232
  color: color-mix(in oklab, var(--color-primary) 80%, transparent);
1694
1233
  }
1695
1234
  }
1696
- .text-purple-500 {
1697
- color: var(--color-purple-500);
1698
- }
1699
- .text-red-500 {
1700
- color: var(--color-red-500);
1701
- }
1702
- .text-sidebar-primary-foreground {
1703
- color: var(--color-sidebar-primary-foreground);
1704
- }
1705
1235
  .text-white {
1706
1236
  color: var(--color-white);
1707
1237
  }
1708
- .text-yellow-500 {
1709
- color: var(--color-yellow-500);
1710
- }
1711
1238
  .capitalize {
1712
1239
  text-transform: capitalize;
1713
1240
  }
1714
1241
  .uppercase {
1715
1242
  text-transform: uppercase;
1716
1243
  }
1717
- .tabular-nums {
1718
- --tw-numeric-spacing: tabular-nums;
1719
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
1720
- }
1721
- .underline {
1722
- text-decoration-line: underline;
1723
- }
1724
1244
  .underline-offset-4 {
1725
1245
  text-underline-offset: 4px;
1726
1246
  }
@@ -1728,9 +1248,6 @@
1728
1248
  -webkit-font-smoothing: antialiased;
1729
1249
  -moz-osx-font-smoothing: grayscale;
1730
1250
  }
1731
- .accent-foreground {
1732
- accent-color: var(--color-foreground);
1733
- }
1734
1251
  .opacity-0 {
1735
1252
  opacity: 0%;
1736
1253
  }
@@ -1740,9 +1257,6 @@
1740
1257
  .opacity-50 {
1741
1258
  opacity: 50%;
1742
1259
  }
1743
- .opacity-60 {
1744
- opacity: 60%;
1745
- }
1746
1260
  .opacity-70 {
1747
1261
  opacity: 70%;
1748
1262
  }
@@ -1756,38 +1270,22 @@
1756
1270
  --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));
1757
1271
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1758
1272
  }
1759
- .shadow-\[20px_20px_60px_\#bec3cf\,-20px_-20px_60px_\#ffffff\] {
1760
- --tw-shadow: 20px 20px 60px var(--tw-shadow-color, #bec3cf), -20px -20px 60px var(--tw-shadow-color, #ffffff);
1273
+ .shadow-inner {
1274
+ --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1761
1275
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1762
1276
  }
1763
1277
  .shadow-lg {
1764
1278
  --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));
1765
1279
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1766
1280
  }
1767
- .shadow-md {
1768
- --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));
1769
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1770
- }
1771
- .shadow-none {
1772
- --tw-shadow: 0 0 #0000;
1773
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1774
- }
1775
1281
  .shadow-sm {
1776
1282
  --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));
1777
1283
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1778
1284
  }
1779
- .shadow-xl {
1780
- --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));
1781
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1782
- }
1783
1285
  .shadow-xs {
1784
1286
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1785
1287
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1786
1288
  }
1787
- .ring {
1788
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1789
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1790
- }
1791
1289
  .ring-4 {
1792
1290
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1793
1291
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1819,14 +1317,6 @@
1819
1317
  outline-style: var(--tw-outline-style);
1820
1318
  outline-width: 1px;
1821
1319
  }
1822
- .blur {
1823
- --tw-blur: blur(8px);
1824
- 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,);
1825
- }
1826
- .grayscale {
1827
- --tw-grayscale: grayscale(100%);
1828
- 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,);
1829
- }
1830
1320
  .filter {
1831
1321
  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,);
1832
1322
  }
@@ -1835,10 +1325,6 @@
1835
1325
  -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,);
1836
1326
  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,);
1837
1327
  }
1838
- .backdrop-filter {
1839
- -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,);
1840
- 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,);
1841
- }
1842
1328
  .transition {
1843
1329
  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, display, content-visibility, overlay, pointer-events;
1844
1330
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1881,10 +1367,6 @@
1881
1367
  --tw-duration: 300ms;
1882
1368
  transition-duration: 300ms;
1883
1369
  }
1884
- .duration-400 {
1885
- --tw-duration: 400ms;
1886
- transition-duration: 400ms;
1887
- }
1888
1370
  .duration-500 {
1889
1371
  --tw-duration: 500ms;
1890
1372
  transition-duration: 500ms;
@@ -1909,76 +1391,23 @@
1909
1391
  -webkit-user-select: none;
1910
1392
  user-select: none;
1911
1393
  }
1912
- .backface-hidden {
1913
- backface-visibility: hidden;
1914
- }
1915
1394
  .group-open\:rotate-180 {
1916
1395
  &:is(:where(.group):is([open], :popover-open, :open) *) {
1917
1396
  rotate: 180deg;
1918
1397
  }
1919
1398
  }
1920
- .group-hover\:rotate-y-180 {
1399
+ .group-hover\:opacity-100 {
1921
1400
  &:is(:where(.group):hover *) {
1922
1401
  @media (hover: hover) {
1923
- --tw-rotate-y: rotateY(180deg);
1924
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
1402
+ opacity: 100%;
1925
1403
  }
1926
1404
  }
1927
1405
  }
1928
- .group-aria-checked\:visible {
1929
- &:is(:where(.group)[aria-checked="true"] *) {
1930
- visibility: visible;
1931
- }
1932
- }
1933
- .group-data-\[copied\=true\]\:block {
1934
- &:is(:where(.group)[data-copied="true"] *) {
1935
- display: block;
1936
- }
1937
- }
1938
- .group-data-\[copied\=true\]\:hidden {
1939
- &:is(:where(.group)[data-copied="true"] *) {
1940
- display: none;
1941
- }
1942
- }
1943
- .group-\[\.copied\]\:block {
1944
- &:is(:where(.group):is(.copied) *) {
1945
- display: block;
1946
- }
1947
- }
1948
- .group-\[\.copied\]\:hidden {
1949
- &:is(:where(.group):is(.copied) *) {
1950
- display: none;
1951
- }
1952
- }
1953
- .peer-checked\:border-primary {
1954
- &:is(:where(.peer):checked ~ *) {
1955
- border-color: var(--color-primary);
1956
- }
1957
- }
1958
- .peer-focus\:text-xs {
1959
- &:is(:where(.peer):focus ~ *) {
1960
- font-size: var(--text-xs);
1961
- line-height: var(--tw-leading, var(--text-xs--line-height));
1962
- }
1963
- }
1964
1406
  .placeholder\:text-muted-foreground {
1965
1407
  &::placeholder {
1966
1408
  color: var(--color-muted-foreground);
1967
1409
  }
1968
1410
  }
1969
- .before\:absolute {
1970
- &::before {
1971
- content: var(--tw-content);
1972
- position: absolute;
1973
- }
1974
- }
1975
- .before\:bg-gradient-to-r {
1976
- &::before {
1977
- content: var(--tw-content);
1978
- --tw-gradient-position: to right in oklab;
1979
- background-image: linear-gradient(var(--tw-gradient-stops));
1980
- }
1981
- }
1982
1411
  .first\:rounded-t-md {
1983
1412
  &:first-child {
1984
1413
  border-top-left-radius: var(--radius-md);
@@ -2027,83 +1456,21 @@
2027
1456
  border-bottom-width: 0px;
2028
1457
  }
2029
1458
  }
2030
- .checked\:border-blue-600 {
2031
- &:checked {
2032
- border-color: var(--color-blue-600);
2033
- }
2034
- }
2035
- .checked\:border-green-600 {
2036
- &:checked {
2037
- border-color: var(--color-green-600);
2038
- }
2039
- }
2040
- .checked\:bg-blue-500 {
2041
- &:checked {
2042
- background-color: var(--color-blue-500);
1459
+ .hover\:scale-110 {
1460
+ &:hover {
1461
+ @media (hover: hover) {
1462
+ --tw-scale-x: 110%;
1463
+ --tw-scale-y: 110%;
1464
+ --tw-scale-z: 110%;
1465
+ scale: var(--tw-scale-x) var(--tw-scale-y);
1466
+ }
2043
1467
  }
2044
1468
  }
2045
- .checked\:bg-blue-600 {
2046
- &:checked {
2047
- background-color: var(--color-blue-600);
2048
- }
2049
- }
2050
- .checked\:bg-green-600 {
2051
- &:checked {
2052
- background-color: var(--color-green-600);
2053
- }
2054
- }
2055
- .checked\:before\:bg-background {
2056
- &:checked {
2057
- &::before {
2058
- content: var(--tw-content);
2059
- background-color: var(--color-background);
2060
- }
2061
- }
2062
- }
2063
- .checked\:after\:bg-white {
2064
- &:checked {
2065
- &::after {
2066
- content: var(--tw-content);
2067
- background-color: var(--color-white);
2068
- }
2069
- }
2070
- }
2071
- .hover\:scale-110 {
2072
- &:hover {
2073
- @media (hover: hover) {
2074
- --tw-scale-x: 110%;
2075
- --tw-scale-y: 110%;
2076
- --tw-scale-z: 110%;
2077
- scale: var(--tw-scale-x) var(--tw-scale-y);
2078
- }
2079
- }
2080
- }
2081
- .hover\:space-x-1 {
2082
- &:hover {
2083
- @media (hover: hover) {
2084
- :where(& > :not(:last-child)) {
2085
- --tw-space-x-reverse: 0;
2086
- margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
2087
- margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
2088
- }
2089
- }
2090
- }
2091
- }
2092
- .hover\:bg-accent {
2093
- &:hover {
2094
- @media (hover: hover) {
2095
- background-color: var(--color-accent);
2096
- }
2097
- }
2098
- }
2099
- .hover\:bg-accent\/50 {
2100
- &:hover {
2101
- @media (hover: hover) {
2102
- background-color: var(--color-accent);
2103
- @supports (color: color-mix(in lab, red, red)) {
2104
- background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
2105
- }
2106
- }
1469
+ .hover\:bg-accent {
1470
+ &:hover {
1471
+ @media (hover: hover) {
1472
+ background-color: var(--color-accent);
1473
+ }
2107
1474
  }
2108
1475
  }
2109
1476
  .hover\:bg-destructive\/10 {
@@ -2116,13 +1483,6 @@
2116
1483
  }
2117
1484
  }
2118
1485
  }
2119
- .hover\:bg-foreground {
2120
- &:hover {
2121
- @media (hover: hover) {
2122
- background-color: var(--color-foreground);
2123
- }
2124
- }
2125
- }
2126
1486
  .hover\:bg-muted {
2127
1487
  &:hover {
2128
1488
  @media (hover: hover) {
@@ -2179,32 +1539,14 @@
2179
1539
  }
2180
1540
  }
2181
1541
  }
2182
- .hover\:before\:left-full {
2183
- &:hover {
2184
- @media (hover: hover) {
2185
- &::before {
2186
- content: var(--tw-content);
2187
- left: 100%;
2188
- }
2189
- }
2190
- }
2191
- }
2192
1542
  .focus\:z-10 {
2193
1543
  &:focus {
2194
1544
  z-index: 10;
2195
1545
  }
2196
1546
  }
2197
- .focus\:bg-destructive\/10 {
2198
- &:focus {
2199
- background-color: var(--color-destructive);
2200
- @supports (color: color-mix(in lab, red, red)) {
2201
- background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
2202
- }
2203
- }
2204
- }
2205
- .focus\:text-destructive {
1547
+ .focus\:opacity-100 {
2206
1548
  &:focus {
2207
- color: var(--color-destructive);
1549
+ opacity: 100%;
2208
1550
  }
2209
1551
  }
2210
1552
  .focus\:ring-0 {
@@ -2303,693 +1645,188 @@
2303
1645
  }
2304
1646
  .focus-visible\:outline-ring {
2305
1647
  &:focus-visible {
2306
- outline-color: var(--color-ring);
2307
- }
2308
- }
2309
- .focus-visible\:outline-none {
2310
- &:focus-visible {
2311
- --tw-outline-style: none;
2312
- outline-style: none;
2313
- }
2314
- }
2315
- .active\:cursor-grabbing {
2316
- &:active {
2317
- cursor: grabbing;
2318
- }
2319
- }
2320
- .disabled\:pointer-events-none {
2321
- &:disabled {
2322
- pointer-events: none;
2323
- }
2324
- }
2325
- .disabled\:cursor-not-allowed {
2326
- &:disabled {
2327
- cursor: not-allowed;
2328
- }
2329
- }
2330
- .disabled\:opacity-50 {
2331
- &:disabled {
2332
- opacity: 50%;
2333
- }
2334
- }
2335
- .has-\[\:checked\]\:border-primary {
2336
- &:has(*:is(:checked)) {
2337
- border-color: var(--color-primary);
2338
- }
2339
- }
2340
- .has-\[\:checked\]\:bg-primary\/5 {
2341
- &:has(*:is(:checked)) {
2342
- background-color: var(--color-primary);
2343
- @supports (color: color-mix(in lab, red, red)) {
2344
- background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
2345
- }
2346
- }
2347
- }
2348
- .has-\[input\[type\=\'checkbox\'\]\:checked\]\:border-blue-600 {
2349
- &:has(*:is(input[type='checkbox']:checked)) {
2350
- border-color: var(--color-blue-600);
2351
- }
2352
- }
2353
- .has-\[input\[type\=\'checkbox\'\]\:checked\]\:bg-blue-50 {
2354
- &:has(*:is(input[type='checkbox']:checked)) {
2355
- background-color: var(--color-blue-50);
2356
- }
2357
- }
2358
- .has-\[input\[type\=\'radio\'\]\:checked\]\:border-green-600 {
2359
- &:has(*:is(input[type='radio']:checked)) {
2360
- border-color: var(--color-green-600);
2361
- }
2362
- }
2363
- .has-\[input\[type\=\'radio\'\]\:checked\]\:bg-green-50 {
2364
- &:has(*:is(input[type='radio']:checked)) {
2365
- background-color: var(--color-green-50);
2366
- }
2367
- }
2368
- .has-\[\>svg\]\:px-2\.5 {
2369
- &:has(>svg) {
2370
- padding-inline: calc(var(--spacing) * 2.5);
2371
- }
2372
- }
2373
- .aria-disabled\:pointer-events-none {
2374
- &[aria-disabled="true"] {
2375
- pointer-events: none;
2376
- }
2377
- }
2378
- .aria-disabled\:opacity-50 {
2379
- &[aria-disabled="true"] {
2380
- opacity: 50%;
2381
- }
2382
- }
2383
- .aria-hidden\:hidden {
2384
- &[aria-hidden="true"] {
2385
- display: none;
2386
- }
2387
- }
2388
- .aria-invalid\:border-destructive {
2389
- &[aria-invalid="true"] {
2390
- border-color: var(--color-destructive);
2391
- }
2392
- }
2393
- .aria-invalid\:ring-destructive\/20 {
2394
- &[aria-invalid="true"] {
2395
- --tw-ring-color: var(--color-destructive);
2396
- @supports (color: color-mix(in lab, red, red)) {
2397
- --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
2398
- }
2399
- }
2400
- }
2401
- .aria-pressed\:bg-transparent {
2402
- &[aria-pressed="true"] {
2403
- background-color: transparent;
2404
- }
2405
- }
2406
- .aria-pressed\:text-blue-600 {
2407
- &[aria-pressed="true"] {
2408
- color: var(--color-blue-600);
2409
- }
2410
- }
2411
- .aria-pressed\:hover\:bg-accent {
2412
- &[aria-pressed="true"] {
2413
- &:hover {
2414
- @media (hover: hover) {
2415
- background-color: var(--color-accent);
2416
- }
2417
- }
2418
- }
2419
- }
2420
- .data-\[state\=closed\]\:-translate-x-full {
2421
- &[data-state="closed"] {
2422
- --tw-translate-x: -100%;
2423
- translate: var(--tw-translate-x) var(--tw-translate-y);
2424
- }
2425
- }
2426
- .data-\[state\=closed\]\:translate-x-full {
2427
- &[data-state="closed"] {
2428
- --tw-translate-x: 100%;
2429
- translate: var(--tw-translate-x) var(--tw-translate-y);
2430
- }
2431
- }
2432
- .data-\[state\=closed\]\:-translate-y-full {
2433
- &[data-state="closed"] {
2434
- --tw-translate-y: -100%;
2435
- translate: var(--tw-translate-x) var(--tw-translate-y);
2436
- }
2437
- }
2438
- .data-\[state\=closed\]\:translate-y-full {
2439
- &[data-state="closed"] {
2440
- --tw-translate-y: 100%;
2441
- translate: var(--tw-translate-x) var(--tw-translate-y);
2442
- }
2443
- }
2444
- .data-\[state\=on\]\:bg-accent {
2445
- &[data-state="on"] {
2446
- background-color: var(--color-accent);
2447
- }
2448
- }
2449
- .data-\[state\=on\]\:text-accent-foreground {
2450
- &[data-state="on"] {
2451
- color: var(--color-accent-foreground);
2452
- }
2453
- }
2454
- .data-\[state\=open\]\:bg-accent {
2455
- &[data-state="open"] {
2456
- background-color: var(--color-accent);
2457
- }
2458
- }
2459
- .data-\[state\=open\]\:text-muted-foreground {
2460
- &[data-state="open"] {
2461
- color: var(--color-muted-foreground);
2462
- }
2463
- }
2464
- .max-sm\:flex-col {
2465
- @media (width < 40rem) {
2466
- flex-direction: column;
2467
- }
2468
- }
2469
- .sm\:max-w-\[425px\] {
2470
- @media (width >= 40rem) {
2471
- max-width: 425px;
2472
- }
2473
- }
2474
- .sm\:max-w-lg {
2475
- @media (width >= 40rem) {
2476
- max-width: var(--container-lg);
2477
- }
2478
- }
2479
- .sm\:max-w-sm {
2480
- @media (width >= 40rem) {
2481
- max-width: var(--container-sm);
2482
- }
2483
- }
2484
- .sm\:flex-row {
2485
- @media (width >= 40rem) {
2486
- flex-direction: row;
2487
- }
2488
- }
2489
- .sm\:items-center {
2490
- @media (width >= 40rem) {
2491
- align-items: center;
2492
- }
2493
- }
2494
- .sm\:gap-2\.5 {
2495
- @media (width >= 40rem) {
2496
- gap: calc(var(--spacing) * 2.5);
2497
- }
2498
- }
2499
- .sm\:rounded-lg {
2500
- @media (width >= 40rem) {
2501
- border-radius: var(--radius-lg);
2502
- }
2503
- }
2504
- .sm\:text-left {
2505
- @media (width >= 40rem) {
2506
- text-align: left;
2507
- }
2508
- }
2509
- .sm\:text-3xl {
2510
- @media (width >= 40rem) {
2511
- font-size: var(--text-3xl);
2512
- line-height: var(--tw-leading, var(--text-3xl--line-height));
2513
- }
2514
- }
2515
- .sm\:text-base {
2516
- @media (width >= 40rem) {
2517
- font-size: var(--text-base);
2518
- line-height: var(--tw-leading, var(--text-base--line-height));
2519
- }
2520
- }
2521
- .sm\:text-lg {
2522
- @media (width >= 40rem) {
2523
- font-size: var(--text-lg);
2524
- line-height: var(--tw-leading, var(--text-lg--line-height));
2525
- }
2526
- }
2527
- .md\:ml-4 {
2528
- @media (width >= 48rem) {
2529
- margin-left: calc(var(--spacing) * 4);
2530
- }
2531
- }
2532
- .md\:w-\[239px\] {
2533
- @media (width >= 48rem) {
2534
- width: 239px;
2535
- }
2536
- }
2537
- .md\:w-auto {
2538
- @media (width >= 48rem) {
2539
- width: auto;
2540
- }
2541
- }
2542
- .md\:max-w-\[200px\] {
2543
- @media (width >= 48rem) {
2544
- max-width: 200px;
2545
- }
2546
- }
2547
- .md\:min-w-80 {
2548
- @media (width >= 48rem) {
2549
- min-width: calc(var(--spacing) * 80);
2550
- }
2551
- }
2552
- .md\:flex-auto {
2553
- @media (width >= 48rem) {
2554
- flex: auto;
2555
- }
2556
- }
2557
- .md\:flex-row {
2558
- @media (width >= 48rem) {
2559
- flex-direction: row;
2560
- }
2561
- }
2562
- .md\:items-center {
2563
- @media (width >= 48rem) {
2564
- align-items: center;
2565
- }
2566
- }
2567
- .md\:items-start {
2568
- @media (width >= 48rem) {
2569
- align-items: flex-start;
2570
- }
2571
- }
2572
- .md\:border-l {
2573
- @media (width >= 48rem) {
2574
- border-left-style: var(--tw-border-style);
2575
- border-left-width: 1px;
2576
- }
2577
- }
2578
- .md\:p-6 {
2579
- @media (width >= 48rem) {
2580
- padding: calc(var(--spacing) * 6);
2581
- }
2582
- }
2583
- .md\:p-12 {
2584
- @media (width >= 48rem) {
2585
- padding: calc(var(--spacing) * 12);
2586
- }
2587
- }
2588
- .md\:pl-8 {
2589
- @media (width >= 48rem) {
2590
- padding-left: calc(var(--spacing) * 8);
2591
- }
2592
- }
2593
- .md\:text-4xl {
2594
- @media (width >= 48rem) {
2595
- font-size: var(--text-4xl);
2596
- line-height: var(--tw-leading, var(--text-4xl--line-height));
2597
- }
2598
- }
2599
- .lg\:grid-cols-2 {
2600
- @media (width >= 64rem) {
2601
- grid-template-columns: repeat(2, minmax(0, 1fr));
2602
- }
2603
- }
2604
- .lg\:p-12 {
2605
- @media (width >= 64rem) {
2606
- padding: calc(var(--spacing) * 12);
2607
- }
2608
- }
2609
- .xl\:block {
2610
- @media (width >= 80rem) {
2611
- display: block;
2612
- }
2613
- }
2614
- .xl\:p-12 {
2615
- @media (width >= 80rem) {
2616
- padding: calc(var(--spacing) * 12);
2617
- }
2618
- }
2619
- .xl\:text-4xl {
2620
- @media (width >= 80rem) {
2621
- font-size: var(--text-4xl);
2622
- line-height: var(--tw-leading, var(--text-4xl--line-height));
2623
- }
2624
- }
2625
- .\@md\:w-auto {
2626
- @container (width >= 28rem) {
2627
- width: auto;
2628
- }
2629
- }
2630
- .\@md\:min-w-sm {
2631
- @container (width >= 28rem) {
2632
- min-width: var(--container-sm);
2633
- }
2634
- }
2635
- .dark\:block {
2636
- &:is(.dark *) {
2637
- display: block;
2638
- }
2639
- }
2640
- .dark\:hidden {
2641
- &:is(.dark *) {
2642
- display: none;
2643
- }
2644
- }
2645
- .dark\:border-amber-950 {
2646
- &:is(.dark *) {
2647
- border-color: var(--color-amber-950);
2648
- }
2649
- }
2650
- .dark\:border-input {
2651
- &:is(.dark *) {
2652
- border-color: var(--color-input);
2653
- }
2654
- }
2655
- .dark\:bg-amber-950 {
2656
- &:is(.dark *) {
2657
- background-color: var(--color-amber-950);
2658
- }
2659
- }
2660
- .dark\:bg-blue-600 {
2661
- &:is(.dark *) {
2662
- background-color: var(--color-blue-600);
2663
- }
2664
- }
2665
- .dark\:bg-input\/30 {
2666
- &:is(.dark *) {
2667
- background-color: var(--color-input);
2668
- @supports (color: color-mix(in lab, red, red)) {
2669
- background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
2670
- }
2671
- }
2672
- }
2673
- .dark\:bg-transparent {
2674
- &:is(.dark *) {
2675
- background-color: transparent;
2676
- }
2677
- }
2678
- .dark\:text-amber-100 {
2679
- &:is(.dark *) {
2680
- color: var(--color-amber-100);
2681
- }
2682
- }
2683
- .dark\:text-foreground {
2684
- &:is(.dark *) {
2685
- color: var(--color-foreground);
2686
- }
2687
- }
2688
- .dark\:text-muted-foreground {
2689
- &:is(.dark *) {
2690
- color: var(--color-muted-foreground);
2691
- }
2692
- }
2693
- .dark\:text-neutral-300 {
2694
- &:is(.dark *) {
2695
- color: var(--color-neutral-300);
2696
- }
2697
- }
2698
- .dark\:checked\:border-blue-700 {
2699
- &:is(.dark *) {
2700
- &:checked {
2701
- border-color: var(--color-blue-700);
2702
- }
2703
- }
2704
- }
2705
- .dark\:checked\:bg-blue-600 {
2706
- &:is(.dark *) {
2707
- &:checked {
2708
- background-color: var(--color-blue-600);
2709
- }
2710
- }
2711
- }
2712
- .dark\:checked\:bg-blue-700 {
2713
- &:is(.dark *) {
2714
- &:checked {
2715
- background-color: var(--color-blue-700);
2716
- }
2717
- }
2718
- }
2719
- .dark\:checked\:bg-input\/30 {
2720
- &:is(.dark *) {
2721
- &:checked {
2722
- background-color: var(--color-input);
2723
- @supports (color: color-mix(in lab, red, red)) {
2724
- background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
2725
- }
2726
- }
2727
- }
2728
- }
2729
- .dark\:checked\:before\:bg-primary {
2730
- &:is(.dark *) {
2731
- &:checked {
2732
- &::before {
2733
- content: var(--tw-content);
2734
- background-color: var(--color-primary);
2735
- }
2736
- }
2737
- }
2738
- }
2739
- .dark\:hover\:bg-destructive\/20 {
2740
- &:is(.dark *) {
2741
- &:hover {
2742
- @media (hover: hover) {
2743
- background-color: var(--color-destructive);
2744
- @supports (color: color-mix(in lab, red, red)) {
2745
- background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
2746
- }
2747
- }
2748
- }
2749
- }
2750
- }
2751
- .dark\:focus\:bg-destructive\/20 {
2752
- &:is(.dark *) {
2753
- &:focus {
2754
- background-color: var(--color-destructive);
2755
- @supports (color: color-mix(in lab, red, red)) {
2756
- background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
2757
- }
2758
- }
2759
- }
2760
- }
2761
- .dark\:focus-visible\:ring-destructive\/40 {
2762
- &:is(.dark *) {
2763
- &:focus-visible {
2764
- --tw-ring-color: var(--color-destructive);
2765
- @supports (color: color-mix(in lab, red, red)) {
2766
- --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
2767
- }
2768
- }
2769
- }
2770
- }
2771
- .dark\:has-\[\:checked\]\:bg-primary\/10 {
2772
- &:is(.dark *) {
2773
- &:has(*:is(:checked)) {
2774
- background-color: var(--color-primary);
2775
- @supports (color: color-mix(in lab, red, red)) {
2776
- background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
2777
- }
2778
- }
2779
- }
2780
- }
2781
- .dark\:has-\[input\[type\=\'checkbox\'\]\:checked\]\:border-blue-900 {
2782
- &:is(.dark *) {
2783
- &:has(*:is(input[type='checkbox']:checked)) {
2784
- border-color: var(--color-blue-900);
2785
- }
2786
- }
2787
- }
2788
- .dark\:has-\[input\[type\=\'checkbox\'\]\:checked\]\:bg-blue-950 {
2789
- &:is(.dark *) {
2790
- &:has(*:is(input[type='checkbox']:checked)) {
2791
- background-color: var(--color-blue-950);
2792
- }
2793
- }
2794
- }
2795
- .dark\:has-\[input\[type\=\'radio\'\]\:checked\]\:border-green-900 {
2796
- &:is(.dark *) {
2797
- &:has(*:is(input[type='radio']:checked)) {
2798
- border-color: var(--color-green-900);
2799
- }
1648
+ outline-color: var(--color-ring);
2800
1649
  }
2801
1650
  }
2802
- .dark\:has-\[input\[type\=\'radio\'\]\:checked\]\:bg-green-950 {
2803
- &:is(.dark *) {
2804
- &:has(*:is(input[type='radio']:checked)) {
2805
- background-color: var(--color-green-950);
2806
- }
1651
+ .focus-visible\:outline-none {
1652
+ &:focus-visible {
1653
+ --tw-outline-style: none;
1654
+ outline-style: none;
2807
1655
  }
2808
1656
  }
2809
- .dark\:aria-invalid\:ring-destructive\/40 {
2810
- &:is(.dark *) {
2811
- &[aria-invalid="true"] {
2812
- --tw-ring-color: var(--color-destructive);
2813
- @supports (color: color-mix(in lab, red, red)) {
2814
- --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
2815
- }
2816
- }
1657
+ .active\:cursor-grabbing {
1658
+ &:active {
1659
+ cursor: grabbing;
2817
1660
  }
2818
1661
  }
2819
- .dark\:aria-pressed\:hover\:bg-accent\/50 {
2820
- &:is(.dark *) {
2821
- &[aria-pressed="true"] {
2822
- &:hover {
2823
- @media (hover: hover) {
2824
- background-color: var(--color-accent);
2825
- @supports (color: color-mix(in lab, red, red)) {
2826
- background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
2827
- }
2828
- }
2829
- }
2830
- }
1662
+ .disabled\:pointer-events-none {
1663
+ &:disabled {
1664
+ pointer-events: none;
2831
1665
  }
2832
1666
  }
2833
- .\[\&_\[data-name\]\]\:hidden {
2834
- & [data-name] {
2835
- display: none;
1667
+ .disabled\:cursor-not-allowed {
1668
+ &:disabled {
1669
+ cursor: not-allowed;
2836
1670
  }
2837
1671
  }
2838
- .\[\&_\[data-new-link\]\:\:after\]\:ml-auto {
2839
- & [data-new-link]::after {
2840
- margin-left: auto;
1672
+ .disabled\:opacity-50 {
1673
+ &:disabled {
1674
+ opacity: 50%;
2841
1675
  }
2842
1676
  }
2843
- .\[\&_\[data-new-link\]\:\:after\]\:rounded-md {
2844
- & [data-new-link]::after {
2845
- border-radius: var(--radius-md);
1677
+ .aria-disabled\:pointer-events-none {
1678
+ &[aria-disabled="true"] {
1679
+ pointer-events: none;
2846
1680
  }
2847
1681
  }
2848
- .\[\&_\[data-new-link\]\:\:after\]\:bg-sidebar-primary {
2849
- & [data-new-link]::after {
2850
- background-color: var(--color-sidebar-primary);
1682
+ .aria-disabled\:opacity-50 {
1683
+ &[aria-disabled="true"] {
1684
+ opacity: 50%;
2851
1685
  }
2852
1686
  }
2853
- .\[\&_\[data-new-link\]\:\:after\]\:px-2 {
2854
- & [data-new-link]::after {
2855
- padding-inline: calc(var(--spacing) * 2);
1687
+ .aria-hidden\:hidden {
1688
+ &[aria-hidden="true"] {
1689
+ display: none;
2856
1690
  }
2857
1691
  }
2858
- .\[\&_\[data-new-link\]\:\:after\]\:py-0\.5 {
2859
- & [data-new-link]::after {
2860
- padding-block: calc(var(--spacing) * 0.5);
1692
+ .aria-invalid\:border-destructive {
1693
+ &[aria-invalid="true"] {
1694
+ border-color: var(--color-destructive);
2861
1695
  }
2862
1696
  }
2863
- .\[\&_\[data-new-link\]\:\:after\]\:text-xs {
2864
- & [data-new-link]::after {
2865
- font-size: var(--text-xs);
2866
- line-height: var(--tw-leading, var(--text-xs--line-height));
1697
+ .aria-invalid\:ring-destructive\/20 {
1698
+ &[aria-invalid="true"] {
1699
+ --tw-ring-color: var(--color-destructive);
1700
+ @supports (color: color-mix(in lab, red, red)) {
1701
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
1702
+ }
2867
1703
  }
2868
1704
  }
2869
- .\[\&_\[data-new-link\]\:\:after\]\:font-medium {
2870
- & [data-new-link]::after {
2871
- --tw-font-weight: var(--font-weight-medium);
2872
- font-weight: var(--font-weight-medium);
1705
+ .data-\[state\=closed\]\:-translate-x-full {
1706
+ &[data-state="closed"] {
1707
+ --tw-translate-x: -100%;
1708
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2873
1709
  }
2874
1710
  }
2875
- .\[\&_\[data-new-link\]\:\:after\]\:text-sidebar-primary-foreground {
2876
- & [data-new-link]::after {
2877
- color: var(--color-sidebar-primary-foreground);
1711
+ .data-\[state\=closed\]\:translate-x-full {
1712
+ &[data-state="closed"] {
1713
+ --tw-translate-x: 100%;
1714
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2878
1715
  }
2879
1716
  }
2880
- .\[\&_\[data-new-link\]\:\:after\]\:content-\[\'New\'\] {
2881
- & [data-new-link]::after {
2882
- --tw-content: 'New';
2883
- content: var(--tw-content);
1717
+ .data-\[state\=closed\]\:-translate-y-full {
1718
+ &[data-state="closed"] {
1719
+ --tw-translate-y: -100%;
1720
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2884
1721
  }
2885
1722
  }
2886
- .\[\&_a\]\:inline-block {
2887
- & a {
2888
- display: inline-block;
1723
+ .data-\[state\=closed\]\:translate-y-full {
1724
+ &[data-state="closed"] {
1725
+ --tw-translate-y: 100%;
1726
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2889
1727
  }
2890
1728
  }
2891
- .\[\&_a\]\:text-muted-foreground {
2892
- & a {
2893
- color: var(--color-muted-foreground);
1729
+ .data-\[state\=on\]\:bg-accent {
1730
+ &[data-state="on"] {
1731
+ background-color: var(--color-accent);
2894
1732
  }
2895
1733
  }
2896
- .\[\&_a\]\:no-underline {
2897
- & a {
2898
- text-decoration-line: none;
1734
+ .data-\[state\=on\]\:text-accent-foreground {
1735
+ &[data-state="on"] {
1736
+ color: var(--color-accent-foreground);
2899
1737
  }
2900
1738
  }
2901
- .\[\&_a\]\:transition-colors {
2902
- & a {
2903
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2904
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2905
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1739
+ .data-\[state\=open\]\:bg-accent {
1740
+ &[data-state="open"] {
1741
+ background-color: var(--color-accent);
2906
1742
  }
2907
1743
  }
2908
- .\[\&_a\]\:hover\:text-foreground {
2909
- & a {
2910
- &:hover {
2911
- @media (hover: hover) {
2912
- color: var(--color-foreground);
2913
- }
2914
- }
1744
+ .data-\[state\=open\]\:text-muted-foreground {
1745
+ &[data-state="open"] {
1746
+ color: var(--color-muted-foreground);
2915
1747
  }
2916
1748
  }
2917
- .\[\&_img\]\:size-8 {
2918
- & img {
2919
- width: calc(var(--spacing) * 8);
2920
- height: calc(var(--spacing) * 8);
1749
+ .sm\:max-w-lg {
1750
+ @media (width >= 40rem) {
1751
+ max-width: var(--container-lg);
2921
1752
  }
2922
1753
  }
2923
- .\[\&_img\]\:size-12 {
2924
- & img {
2925
- width: calc(var(--spacing) * 12);
2926
- height: calc(var(--spacing) * 12);
1754
+ .sm\:max-w-sm {
1755
+ @media (width >= 40rem) {
1756
+ max-width: var(--container-sm);
2927
1757
  }
2928
1758
  }
2929
- .\[\&_img\]\:shrink-0 {
2930
- & img {
2931
- flex-shrink: 0;
1759
+ .sm\:flex-row {
1760
+ @media (width >= 40rem) {
1761
+ flex-direction: row;
2932
1762
  }
2933
1763
  }
2934
- .\[\&_img\]\:rounded-full {
2935
- & img {
2936
- border-radius: calc(infinity * 1px);
1764
+ .sm\:items-center {
1765
+ @media (width >= 40rem) {
1766
+ align-items: center;
2937
1767
  }
2938
1768
  }
2939
- .\[\&_img\]\:object-cover {
2940
- & img {
2941
- object-fit: cover;
1769
+ .sm\:rounded-lg {
1770
+ @media (width >= 40rem) {
1771
+ border-radius: var(--radius-lg);
2942
1772
  }
2943
1773
  }
2944
- .\[\&_img\]\:ring-2 {
2945
- & img {
2946
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2947
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1774
+ .sm\:text-left {
1775
+ @media (width >= 40rem) {
1776
+ text-align: left;
2948
1777
  }
2949
1778
  }
2950
- .\[\&_img\]\:ring-background {
2951
- & img {
2952
- --tw-ring-color: var(--color-background);
1779
+ .lg\:p-12 {
1780
+ @media (width >= 64rem) {
1781
+ padding: calc(var(--spacing) * 12);
2953
1782
  }
2954
1783
  }
2955
- .\[\&_img\]\:ring-card {
2956
- & img {
2957
- --tw-ring-color: var(--color-card);
1784
+ .dark\:border-input {
1785
+ &:is(.dark *) {
1786
+ border-color: var(--color-input);
2958
1787
  }
2959
1788
  }
2960
- .\[\&_img\]\:grayscale {
2961
- & img {
2962
- --tw-grayscale: grayscale(100%);
2963
- 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,);
1789
+ .dark\:bg-input\/30 {
1790
+ &:is(.dark *) {
1791
+ background-color: var(--color-input);
1792
+ @supports (color: color-mix(in lab, red, red)) {
1793
+ background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
1794
+ }
2964
1795
  }
2965
1796
  }
2966
- .\[\&_img\]\:transition-all {
2967
- & img {
2968
- transition-property: all;
2969
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2970
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1797
+ .dark\:bg-transparent {
1798
+ &:is(.dark *) {
1799
+ background-color: transparent;
2971
1800
  }
2972
1801
  }
2973
- .\[\&_img\]\:duration-300 {
2974
- & img {
2975
- --tw-duration: 300ms;
2976
- transition-duration: 300ms;
1802
+ .dark\:text-foreground {
1803
+ &:is(.dark *) {
1804
+ color: var(--color-foreground);
2977
1805
  }
2978
1806
  }
2979
- .\[\&_img\]\:ease-in-out {
2980
- & img {
2981
- --tw-ease: var(--ease-in-out);
2982
- transition-timing-function: var(--ease-in-out);
1807
+ .dark\:text-muted-foreground {
1808
+ &:is(.dark *) {
1809
+ color: var(--color-muted-foreground);
2983
1810
  }
2984
1811
  }
2985
- .\[\&_li\]\:mt-0 {
2986
- & li {
2987
- margin-top: calc(var(--spacing) * 0);
1812
+ .dark\:focus-visible\:ring-destructive\/40 {
1813
+ &:is(.dark *) {
1814
+ &:focus-visible {
1815
+ --tw-ring-color: var(--color-destructive);
1816
+ @supports (color: color-mix(in lab, red, red)) {
1817
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
1818
+ }
1819
+ }
2988
1820
  }
2989
1821
  }
2990
- .\[\&_li\]\:pt-2 {
2991
- & li {
2992
- padding-top: calc(var(--spacing) * 2);
1822
+ .dark\:aria-invalid\:ring-destructive\/40 {
1823
+ &:is(.dark *) {
1824
+ &[aria-invalid="true"] {
1825
+ --tw-ring-color: var(--color-destructive);
1826
+ @supports (color: color-mix(in lab, red, red)) {
1827
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
1828
+ }
1829
+ }
2993
1830
  }
2994
1831
  }
2995
1832
  .\[\&_svg\]\:pointer-events-none {
@@ -3003,22 +1840,11 @@
3003
1840
  height: calc(var(--spacing) * 4);
3004
1841
  }
3005
1842
  }
3006
- .\[\&_svg\]\:size-5 {
3007
- & svg {
3008
- width: calc(var(--spacing) * 5);
3009
- height: calc(var(--spacing) * 5);
3010
- }
3011
- }
3012
1843
  .\[\&_svg\]\:shrink-0 {
3013
1844
  & svg {
3014
1845
  flex-shrink: 0;
3015
1846
  }
3016
1847
  }
3017
- .\[\&_svg\]\:\!text-destructive {
3018
- & svg {
3019
- color: var(--color-destructive) !important;
3020
- }
3021
- }
3022
1848
  .\[\&_svg\]\:text-muted-foreground {
3023
1849
  & svg {
3024
1850
  color: var(--color-muted-foreground);
@@ -3030,105 +1856,17 @@
3030
1856
  height: calc(var(--spacing) * 4);
3031
1857
  }
3032
1858
  }
3033
- .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 {
3034
- & svg:not([class*='size-']) {
3035
- width: calc(var(--spacing) * 6);
3036
- height: calc(var(--spacing) * 6);
3037
- }
3038
- }
3039
1859
  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
3040
1860
  & svg:not([class*='text-']) {
3041
1861
  color: var(--color-muted-foreground);
3042
1862
  }
3043
1863
  }
3044
- .\[\&_ul\]\:m-0 {
3045
- & ul {
3046
- margin: calc(var(--spacing) * 0);
3047
- }
3048
- }
3049
- .\[\&_ul\]\:list-none {
3050
- & ul {
3051
- list-style-type: none;
3052
- }
3053
- }
3054
- .\[\&_ul_ul\]\:pl-4 {
3055
- & ul ul {
3056
- padding-left: calc(var(--spacing) * 4);
3057
- }
3058
- }
3059
- .md\:\*\:\[\.card\]\:basis-1\/4 {
3060
- @media (width >= 48rem) {
3061
- :is(& > *) {
3062
- &:is(.card) {
3063
- flex-basis: calc(1/4 * 100%);
3064
- }
3065
- }
3066
- }
3067
- }
3068
- .\[a\]\:transition-colors {
3069
- &:is(a) {
3070
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
3071
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3072
- transition-duration: var(--tw-duration, var(--default-transition-duration));
3073
- }
3074
- }
3075
- .\[a\]\:hover\:bg-accent\/50 {
3076
- &:is(a) {
3077
- &:hover {
3078
- @media (hover: hover) {
3079
- background-color: var(--color-accent);
3080
- @supports (color: color-mix(in lab, red, red)) {
3081
- background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
3082
- }
3083
- }
3084
- }
3085
- }
3086
- }
3087
- .\[\&\>a\]\:underline {
3088
- &>a {
3089
- text-decoration-line: underline;
3090
- }
3091
- }
3092
- .\[\&\>a\]\:underline-offset-4 {
3093
- &>a {
3094
- text-underline-offset: 4px;
3095
- }
3096
- }
3097
- .\[\&\>a\:hover\]\:text-primary {
3098
- &>a:hover {
3099
- color: var(--color-primary);
3100
- }
3101
- }
3102
- .\[\&\>svg\]\:mb-3 {
3103
- &>svg {
3104
- margin-bottom: calc(var(--spacing) * 3);
3105
- }
3106
- }
3107
- .\[\&\>svg\]\:size-3 {
3108
- &>svg {
3109
- width: calc(var(--spacing) * 3);
3110
- height: calc(var(--spacing) * 3);
3111
- }
3112
- }
3113
1864
  .\[\&\>svg\]\:size-4 {
3114
1865
  &>svg {
3115
1866
  width: calc(var(--spacing) * 4);
3116
1867
  height: calc(var(--spacing) * 4);
3117
1868
  }
3118
1869
  }
3119
- .\[\&\>svg\]\:size-6 {
3120
- &>svg {
3121
- width: calc(var(--spacing) * 6);
3122
- height: calc(var(--spacing) * 6);
3123
- }
3124
- }
3125
- .aria-pressed\:\[\&\>svg\]\:fill-blue-600 {
3126
- &[aria-pressed="true"] {
3127
- &>svg {
3128
- fill: var(--color-blue-600);
3129
- }
3130
- }
3131
- }
3132
1870
  .\[a\&\]\:hover\:bg-accent {
3133
1871
  a& {
3134
1872
  &:hover {
@@ -7101,26 +5839,6 @@
7101
5839
  syntax: "*";
7102
5840
  inherits: false;
7103
5841
  }
7104
- @property --tw-ordinal {
7105
- syntax: "*";
7106
- inherits: false;
7107
- }
7108
- @property --tw-slashed-zero {
7109
- syntax: "*";
7110
- inherits: false;
7111
- }
7112
- @property --tw-numeric-figure {
7113
- syntax: "*";
7114
- inherits: false;
7115
- }
7116
- @property --tw-numeric-spacing {
7117
- syntax: "*";
7118
- inherits: false;
7119
- }
7120
- @property --tw-numeric-fraction {
7121
- syntax: "*";
7122
- inherits: false;
7123
- }
7124
5842
  @property --tw-shadow {
7125
5843
  syntax: "*";
7126
5844
  inherits: false;
@@ -7288,11 +6006,6 @@
7288
6006
  syntax: "*";
7289
6007
  inherits: false;
7290
6008
  }
7291
- @property --tw-content {
7292
- syntax: "*";
7293
- initial-value: "";
7294
- inherits: false;
7295
- }
7296
6009
  @property --tw-scale-x {
7297
6010
  syntax: "*";
7298
6011
  inherits: false;
@@ -7308,6 +6021,11 @@
7308
6021
  inherits: false;
7309
6022
  initial-value: 1;
7310
6023
  }
6024
+ @property --tw-content {
6025
+ syntax: "*";
6026
+ inherits: false;
6027
+ initial-value: "";
6028
+ }
7311
6029
  @keyframes spin {
7312
6030
  to {
7313
6031
  transform: rotate(360deg);
@@ -7336,11 +6054,6 @@
7336
6054
  --tw-leading: initial;
7337
6055
  --tw-font-weight: initial;
7338
6056
  --tw-tracking: initial;
7339
- --tw-ordinal: initial;
7340
- --tw-slashed-zero: initial;
7341
- --tw-numeric-figure: initial;
7342
- --tw-numeric-spacing: initial;
7343
- --tw-numeric-fraction: initial;
7344
6057
  --tw-shadow: 0 0 #0000;
7345
6058
  --tw-shadow-color: initial;
7346
6059
  --tw-shadow-alpha: 100%;
@@ -7380,10 +6093,10 @@
7380
6093
  --tw-backdrop-sepia: initial;
7381
6094
  --tw-duration: initial;
7382
6095
  --tw-ease: initial;
7383
- --tw-content: "";
7384
6096
  --tw-scale-x: 1;
7385
6097
  --tw-scale-y: 1;
7386
6098
  --tw-scale-z: 1;
6099
+ --tw-content: "";
7387
6100
  }
7388
6101
  }
7389
6102
  }