cekat-ui 1.3.7 → 1.3.9

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/style.css CHANGED
@@ -687,10 +687,6 @@ body {
687
687
  bottom: 0px;
688
688
  }
689
689
 
690
- .bottom-\[-6px\] {
691
- bottom: -6px;
692
- }
693
-
694
690
  .bottom-\[calc\(100\%\+8px\)\] {
695
691
  bottom: calc(100% + 8px);
696
692
  }
@@ -711,10 +707,6 @@ body {
711
707
  left: 1rem;
712
708
  }
713
709
 
714
- .left-\[-6px\] {
715
- left: -6px;
716
- }
717
-
718
710
  .left-\[calc\(100\%\+8px\)\] {
719
711
  left: calc(100% + 8px);
720
712
  }
@@ -739,10 +731,6 @@ body {
739
731
  right: -3px;
740
732
  }
741
733
 
742
- .right-\[-6px\] {
743
- right: -6px;
744
- }
745
-
746
734
  .right-\[7px\] {
747
735
  right: 7px;
748
736
  }
@@ -767,10 +755,6 @@ body {
767
755
  top: 0.5rem;
768
756
  }
769
757
 
770
- .top-\[-6px\] {
771
- top: -6px;
772
- }
773
-
774
758
  .top-\[7px\] {
775
759
  top: 7px;
776
760
  }
@@ -783,6 +767,10 @@ body {
783
767
  top: 100%;
784
768
  }
785
769
 
770
+ .z-0 {
771
+ z-index: 0;
772
+ }
773
+
786
774
  .z-10 {
787
775
  z-index: 10;
788
776
  }
@@ -795,8 +783,8 @@ body {
795
783
  z-index: 30;
796
784
  }
797
785
 
798
- .z-\[9999\] {
799
- z-index: 9999;
786
+ .z-\[999999\] {
787
+ z-index: 999999;
800
788
  }
801
789
 
802
790
  .mx-1 {
@@ -840,6 +828,10 @@ body {
840
828
  margin-bottom: 0.75rem;
841
829
  }
842
830
 
831
+ .mb-4 {
832
+ margin-bottom: 1rem;
833
+ }
834
+
843
835
  .ml-1 {
844
836
  margin-left: 0.25rem;
845
837
  }
@@ -928,11 +920,6 @@ body {
928
920
  height: 0.75rem;
929
921
  }
930
922
 
931
- .size-3\.5 {
932
- width: 0.875rem;
933
- height: 0.875rem;
934
- }
935
-
936
923
  .size-4 {
937
924
  width: 1rem;
938
925
  height: 1rem;
@@ -948,6 +935,11 @@ body {
948
935
  height: 1.5rem;
949
936
  }
950
937
 
938
+ .size-7 {
939
+ width: 1.75rem;
940
+ height: 1.75rem;
941
+ }
942
+
951
943
  .size-8 {
952
944
  width: 2rem;
953
945
  height: 2rem;
@@ -958,6 +950,16 @@ body {
958
950
  height: 2.25rem;
959
951
  }
960
952
 
953
+ .size-\[14px\] {
954
+ width: 14px;
955
+ height: 14px;
956
+ }
957
+
958
+ .size-\[16px\] {
959
+ width: 16px;
960
+ height: 16px;
961
+ }
962
+
961
963
  .size-\[18px\] {
962
964
  width: 18px;
963
965
  height: 18px;
@@ -1043,10 +1045,18 @@ body {
1043
1045
  height: 5rem;
1044
1046
  }
1045
1047
 
1048
+ .h-24 {
1049
+ height: 6rem;
1050
+ }
1051
+
1046
1052
  .h-4 {
1047
1053
  height: 1rem;
1048
1054
  }
1049
1055
 
1056
+ .h-40 {
1057
+ height: 10rem;
1058
+ }
1059
+
1050
1060
  .h-5 {
1051
1061
  height: 1.25rem;
1052
1062
  }
@@ -1055,6 +1065,10 @@ body {
1055
1065
  height: 1.5rem;
1056
1066
  }
1057
1067
 
1068
+ .h-64 {
1069
+ height: 16rem;
1070
+ }
1071
+
1058
1072
  .h-7 {
1059
1073
  height: 1.75rem;
1060
1074
  }
@@ -1075,6 +1089,10 @@ body {
1075
1089
  height: 100px;
1076
1090
  }
1077
1091
 
1092
+ .h-\[200vh\] {
1093
+ height: 200vh;
1094
+ }
1095
+
1078
1096
  .h-\[30px\] {
1079
1097
  height: 30px;
1080
1098
  }
@@ -1131,6 +1149,10 @@ body {
1131
1149
  max-height: 13rem;
1132
1150
  }
1133
1151
 
1152
+ .max-h-60 {
1153
+ max-height: 15rem;
1154
+ }
1155
+
1134
1156
  .max-h-64 {
1135
1157
  max-height: 16rem;
1136
1158
  }
@@ -1147,6 +1169,14 @@ body {
1147
1169
  max-height: 320px;
1148
1170
  }
1149
1171
 
1172
+ .max-h-full {
1173
+ max-height: 100%;
1174
+ }
1175
+
1176
+ .max-h-none {
1177
+ max-height: none;
1178
+ }
1179
+
1150
1180
  .min-h-0 {
1151
1181
  min-height: 0px;
1152
1182
  }
@@ -1167,10 +1197,18 @@ body {
1167
1197
  min-height: 36px;
1168
1198
  }
1169
1199
 
1200
+ .min-h-\[38px\] {
1201
+ min-height: 38px;
1202
+ }
1203
+
1170
1204
  .min-h-\[42px\] {
1171
1205
  min-height: 42px;
1172
1206
  }
1173
1207
 
1208
+ .min-h-\[640px\] {
1209
+ min-height: 640px;
1210
+ }
1211
+
1174
1212
  .min-h-\[64px\] {
1175
1213
  min-height: 64px;
1176
1214
  }
@@ -1223,6 +1261,10 @@ body {
1223
1261
  width: 0.5rem;
1224
1262
  }
1225
1263
 
1264
+ .w-24 {
1265
+ width: 6rem;
1266
+ }
1267
+
1226
1268
  .w-3 {
1227
1269
  width: 0.75rem;
1228
1270
  }
@@ -1243,14 +1285,14 @@ body {
1243
1285
  width: 1.5rem;
1244
1286
  }
1245
1287
 
1246
- .w-60 {
1247
- width: 15rem;
1248
- }
1249
-
1250
1288
  .w-7 {
1251
1289
  width: 1.75rem;
1252
1290
  }
1253
1291
 
1292
+ .w-72 {
1293
+ width: 18rem;
1294
+ }
1295
+
1254
1296
  .w-8 {
1255
1297
  width: 2rem;
1256
1298
  }
@@ -1267,6 +1309,14 @@ body {
1267
1309
  width: 140px;
1268
1310
  }
1269
1311
 
1312
+ .w-\[200vw\] {
1313
+ width: 200vw;
1314
+ }
1315
+
1316
+ .w-\[240px\] {
1317
+ width: 240px;
1318
+ }
1319
+
1270
1320
  .w-\[320px\] {
1271
1321
  width: 320px;
1272
1322
  }
@@ -1279,12 +1329,16 @@ body {
1279
1329
  width: 600px;
1280
1330
  }
1281
1331
 
1282
- .w-\[92px\] {
1283
- width: 92px;
1332
+ .w-\[640px\] {
1333
+ width: 640px;
1284
1334
  }
1285
1335
 
1286
- .w-\[calc\(100\%-8px\)\] {
1287
- width: calc(100% - 8px);
1336
+ .w-\[800px\] {
1337
+ width: 800px;
1338
+ }
1339
+
1340
+ .w-\[92px\] {
1341
+ width: 92px;
1288
1342
  }
1289
1343
 
1290
1344
  .w-auto {
@@ -1307,10 +1361,6 @@ body {
1307
1361
  min-width: 2rem;
1308
1362
  }
1309
1363
 
1310
- .min-w-\[120px\] {
1311
- min-width: 120px;
1312
- }
1313
-
1314
1364
  .min-w-\[160px\] {
1315
1365
  min-width: 160px;
1316
1366
  }
@@ -1319,6 +1369,10 @@ body {
1319
1369
  min-width: 240px;
1320
1370
  }
1321
1371
 
1372
+ .min-w-\[4rem\] {
1373
+ min-width: 4rem;
1374
+ }
1375
+
1322
1376
  .min-w-\[80px\] {
1323
1377
  min-width: 80px;
1324
1378
  }
@@ -1440,6 +1494,11 @@ body {
1440
1494
  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));
1441
1495
  }
1442
1496
 
1497
+ .rotate-180 {
1498
+ --tw-rotate: 180deg;
1499
+ 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));
1500
+ }
1501
+
1443
1502
  .scale-0 {
1444
1503
  --tw-scale-x: 0;
1445
1504
  --tw-scale-y: 0;
@@ -1532,6 +1591,10 @@ body {
1532
1591
  flex-wrap: wrap;
1533
1592
  }
1534
1593
 
1594
+ .flex-nowrap {
1595
+ flex-wrap: nowrap;
1596
+ }
1597
+
1535
1598
  .items-start {
1536
1599
  align-items: flex-start;
1537
1600
  }
@@ -1632,10 +1695,6 @@ body {
1632
1695
  overflow: hidden;
1633
1696
  }
1634
1697
 
1635
- .overflow-clip {
1636
- overflow: clip;
1637
- }
1638
-
1639
1698
  .overflow-visible {
1640
1699
  overflow: visible;
1641
1700
  }
@@ -1648,10 +1707,6 @@ body {
1648
1707
  overflow-y: auto;
1649
1708
  }
1650
1709
 
1651
- .overflow-y-hidden {
1652
- overflow-y: hidden;
1653
- }
1654
-
1655
1710
  .truncate {
1656
1711
  overflow: hidden;
1657
1712
  text-overflow: ellipsis;
@@ -1670,6 +1725,10 @@ body {
1670
1725
  border-radius: 0.25rem;
1671
1726
  }
1672
1727
 
1728
+ .rounded-3xl {
1729
+ border-radius: 1.5rem;
1730
+ }
1731
+
1673
1732
  .rounded-\[10px\] {
1674
1733
  border-radius: 10px;
1675
1734
  }
@@ -2084,6 +2143,10 @@ body {
2084
2143
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
2085
2144
  }
2086
2145
 
2146
+ .bg-black\/40 {
2147
+ background-color: rgb(0 0 0 / 0.4);
2148
+ }
2149
+
2087
2150
  .bg-blue-100 {
2088
2151
  --tw-bg-opacity: 1;
2089
2152
  background-color: rgb(209 233 255 / var(--tw-bg-opacity, 1));
@@ -2634,14 +2697,14 @@ body {
2634
2697
  padding: 0px;
2635
2698
  }
2636
2699
 
2637
- .p-0\.5 {
2638
- padding: 0.125rem;
2639
- }
2640
-
2641
2700
  .p-1 {
2642
2701
  padding: 0.25rem;
2643
2702
  }
2644
2703
 
2704
+ .p-10 {
2705
+ padding: 2.5rem;
2706
+ }
2707
+
2645
2708
  .p-16 {
2646
2709
  padding: 4rem;
2647
2710
  }
@@ -2666,6 +2729,10 @@ body {
2666
2729
  padding: 1.5rem;
2667
2730
  }
2668
2731
 
2732
+ .p-8 {
2733
+ padding: 2rem;
2734
+ }
2735
+
2669
2736
  .p-\[2px\] {
2670
2737
  padding: 2px;
2671
2738
  }
@@ -2774,10 +2841,24 @@ body {
2774
2841
  padding-bottom: 3px;
2775
2842
  }
2776
2843
 
2844
+ .py-\[8px\] {
2845
+ padding-top: 8px;
2846
+ padding-bottom: 8px;
2847
+ }
2848
+
2849
+ .py-\[spacing-xs\] {
2850
+ padding-top: spacing-xs;
2851
+ padding-bottom: spacing-xs;
2852
+ }
2853
+
2777
2854
  .pb-0\.5 {
2778
2855
  padding-bottom: 0.125rem;
2779
2856
  }
2780
2857
 
2858
+ .pb-2 {
2859
+ padding-bottom: 0.5rem;
2860
+ }
2861
+
2781
2862
  .pb-3 {
2782
2863
  padding-bottom: 0.75rem;
2783
2864
  }
@@ -2842,10 +2923,22 @@ body {
2842
2923
  padding-right: 2rem;
2843
2924
  }
2844
2925
 
2926
+ .pr-\[8px\] {
2927
+ padding-right: 8px;
2928
+ }
2929
+
2845
2930
  .pr-\[9px\] {
2846
2931
  padding-right: 9px;
2847
2932
  }
2848
2933
 
2934
+ .pt-0 {
2935
+ padding-top: 0px;
2936
+ }
2937
+
2938
+ .pt-0\.5 {
2939
+ padding-top: 0.125rem;
2940
+ }
2941
+
2849
2942
  .pt-3 {
2850
2943
  padding-top: 0.75rem;
2851
2944
  }
@@ -2890,6 +2983,10 @@ body {
2890
2983
  font-size: 13px;
2891
2984
  }
2892
2985
 
2986
+ .text-\[18px\] {
2987
+ font-size: 18px;
2988
+ }
2989
+
2893
2990
  .text-\[20px\] {
2894
2991
  font-size: 20px;
2895
2992
  }
@@ -3244,6 +3341,11 @@ body {
3244
3341
  color: rgb(193 21 116 / var(--tw-text-opacity, 1));
3245
3342
  }
3246
3343
 
3344
+ .text-primary-300 {
3345
+ --tw-text-opacity: 1;
3346
+ color: rgb(158 184 229 / var(--tw-text-opacity, 1));
3347
+ }
3348
+
3247
3349
  .text-primary-500 {
3248
3350
  --tw-text-opacity: 1;
3249
3351
  color: rgb(19 82 191 / var(--tw-text-opacity, 1));
@@ -3335,10 +3437,6 @@ body {
3335
3437
  opacity: 1;
3336
3438
  }
3337
3439
 
3338
- .opacity-50 {
3339
- opacity: 0.5;
3340
- }
3341
-
3342
3440
  .opacity-60 {
3343
3441
  opacity: 0.6;
3344
3442
  }
@@ -3367,15 +3465,9 @@ body {
3367
3465
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3368
3466
  }
3369
3467
 
3370
- .shadow-\[0px_0px_0px_2px_white\2c 0px_0px_0px_4px_rgba\(112\2c 150\2c 217\2c 1\)\] {
3371
- --tw-shadow: 0px 0px 0px 2px white,0px 0px 0px 4px rgba(112,150,217,1);
3372
- --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);
3373
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3374
- }
3375
-
3376
- .shadow-\[0px_12px_16px_-4px_rgba\(16\2c 24\2c 40\2c 0\.08\)\2c 0px_4px_6px_-2px_rgba\(16\2c 24\2c 40\2c 0\.03\)\] {
3377
- --tw-shadow: 0px 12px 16px -4px rgba(16,24,40,0.08),0px 4px 6px -2px rgba(16,24,40,0.03);
3378
- --tw-shadow-colored: 0px 12px 16px -4px var(--tw-shadow-color), 0px 4px 6px -2px var(--tw-shadow-color);
3468
+ .shadow-\[0px_2px_4px_-1px_rgba\(16\2c 24\2c 40\2c 0\.08\)\2c 0px_8px_24px_-4px_rgba\(16\2c 24\2c 40\2c 0\.14\)\] {
3469
+ --tw-shadow: 0px 2px 4px -1px rgba(16,24,40,0.08),0px 8px 24px -4px rgba(16,24,40,0.14);
3470
+ --tw-shadow-colored: 0px 2px 4px -1px var(--tw-shadow-color), 0px 8px 24px -4px var(--tw-shadow-color);
3379
3471
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3380
3472
  }
3381
3473
 
@@ -3403,6 +3495,12 @@ body {
3403
3495
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3404
3496
  }
3405
3497
 
3498
+ .shadow-none {
3499
+ --tw-shadow: 0 0 #0000;
3500
+ --tw-shadow-colored: 0 0 #0000;
3501
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3502
+ }
3503
+
3406
3504
  .shadow-sm {
3407
3505
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
3408
3506
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -3434,6 +3532,11 @@ body {
3434
3532
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3435
3533
  }
3436
3534
 
3535
+ .blur {
3536
+ --tw-blur: blur(8px);
3537
+ 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);
3538
+ }
3539
+
3437
3540
  .invert {
3438
3541
  --tw-invert: invert(100%);
3439
3542
  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);
@@ -3443,12 +3546,24 @@ body {
3443
3546
  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);
3444
3547
  }
3445
3548
 
3549
+ .transition {
3550
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
3551
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3552
+ transition-duration: 150ms;
3553
+ }
3554
+
3446
3555
  .transition-\[border-color\2c border-width\] {
3447
3556
  transition-property: border-color,border-width;
3448
3557
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3449
3558
  transition-duration: 150ms;
3450
3559
  }
3451
3560
 
3561
+ .transition-\[border-color\2c box-shadow\] {
3562
+ transition-property: border-color,box-shadow;
3563
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3564
+ transition-duration: 150ms;
3565
+ }
3566
+
3452
3567
  .transition-\[color\2c background-color\2c border-color\2c box-shadow\2c filter\2c transform\] {
3453
3568
  transition-property: color,background-color,border-color,box-shadow,filter,transform;
3454
3569
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3491,10 +3606,18 @@ body {
3491
3606
  -webkit-tap-highlight-color: transparent;
3492
3607
  }
3493
3608
 
3609
+ .\[scrollbar-color\:theme\(colors\.light\.300\)_theme\(colors\.light\.50\)\] {
3610
+ scrollbar-color: #D0D5DD #F9FAFB;
3611
+ }
3612
+
3494
3613
  .\[scrollbar-width\:none\] {
3495
3614
  scrollbar-width: none;
3496
3615
  }
3497
3616
 
3617
+ .\[scrollbar-width\:thin\] {
3618
+ scrollbar-width: thin;
3619
+ }
3620
+
3498
3621
  /* =========================================
3499
3622
  Optional: component defaults
3500
3623
  (boleh kosong kalau belum perlu)
@@ -3508,6 +3631,24 @@ body {
3508
3631
  }
3509
3632
  */
3510
3633
 
3634
+ .placeholder\:font-normal::-moz-placeholder {
3635
+ font-weight: 400;
3636
+ }
3637
+
3638
+ .placeholder\:font-normal::placeholder {
3639
+ font-weight: 400;
3640
+ }
3641
+
3642
+ .placeholder\:text-light-400::-moz-placeholder {
3643
+ --tw-text-opacity: 1;
3644
+ color: rgb(152 162 179 / var(--tw-text-opacity, 1));
3645
+ }
3646
+
3647
+ .placeholder\:text-light-400::placeholder {
3648
+ --tw-text-opacity: 1;
3649
+ color: rgb(152 162 179 / var(--tw-text-opacity, 1));
3650
+ }
3651
+
3511
3652
  .placeholder\:text-light-500::-moz-placeholder {
3512
3653
  --tw-text-opacity: 1;
3513
3654
  color: rgb(102 112 133 / var(--tw-text-opacity, 1));
@@ -3636,16 +3777,91 @@ body {
3636
3777
  --tw-ring-offset-width: 0px;
3637
3778
  }
3638
3779
 
3780
+ .hover\:border-blue-300:hover {
3781
+ --tw-border-opacity: 1;
3782
+ border-color: rgb(132 202 255 / var(--tw-border-opacity, 1));
3783
+ }
3784
+
3785
+ .hover\:border-blue-500:hover {
3786
+ --tw-border-opacity: 1;
3787
+ border-color: rgb(46 144 250 / var(--tw-border-opacity, 1));
3788
+ }
3789
+
3790
+ .hover\:border-blue-gray-300:hover {
3791
+ --tw-border-opacity: 1;
3792
+ border-color: rgb(179 184 219 / var(--tw-border-opacity, 1));
3793
+ }
3794
+
3795
+ .hover\:border-blue-gray-500:hover {
3796
+ --tw-border-opacity: 1;
3797
+ border-color: rgb(78 91 166 / var(--tw-border-opacity, 1));
3798
+ }
3799
+
3800
+ .hover\:border-blue-light-300:hover {
3801
+ --tw-border-opacity: 1;
3802
+ border-color: rgb(124 212 253 / var(--tw-border-opacity, 1));
3803
+ }
3804
+
3805
+ .hover\:border-blue-light-500:hover {
3806
+ --tw-border-opacity: 1;
3807
+ border-color: rgb(11 165 236 / var(--tw-border-opacity, 1));
3808
+ }
3809
+
3639
3810
  .hover\:border-error-300:hover {
3640
3811
  --tw-border-opacity: 1;
3641
3812
  border-color: rgb(246 144 118 / var(--tw-border-opacity, 1));
3642
3813
  }
3643
3814
 
3815
+ .hover\:border-error-500:hover {
3816
+ --tw-border-opacity: 1;
3817
+ border-color: rgb(226 38 31 / var(--tw-border-opacity, 1));
3818
+ }
3819
+
3820
+ .hover\:border-indigo-300:hover {
3821
+ --tw-border-opacity: 1;
3822
+ border-color: rgb(164 188 253 / var(--tw-border-opacity, 1));
3823
+ }
3824
+
3825
+ .hover\:border-indigo-500:hover {
3826
+ --tw-border-opacity: 1;
3827
+ border-color: rgb(97 114 243 / var(--tw-border-opacity, 1));
3828
+ }
3829
+
3830
+ .hover\:border-light-300:hover {
3831
+ --tw-border-opacity: 1;
3832
+ border-color: rgb(208 213 221 / var(--tw-border-opacity, 1));
3833
+ }
3834
+
3644
3835
  .hover\:border-light-400:hover {
3645
3836
  --tw-border-opacity: 1;
3646
3837
  border-color: rgb(152 162 179 / var(--tw-border-opacity, 1));
3647
3838
  }
3648
3839
 
3840
+ .hover\:border-light-500:hover {
3841
+ --tw-border-opacity: 1;
3842
+ border-color: rgb(102 112 133 / var(--tw-border-opacity, 1));
3843
+ }
3844
+
3845
+ .hover\:border-orange-300:hover {
3846
+ --tw-border-opacity: 1;
3847
+ border-color: rgb(247 178 122 / var(--tw-border-opacity, 1));
3848
+ }
3849
+
3850
+ .hover\:border-orange-500:hover {
3851
+ --tw-border-opacity: 1;
3852
+ border-color: rgb(239 104 32 / var(--tw-border-opacity, 1));
3853
+ }
3854
+
3855
+ .hover\:border-pink-300:hover {
3856
+ --tw-border-opacity: 1;
3857
+ border-color: rgb(250 167 224 / var(--tw-border-opacity, 1));
3858
+ }
3859
+
3860
+ .hover\:border-pink-500:hover {
3861
+ --tw-border-opacity: 1;
3862
+ border-color: rgb(238 70 188 / var(--tw-border-opacity, 1));
3863
+ }
3864
+
3649
3865
  .hover\:border-primary-300:hover {
3650
3866
  --tw-border-opacity: 1;
3651
3867
  border-color: rgb(158 184 229 / var(--tw-border-opacity, 1));
@@ -3661,6 +3877,36 @@ body {
3661
3877
  border-color: rgb(8 33 76 / var(--tw-border-opacity, 1));
3662
3878
  }
3663
3879
 
3880
+ .hover\:border-purple-300:hover {
3881
+ --tw-border-opacity: 1;
3882
+ border-color: rgb(189 180 254 / var(--tw-border-opacity, 1));
3883
+ }
3884
+
3885
+ .hover\:border-purple-500:hover {
3886
+ --tw-border-opacity: 1;
3887
+ border-color: rgb(122 90 248 / var(--tw-border-opacity, 1));
3888
+ }
3889
+
3890
+ .hover\:border-success-300:hover {
3891
+ --tw-border-opacity: 1;
3892
+ border-color: rgb(96 222 127 / var(--tw-border-opacity, 1));
3893
+ }
3894
+
3895
+ .hover\:border-success-500:hover {
3896
+ --tw-border-opacity: 1;
3897
+ border-color: rgb(8 145 70 / var(--tw-border-opacity, 1));
3898
+ }
3899
+
3900
+ .hover\:border-warning-300:hover {
3901
+ --tw-border-opacity: 1;
3902
+ border-color: rgb(254 200 75 / var(--tw-border-opacity, 1));
3903
+ }
3904
+
3905
+ .hover\:border-warning-500:hover {
3906
+ --tw-border-opacity: 1;
3907
+ border-color: rgb(247 144 9 / var(--tw-border-opacity, 1));
3908
+ }
3909
+
3664
3910
  .hover\:border-x-transparent:hover {
3665
3911
  border-left-color: #FFFFFF00;
3666
3912
  border-right-color: #FFFFFF00;
@@ -3670,6 +3916,36 @@ body {
3670
3916
  background-color: rgb(0 0 0 / 0.05);
3671
3917
  }
3672
3918
 
3919
+ .hover\:bg-blue-100:hover {
3920
+ --tw-bg-opacity: 1;
3921
+ background-color: rgb(209 233 255 / var(--tw-bg-opacity, 1));
3922
+ }
3923
+
3924
+ .hover\:bg-blue-50:hover {
3925
+ --tw-bg-opacity: 1;
3926
+ background-color: rgb(239 248 255 / var(--tw-bg-opacity, 1));
3927
+ }
3928
+
3929
+ .hover\:bg-blue-gray-100:hover {
3930
+ --tw-bg-opacity: 1;
3931
+ background-color: rgb(234 236 245 / var(--tw-bg-opacity, 1));
3932
+ }
3933
+
3934
+ .hover\:bg-blue-gray-50:hover {
3935
+ --tw-bg-opacity: 1;
3936
+ background-color: rgb(248 249 252 / var(--tw-bg-opacity, 1));
3937
+ }
3938
+
3939
+ .hover\:bg-blue-light-100:hover {
3940
+ --tw-bg-opacity: 1;
3941
+ background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
3942
+ }
3943
+
3944
+ .hover\:bg-blue-light-50:hover {
3945
+ --tw-bg-opacity: 1;
3946
+ background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
3947
+ }
3948
+
3673
3949
  .hover\:bg-error-100:hover {
3674
3950
  --tw-bg-opacity: 1;
3675
3951
  background-color: rgb(253 226 209 / var(--tw-bg-opacity, 1));
@@ -3685,6 +3961,16 @@ body {
3685
3961
  background-color: rgb(131 9 36 / var(--tw-bg-opacity, 1));
3686
3962
  }
3687
3963
 
3964
+ .hover\:bg-indigo-100:hover {
3965
+ --tw-bg-opacity: 1;
3966
+ background-color: rgb(224 234 255 / var(--tw-bg-opacity, 1));
3967
+ }
3968
+
3969
+ .hover\:bg-indigo-50:hover {
3970
+ --tw-bg-opacity: 1;
3971
+ background-color: rgb(238 244 255 / var(--tw-bg-opacity, 1));
3972
+ }
3973
+
3688
3974
  .hover\:bg-info-100:hover {
3689
3975
  --tw-bg-opacity: 1;
3690
3976
  background-color: rgb(206 233 253 / var(--tw-bg-opacity, 1));
@@ -3705,6 +3991,26 @@ body {
3705
3991
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
3706
3992
  }
3707
3993
 
3994
+ .hover\:bg-orange-100:hover {
3995
+ --tw-bg-opacity: 1;
3996
+ background-color: rgb(253 234 215 / var(--tw-bg-opacity, 1));
3997
+ }
3998
+
3999
+ .hover\:bg-orange-50:hover {
4000
+ --tw-bg-opacity: 1;
4001
+ background-color: rgb(254 246 238 / var(--tw-bg-opacity, 1));
4002
+ }
4003
+
4004
+ .hover\:bg-pink-100:hover {
4005
+ --tw-bg-opacity: 1;
4006
+ background-color: rgb(252 231 246 / var(--tw-bg-opacity, 1));
4007
+ }
4008
+
4009
+ .hover\:bg-pink-50:hover {
4010
+ --tw-bg-opacity: 1;
4011
+ background-color: rgb(253 242 250 / var(--tw-bg-opacity, 1));
4012
+ }
4013
+
3708
4014
  .hover\:bg-primary-100:hover {
3709
4015
  --tw-bg-opacity: 1;
3710
4016
  background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
@@ -3720,11 +4026,26 @@ body {
3720
4026
  background-color: rgb(8 33 76 / var(--tw-bg-opacity, 1));
3721
4027
  }
3722
4028
 
4029
+ .hover\:bg-purple-100:hover {
4030
+ --tw-bg-opacity: 1;
4031
+ background-color: rgb(235 233 254 / var(--tw-bg-opacity, 1));
4032
+ }
4033
+
4034
+ .hover\:bg-purple-50:hover {
4035
+ --tw-bg-opacity: 1;
4036
+ background-color: rgb(244 243 255 / var(--tw-bg-opacity, 1));
4037
+ }
4038
+
3723
4039
  .hover\:bg-success-100:hover {
3724
4040
  --tw-bg-opacity: 1;
3725
4041
  background-color: rgb(202 249 204 / var(--tw-bg-opacity, 1));
3726
4042
  }
3727
4043
 
4044
+ .hover\:bg-success-50:hover {
4045
+ --tw-bg-opacity: 1;
4046
+ background-color: rgb(238 255 238 / var(--tw-bg-opacity, 1));
4047
+ }
4048
+
3728
4049
  .hover\:bg-success-800:hover {
3729
4050
  --tw-bg-opacity: 1;
3730
4051
  background-color: rgb(2 84 63 / var(--tw-bg-opacity, 1));
@@ -3739,6 +4060,11 @@ body {
3739
4060
  background-color: rgb(255 250 235 / var(--tw-bg-opacity, 1));
3740
4061
  }
3741
4062
 
4063
+ .hover\:bg-warning-50:hover {
4064
+ --tw-bg-opacity: 1;
4065
+ background-color: rgb(255 252 245 / var(--tw-bg-opacity, 1));
4066
+ }
4067
+
3742
4068
  .hover\:bg-white:hover {
3743
4069
  --tw-bg-opacity: 1;
3744
4070
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -3749,11 +4075,31 @@ body {
3749
4075
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
3750
4076
  }
3751
4077
 
4078
+ .hover\:text-blue-800:hover {
4079
+ --tw-text-opacity: 1;
4080
+ color: rgb(24 73 169 / var(--tw-text-opacity, 1));
4081
+ }
4082
+
4083
+ .hover\:text-blue-gray-800:hover {
4084
+ --tw-text-opacity: 1;
4085
+ color: rgb(41 48 86 / var(--tw-text-opacity, 1));
4086
+ }
4087
+
4088
+ .hover\:text-blue-light-800:hover {
4089
+ --tw-text-opacity: 1;
4090
+ color: rgb(6 89 134 / var(--tw-text-opacity, 1));
4091
+ }
4092
+
3752
4093
  .hover\:text-error-800:hover {
3753
4094
  --tw-text-opacity: 1;
3754
4095
  color: rgb(131 9 36 / var(--tw-text-opacity, 1));
3755
4096
  }
3756
4097
 
4098
+ .hover\:text-indigo-800:hover {
4099
+ --tw-text-opacity: 1;
4100
+ color: rgb(45 49 166 / var(--tw-text-opacity, 1));
4101
+ }
4102
+
3757
4103
  .hover\:text-light-600:hover {
3758
4104
  --tw-text-opacity: 1;
3759
4105
  color: rgb(71 84 103 / var(--tw-text-opacity, 1));
@@ -3774,6 +4120,16 @@ body {
3774
4120
  color: rgb(16 24 40 / var(--tw-text-opacity, 1));
3775
4121
  }
3776
4122
 
4123
+ .hover\:text-orange-800:hover {
4124
+ --tw-text-opacity: 1;
4125
+ color: rgb(147 47 25 / var(--tw-text-opacity, 1));
4126
+ }
4127
+
4128
+ .hover\:text-pink-800:hover {
4129
+ --tw-text-opacity: 1;
4130
+ color: rgb(158 22 95 / var(--tw-text-opacity, 1));
4131
+ }
4132
+
3777
4133
  .hover\:text-primary-700:hover {
3778
4134
  --tw-text-opacity: 1;
3779
4135
  color: rgb(11 49 115 / var(--tw-text-opacity, 1));
@@ -3784,11 +4140,26 @@ body {
3784
4140
  color: rgb(8 33 76 / var(--tw-text-opacity, 1));
3785
4141
  }
3786
4142
 
4143
+ .hover\:text-purple-800:hover {
4144
+ --tw-text-opacity: 1;
4145
+ color: rgb(74 31 184 / var(--tw-text-opacity, 1));
4146
+ }
4147
+
3787
4148
  .hover\:text-red-700:hover {
3788
4149
  --tw-text-opacity: 1;
3789
4150
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
3790
4151
  }
3791
4152
 
4153
+ .hover\:text-success-800:hover {
4154
+ --tw-text-opacity: 1;
4155
+ color: rgb(2 84 63 / var(--tw-text-opacity, 1));
4156
+ }
4157
+
4158
+ .hover\:text-warning-800:hover {
4159
+ --tw-text-opacity: 1;
4160
+ color: rgb(147 55 13 / var(--tw-text-opacity, 1));
4161
+ }
4162
+
3792
4163
  .hover\:shadow-sm:hover {
3793
4164
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
3794
4165
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -3939,6 +4310,66 @@ body {
3939
4310
  visibility: visible;
3940
4311
  }
3941
4312
 
4313
+ .group:hover .group-hover\:border-blue-500 {
4314
+ --tw-border-opacity: 1;
4315
+ border-color: rgb(46 144 250 / var(--tw-border-opacity, 1));
4316
+ }
4317
+
4318
+ .group:hover .group-hover\:border-blue-gray-500 {
4319
+ --tw-border-opacity: 1;
4320
+ border-color: rgb(78 91 166 / var(--tw-border-opacity, 1));
4321
+ }
4322
+
4323
+ .group:hover .group-hover\:border-blue-light-500 {
4324
+ --tw-border-opacity: 1;
4325
+ border-color: rgb(11 165 236 / var(--tw-border-opacity, 1));
4326
+ }
4327
+
4328
+ .group:hover .group-hover\:border-error-500 {
4329
+ --tw-border-opacity: 1;
4330
+ border-color: rgb(226 38 31 / var(--tw-border-opacity, 1));
4331
+ }
4332
+
4333
+ .group:hover .group-hover\:border-indigo-500 {
4334
+ --tw-border-opacity: 1;
4335
+ border-color: rgb(97 114 243 / var(--tw-border-opacity, 1));
4336
+ }
4337
+
4338
+ .group:hover .group-hover\:border-light-500 {
4339
+ --tw-border-opacity: 1;
4340
+ border-color: rgb(102 112 133 / var(--tw-border-opacity, 1));
4341
+ }
4342
+
4343
+ .group:hover .group-hover\:border-orange-500 {
4344
+ --tw-border-opacity: 1;
4345
+ border-color: rgb(239 104 32 / var(--tw-border-opacity, 1));
4346
+ }
4347
+
4348
+ .group:hover .group-hover\:border-pink-500 {
4349
+ --tw-border-opacity: 1;
4350
+ border-color: rgb(238 70 188 / var(--tw-border-opacity, 1));
4351
+ }
4352
+
4353
+ .group:hover .group-hover\:border-primary-500 {
4354
+ --tw-border-opacity: 1;
4355
+ border-color: rgb(19 82 191 / var(--tw-border-opacity, 1));
4356
+ }
4357
+
4358
+ .group:hover .group-hover\:border-purple-500 {
4359
+ --tw-border-opacity: 1;
4360
+ border-color: rgb(122 90 248 / var(--tw-border-opacity, 1));
4361
+ }
4362
+
4363
+ .group:hover .group-hover\:border-success-500 {
4364
+ --tw-border-opacity: 1;
4365
+ border-color: rgb(8 145 70 / var(--tw-border-opacity, 1));
4366
+ }
4367
+
4368
+ .group:hover .group-hover\:border-warning-500 {
4369
+ --tw-border-opacity: 1;
4370
+ border-color: rgb(247 144 9 / var(--tw-border-opacity, 1));
4371
+ }
4372
+
3942
4373
  .group:hover .group-hover\:bg-light-100 {
3943
4374
  --tw-bg-opacity: 1;
3944
4375
  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
@@ -4056,6 +4487,11 @@ body {
4056
4487
  background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
4057
4488
  }
4058
4489
 
4490
+ .data-\[selected\]\:bg-primary-50[data-selected] {
4491
+ --tw-bg-opacity: 1;
4492
+ background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
4493
+ }
4494
+
4059
4495
  .data-\[selected\]\:bg-primary-500[data-selected] {
4060
4496
  --tw-bg-opacity: 1;
4061
4497
  background-color: rgb(19 82 191 / var(--tw-bg-opacity, 1));
@@ -4066,6 +4502,11 @@ body {
4066
4502
  background-color: rgb(205 218 242 / var(--tw-bg-opacity, 1));
4067
4503
  }
4068
4504
 
4505
+ .data-\[disabled\]\:text-light-400[data-disabled] {
4506
+ --tw-text-opacity: 1;
4507
+ color: rgb(152 162 179 / var(--tw-text-opacity, 1));
4508
+ }
4509
+
4069
4510
  .data-\[disabled\]\:text-light-500[data-disabled] {
4070
4511
  --tw-text-opacity: 1;
4071
4512
  color: rgb(102 112 133 / var(--tw-text-opacity, 1));
@@ -4076,15 +4517,31 @@ body {
4076
4517
  color: rgb(16 24 40 / var(--tw-text-opacity, 1));
4077
4518
  }
4078
4519
 
4520
+ .data-\[hovered\]\:text-light-900[data-hovered] {
4521
+ --tw-text-opacity: 1;
4522
+ color: rgb(16 24 40 / var(--tw-text-opacity, 1));
4523
+ }
4524
+
4079
4525
  .data-\[pending\]\:\!text-light-400[data-pending] {
4080
4526
  --tw-text-opacity: 1 !important;
4081
4527
  color: rgb(152 162 179 / var(--tw-text-opacity, 1)) !important;
4082
4528
  }
4083
4529
 
4530
+ .data-\[selected\]\:text-primary-700[data-selected] {
4531
+ --tw-text-opacity: 1;
4532
+ color: rgb(11 49 115 / var(--tw-text-opacity, 1));
4533
+ }
4534
+
4084
4535
  .data-\[disabled\]\:opacity-60[data-disabled] {
4085
4536
  opacity: 0.6;
4086
4537
  }
4087
4538
 
4539
+ .data-\[focus-visible\]\:shadow-focus[data-focus-visible] {
4540
+ --tw-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #7096D9;
4541
+ --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);
4542
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4543
+ }
4544
+
4088
4545
  .data-\[focus-visible\]\:outline[data-focus-visible] {
4089
4546
  outline-style: solid;
4090
4547
  }
@@ -4132,11 +4589,51 @@ body {
4132
4589
  background-color: rgb(19 82 191 / var(--tw-bg-opacity, 1));
4133
4590
  }
4134
4591
 
4592
+ .group[data-disabled] .group-data-\[disabled\]\:cursor-not-allowed {
4593
+ cursor: not-allowed;
4594
+ }
4595
+
4596
+ .group[data-invalid] .group-data-\[invalid\]\:border-error-200 {
4597
+ --tw-border-opacity: 1;
4598
+ border-color: rgb(252 190 165 / var(--tw-border-opacity, 1));
4599
+ }
4600
+
4601
+ .group[data-invalid][data-focus-visible] .group-data-\[invalid\]\:group-data-\[focus-visible\]\:border-error-500 {
4602
+ --tw-border-opacity: 1;
4603
+ border-color: rgb(226 38 31 / var(--tw-border-opacity, 1));
4604
+ }
4605
+
4606
+ .group[data-invalid][data-open] .group-data-\[invalid\]\:group-data-\[open\]\:border-error-500 {
4607
+ --tw-border-opacity: 1;
4608
+ border-color: rgb(226 38 31 / var(--tw-border-opacity, 1));
4609
+ }
4610
+
4611
+ .group[data-open] .group-data-\[open\]\:border-primary-500 {
4612
+ --tw-border-opacity: 1;
4613
+ border-color: rgb(19 82 191 / var(--tw-border-opacity, 1));
4614
+ }
4615
+
4616
+ .group[data-disabled] .group-data-\[disabled\]\:bg-light-100 {
4617
+ --tw-bg-opacity: 1;
4618
+ background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
4619
+ }
4620
+
4135
4621
  .group\/row[data-selected] .group-data-\[selected\]\/row\:bg-primary-100 {
4136
4622
  --tw-bg-opacity: 1;
4137
4623
  background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
4138
4624
  }
4139
4625
 
4626
+ .group[data-disabled] .group-data-\[disabled\]\:text-light-400 {
4627
+ --tw-text-opacity: 1;
4628
+ color: rgb(152 162 179 / var(--tw-text-opacity, 1));
4629
+ }
4630
+
4631
+ .group[data-focus-visible] .group-data-\[focus-visible\]\:shadow-focus {
4632
+ --tw-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #7096D9;
4633
+ --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);
4634
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4635
+ }
4636
+
4140
4637
  .group\/cell:first-child .group\/row[data-selected] .group-first\/cell\:group-data-\[selected\]\/row\:shadow-\[inset_2px_0_0_0_\#1352BF\] {
4141
4638
  --tw-shadow: inset 2px 0 0 0 #1352BF;
4142
4639
  --tw-shadow-colored: inset 2px 0 0 0 var(--tw-shadow-color);
@@ -4221,48 +4718,38 @@ body {
4221
4718
  padding: 0px;
4222
4719
  }
4223
4720
 
4224
- .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
4225
- display: none;
4226
- }
4227
-
4228
- .\[\&\>svg\]\:h-6>svg {
4229
- height: 1.5rem;
4230
- }
4231
-
4232
- .\[\&\>svg\]\:w-6>svg {
4233
- width: 1.5rem;
4721
+ .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
4722
+ border-radius: 9999px;
4234
4723
  }
4235
4724
 
4236
- .\[\&_button\]\:h-auto button {
4237
- height: auto;
4725
+ .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-light-300::-webkit-scrollbar-thumb {
4726
+ --tw-bg-opacity: 1;
4727
+ background-color: rgb(208 213 221 / var(--tw-bg-opacity, 1));
4238
4728
  }
4239
4729
 
4240
- .\[\&_button\]\:rounded button {
4241
- border-radius: 0.25rem;
4730
+ .\[\&\:\:-webkit-scrollbar-track\]\:bg-light-50::-webkit-scrollbar-track {
4731
+ --tw-bg-opacity: 1;
4732
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
4242
4733
  }
4243
4734
 
4244
- .\[\&_button\]\:border button {
4245
- border-width: 1px;
4735
+ .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
4736
+ display: none;
4246
4737
  }
4247
4738
 
4248
- .\[\&_button\]\:border-light-300 button {
4249
- --tw-border-opacity: 1;
4250
- border-color: rgb(208 213 221 / var(--tw-border-opacity, 1));
4739
+ .\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar {
4740
+ width: 0.5rem;
4251
4741
  }
4252
4742
 
4253
- .\[\&_button\]\:px-2 button {
4254
- padding-left: 0.5rem;
4255
- padding-right: 0.5rem;
4743
+ .\[\&\>\*\]\:flex-1>* {
4744
+ flex: 1 1 0%;
4256
4745
  }
4257
4746
 
4258
- .\[\&_button\]\:py-1 button {
4259
- padding-top: 0.25rem;
4260
- padding-bottom: 0.25rem;
4747
+ .\[\&\>svg\]\:h-6>svg {
4748
+ height: 1.5rem;
4261
4749
  }
4262
4750
 
4263
- .\[\&_button\]\:text-light-800 button {
4264
- --tw-text-opacity: 1;
4265
- color: rgb(24 34 48 / var(--tw-text-opacity, 1));
4751
+ .\[\&\>svg\]\:w-6>svg {
4752
+ width: 1.5rem;
4266
4753
  }
4267
4754
 
4268
4755
  .\[\&_svg\]\:size-full svg {