@mlw-packages/react-components 1.5.8 → 1.6.0

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/index.css CHANGED
@@ -463,6 +463,9 @@ body {
463
463
  .bottom-0 {
464
464
  bottom: 0px;
465
465
  }
466
+ .bottom-2 {
467
+ bottom: 0.5rem;
468
+ }
466
469
  .left-0 {
467
470
  left: 0px;
468
471
  }
@@ -577,9 +580,6 @@ body {
577
580
  .row-span-3 {
578
581
  grid-row: span 3 / span 3;
579
582
  }
580
- .m-0 {
581
- margin: 0px;
582
- }
583
583
  .m-12 {
584
584
  margin: 3rem;
585
585
  }
@@ -726,6 +726,9 @@ body {
726
726
  .mt-auto {
727
727
  margin-top: auto;
728
728
  }
729
+ .box-border {
730
+ box-sizing: border-box;
731
+ }
729
732
  .line-clamp-2 {
730
733
  overflow: hidden;
731
734
  display: -webkit-box;
@@ -811,6 +814,9 @@ body {
811
814
  .h-14 {
812
815
  height: 3.5rem;
813
816
  }
817
+ .h-16 {
818
+ height: 4rem;
819
+ }
814
820
  .h-2 {
815
821
  height: 0.5rem;
816
822
  }
@@ -880,6 +886,9 @@ body {
880
886
  .h-\[220px\] {
881
887
  height: 220px;
882
888
  }
889
+ .h-\[34px\] {
890
+ height: 34px;
891
+ }
883
892
  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
884
893
  height: var(--radix-navigation-menu-viewport-height);
885
894
  }
@@ -901,6 +910,9 @@ body {
901
910
  .max-h-40 {
902
911
  max-height: 10rem;
903
912
  }
913
+ .max-h-44 {
914
+ max-height: 11rem;
915
+ }
904
916
  .max-h-48 {
905
917
  max-height: 12rem;
906
918
  }
@@ -937,14 +949,11 @@ body {
937
949
  .min-h-\[36px\] {
938
950
  min-height: 36px;
939
951
  }
940
- .min-h-\[44px\] {
941
- min-height: 44px;
942
- }
943
952
  .min-h-\[600px\] {
944
953
  min-height: 600px;
945
954
  }
946
- .min-h-\[60px\] {
947
- min-height: 60px;
955
+ .min-h-\[80px\] {
956
+ min-height: 80px;
948
957
  }
949
958
  .min-h-screen {
950
959
  min-height: 100vh;
@@ -1272,6 +1281,11 @@ body {
1272
1281
  --tw-scale-y: 1;
1273
1282
  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));
1274
1283
  }
1284
+ .scale-\[1\.02\] {
1285
+ --tw-scale-x: 1.02;
1286
+ --tw-scale-y: 1.02;
1287
+ 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));
1288
+ }
1275
1289
  .transform {
1276
1290
  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));
1277
1291
  }
@@ -1327,6 +1341,9 @@ body {
1327
1341
  -moz-user-select: all;
1328
1342
  user-select: all;
1329
1343
  }
1344
+ .resize {
1345
+ resize: both;
1346
+ }
1330
1347
  .list-inside {
1331
1348
  list-style-position: inside;
1332
1349
  }
@@ -1531,9 +1548,6 @@ body {
1531
1548
  .whitespace-pre-wrap {
1532
1549
  white-space: pre-wrap;
1533
1550
  }
1534
- .whitespace-break-spaces {
1535
- white-space: break-spaces;
1536
- }
1537
1551
  .break-words {
1538
1552
  overflow-wrap: break-word;
1539
1553
  }
@@ -1631,9 +1645,6 @@ body {
1631
1645
  .border-b {
1632
1646
  border-bottom-width: 1px;
1633
1647
  }
1634
- .border-b-2 {
1635
- border-bottom-width: 2px;
1636
- }
1637
1648
  .border-l {
1638
1649
  border-left-width: 1px;
1639
1650
  }
@@ -1667,6 +1678,9 @@ body {
1667
1678
  .border-destructive {
1668
1679
  border-color: hsl(var(--destructive));
1669
1680
  }
1681
+ .border-destructive\/50 {
1682
+ border-color: hsl(var(--destructive) / 0.5);
1683
+ }
1670
1684
  .border-gray-200 {
1671
1685
  --tw-border-opacity: 1;
1672
1686
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
@@ -1690,6 +1704,9 @@ body {
1690
1704
  .border-primary\/20 {
1691
1705
  border-color: hsl(var(--primary) / 0.2);
1692
1706
  }
1707
+ .border-primary\/30 {
1708
+ border-color: hsl(var(--primary) / 0.3);
1709
+ }
1693
1710
  .border-primary\/70 {
1694
1711
  border-color: hsl(var(--primary) / 0.7);
1695
1712
  }
@@ -1743,6 +1760,9 @@ body {
1743
1760
  .bg-background {
1744
1761
  background-color: hsl(var(--background));
1745
1762
  }
1763
+ .bg-background\/50 {
1764
+ background-color: hsl(var(--background) / 0.5);
1765
+ }
1746
1766
  .bg-background\/80 {
1747
1767
  background-color: hsl(var(--background) / 0.8);
1748
1768
  }
@@ -1782,6 +1802,9 @@ body {
1782
1802
  .bg-destructive {
1783
1803
  background-color: hsl(var(--destructive));
1784
1804
  }
1805
+ .bg-destructive\/5 {
1806
+ background-color: hsl(var(--destructive) / 0.05);
1807
+ }
1785
1808
  .bg-emerald-600 {
1786
1809
  --tw-bg-opacity: 1;
1787
1810
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
@@ -1864,9 +1887,6 @@ body {
1864
1887
  .bg-primary\/20 {
1865
1888
  background-color: hsl(var(--primary) / 0.2);
1866
1889
  }
1867
- .bg-primary\/5 {
1868
- background-color: hsl(var(--primary) / 0.05);
1869
- }
1870
1890
  .bg-purple-500 {
1871
1891
  --tw-bg-opacity: 1;
1872
1892
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
@@ -1945,12 +1965,27 @@ body {
1945
1965
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
1946
1966
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1947
1967
  }
1968
+ .from-ring\/20 {
1969
+ --tw-gradient-from: hsl(var(--ring) / 0.2) var(--tw-gradient-from-position);
1970
+ --tw-gradient-to: hsl(var(--ring) / 0) var(--tw-gradient-to-position);
1971
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1972
+ }
1973
+ .via-ring\/10 {
1974
+ --tw-gradient-to: hsl(var(--ring) / 0) var(--tw-gradient-to-position);
1975
+ --tw-gradient-stops:
1976
+ var(--tw-gradient-from),
1977
+ hsl(var(--ring) / 0.1) var(--tw-gradient-via-position),
1978
+ var(--tw-gradient-to);
1979
+ }
1948
1980
  .to-muted {
1949
1981
  --tw-gradient-to: hsl(var(--muted)) var(--tw-gradient-to-position);
1950
1982
  }
1951
1983
  .to-primary\/70 {
1952
1984
  --tw-gradient-to: hsl(var(--primary) / 0.7) var(--tw-gradient-to-position);
1953
1985
  }
1986
+ .to-ring\/20 {
1987
+ --tw-gradient-to: hsl(var(--ring) / 0.2) var(--tw-gradient-to-position);
1988
+ }
1954
1989
  .fill-current {
1955
1990
  fill: currentColor;
1956
1991
  }
@@ -2084,6 +2119,10 @@ body {
2084
2119
  padding-top: 1.5rem;
2085
2120
  padding-bottom: 1.5rem;
2086
2121
  }
2122
+ .py-\[7px\] {
2123
+ padding-top: 7px;
2124
+ padding-bottom: 7px;
2125
+ }
2087
2126
  .pb-0 {
2088
2127
  padding-bottom: 0px;
2089
2128
  }
@@ -2111,6 +2150,12 @@ body {
2111
2150
  .pl-8 {
2112
2151
  padding-left: 2rem;
2113
2152
  }
2153
+ .pr-1\.5 {
2154
+ padding-right: 0.375rem;
2155
+ }
2156
+ .pr-10 {
2157
+ padding-right: 2.5rem;
2158
+ }
2114
2159
  .pr-2 {
2115
2160
  padding-right: 0.5rem;
2116
2161
  }
@@ -2259,6 +2304,10 @@ body {
2259
2304
  --tw-text-opacity: 1;
2260
2305
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
2261
2306
  }
2307
+ .text-blue-500 {
2308
+ --tw-text-opacity: 1;
2309
+ color: rgb(59 130 246 / var(--tw-text-opacity, 1));
2310
+ }
2262
2311
  .text-blue-600 {
2263
2312
  --tw-text-opacity: 1;
2264
2313
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
@@ -2279,6 +2328,10 @@ body {
2279
2328
  .text-destructive-foreground {
2280
2329
  color: hsl(var(--destructive-foreground));
2281
2330
  }
2331
+ .text-emerald-500 {
2332
+ --tw-text-opacity: 1;
2333
+ color: rgb(16 185 129 / var(--tw-text-opacity, 1));
2334
+ }
2282
2335
  .text-emerald-600 {
2283
2336
  --tw-text-opacity: 1;
2284
2337
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
@@ -2298,6 +2351,10 @@ body {
2298
2351
  --tw-text-opacity: 1;
2299
2352
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
2300
2353
  }
2354
+ .text-green-500 {
2355
+ --tw-text-opacity: 1;
2356
+ color: rgb(34 197 94 / var(--tw-text-opacity, 1));
2357
+ }
2301
2358
  .text-green-600 {
2302
2359
  --tw-text-opacity: 1;
2303
2360
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
@@ -2310,6 +2367,10 @@ body {
2310
2367
  --tw-text-opacity: 1;
2311
2368
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
2312
2369
  }
2370
+ .text-indigo-500 {
2371
+ --tw-text-opacity: 1;
2372
+ color: rgb(99 102 241 / var(--tw-text-opacity, 1));
2373
+ }
2313
2374
  .text-indigo-600 {
2314
2375
  --tw-text-opacity: 1;
2315
2376
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
@@ -2323,6 +2384,15 @@ body {
2323
2384
  .text-muted-foreground\/40 {
2324
2385
  color: hsl(var(--muted-foreground) / 0.4);
2325
2386
  }
2387
+ .text-muted-foreground\/50 {
2388
+ color: hsl(var(--muted-foreground) / 0.5);
2389
+ }
2390
+ .text-muted-foreground\/70 {
2391
+ color: hsl(var(--muted-foreground) / 0.7);
2392
+ }
2393
+ .text-muted-foreground\/90 {
2394
+ color: hsl(var(--muted-foreground) / 0.9);
2395
+ }
2326
2396
  .text-neutral-500 {
2327
2397
  --tw-text-opacity: 1;
2328
2398
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
@@ -2339,6 +2409,14 @@ body {
2339
2409
  --tw-text-opacity: 1;
2340
2410
  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
2341
2411
  }
2412
+ .text-orange-500 {
2413
+ --tw-text-opacity: 1;
2414
+ color: rgb(249 115 22 / var(--tw-text-opacity, 1));
2415
+ }
2416
+ .text-pink-500 {
2417
+ --tw-text-opacity: 1;
2418
+ color: rgb(236 72 153 / var(--tw-text-opacity, 1));
2419
+ }
2342
2420
  .text-popover-foreground {
2343
2421
  color: hsl(var(--popover-foreground));
2344
2422
  }
@@ -2348,8 +2426,9 @@ body {
2348
2426
  .text-primary-foreground {
2349
2427
  color: hsl(var(--primary-foreground));
2350
2428
  }
2351
- .text-primary\/70 {
2352
- color: hsl(var(--primary) / 0.7);
2429
+ .text-purple-500 {
2430
+ --tw-text-opacity: 1;
2431
+ color: rgb(168 85 247 / var(--tw-text-opacity, 1));
2353
2432
  }
2354
2433
  .text-red-500 {
2355
2434
  --tw-text-opacity: 1;
@@ -2594,10 +2673,18 @@ body {
2594
2673
  .ring-offset-background {
2595
2674
  --tw-ring-offset-color: hsl(var(--background));
2596
2675
  }
2676
+ .blur-sm {
2677
+ --tw-blur: blur(4px);
2678
+ 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);
2679
+ }
2597
2680
  .drop-shadow {
2598
2681
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
2599
2682
  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);
2600
2683
  }
2684
+ .drop-shadow-lg {
2685
+ --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
2686
+ 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);
2687
+ }
2601
2688
  .drop-shadow-sm {
2602
2689
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
2603
2690
  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);
@@ -2781,9 +2868,6 @@ body {
2781
2868
  .ease-out {
2782
2869
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2783
2870
  }
2784
- .animate-fade-in {
2785
- animation: fade-in 400ms ease-out;
2786
- }
2787
2871
  :root {
2788
2872
  --white: #ffffff;
2789
2873
  --purple: #8e68ff;
@@ -2964,6 +3048,12 @@ body {
2964
3048
  .placeholder\:text-muted-foreground::placeholder {
2965
3049
  color: hsl(var(--muted-foreground));
2966
3050
  }
3051
+ .placeholder\:text-muted-foreground\/60::-moz-placeholder {
3052
+ color: hsl(var(--muted-foreground) / 0.6);
3053
+ }
3054
+ .placeholder\:text-muted-foreground\/60::placeholder {
3055
+ color: hsl(var(--muted-foreground) / 0.6);
3056
+ }
2967
3057
  .after\:absolute::after {
2968
3058
  content: var(--tw-content);
2969
3059
  position: absolute;
@@ -2997,9 +3087,9 @@ body {
2997
3087
  content: var(--tw-content);
2998
3088
  height: 0.125rem;
2999
3089
  }
3000
- .after\:h-\[1\.5px\]::after {
3090
+ .after\:h-\[2px\]::after {
3001
3091
  content: var(--tw-content);
3002
- height: 1.5px;
3092
+ height: 2px;
3003
3093
  }
3004
3094
  .after\:w-\[2px\]::after {
3005
3095
  content: var(--tw-content);
@@ -3029,10 +3119,21 @@ body {
3029
3119
  transition-duration: 150ms;
3030
3120
  }
3031
3121
  .after\:duration-300::after {
3122
+ content: var(--tw-content);
3032
3123
  transition-duration: 300ms;
3124
+ }
3125
+ .after\:duration-500::after {
3126
+ content: var(--tw-content);
3127
+ transition-duration: 500ms;
3128
+ }
3129
+ .after\:duration-300::after {
3033
3130
  content: var(--tw-content);
3034
3131
  animation-duration: 300ms;
3035
3132
  }
3133
+ .after\:duration-500::after {
3134
+ content: var(--tw-content);
3135
+ animation-duration: 500ms;
3136
+ }
3036
3137
  .first\:rounded-l-md:first-child {
3037
3138
  border-top-left-radius: calc(var(--radius) - 2px);
3038
3139
  border-bottom-left-radius: calc(var(--radius) - 2px);
@@ -3067,6 +3168,15 @@ body {
3067
3168
  .hover\:z-10:hover {
3068
3169
  z-index: 10;
3069
3170
  }
3171
+ .hover\:rotate-90:hover {
3172
+ --tw-rotate: 90deg;
3173
+ 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));
3174
+ }
3175
+ .hover\:scale-100:hover {
3176
+ --tw-scale-x: 1;
3177
+ --tw-scale-y: 1;
3178
+ 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));
3179
+ }
3070
3180
  .hover\:scale-105:hover {
3071
3181
  --tw-scale-x: 1.05;
3072
3182
  --tw-scale-y: 1.05;
@@ -3087,9 +3197,15 @@ body {
3087
3197
  --tw-scale-y: 1.02;
3088
3198
  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));
3089
3199
  }
3200
+ .hover\:border-input\/80:hover {
3201
+ border-color: hsl(var(--input) / 0.8);
3202
+ }
3090
3203
  .hover\:border-primary\/30:hover {
3091
3204
  border-color: hsl(var(--primary) / 0.3);
3092
3205
  }
3206
+ .hover\:border-primary\/60:hover {
3207
+ border-color: hsl(var(--primary) / 0.6);
3208
+ }
3093
3209
  .hover\:bg-accent:hover {
3094
3210
  background-color: hsl(var(--accent));
3095
3211
  }
@@ -3180,6 +3296,10 @@ body {
3180
3296
  --tw-bg-opacity: 1;
3181
3297
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
3182
3298
  }
3299
+ .hover\:bg-red-50:hover {
3300
+ --tw-bg-opacity: 1;
3301
+ background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
3302
+ }
3183
3303
  .hover\:bg-red-600:hover {
3184
3304
  --tw-bg-opacity: 1;
3185
3305
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
@@ -3209,6 +3329,10 @@ body {
3209
3329
  .hover\:text-destructive:hover {
3210
3330
  color: hsl(var(--destructive));
3211
3331
  }
3332
+ .hover\:text-emerald-600:hover {
3333
+ --tw-text-opacity: 1;
3334
+ color: rgb(5 150 105 / var(--tw-text-opacity, 1));
3335
+ }
3212
3336
  .hover\:text-foreground:hover {
3213
3337
  color: hsl(var(--foreground));
3214
3338
  }
@@ -3219,10 +3343,22 @@ body {
3219
3343
  --tw-text-opacity: 1;
3220
3344
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
3221
3345
  }
3346
+ .hover\:text-red-600:hover {
3347
+ --tw-text-opacity: 1;
3348
+ color: rgb(220 38 38 / var(--tw-text-opacity, 1));
3349
+ }
3222
3350
  .hover\:text-slate-50:hover {
3223
3351
  --tw-text-opacity: 1;
3224
3352
  color: rgb(248 250 252 / var(--tw-text-opacity, 1));
3225
3353
  }
3354
+ .hover\:text-yellow-500:hover {
3355
+ --tw-text-opacity: 1;
3356
+ color: rgb(234 179 8 / var(--tw-text-opacity, 1));
3357
+ }
3358
+ .hover\:text-yellow-600:hover {
3359
+ --tw-text-opacity: 1;
3360
+ color: rgb(202 138 4 / var(--tw-text-opacity, 1));
3361
+ }
3226
3362
  .hover\:underline:hover {
3227
3363
  text-decoration-line: underline;
3228
3364
  }
@@ -3272,6 +3408,10 @@ body {
3272
3408
  var(--tw-ring-shadow, 0 0 #0000),
3273
3409
  var(--tw-shadow);
3274
3410
  }
3411
+ .hover\:shadow-primary\/10:hover {
3412
+ --tw-shadow-color: hsl(var(--primary) / 0.1);
3413
+ --tw-shadow: var(--tw-shadow-colored);
3414
+ }
3275
3415
  .hover\:after\:scale-x-100:hover::after {
3276
3416
  content: var(--tw-content);
3277
3417
  --tw-scale-x: 1;
@@ -3325,6 +3465,9 @@ body {
3325
3465
  var(--tw-ring-shadow),
3326
3466
  var(--tw-shadow, 0 0 #0000);
3327
3467
  }
3468
+ .focus\:ring-destructive\/30:focus {
3469
+ --tw-ring-color: hsl(var(--destructive) / 0.3);
3470
+ }
3328
3471
  .focus\:ring-primary:focus {
3329
3472
  --tw-ring-color: hsl(var(--primary));
3330
3473
  }
@@ -3337,6 +3480,17 @@ body {
3337
3480
  .focus-visible\:border-ring:focus-visible {
3338
3481
  border-color: hsl(var(--ring));
3339
3482
  }
3483
+ .focus-visible\:bg-background:focus-visible {
3484
+ background-color: hsl(var(--background));
3485
+ }
3486
+ .focus-visible\:shadow-lg:focus-visible {
3487
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
3488
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
3489
+ box-shadow:
3490
+ var(--tw-ring-offset-shadow, 0 0 #0000),
3491
+ var(--tw-ring-shadow, 0 0 #0000),
3492
+ var(--tw-shadow);
3493
+ }
3340
3494
  .focus-visible\:outline-none:focus-visible {
3341
3495
  outline: 2px solid transparent;
3342
3496
  outline-offset: 2px;
@@ -3344,14 +3498,6 @@ body {
3344
3498
  .focus-visible\:outline-1:focus-visible {
3345
3499
  outline-width: 1px;
3346
3500
  }
3347
- .focus-visible\:ring-1:focus-visible {
3348
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3349
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3350
- box-shadow:
3351
- var(--tw-ring-offset-shadow),
3352
- var(--tw-ring-shadow),
3353
- var(--tw-shadow, 0 0 #0000);
3354
- }
3355
3501
  .focus-visible\:ring-2:focus-visible {
3356
3502
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3357
3503
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -3386,6 +3532,9 @@ body {
3386
3532
  .focus-visible\:ring-ring:focus-visible {
3387
3533
  --tw-ring-color: hsl(var(--ring));
3388
3534
  }
3535
+ .focus-visible\:ring-ring\/30:focus-visible {
3536
+ --tw-ring-color: hsl(var(--ring) / 0.3);
3537
+ }
3389
3538
  .focus-visible\:ring-ring\/50:focus-visible {
3390
3539
  --tw-ring-color: hsl(var(--ring) / 0.5);
3391
3540
  }
@@ -3398,11 +3547,20 @@ body {
3398
3547
  .focus-visible\:ring-offset-background:focus-visible {
3399
3548
  --tw-ring-offset-color: hsl(var(--background));
3400
3549
  }
3550
+ .active\:rotate-0:active {
3551
+ --tw-rotate: 0deg;
3552
+ 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));
3553
+ }
3401
3554
  .active\:scale-125:active {
3402
3555
  --tw-scale-x: 1.25;
3403
3556
  --tw-scale-y: 1.25;
3404
3557
  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));
3405
3558
  }
3559
+ .active\:scale-90:active {
3560
+ --tw-scale-x: .9;
3561
+ --tw-scale-y: .9;
3562
+ 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));
3563
+ }
3406
3564
  .active\:scale-95:active {
3407
3565
  --tw-scale-x: .95;
3408
3566
  --tw-scale-y: .95;
@@ -3422,9 +3580,21 @@ body {
3422
3580
  .disabled\:cursor-not-allowed:disabled {
3423
3581
  cursor: not-allowed;
3424
3582
  }
3583
+ .disabled\:bg-muted\/30:disabled {
3584
+ background-color: hsl(var(--muted) / 0.3);
3585
+ }
3425
3586
  .disabled\:opacity-50:disabled {
3426
3587
  opacity: 0.5;
3427
3588
  }
3589
+ .disabled\:hover\:rotate-0:hover:disabled {
3590
+ --tw-rotate: 0deg;
3591
+ 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));
3592
+ }
3593
+ .disabled\:hover\:scale-100:hover:disabled {
3594
+ --tw-scale-x: 1;
3595
+ --tw-scale-y: 1;
3596
+ 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));
3597
+ }
3428
3598
  .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
3429
3599
  opacity: 1;
3430
3600
  }
@@ -3434,10 +3604,34 @@ body {
3434
3604
  .group:hover .group-hover\:hidden {
3435
3605
  display: none;
3436
3606
  }
3607
+ .group:hover .group-hover\:-translate-x-1 {
3608
+ --tw-translate-x: -0.25rem;
3609
+ 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));
3610
+ }
3611
+ .group:hover .group-hover\:-translate-y-0\.5 {
3612
+ --tw-translate-y: -0.125rem;
3613
+ 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));
3614
+ }
3437
3615
  .group:hover .group-hover\:translate-x-1 {
3438
3616
  --tw-translate-x: 0.25rem;
3439
3617
  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));
3440
3618
  }
3619
+ .group:hover .group-hover\:translate-y-0\.5 {
3620
+ --tw-translate-y: 0.125rem;
3621
+ 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));
3622
+ }
3623
+ .group:hover .group-hover\:-rotate-12 {
3624
+ --tw-rotate: -12deg;
3625
+ 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));
3626
+ }
3627
+ .group:hover .group-hover\:rotate-12 {
3628
+ --tw-rotate: 12deg;
3629
+ 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));
3630
+ }
3631
+ .group:hover .group-hover\:rotate-180 {
3632
+ --tw-rotate: 180deg;
3633
+ 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));
3634
+ }
3441
3635
  .group:hover .group-hover\:rotate-90 {
3442
3636
  --tw-rotate: 90deg;
3443
3637
  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));
@@ -4162,6 +4356,9 @@ body {
4162
4356
  --tw-bg-opacity: 1;
4163
4357
  background-color: hsl(231 15% 19% / var(--tw-bg-opacity, 1));
4164
4358
  }
4359
+ .dark\:bg-background:is(.dark *) {
4360
+ background-color: hsl(var(--background));
4361
+ }
4165
4362
  .dark\:bg-background\/60:is(.dark *) {
4166
4363
  background-color: hsl(var(--background) / 0.6);
4167
4364
  }
@@ -4211,6 +4408,10 @@ body {
4211
4408
  --tw-text-opacity: 1;
4212
4409
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
4213
4410
  }
4411
+ .dark\:text-emerald-400:is(.dark *) {
4412
+ --tw-text-opacity: 1;
4413
+ color: rgb(52 211 153 / var(--tw-text-opacity, 1));
4414
+ }
4214
4415
  .dark\:text-gray-300:is(.dark *) {
4215
4416
  --tw-text-opacity: 1;
4216
4417
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
@@ -4223,6 +4424,10 @@ body {
4223
4424
  --tw-text-opacity: 1;
4224
4425
  color: rgb(212 212 212 / var(--tw-text-opacity, 1));
4225
4426
  }
4427
+ .dark\:text-red-400:is(.dark *) {
4428
+ --tw-text-opacity: 1;
4429
+ color: rgb(248 113 113 / var(--tw-text-opacity, 1));
4430
+ }
4226
4431
  .dark\:text-slate-100:is(.dark *) {
4227
4432
  --tw-text-opacity: 1;
4228
4433
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
@@ -4251,6 +4456,14 @@ body {
4251
4456
  --tw-text-opacity: 1;
4252
4457
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
4253
4458
  }
4459
+ .dark\:text-yellow-400:is(.dark *) {
4460
+ --tw-text-opacity: 1;
4461
+ color: rgb(250 204 21 / var(--tw-text-opacity, 1));
4462
+ }
4463
+ .dark\:shadow-black\/20:is(.dark *) {
4464
+ --tw-shadow-color: rgb(0 0 0 / 0.2);
4465
+ --tw-shadow: var(--tw-shadow-colored);
4466
+ }
4254
4467
  .dark\:shadow-black\/30:is(.dark *) {
4255
4468
  --tw-shadow-color: rgb(0 0 0 / 0.3);
4256
4469
  --tw-shadow: var(--tw-shadow-colored);
@@ -4258,17 +4471,37 @@ body {
4258
4471
  .dark\:hover\:bg-accent\/50:hover:is(.dark *) {
4259
4472
  background-color: hsl(var(--accent) / 0.5);
4260
4473
  }
4261
- .dark\:hover\:bg-input\/50:hover:is(.dark *) {
4262
- background-color: hsl(var(--input) / 0.5);
4474
+ .dark\:hover\:bg-background\/95:hover:is(.dark *) {
4475
+ background-color: hsl(var(--background) / 0.95);
4263
4476
  }
4264
4477
  .dark\:hover\:bg-slate-50:hover:is(.dark *) {
4265
4478
  --tw-bg-opacity: 1;
4266
4479
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
4267
4480
  }
4481
+ .dark\:hover\:text-emerald-300:hover:is(.dark *) {
4482
+ --tw-text-opacity: 1;
4483
+ color: rgb(110 231 183 / var(--tw-text-opacity, 1));
4484
+ }
4485
+ .dark\:hover\:text-red-300:hover:is(.dark *) {
4486
+ --tw-text-opacity: 1;
4487
+ color: rgb(252 165 165 / var(--tw-text-opacity, 1));
4488
+ }
4489
+ .dark\:hover\:text-red-400:hover:is(.dark *) {
4490
+ --tw-text-opacity: 1;
4491
+ color: rgb(248 113 113 / var(--tw-text-opacity, 1));
4492
+ }
4268
4493
  .dark\:hover\:text-slate-900:hover:is(.dark *) {
4269
4494
  --tw-text-opacity: 1;
4270
4495
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
4271
4496
  }
4497
+ .dark\:hover\:text-yellow-300:hover:is(.dark *) {
4498
+ --tw-text-opacity: 1;
4499
+ color: rgb(253 224 71 / var(--tw-text-opacity, 1));
4500
+ }
4501
+ .dark\:hover\:text-yellow-400:hover:is(.dark *) {
4502
+ --tw-text-opacity: 1;
4503
+ color: rgb(250 204 21 / var(--tw-text-opacity, 1));
4504
+ }
4272
4505
  .dark\:focus\:bg-slate-50:focus:is(.dark *) {
4273
4506
  --tw-bg-opacity: 1;
4274
4507
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
@@ -4324,9 +4557,6 @@ body {
4324
4557
  .sm\:min-h-\[40px\] {
4325
4558
  min-height: 40px;
4326
4559
  }
4327
- .sm\:min-h-\[48px\] {
4328
- min-height: 48px;
4329
- }
4330
4560
  .sm\:w-12 {
4331
4561
  width: 3rem;
4332
4562
  }
@@ -4402,10 +4632,6 @@ body {
4402
4632
  padding-left: 0.75rem;
4403
4633
  padding-right: 0.75rem;
4404
4634
  }
4405
- .sm\:px-4 {
4406
- padding-left: 1rem;
4407
- padding-right: 1rem;
4408
- }
4409
4635
  .sm\:px-6 {
4410
4636
  padding-left: 1.5rem;
4411
4637
  padding-right: 1.5rem;
@@ -4468,8 +4694,8 @@ body {
4468
4694
  .md\:grid-cols-2 {
4469
4695
  grid-template-columns: repeat(2, minmax(0, 1fr));
4470
4696
  }
4471
- .md\:grid-cols-4 {
4472
- grid-template-columns: repeat(4, minmax(0, 1fr));
4697
+ .md\:grid-cols-5 {
4698
+ grid-template-columns: repeat(5, minmax(0, 1fr));
4473
4699
  }
4474
4700
  .md\:flex-row {
4475
4701
  flex-direction: row;
@@ -4620,6 +4846,12 @@ body {
4620
4846
  .\[\&\>button\]\:hidden > button {
4621
4847
  display: none;
4622
4848
  }
4849
+ .\[\&\>div\]\:line-clamp-1 > div {
4850
+ overflow: hidden;
4851
+ display: -webkit-box;
4852
+ -webkit-box-orient: vertical;
4853
+ -webkit-line-clamp: 1;
4854
+ }
4623
4855
  .\[\&\>span\:last-child\]\:truncate > span:last-child {
4624
4856
  overflow: hidden;
4625
4857
  text-overflow: ellipsis;