gd-ui-library 1.0.15 → 1.0.17

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.
package/dist/index.css CHANGED
@@ -343,33 +343,128 @@ video {
343
343
  white-space: nowrap;
344
344
  border-width: 0;
345
345
  }
346
+ .pointer-events-none {
347
+ pointer-events: none;
348
+ }
349
+ .fixed {
350
+ position: fixed;
351
+ }
346
352
  .absolute {
347
353
  position: absolute;
348
354
  }
349
355
  .relative {
350
356
  position: relative;
351
357
  }
358
+ .sticky {
359
+ position: sticky;
360
+ }
361
+ .inset-0 {
362
+ inset: 0px;
363
+ }
364
+ .inset-x-0 {
365
+ left: 0px;
366
+ right: 0px;
367
+ }
368
+ .inset-y-0 {
369
+ top: 0px;
370
+ bottom: 0px;
371
+ }
372
+ .bottom-0 {
373
+ bottom: 0px;
374
+ }
375
+ .left-0 {
376
+ left: 0px;
377
+ }
378
+ .left-0\.5 {
379
+ left: 0.125rem;
380
+ }
381
+ .left-2\.5 {
382
+ left: 0.625rem;
383
+ }
352
384
  .left-3 {
353
385
  left: 0.75rem;
354
386
  }
387
+ .left-\[50\%\] {
388
+ left: 50%;
389
+ }
390
+ .right-0 {
391
+ right: 0px;
392
+ }
355
393
  .right-3 {
356
394
  right: 0.75rem;
357
395
  }
396
+ .right-4 {
397
+ right: 1rem;
398
+ }
399
+ .top-0 {
400
+ top: 0px;
401
+ }
358
402
  .top-1\/2 {
359
403
  top: 50%;
360
404
  }
405
+ .top-4 {
406
+ top: 1rem;
407
+ }
408
+ .top-\[2px\] {
409
+ top: 2px;
410
+ }
411
+ .top-\[50\%\] {
412
+ top: 50%;
413
+ }
414
+ .z-10 {
415
+ z-index: 10;
416
+ }
417
+ .z-50 {
418
+ z-index: 50;
419
+ }
361
420
  .-mb-1 {
362
421
  margin-bottom: -0.25rem;
363
422
  }
423
+ .-mr-1 {
424
+ margin-right: -0.25rem;
425
+ }
426
+ .mb-1 {
427
+ margin-bottom: 0.25rem;
428
+ }
429
+ .mb-4 {
430
+ margin-bottom: 1rem;
431
+ }
432
+ .mb-6 {
433
+ margin-bottom: 1.5rem;
434
+ }
364
435
  .ml-1 {
365
436
  margin-left: 0.25rem;
366
437
  }
367
438
  .ml-2 {
368
439
  margin-left: 0.5rem;
369
440
  }
441
+ .ml-3 {
442
+ margin-left: 0.75rem;
443
+ }
444
+ .ml-4 {
445
+ margin-left: 1rem;
446
+ }
370
447
  .mr-2 {
371
448
  margin-right: 0.5rem;
372
449
  }
450
+ .mt-0\.5 {
451
+ margin-top: 0.125rem;
452
+ }
453
+ .mt-1 {
454
+ margin-top: 0.25rem;
455
+ }
456
+ .mt-2 {
457
+ margin-top: 0.5rem;
458
+ }
459
+ .mt-3 {
460
+ margin-top: 0.75rem;
461
+ }
462
+ .block {
463
+ display: block;
464
+ }
465
+ .inline-block {
466
+ display: inline-block;
467
+ }
373
468
  .flex {
374
469
  display: flex;
375
470
  }
@@ -382,12 +477,24 @@ video {
382
477
  .grid {
383
478
  display: grid;
384
479
  }
480
+ .hidden {
481
+ display: none;
482
+ }
385
483
  .h-10 {
386
484
  height: 2.5rem;
387
485
  }
388
486
  .h-12 {
389
487
  height: 3rem;
390
488
  }
489
+ .h-16 {
490
+ height: 4rem;
491
+ }
492
+ .h-2 {
493
+ height: 0.5rem;
494
+ }
495
+ .h-2\.5 {
496
+ height: 0.625rem;
497
+ }
391
498
  .h-3 {
392
499
  height: 0.75rem;
393
500
  }
@@ -397,31 +504,139 @@ video {
397
504
  .h-4 {
398
505
  height: 1rem;
399
506
  }
507
+ .h-5 {
508
+ height: 1.25rem;
509
+ }
510
+ .h-6 {
511
+ height: 1.5rem;
512
+ }
513
+ .h-8 {
514
+ height: 2rem;
515
+ }
400
516
  .h-9 {
401
517
  height: 2.25rem;
402
518
  }
519
+ .h-full {
520
+ height: 100%;
521
+ }
522
+ .max-h-60 {
523
+ max-height: 15rem;
524
+ }
525
+ .min-h-\[40px\] {
526
+ min-height: 40px;
527
+ }
528
+ .min-h-\[80px\] {
529
+ min-height: 80px;
530
+ }
403
531
  .w-10 {
404
532
  width: 2.5rem;
405
533
  }
534
+ .w-12 {
535
+ width: 3rem;
536
+ }
537
+ .w-16 {
538
+ width: 4rem;
539
+ }
540
+ .w-2\.5 {
541
+ width: 0.625rem;
542
+ }
406
543
  .w-3 {
407
544
  width: 0.75rem;
408
545
  }
409
546
  .w-3\.5 {
410
547
  width: 0.875rem;
411
548
  }
549
+ .w-3\/4 {
550
+ width: 75%;
551
+ }
412
552
  .w-4 {
413
553
  width: 1rem;
414
554
  }
555
+ .w-5 {
556
+ width: 1.25rem;
557
+ }
558
+ .w-6 {
559
+ width: 1.5rem;
560
+ }
415
561
  .w-64 {
416
562
  width: 16rem;
417
563
  }
564
+ .w-72 {
565
+ width: 18rem;
566
+ }
567
+ .w-8 {
568
+ width: 2rem;
569
+ }
418
570
  .w-full {
419
571
  width: 100%;
420
572
  }
573
+ .max-w-\[120px\] {
574
+ max-width: 120px;
575
+ }
576
+ .max-w-\[200px\] {
577
+ max-width: 200px;
578
+ }
579
+ .max-w-lg {
580
+ max-width: 32rem;
581
+ }
582
+ .max-w-sm {
583
+ max-width: 24rem;
584
+ }
585
+ .flex-1 {
586
+ flex: 1 1 0%;
587
+ }
588
+ .flex-shrink-0 {
589
+ flex-shrink: 0;
590
+ }
591
+ .shrink-0 {
592
+ flex-shrink: 0;
593
+ }
594
+ .flex-grow {
595
+ flex-grow: 1;
596
+ }
421
597
  .-translate-y-1\/2 {
422
598
  --tw-translate-y: -50%;
423
599
  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));
424
600
  }
601
+ .-translate-y-1\/4 {
602
+ --tw-translate-y: -25%;
603
+ 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));
604
+ }
605
+ .translate-x-1\/4 {
606
+ --tw-translate-x: 25%;
607
+ 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));
608
+ }
609
+ .translate-x-4 {
610
+ --tw-translate-x: 1rem;
611
+ 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));
612
+ }
613
+ .translate-x-5 {
614
+ --tw-translate-x: 1.25rem;
615
+ 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));
616
+ }
617
+ .translate-x-6 {
618
+ --tw-translate-x: 1.5rem;
619
+ 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));
620
+ }
621
+ .translate-x-\[-50\%\] {
622
+ --tw-translate-x: -50%;
623
+ 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));
624
+ }
625
+ .translate-y-1\/4 {
626
+ --tw-translate-y: 25%;
627
+ 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));
628
+ }
629
+ .translate-y-\[-50\%\] {
630
+ --tw-translate-y: -50%;
631
+ 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));
632
+ }
633
+ .rotate-180 {
634
+ --tw-rotate: 180deg;
635
+ 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));
636
+ }
637
+ .cursor-not-allowed {
638
+ cursor: not-allowed;
639
+ }
425
640
  .cursor-pointer {
426
641
  cursor: pointer;
427
642
  }
@@ -430,12 +645,32 @@ video {
430
645
  -moz-user-select: none;
431
646
  user-select: none;
432
647
  }
648
+ .resize-y {
649
+ resize: vertical;
650
+ }
651
+ .list-decimal {
652
+ list-style-type: decimal;
653
+ }
654
+ .list-none {
655
+ list-style-type: none;
656
+ }
657
+ .appearance-none {
658
+ -webkit-appearance: none;
659
+ -moz-appearance: none;
660
+ appearance: none;
661
+ }
433
662
  .flex-col {
434
663
  flex-direction: column;
435
664
  }
665
+ .flex-col-reverse {
666
+ flex-direction: column-reverse;
667
+ }
436
668
  .flex-wrap {
437
669
  flex-wrap: wrap;
438
670
  }
671
+ .items-start {
672
+ align-items: flex-start;
673
+ }
439
674
  .items-center {
440
675
  align-items: center;
441
676
  }
@@ -457,6 +692,9 @@ video {
457
692
  .gap-2 {
458
693
  gap: 0.5rem;
459
694
  }
695
+ .gap-3 {
696
+ gap: 0.75rem;
697
+ }
460
698
  .gap-4 {
461
699
  gap: 1rem;
462
700
  }
@@ -465,6 +703,11 @@ video {
465
703
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
466
704
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
467
705
  }
706
+ .space-y-2 > :not([hidden]) ~ :not([hidden]) {
707
+ --tw-space-y-reverse: 0;
708
+ margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
709
+ margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
710
+ }
468
711
  .divide-y > :not([hidden]) ~ :not([hidden]) {
469
712
  --tw-divide-y-reverse: 0;
470
713
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@@ -480,30 +723,95 @@ video {
480
723
  .overflow-x-auto {
481
724
  overflow-x: auto;
482
725
  }
726
+ .overflow-y-auto {
727
+ overflow-y: auto;
728
+ }
729
+ .truncate {
730
+ overflow: hidden;
731
+ text-overflow: ellipsis;
732
+ white-space: nowrap;
733
+ }
483
734
  .whitespace-nowrap {
484
735
  white-space: nowrap;
485
736
  }
486
737
  .rounded {
487
738
  border-radius: 0.25rem;
488
739
  }
740
+ .rounded-full {
741
+ border-radius: 9999px;
742
+ }
489
743
  .rounded-lg {
490
744
  border-radius: 0.5rem;
491
745
  }
492
746
  .rounded-md {
493
747
  border-radius: 0.375rem;
494
748
  }
749
+ .rounded-sm {
750
+ border-radius: 0.125rem;
751
+ }
495
752
  .rounded-xl {
496
753
  border-radius: 0.75rem;
497
754
  }
755
+ .rounded-l-lg {
756
+ border-top-left-radius: 0.5rem;
757
+ border-bottom-left-radius: 0.5rem;
758
+ }
759
+ .rounded-r-lg {
760
+ border-top-right-radius: 0.5rem;
761
+ border-bottom-right-radius: 0.5rem;
762
+ }
498
763
  .border {
499
764
  border-width: 1px;
500
765
  }
766
+ .border-2 {
767
+ border-width: 2px;
768
+ }
769
+ .border-\[1\.5px\] {
770
+ border-width: 1.5px;
771
+ }
772
+ .border-\[2\.5px\] {
773
+ border-width: 2.5px;
774
+ }
501
775
  .border-b {
502
776
  border-bottom-width: 1px;
503
777
  }
778
+ .border-l {
779
+ border-left-width: 1px;
780
+ }
781
+ .border-l-0 {
782
+ border-left-width: 0px;
783
+ }
784
+ .border-r {
785
+ border-right-width: 1px;
786
+ }
787
+ .border-r-0 {
788
+ border-right-width: 0px;
789
+ }
504
790
  .border-t {
505
791
  border-top-width: 1px;
506
792
  }
793
+ .border-dashed {
794
+ border-style: dashed;
795
+ }
796
+ .border-none {
797
+ border-style: none;
798
+ }
799
+ .border-amber-200 {
800
+ --tw-border-opacity: 1;
801
+ border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
802
+ }
803
+ .border-blue-200 {
804
+ --tw-border-opacity: 1;
805
+ border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
806
+ }
807
+ .border-blue-500 {
808
+ --tw-border-opacity: 1;
809
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
810
+ }
811
+ .border-gray-100 {
812
+ --tw-border-opacity: 1;
813
+ border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
814
+ }
507
815
  .border-gray-200 {
508
816
  --tw-border-opacity: 1;
509
817
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
@@ -512,10 +820,41 @@ video {
512
820
  --tw-border-opacity: 1;
513
821
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
514
822
  }
823
+ .border-green-200 {
824
+ --tw-border-opacity: 1;
825
+ border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
826
+ }
827
+ .border-red-200 {
828
+ --tw-border-opacity: 1;
829
+ border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
830
+ }
515
831
  .border-red-500 {
516
832
  --tw-border-opacity: 1;
517
833
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
518
834
  }
835
+ .border-white {
836
+ --tw-border-opacity: 1;
837
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
838
+ }
839
+ .bg-amber-100 {
840
+ --tw-bg-opacity: 1;
841
+ background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
842
+ }
843
+ .bg-amber-500 {
844
+ --tw-bg-opacity: 1;
845
+ background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
846
+ }
847
+ .bg-black\/50 {
848
+ background-color: rgb(0 0 0 / 0.5);
849
+ }
850
+ .bg-blue-100 {
851
+ --tw-bg-opacity: 1;
852
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
853
+ }
854
+ .bg-blue-50 {
855
+ --tw-bg-opacity: 1;
856
+ background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
857
+ }
519
858
  .bg-blue-50\/50 {
520
859
  background-color: rgb(239 246 255 / 0.5);
521
860
  }
@@ -523,6 +862,18 @@ video {
523
862
  --tw-bg-opacity: 1;
524
863
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
525
864
  }
865
+ .bg-gray-100 {
866
+ --tw-bg-opacity: 1;
867
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
868
+ }
869
+ .bg-gray-200 {
870
+ --tw-bg-opacity: 1;
871
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
872
+ }
873
+ .bg-gray-400 {
874
+ --tw-bg-opacity: 1;
875
+ background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
876
+ }
526
877
  .bg-gray-50 {
527
878
  --tw-bg-opacity: 1;
528
879
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
@@ -530,20 +881,86 @@ video {
530
881
  .bg-gray-50\/50 {
531
882
  background-color: rgb(249 250 251 / 0.5);
532
883
  }
884
+ .bg-gray-900 {
885
+ --tw-bg-opacity: 1;
886
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
887
+ }
888
+ .bg-green-100 {
889
+ --tw-bg-opacity: 1;
890
+ background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
891
+ }
892
+ .bg-green-500 {
893
+ --tw-bg-opacity: 1;
894
+ background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
895
+ }
896
+ .bg-red-100 {
897
+ --tw-bg-opacity: 1;
898
+ background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
899
+ }
900
+ .bg-red-200 {
901
+ --tw-bg-opacity: 1;
902
+ background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
903
+ }
904
+ .bg-red-50\/50 {
905
+ background-color: rgb(254 242 242 / 0.5);
906
+ }
907
+ .bg-red-500 {
908
+ --tw-bg-opacity: 1;
909
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
910
+ }
911
+ .bg-transparent {
912
+ background-color: transparent;
913
+ }
533
914
  .bg-white {
534
915
  --tw-bg-opacity: 1;
535
916
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
536
917
  }
918
+ .bg-white\/50 {
919
+ background-color: rgb(255 255 255 / 0.5);
920
+ }
921
+ .fill-amber-400 {
922
+ fill: #fbbf24;
923
+ }
924
+ .fill-transparent {
925
+ fill: transparent;
926
+ }
927
+ .object-cover {
928
+ -o-object-fit: cover;
929
+ object-fit: cover;
930
+ }
931
+ .p-1 {
932
+ padding: 0.25rem;
933
+ }
537
934
  .p-1\.5 {
538
935
  padding: 0.375rem;
539
936
  }
937
+ .p-2\.5 {
938
+ padding: 0.625rem;
939
+ }
940
+ .p-3 {
941
+ padding: 0.75rem;
942
+ }
540
943
  .p-4 {
541
944
  padding: 1rem;
542
945
  }
946
+ .p-6 {
947
+ padding: 1.5rem;
948
+ }
949
+ .p-8 {
950
+ padding: 2rem;
951
+ }
952
+ .px-1\.5 {
953
+ padding-left: 0.375rem;
954
+ padding-right: 0.375rem;
955
+ }
543
956
  .px-2 {
544
957
  padding-left: 0.5rem;
545
958
  padding-right: 0.5rem;
546
959
  }
960
+ .px-2\.5 {
961
+ padding-left: 0.625rem;
962
+ padding-right: 0.625rem;
963
+ }
547
964
  .px-3 {
548
965
  padding-left: 0.75rem;
549
966
  padding-right: 0.75rem;
@@ -560,6 +977,14 @@ video {
560
977
  padding-left: 1.5rem;
561
978
  padding-right: 1.5rem;
562
979
  }
980
+ .py-0 {
981
+ padding-top: 0px;
982
+ padding-bottom: 0px;
983
+ }
984
+ .py-0\.5 {
985
+ padding-top: 0.125rem;
986
+ padding-bottom: 0.125rem;
987
+ }
563
988
  .py-1 {
564
989
  padding-top: 0.25rem;
565
990
  padding-bottom: 0.25rem;
@@ -576,22 +1001,60 @@ video {
576
1001
  padding-top: 0.5rem;
577
1002
  padding-bottom: 0.5rem;
578
1003
  }
1004
+ .py-2\.5 {
1005
+ padding-top: 0.625rem;
1006
+ padding-bottom: 0.625rem;
1007
+ }
579
1008
  .py-3 {
580
1009
  padding-top: 0.75rem;
581
1010
  padding-bottom: 0.75rem;
582
1011
  }
1012
+ .py-4 {
1013
+ padding-top: 1rem;
1014
+ padding-bottom: 1rem;
1015
+ }
1016
+ .pb-2 {
1017
+ padding-bottom: 0.5rem;
1018
+ }
1019
+ .pb-4 {
1020
+ padding-bottom: 1rem;
1021
+ }
1022
+ .pl-1 {
1023
+ padding-left: 0.25rem;
1024
+ }
583
1025
  .pl-10 {
584
1026
  padding-left: 2.5rem;
585
1027
  }
1028
+ .pl-5 {
1029
+ padding-left: 1.25rem;
1030
+ }
1031
+ .pl-8 {
1032
+ padding-left: 2rem;
1033
+ }
586
1034
  .pl-9 {
587
1035
  padding-left: 2.25rem;
588
1036
  }
589
1037
  .pr-10 {
590
1038
  padding-right: 2.5rem;
591
1039
  }
1040
+ .pr-2 {
1041
+ padding-right: 0.5rem;
1042
+ }
1043
+ .pr-3 {
1044
+ padding-right: 0.75rem;
1045
+ }
592
1046
  .pr-4 {
593
1047
  padding-right: 1rem;
594
1048
  }
1049
+ .pt-0 {
1050
+ padding-top: 0px;
1051
+ }
1052
+ .pt-0\.5 {
1053
+ padding-top: 0.125rem;
1054
+ }
1055
+ .pt-1 {
1056
+ padding-top: 0.25rem;
1057
+ }
595
1058
  .text-left {
596
1059
  text-align: left;
597
1060
  }
@@ -601,10 +1064,28 @@ video {
601
1064
  .text-right {
602
1065
  text-align: right;
603
1066
  }
1067
+ .font-mono {
1068
+ font-family:
1069
+ ui-monospace,
1070
+ SFMono-Regular,
1071
+ Menlo,
1072
+ Monaco,
1073
+ Consolas,
1074
+ "Liberation Mono",
1075
+ "Courier New",
1076
+ monospace;
1077
+ }
1078
+ .text-\[10px\] {
1079
+ font-size: 10px;
1080
+ }
604
1081
  .text-base {
605
1082
  font-size: 1rem;
606
1083
  line-height: 1.5rem;
607
1084
  }
1085
+ .text-lg {
1086
+ font-size: 1.125rem;
1087
+ line-height: 1.75rem;
1088
+ }
608
1089
  .text-sm {
609
1090
  font-size: 0.875rem;
610
1091
  line-height: 1.25rem;
@@ -619,20 +1100,53 @@ video {
619
1100
  .font-normal {
620
1101
  font-weight: 400;
621
1102
  }
1103
+ .font-semibold {
1104
+ font-weight: 600;
1105
+ }
622
1106
  .uppercase {
623
1107
  text-transform: uppercase;
624
1108
  }
625
1109
  .lowercase {
626
1110
  text-transform: lowercase;
627
1111
  }
1112
+ .leading-none {
1113
+ line-height: 1;
1114
+ }
1115
+ .tracking-tight {
1116
+ letter-spacing: -0.025em;
1117
+ }
1118
+ .text-amber-400 {
1119
+ --tw-text-opacity: 1;
1120
+ color: rgb(251 191 36 / var(--tw-text-opacity, 1));
1121
+ }
1122
+ .text-amber-800 {
1123
+ --tw-text-opacity: 1;
1124
+ color: rgb(146 64 14 / var(--tw-text-opacity, 1));
1125
+ }
628
1126
  .text-blue-600 {
629
1127
  --tw-text-opacity: 1;
630
1128
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
631
1129
  }
1130
+ .text-blue-700 {
1131
+ --tw-text-opacity: 1;
1132
+ color: rgb(29 78 216 / var(--tw-text-opacity, 1));
1133
+ }
1134
+ .text-blue-800 {
1135
+ --tw-text-opacity: 1;
1136
+ color: rgb(30 64 175 / var(--tw-text-opacity, 1));
1137
+ }
1138
+ .text-gray-300 {
1139
+ --tw-text-opacity: 1;
1140
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
1141
+ }
632
1142
  .text-gray-400 {
633
1143
  --tw-text-opacity: 1;
634
1144
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
635
1145
  }
1146
+ .text-gray-50 {
1147
+ --tw-text-opacity: 1;
1148
+ color: rgb(249 250 251 / var(--tw-text-opacity, 1));
1149
+ }
636
1150
  .text-gray-500 {
637
1151
  --tw-text-opacity: 1;
638
1152
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
@@ -645,18 +1159,69 @@ video {
645
1159
  --tw-text-opacity: 1;
646
1160
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
647
1161
  }
1162
+ .text-gray-800 {
1163
+ --tw-text-opacity: 1;
1164
+ color: rgb(31 41 55 / var(--tw-text-opacity, 1));
1165
+ }
648
1166
  .text-gray-900 {
649
1167
  --tw-text-opacity: 1;
650
1168
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
651
1169
  }
1170
+ .text-gray-950 {
1171
+ --tw-text-opacity: 1;
1172
+ color: rgb(3 7 18 / var(--tw-text-opacity, 1));
1173
+ }
1174
+ .text-green-800 {
1175
+ --tw-text-opacity: 1;
1176
+ color: rgb(22 101 52 / var(--tw-text-opacity, 1));
1177
+ }
652
1178
  .text-red-500 {
653
1179
  --tw-text-opacity: 1;
654
1180
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
655
1181
  }
1182
+ .text-red-600 {
1183
+ --tw-text-opacity: 1;
1184
+ color: rgb(220 38 38 / var(--tw-text-opacity, 1));
1185
+ }
1186
+ .text-red-800 {
1187
+ --tw-text-opacity: 1;
1188
+ color: rgb(153 27 27 / var(--tw-text-opacity, 1));
1189
+ }
656
1190
  .text-white {
657
1191
  --tw-text-opacity: 1;
658
1192
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
659
1193
  }
1194
+ .accent-blue-600 {
1195
+ accent-color: #2563eb;
1196
+ }
1197
+ .accent-red-600 {
1198
+ accent-color: #dc2626;
1199
+ }
1200
+ .opacity-0 {
1201
+ opacity: 0;
1202
+ }
1203
+ .opacity-50 {
1204
+ opacity: 0.5;
1205
+ }
1206
+ .opacity-70 {
1207
+ opacity: 0.7;
1208
+ }
1209
+ .shadow-lg {
1210
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1211
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1212
+ box-shadow:
1213
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1214
+ var(--tw-ring-shadow, 0 0 #0000),
1215
+ var(--tw-shadow);
1216
+ }
1217
+ .shadow-md {
1218
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1219
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1220
+ box-shadow:
1221
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1222
+ var(--tw-ring-shadow, 0 0 #0000),
1223
+ var(--tw-shadow);
1224
+ }
660
1225
  .shadow-sm {
661
1226
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
662
1227
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -669,9 +1234,63 @@ video {
669
1234
  outline: 2px solid transparent;
670
1235
  outline-offset: 2px;
671
1236
  }
1237
+ .outline {
1238
+ outline-style: solid;
1239
+ }
1240
+ .ring-1 {
1241
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1242
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1243
+ box-shadow:
1244
+ var(--tw-ring-offset-shadow),
1245
+ var(--tw-ring-shadow),
1246
+ var(--tw-shadow, 0 0 #0000);
1247
+ }
1248
+ .ring-2 {
1249
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1250
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1251
+ box-shadow:
1252
+ var(--tw-ring-offset-shadow),
1253
+ var(--tw-ring-shadow),
1254
+ var(--tw-shadow, 0 0 #0000);
1255
+ }
1256
+ .ring-blue-100 {
1257
+ --tw-ring-opacity: 1;
1258
+ --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1));
1259
+ }
1260
+ .ring-gray-100 {
1261
+ --tw-ring-opacity: 1;
1262
+ --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity, 1));
1263
+ }
1264
+ .ring-red-500 {
1265
+ --tw-ring-opacity: 1;
1266
+ --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
1267
+ }
1268
+ .ring-offset-white {
1269
+ --tw-ring-offset-color: #fff;
1270
+ }
672
1271
  .filter {
673
1272
  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);
674
1273
  }
1274
+ .backdrop-blur-sm {
1275
+ --tw-backdrop-blur: blur(4px);
1276
+ 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);
1277
+ }
1278
+ .transition {
1279
+ transition-property:
1280
+ color,
1281
+ background-color,
1282
+ border-color,
1283
+ text-decoration-color,
1284
+ fill,
1285
+ stroke,
1286
+ opacity,
1287
+ box-shadow,
1288
+ transform,
1289
+ filter,
1290
+ backdrop-filter;
1291
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1292
+ transition-duration: 150ms;
1293
+ }
675
1294
  .transition-all {
676
1295
  transition-property: all;
677
1296
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -688,9 +1307,25 @@ video {
688
1307
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
689
1308
  transition-duration: 150ms;
690
1309
  }
1310
+ .transition-opacity {
1311
+ transition-property: opacity;
1312
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1313
+ transition-duration: 150ms;
1314
+ }
1315
+ .transition-transform {
1316
+ transition-property: transform;
1317
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1318
+ transition-duration: 150ms;
1319
+ }
691
1320
  .duration-150 {
692
1321
  transition-duration: 150ms;
693
1322
  }
1323
+ .duration-200 {
1324
+ transition-duration: 200ms;
1325
+ }
1326
+ .ease-in-out {
1327
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1328
+ }
694
1329
  .placeholder\:text-sm::-moz-placeholder {
695
1330
  font-size: 0.875rem;
696
1331
  line-height: 1.25rem;
@@ -707,6 +1342,14 @@ video {
707
1342
  --tw-text-opacity: 1;
708
1343
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
709
1344
  }
1345
+ .hover\:scale-110:hover {
1346
+ --tw-scale-x: 1.1;
1347
+ --tw-scale-y: 1.1;
1348
+ 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));
1349
+ }
1350
+ .hover\:bg-black\/10:hover {
1351
+ background-color: rgb(0 0 0 / 0.1);
1352
+ }
710
1353
  .hover\:bg-blue-50:hover {
711
1354
  --tw-bg-opacity: 1;
712
1355
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
@@ -719,6 +1362,10 @@ video {
719
1362
  --tw-bg-opacity: 1;
720
1363
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
721
1364
  }
1365
+ .hover\:bg-gray-100:hover {
1366
+ --tw-bg-opacity: 1;
1367
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1368
+ }
722
1369
  .hover\:bg-gray-50:hover {
723
1370
  --tw-bg-opacity: 1;
724
1371
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
@@ -727,10 +1374,18 @@ video {
727
1374
  --tw-bg-opacity: 1;
728
1375
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
729
1376
  }
1377
+ .hover\:bg-white:hover {
1378
+ --tw-bg-opacity: 1;
1379
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1380
+ }
730
1381
  .hover\:text-blue-600:hover {
731
1382
  --tw-text-opacity: 1;
732
1383
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
733
1384
  }
1385
+ .hover\:text-blue-900:hover {
1386
+ --tw-text-opacity: 1;
1387
+ color: rgb(30 58 138 / var(--tw-text-opacity, 1));
1388
+ }
734
1389
  .hover\:text-emerald-600:hover {
735
1390
  --tw-text-opacity: 1;
736
1391
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
@@ -739,10 +1394,20 @@ video {
739
1394
  --tw-text-opacity: 1;
740
1395
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
741
1396
  }
1397
+ .hover\:text-red-500:hover {
1398
+ --tw-text-opacity: 1;
1399
+ color: rgb(239 68 68 / var(--tw-text-opacity, 1));
1400
+ }
742
1401
  .hover\:text-red-600:hover {
743
1402
  --tw-text-opacity: 1;
744
1403
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
745
1404
  }
1405
+ .hover\:underline:hover {
1406
+ text-decoration-line: underline;
1407
+ }
1408
+ .hover\:opacity-100:hover {
1409
+ opacity: 1;
1410
+ }
746
1411
  .focus\:border-blue-500:focus {
747
1412
  --tw-border-opacity: 1;
748
1413
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
@@ -779,6 +1444,10 @@ video {
779
1444
  --tw-ring-opacity: 1;
780
1445
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
781
1446
  }
1447
+ .focus\:ring-gray-950:focus {
1448
+ --tw-ring-opacity: 1;
1449
+ --tw-ring-color: rgb(3 7 18 / var(--tw-ring-opacity, 1));
1450
+ }
782
1451
  .focus\:ring-red-100:focus {
783
1452
  --tw-ring-opacity: 1;
784
1453
  --tw-ring-color: rgb(254 226 226 / var(--tw-ring-opacity, 1));
@@ -787,15 +1456,41 @@ video {
787
1456
  --tw-ring-opacity: 1;
788
1457
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
789
1458
  }
1459
+ .focus\:ring-offset-1:focus {
1460
+ --tw-ring-offset-width: 1px;
1461
+ }
790
1462
  .focus\:ring-offset-2:focus {
791
1463
  --tw-ring-offset-width: 2px;
792
1464
  }
1465
+ .focus-visible\:outline-none:focus-visible {
1466
+ outline: 2px solid transparent;
1467
+ outline-offset: 2px;
1468
+ }
1469
+ .focus-visible\:ring-2:focus-visible {
1470
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1471
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1472
+ box-shadow:
1473
+ var(--tw-ring-offset-shadow),
1474
+ var(--tw-ring-shadow),
1475
+ var(--tw-shadow, 0 0 #0000);
1476
+ }
1477
+ .focus-visible\:ring-gray-950:focus-visible {
1478
+ --tw-ring-opacity: 1;
1479
+ --tw-ring-color: rgb(3 7 18 / var(--tw-ring-opacity, 1));
1480
+ }
1481
+ .focus-visible\:ring-offset-2:focus-visible {
1482
+ --tw-ring-offset-width: 2px;
1483
+ }
793
1484
  .disabled\:pointer-events-none:disabled {
794
1485
  pointer-events: none;
795
1486
  }
796
1487
  .disabled\:cursor-not-allowed:disabled {
797
1488
  cursor: not-allowed;
798
1489
  }
1490
+ .disabled\:border-gray-300:disabled {
1491
+ --tw-border-opacity: 1;
1492
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1493
+ }
799
1494
  .disabled\:bg-gray-100:disabled {
800
1495
  --tw-bg-opacity: 1;
801
1496
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
@@ -804,7 +1499,122 @@ video {
804
1499
  --tw-text-opacity: 1;
805
1500
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
806
1501
  }
1502
+ .disabled\:accent-gray-400:disabled {
1503
+ accent-color: #9ca3af;
1504
+ }
807
1505
  .disabled\:opacity-50:disabled {
808
1506
  opacity: 0.5;
809
1507
  }
1508
+ .peer:checked ~ .peer-checked\:border-white {
1509
+ --tw-border-opacity: 1;
1510
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1511
+ }
1512
+ .peer:checked ~ .peer-checked\:bg-blue-600 {
1513
+ --tw-bg-opacity: 1;
1514
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
1515
+ }
1516
+ .peer:checked ~ .peer-checked\:bg-red-600 {
1517
+ --tw-bg-opacity: 1;
1518
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
1519
+ }
1520
+ .peer:focus ~ .peer-focus\:outline-none {
1521
+ outline: 2px solid transparent;
1522
+ outline-offset: 2px;
1523
+ }
1524
+ .peer:focus ~ .peer-focus\:ring-2 {
1525
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1526
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1527
+ box-shadow:
1528
+ var(--tw-ring-offset-shadow),
1529
+ var(--tw-ring-shadow),
1530
+ var(--tw-shadow, 0 0 #0000);
1531
+ }
1532
+ .peer:focus ~ .peer-focus\:ring-blue-500 {
1533
+ --tw-ring-opacity: 1;
1534
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
1535
+ }
1536
+ .peer:focus ~ .peer-focus\:ring-red-500 {
1537
+ --tw-ring-opacity: 1;
1538
+ --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
1539
+ }
1540
+ .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
1541
+ cursor: not-allowed;
1542
+ }
1543
+ .peer:disabled ~ .peer-disabled\:opacity-50 {
1544
+ opacity: 0.5;
1545
+ }
1546
+ .data-\[state\=active\]\:bg-white[data-state=active] {
1547
+ --tw-bg-opacity: 1;
1548
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1549
+ }
1550
+ .data-\[state\=open\]\:bg-gray-100[data-state=open] {
1551
+ --tw-bg-opacity: 1;
1552
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1553
+ }
1554
+ .data-\[state\=active\]\:text-gray-950[data-state=active] {
1555
+ --tw-text-opacity: 1;
1556
+ color: rgb(3 7 18 / var(--tw-text-opacity, 1));
1557
+ }
1558
+ .data-\[state\=open\]\:text-gray-500[data-state=open] {
1559
+ --tw-text-opacity: 1;
1560
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1561
+ }
1562
+ .data-\[state\=active\]\:shadow-sm[data-state=active] {
1563
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1564
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1565
+ box-shadow:
1566
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1567
+ var(--tw-ring-shadow, 0 0 #0000),
1568
+ var(--tw-shadow);
1569
+ }
1570
+ .data-\[state\=closed\]\:duration-300[data-state=closed] {
1571
+ transition-duration: 300ms;
1572
+ }
1573
+ .data-\[state\=open\]\:duration-500[data-state=open] {
1574
+ transition-duration: 500ms;
1575
+ }
1576
+ @media (min-width: 640px) {
1577
+ .sm\:max-w-sm {
1578
+ max-width: 24rem;
1579
+ }
1580
+ .sm\:flex-row {
1581
+ flex-direction: row;
1582
+ }
1583
+ .sm\:justify-end {
1584
+ justify-content: flex-end;
1585
+ }
1586
+ .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
1587
+ --tw-space-x-reverse: 0;
1588
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1589
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1590
+ }
1591
+ .sm\:rounded-lg {
1592
+ border-radius: 0.5rem;
1593
+ }
1594
+ .sm\:text-left {
1595
+ text-align: left;
1596
+ }
1597
+ }
1598
+ .\[\&\:\:-webkit-calendar-picker-indicator\]\:absolute::-webkit-calendar-picker-indicator {
1599
+ position: absolute;
1600
+ }
1601
+ .\[\&\:\:-webkit-calendar-picker-indicator\]\:right-0::-webkit-calendar-picker-indicator {
1602
+ right: 0px;
1603
+ }
1604
+ .\[\&\:\:-webkit-calendar-picker-indicator\]\:h-full::-webkit-calendar-picker-indicator {
1605
+ height: 100%;
1606
+ }
1607
+ .\[\&\:\:-webkit-calendar-picker-indicator\]\:w-10::-webkit-calendar-picker-indicator {
1608
+ width: 2.5rem;
1609
+ }
1610
+ .\[\&\:\:-webkit-calendar-picker-indicator\]\:cursor-pointer::-webkit-calendar-picker-indicator {
1611
+ cursor: pointer;
1612
+ }
1613
+ .\[\&\:\:-webkit-calendar-picker-indicator\]\:opacity-0::-webkit-calendar-picker-indicator {
1614
+ opacity: 0;
1615
+ }
1616
+ .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open] > svg {
1617
+ --tw-rotate: 180deg;
1618
+ 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));
1619
+ }
810
1620
  /*# sourceMappingURL=index.css.map */