warqadui 0.0.52 → 0.0.53

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/styles.mjs CHANGED
@@ -536,15 +536,33 @@ select:-webkit-autofill:focus {
536
536
  .-ml-1 {
537
537
  margin-left: -0.25rem;
538
538
  }
539
+ .-ml-16 {
540
+ margin-left: -4rem;
541
+ }
539
542
  .-ml-2 {
540
543
  margin-left: -0.5rem;
541
544
  }
545
+ .-mr-16 {
546
+ margin-right: -4rem;
547
+ }
542
548
  .-mr-2 {
543
549
  margin-right: -0.5rem;
544
550
  }
551
+ .-mr-24 {
552
+ margin-right: -6rem;
553
+ }
554
+ .-mt-16 {
555
+ margin-top: -4rem;
556
+ }
557
+ .-mt-24 {
558
+ margin-top: -6rem;
559
+ }
545
560
  .mb-1 {
546
561
  margin-bottom: 0.25rem;
547
562
  }
563
+ .mb-10 {
564
+ margin-bottom: 2.5rem;
565
+ }
548
566
  .mb-12 {
549
567
  margin-bottom: 3rem;
550
568
  }
@@ -668,6 +686,9 @@ select:-webkit-autofill:focus {
668
686
  .h-16 {
669
687
  height: 4rem;
670
688
  }
689
+ .h-28 {
690
+ height: 7rem;
691
+ }
671
692
  .h-3 {
672
693
  height: 0.75rem;
673
694
  }
@@ -677,12 +698,18 @@ select:-webkit-autofill:focus {
677
698
  .h-4 {
678
699
  height: 1rem;
679
700
  }
701
+ .h-48 {
702
+ height: 12rem;
703
+ }
680
704
  .h-5 {
681
705
  height: 1.25rem;
682
706
  }
683
707
  .h-6 {
684
708
  height: 1.5rem;
685
709
  }
710
+ .h-64 {
711
+ height: 16rem;
712
+ }
686
713
  .h-7 {
687
714
  height: 1.75rem;
688
715
  }
@@ -737,6 +764,9 @@ select:-webkit-autofill:focus {
737
764
  .w-16 {
738
765
  width: 4rem;
739
766
  }
767
+ .w-28 {
768
+ width: 7rem;
769
+ }
740
770
  .w-3 {
741
771
  width: 0.75rem;
742
772
  }
@@ -791,9 +821,15 @@ select:-webkit-autofill:focus {
791
821
  .min-w-\\[40px\\] {
792
822
  min-width: 40px;
793
823
  }
824
+ .min-w-\\[80px\\] {
825
+ min-width: 80px;
826
+ }
794
827
  .max-w-2xl {
795
828
  max-width: 42rem;
796
829
  }
830
+ .max-w-5xl {
831
+ max-width: 64rem;
832
+ }
797
833
  .max-w-7xl {
798
834
  max-width: 80rem;
799
835
  }
@@ -954,6 +990,9 @@ select:-webkit-autofill:focus {
954
990
  .gap-1\\.5 {
955
991
  gap: 0.375rem;
956
992
  }
993
+ .gap-10 {
994
+ gap: 2.5rem;
995
+ }
957
996
  .gap-2 {
958
997
  gap: 0.5rem;
959
998
  }
@@ -966,6 +1005,9 @@ select:-webkit-autofill:focus {
966
1005
  .gap-4 {
967
1006
  gap: 1rem;
968
1007
  }
1008
+ .gap-6 {
1009
+ gap: 1.5rem;
1010
+ }
969
1011
  .gap-8 {
970
1012
  gap: 2rem;
971
1013
  }
@@ -999,6 +1041,11 @@ select:-webkit-autofill:focus {
999
1041
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
1000
1042
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
1001
1043
  }
1044
+ .space-y-8 > :not([hidden]) ~ :not([hidden]) {
1045
+ --tw-space-y-reverse: 0;
1046
+ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1047
+ margin-bottom: calc(2rem * var(--tw-space-y-reverse));
1048
+ }
1002
1049
  .overflow-hidden {
1003
1050
  overflow: hidden;
1004
1051
  }
@@ -1031,6 +1078,12 @@ select:-webkit-autofill:focus {
1031
1078
  .rounded-3xl {
1032
1079
  border-radius: 1.5rem;
1033
1080
  }
1081
+ .rounded-\\[2\\.5rem\\] {
1082
+ border-radius: 2.5rem;
1083
+ }
1084
+ .rounded-\\[2rem\\] {
1085
+ border-radius: 2rem;
1086
+ }
1034
1087
  .rounded-\\[40px\\] {
1035
1088
  border-radius: 40px;
1036
1089
  }
@@ -1059,9 +1112,15 @@ select:-webkit-autofill:focus {
1059
1112
  .border {
1060
1113
  border-width: 1px;
1061
1114
  }
1115
+ .border-0 {
1116
+ border-width: 0px;
1117
+ }
1062
1118
  .border-2 {
1063
1119
  border-width: 2px;
1064
1120
  }
1121
+ .border-4 {
1122
+ border-width: 4px;
1123
+ }
1065
1124
  .border-x {
1066
1125
  border-left-width: 1px;
1067
1126
  border-right-width: 1px;
@@ -1100,6 +1159,13 @@ select:-webkit-autofill:focus {
1100
1159
  .border-black\\/80 {
1101
1160
  border-color: rgb(0 0 0 / 0.8);
1102
1161
  }
1162
+ .border-blue-100 {
1163
+ --tw-border-opacity: 1;
1164
+ border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
1165
+ }
1166
+ .border-blue-100\\/50 {
1167
+ border-color: rgb(219 234 254 / 0.5);
1168
+ }
1103
1169
  .border-blue-600 {
1104
1170
  --tw-border-opacity: 1;
1105
1171
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
@@ -1108,6 +1174,9 @@ select:-webkit-autofill:focus {
1108
1174
  --tw-border-opacity: 1;
1109
1175
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
1110
1176
  }
1177
+ .border-gray-100\\/50 {
1178
+ border-color: rgb(243 244 246 / 0.5);
1179
+ }
1111
1180
  .border-gray-200 {
1112
1181
  --tw-border-opacity: 1;
1113
1182
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
@@ -1116,6 +1185,10 @@ select:-webkit-autofill:focus {
1116
1185
  --tw-border-opacity: 1;
1117
1186
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1118
1187
  }
1188
+ .border-gray-50 {
1189
+ --tw-border-opacity: 1;
1190
+ border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));
1191
+ }
1119
1192
  .border-green-600 {
1120
1193
  --tw-border-opacity: 1;
1121
1194
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
@@ -1143,6 +1216,10 @@ select:-webkit-autofill:focus {
1143
1216
  .border-transparent {
1144
1217
  border-color: transparent;
1145
1218
  }
1219
+ .border-white {
1220
+ --tw-border-opacity: 1;
1221
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1222
+ }
1146
1223
  .border-white\\/20 {
1147
1224
  border-color: rgb(255 255 255 / 0.2);
1148
1225
  }
@@ -1174,6 +1251,12 @@ select:-webkit-autofill:focus {
1174
1251
  --tw-bg-opacity: 1;
1175
1252
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
1176
1253
  }
1254
+ .bg-blue-50\\/50 {
1255
+ background-color: rgb(239 246 255 / 0.5);
1256
+ }
1257
+ .bg-blue-500\\/20 {
1258
+ background-color: rgb(59 130 246 / 0.2);
1259
+ }
1177
1260
  .bg-blue-600 {
1178
1261
  --tw-bg-opacity: 1;
1179
1262
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
@@ -1186,6 +1269,10 @@ select:-webkit-autofill:focus {
1186
1269
  --tw-bg-opacity: 1;
1187
1270
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1188
1271
  }
1272
+ .bg-gray-300 {
1273
+ --tw-bg-opacity: 1;
1274
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
1275
+ }
1189
1276
  .bg-gray-50 {
1190
1277
  --tw-bg-opacity: 1;
1191
1278
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
@@ -1199,6 +1286,10 @@ select:-webkit-autofill:focus {
1199
1286
  .bg-gray-50\\/50 {
1200
1287
  background-color: rgb(249 250 251 / 0.5);
1201
1288
  }
1289
+ .bg-green-50 {
1290
+ --tw-bg-opacity: 1;
1291
+ background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
1292
+ }
1202
1293
  .bg-green-500 {
1203
1294
  --tw-bg-opacity: 1;
1204
1295
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
@@ -1214,6 +1305,9 @@ select:-webkit-autofill:focus {
1214
1305
  --tw-bg-opacity: 1;
1215
1306
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
1216
1307
  }
1308
+ .bg-indigo-500\\/10 {
1309
+ background-color: rgb(99 102 241 / 0.1);
1310
+ }
1217
1311
  .bg-indigo-600 {
1218
1312
  --tw-bg-opacity: 1;
1219
1313
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
@@ -1286,11 +1380,21 @@ select:-webkit-autofill:focus {
1286
1380
  --tw-gradient-to: rgb(10 11 16 / 0) var(--tw-gradient-to-position);
1287
1381
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1288
1382
  }
1383
+ .from-blue-50 {
1384
+ --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
1385
+ --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
1386
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1387
+ }
1289
1388
  .from-blue-500 {
1290
1389
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
1291
1390
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
1292
1391
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1293
1392
  }
1393
+ .from-blue-600\\/10 {
1394
+ --tw-gradient-from: rgb(37 99 235 / 0.1) var(--tw-gradient-from-position);
1395
+ --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
1396
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1397
+ }
1294
1398
  .from-orange-500\\/20 {
1295
1399
  --tw-gradient-from: rgb(249 115 22 / 0.2) var(--tw-gradient-from-position);
1296
1400
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
@@ -1315,6 +1419,13 @@ select:-webkit-autofill:focus {
1315
1419
  #4f46e5 var(--tw-gradient-via-position),
1316
1420
  var(--tw-gradient-to);
1317
1421
  }
1422
+ .via-indigo-600\\/5 {
1423
+ --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
1424
+ --tw-gradient-stops:
1425
+ var(--tw-gradient-from),
1426
+ rgb(79 70 229 / 0.05) var(--tw-gradient-via-position),
1427
+ var(--tw-gradient-to);
1428
+ }
1318
1429
  .via-transparent {
1319
1430
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
1320
1431
  --tw-gradient-stops:
@@ -1328,12 +1439,18 @@ select:-webkit-autofill:focus {
1328
1439
  .to-blue-900\\/40 {
1329
1440
  --tw-gradient-to: rgb(30 58 138 / 0.4) var(--tw-gradient-to-position);
1330
1441
  }
1442
+ .to-indigo-50 {
1443
+ --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
1444
+ }
1331
1445
  .to-purple-500 {
1332
1446
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
1333
1447
  }
1334
1448
  .to-purple-500\\/10 {
1335
1449
  --tw-gradient-to: rgb(168 85 247 / 0.1) var(--tw-gradient-to-position);
1336
1450
  }
1451
+ .to-purple-600\\/10 {
1452
+ --tw-gradient-to: rgb(147 51 234 / 0.1) var(--tw-gradient-to-position);
1453
+ }
1337
1454
  .bg-cover {
1338
1455
  background-size: cover;
1339
1456
  }
@@ -1371,6 +1488,9 @@ select:-webkit-autofill:focus {
1371
1488
  .p-2 {
1372
1489
  padding: 0.5rem;
1373
1490
  }
1491
+ .p-2\\.5 {
1492
+ padding: 0.625rem;
1493
+ }
1374
1494
  .p-20 {
1375
1495
  padding: 5rem;
1376
1496
  }
@@ -1462,6 +1582,10 @@ select:-webkit-autofill:focus {
1462
1582
  padding-top: 0.875rem;
1463
1583
  padding-bottom: 0.875rem;
1464
1584
  }
1585
+ .py-4 {
1586
+ padding-top: 1rem;
1587
+ padding-bottom: 1rem;
1588
+ }
1465
1589
  .py-5 {
1466
1590
  padding-top: 1.25rem;
1467
1591
  padding-bottom: 1.25rem;
@@ -1470,6 +1594,12 @@ select:-webkit-autofill:focus {
1470
1594
  padding-top: 2rem;
1471
1595
  padding-bottom: 2rem;
1472
1596
  }
1597
+ .pb-10 {
1598
+ padding-bottom: 2.5rem;
1599
+ }
1600
+ .pb-12 {
1601
+ padding-bottom: 3rem;
1602
+ }
1473
1603
  .pb-2 {
1474
1604
  padding-bottom: 0.5rem;
1475
1605
  }
@@ -1624,6 +1754,9 @@ select:-webkit-autofill:focus {
1624
1754
  .capitalize {
1625
1755
  text-transform: capitalize;
1626
1756
  }
1757
+ .italic {
1758
+ font-style: italic;
1759
+ }
1627
1760
  .tabular-nums {
1628
1761
  --tw-numeric-spacing: tabular-nums;
1629
1762
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
@@ -1674,6 +1807,13 @@ select:-webkit-autofill:focus {
1674
1807
  --tw-text-opacity: 1;
1675
1808
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
1676
1809
  }
1810
+ .text-blue-600\\/70 {
1811
+ color: rgb(37 99 235 / 0.7);
1812
+ }
1813
+ .text-blue-700 {
1814
+ --tw-text-opacity: 1;
1815
+ color: rgb(29 78 216 / var(--tw-text-opacity, 1));
1816
+ }
1677
1817
  .text-current {
1678
1818
  color: currentColor;
1679
1819
  }
@@ -1792,6 +1932,9 @@ select:-webkit-autofill:focus {
1792
1932
  .opacity-75 {
1793
1933
  opacity: 0.75;
1794
1934
  }
1935
+ .opacity-80 {
1936
+ opacity: 0.8;
1937
+ }
1795
1938
  .shadow-2xl {
1796
1939
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
1797
1940
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
@@ -1883,6 +2026,14 @@ select:-webkit-autofill:focus {
1883
2026
  var(--tw-ring-shadow),
1884
2027
  var(--tw-shadow, 0 0 #0000);
1885
2028
  }
2029
+ .ring-4 {
2030
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2031
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2032
+ box-shadow:
2033
+ var(--tw-ring-offset-shadow),
2034
+ var(--tw-ring-shadow),
2035
+ var(--tw-shadow, 0 0 #0000);
2036
+ }
1886
2037
  .ring-inset {
1887
2038
  --tw-ring-inset: inset;
1888
2039
  }
@@ -1896,10 +2047,22 @@ select:-webkit-autofill:focus {
1896
2047
  .ring-transparent {
1897
2048
  --tw-ring-color: transparent;
1898
2049
  }
2050
+ .ring-white {
2051
+ --tw-ring-opacity: 1;
2052
+ --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
2053
+ }
1899
2054
  .blur {
1900
2055
  --tw-blur: blur(8px);
1901
2056
  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);
1902
2057
  }
2058
+ .blur-2xl {
2059
+ --tw-blur: blur(40px);
2060
+ 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);
2061
+ }
2062
+ .blur-3xl {
2063
+ --tw-blur: blur(64px);
2064
+ 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);
2065
+ }
1903
2066
  .blur-lg {
1904
2067
  --tw-blur: blur(16px);
1905
2068
  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);
@@ -1908,6 +2071,10 @@ select:-webkit-autofill:focus {
1908
2071
  --tw-blur: blur(4px);
1909
2072
  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);
1910
2073
  }
2074
+ .blur-xl {
2075
+ --tw-blur: blur(24px);
2076
+ 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);
2077
+ }
1911
2078
  .brightness-110 {
1912
2079
  --tw-brightness: brightness(1.1);
1913
2080
  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);
@@ -2052,6 +2219,10 @@ select:-webkit-autofill:focus {
2052
2219
  --tw-translate-y: -1px;
2053
2220
  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));
2054
2221
  }
2222
+ .hover\\:rotate-3:hover {
2223
+ --tw-rotate: 3deg;
2224
+ 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));
2225
+ }
2055
2226
  .hover\\:scale-105:hover {
2056
2227
  --tw-scale-x: 1.05;
2057
2228
  --tw-scale-y: 1.05;
@@ -2062,6 +2233,14 @@ select:-webkit-autofill:focus {
2062
2233
  --tw-scale-y: 1.1;
2063
2234
  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));
2064
2235
  }
2236
+ .hover\\:border-blue-100:hover {
2237
+ --tw-border-opacity: 1;
2238
+ border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
2239
+ }
2240
+ .hover\\:border-gray-100:hover {
2241
+ --tw-border-opacity: 1;
2242
+ border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
2243
+ }
2065
2244
  .hover\\:border-gray-200:hover {
2066
2245
  --tw-border-opacity: 1;
2067
2246
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
@@ -2074,6 +2253,10 @@ select:-webkit-autofill:focus {
2074
2253
  --tw-bg-opacity: 1;
2075
2254
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
2076
2255
  }
2256
+ .hover\\:bg-blue-50:hover {
2257
+ --tw-bg-opacity: 1;
2258
+ background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
2259
+ }
2077
2260
  .hover\\:bg-blue-50\\/50:hover {
2078
2261
  background-color: rgb(239 246 255 / 0.5);
2079
2262
  }
@@ -2168,6 +2351,9 @@ select:-webkit-autofill:focus {
2168
2351
  --tw-text-opacity: 1;
2169
2352
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2170
2353
  }
2354
+ .hover\\:underline:hover {
2355
+ text-decoration-line: underline;
2356
+ }
2171
2357
  .hover\\:shadow-md:hover {
2172
2358
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
2173
2359
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@@ -2273,10 +2459,17 @@ select:-webkit-autofill:focus {
2273
2459
  .group:hover .group-hover\\:visible {
2274
2460
  visibility: visible;
2275
2461
  }
2462
+ .group\\/back:hover .group-hover\\/back\\:-translate-x-0\\.5 {
2463
+ --tw-translate-x: -0.125rem;
2464
+ 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));
2465
+ }
2276
2466
  .group:hover .group-hover\\:text-gray-400 {
2277
2467
  --tw-text-opacity: 1;
2278
2468
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
2279
2469
  }
2470
+ .group\\/avatar:hover .group-hover\\/avatar\\:opacity-100 {
2471
+ opacity: 1;
2472
+ }
2280
2473
  .group:hover .group-hover\\:opacity-100 {
2281
2474
  opacity: 1;
2282
2475
  }
@@ -2287,6 +2480,13 @@ select:-webkit-autofill:focus {
2287
2480
  --tw-border-opacity: 1;
2288
2481
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
2289
2482
  }
2483
+ .dark\\:border-blue-500\\/20:is(.dark *) {
2484
+ border-color: rgb(59 130 246 / 0.2);
2485
+ }
2486
+ .dark\\:border-blue-800:is(.dark *) {
2487
+ --tw-border-opacity: 1;
2488
+ border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
2489
+ }
2290
2490
  .dark\\:border-gray-800:is(.dark *) {
2291
2491
  --tw-border-opacity: 1;
2292
2492
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
@@ -2342,6 +2542,10 @@ select:-webkit-autofill:focus {
2342
2542
  --tw-border-opacity: 1;
2343
2543
  border-color: rgb(24 24 27 / var(--tw-border-opacity, 1));
2344
2544
  }
2545
+ .dark\\:border-zinc-950:is(.dark *) {
2546
+ --tw-border-opacity: 1;
2547
+ border-color: rgb(9 9 11 / var(--tw-border-opacity, 1));
2548
+ }
2345
2549
  .dark\\:bg-\\[\\#0A0B10\\]:is(.dark *) {
2346
2550
  --tw-bg-opacity: 1;
2347
2551
  background-color: rgb(10 11 16 / var(--tw-bg-opacity, 1));
@@ -2356,9 +2560,18 @@ select:-webkit-autofill:focus {
2356
2560
  --tw-bg-opacity: 1;
2357
2561
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
2358
2562
  }
2563
+ .dark\\:bg-blue-500\\/10:is(.dark *) {
2564
+ background-color: rgb(59 130 246 / 0.1);
2565
+ }
2566
+ .dark\\:bg-blue-900\\/10:is(.dark *) {
2567
+ background-color: rgb(30 58 138 / 0.1);
2568
+ }
2359
2569
  .dark\\:bg-blue-900\\/20:is(.dark *) {
2360
2570
  background-color: rgb(30 58 138 / 0.2);
2361
2571
  }
2572
+ .dark\\:bg-blue-900\\/30:is(.dark *) {
2573
+ background-color: rgb(30 58 138 / 0.3);
2574
+ }
2362
2575
  .dark\\:bg-emerald-500\\/20:is(.dark *) {
2363
2576
  background-color: rgb(16 185 129 / 0.2);
2364
2577
  }
@@ -2377,6 +2590,9 @@ select:-webkit-autofill:focus {
2377
2590
  --tw-bg-opacity: 1;
2378
2591
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
2379
2592
  }
2593
+ .dark\\:bg-green-500\\/10:is(.dark *) {
2594
+ background-color: rgb(34 197 94 / 0.1);
2595
+ }
2380
2596
  .dark\\:bg-red-500:is(.dark *) {
2381
2597
  --tw-bg-opacity: 1;
2382
2598
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
@@ -2412,10 +2628,17 @@ select:-webkit-autofill:focus {
2412
2628
  --tw-bg-opacity: 1;
2413
2629
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
2414
2630
  }
2631
+ .dark\\:bg-zinc-700:is(.dark *) {
2632
+ --tw-bg-opacity: 1;
2633
+ background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
2634
+ }
2415
2635
  .dark\\:bg-zinc-800:is(.dark *) {
2416
2636
  --tw-bg-opacity: 1;
2417
2637
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
2418
2638
  }
2639
+ .dark\\:bg-zinc-800\\/30:is(.dark *) {
2640
+ background-color: rgb(39 39 42 / 0.3);
2641
+ }
2419
2642
  .dark\\:bg-zinc-800\\/50:is(.dark *) {
2420
2643
  background-color: rgb(39 39 42 / 0.5);
2421
2644
  }
@@ -2442,14 +2665,47 @@ select:-webkit-autofill:focus {
2442
2665
  .dark\\:bg-zinc-950\\/50:is(.dark *) {
2443
2666
  background-color: rgb(9 9 11 / 0.5);
2444
2667
  }
2668
+ .dark\\:bg-zinc-950\\/70:is(.dark *) {
2669
+ background-color: rgb(9 9 11 / 0.7);
2670
+ }
2671
+ .dark\\:from-blue-500\\/10:is(.dark *) {
2672
+ --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position);
2673
+ --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
2674
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2675
+ }
2676
+ .dark\\:from-blue-900\\/20:is(.dark *) {
2677
+ --tw-gradient-from: rgb(30 58 138 / 0.2) var(--tw-gradient-from-position);
2678
+ --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
2679
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2680
+ }
2681
+ .dark\\:via-indigo-500\\/5:is(.dark *) {
2682
+ --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
2683
+ --tw-gradient-stops:
2684
+ var(--tw-gradient-from),
2685
+ rgb(99 102 241 / 0.05) var(--tw-gradient-via-position),
2686
+ var(--tw-gradient-to);
2687
+ }
2688
+ .dark\\:to-indigo-900\\/20:is(.dark *) {
2689
+ --tw-gradient-to: rgb(49 46 129 / 0.2) var(--tw-gradient-to-position);
2690
+ }
2691
+ .dark\\:to-purple-500\\/10:is(.dark *) {
2692
+ --tw-gradient-to: rgb(168 85 247 / 0.1) var(--tw-gradient-to-position);
2693
+ }
2445
2694
  .dark\\:text-black:is(.dark *) {
2446
2695
  --tw-text-opacity: 1;
2447
2696
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
2448
2697
  }
2698
+ .dark\\:text-blue-300:is(.dark *) {
2699
+ --tw-text-opacity: 1;
2700
+ color: rgb(147 197 253 / var(--tw-text-opacity, 1));
2701
+ }
2449
2702
  .dark\\:text-blue-400:is(.dark *) {
2450
2703
  --tw-text-opacity: 1;
2451
2704
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
2452
2705
  }
2706
+ .dark\\:text-blue-400\\/70:is(.dark *) {
2707
+ color: rgb(96 165 250 / 0.7);
2708
+ }
2453
2709
  .dark\\:text-blue-500:is(.dark *) {
2454
2710
  --tw-text-opacity: 1;
2455
2711
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
@@ -2530,10 +2786,18 @@ select:-webkit-autofill:focus {
2530
2786
  --tw-text-opacity: 1;
2531
2787
  color: rgb(244 244 245 / var(--tw-text-opacity, 1));
2532
2788
  }
2789
+ .dark\\:text-zinc-400:is(.dark *) {
2790
+ --tw-text-opacity: 1;
2791
+ color: rgb(161 161 170 / var(--tw-text-opacity, 1));
2792
+ }
2533
2793
  .dark\\:text-zinc-500:is(.dark *) {
2534
2794
  --tw-text-opacity: 1;
2535
2795
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
2536
2796
  }
2797
+ .dark\\:text-zinc-600:is(.dark *) {
2798
+ --tw-text-opacity: 1;
2799
+ color: rgb(82 82 91 / var(--tw-text-opacity, 1));
2800
+ }
2537
2801
  .dark\\:placeholder-zinc-500:is(.dark *)::-moz-placeholder {
2538
2802
  --tw-placeholder-opacity: 1;
2539
2803
  color: rgb(113 113 122 / var(--tw-placeholder-opacity, 1));
@@ -2549,14 +2813,24 @@ select:-webkit-autofill:focus {
2549
2813
  .dark\\:ring-white\\/10:is(.dark *) {
2550
2814
  --tw-ring-color: rgb(255 255 255 / 0.1);
2551
2815
  }
2816
+ .dark\\:ring-zinc-950:is(.dark *) {
2817
+ --tw-ring-opacity: 1;
2818
+ --tw-ring-color: rgb(9 9 11 / var(--tw-ring-opacity, 1));
2819
+ }
2552
2820
  .dark\\:focus-within\\:bg-zinc-900:focus-within:is(.dark *) {
2553
2821
  --tw-bg-opacity: 1;
2554
2822
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
2555
2823
  }
2824
+ .dark\\:hover\\:border-blue-900\\/30:hover:is(.dark *) {
2825
+ border-color: rgb(30 58 138 / 0.3);
2826
+ }
2556
2827
  .dark\\:hover\\:border-zinc-700:hover:is(.dark *) {
2557
2828
  --tw-border-opacity: 1;
2558
2829
  border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
2559
2830
  }
2831
+ .dark\\:hover\\:bg-blue-500\\/10:hover:is(.dark *) {
2832
+ background-color: rgb(59 130 246 / 0.1);
2833
+ }
2560
2834
  .dark\\:hover\\:bg-blue-600:hover:is(.dark *) {
2561
2835
  --tw-bg-opacity: 1;
2562
2836
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
@@ -2613,6 +2887,10 @@ select:-webkit-autofill:focus {
2613
2887
  --tw-bg-opacity: 1;
2614
2888
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
2615
2889
  }
2890
+ .dark\\:hover\\:bg-zinc-900:hover:is(.dark *) {
2891
+ --tw-bg-opacity: 1;
2892
+ background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
2893
+ }
2616
2894
  .dark\\:hover\\:bg-zinc-900\\/30:hover:is(.dark *) {
2617
2895
  background-color: rgb(24 24 27 / 0.3);
2618
2896
  }
@@ -2659,6 +2937,27 @@ select:-webkit-autofill:focus {
2659
2937
  background-color: rgb(30 58 138 / 0.2);
2660
2938
  }
2661
2939
  @media (min-width: 640px) {
2940
+ .sm\\:h-36 {
2941
+ height: 9rem;
2942
+ }
2943
+ .sm\\:w-36 {
2944
+ width: 9rem;
2945
+ }
2946
+ .sm\\:flex-row {
2947
+ flex-direction: row;
2948
+ }
2949
+ .sm\\:items-start {
2950
+ align-items: flex-start;
2951
+ }
2952
+ .sm\\:items-center {
2953
+ align-items: center;
2954
+ }
2955
+ .sm\\:justify-start {
2956
+ justify-content: flex-start;
2957
+ }
2958
+ .sm\\:p-10 {
2959
+ padding: 2.5rem;
2960
+ }
2662
2961
  .sm\\:p-6 {
2663
2962
  padding: 1.5rem;
2664
2963
  }
@@ -2666,8 +2965,14 @@ select:-webkit-autofill:focus {
2666
2965
  padding-left: 1.5rem;
2667
2966
  padding-right: 1.5rem;
2668
2967
  }
2968
+ .sm\\:text-left {
2969
+ text-align: left;
2970
+ }
2669
2971
  }
2670
2972
  @media (min-width: 768px) {
2973
+ .md\\:grid-cols-2 {
2974
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2975
+ }
2671
2976
  .md\\:grid-cols-3 {
2672
2977
  grid-template-columns: repeat(3, minmax(0, 1fr));
2673
2978
  }
@@ -2708,6 +3013,9 @@ select:-webkit-autofill:focus {
2708
3013
  .lg\\:w-\\[450px\\] {
2709
3014
  width: 450px;
2710
3015
  }
3016
+ .lg\\:grid-cols-3 {
3017
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3018
+ }
2711
3019
  .lg\\:grid-cols-4 {
2712
3020
  grid-template-columns: repeat(4, minmax(0, 1fr));
2713
3021
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "warqadui",
3
- "version": "0.0.52",
3
+ "version": "0.0.53",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",