@mlw-packages/react-components 1.5.4 → 1.5.6

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 (6) hide show
  1. package/dist/index.css +216 -3
  2. package/dist/index.d.mts +137 -1
  3. package/dist/index.d.ts +137 -1
  4. package/dist/index.js +3109 -6
  5. package/dist/index.mjs +3148 -6
  6. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -371,6 +371,34 @@ body {
371
371
  -moz-osx-font-smoothing: grayscale;
372
372
  font-family: "Syne", sans-serif;
373
373
  }
374
+ .container {
375
+ width: 100%;
376
+ }
377
+ @media (min-width: 640px) {
378
+ .container {
379
+ max-width: 640px;
380
+ }
381
+ }
382
+ @media (min-width: 768px) {
383
+ .container {
384
+ max-width: 768px;
385
+ }
386
+ }
387
+ @media (min-width: 1024px) {
388
+ .container {
389
+ max-width: 1024px;
390
+ }
391
+ }
392
+ @media (min-width: 1280px) {
393
+ .container {
394
+ max-width: 1280px;
395
+ }
396
+ }
397
+ @media (min-width: 1536px) {
398
+ .container {
399
+ max-width: 1536px;
400
+ }
401
+ }
374
402
  .sr-only {
375
403
  position: absolute;
376
404
  width: 1px;
@@ -385,6 +413,9 @@ body {
385
413
  .pointer-events-none {
386
414
  pointer-events: none;
387
415
  }
416
+ .pointer-events-auto {
417
+ pointer-events: auto;
418
+ }
388
419
  .visible {
389
420
  visibility: visible;
390
421
  }
@@ -417,9 +448,15 @@ body {
417
448
  .-left-12 {
418
449
  left: -3rem;
419
450
  }
451
+ .-right-1 {
452
+ right: -0.25rem;
453
+ }
420
454
  .-right-12 {
421
455
  right: -3rem;
422
456
  }
457
+ .-top-1 {
458
+ top: -0.25rem;
459
+ }
423
460
  .-top-12 {
424
461
  top: -3rem;
425
462
  }
@@ -438,6 +475,12 @@ body {
438
475
  .left-2 {
439
476
  left: 0.5rem;
440
477
  }
478
+ .left-4 {
479
+ left: 1rem;
480
+ }
481
+ .left-6 {
482
+ left: 1.5rem;
483
+ }
441
484
  .left-\[50\%\] {
442
485
  left: 50%;
443
486
  }
@@ -456,6 +499,9 @@ body {
456
499
  .right-4 {
457
500
  right: 1rem;
458
501
  }
502
+ .right-6 {
503
+ right: 1.5rem;
504
+ }
459
505
  .top-0 {
460
506
  top: 0px;
461
507
  }
@@ -477,6 +523,9 @@ body {
477
523
  .top-5 {
478
524
  top: 1.25rem;
479
525
  }
526
+ .top-6 {
527
+ top: 1.5rem;
528
+ }
480
529
  .top-\[1px\] {
481
530
  top: 1px;
482
531
  }
@@ -498,6 +547,9 @@ body {
498
547
  .z-20 {
499
548
  z-index: 20;
500
549
  }
550
+ .z-30 {
551
+ z-index: 30;
552
+ }
501
553
  .z-50 {
502
554
  z-index: 50;
503
555
  }
@@ -623,9 +675,15 @@ body {
623
675
  .ml-auto {
624
676
  margin-left: auto;
625
677
  }
678
+ .mr-1 {
679
+ margin-right: 0.25rem;
680
+ }
626
681
  .mr-2 {
627
682
  margin-right: 0.5rem;
628
683
  }
684
+ .mr-4 {
685
+ margin-right: 1rem;
686
+ }
629
687
  .mr-5 {
630
688
  margin-right: 1.25rem;
631
689
  }
@@ -656,6 +714,9 @@ body {
656
714
  .mt-6 {
657
715
  margin-top: 1.5rem;
658
716
  }
717
+ .mt-8 {
718
+ margin-top: 2rem;
719
+ }
659
720
  .mt-auto {
660
721
  margin-top: auto;
661
722
  }
@@ -855,6 +916,9 @@ body {
855
916
  .min-h-\[300px\] {
856
917
  min-height: 300px;
857
918
  }
919
+ .min-h-\[600px\] {
920
+ min-height: 600px;
921
+ }
858
922
  .min-h-\[60px\] {
859
923
  min-height: 60px;
860
924
  }
@@ -1019,6 +1083,9 @@ body {
1019
1083
  .min-w-5 {
1020
1084
  min-width: 1.25rem;
1021
1085
  }
1086
+ .min-w-56 {
1087
+ min-width: 14rem;
1088
+ }
1022
1089
  .min-w-\[1\.5rem\] {
1023
1090
  min-width: 1.5rem;
1024
1091
  }
@@ -1037,6 +1104,10 @@ body {
1037
1104
  .min-w-\[var\(--radix-select-trigger-width\)\] {
1038
1105
  min-width: var(--radix-select-trigger-width);
1039
1106
  }
1107
+ .min-w-max {
1108
+ min-width: -moz-max-content;
1109
+ min-width: max-content;
1110
+ }
1040
1111
  .max-w-2xl {
1041
1112
  max-width: 42rem;
1042
1113
  }
@@ -1052,12 +1123,18 @@ body {
1052
1123
  .max-w-\[--skeleton-width\] {
1053
1124
  max-width: var(--skeleton-width);
1054
1125
  }
1126
+ .max-w-\[10rem\] {
1127
+ max-width: 10rem;
1128
+ }
1055
1129
  .max-w-\[1100px\] {
1056
1130
  max-width: 1100px;
1057
1131
  }
1058
1132
  .max-w-\[210px\] {
1059
1133
  max-width: 210px;
1060
1134
  }
1135
+ .max-w-\[6rem\] {
1136
+ max-width: 6rem;
1137
+ }
1061
1138
  .max-w-\[80px\] {
1062
1139
  max-width: 80px;
1063
1140
  }
@@ -1172,6 +1249,15 @@ body {
1172
1249
  .cursor-default {
1173
1250
  cursor: default;
1174
1251
  }
1252
+ .cursor-grab {
1253
+ cursor: grab;
1254
+ }
1255
+ .cursor-grabbing {
1256
+ cursor: grabbing;
1257
+ }
1258
+ .cursor-not-allowed {
1259
+ cursor: not-allowed;
1260
+ }
1175
1261
  .cursor-pointer {
1176
1262
  cursor: pointer;
1177
1263
  }
@@ -1193,6 +1279,12 @@ body {
1193
1279
  -moz-user-select: all;
1194
1280
  user-select: all;
1195
1281
  }
1282
+ .list-inside {
1283
+ list-style-position: inside;
1284
+ }
1285
+ .list-disc {
1286
+ list-style-type: disc;
1287
+ }
1196
1288
  .list-none {
1197
1289
  list-style-type: none;
1198
1290
  }
@@ -1265,6 +1357,9 @@ body {
1265
1357
  .gap-2 {
1266
1358
  gap: 0.5rem;
1267
1359
  }
1360
+ .gap-2\.5 {
1361
+ gap: 0.625rem;
1362
+ }
1268
1363
  .gap-20 {
1269
1364
  gap: 5rem;
1270
1365
  }
@@ -1430,6 +1525,10 @@ body {
1430
1525
  border-top-right-radius: calc(var(--radius) - 2px);
1431
1526
  border-bottom-right-radius: calc(var(--radius) - 2px);
1432
1527
  }
1528
+ .rounded-t-lg {
1529
+ border-top-left-radius: var(--radius);
1530
+ border-top-right-radius: var(--radius);
1531
+ }
1433
1532
  .rounded-t-md {
1434
1533
  border-top-left-radius: calc(var(--radius) - 2px);
1435
1534
  border-top-right-radius: calc(var(--radius) - 2px);
@@ -1506,6 +1605,9 @@ body {
1506
1605
  .border-input {
1507
1606
  border-color: hsl(var(--input));
1508
1607
  }
1608
+ .border-muted-foreground\/30 {
1609
+ border-color: hsl(var(--muted-foreground) / 0.3);
1610
+ }
1509
1611
  .border-primary {
1510
1612
  border-color: hsl(var(--primary));
1511
1613
  }
@@ -1531,6 +1633,9 @@ body {
1531
1633
  --tw-border-opacity: 1;
1532
1634
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1533
1635
  }
1636
+ .border-white\/20 {
1637
+ border-color: rgb(255 255 255 / 0.2);
1638
+ }
1534
1639
  .border-zinc-300 {
1535
1640
  --tw-border-opacity: 1;
1536
1641
  border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
@@ -1541,6 +1646,15 @@ body {
1541
1646
  .border-t-transparent {
1542
1647
  border-top-color: transparent;
1543
1648
  }
1649
+ .bg-accent {
1650
+ background-color: hsl(var(--accent));
1651
+ }
1652
+ .bg-accent\/10 {
1653
+ background-color: hsl(var(--accent) / 0.1);
1654
+ }
1655
+ .bg-accent\/30 {
1656
+ background-color: hsl(var(--accent) / 0.3);
1657
+ }
1544
1658
  .bg-background {
1545
1659
  background-color: hsl(var(--background));
1546
1660
  }
@@ -1568,6 +1682,9 @@ body {
1568
1682
  .bg-card {
1569
1683
  background-color: hsl(var(--card));
1570
1684
  }
1685
+ .bg-card\/95 {
1686
+ background-color: hsl(var(--card) / 0.95);
1687
+ }
1571
1688
  .bg-destructive {
1572
1689
  background-color: hsl(var(--destructive));
1573
1690
  }
@@ -1613,6 +1730,12 @@ body {
1613
1730
  .bg-muted {
1614
1731
  background-color: hsl(var(--muted));
1615
1732
  }
1733
+ .bg-muted\/10 {
1734
+ background-color: hsl(var(--muted) / 0.1);
1735
+ }
1736
+ .bg-muted\/20 {
1737
+ background-color: hsl(var(--muted) / 0.2);
1738
+ }
1616
1739
  .bg-muted\/30 {
1617
1740
  background-color: hsl(var(--muted) / 0.3);
1618
1741
  }
@@ -1677,6 +1800,9 @@ body {
1677
1800
  --tw-bg-opacity: 1;
1678
1801
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1679
1802
  }
1803
+ .bg-white\/20 {
1804
+ background-color: rgb(255 255 255 / 0.2);
1805
+ }
1680
1806
  .bg-yellow-100 {
1681
1807
  --tw-bg-opacity: 1;
1682
1808
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
@@ -1719,6 +1845,9 @@ body {
1719
1845
  .fill-current {
1720
1846
  fill: currentColor;
1721
1847
  }
1848
+ .fill-muted-foreground {
1849
+ fill: hsl(var(--muted-foreground));
1850
+ }
1722
1851
  .object-cover {
1723
1852
  -o-object-fit: cover;
1724
1853
  object-fit: cover;
@@ -1823,6 +1952,10 @@ body {
1823
1952
  padding-top: 0.5rem;
1824
1953
  padding-bottom: 0.5rem;
1825
1954
  }
1955
+ .py-2\.5 {
1956
+ padding-top: 0.625rem;
1957
+ padding-bottom: 0.625rem;
1958
+ }
1826
1959
  .py-3 {
1827
1960
  padding-top: 0.75rem;
1828
1961
  padding-bottom: 0.75rem;
@@ -1982,6 +2115,9 @@ body {
1982
2115
  .tracking-tight {
1983
2116
  letter-spacing: -0.025em;
1984
2117
  }
2118
+ .tracking-wide {
2119
+ letter-spacing: 0.025em;
2120
+ }
1985
2121
  .tracking-wider {
1986
2122
  letter-spacing: 0.05em;
1987
2123
  }
@@ -2009,6 +2145,9 @@ body {
2009
2145
  .text-destructive {
2010
2146
  color: hsl(var(--destructive));
2011
2147
  }
2148
+ .text-destructive-foreground {
2149
+ color: hsl(var(--destructive-foreground));
2150
+ }
2012
2151
  .text-emerald-600 {
2013
2152
  --tw-text-opacity: 1;
2014
2153
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
@@ -2186,6 +2325,14 @@ body {
2186
2325
  var(--tw-ring-shadow, 0 0 #0000),
2187
2326
  var(--tw-shadow);
2188
2327
  }
2328
+ .shadow-\[0_6px_18px_rgba\(0\,0\,0\,0\.12\)\] {
2329
+ --tw-shadow: 0 6px 18px rgba(0,0,0,0.12);
2330
+ --tw-shadow-colored: 0 6px 18px var(--tw-shadow-color);
2331
+ box-shadow:
2332
+ var(--tw-ring-offset-shadow, 0 0 #0000),
2333
+ var(--tw-ring-shadow, 0 0 #0000),
2334
+ var(--tw-shadow);
2335
+ }
2189
2336
  .shadow-inner {
2190
2337
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
2191
2338
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
@@ -2277,6 +2424,10 @@ body {
2277
2424
  .ring-offset-background {
2278
2425
  --tw-ring-offset-color: hsl(var(--background));
2279
2426
  }
2427
+ .drop-shadow-sm {
2428
+ --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
2429
+ 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);
2430
+ }
2280
2431
  .grayscale {
2281
2432
  --tw-grayscale: grayscale(100%);
2282
2433
  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);
@@ -2287,6 +2438,10 @@ body {
2287
2438
  .filter {
2288
2439
  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);
2289
2440
  }
2441
+ .backdrop-blur-sm {
2442
+ --tw-backdrop-blur: blur(4px);
2443
+ 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);
2444
+ }
2290
2445
  .transition {
2291
2446
  transition-property:
2292
2447
  color,
@@ -2407,12 +2562,18 @@ body {
2407
2562
  --tw-enter-translate-x: initial;
2408
2563
  --tw-enter-translate-y: initial;
2409
2564
  }
2565
+ .fade-in {
2566
+ --tw-enter-opacity: 0;
2567
+ }
2410
2568
  .fade-in-0 {
2411
2569
  --tw-enter-opacity: 0;
2412
2570
  }
2413
2571
  .zoom-in-95 {
2414
2572
  --tw-enter-scale: .95;
2415
2573
  }
2574
+ .slide-in-from-top-2 {
2575
+ --tw-enter-translate-y: -0.5rem;
2576
+ }
2416
2577
  .duration-1000 {
2417
2578
  animation-duration: 1000ms;
2418
2579
  }
@@ -2719,10 +2880,23 @@ body {
2719
2880
  .hover\:bg-accent:hover {
2720
2881
  background-color: hsl(var(--accent));
2721
2882
  }
2883
+ .hover\:bg-accent\/10:hover {
2884
+ background-color: hsl(var(--accent) / 0.1);
2885
+ }
2886
+ .hover\:bg-accent\/5:hover {
2887
+ background-color: hsl(var(--accent) / 0.05);
2888
+ }
2889
+ .hover\:bg-blue-600:hover {
2890
+ --tw-bg-opacity: 1;
2891
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
2892
+ }
2722
2893
  .hover\:bg-blue-700:hover {
2723
2894
  --tw-bg-opacity: 1;
2724
2895
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
2725
2896
  }
2897
+ .hover\:bg-destructive\/10:hover {
2898
+ background-color: hsl(var(--destructive) / 0.1);
2899
+ }
2726
2900
  .hover\:bg-destructive\/90:hover {
2727
2901
  background-color: hsl(var(--destructive) / 0.9);
2728
2902
  }
@@ -2741,6 +2915,10 @@ body {
2741
2915
  --tw-bg-opacity: 1;
2742
2916
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
2743
2917
  }
2918
+ .hover\:bg-green-600:hover {
2919
+ --tw-bg-opacity: 1;
2920
+ background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
2921
+ }
2744
2922
  .hover\:bg-indigo-600:hover {
2745
2923
  --tw-bg-opacity: 1;
2746
2924
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
@@ -2748,6 +2926,12 @@ body {
2748
2926
  .hover\:bg-muted:hover {
2749
2927
  background-color: hsl(var(--muted));
2750
2928
  }
2929
+ .hover\:bg-muted\/40:hover {
2930
+ background-color: hsl(var(--muted) / 0.4);
2931
+ }
2932
+ .hover\:bg-muted\/5:hover {
2933
+ background-color: hsl(var(--muted) / 0.05);
2934
+ }
2751
2935
  .hover\:bg-muted\/50:hover {
2752
2936
  background-color: hsl(var(--muted) / 0.5);
2753
2937
  }
@@ -2787,6 +2971,9 @@ body {
2787
2971
  .hover\:bg-secondary\/80:hover {
2788
2972
  background-color: hsl(var(--secondary) / 0.8);
2789
2973
  }
2974
+ .hover\:bg-white\/15:hover {
2975
+ background-color: rgb(255 255 255 / 0.15);
2976
+ }
2790
2977
  .hover\:bg-yellow-600:hover {
2791
2978
  --tw-bg-opacity: 1;
2792
2979
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
@@ -2802,6 +2989,9 @@ body {
2802
2989
  .hover\:text-accent-foreground:hover {
2803
2990
  color: hsl(var(--accent-foreground));
2804
2991
  }
2992
+ .hover\:text-destructive:hover {
2993
+ color: hsl(var(--destructive));
2994
+ }
2805
2995
  .hover\:text-foreground:hover {
2806
2996
  color: hsl(var(--foreground));
2807
2997
  }
@@ -2825,6 +3015,14 @@ body {
2825
3015
  .hover\:opacity-90:hover {
2826
3016
  opacity: 0.9;
2827
3017
  }
3018
+ .hover\:shadow-2xl:hover {
3019
+ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
3020
+ --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
3021
+ box-shadow:
3022
+ var(--tw-ring-offset-shadow, 0 0 #0000),
3023
+ var(--tw-ring-shadow, 0 0 #0000),
3024
+ var(--tw-shadow);
3025
+ }
2828
3026
  .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
2829
3027
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
2830
3028
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
@@ -2865,6 +3063,9 @@ body {
2865
3063
  .focus\:bg-accent:focus {
2866
3064
  background-color: hsl(var(--accent));
2867
3065
  }
3066
+ .focus\:bg-accent\/10:focus {
3067
+ background-color: hsl(var(--accent) / 0.1);
3068
+ }
2868
3069
  .focus\:bg-primary\/90:focus {
2869
3070
  background-color: hsl(var(--primary) / 0.9);
2870
3071
  }
@@ -2907,6 +3108,9 @@ body {
2907
3108
  var(--tw-ring-shadow),
2908
3109
  var(--tw-shadow, 0 0 #0000);
2909
3110
  }
3111
+ .focus\:ring-accent:focus {
3112
+ --tw-ring-color: hsl(var(--accent));
3113
+ }
2910
3114
  .focus\:ring-primary:focus {
2911
3115
  --tw-ring-color: hsl(var(--primary));
2912
3116
  }
@@ -2976,11 +3180,19 @@ body {
2976
3180
  --tw-scale-y: 1.25;
2977
3181
  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));
2978
3182
  }
3183
+ .active\:scale-95:active {
3184
+ --tw-scale-x: .95;
3185
+ --tw-scale-y: .95;
3186
+ 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));
3187
+ }
2979
3188
  .active\:scale-\[0\.98\]:active {
2980
3189
  --tw-scale-x: 0.98;
2981
3190
  --tw-scale-y: 0.98;
2982
3191
  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));
2983
3192
  }
3193
+ .active\:bg-white\/20:active {
3194
+ background-color: rgb(255 255 255 / 0.2);
3195
+ }
2984
3196
  .disabled\:pointer-events-none:disabled {
2985
3197
  pointer-events: none;
2986
3198
  }
@@ -3003,6 +3215,10 @@ body {
3003
3215
  --tw-translate-x: 0.25rem;
3004
3216
  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));
3005
3217
  }
3218
+ .group:hover .group-hover\:rotate-90 {
3219
+ --tw-rotate: 90deg;
3220
+ 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));
3221
+ }
3006
3222
  .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
3007
3223
  opacity: 1;
3008
3224
  }
@@ -3853,9 +4069,6 @@ body {
3853
4069
  background-color: hsl(var(--destructive) / 0.2);
3854
4070
  }
3855
4071
  @media (min-width: 640px) {
3856
- .sm\:mt-0 {
3857
- margin-top: 0px;
3858
- }
3859
4072
  .sm\:flex {
3860
4073
  display: flex;
3861
4074
  }
package/dist/index.d.mts CHANGED
@@ -685,6 +685,142 @@ interface DestructiveDialogProps {
685
685
  }
686
686
  declare const DestructiveDialog: React$1.FC<DestructiveDialogProps>;
687
687
 
688
+ interface LineChartData {
689
+ name: string;
690
+ [key: string]: string | number;
691
+ }
692
+ interface CustomLineChartProps {
693
+ data?: LineChartData[];
694
+ className?: string;
695
+ height?: number;
696
+ width?: number | string;
697
+ colors?: string[];
698
+ gridColor?: string;
699
+ showGrid?: boolean;
700
+ showTooltip?: boolean;
701
+ showLegend?: boolean;
702
+ title?: string;
703
+ titlePosition?: "left" | "center" | "right";
704
+ strokeWidth?: number;
705
+ showDots?: boolean;
706
+ showLabels?: boolean;
707
+ }
708
+ declare const CustomLineChart: React__default.FC<CustomLineChartProps>;
709
+
710
+ interface PieChartData {
711
+ name: string;
712
+ value: number;
713
+ [key: string]: string | number;
714
+ }
715
+ interface CustomPieChartProps {
716
+ data?: PieChartData[];
717
+ className?: string;
718
+ height?: number;
719
+ width?: number | string;
720
+ colors?: string[];
721
+ showTooltip?: boolean;
722
+ showLegend?: boolean;
723
+ showLabels?: boolean;
724
+ innerRadius?: number;
725
+ outerRadius?: number;
726
+ centerX?: string | number;
727
+ centerY?: string | number;
728
+ }
729
+ declare const CustomPieChart: React__default.FC<CustomPieChartProps>;
730
+
731
+ interface BarChartData {
732
+ [key: string]: string | number | boolean | null | undefined;
733
+ }
734
+ interface XAxisConfig$1 {
735
+ dataKey: string;
736
+ label?: string;
737
+ formatter?: (value: string | number) => string;
738
+ autoLabel?: boolean;
739
+ }
740
+ interface DataMapper {
741
+ [dataKey: string]: {
742
+ label?: string;
743
+ formatter?: (value: string | number) => string | number;
744
+ color?: string;
745
+ type?: "number" | "string" | "auto";
746
+ visible?: boolean;
747
+ };
748
+ }
749
+ interface BarChartProps {
750
+ data: BarChartData[];
751
+ className?: string;
752
+ height?: number;
753
+ width?: number | string;
754
+ colors?: string[];
755
+ gridColor?: string;
756
+ showGrid?: boolean;
757
+ showTooltip?: boolean;
758
+ showLegend?: boolean;
759
+ title?: string;
760
+ titlePosition?: "left" | "center" | "right";
761
+ showLabels?: boolean;
762
+ labelMap?: Record<string, string>;
763
+ xAxis?: XAxisConfig$1 | string;
764
+ mapper?: DataMapper | string[];
765
+ yAxis?: DataMapper | string[];
766
+ autoDetect?: boolean;
767
+ }
768
+ declare const BarChart: React__default.FC<BarChartProps>;
769
+
770
+ interface ChartData {
771
+ [key: string]: string | number | boolean | null | undefined;
772
+ }
773
+ interface XAxisConfig {
774
+ dataKey: string;
775
+ label?: string;
776
+ formatter?: (value: string | number) => string;
777
+ autoLabel?: boolean;
778
+ }
779
+ type SeriesProp = {
780
+ bar?: string[];
781
+ line?: string[];
782
+ area?: string[];
783
+ };
784
+ interface ChartProps {
785
+ data: ChartData[];
786
+ series?: SeriesProp;
787
+ className?: string;
788
+ height?: number;
789
+ width?: number | string;
790
+ colors?: string[];
791
+ gridColor?: string;
792
+ showGrid?: boolean;
793
+ showTooltip?: boolean;
794
+ showLegend?: boolean;
795
+ title?: string;
796
+ titlePosition?: "left" | "center" | "right";
797
+ showLabels?: boolean;
798
+ labelMap?: Record<string, string>;
799
+ xAxis: XAxisConfig | string;
800
+ enableHighlights?: boolean;
801
+ enableShowOnly?: boolean;
802
+ enablePeriodsDropdown?: boolean;
803
+ enableDraggableTooltips?: boolean;
804
+ }
805
+ declare const Chart: React__default.FC<ChartProps>;
806
+
688
807
  declare function useIsMobile(): boolean;
689
808
 
690
- export { AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, BadgeBase, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, type CalendarProps, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPrevious, CheckboxBase, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, DateTimePicker, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, ModeToggleBase, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, ScrollAreaBase, ScrollBarBase, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipTriggerBase, UseSideBarBase, badgeVariants, buttonVariantsBase, toast, useIsMobile, useTheme };
809
+ interface Position {
810
+ top: number;
811
+ left: number;
812
+ }
813
+ interface UseDragOptions {
814
+ onDragStart?: (id: string) => void;
815
+ onDragEnd?: (id: string) => void;
816
+ onDrag?: (id: string, position: Position) => void;
817
+ }
818
+ declare const useDrag: (options?: UseDragOptions) => {
819
+ handleMouseDown: (id: string, e: React.MouseEvent) => void;
820
+ getPosition: (id: string) => Position;
821
+ setPosition: (id: string, position: Position) => void;
822
+ isElementDragging: (id: string) => boolean;
823
+ isDragging: boolean;
824
+ };
825
+
826
+ export { AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, BadgeBase, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, type CalendarProps, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPrevious, Chart, CheckboxBase, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, DateTimePicker, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, CustomLineChart as LineChart, ModeToggleBase, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, ScrollAreaBase, ScrollBarBase, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipTriggerBase, UseSideBarBase, badgeVariants, buttonVariantsBase, toast, useDrag, useIsMobile, useTheme };