warqadui 0.0.64 → 0.0.66

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.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,12 @@ 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
+ }
845
+ .min-w-\\[150px\\] {
846
+ min-width: 150px;
847
+ }
833
848
  .min-w-\\[160px\\] {
834
849
  min-width: 160px;
835
850
  }
@@ -842,6 +857,9 @@ select:-webkit-autofill:focus {
842
857
  .max-w-2xl {
843
858
  max-width: 42rem;
844
859
  }
860
+ .max-w-4xl {
861
+ max-width: 56rem;
862
+ }
845
863
  .max-w-5xl {
846
864
  max-width: 64rem;
847
865
  }
@@ -1058,6 +1076,11 @@ select:-webkit-autofill:focus {
1058
1076
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1059
1077
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1060
1078
  }
1079
+ .space-y-3\\.5 > :not([hidden]) ~ :not([hidden]) {
1080
+ --tw-space-y-reverse: 0;
1081
+ margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
1082
+ margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
1083
+ }
1061
1084
  .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1062
1085
  --tw-space-y-reverse: 0;
1063
1086
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1169,6 +1192,9 @@ select:-webkit-autofill:focus {
1169
1192
  .border-l-2 {
1170
1193
  border-left-width: 2px;
1171
1194
  }
1195
+ .border-l-4 {
1196
+ border-left-width: 4px;
1197
+ }
1172
1198
  .border-r {
1173
1199
  border-right-width: 1px;
1174
1200
  }
@@ -1198,6 +1224,10 @@ select:-webkit-autofill:focus {
1198
1224
  .border-blue-100\\/50 {
1199
1225
  border-color: rgb(219 234 254 / 0.5);
1200
1226
  }
1227
+ .border-blue-400 {
1228
+ --tw-border-opacity: 1;
1229
+ border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
1230
+ }
1201
1231
  .border-blue-600 {
1202
1232
  --tw-border-opacity: 1;
1203
1233
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
@@ -1225,6 +1255,10 @@ select:-webkit-autofill:focus {
1225
1255
  --tw-border-opacity: 1;
1226
1256
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
1227
1257
  }
1258
+ .border-orange-400 {
1259
+ --tw-border-opacity: 1;
1260
+ border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
1261
+ }
1228
1262
  .border-red-500 {
1229
1263
  --tw-border-opacity: 1;
1230
1264
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
@@ -1279,6 +1313,10 @@ select:-webkit-autofill:focus {
1279
1313
  .bg-black\\/50 {
1280
1314
  background-color: rgb(0 0 0 / 0.5);
1281
1315
  }
1316
+ .bg-blue-100 {
1317
+ --tw-bg-opacity: 1;
1318
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
1319
+ }
1282
1320
  .bg-blue-50 {
1283
1321
  --tw-bg-opacity: 1;
1284
1322
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
@@ -1348,6 +1386,10 @@ select:-webkit-autofill:focus {
1348
1386
  --tw-bg-opacity: 1;
1349
1387
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
1350
1388
  }
1389
+ .bg-orange-50 {
1390
+ --tw-bg-opacity: 1;
1391
+ background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
1392
+ }
1351
1393
  .bg-orange-500 {
1352
1394
  --tw-bg-opacity: 1;
1353
1395
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
@@ -1389,12 +1431,12 @@ select:-webkit-autofill:focus {
1389
1431
  --tw-bg-opacity: 1;
1390
1432
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1391
1433
  }
1434
+ .bg-white\\/15 {
1435
+ background-color: rgb(255 255 255 / 0.15);
1436
+ }
1392
1437
  .bg-white\\/20 {
1393
1438
  background-color: rgb(255 255 255 / 0.2);
1394
1439
  }
1395
- .bg-white\\/30 {
1396
- background-color: rgb(255 255 255 / 0.3);
1397
- }
1398
1440
  .bg-white\\/40 {
1399
1441
  background-color: rgb(255 255 255 / 0.4);
1400
1442
  }
@@ -1407,6 +1449,10 @@ select:-webkit-autofill:focus {
1407
1449
  .bg-white\\/80 {
1408
1450
  background-color: rgb(255 255 255 / 0.8);
1409
1451
  }
1452
+ .bg-yellow-100 {
1453
+ --tw-bg-opacity: 1;
1454
+ background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
1455
+ }
1410
1456
  .bg-yellow-500 {
1411
1457
  --tw-bg-opacity: 1;
1412
1458
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
@@ -1488,6 +1534,9 @@ select:-webkit-autofill:focus {
1488
1534
  .to-indigo-50 {
1489
1535
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
1490
1536
  }
1537
+ .to-indigo-500\\/10 {
1538
+ --tw-gradient-to: rgb(99 102 241 / 0.1) var(--tw-gradient-to-position);
1539
+ }
1491
1540
  .to-purple-500 {
1492
1541
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
1493
1542
  }
@@ -1759,6 +1808,9 @@ select:-webkit-autofill:focus {
1759
1808
  .text-\\[12px\\] {
1760
1809
  font-size: 12px;
1761
1810
  }
1811
+ .text-\\[13px\\] {
1812
+ font-size: 13px;
1813
+ }
1762
1814
  .text-\\[8px\\] {
1763
1815
  font-size: 8px;
1764
1816
  }
@@ -1914,6 +1966,10 @@ select:-webkit-autofill:focus {
1914
1966
  --tw-text-opacity: 1;
1915
1967
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
1916
1968
  }
1969
+ .text-orange-700 {
1970
+ --tw-text-opacity: 1;
1971
+ color: rgb(194 65 12 / var(--tw-text-opacity, 1));
1972
+ }
1917
1973
  .text-red-500 {
1918
1974
  --tw-text-opacity: 1;
1919
1975
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
@@ -1945,10 +2001,17 @@ select:-webkit-autofill:focus {
1945
2001
  .text-white\\/70 {
1946
2002
  color: rgb(255 255 255 / 0.7);
1947
2003
  }
2004
+ .text-yellow-600 {
2005
+ --tw-text-opacity: 1;
2006
+ color: rgb(202 138 4 / var(--tw-text-opacity, 1));
2007
+ }
1948
2008
  .text-yellow-700 {
1949
2009
  --tw-text-opacity: 1;
1950
2010
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
1951
2011
  }
2012
+ .underline {
2013
+ text-decoration-line: underline;
2014
+ }
1952
2015
  .placeholder-gray-400::-moz-placeholder {
1953
2016
  --tw-placeholder-opacity: 1;
1954
2017
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
@@ -1963,6 +2026,9 @@ select:-webkit-autofill:focus {
1963
2026
  .opacity-100 {
1964
2027
  opacity: 1;
1965
2028
  }
2029
+ .opacity-15 {
2030
+ opacity: 0.15;
2031
+ }
1966
2032
  .opacity-20 {
1967
2033
  opacity: 0.2;
1968
2034
  }
@@ -2044,6 +2110,10 @@ select:-webkit-autofill:focus {
2044
2110
  --tw-shadow-color: #bfdbfe;
2045
2111
  --tw-shadow: var(--tw-shadow-colored);
2046
2112
  }
2113
+ .shadow-indigo-500\\/20 {
2114
+ --tw-shadow-color: rgb(99 102 241 / 0.2);
2115
+ --tw-shadow: var(--tw-shadow-colored);
2116
+ }
2047
2117
  .outline-none {
2048
2118
  outline: 2px solid transparent;
2049
2119
  outline-offset: 2px;
@@ -2116,12 +2186,12 @@ select:-webkit-autofill:focus {
2116
2186
  --tw-blur: blur(1px);
2117
2187
  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
2188
  }
2119
- .blur-lg {
2120
- --tw-blur: blur(16px);
2189
+ .blur-\\[2px\\] {
2190
+ --tw-blur: blur(2px);
2121
2191
  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
2192
  }
2123
- .blur-sm {
2124
- --tw-blur: blur(4px);
2193
+ .blur-lg {
2194
+ --tw-blur: blur(16px);
2125
2195
  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
2196
  }
2127
2197
  .blur-xl {
@@ -2615,6 +2685,9 @@ select:-webkit-autofill:focus {
2615
2685
  --tw-bg-opacity: 1;
2616
2686
  background-color: rgb(10 11 16 / var(--tw-bg-opacity, 1));
2617
2687
  }
2688
+ .dark\\:bg-black\\/15:is(.dark *) {
2689
+ background-color: rgb(0 0 0 / 0.15);
2690
+ }
2618
2691
  .dark\\:bg-black\\/20:is(.dark *) {
2619
2692
  background-color: rgb(0 0 0 / 0.2);
2620
2693
  }
@@ -2661,6 +2734,9 @@ select:-webkit-autofill:focus {
2661
2734
  .dark\\:bg-green-500\\/10:is(.dark *) {
2662
2735
  background-color: rgb(34 197 94 / 0.1);
2663
2736
  }
2737
+ .dark\\:bg-orange-900\\/10:is(.dark *) {
2738
+ background-color: rgb(124 45 18 / 0.1);
2739
+ }
2664
2740
  .dark\\:bg-red-500:is(.dark *) {
2665
2741
  --tw-bg-opacity: 1;
2666
2742
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
@@ -2671,6 +2747,9 @@ select:-webkit-autofill:focus {
2671
2747
  .dark\\:bg-red-500\\/20:is(.dark *) {
2672
2748
  background-color: rgb(239 68 68 / 0.2);
2673
2749
  }
2750
+ .dark\\:bg-red-900\\/20:is(.dark *) {
2751
+ background-color: rgb(127 29 29 / 0.2);
2752
+ }
2674
2753
  .dark\\:bg-slate-800\\/50:is(.dark *) {
2675
2754
  background-color: rgb(30 41 59 / 0.5);
2676
2755
  }
@@ -2696,6 +2775,9 @@ select:-webkit-autofill:focus {
2696
2775
  --tw-bg-opacity: 1;
2697
2776
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
2698
2777
  }
2778
+ .dark\\:bg-yellow-500\\/10:is(.dark *) {
2779
+ background-color: rgb(234 179 8 / 0.1);
2780
+ }
2699
2781
  .dark\\:bg-zinc-700:is(.dark *) {
2700
2782
  --tw-bg-opacity: 1;
2701
2783
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
@@ -2720,6 +2802,9 @@ select:-webkit-autofill:focus {
2720
2802
  .dark\\:bg-zinc-900\\/10:is(.dark *) {
2721
2803
  background-color: rgb(24 24 27 / 0.1);
2722
2804
  }
2805
+ .dark\\:bg-zinc-900\\/15:is(.dark *) {
2806
+ background-color: rgb(24 24 27 / 0.15);
2807
+ }
2723
2808
  .dark\\:bg-zinc-900\\/20:is(.dark *) {
2724
2809
  background-color: rgb(24 24 27 / 0.2);
2725
2810
  }
@@ -2820,6 +2905,10 @@ select:-webkit-autofill:focus {
2820
2905
  --tw-text-opacity: 1;
2821
2906
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
2822
2907
  }
2908
+ .dark\\:text-orange-300:is(.dark *) {
2909
+ --tw-text-opacity: 1;
2910
+ color: rgb(253 186 116 / var(--tw-text-opacity, 1));
2911
+ }
2823
2912
  .dark\\:text-orange-400:is(.dark *) {
2824
2913
  --tw-text-opacity: 1;
2825
2914
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
@@ -2864,6 +2953,10 @@ select:-webkit-autofill:focus {
2864
2953
  --tw-text-opacity: 1;
2865
2954
  color: rgb(244 244 245 / var(--tw-text-opacity, 1));
2866
2955
  }
2956
+ .dark\\:text-zinc-300:is(.dark *) {
2957
+ --tw-text-opacity: 1;
2958
+ color: rgb(212 212 216 / var(--tw-text-opacity, 1));
2959
+ }
2867
2960
  .dark\\:text-zinc-400:is(.dark *) {
2868
2961
  --tw-text-opacity: 1;
2869
2962
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
@@ -2946,6 +3039,9 @@ select:-webkit-autofill:focus {
2946
3039
  .dark\\:hover\\:bg-red-900\\/10:hover:is(.dark *) {
2947
3040
  background-color: rgb(127 29 29 / 0.1);
2948
3041
  }
3042
+ .dark\\:hover\\:bg-red-950\\/20:hover:is(.dark *) {
3043
+ background-color: rgb(69 10 10 / 0.2);
3044
+ }
2949
3045
  .dark\\:hover\\:bg-slate-800:hover:is(.dark *) {
2950
3046
  --tw-bg-opacity: 1;
2951
3047
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
@@ -3027,6 +3123,9 @@ select:-webkit-autofill:focus {
3027
3123
  .sm\\:w-36 {
3028
3124
  width: 9rem;
3029
3125
  }
3126
+ .sm\\:grid-cols-2 {
3127
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3128
+ }
3030
3129
  .sm\\:flex-row {
3031
3130
  flex-direction: row;
3032
3131
  }
@@ -3045,6 +3144,9 @@ select:-webkit-autofill:focus {
3045
3144
  .sm\\:p-6 {
3046
3145
  padding: 1.5rem;
3047
3146
  }
3147
+ .sm\\:p-8 {
3148
+ padding: 2rem;
3149
+ }
3048
3150
  .sm\\:px-6 {
3049
3151
  padding-left: 1.5rem;
3050
3152
  padding-right: 1.5rem;
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,12 @@ 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
+ }
843
+ .min-w-\\[150px\\] {
844
+ min-width: 150px;
845
+ }
831
846
  .min-w-\\[160px\\] {
832
847
  min-width: 160px;
833
848
  }
@@ -840,6 +855,9 @@ select:-webkit-autofill:focus {
840
855
  .max-w-2xl {
841
856
  max-width: 42rem;
842
857
  }
858
+ .max-w-4xl {
859
+ max-width: 56rem;
860
+ }
843
861
  .max-w-5xl {
844
862
  max-width: 64rem;
845
863
  }
@@ -1056,6 +1074,11 @@ select:-webkit-autofill:focus {
1056
1074
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1057
1075
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1058
1076
  }
1077
+ .space-y-3\\.5 > :not([hidden]) ~ :not([hidden]) {
1078
+ --tw-space-y-reverse: 0;
1079
+ margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
1080
+ margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
1081
+ }
1059
1082
  .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1060
1083
  --tw-space-y-reverse: 0;
1061
1084
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1167,6 +1190,9 @@ select:-webkit-autofill:focus {
1167
1190
  .border-l-2 {
1168
1191
  border-left-width: 2px;
1169
1192
  }
1193
+ .border-l-4 {
1194
+ border-left-width: 4px;
1195
+ }
1170
1196
  .border-r {
1171
1197
  border-right-width: 1px;
1172
1198
  }
@@ -1196,6 +1222,10 @@ select:-webkit-autofill:focus {
1196
1222
  .border-blue-100\\/50 {
1197
1223
  border-color: rgb(219 234 254 / 0.5);
1198
1224
  }
1225
+ .border-blue-400 {
1226
+ --tw-border-opacity: 1;
1227
+ border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
1228
+ }
1199
1229
  .border-blue-600 {
1200
1230
  --tw-border-opacity: 1;
1201
1231
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
@@ -1223,6 +1253,10 @@ select:-webkit-autofill:focus {
1223
1253
  --tw-border-opacity: 1;
1224
1254
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
1225
1255
  }
1256
+ .border-orange-400 {
1257
+ --tw-border-opacity: 1;
1258
+ border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
1259
+ }
1226
1260
  .border-red-500 {
1227
1261
  --tw-border-opacity: 1;
1228
1262
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
@@ -1277,6 +1311,10 @@ select:-webkit-autofill:focus {
1277
1311
  .bg-black\\/50 {
1278
1312
  background-color: rgb(0 0 0 / 0.5);
1279
1313
  }
1314
+ .bg-blue-100 {
1315
+ --tw-bg-opacity: 1;
1316
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
1317
+ }
1280
1318
  .bg-blue-50 {
1281
1319
  --tw-bg-opacity: 1;
1282
1320
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
@@ -1346,6 +1384,10 @@ select:-webkit-autofill:focus {
1346
1384
  --tw-bg-opacity: 1;
1347
1385
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
1348
1386
  }
1387
+ .bg-orange-50 {
1388
+ --tw-bg-opacity: 1;
1389
+ background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
1390
+ }
1349
1391
  .bg-orange-500 {
1350
1392
  --tw-bg-opacity: 1;
1351
1393
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
@@ -1387,12 +1429,12 @@ select:-webkit-autofill:focus {
1387
1429
  --tw-bg-opacity: 1;
1388
1430
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1389
1431
  }
1432
+ .bg-white\\/15 {
1433
+ background-color: rgb(255 255 255 / 0.15);
1434
+ }
1390
1435
  .bg-white\\/20 {
1391
1436
  background-color: rgb(255 255 255 / 0.2);
1392
1437
  }
1393
- .bg-white\\/30 {
1394
- background-color: rgb(255 255 255 / 0.3);
1395
- }
1396
1438
  .bg-white\\/40 {
1397
1439
  background-color: rgb(255 255 255 / 0.4);
1398
1440
  }
@@ -1405,6 +1447,10 @@ select:-webkit-autofill:focus {
1405
1447
  .bg-white\\/80 {
1406
1448
  background-color: rgb(255 255 255 / 0.8);
1407
1449
  }
1450
+ .bg-yellow-100 {
1451
+ --tw-bg-opacity: 1;
1452
+ background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
1453
+ }
1408
1454
  .bg-yellow-500 {
1409
1455
  --tw-bg-opacity: 1;
1410
1456
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
@@ -1486,6 +1532,9 @@ select:-webkit-autofill:focus {
1486
1532
  .to-indigo-50 {
1487
1533
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
1488
1534
  }
1535
+ .to-indigo-500\\/10 {
1536
+ --tw-gradient-to: rgb(99 102 241 / 0.1) var(--tw-gradient-to-position);
1537
+ }
1489
1538
  .to-purple-500 {
1490
1539
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
1491
1540
  }
@@ -1757,6 +1806,9 @@ select:-webkit-autofill:focus {
1757
1806
  .text-\\[12px\\] {
1758
1807
  font-size: 12px;
1759
1808
  }
1809
+ .text-\\[13px\\] {
1810
+ font-size: 13px;
1811
+ }
1760
1812
  .text-\\[8px\\] {
1761
1813
  font-size: 8px;
1762
1814
  }
@@ -1912,6 +1964,10 @@ select:-webkit-autofill:focus {
1912
1964
  --tw-text-opacity: 1;
1913
1965
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
1914
1966
  }
1967
+ .text-orange-700 {
1968
+ --tw-text-opacity: 1;
1969
+ color: rgb(194 65 12 / var(--tw-text-opacity, 1));
1970
+ }
1915
1971
  .text-red-500 {
1916
1972
  --tw-text-opacity: 1;
1917
1973
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
@@ -1943,10 +1999,17 @@ select:-webkit-autofill:focus {
1943
1999
  .text-white\\/70 {
1944
2000
  color: rgb(255 255 255 / 0.7);
1945
2001
  }
2002
+ .text-yellow-600 {
2003
+ --tw-text-opacity: 1;
2004
+ color: rgb(202 138 4 / var(--tw-text-opacity, 1));
2005
+ }
1946
2006
  .text-yellow-700 {
1947
2007
  --tw-text-opacity: 1;
1948
2008
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
1949
2009
  }
2010
+ .underline {
2011
+ text-decoration-line: underline;
2012
+ }
1950
2013
  .placeholder-gray-400::-moz-placeholder {
1951
2014
  --tw-placeholder-opacity: 1;
1952
2015
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
@@ -1961,6 +2024,9 @@ select:-webkit-autofill:focus {
1961
2024
  .opacity-100 {
1962
2025
  opacity: 1;
1963
2026
  }
2027
+ .opacity-15 {
2028
+ opacity: 0.15;
2029
+ }
1964
2030
  .opacity-20 {
1965
2031
  opacity: 0.2;
1966
2032
  }
@@ -2042,6 +2108,10 @@ select:-webkit-autofill:focus {
2042
2108
  --tw-shadow-color: #bfdbfe;
2043
2109
  --tw-shadow: var(--tw-shadow-colored);
2044
2110
  }
2111
+ .shadow-indigo-500\\/20 {
2112
+ --tw-shadow-color: rgb(99 102 241 / 0.2);
2113
+ --tw-shadow: var(--tw-shadow-colored);
2114
+ }
2045
2115
  .outline-none {
2046
2116
  outline: 2px solid transparent;
2047
2117
  outline-offset: 2px;
@@ -2114,12 +2184,12 @@ select:-webkit-autofill:focus {
2114
2184
  --tw-blur: blur(1px);
2115
2185
  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
2186
  }
2117
- .blur-lg {
2118
- --tw-blur: blur(16px);
2187
+ .blur-\\[2px\\] {
2188
+ --tw-blur: blur(2px);
2119
2189
  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
2190
  }
2121
- .blur-sm {
2122
- --tw-blur: blur(4px);
2191
+ .blur-lg {
2192
+ --tw-blur: blur(16px);
2123
2193
  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
2194
  }
2125
2195
  .blur-xl {
@@ -2613,6 +2683,9 @@ select:-webkit-autofill:focus {
2613
2683
  --tw-bg-opacity: 1;
2614
2684
  background-color: rgb(10 11 16 / var(--tw-bg-opacity, 1));
2615
2685
  }
2686
+ .dark\\:bg-black\\/15:is(.dark *) {
2687
+ background-color: rgb(0 0 0 / 0.15);
2688
+ }
2616
2689
  .dark\\:bg-black\\/20:is(.dark *) {
2617
2690
  background-color: rgb(0 0 0 / 0.2);
2618
2691
  }
@@ -2659,6 +2732,9 @@ select:-webkit-autofill:focus {
2659
2732
  .dark\\:bg-green-500\\/10:is(.dark *) {
2660
2733
  background-color: rgb(34 197 94 / 0.1);
2661
2734
  }
2735
+ .dark\\:bg-orange-900\\/10:is(.dark *) {
2736
+ background-color: rgb(124 45 18 / 0.1);
2737
+ }
2662
2738
  .dark\\:bg-red-500:is(.dark *) {
2663
2739
  --tw-bg-opacity: 1;
2664
2740
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
@@ -2669,6 +2745,9 @@ select:-webkit-autofill:focus {
2669
2745
  .dark\\:bg-red-500\\/20:is(.dark *) {
2670
2746
  background-color: rgb(239 68 68 / 0.2);
2671
2747
  }
2748
+ .dark\\:bg-red-900\\/20:is(.dark *) {
2749
+ background-color: rgb(127 29 29 / 0.2);
2750
+ }
2672
2751
  .dark\\:bg-slate-800\\/50:is(.dark *) {
2673
2752
  background-color: rgb(30 41 59 / 0.5);
2674
2753
  }
@@ -2694,6 +2773,9 @@ select:-webkit-autofill:focus {
2694
2773
  --tw-bg-opacity: 1;
2695
2774
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
2696
2775
  }
2776
+ .dark\\:bg-yellow-500\\/10:is(.dark *) {
2777
+ background-color: rgb(234 179 8 / 0.1);
2778
+ }
2697
2779
  .dark\\:bg-zinc-700:is(.dark *) {
2698
2780
  --tw-bg-opacity: 1;
2699
2781
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
@@ -2718,6 +2800,9 @@ select:-webkit-autofill:focus {
2718
2800
  .dark\\:bg-zinc-900\\/10:is(.dark *) {
2719
2801
  background-color: rgb(24 24 27 / 0.1);
2720
2802
  }
2803
+ .dark\\:bg-zinc-900\\/15:is(.dark *) {
2804
+ background-color: rgb(24 24 27 / 0.15);
2805
+ }
2721
2806
  .dark\\:bg-zinc-900\\/20:is(.dark *) {
2722
2807
  background-color: rgb(24 24 27 / 0.2);
2723
2808
  }
@@ -2818,6 +2903,10 @@ select:-webkit-autofill:focus {
2818
2903
  --tw-text-opacity: 1;
2819
2904
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
2820
2905
  }
2906
+ .dark\\:text-orange-300:is(.dark *) {
2907
+ --tw-text-opacity: 1;
2908
+ color: rgb(253 186 116 / var(--tw-text-opacity, 1));
2909
+ }
2821
2910
  .dark\\:text-orange-400:is(.dark *) {
2822
2911
  --tw-text-opacity: 1;
2823
2912
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
@@ -2862,6 +2951,10 @@ select:-webkit-autofill:focus {
2862
2951
  --tw-text-opacity: 1;
2863
2952
  color: rgb(244 244 245 / var(--tw-text-opacity, 1));
2864
2953
  }
2954
+ .dark\\:text-zinc-300:is(.dark *) {
2955
+ --tw-text-opacity: 1;
2956
+ color: rgb(212 212 216 / var(--tw-text-opacity, 1));
2957
+ }
2865
2958
  .dark\\:text-zinc-400:is(.dark *) {
2866
2959
  --tw-text-opacity: 1;
2867
2960
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
@@ -2944,6 +3037,9 @@ select:-webkit-autofill:focus {
2944
3037
  .dark\\:hover\\:bg-red-900\\/10:hover:is(.dark *) {
2945
3038
  background-color: rgb(127 29 29 / 0.1);
2946
3039
  }
3040
+ .dark\\:hover\\:bg-red-950\\/20:hover:is(.dark *) {
3041
+ background-color: rgb(69 10 10 / 0.2);
3042
+ }
2947
3043
  .dark\\:hover\\:bg-slate-800:hover:is(.dark *) {
2948
3044
  --tw-bg-opacity: 1;
2949
3045
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
@@ -3025,6 +3121,9 @@ select:-webkit-autofill:focus {
3025
3121
  .sm\\:w-36 {
3026
3122
  width: 9rem;
3027
3123
  }
3124
+ .sm\\:grid-cols-2 {
3125
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3126
+ }
3028
3127
  .sm\\:flex-row {
3029
3128
  flex-direction: row;
3030
3129
  }
@@ -3043,6 +3142,9 @@ select:-webkit-autofill:focus {
3043
3142
  .sm\\:p-6 {
3044
3143
  padding: 1.5rem;
3045
3144
  }
3145
+ .sm\\:p-8 {
3146
+ padding: 2rem;
3147
+ }
3046
3148
  .sm\\:px-6 {
3047
3149
  padding-left: 1.5rem;
3048
3150
  padding-right: 1.5rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "warqadui",
3
- "version": "0.0.64",
3
+ "version": "0.0.66",
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",