@mlw-packages/react-components 1.7.3 → 1.7.5

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
@@ -431,6 +431,12 @@ body {
431
431
  .relative {
432
432
  position: relative;
433
433
  }
434
+ .sticky {
435
+ position: sticky;
436
+ }
437
+ .-inset-0\.5 {
438
+ inset: -0.125rem;
439
+ }
434
440
  .inset-0 {
435
441
  inset: 0px;
436
442
  }
@@ -586,6 +592,9 @@ body {
586
592
  .row-span-3 {
587
593
  grid-row: span 3 / span 3;
588
594
  }
595
+ .m-0 {
596
+ margin: 0px;
597
+ }
589
598
  .m-12 {
590
599
  margin: 3rem;
591
600
  }
@@ -600,6 +609,10 @@ body {
600
609
  margin-left: 0.125rem;
601
610
  margin-right: 0.125rem;
602
611
  }
612
+ .mx-1 {
613
+ margin-left: 0.25rem;
614
+ margin-right: 0.25rem;
615
+ }
603
616
  .mx-2 {
604
617
  margin-left: 0.5rem;
605
618
  margin-right: 0.5rem;
@@ -655,6 +668,9 @@ body {
655
668
  .mb-1 {
656
669
  margin-bottom: 0.25rem;
657
670
  }
671
+ .mb-12 {
672
+ margin-bottom: 3rem;
673
+ }
658
674
  .mb-2 {
659
675
  margin-bottom: 0.5rem;
660
676
  }
@@ -682,6 +698,9 @@ body {
682
698
  .ml-36 {
683
699
  margin-left: 9rem;
684
700
  }
701
+ .ml-4 {
702
+ margin-left: 1rem;
703
+ }
685
704
  .ml-40 {
686
705
  margin-left: 10rem;
687
706
  }
@@ -700,12 +719,18 @@ body {
700
719
  .mr-2 {
701
720
  margin-right: 0.5rem;
702
721
  }
722
+ .mr-3 {
723
+ margin-right: 0.75rem;
724
+ }
703
725
  .mr-4 {
704
726
  margin-right: 1rem;
705
727
  }
706
728
  .mr-5 {
707
729
  margin-right: 1.25rem;
708
730
  }
731
+ .mt-0\.5 {
732
+ margin-top: 0.125rem;
733
+ }
709
734
  .mt-1 {
710
735
  margin-top: 0.25rem;
711
736
  }
@@ -851,9 +876,6 @@ body {
851
876
  .h-32 {
852
877
  height: 8rem;
853
878
  }
854
- .h-36 {
855
- height: 9rem;
856
- }
857
879
  .h-4 {
858
880
  height: 1rem;
859
881
  }
@@ -884,9 +906,6 @@ body {
884
906
  .h-\[1\.2rem\] {
885
907
  height: 1.2rem;
886
908
  }
887
- .h-\[10\%\] {
888
- height: 10%;
889
- }
890
909
  .h-\[150px\] {
891
910
  height: 150px;
892
911
  }
@@ -902,6 +921,12 @@ body {
902
921
  .h-\[34px\] {
903
922
  height: 34px;
904
923
  }
924
+ .h-\[350px\] {
925
+ height: 350px;
926
+ }
927
+ .h-\[400px\] {
928
+ height: 400px;
929
+ }
905
930
  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
906
931
  height: var(--radix-navigation-menu-viewport-height);
907
932
  }
@@ -950,24 +975,36 @@ body {
950
975
  .max-h-\[var\(--radix-context-menu-content-available-height\)\] {
951
976
  max-height: var(--radix-context-menu-content-available-height);
952
977
  }
978
+ .max-h-screen {
979
+ max-height: 100vh;
980
+ }
953
981
  .min-h-0 {
954
982
  min-height: 0px;
955
983
  }
984
+ .min-h-\[2\.25rem\] {
985
+ min-height: 2.25rem;
986
+ }
987
+ .min-h-\[2\.5rem\] {
988
+ min-height: 2.5rem;
989
+ }
956
990
  .min-h-\[220px\] {
957
991
  min-height: 220px;
958
992
  }
959
- .min-h-\[2rem\] {
960
- min-height: 2rem;
961
- }
962
993
  .min-h-\[300px\] {
963
994
  min-height: 300px;
964
995
  }
965
996
  .min-h-\[36px\] {
966
997
  min-height: 36px;
967
998
  }
999
+ .min-h-\[3rem\] {
1000
+ min-height: 3rem;
1001
+ }
968
1002
  .min-h-\[600px\] {
969
1003
  min-height: 600px;
970
1004
  }
1005
+ .min-h-\[60vh\] {
1006
+ min-height: 60vh;
1007
+ }
971
1008
  .min-h-\[80px\] {
972
1009
  min-height: 80px;
973
1010
  }
@@ -1153,9 +1190,6 @@ body {
1153
1190
  .min-w-80 {
1154
1191
  min-width: 20rem;
1155
1192
  }
1156
- .min-w-9 {
1157
- min-width: 2.25rem;
1158
- }
1159
1193
  .min-w-\[1\.5rem\] {
1160
1194
  min-width: 1.5rem;
1161
1195
  }
@@ -1193,6 +1227,9 @@ body {
1193
1227
  .max-w-4xl {
1194
1228
  max-width: 56rem;
1195
1229
  }
1230
+ .max-w-5xl {
1231
+ max-width: 64rem;
1232
+ }
1196
1233
  .max-w-6xl {
1197
1234
  max-width: 72rem;
1198
1235
  }
@@ -1214,8 +1251,8 @@ body {
1214
1251
  .max-w-\[280px\] {
1215
1252
  max-width: 280px;
1216
1253
  }
1217
- .max-w-\[420px\] {
1218
- max-width: 420px;
1254
+ .max-w-\[360px\] {
1255
+ max-width: 360px;
1219
1256
  }
1220
1257
  .max-w-\[6rem\] {
1221
1258
  max-width: 6rem;
@@ -1239,6 +1276,9 @@ body {
1239
1276
  .max-w-md {
1240
1277
  max-width: 28rem;
1241
1278
  }
1279
+ .max-w-screen-2xl {
1280
+ max-width: 1536px;
1281
+ }
1242
1282
  .max-w-sm {
1243
1283
  max-width: 24rem;
1244
1284
  }
@@ -1312,11 +1352,6 @@ body {
1312
1352
  --tw-rotate: 90deg;
1313
1353
  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));
1314
1354
  }
1315
- .\!scale-100 {
1316
- --tw-scale-x: 1 !important;
1317
- --tw-scale-y: 1 !important;
1318
- 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)) !important;
1319
- }
1320
1355
  .scale-0 {
1321
1356
  --tw-scale-x: 0;
1322
1357
  --tw-scale-y: 0;
@@ -1411,8 +1446,14 @@ body {
1411
1446
  .grid-cols-4 {
1412
1447
  grid-template-columns: repeat(4, minmax(0, 1fr));
1413
1448
  }
1414
- .grid-cols-6 {
1415
- grid-template-columns: repeat(6, minmax(0, 1fr));
1449
+ .grid-cols-5 {
1450
+ grid-template-columns: repeat(5, minmax(0, 1fr));
1451
+ }
1452
+ .grid-cols-7 {
1453
+ grid-template-columns: repeat(7, minmax(0, 1fr));
1454
+ }
1455
+ .grid-rows-\[auto_1fr\] {
1456
+ grid-template-rows: auto 1fr;
1416
1457
  }
1417
1458
  .flex-row {
1418
1459
  flex-direction: row;
@@ -1441,6 +1482,9 @@ body {
1441
1482
  .items-baseline {
1442
1483
  align-items: baseline;
1443
1484
  }
1485
+ .items-stretch {
1486
+ align-items: stretch;
1487
+ }
1444
1488
  .justify-start {
1445
1489
  justify-content: flex-start;
1446
1490
  }
@@ -1515,6 +1559,11 @@ body {
1515
1559
  margin-right: calc(1rem * var(--tw-space-x-reverse));
1516
1560
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1517
1561
  }
1562
+ .space-y-0 > :not([hidden]) ~ :not([hidden]) {
1563
+ --tw-space-y-reverse: 0;
1564
+ margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
1565
+ margin-bottom: calc(0px * var(--tw-space-y-reverse));
1566
+ }
1518
1567
  .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1519
1568
  --tw-space-y-reverse: 0;
1520
1569
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1611,6 +1660,9 @@ body {
1611
1660
  .break-words {
1612
1661
  overflow-wrap: break-word;
1613
1662
  }
1663
+ .break-all {
1664
+ word-break: break-all;
1665
+ }
1614
1666
  .rounded {
1615
1667
  border-radius: 0.25rem;
1616
1668
  }
@@ -1682,12 +1734,12 @@ body {
1682
1734
  border-top-left-radius: 0.75rem;
1683
1735
  border-top-right-radius: 0.75rem;
1684
1736
  }
1737
+ .rounded-bl-3xl {
1738
+ border-bottom-left-radius: 1.5rem;
1739
+ }
1685
1740
  .rounded-tl-sm {
1686
1741
  border-top-left-radius: calc(var(--radius) - 4px);
1687
1742
  }
1688
- .\!border-0 {
1689
- border-width: 0px !important;
1690
- }
1691
1743
  .border {
1692
1744
  border-width: 1px;
1693
1745
  }
@@ -1711,6 +1763,9 @@ body {
1711
1763
  .border-b {
1712
1764
  border-bottom-width: 1px;
1713
1765
  }
1766
+ .border-b-2 {
1767
+ border-bottom-width: 2px;
1768
+ }
1714
1769
  .border-l {
1715
1770
  border-left-width: 1px;
1716
1771
  }
@@ -1732,12 +1787,19 @@ body {
1732
1787
  .border-none {
1733
1788
  border-style: none;
1734
1789
  }
1790
+ .border-blue-500 {
1791
+ --tw-border-opacity: 1;
1792
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1793
+ }
1735
1794
  .border-border {
1736
1795
  border-color: hsl(var(--border));
1737
1796
  }
1738
1797
  .border-border\/20 {
1739
1798
  border-color: hsl(var(--border) / 0.2);
1740
1799
  }
1800
+ .border-border\/40 {
1801
+ border-color: hsl(var(--border) / 0.4);
1802
+ }
1741
1803
  .border-border\/50 {
1742
1804
  border-color: hsl(var(--border) / 0.5);
1743
1805
  }
@@ -1809,9 +1871,6 @@ body {
1809
1871
  .border-white\/20 {
1810
1872
  border-color: rgb(255 255 255 / 0.2);
1811
1873
  }
1812
- .border-white\/5 {
1813
- border-color: rgb(255 255 255 / 0.05);
1814
- }
1815
1874
  .border-zinc-300 {
1816
1875
  --tw-border-opacity: 1;
1817
1876
  border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
@@ -1847,6 +1906,9 @@ body {
1847
1906
  .bg-background\/80 {
1848
1907
  background-color: hsl(var(--background) / 0.8);
1849
1908
  }
1909
+ .bg-background\/95 {
1910
+ background-color: hsl(var(--background) / 0.95);
1911
+ }
1850
1912
  .bg-black\/40 {
1851
1913
  background-color: rgb(0 0 0 / 0.4);
1852
1914
  }
@@ -1899,9 +1961,6 @@ body {
1899
1961
  --tw-bg-opacity: 1;
1900
1962
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
1901
1963
  }
1902
- .bg-emerald-500\/90 {
1903
- background-color: rgb(16 185 129 / 0.9);
1904
- }
1905
1964
  .bg-emerald-600 {
1906
1965
  --tw-bg-opacity: 1;
1907
1966
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
@@ -2030,10 +2089,6 @@ body {
2030
2089
  --tw-bg-opacity: 1;
2031
2090
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
2032
2091
  }
2033
- .bg-slate-900 {
2034
- --tw-bg-opacity: 1;
2035
- background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
2036
- }
2037
2092
  .bg-transparent {
2038
2093
  background-color: transparent;
2039
2094
  }
@@ -2075,11 +2130,16 @@ body {
2075
2130
  .bg-gradient-to-b {
2076
2131
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
2077
2132
  }
2133
+ .bg-gradient-to-br {
2134
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
2135
+ }
2078
2136
  .bg-gradient-to-r {
2079
2137
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
2080
2138
  }
2081
- .bg-gradient-to-tr {
2082
- background-image: linear-gradient(to top right, var(--tw-gradient-stops));
2139
+ .from-background {
2140
+ --tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position);
2141
+ --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
2142
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2083
2143
  }
2084
2144
  .from-muted\/50 {
2085
2145
  --tw-gradient-from: hsl(var(--muted) / 0.5) var(--tw-gradient-from-position);
@@ -2091,11 +2151,21 @@ body {
2091
2151
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
2092
2152
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2093
2153
  }
2154
+ .from-primary\/5 {
2155
+ --tw-gradient-from: hsl(var(--primary) / 0.05) var(--tw-gradient-from-position);
2156
+ --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
2157
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2158
+ }
2094
2159
  .from-ring\/20 {
2095
2160
  --tw-gradient-from: hsl(var(--ring) / 0.2) var(--tw-gradient-from-position);
2096
2161
  --tw-gradient-to: hsl(var(--ring) / 0) var(--tw-gradient-to-position);
2097
2162
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2098
2163
  }
2164
+ .from-slate-50 {
2165
+ --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
2166
+ --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
2167
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2168
+ }
2099
2169
  .via-ring\/10 {
2100
2170
  --tw-gradient-to: hsl(var(--ring) / 0) var(--tw-gradient-to-position);
2101
2171
  --tw-gradient-stops:
@@ -2106,12 +2176,21 @@ body {
2106
2176
  .to-muted {
2107
2177
  --tw-gradient-to: hsl(var(--muted)) var(--tw-gradient-to-position);
2108
2178
  }
2179
+ .to-muted\/20 {
2180
+ --tw-gradient-to: hsl(var(--muted) / 0.2) var(--tw-gradient-to-position);
2181
+ }
2109
2182
  .to-primary\/70 {
2110
2183
  --tw-gradient-to: hsl(var(--primary) / 0.7) var(--tw-gradient-to-position);
2111
2184
  }
2112
2185
  .to-ring\/20 {
2113
2186
  --tw-gradient-to: hsl(var(--ring) / 0.2) var(--tw-gradient-to-position);
2114
2187
  }
2188
+ .to-slate-100 {
2189
+ --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position);
2190
+ }
2191
+ .to-transparent {
2192
+ --tw-gradient-to: transparent var(--tw-gradient-to-position);
2193
+ }
2115
2194
  .fill-current {
2116
2195
  fill: currentColor;
2117
2196
  }
@@ -2168,10 +2247,6 @@ body {
2168
2247
  padding-left: 0.25rem;
2169
2248
  padding-right: 0.25rem;
2170
2249
  }
2171
- .px-10 {
2172
- padding-left: 2.5rem;
2173
- padding-right: 2.5rem;
2174
- }
2175
2250
  .px-2 {
2176
2251
  padding-left: 0.5rem;
2177
2252
  padding-right: 0.5rem;
@@ -2236,10 +2311,6 @@ body {
2236
2311
  padding-top: 0.625rem;
2237
2312
  padding-bottom: 0.625rem;
2238
2313
  }
2239
- .py-20 {
2240
- padding-top: 5rem;
2241
- padding-bottom: 5rem;
2242
- }
2243
2314
  .py-3 {
2244
2315
  padding-top: 0.75rem;
2245
2316
  padding-bottom: 0.75rem;
@@ -2280,9 +2351,15 @@ body {
2280
2351
  .pl-4 {
2281
2352
  padding-left: 1rem;
2282
2353
  }
2354
+ .pl-5 {
2355
+ padding-left: 1.25rem;
2356
+ }
2283
2357
  .pl-8 {
2284
2358
  padding-left: 2rem;
2285
2359
  }
2360
+ .pr-1 {
2361
+ padding-right: 0.25rem;
2362
+ }
2286
2363
  .pr-10 {
2287
2364
  padding-right: 2.5rem;
2288
2365
  }
@@ -2310,6 +2387,9 @@ body {
2310
2387
  .pt-4 {
2311
2388
  padding-top: 1rem;
2312
2389
  }
2390
+ .pt-6 {
2391
+ padding-top: 1.5rem;
2392
+ }
2313
2393
  .text-left {
2314
2394
  text-align: left;
2315
2395
  }
@@ -2378,11 +2458,14 @@ body {
2378
2458
  .text-\[28\.5px\] {
2379
2459
  font-size: 28.5px;
2380
2460
  }
2381
- .text-\[clamp\(0\.625rem\,1\.5vw\,0\.75rem\)\] {
2382
- font-size: clamp(0.625rem, 1.5vw, 0.75rem);
2461
+ .text-\[clamp\(0\.575rem\,1\.2vw\,0\.75rem\)\] {
2462
+ font-size: clamp(0.575rem, 1.2vw, 0.75rem);
2383
2463
  }
2384
- .text-\[clamp\(0\.875rem\,2\.5vw\,1\.25rem\)\] {
2385
- font-size: clamp(0.875rem, 2.5vw, 1.25rem);
2464
+ .text-\[clamp\(0\.775rem\,1\.2vw\,0\.95rem\)\] {
2465
+ font-size: clamp(0.775rem, 1.2vw, 0.95rem);
2466
+ }
2467
+ .text-\[clamp\(0\.85rem\,1\.4vw\,1\.125rem\)\] {
2468
+ font-size: clamp(0.85rem, 1.4vw, 1.125rem);
2386
2469
  }
2387
2470
  .text-base {
2388
2471
  font-size: 1rem;
@@ -2404,12 +2487,18 @@ body {
2404
2487
  font-size: 0.75rem;
2405
2488
  line-height: 1rem;
2406
2489
  }
2490
+ .font-black {
2491
+ font-weight: 900;
2492
+ }
2407
2493
  .font-bold {
2408
2494
  font-weight: 700;
2409
2495
  }
2410
2496
  .font-extrabold {
2411
2497
  font-weight: 800;
2412
2498
  }
2499
+ .font-extralight {
2500
+ font-weight: 200;
2501
+ }
2413
2502
  .font-light {
2414
2503
  font-weight: 300;
2415
2504
  }
@@ -2435,24 +2524,15 @@ body {
2435
2524
  --tw-numeric-spacing: tabular-nums;
2436
2525
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
2437
2526
  }
2438
- .leading-7 {
2439
- line-height: 1.75rem;
2440
- }
2441
2527
  .leading-none {
2442
2528
  line-height: 1;
2443
2529
  }
2444
- .leading-relaxed {
2445
- line-height: 1.625;
2446
- }
2447
2530
  .leading-snug {
2448
2531
  line-height: 1.375;
2449
2532
  }
2450
2533
  .leading-tight {
2451
2534
  line-height: 1.25;
2452
2535
  }
2453
- .tracking-normal {
2454
- letter-spacing: 0em;
2455
- }
2456
2536
  .tracking-tight {
2457
2537
  letter-spacing: -0.025em;
2458
2538
  }
@@ -2473,6 +2553,10 @@ body {
2473
2553
  --tw-text-opacity: 1;
2474
2554
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
2475
2555
  }
2556
+ .text-blue-400 {
2557
+ --tw-text-opacity: 1;
2558
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
2559
+ }
2476
2560
  .text-blue-500 {
2477
2561
  --tw-text-opacity: 1;
2478
2562
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
@@ -2505,6 +2589,10 @@ body {
2505
2589
  --tw-text-opacity: 1;
2506
2590
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
2507
2591
  }
2592
+ .text-emerald-700 {
2593
+ --tw-text-opacity: 1;
2594
+ color: rgb(4 120 87 / var(--tw-text-opacity, 1));
2595
+ }
2508
2596
  .text-foreground {
2509
2597
  color: hsl(var(--foreground));
2510
2598
  }
@@ -2520,6 +2608,10 @@ body {
2520
2608
  --tw-text-opacity: 1;
2521
2609
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
2522
2610
  }
2611
+ .text-green-400 {
2612
+ --tw-text-opacity: 1;
2613
+ color: rgb(74 222 128 / var(--tw-text-opacity, 1));
2614
+ }
2523
2615
  .text-green-500 {
2524
2616
  --tw-text-opacity: 1;
2525
2617
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
@@ -2612,6 +2704,14 @@ body {
2612
2704
  --tw-text-opacity: 1;
2613
2705
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
2614
2706
  }
2707
+ .text-rose-600 {
2708
+ --tw-text-opacity: 1;
2709
+ color: rgb(225 29 72 / var(--tw-text-opacity, 1));
2710
+ }
2711
+ .text-rose-700 {
2712
+ --tw-text-opacity: 1;
2713
+ color: rgb(190 18 60 / var(--tw-text-opacity, 1));
2714
+ }
2615
2715
  .text-secondary {
2616
2716
  color: hsl(var(--secondary));
2617
2717
  }
@@ -2646,6 +2746,10 @@ body {
2646
2746
  --tw-text-opacity: 1;
2647
2747
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2648
2748
  }
2749
+ .text-yellow-400 {
2750
+ --tw-text-opacity: 1;
2751
+ color: rgb(250 204 21 / var(--tw-text-opacity, 1));
2752
+ }
2649
2753
  .text-yellow-500 {
2650
2754
  --tw-text-opacity: 1;
2651
2755
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
@@ -2787,10 +2891,6 @@ body {
2787
2891
  --tw-shadow-color: rgb(0 0 0 / 0.1);
2788
2892
  --tw-shadow: var(--tw-shadow-colored);
2789
2893
  }
2790
- .\!outline-none {
2791
- outline: 2px solid transparent !important;
2792
- outline-offset: 2px !important;
2793
- }
2794
2894
  .outline-none {
2795
2895
  outline: 2px solid transparent;
2796
2896
  outline-offset: 2px;
@@ -2858,15 +2958,16 @@ body {
2858
2958
  .ring-primary\/30 {
2859
2959
  --tw-ring-color: hsl(var(--primary) / 0.3);
2860
2960
  }
2861
- .ring-primary\/50 {
2862
- --tw-ring-color: hsl(var(--primary) / 0.5);
2863
- }
2864
2961
  .ring-ring {
2865
2962
  --tw-ring-color: hsl(var(--ring));
2866
2963
  }
2867
2964
  .ring-offset-background {
2868
2965
  --tw-ring-offset-color: hsl(var(--background));
2869
2966
  }
2967
+ .blur {
2968
+ --tw-blur: blur(8px);
2969
+ 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);
2970
+ }
2870
2971
  .blur-sm {
2871
2972
  --tw-blur: blur(4px);
2872
2973
  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);
@@ -2893,6 +2994,10 @@ body {
2893
2994
  .filter {
2894
2995
  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);
2895
2996
  }
2997
+ .backdrop-blur {
2998
+ --tw-backdrop-blur: blur(8px);
2999
+ 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);
3000
+ }
2896
3001
  .backdrop-blur-md {
2897
3002
  --tw-backdrop-blur: blur(12px);
2898
3003
  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);
@@ -2990,6 +3095,9 @@ body {
2990
3095
  .duration-1000 {
2991
3096
  transition-duration: 1000ms;
2992
3097
  }
3098
+ .duration-150 {
3099
+ transition-duration: 150ms;
3100
+ }
2993
3101
  .duration-200 {
2994
3102
  transition-duration: 200ms;
2995
3103
  }
@@ -3044,6 +3152,9 @@ body {
3044
3152
  .duration-1000 {
3045
3153
  animation-duration: 1000ms;
3046
3154
  }
3155
+ .duration-150 {
3156
+ animation-duration: 150ms;
3157
+ }
3047
3158
  .duration-200 {
3048
3159
  animation-duration: 200ms;
3049
3160
  }
@@ -3370,11 +3481,6 @@ body {
3370
3481
  --tw-rotate: 90deg;
3371
3482
  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));
3372
3483
  }
3373
- .hover\:\!scale-100:hover {
3374
- --tw-scale-x: 1 !important;
3375
- --tw-scale-y: 1 !important;
3376
- 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)) !important;
3377
- }
3378
3484
  .hover\:scale-100:hover {
3379
3485
  --tw-scale-x: 1;
3380
3486
  --tw-scale-y: 1;
@@ -3435,10 +3541,6 @@ body {
3435
3541
  .hover\:bg-destructive\/90:hover {
3436
3542
  background-color: hsl(var(--destructive) / 0.9);
3437
3543
  }
3438
- .hover\:bg-emerald-500:hover {
3439
- --tw-bg-opacity: 1;
3440
- background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
3441
- }
3442
3544
  .hover\:bg-emerald-700:hover {
3443
3545
  --tw-bg-opacity: 1;
3444
3546
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
@@ -3707,6 +3809,9 @@ body {
3707
3809
  .focus\:ring-primary:focus {
3708
3810
  --tw-ring-color: hsl(var(--primary));
3709
3811
  }
3812
+ .focus\:ring-primary\/40:focus {
3813
+ --tw-ring-color: hsl(var(--primary) / 0.4);
3814
+ }
3710
3815
  .focus\:ring-ring:focus {
3711
3816
  --tw-ring-color: hsl(var(--ring));
3712
3817
  }
@@ -3787,11 +3892,6 @@ body {
3787
3892
  --tw-rotate: 0deg;
3788
3893
  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));
3789
3894
  }
3790
- .active\:\!scale-100:active {
3791
- --tw-scale-x: 1 !important;
3792
- --tw-scale-y: 1 !important;
3793
- 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)) !important;
3794
- }
3795
3895
  .active\:scale-125:active {
3796
3896
  --tw-scale-x: 1.25;
3797
3897
  --tw-scale-y: 1.25;
@@ -3939,11 +4039,6 @@ body {
3939
4039
  .aria-disabled\:opacity-50[aria-disabled=true] {
3940
4040
  opacity: 0.5;
3941
4041
  }
3942
- .aria-selected\:\!scale-100[aria-selected=true] {
3943
- --tw-scale-x: 1 !important;
3944
- --tw-scale-y: 1 !important;
3945
- 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)) !important;
3946
- }
3947
4042
  .aria-selected\:bg-muted[aria-selected=true] {
3948
4043
  background-color: hsl(var(--muted));
3949
4044
  }
@@ -4674,14 +4769,30 @@ body {
4674
4769
  --tw-bg-opacity: 1;
4675
4770
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
4676
4771
  }
4772
+ .dark\:from-slate-900:is(.dark *) {
4773
+ --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
4774
+ --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
4775
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
4776
+ }
4777
+ .dark\:to-slate-800:is(.dark *) {
4778
+ --tw-gradient-to: #1e293b var(--tw-gradient-to-position);
4779
+ }
4677
4780
  .dark\:text-black:is(.dark *) {
4678
4781
  --tw-text-opacity: 1;
4679
4782
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
4680
4783
  }
4784
+ .dark\:text-emerald-300:is(.dark *) {
4785
+ --tw-text-opacity: 1;
4786
+ color: rgb(110 231 183 / var(--tw-text-opacity, 1));
4787
+ }
4681
4788
  .dark\:text-emerald-400:is(.dark *) {
4682
4789
  --tw-text-opacity: 1;
4683
4790
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
4684
4791
  }
4792
+ .dark\:text-gray-100:is(.dark *) {
4793
+ --tw-text-opacity: 1;
4794
+ color: rgb(243 244 246 / var(--tw-text-opacity, 1));
4795
+ }
4685
4796
  .dark\:text-gray-300:is(.dark *) {
4686
4797
  --tw-text-opacity: 1;
4687
4798
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
@@ -4702,6 +4813,10 @@ body {
4702
4813
  --tw-text-opacity: 1;
4703
4814
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
4704
4815
  }
4816
+ .dark\:text-rose-300:is(.dark *) {
4817
+ --tw-text-opacity: 1;
4818
+ color: rgb(253 164 175 / var(--tw-text-opacity, 1));
4819
+ }
4705
4820
  .dark\:text-slate-100:is(.dark *) {
4706
4821
  --tw-text-opacity: 1;
4707
4822
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
@@ -4756,6 +4871,10 @@ body {
4756
4871
  --tw-bg-opacity: 1;
4757
4872
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
4758
4873
  }
4874
+ .dark\:hover\:bg-slate-700:hover:is(.dark *) {
4875
+ --tw-bg-opacity: 1;
4876
+ background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
4877
+ }
4759
4878
  .dark\:hover\:text-emerald-300:hover:is(.dark *) {
4760
4879
  --tw-text-opacity: 1;
4761
4880
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
@@ -4817,9 +4936,15 @@ body {
4817
4936
  .sm\:mb-2 {
4818
4937
  margin-bottom: 0.5rem;
4819
4938
  }
4939
+ .sm\:inline {
4940
+ display: inline;
4941
+ }
4820
4942
  .sm\:flex {
4821
4943
  display: flex;
4822
4944
  }
4945
+ .sm\:h-10 {
4946
+ height: 2.5rem;
4947
+ }
4823
4948
  .sm\:h-12 {
4824
4949
  height: 3rem;
4825
4950
  }
@@ -4832,6 +4957,9 @@ body {
4832
4957
  .sm\:h-6 {
4833
4958
  height: 1.5rem;
4834
4959
  }
4960
+ .sm\:h-9 {
4961
+ height: 2.25rem;
4962
+ }
4835
4963
  .sm\:min-h-\[40px\] {
4836
4964
  min-height: 40px;
4837
4965
  }
@@ -4850,9 +4978,15 @@ body {
4850
4978
  .sm\:w-6 {
4851
4979
  width: 1.5rem;
4852
4980
  }
4981
+ .sm\:w-9 {
4982
+ width: 2.25rem;
4983
+ }
4853
4984
  .sm\:w-auto {
4854
4985
  width: auto;
4855
4986
  }
4987
+ .sm\:max-w-\[420px\] {
4988
+ max-width: 420px;
4989
+ }
4856
4990
  .sm\:max-w-md {
4857
4991
  max-width: 28rem;
4858
4992
  }
@@ -4866,9 +5000,6 @@ body {
4866
5000
  .sm\:grid-cols-2 {
4867
5001
  grid-template-columns: repeat(2, minmax(0, 1fr));
4868
5002
  }
4869
- .sm\:grid-cols-3 {
4870
- grid-template-columns: repeat(3, minmax(0, 1fr));
4871
- }
4872
5003
  .sm\:flex-row {
4873
5004
  flex-direction: row;
4874
5005
  }
@@ -4890,6 +5021,9 @@ body {
4890
5021
  .sm\:gap-3 {
4891
5022
  gap: 0.75rem;
4892
5023
  }
5024
+ .sm\:gap-4 {
5025
+ gap: 1rem;
5026
+ }
4893
5027
  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
4894
5028
  --tw-space-x-reverse: 0;
4895
5029
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -4916,6 +5050,9 @@ body {
4916
5050
  .sm\:p-3 {
4917
5051
  padding: 0.75rem;
4918
5052
  }
5053
+ .sm\:p-6 {
5054
+ padding: 1.5rem;
5055
+ }
4919
5056
  .sm\:px-3 {
4920
5057
  padding-left: 0.75rem;
4921
5058
  padding-right: 0.75rem;
@@ -4931,6 +5068,15 @@ body {
4931
5068
  .sm\:text-left {
4932
5069
  text-align: left;
4933
5070
  }
5071
+ .sm\:text-\[0\.95rem\] {
5072
+ font-size: 0.95rem;
5073
+ }
5074
+ .sm\:text-\[clamp\(0\.65rem\,1\.1vw\,0\.825rem\)\] {
5075
+ font-size: clamp(0.65rem, 1.1vw, 0.825rem);
5076
+ }
5077
+ .sm\:text-\[clamp\(0\.9rem\,1\.6vw\,1\.125rem\)\] {
5078
+ font-size: clamp(0.9rem, 1.6vw, 1.125rem);
5079
+ }
4934
5080
  .sm\:text-base {
4935
5081
  font-size: 1rem;
4936
5082
  line-height: 1.5rem;
@@ -4961,9 +5107,21 @@ body {
4961
5107
  .md\:block {
4962
5108
  display: block;
4963
5109
  }
5110
+ .md\:inline {
5111
+ display: inline;
5112
+ }
4964
5113
  .md\:flex {
4965
5114
  display: flex;
4966
5115
  }
5116
+ .md\:h-10 {
5117
+ height: 2.5rem;
5118
+ }
5119
+ .md\:h-11 {
5120
+ height: 2.75rem;
5121
+ }
5122
+ .md\:w-10 {
5123
+ width: 2.5rem;
5124
+ }
4967
5125
  .md\:w-\[400px\] {
4968
5126
  width: 400px;
4969
5127
  }
@@ -4976,6 +5134,9 @@ body {
4976
5134
  .md\:w-auto {
4977
5135
  width: auto;
4978
5136
  }
5137
+ .md\:max-w-\[520px\] {
5138
+ max-width: 520px;
5139
+ }
4979
5140
  .md\:basis-1\/2 {
4980
5141
  flex-basis: 50%;
4981
5142
  }
@@ -4991,12 +5152,12 @@ body {
4991
5152
  .md\:flex-row {
4992
5153
  flex-direction: row;
4993
5154
  }
4994
- .md\:items-center {
4995
- align-items: center;
4996
- }
4997
5155
  .md\:gap-1\.5 {
4998
5156
  gap: 0.375rem;
4999
5157
  }
5158
+ .md\:gap-6 {
5159
+ gap: 1.5rem;
5160
+ }
5000
5161
  .md\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
5001
5162
  --tw-space-x-reverse: 0;
5002
5163
  margin-right: calc(11rem * var(--tw-space-x-reverse));
@@ -5007,18 +5168,16 @@ body {
5007
5168
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
5008
5169
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
5009
5170
  }
5010
- .md\:p-12 {
5011
- padding: 3rem;
5012
- }
5013
5171
  .md\:p-4 {
5014
5172
  padding: 1rem;
5015
5173
  }
5016
- .md\:p-8 {
5017
- padding: 2rem;
5018
- }
5019
5174
  .md\:text-left {
5020
5175
  text-align: left;
5021
5176
  }
5177
+ .md\:text-3xl {
5178
+ font-size: 1.875rem;
5179
+ line-height: 2.25rem;
5180
+ }
5022
5181
  .md\:text-4xl {
5023
5182
  font-size: 2.25rem;
5024
5183
  line-height: 2.5rem;
@@ -5031,10 +5190,6 @@ body {
5031
5190
  font-size: 3.75rem;
5032
5191
  line-height: 1;
5033
5192
  }
5034
- .md\:text-base {
5035
- font-size: 1rem;
5036
- line-height: 1.5rem;
5037
- }
5038
5193
  .md\:text-lg {
5039
5194
  font-size: 1.125rem;
5040
5195
  line-height: 1.75rem;
@@ -5076,6 +5231,9 @@ body {
5076
5231
  }
5077
5232
  }
5078
5233
  @media (min-width: 1024px) {
5234
+ .lg\:col-span-2 {
5235
+ grid-column: span 2 / span 2;
5236
+ }
5079
5237
  .lg\:w-\[500px\] {
5080
5238
  width: 500px;
5081
5239
  }
@@ -5085,35 +5243,28 @@ body {
5085
5243
  .lg\:basis-1\/3 {
5086
5244
  flex-basis: 33.333333%;
5087
5245
  }
5246
+ .lg\:grid-cols-2 {
5247
+ grid-template-columns: repeat(2, minmax(0, 1fr));
5248
+ }
5088
5249
  .lg\:grid-cols-3 {
5089
5250
  grid-template-columns: repeat(3, minmax(0, 1fr));
5090
5251
  }
5091
- .lg\:grid-cols-5 {
5092
- grid-template-columns: repeat(5, minmax(0, 1fr));
5252
+ .lg\:grid-cols-4 {
5253
+ grid-template-columns: repeat(4, minmax(0, 1fr));
5093
5254
  }
5094
5255
  .lg\:grid-cols-\[\.75fr_1fr\] {
5095
5256
  grid-template-columns: .75fr 1fr;
5096
5257
  }
5258
+ .lg\:gap-8 {
5259
+ gap: 2rem;
5260
+ }
5261
+ .lg\:p-8 {
5262
+ padding: 2rem;
5263
+ }
5097
5264
  .lg\:px-8 {
5098
5265
  padding-left: 2rem;
5099
5266
  padding-right: 2rem;
5100
5267
  }
5101
- .lg\:text-2xl {
5102
- font-size: 1.5rem;
5103
- line-height: 2rem;
5104
- }
5105
- .lg\:text-6xl {
5106
- font-size: 3.75rem;
5107
- line-height: 1;
5108
- }
5109
- .lg\:text-lg {
5110
- font-size: 1.125rem;
5111
- line-height: 1.75rem;
5112
- }
5113
- .lg\:text-xl {
5114
- font-size: 1.25rem;
5115
- line-height: 1.75rem;
5116
- }
5117
5268
  }
5118
5269
  .\[\&\:has\(\[aria-selected\]\)\]\:bg-muted:has([aria-selected]) {
5119
5270
  background-color: hsl(var(--muted));
@@ -5122,18 +5273,10 @@ body {
5122
5273
  --tw-bg-opacity: 1;
5123
5274
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
5124
5275
  }
5125
- .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-lg:has([aria-selected]):first-child {
5126
- border-top-left-radius: var(--radius);
5127
- border-bottom-left-radius: var(--radius);
5128
- }
5129
5276
  .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child {
5130
5277
  border-top-left-radius: calc(var(--radius) - 2px);
5131
5278
  border-bottom-left-radius: calc(var(--radius) - 2px);
5132
5279
  }
5133
- .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-lg:has([aria-selected]):last-child {
5134
- border-top-right-radius: var(--radius);
5135
- border-bottom-right-radius: var(--radius);
5136
- }
5137
5280
  .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child {
5138
5281
  border-top-right-radius: calc(var(--radius) - 2px);
5139
5282
  border-bottom-right-radius: calc(var(--radius) - 2px);
@@ -5286,14 +5429,6 @@ body {
5286
5429
  .\[\&_tr\]\:border-b tr {
5287
5430
  border-bottom-width: 1px;
5288
5431
  }
5289
- @media (min-width:400px) {
5290
- .\[\@media\(min-width\:400px\)\]\:h-9 {
5291
- height: 2.25rem;
5292
- }
5293
- .\[\@media\(min-width\:400px\)\]\:w-9 {
5294
- width: 2.25rem;
5295
- }
5296
- }
5297
5432
  [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
5298
5433
  right: -0.5rem;
5299
5434
  }