hazo_pdf 1.5.8 → 1.6.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.
@@ -139,6 +139,9 @@
139
139
  .mb-1 {
140
140
  margin-bottom: 0.25rem;
141
141
  }
142
+ .mb-10 {
143
+ margin-bottom: 2.5rem;
144
+ }
142
145
  .mb-2 {
143
146
  margin-bottom: 0.5rem;
144
147
  }
@@ -166,6 +169,9 @@
166
169
  .mr-2 {
167
170
  margin-right: 0.5rem;
168
171
  }
172
+ .ms-3 {
173
+ margin-inline-start: 0.75rem;
174
+ }
169
175
  .mt-0\.5 {
170
176
  margin-top: 0.125rem;
171
177
  }
@@ -218,6 +224,9 @@
218
224
  width: 1rem;
219
225
  height: 1rem;
220
226
  }
227
+ .h-1\.5 {
228
+ height: 0.375rem;
229
+ }
221
230
  .h-10 {
222
231
  height: 2.5rem;
223
232
  }
@@ -230,6 +239,9 @@
230
239
  .h-16 {
231
240
  height: 4rem;
232
241
  }
242
+ .h-2 {
243
+ height: 0.5rem;
244
+ }
233
245
  .h-24 {
234
246
  height: 6rem;
235
247
  }
@@ -302,15 +314,24 @@
302
314
  .min-h-svh {
303
315
  min-height: 100svh;
304
316
  }
317
+ .w-1\.5 {
318
+ width: 0.375rem;
319
+ }
305
320
  .w-10 {
306
321
  width: 2.5rem;
307
322
  }
323
+ .w-11 {
324
+ width: 2.75rem;
325
+ }
308
326
  .w-12 {
309
327
  width: 3rem;
310
328
  }
311
329
  .w-16 {
312
330
  width: 4rem;
313
331
  }
332
+ .w-2 {
333
+ width: 0.5rem;
334
+ }
314
335
  .w-3 {
315
336
  width: 0.75rem;
316
337
  }
@@ -389,6 +410,9 @@
389
410
  .max-w-2xl {
390
411
  max-width: 42rem;
391
412
  }
413
+ .max-w-4xl {
414
+ max-width: 56rem;
415
+ }
392
416
  .max-w-\[--skeleton-width\] {
393
417
  max-width: var(--skeleton-width);
394
418
  }
@@ -416,6 +440,9 @@
416
440
  .flex-none {
417
441
  flex: none;
418
442
  }
443
+ .flex-shrink-0 {
444
+ flex-shrink: 0;
445
+ }
419
446
  .shrink-0 {
420
447
  flex-shrink: 0;
421
448
  }
@@ -449,6 +476,10 @@
449
476
  --tw-translate-y: -50%;
450
477
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
451
478
  }
479
+ .rotate-180 {
480
+ --tw-rotate: 180deg;
481
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
482
+ }
452
483
  .transform {
453
484
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
454
485
  }
@@ -521,6 +552,9 @@
521
552
  .gap-1 {
522
553
  gap: 0.25rem;
523
554
  }
555
+ .gap-1\.5 {
556
+ gap: 0.375rem;
557
+ }
524
558
  .gap-2 {
525
559
  gap: 0.5rem;
526
560
  }
@@ -530,6 +564,9 @@
530
564
  .gap-4 {
531
565
  gap: 1rem;
532
566
  }
567
+ .gap-5 {
568
+ gap: 1.25rem;
569
+ }
533
570
  .space-y-1 > :not([hidden]) ~ :not([hidden]) {
534
571
  --tw-space-y-reverse: 0;
535
572
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -579,6 +616,9 @@
579
616
  .rounded {
580
617
  border-radius: 0.25rem;
581
618
  }
619
+ .rounded-2xl {
620
+ border-radius: 1rem;
621
+ }
582
622
  .rounded-full {
583
623
  border-radius: 9999px;
584
624
  }
@@ -591,9 +631,15 @@
591
631
  .rounded-sm {
592
632
  border-radius: calc(var(--radius) - 4px);
593
633
  }
634
+ .rounded-xl {
635
+ border-radius: 0.75rem;
636
+ }
594
637
  .border {
595
638
  border-width: 1px;
596
639
  }
640
+ .border-2 {
641
+ border-width: 2px;
642
+ }
597
643
  .border-b {
598
644
  border-bottom-width: 1px;
599
645
  }
@@ -613,6 +659,14 @@
613
659
  --tw-border-opacity: 1;
614
660
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
615
661
  }
662
+ .border-gray-100 {
663
+ --tw-border-opacity: 1;
664
+ border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
665
+ }
666
+ .border-gray-200 {
667
+ --tw-border-opacity: 1;
668
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
669
+ }
616
670
  .border-gray-300 {
617
671
  --tw-border-opacity: 1;
618
672
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
@@ -623,6 +677,10 @@
623
677
  .border-primary {
624
678
  border-color: hsl(var(--primary));
625
679
  }
680
+ .border-red-100 {
681
+ --tw-border-opacity: 1;
682
+ border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));
683
+ }
626
684
  .border-red-200 {
627
685
  --tw-border-opacity: 1;
628
686
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
@@ -630,12 +688,25 @@
630
688
  .border-sidebar-border {
631
689
  border-color: hsl(var(--sidebar-border));
632
690
  }
691
+ .border-violet-500 {
692
+ --tw-border-opacity: 1;
693
+ border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
694
+ }
695
+ .border-t-transparent {
696
+ border-top-color: transparent;
697
+ }
633
698
  .bg-background {
634
699
  background-color: hsl(var(--background));
635
700
  }
701
+ .bg-black\/30 {
702
+ background-color: rgb(0 0 0 / 0.3);
703
+ }
636
704
  .bg-black\/50 {
637
705
  background-color: rgb(0 0 0 / 0.5);
638
706
  }
707
+ .bg-black\/60 {
708
+ background-color: rgb(0 0 0 / 0.6);
709
+ }
639
710
  .bg-black\/80 {
640
711
  background-color: rgb(0 0 0 / 0.8);
641
712
  }
@@ -651,10 +722,6 @@
651
722
  --tw-bg-opacity: 1;
652
723
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
653
724
  }
654
- .bg-blue-600 {
655
- --tw-bg-opacity: 1;
656
- background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
657
- }
658
725
  .bg-border {
659
726
  background-color: hsl(var(--border));
660
727
  }
@@ -664,10 +731,18 @@
664
731
  .bg-destructive\/10 {
665
732
  background-color: hsl(var(--destructive) / 0.1);
666
733
  }
734
+ .bg-emerald-500 {
735
+ --tw-bg-opacity: 1;
736
+ background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
737
+ }
667
738
  .bg-gray-100 {
668
739
  --tw-bg-opacity: 1;
669
740
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
670
741
  }
742
+ .bg-gray-200 {
743
+ --tw-bg-opacity: 1;
744
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
745
+ }
671
746
  .bg-gray-50 {
672
747
  --tw-bg-opacity: 1;
673
748
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
@@ -702,16 +777,16 @@
702
777
  .bg-muted\/50 {
703
778
  background-color: hsl(var(--muted) / 0.5);
704
779
  }
705
- .bg-orange-500 {
706
- --tw-bg-opacity: 1;
707
- background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
708
- }
709
780
  .bg-popover {
710
781
  background-color: hsl(var(--popover));
711
782
  }
712
783
  .bg-primary {
713
784
  background-color: hsl(var(--primary));
714
785
  }
786
+ .bg-red-100 {
787
+ --tw-bg-opacity: 1;
788
+ background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
789
+ }
715
790
  .bg-red-50 {
716
791
  --tw-bg-opacity: 1;
717
792
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
@@ -736,14 +811,152 @@
736
811
  .bg-transparent {
737
812
  background-color: transparent;
738
813
  }
814
+ .bg-violet-100 {
815
+ --tw-bg-opacity: 1;
816
+ background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
817
+ }
818
+ .bg-violet-500 {
819
+ --tw-bg-opacity: 1;
820
+ background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
821
+ }
739
822
  .bg-white {
740
823
  --tw-bg-opacity: 1;
741
824
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
742
825
  }
826
+ .bg-white\/60 {
827
+ background-color: rgb(255 255 255 / 0.6);
828
+ }
829
+ .bg-white\/80 {
830
+ background-color: rgb(255 255 255 / 0.8);
831
+ }
743
832
  .bg-yellow-500 {
744
833
  --tw-bg-opacity: 1;
745
834
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
746
835
  }
836
+ .bg-gradient-to-br {
837
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
838
+ }
839
+ .bg-gradient-to-r {
840
+ background-image: linear-gradient(to right, var(--tw-gradient-stops));
841
+ }
842
+ .from-amber-500 {
843
+ --tw-gradient-from: #f59e0b var(--tw-gradient-from-position);
844
+ --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
845
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
846
+ }
847
+ .from-blue-500 {
848
+ --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
849
+ --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
850
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
851
+ }
852
+ .from-emerald-50 {
853
+ --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);
854
+ --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);
855
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
856
+ }
857
+ .from-emerald-500 {
858
+ --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
859
+ --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
860
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
861
+ }
862
+ .from-gray-100 {
863
+ --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
864
+ --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
865
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
866
+ }
867
+ .from-gray-50 {
868
+ --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
869
+ --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
870
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
871
+ }
872
+ .from-gray-50\/50 {
873
+ --tw-gradient-from: rgb(249 250 251 / 0.5) var(--tw-gradient-from-position);
874
+ --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
875
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
876
+ }
877
+ .from-gray-900 {
878
+ --tw-gradient-from: #111827 var(--tw-gradient-from-position);
879
+ --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
880
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
881
+ }
882
+ .from-indigo-500 {
883
+ --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
884
+ --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
885
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
886
+ }
887
+ .from-red-50 {
888
+ --tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);
889
+ --tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);
890
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
891
+ }
892
+ .from-rose-500 {
893
+ --tw-gradient-from: #f43f5e var(--tw-gradient-from-position);
894
+ --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
895
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
896
+ }
897
+ .from-violet-500 {
898
+ --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
899
+ --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
900
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
901
+ }
902
+ .from-violet-600 {
903
+ --tw-gradient-from: #7c3aed var(--tw-gradient-from-position);
904
+ --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);
905
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
906
+ }
907
+ .via-gray-800 {
908
+ --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
909
+ --tw-gradient-stops:
910
+ var(--tw-gradient-from),
911
+ #1f2937 var(--tw-gradient-via-position),
912
+ var(--tw-gradient-to);
913
+ }
914
+ .to-blue-500 {
915
+ --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
916
+ }
917
+ .to-cyan-500 {
918
+ --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);
919
+ }
920
+ .to-gray-50 {
921
+ --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
922
+ }
923
+ .to-gray-600 {
924
+ --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
925
+ }
926
+ .to-gray-800 {
927
+ --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
928
+ }
929
+ .to-green-50 {
930
+ --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position);
931
+ }
932
+ .to-green-500 {
933
+ --tw-gradient-to: #22c55e var(--tw-gradient-to-position);
934
+ }
935
+ .to-indigo-500 {
936
+ --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
937
+ }
938
+ .to-orange-50 {
939
+ --tw-gradient-to: #fff7ed var(--tw-gradient-to-position);
940
+ }
941
+ .to-orange-500 {
942
+ --tw-gradient-to: #f97316 var(--tw-gradient-to-position);
943
+ }
944
+ .to-pink-500 {
945
+ --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
946
+ }
947
+ .to-purple-500 {
948
+ --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
949
+ }
950
+ .to-purple-600 {
951
+ --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
952
+ }
953
+ .to-white {
954
+ --tw-gradient-to: #fff var(--tw-gradient-to-position);
955
+ }
956
+ .bg-clip-text {
957
+ -webkit-background-clip: text;
958
+ background-clip: text;
959
+ }
747
960
  .p-0 {
748
961
  padding: 0px;
749
962
  }
@@ -759,6 +972,9 @@
759
972
  .p-4 {
760
973
  padding: 1rem;
761
974
  }
975
+ .p-5 {
976
+ padding: 1.25rem;
977
+ }
762
978
  .p-6 {
763
979
  padding: 1.5rem;
764
980
  }
@@ -785,6 +1001,14 @@
785
1001
  padding-left: 1rem;
786
1002
  padding-right: 1rem;
787
1003
  }
1004
+ .px-5 {
1005
+ padding-left: 1.25rem;
1006
+ padding-right: 1.25rem;
1007
+ }
1008
+ .px-6 {
1009
+ padding-left: 1.5rem;
1010
+ padding-right: 1.5rem;
1011
+ }
788
1012
  .px-8 {
789
1013
  padding-left: 2rem;
790
1014
  padding-right: 2rem;
@@ -809,6 +1033,14 @@
809
1033
  padding-top: 0.625rem;
810
1034
  padding-bottom: 0.625rem;
811
1035
  }
1036
+ .py-3 {
1037
+ padding-top: 0.75rem;
1038
+ padding-bottom: 0.75rem;
1039
+ }
1040
+ .py-3\.5 {
1041
+ padding-top: 0.875rem;
1042
+ padding-bottom: 0.875rem;
1043
+ }
812
1044
  .py-4 {
813
1045
  padding-top: 1rem;
814
1046
  padding-bottom: 1rem;
@@ -819,6 +1051,9 @@
819
1051
  .pt-2 {
820
1052
  padding-top: 0.5rem;
821
1053
  }
1054
+ .pt-7 {
1055
+ padding-top: 1.75rem;
1056
+ }
822
1057
  .text-left {
823
1058
  text-align: left;
824
1059
  }
@@ -843,6 +1078,10 @@
843
1078
  font-size: 1.5rem;
844
1079
  line-height: 2rem;
845
1080
  }
1081
+ .text-4xl {
1082
+ font-size: 2.25rem;
1083
+ line-height: 2.5rem;
1084
+ }
846
1085
  .text-base {
847
1086
  font-size: 1rem;
848
1087
  line-height: 1.5rem;
@@ -872,6 +1111,9 @@
872
1111
  .font-semibold {
873
1112
  font-weight: 600;
874
1113
  }
1114
+ .uppercase {
1115
+ text-transform: uppercase;
1116
+ }
875
1117
  .lowercase {
876
1118
  text-transform: lowercase;
877
1119
  }
@@ -885,9 +1127,15 @@
885
1127
  .leading-none {
886
1128
  line-height: 1;
887
1129
  }
1130
+ .leading-relaxed {
1131
+ line-height: 1.625;
1132
+ }
888
1133
  .tracking-tight {
889
1134
  letter-spacing: -0.025em;
890
1135
  }
1136
+ .tracking-wide {
1137
+ letter-spacing: 0.025em;
1138
+ }
891
1139
  .text-amber-600 {
892
1140
  --tw-text-opacity: 1;
893
1141
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
@@ -913,6 +1161,14 @@
913
1161
  .text-destructive-foreground {
914
1162
  color: hsl(var(--destructive-foreground));
915
1163
  }
1164
+ .text-emerald-500 {
1165
+ --tw-text-opacity: 1;
1166
+ color: rgb(16 185 129 / var(--tw-text-opacity, 1));
1167
+ }
1168
+ .text-emerald-600 {
1169
+ --tw-text-opacity: 1;
1170
+ color: rgb(5 150 105 / var(--tw-text-opacity, 1));
1171
+ }
916
1172
  .text-foreground {
917
1173
  color: hsl(var(--foreground));
918
1174
  }
@@ -936,6 +1192,10 @@
936
1192
  --tw-text-opacity: 1;
937
1193
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
938
1194
  }
1195
+ .text-gray-900 {
1196
+ --tw-text-opacity: 1;
1197
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1198
+ }
939
1199
  .text-green-400 {
940
1200
  --tw-text-opacity: 1;
941
1201
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
@@ -972,6 +1232,10 @@
972
1232
  --tw-text-opacity: 1;
973
1233
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
974
1234
  }
1235
+ .text-red-800 {
1236
+ --tw-text-opacity: 1;
1237
+ color: rgb(153 27 27 / var(--tw-text-opacity, 1));
1238
+ }
975
1239
  .text-red-900 {
976
1240
  --tw-text-opacity: 1;
977
1241
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
@@ -985,6 +1249,17 @@
985
1249
  .text-sidebar-foreground\/70 {
986
1250
  color: hsl(var(--sidebar-foreground) / 0.7);
987
1251
  }
1252
+ .text-transparent {
1253
+ color: transparent;
1254
+ }
1255
+ .text-violet-500 {
1256
+ --tw-text-opacity: 1;
1257
+ color: rgb(139 92 246 / var(--tw-text-opacity, 1));
1258
+ }
1259
+ .text-violet-700 {
1260
+ --tw-text-opacity: 1;
1261
+ color: rgb(109 40 217 / var(--tw-text-opacity, 1));
1262
+ }
988
1263
  .text-white {
989
1264
  --tw-text-opacity: 1;
990
1265
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -995,9 +1270,15 @@
995
1270
  .underline-offset-4 {
996
1271
  text-underline-offset: 4px;
997
1272
  }
1273
+ .opacity-25 {
1274
+ opacity: 0.25;
1275
+ }
998
1276
  .opacity-70 {
999
1277
  opacity: 0.7;
1000
1278
  }
1279
+ .opacity-75 {
1280
+ opacity: 0.75;
1281
+ }
1001
1282
  .shadow {
1002
1283
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1003
1284
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -1006,6 +1287,14 @@
1006
1287
  var(--tw-ring-shadow, 0 0 #0000),
1007
1288
  var(--tw-shadow);
1008
1289
  }
1290
+ .shadow-2xl {
1291
+ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
1292
+ --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
1293
+ box-shadow:
1294
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1295
+ var(--tw-ring-shadow, 0 0 #0000),
1296
+ var(--tw-shadow);
1297
+ }
1009
1298
  .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
1010
1299
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
1011
1300
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
@@ -1038,6 +1327,14 @@
1038
1327
  var(--tw-ring-shadow, 0 0 #0000),
1039
1328
  var(--tw-shadow);
1040
1329
  }
1330
+ .shadow-sm {
1331
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1332
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1333
+ box-shadow:
1334
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1335
+ var(--tw-ring-shadow, 0 0 #0000),
1336
+ var(--tw-shadow);
1337
+ }
1041
1338
  .shadow-xl {
1042
1339
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
1043
1340
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
@@ -1046,6 +1343,30 @@
1046
1343
  var(--tw-ring-shadow, 0 0 #0000),
1047
1344
  var(--tw-shadow);
1048
1345
  }
1346
+ .shadow-blue-500\/20 {
1347
+ --tw-shadow-color: rgb(59 130 246 / 0.2);
1348
+ --tw-shadow: var(--tw-shadow-colored);
1349
+ }
1350
+ .shadow-blue-500\/25 {
1351
+ --tw-shadow-color: rgb(59 130 246 / 0.25);
1352
+ --tw-shadow: var(--tw-shadow-colored);
1353
+ }
1354
+ .shadow-emerald-500\/25 {
1355
+ --tw-shadow-color: rgb(16 185 129 / 0.25);
1356
+ --tw-shadow: var(--tw-shadow-colored);
1357
+ }
1358
+ .shadow-orange-500\/20 {
1359
+ --tw-shadow-color: rgb(249 115 22 / 0.2);
1360
+ --tw-shadow: var(--tw-shadow-colored);
1361
+ }
1362
+ .shadow-violet-500\/20 {
1363
+ --tw-shadow-color: rgb(139 92 246 / 0.2);
1364
+ --tw-shadow: var(--tw-shadow-colored);
1365
+ }
1366
+ .shadow-violet-500\/25 {
1367
+ --tw-shadow-color: rgb(139 92 246 / 0.25);
1368
+ --tw-shadow: var(--tw-shadow-colored);
1369
+ }
1049
1370
  .outline-none {
1050
1371
  outline: 2px solid transparent;
1051
1372
  outline-offset: 2px;
@@ -1062,6 +1383,10 @@
1062
1383
  .filter {
1063
1384
  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);
1064
1385
  }
1386
+ .backdrop-blur-sm {
1387
+ --tw-backdrop-blur: blur(4px);
1388
+ 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);
1389
+ }
1065
1390
  .transition {
1066
1391
  transition-property:
1067
1392
  color,
@@ -1178,6 +1503,9 @@
1178
1503
  .\[hazo_pdf\:extract\] {
1179
1504
  hazo_pdf: extract;
1180
1505
  }
1506
+ .\[hazo_pdf\:extract_api\] {
1507
+ hazo_pdf: extract api;
1508
+ }
1181
1509
  .hazo-pdf-root,
1182
1510
  .hazo-pdf-root *,
1183
1511
  .hazo-pdf-root *::before,
@@ -3206,10 +3534,58 @@
3206
3534
  content: var(--tw-content);
3207
3535
  left: 50%;
3208
3536
  }
3537
+ .after\:start-\[2px\]::after {
3538
+ content: var(--tw-content);
3539
+ inset-inline-start: 2px;
3540
+ }
3541
+ .after\:top-\[2px\]::after {
3542
+ content: var(--tw-content);
3543
+ top: 2px;
3544
+ }
3545
+ .after\:h-5::after {
3546
+ content: var(--tw-content);
3547
+ height: 1.25rem;
3548
+ }
3549
+ .after\:w-5::after {
3550
+ content: var(--tw-content);
3551
+ width: 1.25rem;
3552
+ }
3209
3553
  .after\:w-\[2px\]::after {
3210
3554
  content: var(--tw-content);
3211
3555
  width: 2px;
3212
3556
  }
3557
+ .after\:rounded-full::after {
3558
+ content: var(--tw-content);
3559
+ border-radius: 9999px;
3560
+ }
3561
+ .after\:border::after {
3562
+ content: var(--tw-content);
3563
+ border-width: 1px;
3564
+ }
3565
+ .after\:border-gray-300::after {
3566
+ content: var(--tw-content);
3567
+ --tw-border-opacity: 1;
3568
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
3569
+ }
3570
+ .after\:bg-white::after {
3571
+ content: var(--tw-content);
3572
+ --tw-bg-opacity: 1;
3573
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
3574
+ }
3575
+ .after\:transition-all::after {
3576
+ content: var(--tw-content);
3577
+ transition-property: all;
3578
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3579
+ transition-duration: 150ms;
3580
+ }
3581
+ .after\:content-\[\'\'\]::after {
3582
+ --tw-content: "";
3583
+ content: var(--tw-content);
3584
+ }
3585
+ .hover\:border-gray-300:hover {
3586
+ --tw-border-opacity: 1;
3587
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
3588
+ }
3213
3589
  .hover\:bg-accent:hover {
3214
3590
  background-color: hsl(var(--accent));
3215
3591
  }
@@ -3217,10 +3593,6 @@
3217
3593
  --tw-bg-opacity: 1;
3218
3594
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
3219
3595
  }
3220
- .hover\:bg-blue-700:hover {
3221
- --tw-bg-opacity: 1;
3222
- background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
3223
- }
3224
3596
  .hover\:bg-destructive\/90:hover {
3225
3597
  background-color: hsl(var(--destructive) / 0.9);
3226
3598
  }
@@ -3228,6 +3600,14 @@
3228
3600
  --tw-bg-opacity: 1;
3229
3601
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
3230
3602
  }
3603
+ .hover\:bg-gray-200:hover {
3604
+ --tw-bg-opacity: 1;
3605
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
3606
+ }
3607
+ .hover\:bg-gray-50:hover {
3608
+ --tw-bg-opacity: 1;
3609
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
3610
+ }
3231
3611
  .hover\:bg-gray-600:hover {
3232
3612
  --tw-bg-opacity: 1;
3233
3613
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
@@ -3250,10 +3630,6 @@
3250
3630
  .hover\:bg-muted\/50:hover {
3251
3631
  background-color: hsl(var(--muted) / 0.5);
3252
3632
  }
3253
- .hover\:bg-orange-600:hover {
3254
- --tw-bg-opacity: 1;
3255
- background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
3256
- }
3257
3633
  .hover\:bg-primary\/90:hover {
3258
3634
  background-color: hsl(var(--primary) / 0.9);
3259
3635
  }
@@ -3271,6 +3647,38 @@
3271
3647
  --tw-bg-opacity: 1;
3272
3648
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
3273
3649
  }
3650
+ .hover\:from-amber-600:hover {
3651
+ --tw-gradient-from: #d97706 var(--tw-gradient-from-position);
3652
+ --tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);
3653
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3654
+ }
3655
+ .hover\:from-blue-600:hover {
3656
+ --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
3657
+ --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
3658
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3659
+ }
3660
+ .hover\:from-emerald-600:hover {
3661
+ --tw-gradient-from: #059669 var(--tw-gradient-from-position);
3662
+ --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);
3663
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3664
+ }
3665
+ .hover\:from-violet-700:hover {
3666
+ --tw-gradient-from: #6d28d9 var(--tw-gradient-from-position);
3667
+ --tw-gradient-to: rgb(109 40 217 / 0) var(--tw-gradient-to-position);
3668
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3669
+ }
3670
+ .hover\:to-green-600:hover {
3671
+ --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
3672
+ }
3673
+ .hover\:to-indigo-600:hover {
3674
+ --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
3675
+ }
3676
+ .hover\:to-orange-600:hover {
3677
+ --tw-gradient-to: #ea580c var(--tw-gradient-to-position);
3678
+ }
3679
+ .hover\:to-purple-700:hover {
3680
+ --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
3681
+ }
3274
3682
  .hover\:text-accent-foreground:hover {
3275
3683
  color: hsl(var(--accent-foreground));
3276
3684
  }
@@ -3297,10 +3705,38 @@
3297
3705
  var(--tw-ring-shadow, 0 0 #0000),
3298
3706
  var(--tw-shadow);
3299
3707
  }
3708
+ .hover\:shadow-lg:hover {
3709
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
3710
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
3711
+ box-shadow:
3712
+ var(--tw-ring-offset-shadow, 0 0 #0000),
3713
+ var(--tw-ring-shadow, 0 0 #0000),
3714
+ var(--tw-shadow);
3715
+ }
3716
+ .hover\:shadow-xl:hover {
3717
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
3718
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
3719
+ box-shadow:
3720
+ var(--tw-ring-offset-shadow, 0 0 #0000),
3721
+ var(--tw-ring-shadow, 0 0 #0000),
3722
+ var(--tw-shadow);
3723
+ }
3724
+ .hover\:shadow-gray-200\/50:hover {
3725
+ --tw-shadow-color: rgb(229 231 235 / 0.5);
3726
+ --tw-shadow: var(--tw-shadow-colored);
3727
+ }
3728
+ .hover\:shadow-violet-500\/30:hover {
3729
+ --tw-shadow-color: rgb(139 92 246 / 0.3);
3730
+ --tw-shadow: var(--tw-shadow-colored);
3731
+ }
3300
3732
  .hover\:after\:bg-sidebar-border:hover::after {
3301
3733
  content: var(--tw-content);
3302
3734
  background-color: hsl(var(--sidebar-border));
3303
3735
  }
3736
+ .focus\:border-violet-500:focus {
3737
+ --tw-border-opacity: 1;
3738
+ border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
3739
+ }
3304
3740
  .focus\:outline-none:focus {
3305
3741
  outline: 2px solid transparent;
3306
3742
  outline-offset: 2px;
@@ -3316,6 +3752,9 @@
3316
3752
  .focus\:ring-ring:focus {
3317
3753
  --tw-ring-color: hsl(var(--ring));
3318
3754
  }
3755
+ .focus\:ring-violet-500\/20:focus {
3756
+ --tw-ring-color: rgb(139 92 246 / 0.2);
3757
+ }
3319
3758
  .focus\:ring-offset-2:focus {
3320
3759
  --tw-ring-offset-width: 2px;
3321
3760
  }
@@ -3355,15 +3794,57 @@
3355
3794
  .disabled\:opacity-50:disabled {
3356
3795
  opacity: 0.5;
3357
3796
  }
3797
+ .disabled\:shadow-none:disabled {
3798
+ --tw-shadow: 0 0 #0000;
3799
+ --tw-shadow-colored: 0 0 #0000;
3800
+ box-shadow:
3801
+ var(--tw-ring-offset-shadow, 0 0 #0000),
3802
+ var(--tw-ring-shadow, 0 0 #0000),
3803
+ var(--tw-shadow);
3804
+ }
3358
3805
  .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
3359
3806
  opacity: 1;
3360
3807
  }
3808
+ .group:hover .group-hover\:scale-110 {
3809
+ --tw-scale-x: 1.1;
3810
+ --tw-scale-y: 1.1;
3811
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3812
+ }
3361
3813
  .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
3362
3814
  opacity: 1;
3363
3815
  }
3816
+ .peer:checked ~ .peer-checked\:bg-violet-500 {
3817
+ --tw-bg-opacity: 1;
3818
+ background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
3819
+ }
3820
+ .peer:checked ~ .peer-checked\:after\:translate-x-full::after {
3821
+ content: var(--tw-content);
3822
+ --tw-translate-x: 100%;
3823
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3824
+ }
3825
+ .peer:checked ~ .peer-checked\:after\:border-white::after {
3826
+ content: var(--tw-content);
3827
+ --tw-border-opacity: 1;
3828
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
3829
+ }
3364
3830
  .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground {
3365
3831
  color: hsl(var(--sidebar-accent-foreground));
3366
3832
  }
3833
+ .peer:focus ~ .peer-focus\:outline-none {
3834
+ outline: 2px solid transparent;
3835
+ outline-offset: 2px;
3836
+ }
3837
+ .peer:focus ~ .peer-focus\:ring-4 {
3838
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3839
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3840
+ box-shadow:
3841
+ var(--tw-ring-offset-shadow),
3842
+ var(--tw-ring-shadow),
3843
+ var(--tw-shadow, 0 0 #0000);
3844
+ }
3845
+ .peer:focus ~ .peer-focus\:ring-violet-500\/20 {
3846
+ --tw-ring-color: rgb(139 92 246 / 0.2);
3847
+ }
3367
3848
  .has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]) {
3368
3849
  background-color: hsl(var(--sidebar-background));
3369
3850
  }
@@ -3671,6 +4152,16 @@
3671
4152
  var(--tw-shadow);
3672
4153
  }
3673
4154
  }
4155
+ @media (min-width: 1024px) {
4156
+ .lg\:grid-cols-3 {
4157
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4158
+ }
4159
+ }
4160
+ .peer:checked ~ .rtl\:peer-checked\:after\:-translate-x-full:where([dir=rtl], [dir=rtl] *)::after {
4161
+ content: var(--tw-content);
4162
+ --tw-translate-x: -100%;
4163
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4164
+ }
3674
4165
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
3675
4166
  padding-right: 0px;
3676
4167
  }
@@ -4270,6 +4761,9 @@ body {
4270
4761
  .mb-1 {
4271
4762
  margin-bottom: 0.25rem;
4272
4763
  }
4764
+ .mb-10 {
4765
+ margin-bottom: 2.5rem;
4766
+ }
4273
4767
  .mb-2 {
4274
4768
  margin-bottom: 0.5rem;
4275
4769
  }
@@ -4297,6 +4791,9 @@ body {
4297
4791
  .mr-2 {
4298
4792
  margin-right: 0.5rem;
4299
4793
  }
4794
+ .ms-3 {
4795
+ margin-inline-start: 0.75rem;
4796
+ }
4300
4797
  .mt-0\.5 {
4301
4798
  margin-top: 0.125rem;
4302
4799
  }
@@ -4349,6 +4846,9 @@ body {
4349
4846
  width: 1rem;
4350
4847
  height: 1rem;
4351
4848
  }
4849
+ .h-1\.5 {
4850
+ height: 0.375rem;
4851
+ }
4352
4852
  .h-10 {
4353
4853
  height: 2.5rem;
4354
4854
  }
@@ -4361,6 +4861,9 @@ body {
4361
4861
  .h-16 {
4362
4862
  height: 4rem;
4363
4863
  }
4864
+ .h-2 {
4865
+ height: 0.5rem;
4866
+ }
4364
4867
  .h-24 {
4365
4868
  height: 6rem;
4366
4869
  }
@@ -4433,15 +4936,24 @@ body {
4433
4936
  .min-h-svh {
4434
4937
  min-height: 100svh;
4435
4938
  }
4939
+ .w-1\.5 {
4940
+ width: 0.375rem;
4941
+ }
4436
4942
  .w-10 {
4437
4943
  width: 2.5rem;
4438
4944
  }
4945
+ .w-11 {
4946
+ width: 2.75rem;
4947
+ }
4439
4948
  .w-12 {
4440
4949
  width: 3rem;
4441
4950
  }
4442
4951
  .w-16 {
4443
4952
  width: 4rem;
4444
4953
  }
4954
+ .w-2 {
4955
+ width: 0.5rem;
4956
+ }
4445
4957
  .w-3 {
4446
4958
  width: 0.75rem;
4447
4959
  }
@@ -4520,6 +5032,9 @@ body {
4520
5032
  .max-w-2xl {
4521
5033
  max-width: 42rem;
4522
5034
  }
5035
+ .max-w-4xl {
5036
+ max-width: 56rem;
5037
+ }
4523
5038
  .max-w-\[--skeleton-width\] {
4524
5039
  max-width: var(--skeleton-width);
4525
5040
  }
@@ -4547,6 +5062,9 @@ body {
4547
5062
  .flex-none {
4548
5063
  flex: none;
4549
5064
  }
5065
+ .flex-shrink-0 {
5066
+ flex-shrink: 0;
5067
+ }
4550
5068
  .shrink-0 {
4551
5069
  flex-shrink: 0;
4552
5070
  }
@@ -4580,6 +5098,10 @@ body {
4580
5098
  --tw-translate-y: -50%;
4581
5099
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4582
5100
  }
5101
+ .rotate-180 {
5102
+ --tw-rotate: 180deg;
5103
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5104
+ }
4583
5105
  .transform {
4584
5106
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4585
5107
  }
@@ -4652,6 +5174,9 @@ body {
4652
5174
  .gap-1 {
4653
5175
  gap: 0.25rem;
4654
5176
  }
5177
+ .gap-1\.5 {
5178
+ gap: 0.375rem;
5179
+ }
4655
5180
  .gap-2 {
4656
5181
  gap: 0.5rem;
4657
5182
  }
@@ -4661,6 +5186,9 @@ body {
4661
5186
  .gap-4 {
4662
5187
  gap: 1rem;
4663
5188
  }
5189
+ .gap-5 {
5190
+ gap: 1.25rem;
5191
+ }
4664
5192
  .space-y-1 > :not([hidden]) ~ :not([hidden]) {
4665
5193
  --tw-space-y-reverse: 0;
4666
5194
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -4710,6 +5238,9 @@ body {
4710
5238
  .rounded {
4711
5239
  border-radius: 0.25rem;
4712
5240
  }
5241
+ .rounded-2xl {
5242
+ border-radius: 1rem;
5243
+ }
4713
5244
  .rounded-full {
4714
5245
  border-radius: 9999px;
4715
5246
  }
@@ -4722,10 +5253,16 @@ body {
4722
5253
  .rounded-sm {
4723
5254
  border-radius: calc(var(--radius) - 4px);
4724
5255
  }
5256
+ .rounded-xl {
5257
+ border-radius: 0.75rem;
5258
+ }
4725
5259
  .border {
4726
5260
  border-width: 1px;
4727
5261
  }
4728
- .border-b {
5262
+ .border-2 {
5263
+ border-width: 2px;
5264
+ }
5265
+ .border-b {
4729
5266
  border-bottom-width: 1px;
4730
5267
  }
4731
5268
  .border-b-2 {
@@ -4744,6 +5281,14 @@ body {
4744
5281
  --tw-border-opacity: 1;
4745
5282
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
4746
5283
  }
5284
+ .border-gray-100 {
5285
+ --tw-border-opacity: 1;
5286
+ border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
5287
+ }
5288
+ .border-gray-200 {
5289
+ --tw-border-opacity: 1;
5290
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
5291
+ }
4747
5292
  .border-gray-300 {
4748
5293
  --tw-border-opacity: 1;
4749
5294
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
@@ -4754,6 +5299,10 @@ body {
4754
5299
  .border-primary {
4755
5300
  border-color: hsl(var(--primary));
4756
5301
  }
5302
+ .border-red-100 {
5303
+ --tw-border-opacity: 1;
5304
+ border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));
5305
+ }
4757
5306
  .border-red-200 {
4758
5307
  --tw-border-opacity: 1;
4759
5308
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
@@ -4761,12 +5310,25 @@ body {
4761
5310
  .border-sidebar-border {
4762
5311
  border-color: hsl(var(--sidebar-border));
4763
5312
  }
5313
+ .border-violet-500 {
5314
+ --tw-border-opacity: 1;
5315
+ border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
5316
+ }
5317
+ .border-t-transparent {
5318
+ border-top-color: transparent;
5319
+ }
4764
5320
  .bg-background {
4765
5321
  background-color: hsl(var(--background));
4766
5322
  }
5323
+ .bg-black\/30 {
5324
+ background-color: rgb(0 0 0 / 0.3);
5325
+ }
4767
5326
  .bg-black\/50 {
4768
5327
  background-color: rgb(0 0 0 / 0.5);
4769
5328
  }
5329
+ .bg-black\/60 {
5330
+ background-color: rgb(0 0 0 / 0.6);
5331
+ }
4770
5332
  .bg-black\/80 {
4771
5333
  background-color: rgb(0 0 0 / 0.8);
4772
5334
  }
@@ -4782,10 +5344,6 @@ body {
4782
5344
  --tw-bg-opacity: 1;
4783
5345
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
4784
5346
  }
4785
- .bg-blue-600 {
4786
- --tw-bg-opacity: 1;
4787
- background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
4788
- }
4789
5347
  .bg-border {
4790
5348
  background-color: hsl(var(--border));
4791
5349
  }
@@ -4795,10 +5353,18 @@ body {
4795
5353
  .bg-destructive\/10 {
4796
5354
  background-color: hsl(var(--destructive) / 0.1);
4797
5355
  }
5356
+ .bg-emerald-500 {
5357
+ --tw-bg-opacity: 1;
5358
+ background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
5359
+ }
4798
5360
  .bg-gray-100 {
4799
5361
  --tw-bg-opacity: 1;
4800
5362
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
4801
5363
  }
5364
+ .bg-gray-200 {
5365
+ --tw-bg-opacity: 1;
5366
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
5367
+ }
4802
5368
  .bg-gray-50 {
4803
5369
  --tw-bg-opacity: 1;
4804
5370
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
@@ -4833,16 +5399,16 @@ body {
4833
5399
  .bg-muted\/50 {
4834
5400
  background-color: hsl(var(--muted) / 0.5);
4835
5401
  }
4836
- .bg-orange-500 {
4837
- --tw-bg-opacity: 1;
4838
- background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
4839
- }
4840
5402
  .bg-popover {
4841
5403
  background-color: hsl(var(--popover));
4842
5404
  }
4843
5405
  .bg-primary {
4844
5406
  background-color: hsl(var(--primary));
4845
5407
  }
5408
+ .bg-red-100 {
5409
+ --tw-bg-opacity: 1;
5410
+ background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
5411
+ }
4846
5412
  .bg-red-50 {
4847
5413
  --tw-bg-opacity: 1;
4848
5414
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
@@ -4867,14 +5433,152 @@ body {
4867
5433
  .bg-transparent {
4868
5434
  background-color: transparent;
4869
5435
  }
5436
+ .bg-violet-100 {
5437
+ --tw-bg-opacity: 1;
5438
+ background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
5439
+ }
5440
+ .bg-violet-500 {
5441
+ --tw-bg-opacity: 1;
5442
+ background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
5443
+ }
4870
5444
  .bg-white {
4871
5445
  --tw-bg-opacity: 1;
4872
5446
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
4873
5447
  }
5448
+ .bg-white\/60 {
5449
+ background-color: rgb(255 255 255 / 0.6);
5450
+ }
5451
+ .bg-white\/80 {
5452
+ background-color: rgb(255 255 255 / 0.8);
5453
+ }
4874
5454
  .bg-yellow-500 {
4875
5455
  --tw-bg-opacity: 1;
4876
5456
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
4877
5457
  }
5458
+ .bg-gradient-to-br {
5459
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
5460
+ }
5461
+ .bg-gradient-to-r {
5462
+ background-image: linear-gradient(to right, var(--tw-gradient-stops));
5463
+ }
5464
+ .from-amber-500 {
5465
+ --tw-gradient-from: #f59e0b var(--tw-gradient-from-position);
5466
+ --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
5467
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
5468
+ }
5469
+ .from-blue-500 {
5470
+ --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
5471
+ --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
5472
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
5473
+ }
5474
+ .from-emerald-50 {
5475
+ --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);
5476
+ --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);
5477
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
5478
+ }
5479
+ .from-emerald-500 {
5480
+ --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
5481
+ --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
5482
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
5483
+ }
5484
+ .from-gray-100 {
5485
+ --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
5486
+ --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
5487
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
5488
+ }
5489
+ .from-gray-50 {
5490
+ --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
5491
+ --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
5492
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
5493
+ }
5494
+ .from-gray-50\/50 {
5495
+ --tw-gradient-from: rgb(249 250 251 / 0.5) var(--tw-gradient-from-position);
5496
+ --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
5497
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
5498
+ }
5499
+ .from-gray-900 {
5500
+ --tw-gradient-from: #111827 var(--tw-gradient-from-position);
5501
+ --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
5502
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
5503
+ }
5504
+ .from-indigo-500 {
5505
+ --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
5506
+ --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
5507
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
5508
+ }
5509
+ .from-red-50 {
5510
+ --tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);
5511
+ --tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);
5512
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
5513
+ }
5514
+ .from-rose-500 {
5515
+ --tw-gradient-from: #f43f5e var(--tw-gradient-from-position);
5516
+ --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
5517
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
5518
+ }
5519
+ .from-violet-500 {
5520
+ --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
5521
+ --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
5522
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
5523
+ }
5524
+ .from-violet-600 {
5525
+ --tw-gradient-from: #7c3aed var(--tw-gradient-from-position);
5526
+ --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);
5527
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
5528
+ }
5529
+ .via-gray-800 {
5530
+ --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
5531
+ --tw-gradient-stops:
5532
+ var(--tw-gradient-from),
5533
+ #1f2937 var(--tw-gradient-via-position),
5534
+ var(--tw-gradient-to);
5535
+ }
5536
+ .to-blue-500 {
5537
+ --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
5538
+ }
5539
+ .to-cyan-500 {
5540
+ --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);
5541
+ }
5542
+ .to-gray-50 {
5543
+ --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
5544
+ }
5545
+ .to-gray-600 {
5546
+ --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
5547
+ }
5548
+ .to-gray-800 {
5549
+ --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
5550
+ }
5551
+ .to-green-50 {
5552
+ --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position);
5553
+ }
5554
+ .to-green-500 {
5555
+ --tw-gradient-to: #22c55e var(--tw-gradient-to-position);
5556
+ }
5557
+ .to-indigo-500 {
5558
+ --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
5559
+ }
5560
+ .to-orange-50 {
5561
+ --tw-gradient-to: #fff7ed var(--tw-gradient-to-position);
5562
+ }
5563
+ .to-orange-500 {
5564
+ --tw-gradient-to: #f97316 var(--tw-gradient-to-position);
5565
+ }
5566
+ .to-pink-500 {
5567
+ --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
5568
+ }
5569
+ .to-purple-500 {
5570
+ --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
5571
+ }
5572
+ .to-purple-600 {
5573
+ --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
5574
+ }
5575
+ .to-white {
5576
+ --tw-gradient-to: #fff var(--tw-gradient-to-position);
5577
+ }
5578
+ .bg-clip-text {
5579
+ -webkit-background-clip: text;
5580
+ background-clip: text;
5581
+ }
4878
5582
  .p-0 {
4879
5583
  padding: 0px;
4880
5584
  }
@@ -4890,6 +5594,9 @@ body {
4890
5594
  .p-4 {
4891
5595
  padding: 1rem;
4892
5596
  }
5597
+ .p-5 {
5598
+ padding: 1.25rem;
5599
+ }
4893
5600
  .p-6 {
4894
5601
  padding: 1.5rem;
4895
5602
  }
@@ -4916,6 +5623,14 @@ body {
4916
5623
  padding-left: 1rem;
4917
5624
  padding-right: 1rem;
4918
5625
  }
5626
+ .px-5 {
5627
+ padding-left: 1.25rem;
5628
+ padding-right: 1.25rem;
5629
+ }
5630
+ .px-6 {
5631
+ padding-left: 1.5rem;
5632
+ padding-right: 1.5rem;
5633
+ }
4919
5634
  .px-8 {
4920
5635
  padding-left: 2rem;
4921
5636
  padding-right: 2rem;
@@ -4940,6 +5655,14 @@ body {
4940
5655
  padding-top: 0.625rem;
4941
5656
  padding-bottom: 0.625rem;
4942
5657
  }
5658
+ .py-3 {
5659
+ padding-top: 0.75rem;
5660
+ padding-bottom: 0.75rem;
5661
+ }
5662
+ .py-3\.5 {
5663
+ padding-top: 0.875rem;
5664
+ padding-bottom: 0.875rem;
5665
+ }
4943
5666
  .py-4 {
4944
5667
  padding-top: 1rem;
4945
5668
  padding-bottom: 1rem;
@@ -4950,6 +5673,9 @@ body {
4950
5673
  .pt-2 {
4951
5674
  padding-top: 0.5rem;
4952
5675
  }
5676
+ .pt-7 {
5677
+ padding-top: 1.75rem;
5678
+ }
4953
5679
  .text-left {
4954
5680
  text-align: left;
4955
5681
  }
@@ -4974,6 +5700,10 @@ body {
4974
5700
  font-size: 1.5rem;
4975
5701
  line-height: 2rem;
4976
5702
  }
5703
+ .text-4xl {
5704
+ font-size: 2.25rem;
5705
+ line-height: 2.5rem;
5706
+ }
4977
5707
  .text-base {
4978
5708
  font-size: 1rem;
4979
5709
  line-height: 1.5rem;
@@ -5003,6 +5733,9 @@ body {
5003
5733
  .font-semibold {
5004
5734
  font-weight: 600;
5005
5735
  }
5736
+ .uppercase {
5737
+ text-transform: uppercase;
5738
+ }
5006
5739
  .lowercase {
5007
5740
  text-transform: lowercase;
5008
5741
  }
@@ -5016,9 +5749,15 @@ body {
5016
5749
  .leading-none {
5017
5750
  line-height: 1;
5018
5751
  }
5752
+ .leading-relaxed {
5753
+ line-height: 1.625;
5754
+ }
5019
5755
  .tracking-tight {
5020
5756
  letter-spacing: -0.025em;
5021
5757
  }
5758
+ .tracking-wide {
5759
+ letter-spacing: 0.025em;
5760
+ }
5022
5761
  .text-amber-600 {
5023
5762
  --tw-text-opacity: 1;
5024
5763
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
@@ -5044,6 +5783,14 @@ body {
5044
5783
  .text-destructive-foreground {
5045
5784
  color: hsl(var(--destructive-foreground));
5046
5785
  }
5786
+ .text-emerald-500 {
5787
+ --tw-text-opacity: 1;
5788
+ color: rgb(16 185 129 / var(--tw-text-opacity, 1));
5789
+ }
5790
+ .text-emerald-600 {
5791
+ --tw-text-opacity: 1;
5792
+ color: rgb(5 150 105 / var(--tw-text-opacity, 1));
5793
+ }
5047
5794
  .text-foreground {
5048
5795
  color: hsl(var(--foreground));
5049
5796
  }
@@ -5067,6 +5814,10 @@ body {
5067
5814
  --tw-text-opacity: 1;
5068
5815
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
5069
5816
  }
5817
+ .text-gray-900 {
5818
+ --tw-text-opacity: 1;
5819
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
5820
+ }
5070
5821
  .text-green-400 {
5071
5822
  --tw-text-opacity: 1;
5072
5823
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
@@ -5103,6 +5854,10 @@ body {
5103
5854
  --tw-text-opacity: 1;
5104
5855
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
5105
5856
  }
5857
+ .text-red-800 {
5858
+ --tw-text-opacity: 1;
5859
+ color: rgb(153 27 27 / var(--tw-text-opacity, 1));
5860
+ }
5106
5861
  .text-red-900 {
5107
5862
  --tw-text-opacity: 1;
5108
5863
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
@@ -5116,6 +5871,17 @@ body {
5116
5871
  .text-sidebar-foreground\/70 {
5117
5872
  color: hsl(var(--sidebar-foreground) / 0.7);
5118
5873
  }
5874
+ .text-transparent {
5875
+ color: transparent;
5876
+ }
5877
+ .text-violet-500 {
5878
+ --tw-text-opacity: 1;
5879
+ color: rgb(139 92 246 / var(--tw-text-opacity, 1));
5880
+ }
5881
+ .text-violet-700 {
5882
+ --tw-text-opacity: 1;
5883
+ color: rgb(109 40 217 / var(--tw-text-opacity, 1));
5884
+ }
5119
5885
  .text-white {
5120
5886
  --tw-text-opacity: 1;
5121
5887
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -5126,9 +5892,15 @@ body {
5126
5892
  .underline-offset-4 {
5127
5893
  text-underline-offset: 4px;
5128
5894
  }
5895
+ .opacity-25 {
5896
+ opacity: 0.25;
5897
+ }
5129
5898
  .opacity-70 {
5130
5899
  opacity: 0.7;
5131
5900
  }
5901
+ .opacity-75 {
5902
+ opacity: 0.75;
5903
+ }
5132
5904
  .shadow {
5133
5905
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
5134
5906
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -5137,6 +5909,14 @@ body {
5137
5909
  var(--tw-ring-shadow, 0 0 #0000),
5138
5910
  var(--tw-shadow);
5139
5911
  }
5912
+ .shadow-2xl {
5913
+ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
5914
+ --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
5915
+ box-shadow:
5916
+ var(--tw-ring-offset-shadow, 0 0 #0000),
5917
+ var(--tw-ring-shadow, 0 0 #0000),
5918
+ var(--tw-shadow);
5919
+ }
5140
5920
  .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
5141
5921
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
5142
5922
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
@@ -5169,6 +5949,14 @@ body {
5169
5949
  var(--tw-ring-shadow, 0 0 #0000),
5170
5950
  var(--tw-shadow);
5171
5951
  }
5952
+ .shadow-sm {
5953
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
5954
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
5955
+ box-shadow:
5956
+ var(--tw-ring-offset-shadow, 0 0 #0000),
5957
+ var(--tw-ring-shadow, 0 0 #0000),
5958
+ var(--tw-shadow);
5959
+ }
5172
5960
  .shadow-xl {
5173
5961
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
5174
5962
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
@@ -5177,6 +5965,30 @@ body {
5177
5965
  var(--tw-ring-shadow, 0 0 #0000),
5178
5966
  var(--tw-shadow);
5179
5967
  }
5968
+ .shadow-blue-500\/20 {
5969
+ --tw-shadow-color: rgb(59 130 246 / 0.2);
5970
+ --tw-shadow: var(--tw-shadow-colored);
5971
+ }
5972
+ .shadow-blue-500\/25 {
5973
+ --tw-shadow-color: rgb(59 130 246 / 0.25);
5974
+ --tw-shadow: var(--tw-shadow-colored);
5975
+ }
5976
+ .shadow-emerald-500\/25 {
5977
+ --tw-shadow-color: rgb(16 185 129 / 0.25);
5978
+ --tw-shadow: var(--tw-shadow-colored);
5979
+ }
5980
+ .shadow-orange-500\/20 {
5981
+ --tw-shadow-color: rgb(249 115 22 / 0.2);
5982
+ --tw-shadow: var(--tw-shadow-colored);
5983
+ }
5984
+ .shadow-violet-500\/20 {
5985
+ --tw-shadow-color: rgb(139 92 246 / 0.2);
5986
+ --tw-shadow: var(--tw-shadow-colored);
5987
+ }
5988
+ .shadow-violet-500\/25 {
5989
+ --tw-shadow-color: rgb(139 92 246 / 0.25);
5990
+ --tw-shadow: var(--tw-shadow-colored);
5991
+ }
5180
5992
  .outline-none {
5181
5993
  outline: 2px solid transparent;
5182
5994
  outline-offset: 2px;
@@ -5193,6 +6005,10 @@ body {
5193
6005
  .filter {
5194
6006
  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);
5195
6007
  }
6008
+ .backdrop-blur-sm {
6009
+ --tw-backdrop-blur: blur(4px);
6010
+ 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);
6011
+ }
5196
6012
  .transition {
5197
6013
  transition-property:
5198
6014
  color,
@@ -5309,6 +6125,9 @@ body {
5309
6125
  .\[hazo_pdf\:extract\] {
5310
6126
  hazo_pdf: extract;
5311
6127
  }
6128
+ .\[hazo_pdf\:extract_api\] {
6129
+ hazo_pdf: extract api;
6130
+ }
5312
6131
  .hazo-pdf-root,
5313
6132
  .hazo-pdf-root *,
5314
6133
  .hazo-pdf-root *::before,
@@ -6148,6 +6967,95 @@ body {
6148
6967
  --input: 217.2 32.6% 17.5%;
6149
6968
  --ring: 212.7 26.8% 83.9%;
6150
6969
  }
6970
+ .cls_test_app_sidebar {
6971
+ border-right-width: 1px;
6972
+ --tw-border-opacity: 1;
6973
+ border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
6974
+ background:
6975
+ linear-gradient(
6976
+ 180deg,
6977
+ #fafafa 0%,
6978
+ #f5f5f5 100%);
6979
+ }
6980
+ .cls_test_app_sidebar_label {
6981
+ padding-left: 0.5rem;
6982
+ padding-right: 0.5rem;
6983
+ font-size: 0.75rem;
6984
+ line-height: 1rem;
6985
+ font-weight: 600;
6986
+ text-transform: uppercase;
6987
+ letter-spacing: 0.05em;
6988
+ --tw-text-opacity: 1;
6989
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
6990
+ }
6991
+ .cls_test_app_sidebar_menu_item {
6992
+ display: flex;
6993
+ align-items: center;
6994
+ gap: 0.75rem;
6995
+ border-radius: 0.75rem;
6996
+ padding-left: 0.75rem;
6997
+ padding-right: 0.75rem;
6998
+ padding-top: 0.5rem;
6999
+ padding-bottom: 0.5rem;
7000
+ font-size: 0.875rem;
7001
+ line-height: 1.25rem;
7002
+ font-weight: 500;
7003
+ --tw-text-opacity: 1;
7004
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1));
7005
+ transition-property: all;
7006
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7007
+ transition-duration: 150ms;
7008
+ }
7009
+ .cls_test_app_sidebar_menu_item:hover {
7010
+ background-color: rgb(255 255 255 / 0.8);
7011
+ --tw-text-opacity: 1;
7012
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
7013
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
7014
+ }
7015
+ .cls_test_app_sidebar_menu_icon {
7016
+ height: 1rem;
7017
+ width: 1rem;
7018
+ --tw-text-opacity: 1;
7019
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
7020
+ }
7021
+ .cls_test_app_sidebar_file_item {
7022
+ display: flex;
7023
+ align-items: center;
7024
+ gap: 0.5rem;
7025
+ font-size: 0.875rem;
7026
+ line-height: 1.25rem;
7027
+ --tw-text-opacity: 1;
7028
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
7029
+ }
7030
+ .cls_test_app_sidebar_file_item:hover {
7031
+ --tw-text-opacity: 1;
7032
+ color: rgb(55 65 81 / var(--tw-text-opacity, 1));
7033
+ }
7034
+ .cls_test_app_sidebar_files_loading {
7035
+ --tw-text-opacity: 1;
7036
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
7037
+ }
7038
+ .cls_test_app_sidebar_files_error {
7039
+ --tw-text-opacity: 1;
7040
+ color: rgb(248 113 113 / var(--tw-text-opacity, 1));
7041
+ }
7042
+ .cls_test_app_content {
7043
+ background:
7044
+ linear-gradient(
7045
+ 135deg,
7046
+ #fafbfc 0%,
7047
+ #ffffff 100%);
7048
+ }
7049
+ .cls_demo_page {
7050
+ height: 100%;
7051
+ }
7052
+ .cls_demo_header {
7053
+ margin-bottom: 1.5rem;
7054
+ }
7055
+ .cls_demo_viewer {
7056
+ min-height: 0px;
7057
+ flex: 1 1 0%;
7058
+ }
6151
7059
  .file\:border-0::file-selector-button {
6152
7060
  border-width: 0px;
6153
7061
  }
@@ -6187,10 +7095,58 @@ body {
6187
7095
  content: var(--tw-content);
6188
7096
  left: 50%;
6189
7097
  }
7098
+ .after\:start-\[2px\]::after {
7099
+ content: var(--tw-content);
7100
+ inset-inline-start: 2px;
7101
+ }
7102
+ .after\:top-\[2px\]::after {
7103
+ content: var(--tw-content);
7104
+ top: 2px;
7105
+ }
7106
+ .after\:h-5::after {
7107
+ content: var(--tw-content);
7108
+ height: 1.25rem;
7109
+ }
7110
+ .after\:w-5::after {
7111
+ content: var(--tw-content);
7112
+ width: 1.25rem;
7113
+ }
6190
7114
  .after\:w-\[2px\]::after {
6191
7115
  content: var(--tw-content);
6192
7116
  width: 2px;
6193
7117
  }
7118
+ .after\:rounded-full::after {
7119
+ content: var(--tw-content);
7120
+ border-radius: 9999px;
7121
+ }
7122
+ .after\:border::after {
7123
+ content: var(--tw-content);
7124
+ border-width: 1px;
7125
+ }
7126
+ .after\:border-gray-300::after {
7127
+ content: var(--tw-content);
7128
+ --tw-border-opacity: 1;
7129
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
7130
+ }
7131
+ .after\:bg-white::after {
7132
+ content: var(--tw-content);
7133
+ --tw-bg-opacity: 1;
7134
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
7135
+ }
7136
+ .after\:transition-all::after {
7137
+ content: var(--tw-content);
7138
+ transition-property: all;
7139
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7140
+ transition-duration: 150ms;
7141
+ }
7142
+ .after\:content-\[\'\'\]::after {
7143
+ --tw-content: "";
7144
+ content: var(--tw-content);
7145
+ }
7146
+ .hover\:border-gray-300:hover {
7147
+ --tw-border-opacity: 1;
7148
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
7149
+ }
6194
7150
  .hover\:bg-accent:hover {
6195
7151
  background-color: hsl(var(--accent));
6196
7152
  }
@@ -6198,10 +7154,6 @@ body {
6198
7154
  --tw-bg-opacity: 1;
6199
7155
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
6200
7156
  }
6201
- .hover\:bg-blue-700:hover {
6202
- --tw-bg-opacity: 1;
6203
- background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
6204
- }
6205
7157
  .hover\:bg-destructive\/90:hover {
6206
7158
  background-color: hsl(var(--destructive) / 0.9);
6207
7159
  }
@@ -6209,6 +7161,14 @@ body {
6209
7161
  --tw-bg-opacity: 1;
6210
7162
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
6211
7163
  }
7164
+ .hover\:bg-gray-200:hover {
7165
+ --tw-bg-opacity: 1;
7166
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
7167
+ }
7168
+ .hover\:bg-gray-50:hover {
7169
+ --tw-bg-opacity: 1;
7170
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
7171
+ }
6212
7172
  .hover\:bg-gray-600:hover {
6213
7173
  --tw-bg-opacity: 1;
6214
7174
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
@@ -6231,10 +7191,6 @@ body {
6231
7191
  .hover\:bg-muted\/50:hover {
6232
7192
  background-color: hsl(var(--muted) / 0.5);
6233
7193
  }
6234
- .hover\:bg-orange-600:hover {
6235
- --tw-bg-opacity: 1;
6236
- background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
6237
- }
6238
7194
  .hover\:bg-primary\/90:hover {
6239
7195
  background-color: hsl(var(--primary) / 0.9);
6240
7196
  }
@@ -6252,6 +7208,38 @@ body {
6252
7208
  --tw-bg-opacity: 1;
6253
7209
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
6254
7210
  }
7211
+ .hover\:from-amber-600:hover {
7212
+ --tw-gradient-from: #d97706 var(--tw-gradient-from-position);
7213
+ --tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);
7214
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
7215
+ }
7216
+ .hover\:from-blue-600:hover {
7217
+ --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
7218
+ --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
7219
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
7220
+ }
7221
+ .hover\:from-emerald-600:hover {
7222
+ --tw-gradient-from: #059669 var(--tw-gradient-from-position);
7223
+ --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);
7224
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
7225
+ }
7226
+ .hover\:from-violet-700:hover {
7227
+ --tw-gradient-from: #6d28d9 var(--tw-gradient-from-position);
7228
+ --tw-gradient-to: rgb(109 40 217 / 0) var(--tw-gradient-to-position);
7229
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
7230
+ }
7231
+ .hover\:to-green-600:hover {
7232
+ --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
7233
+ }
7234
+ .hover\:to-indigo-600:hover {
7235
+ --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
7236
+ }
7237
+ .hover\:to-orange-600:hover {
7238
+ --tw-gradient-to: #ea580c var(--tw-gradient-to-position);
7239
+ }
7240
+ .hover\:to-purple-700:hover {
7241
+ --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
7242
+ }
6255
7243
  .hover\:text-accent-foreground:hover {
6256
7244
  color: hsl(var(--accent-foreground));
6257
7245
  }
@@ -6278,10 +7266,38 @@ body {
6278
7266
  var(--tw-ring-shadow, 0 0 #0000),
6279
7267
  var(--tw-shadow);
6280
7268
  }
7269
+ .hover\:shadow-lg:hover {
7270
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
7271
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
7272
+ box-shadow:
7273
+ var(--tw-ring-offset-shadow, 0 0 #0000),
7274
+ var(--tw-ring-shadow, 0 0 #0000),
7275
+ var(--tw-shadow);
7276
+ }
7277
+ .hover\:shadow-xl:hover {
7278
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
7279
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
7280
+ box-shadow:
7281
+ var(--tw-ring-offset-shadow, 0 0 #0000),
7282
+ var(--tw-ring-shadow, 0 0 #0000),
7283
+ var(--tw-shadow);
7284
+ }
7285
+ .hover\:shadow-gray-200\/50:hover {
7286
+ --tw-shadow-color: rgb(229 231 235 / 0.5);
7287
+ --tw-shadow: var(--tw-shadow-colored);
7288
+ }
7289
+ .hover\:shadow-violet-500\/30:hover {
7290
+ --tw-shadow-color: rgb(139 92 246 / 0.3);
7291
+ --tw-shadow: var(--tw-shadow-colored);
7292
+ }
6281
7293
  .hover\:after\:bg-sidebar-border:hover::after {
6282
7294
  content: var(--tw-content);
6283
7295
  background-color: hsl(var(--sidebar-border));
6284
7296
  }
7297
+ .focus\:border-violet-500:focus {
7298
+ --tw-border-opacity: 1;
7299
+ border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
7300
+ }
6285
7301
  .focus\:outline-none:focus {
6286
7302
  outline: 2px solid transparent;
6287
7303
  outline-offset: 2px;
@@ -6297,6 +7313,9 @@ body {
6297
7313
  .focus\:ring-ring:focus {
6298
7314
  --tw-ring-color: hsl(var(--ring));
6299
7315
  }
7316
+ .focus\:ring-violet-500\/20:focus {
7317
+ --tw-ring-color: rgb(139 92 246 / 0.2);
7318
+ }
6300
7319
  .focus\:ring-offset-2:focus {
6301
7320
  --tw-ring-offset-width: 2px;
6302
7321
  }
@@ -6336,15 +7355,57 @@ body {
6336
7355
  .disabled\:opacity-50:disabled {
6337
7356
  opacity: 0.5;
6338
7357
  }
7358
+ .disabled\:shadow-none:disabled {
7359
+ --tw-shadow: 0 0 #0000;
7360
+ --tw-shadow-colored: 0 0 #0000;
7361
+ box-shadow:
7362
+ var(--tw-ring-offset-shadow, 0 0 #0000),
7363
+ var(--tw-ring-shadow, 0 0 #0000),
7364
+ var(--tw-shadow);
7365
+ }
6339
7366
  .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
6340
7367
  opacity: 1;
6341
7368
  }
7369
+ .group:hover .group-hover\:scale-110 {
7370
+ --tw-scale-x: 1.1;
7371
+ --tw-scale-y: 1.1;
7372
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
7373
+ }
6342
7374
  .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
6343
7375
  opacity: 1;
6344
7376
  }
7377
+ .peer:checked ~ .peer-checked\:bg-violet-500 {
7378
+ --tw-bg-opacity: 1;
7379
+ background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
7380
+ }
7381
+ .peer:checked ~ .peer-checked\:after\:translate-x-full::after {
7382
+ content: var(--tw-content);
7383
+ --tw-translate-x: 100%;
7384
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
7385
+ }
7386
+ .peer:checked ~ .peer-checked\:after\:border-white::after {
7387
+ content: var(--tw-content);
7388
+ --tw-border-opacity: 1;
7389
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
7390
+ }
6345
7391
  .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground {
6346
7392
  color: hsl(var(--sidebar-accent-foreground));
6347
7393
  }
7394
+ .peer:focus ~ .peer-focus\:outline-none {
7395
+ outline: 2px solid transparent;
7396
+ outline-offset: 2px;
7397
+ }
7398
+ .peer:focus ~ .peer-focus\:ring-4 {
7399
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
7400
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
7401
+ box-shadow:
7402
+ var(--tw-ring-offset-shadow),
7403
+ var(--tw-ring-shadow),
7404
+ var(--tw-shadow, 0 0 #0000);
7405
+ }
7406
+ .peer:focus ~ .peer-focus\:ring-violet-500\/20 {
7407
+ --tw-ring-color: rgb(139 92 246 / 0.2);
7408
+ }
6348
7409
  .has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]) {
6349
7410
  background-color: hsl(var(--sidebar-background));
6350
7411
  }
@@ -6652,6 +7713,16 @@ body {
6652
7713
  var(--tw-shadow);
6653
7714
  }
6654
7715
  }
7716
+ @media (min-width: 1024px) {
7717
+ .lg\:grid-cols-3 {
7718
+ grid-template-columns: repeat(3, minmax(0, 1fr));
7719
+ }
7720
+ }
7721
+ .peer:checked ~ .rtl\:peer-checked\:after\:-translate-x-full:where([dir=rtl], [dir=rtl] *)::after {
7722
+ content: var(--tw-content);
7723
+ --tw-translate-x: -100%;
7724
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
7725
+ }
6655
7726
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
6656
7727
  padding-right: 0px;
6657
7728
  }