@mlw-packages/react-components 1.8.8 → 1.8.9

package/dist/index.css

@@ -982,6 +982,9 @@ body {
 .h-\[50vh\] {
   height: 50vh;
 }
+.h-\[95vh\] {
+  height: 95vh;
+}
 .h-\[calc\(var\(--week-cells-height\)\/4\)\] {
   height: calc(var(--week-cells-height) / 4);
 }
@@ -1138,6 +1141,9 @@ body {
 .w-20 {
   width: 5rem;
 }
+.w-24 {
+  width: 6rem;
+}
 .w-28 {
   width: 7rem;
 }
@@ -1249,6 +1255,9 @@ body {
 .w-\[500px\] {
   width: 500px;
 }
+.w-\[52rem\] {
+  width: 52rem;
+}
 .w-\[70\%\] {
   width: 70%;
 }
@@ -1258,6 +1267,9 @@ body {
 .w-\[90\%\] {
   width: 90%;
 }
+.w-\[95vw\] {
+  width: 95vw;
+}
 .w-auto {
   width: auto;
 }
@@ -1363,9 +1375,6 @@ body {
 .max-w-\[1100px\] {
   max-width: 1100px;
 }
-.max-w-\[200px\] {
-  max-width: 200px;
-}
 .max-w-\[210px\] {
   max-width: 210px;
 }
@@ -1409,6 +1418,9 @@ body {
 .max-w-md {
   max-width: 28rem;
 }
+.max-w-none {
+  max-width: none;
+}
 .max-w-prose {
   max-width: 65ch;
 }
@@ -1501,6 +1513,10 @@ body {
   --tw-rotate: 0deg;
   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));
 }
+.rotate-180 {
+  --tw-rotate: 180deg;
+  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));
+}
 .rotate-45 {
   --tw-rotate: 45deg;
   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));
@@ -1964,6 +1980,9 @@ body {
 .border-2 {
   border-width: 2px;
 }
+.border-4 {
+  border-width: 4px;
+}
 .border-\[3px\] {
   border-width: 3px;
 }
@@ -1994,6 +2013,9 @@ body {
 .border-l-4 {
   border-left-width: 4px;
 }
+.border-l-8 {
+  border-left-width: 8px;
+}
 .border-r {
   border-right-width: 1px;
 }
@@ -2034,9 +2056,15 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
 }
+.border-blue-500\/10 {
+  border-color: rgb(59 130 246 / 0.1);
+}
 .border-border {
   border-color: hsl(var(--border));
 }
+.border-border\/10 {
+  border-color: hsl(var(--border) / 0.1);
+}
 .border-border\/20 {
   border-color: hsl(var(--border) / 0.2);
 }
@@ -2060,6 +2088,9 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
 }
+.border-emerald-500\/10 {
+  border-color: rgb(16 185 129 / 0.1);
+}
 .border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
@@ -2173,9 +2204,39 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
 }
+.border-y-border {
+  border-top-color: hsl(var(--border));
+  border-bottom-color: hsl(var(--border));
+}
+.border-l-amber-500 {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
+}
+.border-l-blue-500 {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
+}
+.border-l-destructive {
+  border-left-color: hsl(var(--destructive));
+}
+.border-l-green-500 {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
+}
+.border-l-purple-500 {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
+}
 .border-l-transparent {
   border-left-color: transparent;
 }
+.border-l-yellow-500 {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
+}
+.border-r-border {
+  border-right-color: hsl(var(--border));
+}
 .border-t-primary {
   border-top-color: hsl(var(--primary));
 }
@@ -2215,6 +2276,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
 }
+.bg-amber-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
+}
 .bg-background {
   background-color: hsl(var(--background));
 }
@@ -2230,6 +2295,10 @@ body {
 .bg-background\/95 {
   background-color: hsl(var(--background) / 0.95);
 }
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+}
 .bg-black\/40 {
   background-color: rgb(0 0 0 / 0.4);
 }
@@ -2260,6 +2329,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
 }
+.bg-blue-500\/5 {
+  background-color: rgb(59 130 246 / 0.05);
+}
 .bg-blue-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
@@ -2315,6 +2387,9 @@ body {
 .bg-emerald-500\/15 {
   background-color: rgb(16 185 129 / 0.15);
 }
+.bg-emerald-500\/5 {
+  background-color: rgb(16 185 129 / 0.05);
+}
 .bg-emerald-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
@@ -2369,6 +2444,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
 }
+.bg-green-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
+}
 .bg-indigo-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
@@ -3093,6 +3172,9 @@ body {
 .leading-tight {
   line-height: 1.25;
 }
+.tracking-\[0\] {
+  letter-spacing: 0;
+}
 .tracking-tight {
   letter-spacing: -0.025em;
 }
@@ -3483,6 +3565,22 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-\[4px_4px_0px_0px_rgba\(0\,0\,0\,1\)\] {
+  --tw-shadow: 4px 4px 0px 0px rgba(0,0,0,1);
+  --tw-shadow-colored: 4px 4px 0px 0px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-\[8px_8px_0px_0px_rgba\(0\,0\,0\,1\)\] {
+  --tw-shadow: 8px 8px 0px 0px rgba(0,0,0,1);
+  --tw-shadow-colored: 8px 8px 0px 0px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .shadow-inner {
   --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
@@ -4217,6 +4315,14 @@ body {
   --tw-translate-y: -0.25rem;
   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));
 }
+.hover\:translate-x-\[2px\]:hover {
+  --tw-translate-x: 2px;
+  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));
+}
+.hover\:translate-y-\[2px\]:hover {
+  --tw-translate-y: 2px;
+  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));
+}
 .hover\:rotate-90:hover {
   --tw-rotate: 90deg;
   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));
@@ -4246,6 +4352,12 @@ body {
   --tw-scale-y: 1.02;
   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));
 }
+.hover\:border-blue-500\/30:hover {
+  border-color: rgb(59 130 246 / 0.3);
+}
+.hover\:border-emerald-500\/30:hover {
+  border-color: rgb(16 185 129 / 0.3);
+}
 .hover\:border-input\/80:hover {
   border-color: hsl(var(--input) / 0.8);
 }
@@ -4264,6 +4376,10 @@ body {
 .hover\:bg-amber-200\/40:hover {
   background-color: rgb(253 230 138 / 0.4);
 }
+.hover\:bg-amber-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-background:hover {
   background-color: hsl(var(--background));
 }
@@ -4308,10 +4424,18 @@ body {
 .hover\:bg-gray-200\/40:hover {
   background-color: rgb(229 231 235 / 0.4);
 }
+.hover\:bg-gray-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-green-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-green-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-indigo-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
@@ -4396,6 +4520,10 @@ body {
 .hover\:bg-violet-200\/40:hover {
   background-color: rgb(221 214 254 / 0.4);
 }
+.hover\:bg-yellow-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-yellow-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
@@ -4487,6 +4615,14 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.hover\:shadow-\[2px_2px_0px_0px_rgba\(0\,0\,0\,1\)\]:hover {
+  --tw-shadow: 2px 2px 0px 0px rgba(0,0,0,1);
+  --tw-shadow-colored: 2px 2px 0px 0px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .hover\:shadow-lg:hover {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -5770,6 +5906,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
 }
+.dark\:bg-zinc-900:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
+}
 .dark\:from-blue-400:is(.dark *) {
   --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
@@ -5892,6 +6032,14 @@ body {
   --tw-text-opacity: 1;
   color: rgb(250 204 21 / var(--tw-text-opacity, 1));
 }
+.dark\:shadow-\[8px_8px_0px_0px_rgba\(255\,255\,255\,1\)\]:is(.dark *) {
+  --tw-shadow: 8px 8px 0px 0px rgba(255,255,255,1);
+  --tw-shadow-colored: 8px 8px 0px 0px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .dark\:shadow-black\/20:is(.dark *) {
   --tw-shadow-color: rgb(0 0 0 / 0.2);
   --tw-shadow: var(--tw-shadow-colored);
@@ -6139,6 +6287,9 @@ body {
   .sm\:justify-end {
     justify-content: flex-end;
   }
+  .sm\:justify-center {
+    justify-content: center;
+  }
   .sm\:justify-between {
     justify-content: space-between;
   }
@@ -6210,6 +6361,9 @@ body {
   .sm\:text-left {
     text-align: left;
   }
+  .sm\:text-center {
+    text-align: center;
+  }
   .sm\:text-\[0\.95rem\] {
     font-size: 0.95rem;
   }

package/dist/index.d.mts

@@ -1564,83 +1564,6 @@ interface SelectPropsWithGroupItems<T extends string> extends DefaultSelectProps
 type NewSelectProps<T extends string> = SelectPropsWithItems<T> | SelectPropsWithGroupItems<T>;
 declare function Select<T extends string>({ items, groupItems, placeholder, onChange, error, testIds, disabled, selected, label, labelClassname, className, pagination, hideClear, }: NewSelectProps<T>): react_jsx_runtime.JSX.Element;
 
-declare const formatFieldName: (fieldName: string) => string;
-declare const detectDataFields: (data: Record<string, unknown>[], xAxisKey: string) => string[];
-declare const detectXAxis: (data: Record<string, unknown>[]) => string;
-declare const generateAdditionalColors: (baseColors: string[], count: number) => string[];
-declare const niceCeil: (value: number) => number;
-declare const compactTick: (value: number) => string;
-type Padding = number | Partial<{
-    left: number;
-    right: number;
-    top: number;
-    bottom: number;
-}>;
-type Margins = Partial<{
-    top: number;
-    right: number;
-    left: number;
-    bottom: number;
-}>;
-declare const resolveContainerPaddingLeft: (padding?: Padding, containerPaddingLeft?: number, defaultLeft?: number) => number;
-declare const resolveChartMargins: (margins?: Margins, chartMargins?: Margins, showLabels?: boolean) => {
-    top: number;
-    right: number;
-    left: number;
-    bottom: number;
-};
-declare const generateColorMap: (dataKeys: string[], baseColors: string[], mapperConfig: Record<string, {
-    color?: string;
-}>) => Record<string, string>;
-declare const computeNiceMax: (maxValue: number) => number;
-declare const getMaxDataValue: (data: Record<string, unknown>[], keys: string[]) => number;
-declare const getMinDataValue: (data: Record<string, unknown>[], keys: string[]) => number;
-interface SeriesConfig {
-    bar?: string[];
-    line?: string[];
-    area?: string[];
-}
-declare const computeChartWidth: (width: number | string | undefined, dataLength: number, series: SeriesConfig | undefined, niceMaxLeft: number, niceMaxRight: number) => number;
-declare const adaptDataForTooltip: <T extends Record<string, unknown>>(data: T, xAxisKey: string) => {
-    name: string;
-    [key: string]: string | number;
-};
-type ValueFormatterType = (props: {
-    value: number | string | undefined;
-    formattedValue: string;
-    [key: string]: unknown;
-}) => string;
-declare const createValueFormatter: (customFormatter: ValueFormatterType | undefined, formatBR: boolean) => ValueFormatterType | undefined;
-declare const createYTickFormatter: (finalValueFormatter: ValueFormatterType | undefined) => ((value: number | string) => string);
-declare const computeYAxisTickWidth: (chartMarginLeft: number | undefined, yAxisLabel: string | undefined, axisLabelMargin: number, yTickFormatter: (value: number | string) => string, minValue: number, maxValue: number) => number;
-
-type Variant = "filled" | "outline" | "soft";
-type LabelRendererProps = {
-    x?: number | string;
-    y?: number | string;
-    value?: number | string;
-    index?: number;
-    payload?: unknown;
-    width?: number | string;
-    height?: number | string;
-    viewBox?: {
-        x?: number;
-        y?: number;
-        width?: number;
-        height?: number;
-    } | Record<string, unknown> | undefined;
-    cx?: number | string;
-    cy?: number | string;
-};
-type valueFormatter = (props: {
-    value: number | string | undefined;
-    formattedValue: string;
-    [key: string]: unknown;
-}) => string;
-declare const renderPillLabel: (color: string, variant: Variant, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
-
-declare const renderInsideBarLabel: (color: string, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
-
 type Primitive = string | number | boolean | null | undefined;
 interface ChartData$4 {
     [key: string]: Primitive;
@@ -1741,6 +1664,61 @@ interface LegendItem {
     };
 }
 
+declare const formatFieldName: (fieldName: string) => string;
+declare const detectDataFields: (data: Record<string, unknown>[], xAxisKey: string) => string[];
+declare const detectXAxis: (data: Record<string, unknown>[]) => string;
+declare const generateAdditionalColors: (baseColors: string[], count: number) => string[];
+declare const niceCeil: (value: number) => number;
+declare const compactTick: (value: number) => string;
+declare const resolveContainerPaddingLeft: (padding?: Padding, containerPaddingLeft?: number, defaultLeft?: number) => number;
+declare const resolveChartMargins: (margins?: Margins, chartMargins?: Margins, showLabels?: boolean) => {
+    top: number;
+    right: number;
+    left: number;
+    bottom: number;
+};
+declare const generateColorMap: (dataKeys: string[], baseColors: string[], mapperConfig: Record<string, {
+    color?: string;
+}>) => Record<string, string>;
+declare const computeNiceMax: (maxValue: number) => number;
+declare const getMaxDataValue: (data: Record<string, unknown>[], keys: string[]) => number;
+declare const getMinDataValue: (data: Record<string, unknown>[], keys: string[]) => number;
+declare const computeChartWidth: (width: number | string | undefined, dataLength: number, series: SeriesConfig | undefined, niceMaxLeft: number, niceMaxRight: number) => number;
+declare const adaptDataForTooltip: <T extends Record<string, unknown>>(data: T, xAxisKey: string) => {
+    name: string;
+    [key: string]: string | number;
+};
+declare const createValueFormatter: (customFormatter: ValueFormatterType | undefined, formatBR: boolean) => ValueFormatterType | undefined;
+declare const createYTickFormatter: (finalValueFormatter: ValueFormatterType | undefined) => ((value: number | string) => string);
+declare const computeYAxisTickWidth: (chartMarginLeft: number | undefined, yAxisLabel: string | undefined, axisLabelMargin: number, yTickFormatter: (value: number | string) => string, minValue: number, maxValue: number) => number;
+
+type Variant = "filled" | "outline" | "soft";
+type LabelRendererProps = {
+    x?: number | string;
+    y?: number | string;
+    value?: number | string;
+    index?: number;
+    payload?: unknown;
+    width?: number | string;
+    height?: number | string;
+    viewBox?: {
+        x?: number;
+        y?: number;
+        width?: number;
+        height?: number;
+    } | Record<string, unknown> | undefined;
+    cx?: number | string;
+    cy?: number | string;
+};
+type valueFormatter = (props: {
+    value: number | string | undefined;
+    formattedValue: string;
+    [key: string]: unknown;
+}) => string;
+declare const renderPillLabel: (color: string, variant: Variant, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
+
+declare const renderInsideBarLabel: (color: string, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
+
 interface ChartData$3 {
     [key: string]: string | number | boolean | null | undefined;
 }
@@ -1782,11 +1760,6 @@ interface ChartProps {
     title?: string;
     titlePosition?: "left" | "center" | "right";
     showLabels?: boolean;
-    labelsVisibility?: {
-        bar?: boolean;
-        line?: boolean;
-        area?: boolean;
-    };
     labelMap?: Record<string, string>;
     valueFormatter?: valueFormatter;
     categoryFormatter?: (value: string | number) => string;
@@ -1807,7 +1780,35 @@ interface ChartProps {
     timeSeries?: boolean | TimeSeriesConfig;
     timeSeriesLegend?: string;
     customLegend?: boolean;
+    labelsVisibility?: {
+        bar: boolean;
+        line: boolean;
+        area: boolean;
+    };
+}
+interface SeriesConfig {
+    bar?: string[];
+    line?: string[];
+    area?: string[];
 }
+type ValueFormatterType = (props: {
+    value: number | string | undefined;
+    formattedValue: string;
+    [key: string]: unknown;
+}) => string;
+type Padding = number | Partial<{
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}>;
+type Margins = Partial<{
+    top: number;
+    right: number;
+    left: number;
+    bottom: number;
+}>;
+
 declare const Chart: React__default.FC<ChartProps>;
 
 interface BarChartData {
@@ -1969,14 +1970,14 @@ interface TooltipData {
     name: string;
     [key: string]: string | number;
 }
-interface Position$1 {
+interface Position$2 {
     top: number;
     left: number;
 }
 interface DraggableTooltipProps {
     id: string;
     data: TooltipData;
-    position: Position$1;
+    position: Position$2;
     isDragging?: boolean;
     title?: string;
     dataKeys: string[];
@@ -1990,7 +1991,7 @@ interface DraggableTooltipProps {
     onCloseAll?: () => void;
     closeAllButtonPosition?: "top-left" | "top-right" | "top-center";
     closeAllButtonVariant?: "floating" | "inline";
-    onPositionChange?: (id: string, position: Position$1) => void;
+    onPositionChange?: (id: string, position: Position$2) => void;
     highlightedSeries?: Set<string>;
     toggleHighlight?: (key: string) => void;
     showOnlyHighlighted?: boolean;
@@ -2038,6 +2039,32 @@ interface Props {
 }
 declare const TooltipSimple: React__default.FC<Props>;
 
+interface Connection {
+    id: string;
+    name: string;
+    type: "entrada" | "saida";
+    status?: "active" | "inactive" | "warning";
+}
+interface SystemData {
+    name: string;
+    description: string;
+    connections: Connection[];
+}
+interface Position$1 {
+    top: number;
+    left: number;
+}
+interface SystemTooltipProps {
+    id: string;
+    data: SystemData;
+    position: Position$1;
+    title?: string;
+    onMouseDown?: (id: string, e: React__default.MouseEvent | React__default.TouchEvent) => void;
+    onClose: (id: string) => void;
+    onPositionChange?: (id: string, position: Position$1) => void;
+}
+declare const SystemTooltip: React__default.FC<SystemTooltipProps>;
+
 interface ChartData$2 {
     [key: string]: string | number | boolean | null | undefined;
 }
@@ -2175,9 +2202,8 @@ interface LeaderboardProps<T extends string> {
     className?: string;
     isLoading?: boolean;
     legend?: string[];
-    best?: boolean;
 }
-declare function Leaderboard<T extends string>({ items, order: initialOrder, title, className, isLoading, legend, best, }: LeaderboardProps<T>): react_jsx_runtime.JSX.Element;
+declare function Leaderboard<T extends string>({ items, order: initialOrder, title, className, isLoading, legend, }: LeaderboardProps<T>): react_jsx_runtime.JSX.Element;
 
 declare function useIsMobile(): boolean;
 
@@ -2191,11 +2217,11 @@ interface UseDragOptions {
     onDrag?: (id: string, position: Position) => void;
 }
 declare const useDrag: (options?: UseDragOptions) => {
-    handleMouseDown: (id: string, e: React.MouseEvent) => void;
+    handleMouseDown: (id: string, e: React.MouseEvent | React.TouchEvent) => void;
     getPosition: (id: string) => Position;
     setPosition: (id: string, position: Position) => void;
     isElementDragging: (id: string) => boolean;
     isDragging: boolean;
 };
 
-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$4 as ChartData, type ChartHooksArgs, ChartTotalLegend, 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, type LegendItem, 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$1 as 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, type TimeSeriesConfig, Toaster, type TooltipAdaptedRow, TooltipBase, TooltipContentBase, type TooltipItem$2 as TooltipItem, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, type ValueFormatter, type ValueFormatterType, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, type XAxisConfig$2 as 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 };
+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$4 as ChartData, type ChartHooksArgs, ChartTotalLegend, 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, type LegendItem, LikeButton, CustomLineChart as LineChart, LoadingBase, LockButton, type MapperConfig, type MapperConfigEntry, 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 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$1 as 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, SystemTooltip, 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, type TimeSeriesConfig, Toaster, type TooltipAdaptedRow, TooltipBase, TooltipContentBase, type TooltipItem$2 as TooltipItem, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, type ValueFormatter, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, type XAxisConfig$2 as 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 };