warqadui 0.0.63 → 0.0.64

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 +3 -1
  2. package/dist/index.d.ts +3 -1
  3. package/dist/index.js +23 -3
  4. package/dist/index.mjs +213 -193
  5. package/dist/styles.js +61 -0
  6. package/dist/styles.mjs +61 -0
  7. package/package.json +1 -1
package/dist/styles.js CHANGED
@@ -688,6 +688,9 @@ select:-webkit-autofill:focus {
688
688
  .h-16 {
689
689
  height: 4rem;
690
690
  }
691
+ .h-2 {
692
+ height: 0.5rem;
693
+ }
691
694
  .h-28 {
692
695
  height: 7rem;
693
696
  }
@@ -766,6 +769,9 @@ select:-webkit-autofill:focus {
766
769
  .w-16 {
767
770
  width: 4rem;
768
771
  }
772
+ .w-2 {
773
+ width: 0.5rem;
774
+ }
769
775
  .w-28 {
770
776
  width: 7rem;
771
777
  }
@@ -894,6 +900,10 @@ select:-webkit-autofill:focus {
894
900
  --tw-translate-x: -50%;
895
901
  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));
896
902
  }
903
+ .-translate-x-full {
904
+ --tw-translate-x: -100%;
905
+ 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));
906
+ }
897
907
  .-translate-y-1\\/2 {
898
908
  --tw-translate-y: -50%;
899
909
  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));
@@ -926,6 +936,14 @@ select:-webkit-autofill:focus {
926
936
  .animate-pulse {
927
937
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
928
938
  }
939
+ @keyframes shimmer {
940
+ 100% {
941
+ transform: translateX(100%);
942
+ }
943
+ }
944
+ .animate-shimmer {
945
+ animation: shimmer 2s infinite;
946
+ }
929
947
  @keyframes spin {
930
948
  to {
931
949
  transform: rotate(360deg);
@@ -1020,6 +1038,11 @@ select:-webkit-autofill:focus {
1020
1038
  .gap-8 {
1021
1039
  gap: 2rem;
1022
1040
  }
1041
+ .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1042
+ --tw-space-x-reverse: 0;
1043
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1044
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1045
+ }
1023
1046
  .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1024
1047
  --tw-space-y-reverse: 0;
1025
1048
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1263,6 +1286,10 @@ select:-webkit-autofill:focus {
1263
1286
  .bg-blue-50\\/50 {
1264
1287
  background-color: rgb(239 246 255 / 0.5);
1265
1288
  }
1289
+ .bg-blue-500 {
1290
+ --tw-bg-opacity: 1;
1291
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
1292
+ }
1266
1293
  .bg-blue-500\\/20 {
1267
1294
  background-color: rgb(59 130 246 / 0.2);
1268
1295
  }
@@ -1368,6 +1395,9 @@ select:-webkit-autofill:focus {
1368
1395
  .bg-white\\/30 {
1369
1396
  background-color: rgb(255 255 255 / 0.3);
1370
1397
  }
1398
+ .bg-white\\/40 {
1399
+ background-color: rgb(255 255 255 / 0.4);
1400
+ }
1371
1401
  .bg-white\\/50 {
1372
1402
  background-color: rgb(255 255 255 / 0.5);
1373
1403
  }
@@ -1442,6 +1472,13 @@ select:-webkit-autofill:focus {
1442
1472
  transparent var(--tw-gradient-via-position),
1443
1473
  var(--tw-gradient-to);
1444
1474
  }
1475
+ .via-white\\/50 {
1476
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1477
+ --tw-gradient-stops:
1478
+ var(--tw-gradient-from),
1479
+ rgb(255 255 255 / 0.5) var(--tw-gradient-via-position),
1480
+ var(--tw-gradient-to);
1481
+ }
1445
1482
  .to-black\\/30 {
1446
1483
  --tw-gradient-to: rgb(0 0 0 / 0.3) var(--tw-gradient-to-position);
1447
1484
  }
@@ -1460,6 +1497,9 @@ select:-webkit-autofill:focus {
1460
1497
  .to-purple-600\\/10 {
1461
1498
  --tw-gradient-to: rgb(147 51 234 / 0.1) var(--tw-gradient-to-position);
1462
1499
  }
1500
+ .to-transparent {
1501
+ --tw-gradient-to: transparent var(--tw-gradient-to-position);
1502
+ }
1463
1503
  .bg-cover {
1464
1504
  background-size: cover;
1465
1505
  }
@@ -2072,6 +2112,10 @@ select:-webkit-autofill:focus {
2072
2112
  --tw-blur: blur(64px);
2073
2113
  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);
2074
2114
  }
2115
+ .blur-\\[1px\\] {
2116
+ --tw-blur: blur(1px);
2117
+ 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
+ }
2075
2119
  .blur-lg {
2076
2120
  --tw-blur: blur(16px);
2077
2121
  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);
@@ -2102,6 +2146,10 @@ select:-webkit-autofill:focus {
2102
2146
  .filter {
2103
2147
  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);
2104
2148
  }
2149
+ .backdrop-blur-\\[2px\\] {
2150
+ --tw-backdrop-blur: blur(2px);
2151
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2152
+ }
2105
2153
  .backdrop-blur-md {
2106
2154
  --tw-backdrop-blur: blur(12px);
2107
2155
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@@ -2567,6 +2615,9 @@ select:-webkit-autofill:focus {
2567
2615
  --tw-bg-opacity: 1;
2568
2616
  background-color: rgb(10 11 16 / var(--tw-bg-opacity, 1));
2569
2617
  }
2618
+ .dark\\:bg-black\\/20:is(.dark *) {
2619
+ background-color: rgb(0 0 0 / 0.2);
2620
+ }
2570
2621
  .dark\\:bg-black\\/40:is(.dark *) {
2571
2622
  background-color: rgb(0 0 0 / 0.4);
2572
2623
  }
@@ -2659,6 +2710,9 @@ select:-webkit-autofill:focus {
2659
2710
  .dark\\:bg-zinc-800\\/50:is(.dark *) {
2660
2711
  background-color: rgb(39 39 42 / 0.5);
2661
2712
  }
2713
+ .dark\\:bg-zinc-800\\/80:is(.dark *) {
2714
+ background-color: rgb(39 39 42 / 0.8);
2715
+ }
2662
2716
  .dark\\:bg-zinc-900:is(.dark *) {
2663
2717
  --tw-bg-opacity: 1;
2664
2718
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
@@ -2702,6 +2756,13 @@ select:-webkit-autofill:focus {
2702
2756
  rgb(99 102 241 / 0.05) var(--tw-gradient-via-position),
2703
2757
  var(--tw-gradient-to);
2704
2758
  }
2759
+ .dark\\:via-zinc-400\\/10:is(.dark *) {
2760
+ --tw-gradient-to: rgb(161 161 170 / 0) var(--tw-gradient-to-position);
2761
+ --tw-gradient-stops:
2762
+ var(--tw-gradient-from),
2763
+ rgb(161 161 170 / 0.1) var(--tw-gradient-via-position),
2764
+ var(--tw-gradient-to);
2765
+ }
2705
2766
  .dark\\:to-indigo-900\\/20:is(.dark *) {
2706
2767
  --tw-gradient-to: rgb(49 46 129 / 0.2) var(--tw-gradient-to-position);
2707
2768
  }
package/dist/styles.mjs CHANGED
@@ -686,6 +686,9 @@ select:-webkit-autofill:focus {
686
686
  .h-16 {
687
687
  height: 4rem;
688
688
  }
689
+ .h-2 {
690
+ height: 0.5rem;
691
+ }
689
692
  .h-28 {
690
693
  height: 7rem;
691
694
  }
@@ -764,6 +767,9 @@ select:-webkit-autofill:focus {
764
767
  .w-16 {
765
768
  width: 4rem;
766
769
  }
770
+ .w-2 {
771
+ width: 0.5rem;
772
+ }
767
773
  .w-28 {
768
774
  width: 7rem;
769
775
  }
@@ -892,6 +898,10 @@ select:-webkit-autofill:focus {
892
898
  --tw-translate-x: -50%;
893
899
  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));
894
900
  }
901
+ .-translate-x-full {
902
+ --tw-translate-x: -100%;
903
+ 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));
904
+ }
895
905
  .-translate-y-1\\/2 {
896
906
  --tw-translate-y: -50%;
897
907
  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));
@@ -924,6 +934,14 @@ select:-webkit-autofill:focus {
924
934
  .animate-pulse {
925
935
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
926
936
  }
937
+ @keyframes shimmer {
938
+ 100% {
939
+ transform: translateX(100%);
940
+ }
941
+ }
942
+ .animate-shimmer {
943
+ animation: shimmer 2s infinite;
944
+ }
927
945
  @keyframes spin {
928
946
  to {
929
947
  transform: rotate(360deg);
@@ -1018,6 +1036,11 @@ select:-webkit-autofill:focus {
1018
1036
  .gap-8 {
1019
1037
  gap: 2rem;
1020
1038
  }
1039
+ .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1040
+ --tw-space-x-reverse: 0;
1041
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1042
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1043
+ }
1021
1044
  .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1022
1045
  --tw-space-y-reverse: 0;
1023
1046
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1261,6 +1284,10 @@ select:-webkit-autofill:focus {
1261
1284
  .bg-blue-50\\/50 {
1262
1285
  background-color: rgb(239 246 255 / 0.5);
1263
1286
  }
1287
+ .bg-blue-500 {
1288
+ --tw-bg-opacity: 1;
1289
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
1290
+ }
1264
1291
  .bg-blue-500\\/20 {
1265
1292
  background-color: rgb(59 130 246 / 0.2);
1266
1293
  }
@@ -1366,6 +1393,9 @@ select:-webkit-autofill:focus {
1366
1393
  .bg-white\\/30 {
1367
1394
  background-color: rgb(255 255 255 / 0.3);
1368
1395
  }
1396
+ .bg-white\\/40 {
1397
+ background-color: rgb(255 255 255 / 0.4);
1398
+ }
1369
1399
  .bg-white\\/50 {
1370
1400
  background-color: rgb(255 255 255 / 0.5);
1371
1401
  }
@@ -1440,6 +1470,13 @@ select:-webkit-autofill:focus {
1440
1470
  transparent var(--tw-gradient-via-position),
1441
1471
  var(--tw-gradient-to);
1442
1472
  }
1473
+ .via-white\\/50 {
1474
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1475
+ --tw-gradient-stops:
1476
+ var(--tw-gradient-from),
1477
+ rgb(255 255 255 / 0.5) var(--tw-gradient-via-position),
1478
+ var(--tw-gradient-to);
1479
+ }
1443
1480
  .to-black\\/30 {
1444
1481
  --tw-gradient-to: rgb(0 0 0 / 0.3) var(--tw-gradient-to-position);
1445
1482
  }
@@ -1458,6 +1495,9 @@ select:-webkit-autofill:focus {
1458
1495
  .to-purple-600\\/10 {
1459
1496
  --tw-gradient-to: rgb(147 51 234 / 0.1) var(--tw-gradient-to-position);
1460
1497
  }
1498
+ .to-transparent {
1499
+ --tw-gradient-to: transparent var(--tw-gradient-to-position);
1500
+ }
1461
1501
  .bg-cover {
1462
1502
  background-size: cover;
1463
1503
  }
@@ -2070,6 +2110,10 @@ select:-webkit-autofill:focus {
2070
2110
  --tw-blur: blur(64px);
2071
2111
  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);
2072
2112
  }
2113
+ .blur-\\[1px\\] {
2114
+ --tw-blur: blur(1px);
2115
+ 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
+ }
2073
2117
  .blur-lg {
2074
2118
  --tw-blur: blur(16px);
2075
2119
  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);
@@ -2100,6 +2144,10 @@ select:-webkit-autofill:focus {
2100
2144
  .filter {
2101
2145
  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);
2102
2146
  }
2147
+ .backdrop-blur-\\[2px\\] {
2148
+ --tw-backdrop-blur: blur(2px);
2149
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2150
+ }
2103
2151
  .backdrop-blur-md {
2104
2152
  --tw-backdrop-blur: blur(12px);
2105
2153
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@@ -2565,6 +2613,9 @@ select:-webkit-autofill:focus {
2565
2613
  --tw-bg-opacity: 1;
2566
2614
  background-color: rgb(10 11 16 / var(--tw-bg-opacity, 1));
2567
2615
  }
2616
+ .dark\\:bg-black\\/20:is(.dark *) {
2617
+ background-color: rgb(0 0 0 / 0.2);
2618
+ }
2568
2619
  .dark\\:bg-black\\/40:is(.dark *) {
2569
2620
  background-color: rgb(0 0 0 / 0.4);
2570
2621
  }
@@ -2657,6 +2708,9 @@ select:-webkit-autofill:focus {
2657
2708
  .dark\\:bg-zinc-800\\/50:is(.dark *) {
2658
2709
  background-color: rgb(39 39 42 / 0.5);
2659
2710
  }
2711
+ .dark\\:bg-zinc-800\\/80:is(.dark *) {
2712
+ background-color: rgb(39 39 42 / 0.8);
2713
+ }
2660
2714
  .dark\\:bg-zinc-900:is(.dark *) {
2661
2715
  --tw-bg-opacity: 1;
2662
2716
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
@@ -2700,6 +2754,13 @@ select:-webkit-autofill:focus {
2700
2754
  rgb(99 102 241 / 0.05) var(--tw-gradient-via-position),
2701
2755
  var(--tw-gradient-to);
2702
2756
  }
2757
+ .dark\\:via-zinc-400\\/10:is(.dark *) {
2758
+ --tw-gradient-to: rgb(161 161 170 / 0) var(--tw-gradient-to-position);
2759
+ --tw-gradient-stops:
2760
+ var(--tw-gradient-from),
2761
+ rgb(161 161 170 / 0.1) var(--tw-gradient-via-position),
2762
+ var(--tw-gradient-to);
2763
+ }
2703
2764
  .dark\\:to-indigo-900\\/20:is(.dark *) {
2704
2765
  --tw-gradient-to: rgb(49 46 129 / 0.2) var(--tw-gradient-to-position);
2705
2766
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "warqadui",
3
- "version": "0.0.63",
3
+ "version": "0.0.64",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",