@mlw-packages/react-components 1.8.5 → 1.8.7

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
@@ -429,9 +429,15 @@ body {
429
429
  .-left-1 {
430
430
  left: -0.25rem;
431
431
  }
432
+ .-left-3\.5 {
433
+ left: -0.875rem;
434
+ }
432
435
  .-right-1 {
433
436
  right: -0.25rem;
434
437
  }
438
+ .-right-3\.5 {
439
+ right: -0.875rem;
440
+ }
435
441
  .-top-1 {
436
442
  top: -0.25rem;
437
443
  }
@@ -732,9 +738,6 @@ body {
732
738
  .ml-64 {
733
739
  margin-left: 16rem;
734
740
  }
735
- .ml-\[90px\] {
736
- margin-left: 90px;
737
- }
738
741
  .ml-auto {
739
742
  margin-left: auto;
740
743
  }
@@ -792,9 +795,6 @@ body {
792
795
  .mt-8 {
793
796
  margin-top: 2rem;
794
797
  }
795
- .mt-\[19px\] {
796
- margin-top: 19px;
797
- }
798
798
  .mt-\[var\(--event-gap\)\] {
799
799
  margin-top: var(--event-gap);
800
800
  }
@@ -1258,9 +1258,6 @@ body {
1258
1258
  .w-\[90\%\] {
1259
1259
  width: 90%;
1260
1260
  }
1261
- .w-\[98\%\] {
1262
- width: 98%;
1263
- }
1264
1261
  .w-auto {
1265
1262
  width: auto;
1266
1263
  }
@@ -1360,6 +1357,9 @@ body {
1360
1357
  .max-w-\[1100px\] {
1361
1358
  max-width: 1100px;
1362
1359
  }
1360
+ .max-w-\[200px\] {
1361
+ max-width: 200px;
1362
+ }
1363
1363
  .max-w-\[210px\] {
1364
1364
  max-width: 210px;
1365
1365
  }
@@ -1548,12 +1548,18 @@ body {
1548
1548
  .cursor-default {
1549
1549
  cursor: default;
1550
1550
  }
1551
+ .cursor-ew-resize {
1552
+ cursor: ew-resize;
1553
+ }
1551
1554
  .cursor-grab {
1552
1555
  cursor: grab;
1553
1556
  }
1554
1557
  .cursor-grabbing {
1555
1558
  cursor: grabbing;
1556
1559
  }
1560
+ .cursor-move {
1561
+ cursor: move;
1562
+ }
1557
1563
  .cursor-not-allowed {
1558
1564
  cursor: not-allowed;
1559
1565
  }
@@ -1622,6 +1628,9 @@ body {
1622
1628
  .grid-cols-5 {
1623
1629
  grid-template-columns: repeat(5, minmax(0, 1fr));
1624
1630
  }
1631
+ .grid-cols-6 {
1632
+ grid-template-columns: repeat(6, minmax(0, 1fr));
1633
+ }
1625
1634
  .grid-cols-7 {
1626
1635
  grid-template-columns: repeat(7, minmax(0, 1fr));
1627
1636
  }
@@ -1956,6 +1965,10 @@ body {
1956
1965
  border-left-width: 1px;
1957
1966
  border-right-width: 1px;
1958
1967
  }
1968
+ .border-x-2 {
1969
+ border-left-width: 2px;
1970
+ border-right-width: 2px;
1971
+ }
1959
1972
  .border-y {
1960
1973
  border-top-width: 1px;
1961
1974
  border-bottom-width: 1px;
@@ -2080,6 +2093,9 @@ body {
2080
2093
  .border-primary\/30 {
2081
2094
  border-color: hsl(var(--primary) / 0.3);
2082
2095
  }
2096
+ .border-primary\/50 {
2097
+ border-color: hsl(var(--primary) / 0.5);
2098
+ }
2083
2099
  .border-primary\/70 {
2084
2100
  border-color: hsl(var(--primary) / 0.7);
2085
2101
  }
@@ -2195,6 +2211,9 @@ body {
2195
2211
  .bg-background\/80 {
2196
2212
  background-color: hsl(var(--background) / 0.8);
2197
2213
  }
2214
+ .bg-background\/95 {
2215
+ background-color: hsl(var(--background) / 0.95);
2216
+ }
2198
2217
  .bg-black\/40 {
2199
2218
  background-color: rgb(0 0 0 / 0.4);
2200
2219
  }
@@ -2303,6 +2322,10 @@ body {
2303
2322
  --tw-bg-opacity: 1;
2304
2323
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
2305
2324
  }
2325
+ .bg-gray-500 {
2326
+ --tw-bg-opacity: 1;
2327
+ background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
2328
+ }
2306
2329
  .bg-gray-700 {
2307
2330
  --tw-bg-opacity: 1;
2308
2331
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
@@ -2725,6 +2748,10 @@ body {
2725
2748
  padding-left: 0.625rem;
2726
2749
  padding-right: 0.625rem;
2727
2750
  }
2751
+ .px-20 {
2752
+ padding-left: 5rem;
2753
+ padding-right: 5rem;
2754
+ }
2728
2755
  .px-3 {
2729
2756
  padding-left: 0.75rem;
2730
2757
  padding-right: 0.75rem;
@@ -2939,6 +2966,9 @@ body {
2939
2966
  .text-\[1\.4rem\] {
2940
2967
  font-size: 1.4rem;
2941
2968
  }
2969
+ .text-\[1\.6rem\] {
2970
+ font-size: 1.6rem;
2971
+ }
2942
2972
  .text-\[10px\] {
2943
2973
  font-size: 10px;
2944
2974
  }
@@ -3013,6 +3043,9 @@ body {
3013
3043
  .capitalize {
3014
3044
  text-transform: capitalize;
3015
3045
  }
3046
+ .italic {
3047
+ font-style: italic;
3048
+ }
3016
3049
  .tabular-nums {
3017
3050
  --tw-numeric-spacing: tabular-nums;
3018
3051
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
@@ -3120,6 +3153,10 @@ body {
3120
3153
  --tw-text-opacity: 1;
3121
3154
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
3122
3155
  }
3156
+ .text-gray-600 {
3157
+ --tw-text-opacity: 1;
3158
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1));
3159
+ }
3123
3160
  .text-gray-700 {
3124
3161
  --tw-text-opacity: 1;
3125
3162
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
@@ -3350,15 +3387,9 @@ body {
3350
3387
  .underline {
3351
3388
  text-decoration-line: underline;
3352
3389
  }
3353
- .line-through {
3354
- text-decoration-line: line-through;
3355
- }
3356
3390
  .no-underline {
3357
3391
  text-decoration-line: none;
3358
3392
  }
3359
- .decoration-2 {
3360
- text-decoration-thickness: 2px;
3361
- }
3362
3393
  .underline-offset-4 {
3363
3394
  text-underline-offset: 4px;
3364
3395
  }
@@ -3587,6 +3618,10 @@ body {
3587
3618
  --tw-backdrop-blur: blur(8px);
3588
3619
  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);
3589
3620
  }
3621
+ .backdrop-blur-\[1px\] {
3622
+ --tw-backdrop-blur: blur(1px);
3623
+ 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);
3624
+ }
3590
3625
  .backdrop-blur-md {
3591
3626
  --tw-backdrop-blur: blur(12px);
3592
3627
  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);
@@ -4251,6 +4286,9 @@ body {
4251
4286
  .hover\:bg-primary\/20:hover {
4252
4287
  background-color: hsl(var(--primary) / 0.2);
4253
4288
  }
4289
+ .hover\:bg-primary\/5:hover {
4290
+ background-color: hsl(var(--primary) / 0.05);
4291
+ }
4254
4292
  .hover\:bg-primary\/90:hover {
4255
4293
  background-color: hsl(var(--primary) / 0.9);
4256
4294
  }
@@ -4934,38 +4972,38 @@ body {
4934
4972
  --tw-border-opacity: 1;
4935
4973
  border-color: rgb(167 139 250 / var(--tw-border-opacity, 1));
4936
4974
  }
4937
- .data-\[type\=InfoIcon\]\:border-blue-500[data-type=InfoIcon] {
4938
- --tw-border-opacity: 1;
4939
- border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
4940
- }
4941
- .data-\[type\=WarningIcon\]\:border-yellow-500[data-type=WarningIcon] {
4942
- --tw-border-opacity: 1;
4943
- border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
4944
- }
4945
4975
  .data-\[type\=error\]\:border-red-500[data-type=error] {
4946
4976
  --tw-border-opacity: 1;
4947
4977
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
4948
4978
  }
4949
- .data-\[type\=success\]\:border-green-500[data-type=success] {
4979
+ .data-\[type\=info\]\:border-blue-500[data-type=info] {
4950
4980
  --tw-border-opacity: 1;
4951
- border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
4981
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
4952
4982
  }
4953
- .data-\[type\=InfoIcon\]\:border-l-blue-500[data-type=InfoIcon] {
4983
+ .data-\[type\=success\]\:border-green-500[data-type=success] {
4954
4984
  --tw-border-opacity: 1;
4955
- border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
4985
+ border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
4956
4986
  }
4957
- .data-\[type\=WarningIcon\]\:border-l-yellow-500[data-type=WarningIcon] {
4987
+ .data-\[type\=warning\]\:border-yellow-500[data-type=warning] {
4958
4988
  --tw-border-opacity: 1;
4959
- border-left-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
4989
+ border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
4960
4990
  }
4961
4991
  .data-\[type\=error\]\:border-l-red-500[data-type=error] {
4962
4992
  --tw-border-opacity: 1;
4963
4993
  border-left-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
4964
4994
  }
4995
+ .data-\[type\=info\]\:border-l-blue-500[data-type=info] {
4996
+ --tw-border-opacity: 1;
4997
+ border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
4998
+ }
4965
4999
  .data-\[type\=success\]\:border-l-green-500[data-type=success] {
4966
5000
  --tw-border-opacity: 1;
4967
5001
  border-left-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
4968
5002
  }
5003
+ .data-\[type\=warning\]\:border-l-yellow-500[data-type=warning] {
5004
+ --tw-border-opacity: 1;
5005
+ border-left-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
5006
+ }
4969
5007
  .data-\[active\=true\]\:bg-accent\/50[data-active=true] {
4970
5008
  background-color: hsl(var(--accent) / 0.5);
4971
5009
  }
@@ -5021,21 +5059,17 @@ body {
5021
5059
  .data-\[state\=unchecked\]\:bg-input[data-state=unchecked] {
5022
5060
  background-color: hsl(var(--input));
5023
5061
  }
5024
- .data-\[type\=InfoIcon\]\:bg-blue-50[data-type=InfoIcon] {
5025
- --tw-bg-opacity: 1;
5026
- background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
5062
+ .data-\[type\=error\]\:bg-red-50\/95[data-type=error] {
5063
+ background-color: rgb(254 242 242 / 0.95);
5027
5064
  }
5028
- .data-\[type\=WarningIcon\]\:bg-yellow-50[data-type=WarningIcon] {
5029
- --tw-bg-opacity: 1;
5030
- background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
5065
+ .data-\[type\=info\]\:bg-blue-50\/95[data-type=info] {
5066
+ background-color: rgb(239 246 255 / 0.95);
5031
5067
  }
5032
- .data-\[type\=error\]\:bg-red-50[data-type=error] {
5033
- --tw-bg-opacity: 1;
5034
- background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
5068
+ .data-\[type\=success\]\:bg-green-50\/95[data-type=success] {
5069
+ background-color: rgb(240 253 244 / 0.95);
5035
5070
  }
5036
- .data-\[type\=success\]\:bg-green-50[data-type=success] {
5037
- --tw-bg-opacity: 1;
5038
- background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
5071
+ .data-\[type\=warning\]\:bg-yellow-50\/95[data-type=warning] {
5072
+ background-color: rgb(254 252 232 / 0.95);
5039
5073
  }
5040
5074
  .data-\[inset\]\:pl-8[data-inset] {
5041
5075
  padding-left: 2rem;
@@ -5061,22 +5095,22 @@ body {
5061
5095
  .data-\[state\=open\]\:text-muted-foreground[data-state=open] {
5062
5096
  color: hsl(var(--muted-foreground));
5063
5097
  }
5064
- .data-\[type\=InfoIcon\]\:text-blue-800[data-type=InfoIcon] {
5065
- --tw-text-opacity: 1;
5066
- color: rgb(30 64 175 / var(--tw-text-opacity, 1));
5067
- }
5068
- .data-\[type\=WarningIcon\]\:text-yellow-800[data-type=WarningIcon] {
5069
- --tw-text-opacity: 1;
5070
- color: rgb(133 77 14 / var(--tw-text-opacity, 1));
5071
- }
5072
5098
  .data-\[type\=error\]\:text-red-800[data-type=error] {
5073
5099
  --tw-text-opacity: 1;
5074
5100
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
5075
5101
  }
5102
+ .data-\[type\=info\]\:text-blue-800[data-type=info] {
5103
+ --tw-text-opacity: 1;
5104
+ color: rgb(30 64 175 / var(--tw-text-opacity, 1));
5105
+ }
5076
5106
  .data-\[type\=success\]\:text-green-800[data-type=success] {
5077
5107
  --tw-text-opacity: 1;
5078
5108
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
5079
5109
  }
5110
+ .data-\[type\=warning\]\:text-yellow-800[data-type=warning] {
5111
+ --tw-text-opacity: 1;
5112
+ color: rgb(133 77 14 / var(--tw-text-opacity, 1));
5113
+ }
5080
5114
  .data-\[variant\=destructive\]\:text-destructive[data-variant=destructive] {
5081
5115
  color: hsl(var(--destructive));
5082
5116
  }
@@ -6313,6 +6347,12 @@ body {
6313
6347
  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted::-webkit-scrollbar-thumb {
6314
6348
  background-color: hsl(var(--muted));
6315
6349
  }
6350
+ .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted-foreground\/20::-webkit-scrollbar-thumb {
6351
+ background-color: hsl(var(--muted-foreground) / 0.2);
6352
+ }
6353
+ .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted-foreground\/40::-webkit-scrollbar-thumb:hover {
6354
+ background-color: hsl(var(--muted-foreground) / 0.4);
6355
+ }
6316
6356
  .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted-foreground\/50::-webkit-scrollbar-thumb:hover {
6317
6357
  background-color: hsl(var(--muted-foreground) / 0.5);
6318
6358
  }
@@ -6322,6 +6362,9 @@ body {
6322
6362
  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
6323
6363
  display: none;
6324
6364
  }
6365
+ .\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
6366
+ width: 0.375rem;
6367
+ }
6325
6368
  .\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar {
6326
6369
  width: 0.5rem;
6327
6370
  }
package/dist/index.d.mts CHANGED
@@ -252,11 +252,11 @@ type ToasterProps = React.ComponentProps<typeof Toaster$1> & {
252
252
  };
253
253
  declare const Toaster: ({ testId, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
254
254
  declare const toast: {
255
- success: (message: string) => string | number;
256
- error: (message: string) => string | number;
257
- warning: (message: string) => string | number;
258
- info: (message: string) => string | number;
259
- loading: (message: string) => string | number;
255
+ success: (message: string, description?: string) => string | number;
256
+ error: (message: string, description?: string) => string | number;
257
+ warning: (message: string, description?: string) => string | number;
258
+ info: (message: string, description?: string) => string | number;
259
+ loading: (message: string, description?: string) => string | number;
260
260
  };
261
261
 
262
262
  declare const TooltipProviderBase: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
@@ -1313,6 +1313,7 @@ interface AvatarComboboxItem<T extends string> {
1313
1313
  value: T;
1314
1314
  avatar?: ReactNode;
1315
1315
  avatarClassName?: string;
1316
+ img?: string;
1316
1317
  }
1317
1318
  interface AvatarComboboxTestIds {
1318
1319
  root?: string;
@@ -1639,7 +1640,7 @@ declare const renderPillLabel: (color: string, variant: Variant, valueFormatter?
1639
1640
 
1640
1641
  declare const renderInsideBarLabel: (color: string, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
1641
1642
 
1642
- interface ChartData$3 {
1643
+ interface ChartData$4 {
1643
1644
  [key: string]: string | number | boolean | null | undefined;
1644
1645
  }
1645
1646
  interface XAxisConfig$2 {
@@ -1655,13 +1656,23 @@ interface BiaxialConfig {
1655
1656
  decimals?: number;
1656
1657
  stroke?: string | Record<string, string>;
1657
1658
  }
1659
+ interface TimeSeriesConfig {
1660
+ start?: number;
1661
+ end?: number;
1662
+ onRangeChange?: (startIndex: number, endIndex: number) => void;
1663
+ height?: number;
1664
+ brushColor?: string;
1665
+ brushStroke?: string;
1666
+ miniChartOpacity?: number;
1667
+ chartHeight?: number;
1668
+ }
1658
1669
  type SeriesProp$1 = {
1659
1670
  bar?: string[];
1660
1671
  line?: string[];
1661
1672
  area?: string[];
1662
1673
  };
1663
1674
  interface ChartProps {
1664
- data: ChartData$3[];
1675
+ data: ChartData$4[];
1665
1676
  series?: SeriesProp$1;
1666
1677
  className?: string;
1667
1678
  chartMargin?: Partial<{
@@ -1697,6 +1708,7 @@ interface ChartProps {
1697
1708
  formatBR?: boolean;
1698
1709
  legendUppercase?: boolean;
1699
1710
  isLoading?: boolean;
1711
+ timeSeries?: boolean | TimeSeriesConfig;
1700
1712
  }
1701
1713
  declare const Chart: React__default.FC<ChartProps>;
1702
1714
 
@@ -1790,6 +1802,26 @@ interface CustomPieChartProps {
1790
1802
  }
1791
1803
  declare const CustomPieChart: React__default.FC<CustomPieChartProps>;
1792
1804
 
1805
+ interface TimeSeriesData {
1806
+ [key: string]: string | number | boolean | null | undefined;
1807
+ }
1808
+ interface TimeSeriesProps extends Omit<React__default.ComponentProps<typeof Chart>, "data" | "xAxis" | "timeSeries"> {
1809
+ data: TimeSeriesData[];
1810
+ xAxis: string;
1811
+ chartHeight?: number;
1812
+ height?: number;
1813
+ brushHeight?: number;
1814
+ start?: number;
1815
+ end?: number;
1816
+ defaultStartIndex?: number;
1817
+ defaultEndIndex?: number;
1818
+ onRangeChange?: (startIndex: number, endIndex: number) => void;
1819
+ brushColor?: string;
1820
+ brushStroke?: string;
1821
+ miniChartOpacity?: number;
1822
+ }
1823
+ declare const TimeSeries: React__default.FC<TimeSeriesProps>;
1824
+
1793
1825
  interface Props$4 {
1794
1826
  processedData: Array<{
1795
1827
  name: string;
@@ -1908,6 +1940,33 @@ interface Props {
1908
1940
  }
1909
1941
  declare const TooltipSimple: React__default.FC<Props>;
1910
1942
 
1943
+ interface ChartData$3 {
1944
+ [key: string]: string | number | boolean | null | undefined;
1945
+ }
1946
+ interface BrushProps {
1947
+ data: ChartData$3[];
1948
+ startIndex: number;
1949
+ endIndex: number;
1950
+ onMouseDown: (e: React__default.MouseEvent, type: "start" | "end" | "middle") => void;
1951
+ brushRef: React__default.RefObject<HTMLDivElement | null>;
1952
+ xAxisKey: string;
1953
+ seriesOrder: Array<{
1954
+ type: "bar" | "line" | "area";
1955
+ key: string;
1956
+ }>;
1957
+ finalColors: Record<string, string>;
1958
+ brushHeight?: number;
1959
+ brushColor?: string;
1960
+ miniChartOpacity?: number;
1961
+ showGrid?: boolean;
1962
+ gridColor?: string;
1963
+ margin?: {
1964
+ left?: number;
1965
+ right?: number;
1966
+ };
1967
+ }
1968
+ declare const Brush: React__default.FC<BrushProps>;
1969
+
1911
1970
  interface UseChartHighlightsReturn {
1912
1971
  highlightedSeries: Set<string>;
1913
1972
  showOnlyHighlighted: boolean;
@@ -1976,6 +2035,20 @@ declare const useChartClick: ({ enableDraggableTooltips, xAxisDataKey, toggleToo
1976
2035
  handleSeriesClick: (...args: unknown[]) => void;
1977
2036
  };
1978
2037
 
2038
+ interface UseTimeSeriesRangeProps {
2039
+ dataLength: number;
2040
+ defaultStartIndex?: number;
2041
+ defaultEndIndex?: number;
2042
+ onRangeChange?: (startIndex: number, endIndex: number) => void;
2043
+ }
2044
+ declare function useTimeSeriesRange({ dataLength, defaultStartIndex, defaultEndIndex, onRangeChange, }: UseTimeSeriesRangeProps): {
2045
+ startIndex: number;
2046
+ endIndex: number;
2047
+ isDragging: "end" | "start" | "middle" | null;
2048
+ brushRef: React$1.RefObject<HTMLDivElement | null>;
2049
+ handleMouseDown: (e: React.MouseEvent, type: "start" | "end" | "middle") => void;
2050
+ };
2051
+
1979
2052
  interface NoDataProps {
1980
2053
  paddingLeft?: number;
1981
2054
  height?: number | string;
@@ -2075,9 +2148,11 @@ interface LeaderboardProps<T extends string> {
2075
2148
  title?: string;
2076
2149
  className?: string;
2077
2150
  isLoading?: boolean;
2078
- legend?: [string, string][];
2151
+ legend?: string[];
2152
+ best?: boolean;
2153
+ worst?: boolean;
2079
2154
  }
2080
- declare function Leaderboard<T extends string>({ items, order: initialOrder, title, className, isLoading, legend, }: LeaderboardProps<T>): react_jsx_runtime.JSX.Element;
2155
+ declare function Leaderboard<T extends string>({ items, order: initialOrder, title, className, isLoading, legend, best, worst, }: LeaderboardProps<T>): react_jsx_runtime.JSX.Element;
2081
2156
 
2082
2157
  declare function useIsMobile(): boolean;
2083
2158
 
@@ -2098,4 +2173,4 @@ declare const useDrag: (options?: UseDragOptions) => {
2098
2173
  isDragging: boolean;
2099
2174
  };
2100
2175
 
2101
- export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, type AvatarComboboxItem, type AvatarComboboxProps, type AvatarComboboxPropsWithGroupItems, type AvatarComboboxPropsWithItems, type AvatarComboboxTestIds, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, type BadgeColorType, type BannerProps, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, type CalendarEvent, type CalendarEventAgenda, type CalendarProps, type CalendarView, type CalendarViewAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart, type ChartData, type ChartHooksArgs, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton, CloseButton, CodeBlock, 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, CopyButton, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, type DebouncedInputProps, type DefaultAvatarComboboxProps, DefaultEndHour, DefaultEndHourAgenda, type DefaultMultiSelectProps, type DefaultSelectProps, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent, DraggableTooltip, 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, DroppableCell, DroppableCellAgenda, EditButton, EndHour, EndHourAgenda, ErrorMessage, EventAgenda, EventCalendar, type EventColor, type EventColorAgenda, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileUploader, type FileUploaderProps, type FileWithPreview, FilterButton, type FinalValueFormatter, HideButton, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, type IconProps, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, Leaderboard, type LeaderboardItem, type LeaderboardProps, LikeButton, CustomLineChart as LineChart, LoadingBase, LockButton, type MapperConfig, type MapperConfigEntry, type Margins, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, type MultiComboboxProps, type MultiComboboxTestIds, MultiSelect, MultiSelectBase, MultiSelectContentBase, type MultiSelectContextType, MultiSelectGroupBase, type MultiSelectItem, MultiSelectItemBase, type MultiSelectProps, type MultiSelectPropsWithGroupItems, type MultiSelectPropsWithItems, MultiSelectSeparatorBase, type MultiSelectTestIds, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, type NewSelectProps, NoData, NotificationButton, type Padding, type Period, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, type Primitive, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, RangePicker, type RangePickerProps, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, type SelectPropsWithGroupItems, type SelectPropsWithItems, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, type SelectTestIds, SelectTriggerBase, SelectValueBase, SeparatorBase, type SeriesCounts, type SeriesEntry, type SeriesProp, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, 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, StartHour, StartHourAgenda, StatusIndicator, type StatusProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, type TimePickerType, Toaster, type TooltipAdaptedRow, TooltipBase, TooltipContentBase, type TooltipItem, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, type ValueFormatter, type ValueFormatterType, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, type XAxisConfig, type YAxes, type YAxisMap, type YAxisOptions, type YAxisSide, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, renderInsideBarLabel, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useTheme, type valueFormatter, visualForItem };
2176
+ export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, type AvatarComboboxItem, type AvatarComboboxProps, type AvatarComboboxPropsWithGroupItems, type AvatarComboboxPropsWithItems, type AvatarComboboxTestIds, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, type BadgeColorType, type BannerProps, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, type CalendarEvent, type CalendarEventAgenda, type CalendarProps, type CalendarView, type CalendarViewAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart, type ChartData, type ChartHooksArgs, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton, CloseButton, CodeBlock, 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, CopyButton, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, type DebouncedInputProps, type DefaultAvatarComboboxProps, DefaultEndHour, DefaultEndHourAgenda, type DefaultMultiSelectProps, type DefaultSelectProps, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent, DraggableTooltip, 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, DroppableCell, DroppableCellAgenda, EditButton, EndHour, EndHourAgenda, ErrorMessage, EventAgenda, EventCalendar, type EventColor, type EventColorAgenda, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileUploader, type FileUploaderProps, type FileWithPreview, FilterButton, type FinalValueFormatter, HideButton, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, type IconProps, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, Leaderboard, type LeaderboardItem, type LeaderboardProps, LikeButton, CustomLineChart as LineChart, LoadingBase, LockButton, type MapperConfig, type MapperConfigEntry, type Margins, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, type MultiComboboxProps, type MultiComboboxTestIds, MultiSelect, MultiSelectBase, MultiSelectContentBase, type MultiSelectContextType, MultiSelectGroupBase, type MultiSelectItem, MultiSelectItemBase, type MultiSelectProps, type MultiSelectPropsWithGroupItems, type MultiSelectPropsWithItems, MultiSelectSeparatorBase, type MultiSelectTestIds, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, type NewSelectProps, NoData, NotificationButton, type Padding, type Period, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, type Primitive, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, RangePicker, type RangePickerProps, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, type SelectPropsWithGroupItems, type SelectPropsWithItems, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, type SelectTestIds, SelectTriggerBase, SelectValueBase, SeparatorBase, type SeriesCounts, type SeriesEntry, type SeriesProp, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, 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, StartHour, StartHourAgenda, StatusIndicator, type StatusProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, type TimePickerType, TimeSeries, Toaster, type TooltipAdaptedRow, TooltipBase, TooltipContentBase, type TooltipItem, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, type ValueFormatter, type ValueFormatterType, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, type XAxisConfig, type YAxes, type YAxisMap, type YAxisOptions, type YAxisSide, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, renderInsideBarLabel, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useTheme, useTimeSeriesRange, type valueFormatter, visualForItem };