warqadui 0.0.64 → 0.0.65

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.
Files changed (7) hide show
  1. package/dist/index.d.mts +153 -3
  2. package/dist/index.d.ts +153 -3
  3. package/dist/index.js +4830 -1045
  4. package/dist/index.mjs +4775 -995
  5. package/dist/styles.js +100 -7
  6. package/dist/styles.mjs +100 -7
  7. package/package.json +2 -3
package/dist/styles.js CHANGED
@@ -616,6 +616,9 @@ select:-webkit-autofill:focus {
616
616
  .mt-1 {
617
617
  margin-top: 0.25rem;
618
618
  }
619
+ .mt-10 {
620
+ margin-top: 2.5rem;
621
+ }
619
622
  .mt-2 {
620
623
  margin-top: 0.5rem;
621
624
  }
@@ -628,6 +631,9 @@ select:-webkit-autofill:focus {
628
631
  .mt-6 {
629
632
  margin-top: 1.5rem;
630
633
  }
634
+ .mt-8 {
635
+ margin-top: 2rem;
636
+ }
631
637
  .mt-auto {
632
638
  margin-top: auto;
633
639
  }
@@ -808,6 +814,9 @@ select:-webkit-autofill:focus {
808
814
  .w-\\[1\\%\\] {
809
815
  width: 1%;
810
816
  }
817
+ .w-\\[150px\\] {
818
+ width: 150px;
819
+ }
811
820
  .w-fit {
812
821
  width: -moz-fit-content;
813
822
  width: fit-content;
@@ -830,6 +839,9 @@ select:-webkit-autofill:focus {
830
839
  .min-w-\\[100px\\] {
831
840
  min-width: 100px;
832
841
  }
842
+ .min-w-\\[140px\\] {
843
+ min-width: 140px;
844
+ }
833
845
  .min-w-\\[160px\\] {
834
846
  min-width: 160px;
835
847
  }
@@ -842,6 +854,9 @@ select:-webkit-autofill:focus {
842
854
  .max-w-2xl {
843
855
  max-width: 42rem;
844
856
  }
857
+ .max-w-4xl {
858
+ max-width: 56rem;
859
+ }
845
860
  .max-w-5xl {
846
861
  max-width: 64rem;
847
862
  }
@@ -1058,6 +1073,11 @@ select:-webkit-autofill:focus {
1058
1073
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1059
1074
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1060
1075
  }
1076
+ .space-y-3\\.5 > :not([hidden]) ~ :not([hidden]) {
1077
+ --tw-space-y-reverse: 0;
1078
+ margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
1079
+ margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
1080
+ }
1061
1081
  .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1062
1082
  --tw-space-y-reverse: 0;
1063
1083
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1169,6 +1189,9 @@ select:-webkit-autofill:focus {
1169
1189
  .border-l-2 {
1170
1190
  border-left-width: 2px;
1171
1191
  }
1192
+ .border-l-4 {
1193
+ border-left-width: 4px;
1194
+ }
1172
1195
  .border-r {
1173
1196
  border-right-width: 1px;
1174
1197
  }
@@ -1198,6 +1221,10 @@ select:-webkit-autofill:focus {
1198
1221
  .border-blue-100\\/50 {
1199
1222
  border-color: rgb(219 234 254 / 0.5);
1200
1223
  }
1224
+ .border-blue-400 {
1225
+ --tw-border-opacity: 1;
1226
+ border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
1227
+ }
1201
1228
  .border-blue-600 {
1202
1229
  --tw-border-opacity: 1;
1203
1230
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
@@ -1225,6 +1252,10 @@ select:-webkit-autofill:focus {
1225
1252
  --tw-border-opacity: 1;
1226
1253
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
1227
1254
  }
1255
+ .border-orange-400 {
1256
+ --tw-border-opacity: 1;
1257
+ border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
1258
+ }
1228
1259
  .border-red-500 {
1229
1260
  --tw-border-opacity: 1;
1230
1261
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
@@ -1279,6 +1310,10 @@ select:-webkit-autofill:focus {
1279
1310
  .bg-black\\/50 {
1280
1311
  background-color: rgb(0 0 0 / 0.5);
1281
1312
  }
1313
+ .bg-blue-100 {
1314
+ --tw-bg-opacity: 1;
1315
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
1316
+ }
1282
1317
  .bg-blue-50 {
1283
1318
  --tw-bg-opacity: 1;
1284
1319
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
@@ -1348,6 +1383,10 @@ select:-webkit-autofill:focus {
1348
1383
  --tw-bg-opacity: 1;
1349
1384
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
1350
1385
  }
1386
+ .bg-orange-50 {
1387
+ --tw-bg-opacity: 1;
1388
+ background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
1389
+ }
1351
1390
  .bg-orange-500 {
1352
1391
  --tw-bg-opacity: 1;
1353
1392
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
@@ -1389,12 +1428,12 @@ select:-webkit-autofill:focus {
1389
1428
  --tw-bg-opacity: 1;
1390
1429
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1391
1430
  }
1431
+ .bg-white\\/15 {
1432
+ background-color: rgb(255 255 255 / 0.15);
1433
+ }
1392
1434
  .bg-white\\/20 {
1393
1435
  background-color: rgb(255 255 255 / 0.2);
1394
1436
  }
1395
- .bg-white\\/30 {
1396
- background-color: rgb(255 255 255 / 0.3);
1397
- }
1398
1437
  .bg-white\\/40 {
1399
1438
  background-color: rgb(255 255 255 / 0.4);
1400
1439
  }
@@ -1407,6 +1446,10 @@ select:-webkit-autofill:focus {
1407
1446
  .bg-white\\/80 {
1408
1447
  background-color: rgb(255 255 255 / 0.8);
1409
1448
  }
1449
+ .bg-yellow-100 {
1450
+ --tw-bg-opacity: 1;
1451
+ background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
1452
+ }
1410
1453
  .bg-yellow-500 {
1411
1454
  --tw-bg-opacity: 1;
1412
1455
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
@@ -1488,6 +1531,9 @@ select:-webkit-autofill:focus {
1488
1531
  .to-indigo-50 {
1489
1532
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
1490
1533
  }
1534
+ .to-indigo-500\\/10 {
1535
+ --tw-gradient-to: rgb(99 102 241 / 0.1) var(--tw-gradient-to-position);
1536
+ }
1491
1537
  .to-purple-500 {
1492
1538
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
1493
1539
  }
@@ -1759,6 +1805,9 @@ select:-webkit-autofill:focus {
1759
1805
  .text-\\[12px\\] {
1760
1806
  font-size: 12px;
1761
1807
  }
1808
+ .text-\\[13px\\] {
1809
+ font-size: 13px;
1810
+ }
1762
1811
  .text-\\[8px\\] {
1763
1812
  font-size: 8px;
1764
1813
  }
@@ -1914,6 +1963,10 @@ select:-webkit-autofill:focus {
1914
1963
  --tw-text-opacity: 1;
1915
1964
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
1916
1965
  }
1966
+ .text-orange-700 {
1967
+ --tw-text-opacity: 1;
1968
+ color: rgb(194 65 12 / var(--tw-text-opacity, 1));
1969
+ }
1917
1970
  .text-red-500 {
1918
1971
  --tw-text-opacity: 1;
1919
1972
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
@@ -1945,10 +1998,17 @@ select:-webkit-autofill:focus {
1945
1998
  .text-white\\/70 {
1946
1999
  color: rgb(255 255 255 / 0.7);
1947
2000
  }
2001
+ .text-yellow-600 {
2002
+ --tw-text-opacity: 1;
2003
+ color: rgb(202 138 4 / var(--tw-text-opacity, 1));
2004
+ }
1948
2005
  .text-yellow-700 {
1949
2006
  --tw-text-opacity: 1;
1950
2007
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
1951
2008
  }
2009
+ .underline {
2010
+ text-decoration-line: underline;
2011
+ }
1952
2012
  .placeholder-gray-400::-moz-placeholder {
1953
2013
  --tw-placeholder-opacity: 1;
1954
2014
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
@@ -1963,6 +2023,9 @@ select:-webkit-autofill:focus {
1963
2023
  .opacity-100 {
1964
2024
  opacity: 1;
1965
2025
  }
2026
+ .opacity-15 {
2027
+ opacity: 0.15;
2028
+ }
1966
2029
  .opacity-20 {
1967
2030
  opacity: 0.2;
1968
2031
  }
@@ -2044,6 +2107,10 @@ select:-webkit-autofill:focus {
2044
2107
  --tw-shadow-color: #bfdbfe;
2045
2108
  --tw-shadow: var(--tw-shadow-colored);
2046
2109
  }
2110
+ .shadow-indigo-500\\/20 {
2111
+ --tw-shadow-color: rgb(99 102 241 / 0.2);
2112
+ --tw-shadow: var(--tw-shadow-colored);
2113
+ }
2047
2114
  .outline-none {
2048
2115
  outline: 2px solid transparent;
2049
2116
  outline-offset: 2px;
@@ -2116,12 +2183,12 @@ select:-webkit-autofill:focus {
2116
2183
  --tw-blur: blur(1px);
2117
2184
  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);
2118
2185
  }
2119
- .blur-lg {
2120
- --tw-blur: blur(16px);
2186
+ .blur-\\[2px\\] {
2187
+ --tw-blur: blur(2px);
2121
2188
  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);
2122
2189
  }
2123
- .blur-sm {
2124
- --tw-blur: blur(4px);
2190
+ .blur-lg {
2191
+ --tw-blur: blur(16px);
2125
2192
  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);
2126
2193
  }
2127
2194
  .blur-xl {
@@ -2615,6 +2682,9 @@ select:-webkit-autofill:focus {
2615
2682
  --tw-bg-opacity: 1;
2616
2683
  background-color: rgb(10 11 16 / var(--tw-bg-opacity, 1));
2617
2684
  }
2685
+ .dark\\:bg-black\\/15:is(.dark *) {
2686
+ background-color: rgb(0 0 0 / 0.15);
2687
+ }
2618
2688
  .dark\\:bg-black\\/20:is(.dark *) {
2619
2689
  background-color: rgb(0 0 0 / 0.2);
2620
2690
  }
@@ -2661,6 +2731,9 @@ select:-webkit-autofill:focus {
2661
2731
  .dark\\:bg-green-500\\/10:is(.dark *) {
2662
2732
  background-color: rgb(34 197 94 / 0.1);
2663
2733
  }
2734
+ .dark\\:bg-orange-900\\/10:is(.dark *) {
2735
+ background-color: rgb(124 45 18 / 0.1);
2736
+ }
2664
2737
  .dark\\:bg-red-500:is(.dark *) {
2665
2738
  --tw-bg-opacity: 1;
2666
2739
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
@@ -2671,6 +2744,9 @@ select:-webkit-autofill:focus {
2671
2744
  .dark\\:bg-red-500\\/20:is(.dark *) {
2672
2745
  background-color: rgb(239 68 68 / 0.2);
2673
2746
  }
2747
+ .dark\\:bg-red-900\\/20:is(.dark *) {
2748
+ background-color: rgb(127 29 29 / 0.2);
2749
+ }
2674
2750
  .dark\\:bg-slate-800\\/50:is(.dark *) {
2675
2751
  background-color: rgb(30 41 59 / 0.5);
2676
2752
  }
@@ -2696,6 +2772,9 @@ select:-webkit-autofill:focus {
2696
2772
  --tw-bg-opacity: 1;
2697
2773
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
2698
2774
  }
2775
+ .dark\\:bg-yellow-500\\/10:is(.dark *) {
2776
+ background-color: rgb(234 179 8 / 0.1);
2777
+ }
2699
2778
  .dark\\:bg-zinc-700:is(.dark *) {
2700
2779
  --tw-bg-opacity: 1;
2701
2780
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
@@ -2720,6 +2799,9 @@ select:-webkit-autofill:focus {
2720
2799
  .dark\\:bg-zinc-900\\/10:is(.dark *) {
2721
2800
  background-color: rgb(24 24 27 / 0.1);
2722
2801
  }
2802
+ .dark\\:bg-zinc-900\\/15:is(.dark *) {
2803
+ background-color: rgb(24 24 27 / 0.15);
2804
+ }
2723
2805
  .dark\\:bg-zinc-900\\/20:is(.dark *) {
2724
2806
  background-color: rgb(24 24 27 / 0.2);
2725
2807
  }
@@ -2820,6 +2902,10 @@ select:-webkit-autofill:focus {
2820
2902
  --tw-text-opacity: 1;
2821
2903
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
2822
2904
  }
2905
+ .dark\\:text-orange-300:is(.dark *) {
2906
+ --tw-text-opacity: 1;
2907
+ color: rgb(253 186 116 / var(--tw-text-opacity, 1));
2908
+ }
2823
2909
  .dark\\:text-orange-400:is(.dark *) {
2824
2910
  --tw-text-opacity: 1;
2825
2911
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
@@ -2864,6 +2950,10 @@ select:-webkit-autofill:focus {
2864
2950
  --tw-text-opacity: 1;
2865
2951
  color: rgb(244 244 245 / var(--tw-text-opacity, 1));
2866
2952
  }
2953
+ .dark\\:text-zinc-300:is(.dark *) {
2954
+ --tw-text-opacity: 1;
2955
+ color: rgb(212 212 216 / var(--tw-text-opacity, 1));
2956
+ }
2867
2957
  .dark\\:text-zinc-400:is(.dark *) {
2868
2958
  --tw-text-opacity: 1;
2869
2959
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
@@ -3027,6 +3117,9 @@ select:-webkit-autofill:focus {
3027
3117
  .sm\\:w-36 {
3028
3118
  width: 9rem;
3029
3119
  }
3120
+ .sm\\:grid-cols-2 {
3121
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3122
+ }
3030
3123
  .sm\\:flex-row {
3031
3124
  flex-direction: row;
3032
3125
  }
package/dist/styles.mjs CHANGED
@@ -614,6 +614,9 @@ select:-webkit-autofill:focus {
614
614
  .mt-1 {
615
615
  margin-top: 0.25rem;
616
616
  }
617
+ .mt-10 {
618
+ margin-top: 2.5rem;
619
+ }
617
620
  .mt-2 {
618
621
  margin-top: 0.5rem;
619
622
  }
@@ -626,6 +629,9 @@ select:-webkit-autofill:focus {
626
629
  .mt-6 {
627
630
  margin-top: 1.5rem;
628
631
  }
632
+ .mt-8 {
633
+ margin-top: 2rem;
634
+ }
629
635
  .mt-auto {
630
636
  margin-top: auto;
631
637
  }
@@ -806,6 +812,9 @@ select:-webkit-autofill:focus {
806
812
  .w-\\[1\\%\\] {
807
813
  width: 1%;
808
814
  }
815
+ .w-\\[150px\\] {
816
+ width: 150px;
817
+ }
809
818
  .w-fit {
810
819
  width: -moz-fit-content;
811
820
  width: fit-content;
@@ -828,6 +837,9 @@ select:-webkit-autofill:focus {
828
837
  .min-w-\\[100px\\] {
829
838
  min-width: 100px;
830
839
  }
840
+ .min-w-\\[140px\\] {
841
+ min-width: 140px;
842
+ }
831
843
  .min-w-\\[160px\\] {
832
844
  min-width: 160px;
833
845
  }
@@ -840,6 +852,9 @@ select:-webkit-autofill:focus {
840
852
  .max-w-2xl {
841
853
  max-width: 42rem;
842
854
  }
855
+ .max-w-4xl {
856
+ max-width: 56rem;
857
+ }
843
858
  .max-w-5xl {
844
859
  max-width: 64rem;
845
860
  }
@@ -1056,6 +1071,11 @@ select:-webkit-autofill:focus {
1056
1071
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1057
1072
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1058
1073
  }
1074
+ .space-y-3\\.5 > :not([hidden]) ~ :not([hidden]) {
1075
+ --tw-space-y-reverse: 0;
1076
+ margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
1077
+ margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
1078
+ }
1059
1079
  .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1060
1080
  --tw-space-y-reverse: 0;
1061
1081
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1167,6 +1187,9 @@ select:-webkit-autofill:focus {
1167
1187
  .border-l-2 {
1168
1188
  border-left-width: 2px;
1169
1189
  }
1190
+ .border-l-4 {
1191
+ border-left-width: 4px;
1192
+ }
1170
1193
  .border-r {
1171
1194
  border-right-width: 1px;
1172
1195
  }
@@ -1196,6 +1219,10 @@ select:-webkit-autofill:focus {
1196
1219
  .border-blue-100\\/50 {
1197
1220
  border-color: rgb(219 234 254 / 0.5);
1198
1221
  }
1222
+ .border-blue-400 {
1223
+ --tw-border-opacity: 1;
1224
+ border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
1225
+ }
1199
1226
  .border-blue-600 {
1200
1227
  --tw-border-opacity: 1;
1201
1228
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
@@ -1223,6 +1250,10 @@ select:-webkit-autofill:focus {
1223
1250
  --tw-border-opacity: 1;
1224
1251
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
1225
1252
  }
1253
+ .border-orange-400 {
1254
+ --tw-border-opacity: 1;
1255
+ border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
1256
+ }
1226
1257
  .border-red-500 {
1227
1258
  --tw-border-opacity: 1;
1228
1259
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
@@ -1277,6 +1308,10 @@ select:-webkit-autofill:focus {
1277
1308
  .bg-black\\/50 {
1278
1309
  background-color: rgb(0 0 0 / 0.5);
1279
1310
  }
1311
+ .bg-blue-100 {
1312
+ --tw-bg-opacity: 1;
1313
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
1314
+ }
1280
1315
  .bg-blue-50 {
1281
1316
  --tw-bg-opacity: 1;
1282
1317
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
@@ -1346,6 +1381,10 @@ select:-webkit-autofill:focus {
1346
1381
  --tw-bg-opacity: 1;
1347
1382
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
1348
1383
  }
1384
+ .bg-orange-50 {
1385
+ --tw-bg-opacity: 1;
1386
+ background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
1387
+ }
1349
1388
  .bg-orange-500 {
1350
1389
  --tw-bg-opacity: 1;
1351
1390
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
@@ -1387,12 +1426,12 @@ select:-webkit-autofill:focus {
1387
1426
  --tw-bg-opacity: 1;
1388
1427
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1389
1428
  }
1429
+ .bg-white\\/15 {
1430
+ background-color: rgb(255 255 255 / 0.15);
1431
+ }
1390
1432
  .bg-white\\/20 {
1391
1433
  background-color: rgb(255 255 255 / 0.2);
1392
1434
  }
1393
- .bg-white\\/30 {
1394
- background-color: rgb(255 255 255 / 0.3);
1395
- }
1396
1435
  .bg-white\\/40 {
1397
1436
  background-color: rgb(255 255 255 / 0.4);
1398
1437
  }
@@ -1405,6 +1444,10 @@ select:-webkit-autofill:focus {
1405
1444
  .bg-white\\/80 {
1406
1445
  background-color: rgb(255 255 255 / 0.8);
1407
1446
  }
1447
+ .bg-yellow-100 {
1448
+ --tw-bg-opacity: 1;
1449
+ background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
1450
+ }
1408
1451
  .bg-yellow-500 {
1409
1452
  --tw-bg-opacity: 1;
1410
1453
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
@@ -1486,6 +1529,9 @@ select:-webkit-autofill:focus {
1486
1529
  .to-indigo-50 {
1487
1530
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
1488
1531
  }
1532
+ .to-indigo-500\\/10 {
1533
+ --tw-gradient-to: rgb(99 102 241 / 0.1) var(--tw-gradient-to-position);
1534
+ }
1489
1535
  .to-purple-500 {
1490
1536
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
1491
1537
  }
@@ -1757,6 +1803,9 @@ select:-webkit-autofill:focus {
1757
1803
  .text-\\[12px\\] {
1758
1804
  font-size: 12px;
1759
1805
  }
1806
+ .text-\\[13px\\] {
1807
+ font-size: 13px;
1808
+ }
1760
1809
  .text-\\[8px\\] {
1761
1810
  font-size: 8px;
1762
1811
  }
@@ -1912,6 +1961,10 @@ select:-webkit-autofill:focus {
1912
1961
  --tw-text-opacity: 1;
1913
1962
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
1914
1963
  }
1964
+ .text-orange-700 {
1965
+ --tw-text-opacity: 1;
1966
+ color: rgb(194 65 12 / var(--tw-text-opacity, 1));
1967
+ }
1915
1968
  .text-red-500 {
1916
1969
  --tw-text-opacity: 1;
1917
1970
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
@@ -1943,10 +1996,17 @@ select:-webkit-autofill:focus {
1943
1996
  .text-white\\/70 {
1944
1997
  color: rgb(255 255 255 / 0.7);
1945
1998
  }
1999
+ .text-yellow-600 {
2000
+ --tw-text-opacity: 1;
2001
+ color: rgb(202 138 4 / var(--tw-text-opacity, 1));
2002
+ }
1946
2003
  .text-yellow-700 {
1947
2004
  --tw-text-opacity: 1;
1948
2005
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
1949
2006
  }
2007
+ .underline {
2008
+ text-decoration-line: underline;
2009
+ }
1950
2010
  .placeholder-gray-400::-moz-placeholder {
1951
2011
  --tw-placeholder-opacity: 1;
1952
2012
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
@@ -1961,6 +2021,9 @@ select:-webkit-autofill:focus {
1961
2021
  .opacity-100 {
1962
2022
  opacity: 1;
1963
2023
  }
2024
+ .opacity-15 {
2025
+ opacity: 0.15;
2026
+ }
1964
2027
  .opacity-20 {
1965
2028
  opacity: 0.2;
1966
2029
  }
@@ -2042,6 +2105,10 @@ select:-webkit-autofill:focus {
2042
2105
  --tw-shadow-color: #bfdbfe;
2043
2106
  --tw-shadow: var(--tw-shadow-colored);
2044
2107
  }
2108
+ .shadow-indigo-500\\/20 {
2109
+ --tw-shadow-color: rgb(99 102 241 / 0.2);
2110
+ --tw-shadow: var(--tw-shadow-colored);
2111
+ }
2045
2112
  .outline-none {
2046
2113
  outline: 2px solid transparent;
2047
2114
  outline-offset: 2px;
@@ -2114,12 +2181,12 @@ select:-webkit-autofill:focus {
2114
2181
  --tw-blur: blur(1px);
2115
2182
  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);
2116
2183
  }
2117
- .blur-lg {
2118
- --tw-blur: blur(16px);
2184
+ .blur-\\[2px\\] {
2185
+ --tw-blur: blur(2px);
2119
2186
  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);
2120
2187
  }
2121
- .blur-sm {
2122
- --tw-blur: blur(4px);
2188
+ .blur-lg {
2189
+ --tw-blur: blur(16px);
2123
2190
  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);
2124
2191
  }
2125
2192
  .blur-xl {
@@ -2613,6 +2680,9 @@ select:-webkit-autofill:focus {
2613
2680
  --tw-bg-opacity: 1;
2614
2681
  background-color: rgb(10 11 16 / var(--tw-bg-opacity, 1));
2615
2682
  }
2683
+ .dark\\:bg-black\\/15:is(.dark *) {
2684
+ background-color: rgb(0 0 0 / 0.15);
2685
+ }
2616
2686
  .dark\\:bg-black\\/20:is(.dark *) {
2617
2687
  background-color: rgb(0 0 0 / 0.2);
2618
2688
  }
@@ -2659,6 +2729,9 @@ select:-webkit-autofill:focus {
2659
2729
  .dark\\:bg-green-500\\/10:is(.dark *) {
2660
2730
  background-color: rgb(34 197 94 / 0.1);
2661
2731
  }
2732
+ .dark\\:bg-orange-900\\/10:is(.dark *) {
2733
+ background-color: rgb(124 45 18 / 0.1);
2734
+ }
2662
2735
  .dark\\:bg-red-500:is(.dark *) {
2663
2736
  --tw-bg-opacity: 1;
2664
2737
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
@@ -2669,6 +2742,9 @@ select:-webkit-autofill:focus {
2669
2742
  .dark\\:bg-red-500\\/20:is(.dark *) {
2670
2743
  background-color: rgb(239 68 68 / 0.2);
2671
2744
  }
2745
+ .dark\\:bg-red-900\\/20:is(.dark *) {
2746
+ background-color: rgb(127 29 29 / 0.2);
2747
+ }
2672
2748
  .dark\\:bg-slate-800\\/50:is(.dark *) {
2673
2749
  background-color: rgb(30 41 59 / 0.5);
2674
2750
  }
@@ -2694,6 +2770,9 @@ select:-webkit-autofill:focus {
2694
2770
  --tw-bg-opacity: 1;
2695
2771
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
2696
2772
  }
2773
+ .dark\\:bg-yellow-500\\/10:is(.dark *) {
2774
+ background-color: rgb(234 179 8 / 0.1);
2775
+ }
2697
2776
  .dark\\:bg-zinc-700:is(.dark *) {
2698
2777
  --tw-bg-opacity: 1;
2699
2778
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
@@ -2718,6 +2797,9 @@ select:-webkit-autofill:focus {
2718
2797
  .dark\\:bg-zinc-900\\/10:is(.dark *) {
2719
2798
  background-color: rgb(24 24 27 / 0.1);
2720
2799
  }
2800
+ .dark\\:bg-zinc-900\\/15:is(.dark *) {
2801
+ background-color: rgb(24 24 27 / 0.15);
2802
+ }
2721
2803
  .dark\\:bg-zinc-900\\/20:is(.dark *) {
2722
2804
  background-color: rgb(24 24 27 / 0.2);
2723
2805
  }
@@ -2818,6 +2900,10 @@ select:-webkit-autofill:focus {
2818
2900
  --tw-text-opacity: 1;
2819
2901
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
2820
2902
  }
2903
+ .dark\\:text-orange-300:is(.dark *) {
2904
+ --tw-text-opacity: 1;
2905
+ color: rgb(253 186 116 / var(--tw-text-opacity, 1));
2906
+ }
2821
2907
  .dark\\:text-orange-400:is(.dark *) {
2822
2908
  --tw-text-opacity: 1;
2823
2909
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
@@ -2862,6 +2948,10 @@ select:-webkit-autofill:focus {
2862
2948
  --tw-text-opacity: 1;
2863
2949
  color: rgb(244 244 245 / var(--tw-text-opacity, 1));
2864
2950
  }
2951
+ .dark\\:text-zinc-300:is(.dark *) {
2952
+ --tw-text-opacity: 1;
2953
+ color: rgb(212 212 216 / var(--tw-text-opacity, 1));
2954
+ }
2865
2955
  .dark\\:text-zinc-400:is(.dark *) {
2866
2956
  --tw-text-opacity: 1;
2867
2957
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
@@ -3025,6 +3115,9 @@ select:-webkit-autofill:focus {
3025
3115
  .sm\\:w-36 {
3026
3116
  width: 9rem;
3027
3117
  }
3118
+ .sm\\:grid-cols-2 {
3119
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3120
+ }
3028
3121
  .sm\\:flex-row {
3029
3122
  flex-direction: row;
3030
3123
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "warqadui",
3
- "version": "0.0.64",
3
+ "version": "0.0.65",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",
@@ -40,7 +40,7 @@
40
40
  "dayjs": "^1.11.10",
41
41
  "html2canvas-pro": "^2.0.2",
42
42
  "jspdf": "^4.2.0",
43
- "lucide-react": "^0.344.0",
43
+ "lucide-react": "^1.7.0",
44
44
  "moment": "^2.30.1",
45
45
  "react-to-pdf": "^3.2.1",
46
46
  "react-to-print": ">=3",
@@ -58,7 +58,6 @@
58
58
  "axios": "^1.6.0",
59
59
  "clsx": "^2.1.0",
60
60
  "dayjs": "^1.11.10",
61
- "lucide-react": "^0.344.0",
62
61
  "moment": "^2.30.1",
63
62
  "postcss": "^8.4.35",
64
63
  "react-hook-form": "^7.51.0",