warqadui 0.0.297 → 0.0.299

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
@@ -476,6 +476,10 @@ select:-webkit-autofill:focus {
476
476
  top: 0px;
477
477
  bottom: 0px;
478
478
  }
479
+ .inset-y-1 {
480
+ top: 0.25rem;
481
+ bottom: 0.25rem;
482
+ }
479
483
  .-left-full {
480
484
  left: -100%;
481
485
  }
@@ -527,6 +531,9 @@ select:-webkit-autofill:focus {
527
531
  .top-4 {
528
532
  top: 1rem;
529
533
  }
534
+ .top-full {
535
+ top: 100%;
536
+ }
530
537
  .z-0 {
531
538
  z-index: 0;
532
539
  }
@@ -1043,6 +1050,9 @@ select:-webkit-autofill:focus {
1043
1050
  .min-w-32 {
1044
1051
  min-width: 8rem;
1045
1052
  }
1053
+ .min-w-48 {
1054
+ min-width: 12rem;
1055
+ }
1046
1056
  .min-w-6 {
1047
1057
  min-width: 1.5rem;
1048
1058
  }
@@ -1067,6 +1077,9 @@ select:-webkit-autofill:focus {
1067
1077
  .min-w-\\[200px\\] {
1068
1078
  min-width: 200px;
1069
1079
  }
1080
+ .min-w-\\[240px\\] {
1081
+ min-width: 240px;
1082
+ }
1070
1083
  .min-w-\\[40px\\] {
1071
1084
  min-width: 40px;
1072
1085
  }
@@ -1412,6 +1425,10 @@ select:-webkit-autofill:focus {
1412
1425
  --tw-divide-opacity: 1;
1413
1426
  border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1));
1414
1427
  }
1428
+ .divide-zinc-50 > :not([hidden]) ~ :not([hidden]) {
1429
+ --tw-divide-opacity: 1;
1430
+ border-color: rgb(250 250 250 / var(--tw-divide-opacity, 1));
1431
+ }
1415
1432
  .self-start {
1416
1433
  align-self: flex-start;
1417
1434
  }
@@ -1486,10 +1503,26 @@ select:-webkit-autofill:focus {
1486
1503
  .rounded-xl {
1487
1504
  border-radius: 0.75rem;
1488
1505
  }
1506
+ .rounded-l-none {
1507
+ border-top-left-radius: 0px;
1508
+ border-bottom-left-radius: 0px;
1509
+ }
1510
+ .rounded-l-xl {
1511
+ border-top-left-radius: 0.75rem;
1512
+ border-bottom-left-radius: 0.75rem;
1513
+ }
1489
1514
  .rounded-r-full {
1490
1515
  border-top-right-radius: 9999px;
1491
1516
  border-bottom-right-radius: 9999px;
1492
1517
  }
1518
+ .rounded-r-none {
1519
+ border-top-right-radius: 0px;
1520
+ border-bottom-right-radius: 0px;
1521
+ }
1522
+ .rounded-r-xl {
1523
+ border-top-right-radius: 0.75rem;
1524
+ border-bottom-right-radius: 0.75rem;
1525
+ }
1493
1526
  .rounded-bl-xl {
1494
1527
  border-bottom-left-radius: 0.75rem;
1495
1528
  }
@@ -1522,6 +1555,9 @@ select:-webkit-autofill:focus {
1522
1555
  .border-l {
1523
1556
  border-left-width: 1px;
1524
1557
  }
1558
+ .border-l-0 {
1559
+ border-left-width: 0px;
1560
+ }
1525
1561
  .border-l-2 {
1526
1562
  border-left-width: 2px;
1527
1563
  }
@@ -1531,6 +1567,9 @@ select:-webkit-autofill:focus {
1531
1567
  .border-r {
1532
1568
  border-right-width: 1px;
1533
1569
  }
1570
+ .border-r-0 {
1571
+ border-right-width: 0px;
1572
+ }
1534
1573
  .border-t {
1535
1574
  border-top-width: 1px;
1536
1575
  }
@@ -1618,6 +1657,10 @@ select:-webkit-autofill:focus {
1618
1657
  .border-emerald-400\\/35 {
1619
1658
  border-color: rgb(52 211 153 / 0.35);
1620
1659
  }
1660
+ .border-emerald-500 {
1661
+ --tw-border-opacity: 1;
1662
+ border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
1663
+ }
1621
1664
  .border-emerald-500\\/10 {
1622
1665
  border-color: rgb(16 185 129 / 0.1);
1623
1666
  }
@@ -1703,6 +1746,10 @@ select:-webkit-autofill:focus {
1703
1746
  .border-rose-200\\/50 {
1704
1747
  border-color: rgb(254 205 211 / 0.5);
1705
1748
  }
1749
+ .border-rose-400 {
1750
+ --tw-border-opacity: 1;
1751
+ border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
1752
+ }
1706
1753
  .border-sky-100 {
1707
1754
  --tw-border-opacity: 1;
1708
1755
  border-color: rgb(224 242 254 / var(--tw-border-opacity, 1));
@@ -1754,6 +1801,10 @@ select:-webkit-autofill:focus {
1754
1801
  --tw-border-opacity: 1;
1755
1802
  border-color: rgb(244 244 245 / var(--tw-border-opacity, 1));
1756
1803
  }
1804
+ .border-zinc-200 {
1805
+ --tw-border-opacity: 1;
1806
+ border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
1807
+ }
1757
1808
  .border-zinc-200\\/80 {
1758
1809
  border-color: rgb(228 228 231 / 0.8);
1759
1810
  }
@@ -1984,6 +2035,9 @@ select:-webkit-autofill:focus {
1984
2035
  --tw-bg-opacity: 1;
1985
2036
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
1986
2037
  }
2038
+ .bg-rose-50\\/20 {
2039
+ background-color: rgb(255 241 242 / 0.2);
2040
+ }
1987
2041
  .bg-rose-50\\/70 {
1988
2042
  background-color: rgb(255 241 242 / 0.7);
1989
2043
  }
@@ -2083,10 +2137,16 @@ select:-webkit-autofill:focus {
2083
2137
  --tw-bg-opacity: 1;
2084
2138
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
2085
2139
  }
2140
+ .bg-zinc-100\\/70 {
2141
+ background-color: rgb(244 244 245 / 0.7);
2142
+ }
2086
2143
  .bg-zinc-50 {
2087
2144
  --tw-bg-opacity: 1;
2088
2145
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
2089
2146
  }
2147
+ .bg-zinc-50\\/50 {
2148
+ background-color: rgb(250 250 250 / 0.5);
2149
+ }
2090
2150
  .bg-gradient-to-r {
2091
2151
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
2092
2152
  }
@@ -2399,6 +2459,9 @@ select:-webkit-autofill:focus {
2399
2459
  .pl-6 {
2400
2460
  padding-left: 1.5rem;
2401
2461
  }
2462
+ .pl-8 {
2463
+ padding-left: 2rem;
2464
+ }
2402
2465
  .pl-9 {
2403
2466
  padding-left: 2.25rem;
2404
2467
  }
@@ -2414,12 +2477,21 @@ select:-webkit-autofill:focus {
2414
2477
  .pr-3 {
2415
2478
  padding-right: 0.75rem;
2416
2479
  }
2480
+ .pr-7 {
2481
+ padding-right: 1.75rem;
2482
+ }
2417
2483
  .pr-8 {
2418
2484
  padding-right: 2rem;
2419
2485
  }
2486
+ .pr-9 {
2487
+ padding-right: 2.25rem;
2488
+ }
2420
2489
  .pt-0 {
2421
2490
  padding-top: 0px;
2422
2491
  }
2492
+ .pt-0\\.5 {
2493
+ padding-top: 0.125rem;
2494
+ }
2423
2495
  .pt-1 {
2424
2496
  padding-top: 0.25rem;
2425
2497
  }
@@ -2804,6 +2876,10 @@ select:-webkit-autofill:focus {
2804
2876
  --tw-text-opacity: 1;
2805
2877
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
2806
2878
  }
2879
+ .text-rose-500 {
2880
+ --tw-text-opacity: 1;
2881
+ color: rgb(244 63 94 / var(--tw-text-opacity, 1));
2882
+ }
2807
2883
  .text-rose-600 {
2808
2884
  --tw-text-opacity: 1;
2809
2885
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
@@ -2816,6 +2892,10 @@ select:-webkit-autofill:focus {
2816
2892
  --tw-text-opacity: 1;
2817
2893
  color: rgb(159 18 57 / var(--tw-text-opacity, 1));
2818
2894
  }
2895
+ .text-rose-900 {
2896
+ --tw-text-opacity: 1;
2897
+ color: rgb(136 19 55 / var(--tw-text-opacity, 1));
2898
+ }
2819
2899
  .text-sky-500 {
2820
2900
  --tw-text-opacity: 1;
2821
2901
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
@@ -2874,6 +2954,10 @@ select:-webkit-autofill:focus {
2874
2954
  --tw-text-opacity: 1;
2875
2955
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
2876
2956
  }
2957
+ .text-zinc-400 {
2958
+ --tw-text-opacity: 1;
2959
+ color: rgb(161 161 170 / var(--tw-text-opacity, 1));
2960
+ }
2877
2961
  .text-zinc-500 {
2878
2962
  --tw-text-opacity: 1;
2879
2963
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
@@ -2882,6 +2966,14 @@ select:-webkit-autofill:focus {
2882
2966
  --tw-text-opacity: 1;
2883
2967
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
2884
2968
  }
2969
+ .text-zinc-700 {
2970
+ --tw-text-opacity: 1;
2971
+ color: rgb(63 63 70 / var(--tw-text-opacity, 1));
2972
+ }
2973
+ .text-zinc-800 {
2974
+ --tw-text-opacity: 1;
2975
+ color: rgb(39 39 42 / var(--tw-text-opacity, 1));
2976
+ }
2885
2977
  .text-zinc-900 {
2886
2978
  --tw-text-opacity: 1;
2887
2979
  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
@@ -3114,6 +3206,9 @@ select:-webkit-autofill:focus {
3114
3206
  --tw-ring-opacity: 1;
3115
3207
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
3116
3208
  }
3209
+ .ring-emerald-500\\/20 {
3210
+ --tw-ring-color: rgb(16 185 129 / 0.2);
3211
+ }
3117
3212
  .ring-red-500 {
3118
3213
  --tw-ring-opacity: 1;
3119
3214
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
@@ -3277,6 +3372,14 @@ select:-webkit-autofill:focus {
3277
3372
  --tw-bg-opacity: 1;
3278
3373
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
3279
3374
  }
3375
+ .placeholder\\:text-zinc-400::-moz-placeholder {
3376
+ --tw-text-opacity: 1;
3377
+ color: rgb(161 161 170 / var(--tw-text-opacity, 1));
3378
+ }
3379
+ .placeholder\\:text-zinc-400::placeholder {
3380
+ --tw-text-opacity: 1;
3381
+ color: rgb(161 161 170 / var(--tw-text-opacity, 1));
3382
+ }
3280
3383
  .before\\:absolute::before {
3281
3384
  content: var(--tw-content);
3282
3385
  position: absolute;
@@ -3326,6 +3429,14 @@ select:-webkit-autofill:focus {
3326
3429
  .last\\:pb-0:last-child {
3327
3430
  padding-bottom: 0px;
3328
3431
  }
3432
+ .focus-within\\:border-emerald-500:focus-within {
3433
+ --tw-border-opacity: 1;
3434
+ border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
3435
+ }
3436
+ .focus-within\\:border-rose-500:focus-within {
3437
+ --tw-border-opacity: 1;
3438
+ border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
3439
+ }
3329
3440
  .focus-within\\:bg-white:focus-within {
3330
3441
  --tw-bg-opacity: 1;
3331
3442
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -3333,6 +3444,20 @@ select:-webkit-autofill:focus {
3333
3444
  .focus-within\\:opacity-100:focus-within {
3334
3445
  opacity: 1;
3335
3446
  }
3447
+ .focus-within\\:ring-2:focus-within {
3448
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3449
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3450
+ box-shadow:
3451
+ var(--tw-ring-offset-shadow),
3452
+ var(--tw-ring-shadow),
3453
+ var(--tw-shadow, 0 0 #0000);
3454
+ }
3455
+ .focus-within\\:ring-emerald-500\\/20:focus-within {
3456
+ --tw-ring-color: rgb(16 185 129 / 0.2);
3457
+ }
3458
+ .focus-within\\:ring-rose-500\\/20:focus-within {
3459
+ --tw-ring-color: rgb(244 63 94 / 0.2);
3460
+ }
3336
3461
  .hover\\:-translate-y-0\\.5:hover {
3337
3462
  --tw-translate-y: -0.125rem;
3338
3463
  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));
@@ -3431,6 +3556,9 @@ select:-webkit-autofill:focus {
3431
3556
  .hover\\:bg-gray-50\\/50:hover {
3432
3557
  background-color: rgb(249 250 251 / 0.5);
3433
3558
  }
3559
+ .hover\\:bg-gray-50\\/60:hover {
3560
+ background-color: rgb(249 250 251 / 0.6);
3561
+ }
3434
3562
  .hover\\:bg-gray-800:hover {
3435
3563
  --tw-bg-opacity: 1;
3436
3564
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
@@ -3480,6 +3608,9 @@ select:-webkit-autofill:focus {
3480
3608
  .hover\\:bg-slate-50\\/50:hover {
3481
3609
  background-color: rgb(248 250 252 / 0.5);
3482
3610
  }
3611
+ .hover\\:bg-transparent:hover {
3612
+ background-color: transparent;
3613
+ }
3483
3614
  .hover\\:bg-white:hover {
3484
3615
  --tw-bg-opacity: 1;
3485
3616
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -3494,6 +3625,16 @@ select:-webkit-autofill:focus {
3494
3625
  --tw-bg-opacity: 1;
3495
3626
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
3496
3627
  }
3628
+ .hover\\:bg-zinc-100:hover {
3629
+ --tw-bg-opacity: 1;
3630
+ background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
3631
+ }
3632
+ .hover\\:bg-zinc-100\\/60:hover {
3633
+ background-color: rgb(244 244 245 / 0.6);
3634
+ }
3635
+ .hover\\:bg-zinc-200\\/50:hover {
3636
+ background-color: rgb(228 228 231 / 0.5);
3637
+ }
3497
3638
  .hover\\:bg-zinc-800:hover {
3498
3639
  --tw-bg-opacity: 1;
3499
3640
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
@@ -3546,6 +3687,14 @@ select:-webkit-autofill:focus {
3546
3687
  --tw-text-opacity: 1;
3547
3688
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3548
3689
  }
3690
+ .hover\\:text-zinc-600:hover {
3691
+ --tw-text-opacity: 1;
3692
+ color: rgb(82 82 91 / var(--tw-text-opacity, 1));
3693
+ }
3694
+ .hover\\:text-zinc-700:hover {
3695
+ --tw-text-opacity: 1;
3696
+ color: rgb(63 63 70 / var(--tw-text-opacity, 1));
3697
+ }
3549
3698
  .hover\\:underline:hover {
3550
3699
  text-decoration-line: underline;
3551
3700
  }
@@ -3595,6 +3744,10 @@ select:-webkit-autofill:focus {
3595
3744
  --tw-border-opacity: 1;
3596
3745
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
3597
3746
  }
3747
+ .focus\\:border-rose-500:focus {
3748
+ --tw-border-opacity: 1;
3749
+ border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
3750
+ }
3598
3751
  .focus\\:border-slate-400:focus {
3599
3752
  --tw-border-opacity: 1;
3600
3753
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
@@ -3642,6 +3795,9 @@ select:-webkit-autofill:focus {
3642
3795
  --tw-ring-opacity: 1;
3643
3796
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
3644
3797
  }
3798
+ .focus\\:ring-emerald-500\\/20:focus {
3799
+ --tw-ring-color: rgb(16 185 129 / 0.2);
3800
+ }
3645
3801
  .focus\\:ring-gray-400:focus {
3646
3802
  --tw-ring-opacity: 1;
3647
3803
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1));
@@ -3650,6 +3806,9 @@ select:-webkit-autofill:focus {
3650
3806
  --tw-ring-opacity: 1;
3651
3807
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
3652
3808
  }
3809
+ .focus\\:ring-rose-500\\/20:focus {
3810
+ --tw-ring-color: rgb(244 63 94 / 0.2);
3811
+ }
3653
3812
  .focus\\:ring-slate-400:focus {
3654
3813
  --tw-ring-opacity: 1;
3655
3814
  --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1));
@@ -3755,9 +3914,15 @@ select:-webkit-autofill:focus {
3755
3914
  .dark\\:divide-zinc-800\\/50:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
3756
3915
  border-color: rgb(39 39 42 / 0.5);
3757
3916
  }
3917
+ .dark\\:divide-zinc-800\\/60:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
3918
+ border-color: rgb(39 39 42 / 0.6);
3919
+ }
3758
3920
  .dark\\:border-amber-500\\/20:is(.dark *) {
3759
3921
  border-color: rgb(245 158 11 / 0.2);
3760
3922
  }
3923
+ .dark\\:border-amber-800\\/40:is(.dark *) {
3924
+ border-color: rgb(146 64 14 / 0.4);
3925
+ }
3761
3926
  .dark\\:border-amber-900\\/30:is(.dark *) {
3762
3927
  border-color: rgb(120 53 15 / 0.3);
3763
3928
  }
@@ -3831,6 +3996,10 @@ select:-webkit-autofill:focus {
3831
3996
  .dark\\:border-red-900\\/50:is(.dark *) {
3832
3997
  border-color: rgb(127 29 29 / 0.5);
3833
3998
  }
3999
+ .dark\\:border-rose-800:is(.dark *) {
4000
+ --tw-border-opacity: 1;
4001
+ border-color: rgb(159 18 57 / var(--tw-border-opacity, 1));
4002
+ }
3834
4003
  .dark\\:border-rose-900\\/30:is(.dark *) {
3835
4004
  border-color: rgb(136 19 55 / 0.3);
3836
4005
  }
@@ -4192,6 +4361,9 @@ select:-webkit-autofill:focus {
4192
4361
  .dark\\:bg-zinc-800\\/50:is(.dark *) {
4193
4362
  background-color: rgb(39 39 42 / 0.5);
4194
4363
  }
4364
+ .dark\\:bg-zinc-800\\/60:is(.dark *) {
4365
+ background-color: rgb(39 39 42 / 0.6);
4366
+ }
4195
4367
  .dark\\:bg-zinc-800\\/80:is(.dark *) {
4196
4368
  background-color: rgb(39 39 42 / 0.8);
4197
4369
  }
@@ -4217,6 +4389,9 @@ select:-webkit-autofill:focus {
4217
4389
  .dark\\:bg-zinc-900\\/80:is(.dark *) {
4218
4390
  background-color: rgb(24 24 27 / 0.8);
4219
4391
  }
4392
+ .dark\\:bg-zinc-900\\/90:is(.dark *) {
4393
+ background-color: rgb(24 24 27 / 0.9);
4394
+ }
4220
4395
  .dark\\:bg-zinc-950:is(.dark *) {
4221
4396
  --tw-bg-opacity: 1;
4222
4397
  background-color: rgb(9 9 11 / var(--tw-bg-opacity, 1));
@@ -4362,6 +4537,10 @@ select:-webkit-autofill:focus {
4362
4537
  --tw-text-opacity: 1;
4363
4538
  color: rgb(255 228 230 / var(--tw-text-opacity, 1));
4364
4539
  }
4540
+ .dark\\:text-rose-200:is(.dark *) {
4541
+ --tw-text-opacity: 1;
4542
+ color: rgb(254 205 211 / var(--tw-text-opacity, 1));
4543
+ }
4365
4544
  .dark\\:text-rose-400:is(.dark *) {
4366
4545
  --tw-text-opacity: 1;
4367
4546
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
@@ -4472,6 +4651,14 @@ select:-webkit-autofill:focus {
4472
4651
  --tw-ring-opacity: 1;
4473
4652
  --tw-ring-color: rgb(9 9 11 / var(--tw-ring-opacity, 1));
4474
4653
  }
4654
+ .dark\\:placeholder\\:text-zinc-500:is(.dark *)::-moz-placeholder {
4655
+ --tw-text-opacity: 1;
4656
+ color: rgb(113 113 122 / var(--tw-text-opacity, 1));
4657
+ }
4658
+ .dark\\:placeholder\\:text-zinc-500:is(.dark *)::placeholder {
4659
+ --tw-text-opacity: 1;
4660
+ color: rgb(113 113 122 / var(--tw-text-opacity, 1));
4661
+ }
4475
4662
  .dark\\:focus-within\\:bg-zinc-900:focus-within:is(.dark *) {
4476
4663
  --tw-bg-opacity: 1;
4477
4664
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
@@ -4588,6 +4775,9 @@ select:-webkit-autofill:focus {
4588
4775
  --tw-bg-opacity: 1;
4589
4776
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
4590
4777
  }
4778
+ .dark\\:hover\\:bg-zinc-700\\/50:hover:is(.dark *) {
4779
+ background-color: rgb(63 63 70 / 0.5);
4780
+ }
4591
4781
  .dark\\:hover\\:bg-zinc-700\\/80:hover:is(.dark *) {
4592
4782
  background-color: rgb(63 63 70 / 0.8);
4593
4783
  }
@@ -4601,6 +4791,12 @@ select:-webkit-autofill:focus {
4601
4791
  .dark\\:hover\\:bg-zinc-800\\/20:hover:is(.dark *) {
4602
4792
  background-color: rgb(39 39 42 / 0.2);
4603
4793
  }
4794
+ .dark\\:hover\\:bg-zinc-800\\/40:hover:is(.dark *) {
4795
+ background-color: rgb(39 39 42 / 0.4);
4796
+ }
4797
+ .dark\\:hover\\:bg-zinc-800\\/90:hover:is(.dark *) {
4798
+ background-color: rgb(39 39 42 / 0.9);
4799
+ }
4604
4800
  .dark\\:hover\\:bg-zinc-900:hover:is(.dark *) {
4605
4801
  --tw-bg-opacity: 1;
4606
4802
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
@@ -4984,9 +5180,28 @@ select:-webkit-autofill:focus {
4984
5180
  font-size: 1rem;
4985
5181
  line-height: 1.5rem;
4986
5182
  }
5183
+ .\\[\\&_\\.PhoneInputCountrySelectArrow\\]\\:text-zinc-400 .PhoneInputCountrySelectArrow {
5184
+ --tw-text-opacity: 1;
5185
+ color: rgb(161 161 170 / var(--tw-text-opacity, 1));
5186
+ }
5187
+ .\\[\\&_\\.PhoneInputCountrySelectArrow\\]\\:opacity-70 .PhoneInputCountrySelectArrow {
5188
+ opacity: 0.7;
5189
+ }
5190
+ .\\[\\&_\\.PhoneInputCountrySelect\\]\\:cursor-pointer .PhoneInputCountrySelect {
5191
+ cursor: pointer;
5192
+ }
4987
5193
  .\\[\\&_\\.PhoneInputCountry\\]\\:mr-2 .PhoneInputCountry {
4988
5194
  margin-right: 0.5rem;
4989
5195
  }
5196
+ .\\[\\&_\\.PhoneInputCountry\\]\\:mr-2\\.5 .PhoneInputCountry {
5197
+ margin-right: 0.625rem;
5198
+ }
5199
+ .\\[\\&_\\.PhoneInputCountry\\]\\:flex .PhoneInputCountry {
5200
+ display: flex;
5201
+ }
5202
+ .\\[\\&_\\.PhoneInputCountry\\]\\:items-center .PhoneInputCountry {
5203
+ align-items: center;
5204
+ }
4990
5205
  .\\[\\&_\\.PhoneInputInput\\:\\:placeholder\\]\\:text-gray-400 .PhoneInputInput::-moz-placeholder {
4991
5206
  --tw-text-opacity: 1;
4992
5207
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
@@ -4995,6 +5210,14 @@ select:-webkit-autofill:focus {
4995
5210
  --tw-text-opacity: 1;
4996
5211
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
4997
5212
  }
5213
+ .\\[\\&_\\.PhoneInputInput\\:\\:placeholder\\]\\:text-zinc-400 .PhoneInputInput::-moz-placeholder {
5214
+ --tw-text-opacity: 1;
5215
+ color: rgb(161 161 170 / var(--tw-text-opacity, 1));
5216
+ }
5217
+ .\\[\\&_\\.PhoneInputInput\\:\\:placeholder\\]\\:text-zinc-400 .PhoneInputInput::placeholder {
5218
+ --tw-text-opacity: 1;
5219
+ color: rgb(161 161 170 / var(--tw-text-opacity, 1));
5220
+ }
4998
5221
  .\\[\\&_\\.PhoneInputInput\\:\\:placeholder\\]\\:dark\\:text-zinc-500:is(.dark *) .PhoneInputInput::-moz-placeholder {
4999
5222
  --tw-text-opacity: 1;
5000
5223
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
@@ -5003,17 +5226,57 @@ select:-webkit-autofill:focus {
5003
5226
  --tw-text-opacity: 1;
5004
5227
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
5005
5228
  }
5229
+ .\\[\\&_\\.PhoneInputInput\\]\\:h-full .PhoneInputInput {
5230
+ height: 100%;
5231
+ }
5232
+ .\\[\\&_\\.PhoneInputInput\\]\\:w-full .PhoneInputInput {
5233
+ width: 100%;
5234
+ }
5235
+ .\\[\\&_\\.PhoneInputInput\\]\\:border-none .PhoneInputInput {
5236
+ border-style: none;
5237
+ }
5006
5238
  .\\[\\&_\\.PhoneInputInput\\]\\:bg-transparent .PhoneInputInput {
5007
5239
  background-color: transparent;
5008
5240
  }
5241
+ .\\[\\&_\\.PhoneInputInput\\]\\:font-mono .PhoneInputInput {
5242
+ font-family:
5243
+ ui-monospace,
5244
+ SFMono-Regular,
5245
+ Menlo,
5246
+ Monaco,
5247
+ Consolas,
5248
+ "Liberation Mono",
5249
+ "Courier New",
5250
+ monospace;
5251
+ }
5009
5252
  .\\[\\&_\\.PhoneInputInput\\]\\:text-sm .PhoneInputInput {
5010
5253
  font-size: 0.875rem;
5011
5254
  line-height: 1.25rem;
5012
5255
  }
5256
+ .\\[\\&_\\.PhoneInputInput\\]\\:text-xs .PhoneInputInput {
5257
+ font-size: 0.75rem;
5258
+ line-height: 1rem;
5259
+ }
5260
+ .\\[\\&_\\.PhoneInputInput\\]\\:text-zinc-900 .PhoneInputInput {
5261
+ --tw-text-opacity: 1;
5262
+ color: rgb(24 24 27 / var(--tw-text-opacity, 1));
5263
+ }
5013
5264
  .\\[\\&_\\.PhoneInputInput\\]\\:outline-none .PhoneInputInput {
5014
5265
  outline: 2px solid transparent;
5015
5266
  outline-offset: 2px;
5016
5267
  }
5268
+ .\\[\\&_\\.PhoneInputInput\\]\\:focus\\:ring-0:focus .PhoneInputInput {
5269
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5270
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5271
+ box-shadow:
5272
+ var(--tw-ring-offset-shadow),
5273
+ var(--tw-ring-shadow),
5274
+ var(--tw-shadow, 0 0 #0000);
5275
+ }
5276
+ .\\[\\&_\\.PhoneInputInput\\]\\:dark\\:text-zinc-100:is(.dark *) .PhoneInputInput {
5277
+ --tw-text-opacity: 1;
5278
+ color: rgb(244 244 245 / var(--tw-text-opacity, 1));
5279
+ }
5017
5280
  .\\[\\&_svg\\]\\:h-4 svg {
5018
5281
  height: 1rem;
5019
5282
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "warqadui",
3
- "version": "0.0.297",
3
+ "version": "0.0.299",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",