@mlw-packages/react-components 1.9.5 → 1.9.7

package/dist/index.mjs

@@ -42,7 +42,7 @@ import ptBR3 from 'date-fns/locale/pt-BR';
 import { useSensors, useSensor, MouseSensor, TouchSensor, PointerSensor, DndContext, DragOverlay, useDroppable, useDraggable } from '@dnd-kit/core';
 import { CSS } from '@dnd-kit/utilities';
 import { RadioGroup, RadioGroupItem } from '@radix-ui/react-radio-group';
-import { ResponsiveContainer, ComposedChart, XAxis, YAxis, Bar, Line, Area, CartesianGrid, Tooltip, Legend, LabelList, Rectangle, PieChart, Pie, Cell } from 'recharts';
+import { ResponsiveContainer, ComposedChart, XAxis, YAxis, Bar, Line, Area, CartesianGrid, Tooltip, Legend, LabelList, Rectangle } from 'recharts';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -2515,8 +2515,8 @@ function MultiSelectTriggerBase({
         "aria-disabled": disabled || void 0,
         disabled,
         className: cn(
-          "flex h-auto max-h-9 min-h-9 w-full items-center justify-between gap-2 overflow-hidden rounded-md border border-input bg-background px-3 py-1.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground  dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
-          error ? "border-destructive focus:ring-1 focus:ring-destructive" : "border-input focus:ring-1 focus:ring-ring",
+          "flex h-auto max-h-9 min-h-9 w-full items-center justify-between gap-2 overflow-hidden rounded-md border border-input bg-background px-3 py-1.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground  dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground hover:text-primary",
+          error ? "border-destructive focus:ring-1 focus:ring-destructive dark:border-red-500" : "border-border focus:ring-1 focus:ring-ring",
           className
         ),
         children: [
@@ -7843,7 +7843,7 @@ function ScrollColumn({
               {
                 className: cn(
                   "snap-center flex items-center justify-center select-none font-bold tabular-nums transition-all duration-200",
-                  isCentered ? "text-2xl sm:text-xl text-foreground scale-110" : "text-base sm:text-sm text-muted-foreground/60"
+                  isCentered ? "text-foreground scale-110" : "text-base sm:text-sm text-muted-foreground/60"
                 ),
                 style: { height: `${itemHeight}px` },
                 children: item.toString().padStart(2, "0")
@@ -13974,8 +13974,7 @@ function MultiSelect({
           )
         ]
       }
-    ),
-    /* @__PURE__ */ jsx(ErrorMessage_default, { error })
+    )
   ] });
 }
 
@@ -15375,7 +15374,7 @@ var RechartTooltipWithTotal = ({
     {
       role: "dialog",
       "aria-label": `Tooltip ${label ?? ""}`,
-      className: "bg-card border border-border rounded-lg p-3 shadow-2xl max-w-xs",
+      className: "bg-card border border-border rounded-lg p-3 shadow-2xl max-w-xs z-9999",
       style: { minWidth: 220 },
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-2", children: [
@@ -15488,7 +15487,7 @@ var TooltipSimple = ({
     {
       role: "dialog",
       "aria-label": `Tooltip ${label ?? ""}`,
-      className: "bg-card border border-border rounded-lg p-3 shadow-2xl max-w-[280px]",
+      className: "bg-card border border-border rounded-lg p-3 shadow-2xl max-w-[280px] z-9999",
       style: { minWidth: 220 },
       children: [
         /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between gap-3", children: /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
@@ -16127,7 +16126,7 @@ var HorizontalLegend = ({
     const label = mapperConfig[key]?.label ?? labelMap?.[key] ?? formatFieldName2(key);
     return legendUppercase ? label.toUpperCase() : label;
   };
-  return /* @__PURE__ */ jsx("div", { className: cn(className), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 sm:gap-3 md:gap-4 overflow-x-auto", children: [
+  return /* @__PURE__ */ jsx("div", { className: cn(className), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-left gap-2 sm:gap-3 md:gap-4 overflow-x-auto", children: [
     allKeys.map((key) => {
       const displayLabel = formatLegendLabel(key);
       return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 sm:gap-2 flex-shrink-0", children: [
@@ -16166,6 +16165,119 @@ var HorizontalLegend = ({
   ] }) });
 };
 var HorizontalLegend_default = HorizontalLegend;
+function ChartControls({
+  allKeys,
+  mapperConfig,
+  finalColors,
+  highlightedSeries,
+  toggleHighlight,
+  showOnlyHighlighted,
+  setShowOnlyHighlighted,
+  highlightedSeriesSize,
+  clearHighlights,
+  enableHighlights,
+  enableShowOnly,
+  enablePeriodsDropdown,
+  enableDraggableTooltips,
+  processedData,
+  onOpenPeriod,
+  rightOffset,
+  activePeriods,
+  containerClass,
+  containerWidth
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: containerClass, children: [
+    enableHighlights && /* @__PURE__ */ jsx(
+      Highlights_default,
+      {
+        allKeys,
+        mapperConfig,
+        finalColors,
+        highlightedSeries,
+        toggleHighlight,
+        containerWidth
+      }
+    ),
+    enableShowOnly && /* @__PURE__ */ jsx(
+      ShowOnly_default,
+      {
+        showOnlyHighlighted,
+        setShowOnlyHighlighted,
+        highlightedSeriesSize,
+        clearHighlights
+      }
+    ),
+    enablePeriodsDropdown && enableDraggableTooltips && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center", children: /* @__PURE__ */ jsx(
+      PeriodsDropdown_default,
+      {
+        processedData: processedData ?? [],
+        onOpenPeriod: onOpenPeriod ?? (() => {
+        }),
+        rightOffset,
+        activePeriods
+      }
+    ) })
+  ] });
+}
+function ChartHeader({
+  title,
+  titlePosition = "left",
+  HORIZONTAL_PADDING_CLASS = "px-24",
+  customLegend,
+  data,
+  allKeys,
+  processedData,
+  finalColors,
+  mapperConfig,
+  finalValueFormatter,
+  formatBR
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    title && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "w-full flex items-center mt-3 mb-2",
+          HORIZONTAL_PADDING_CLASS,
+          titlePosition === "center" && "justify-center",
+          titlePosition === "right" && "justify-end",
+          titlePosition === "left" && "justify-start"
+        ),
+        children: /* @__PURE__ */ jsx("div", { className: "text-[1.4rem] font-semibold text-foreground", children: title })
+      }
+    ),
+    customLegend && !!data.length && /* @__PURE__ */ jsx("div", { className: cn("px-6 mb-2", HORIZONTAL_PADDING_CLASS), children: /* @__PURE__ */ jsx(
+      ChartTotalLegend_default,
+      {
+        items: allKeys.map((key) => {
+          const values = processedData.map(
+            (d) => Number(d[key] || 0)
+          );
+          const total = values.reduce((a, b) => a + b, 0);
+          const first = values[0] || 0;
+          const last = values[values.length - 1] || 0;
+          const trendValue = first !== 0 ? Math.round((last - first) / first * 100) : 0;
+          const formattedTotal = finalValueFormatter ? finalValueFormatter({
+            value: total,
+            formattedValue: String(total)
+          }) : new Intl.NumberFormat(formatBR ? "pt-BR" : "en-US").format(
+            total
+          );
+          return {
+            label: mapperConfig[key]?.label || key,
+            value: formattedTotal,
+            color: finalColors[key],
+            trend: {
+              value: Math.abs(trendValue),
+              positive: trendValue >= 0,
+              neutral: trendValue === 0
+            }
+          };
+        })
+      }
+    ) })
+  ] });
+}
 var formatCompactNumber = (value) => {
   const isNegative = value < 0;
   const absValue = Math.abs(value);
@@ -16360,6 +16472,19 @@ var renderInsideBarLabel = (color, valueFormatter) => {
     );
   };
 };
+
+// src/utils/calcDivision.ts
+var calcDivision = (dividend, divisor) => {
+  return dividend / divisor;
+};
+
+// src/components/ui/charts/utils/formatters.ts
+function formatLinePercentage(value) {
+  const numValue = typeof value === "number" ? value : typeof value === "string" ? parseFloat(value) : 0;
+  const percentage = calcDivision(numValue, 100);
+  const formattedPercentage = typeof percentage === "number" ? percentage.toFixed(1).replace(".", ",") : String(percentage).replace(".", ",");
+  return `${formattedPercentage}%`;
+}
 var ChartBar = ({ x, y, w, h, i, loading }) => {
   const baseY = y - h;
   const d = i * 0.08;
@@ -16941,6 +17066,94 @@ var useChartMinMax = ({
     };
   }, [processedData, orderBy, xAxisDataKey, categoryFormatter]);
 };
+function useProcessedData({
+  data,
+  xAxisKey,
+  timeSeriesConfig,
+  startIndex,
+  endIndex
+}) {
+  return useMemo(() => {
+    const mapped = data.map((item) => ({
+      ...item,
+      name: String(item[xAxisKey] || "N/A")
+    }));
+    if (timeSeriesConfig) {
+      return mapped.slice(startIndex, endIndex + 1);
+    }
+    return mapped;
+  }, [data, xAxisKey, timeSeriesConfig, startIndex, endIndex]);
+}
+function useBiaxial(biaxial, yAxisLabel) {
+  return useMemo(() => {
+    if (!biaxial) return null;
+    if (typeof biaxial === "string") return { key: [biaxial] };
+    if (Array.isArray(biaxial)) return { key: biaxial };
+    const normalized = biaxial;
+    const leftLabelMissing = !yAxisLabel || String(yAxisLabel).trim() === "";
+    const rightLabelMissing = !normalized.label || String(normalized.label).trim() === "";
+    if (leftLabelMissing || rightLabelMissing) {
+      throw new Error(
+        "When using `biaxial`, you must provide both `yAxisLabel` (left axis) and `biaxial.label` (right axis)."
+      );
+    }
+    return normalized;
+  }, [biaxial, yAxisLabel]);
+}
+function useChartLayout({
+  chartMargin,
+  yAxisLabel,
+  AXIS_LABEL_MARGIN,
+  yTickFormatter,
+  minLeftDataValue,
+  niceMaxLeft,
+  rightKeysLength,
+  measuredWidth,
+  width,
+  computedWidth
+}) {
+  const finalChartRightMargin = chartMargin?.right ?? (rightKeysLength > 0 ? AXIS_LABEL_MARGIN : 30);
+  const finalChartLeftMargin = chartMargin?.left ?? (yAxisLabel ? AXIS_LABEL_MARGIN : 0);
+  const yAxisTickWidth = useMemo(() => {
+    const yAxisLabelStr = yAxisLabel === null || yAxisLabel === void 0 ? void 0 : String(yAxisLabel);
+    return computeYAxisTickWidth(
+      chartMargin?.left,
+      yAxisLabelStr,
+      AXIS_LABEL_MARGIN,
+      yTickFormatter,
+      minLeftDataValue,
+      niceMaxLeft
+    );
+  }, [
+    chartMargin?.left,
+    yAxisLabel,
+    AXIS_LABEL_MARGIN,
+    yTickFormatter,
+    minLeftDataValue,
+    niceMaxLeft
+  ]);
+  const effectiveChartWidth = typeof width === "number" ? width : measuredWidth ? Math.max(0, measuredWidth - 32) : computedWidth;
+  const chartInnerWidth = effectiveChartWidth - finalChartLeftMargin - finalChartRightMargin;
+  const leftYAxisLabelDx = -Math.max(12, Math.round(yAxisTickWidth / 2));
+  const rightYAxisLabelDx = Math.max(12, Math.round(finalChartRightMargin / 2));
+  return {
+    finalChartRightMargin,
+    finalChartLeftMargin,
+    yAxisTickWidth,
+    effectiveChartWidth,
+    chartInnerWidth,
+    leftYAxisLabelDx,
+    rightYAxisLabelDx
+  };
+}
+function useSeriesOpacity(highlightedSeries) {
+  return useCallback(
+    (key) => {
+      return highlightedSeries.size > 0 ? highlightedSeries.has(key) ? 1 : 0.25 : 1;
+    },
+    [highlightedSeries]
+  );
+}
 var filtersOrder = (mapperConfig, series) => {
   const seriesOrder = [];
   if (series) {
@@ -17064,10 +17277,37 @@ var fnContentLabelList = (p) => {
   return needsOutside ? null : true;
 };
 
-// src/utils/calcDivision.ts
-var calcDivision = (dividend, divisor) => {
-  return dividend / divisor;
-};
+// src/components/ui/charts/hooks/useOpenTooltipForPeriod.ts
+function useOpenTooltipForPeriod({
+  enableDraggableTooltips,
+  processedData,
+  activeTooltips,
+  setActiveTooltips,
+  maxTooltips,
+  effectiveChartWidth
+}) {
+  return useCallback(
+    (periodName) => {
+      fnOpenTooltipForPeriod(
+        enableDraggableTooltips,
+        processedData,
+        periodName,
+        activeTooltips,
+        setActiveTooltips,
+        maxTooltips,
+        effectiveChartWidth
+      );
+    },
+    [
+      enableDraggableTooltips,
+      processedData,
+      activeTooltips,
+      effectiveChartWidth,
+      maxTooltips,
+      setActiveTooltips
+    ]
+  );
+}
 var DEFAULT_COLORS2 = ["#55af7d", "#8e68ff", "#2273e1"];
 var Chart = ({
   data,
@@ -17142,39 +17382,20 @@ var Chart = ({
     defaultEndIndex: timeSeriesConfig?.end,
     onRangeChange: timeSeriesConfig?.onRangeChange
   });
-  const processedData = useMemo(() => {
-    const mapped = data.map((item) => ({
-      ...item,
-      name: String(item[xAxisConfig.dataKey] || "N/A")
-    }));
-    let result = mapped;
-    if (timeSeriesConfig) {
-      result = mapped.slice(startIndex, endIndex + 1);
-    }
-    return result;
-  }, [data, xAxisConfig.dataKey, timeSeriesConfig, startIndex, endIndex]);
+  const processedData = useProcessedData({
+    data,
+    xAxisKey: xAxisConfig.dataKey,
+    timeSeriesConfig,
+    startIndex,
+    endIndex
+  });
   const seriesOrder = filtersOrder(mapperConfig, series);
   const allKeys = seriesOrder.map((s) => s.key).filter(Boolean);
   const finalColors = useMemo(
     () => generateColorMap(allKeys, colors2, mapperConfig),
     [allKeys, colors2, mapperConfig]
   );
-  const biaxialConfigNormalized = useMemo(() => {
-    if (!biaxial) return null;
-    if (typeof biaxial === "string") return { key: [biaxial] };
-    if (Array.isArray(biaxial)) return { key: biaxial };
-    return biaxial;
-  }, [biaxial]);
-  useMemo(() => {
-    if (!biaxialConfigNormalized) return;
-    const leftLabelMissing = !yAxisLabel || String(yAxisLabel).trim() === "";
-    const rightLabelMissing = !biaxialConfigNormalized.label || String(biaxialConfigNormalized.label).trim() === "";
-    if (leftLabelMissing || rightLabelMissing) {
-      throw new Error(
-        "When using `biaxial`, you must provide both `yAxisLabel` (left axis) and `biaxial.label` (right axis)."
-      );
-    }
-  }, [biaxialConfigNormalized, yAxisLabel]);
+  const biaxialConfigNormalized = useBiaxial(biaxial, yAxisLabel);
   const rightKeys = useMemo(
     () => biaxialConfigNormalized?.key ?? [],
     [biaxialConfigNormalized]
@@ -17229,12 +17450,7 @@ var Chart = ({
       setActiveTooltips
     }
   );
-  const getSeriesOpacity = useCallback(
-    (key) => {
-      return highlightedSeries.size > 0 ? highlightedSeries.has(key) ? 1 : 0.25 : 1;
-    },
-    [highlightedSeries]
-  );
+  const getSeriesOpacity = useSeriesOpacity(highlightedSeries);
   const finalValueFormatter = useMemo(
     () => createValueFormatter(valueFormatter, formatBR),
     [valueFormatter, formatBR]
@@ -17245,51 +17461,36 @@ var Chart = ({
   );
   const AXIS_LABEL_MARGIN = 56;
   const CONTAINER_PADDING_LEFT = -6;
-  const finalChartRightMargin = chartMargin?.right ?? (rightKeys.length > 0 ? AXIS_LABEL_MARGIN : 30);
-  const finalChartLeftMargin = chartMargin?.left ?? (yAxisLabel ? AXIS_LABEL_MARGIN : 0);
-  const yAxisTickWidth = useMemo(() => {
-    return computeYAxisTickWidth(
-      chartMargin?.left,
-      yAxisLabel,
-      AXIS_LABEL_MARGIN,
-      yTickFormatter,
-      minLeftDataValue,
-      niceMaxLeft
-    );
-  }, [
-    chartMargin?.left,
+  const HORIZONTAL_PADDING_CLASS = "px-24";
+  const teste = "pl-24 pr-4";
+  const {
+    finalChartRightMargin,
+    finalChartLeftMargin,
+    yAxisTickWidth,
+    effectiveChartWidth,
+    chartInnerWidth,
+    leftYAxisLabelDx,
+    rightYAxisLabelDx
+  } = useChartLayout({
+    chartMargin,
     yAxisLabel,
+    AXIS_LABEL_MARGIN,
     yTickFormatter,
     minLeftDataValue,
-    niceMaxLeft
-  ]);
-  const HORIZONTAL_PADDING_CLASS = "px-24";
-  const teste = "pl-24 pr-4";
-  const effectiveChartWidth = typeof width === "number" ? width : measuredWidth ? Math.max(0, measuredWidth - 32) : computedWidth;
-  const chartInnerWidth = effectiveChartWidth - finalChartLeftMargin - finalChartRightMargin;
-  const leftYAxisLabelDx = -Math.max(12, Math.round(yAxisTickWidth / 2));
-  const rightYAxisLabelDx = Math.max(12, Math.round(finalChartRightMargin / 2));
-  const openTooltipForPeriod = useCallback(
-    (periodName) => {
-      fnOpenTooltipForPeriod(
-        enableDraggableTooltips,
-        processedData,
-        periodName,
-        activeTooltips,
-        setActiveTooltips,
-        maxTooltips,
-        effectiveChartWidth
-      );
-    },
-    [
-      enableDraggableTooltips,
-      processedData,
-      activeTooltips,
-      effectiveChartWidth,
-      maxTooltips,
-      setActiveTooltips
-    ]
-  );
+    niceMaxLeft,
+    rightKeysLength: rightKeys.length,
+    measuredWidth,
+    width,
+    computedWidth
+  });
+  const openTooltipForPeriod = useOpenTooltipForPeriod({
+    enableDraggableTooltips,
+    processedData,
+    activeTooltips,
+    setActiveTooltips,
+    maxTooltips,
+    effectiveChartWidth
+  });
   if (!data && !isLoading) return null;
   if (isLoading) {
     return /* @__PURE__ */ jsx(
@@ -17304,128 +17505,65 @@ var Chart = ({
     );
   }
   if (Array.isArray(data) && data.length === 0) {
-    return /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(
-        NoData_default,
-        {
-          title,
-          paddingLeft: CONTAINER_PADDING_LEFT + finalChartLeftMargin,
-          height
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { style: { height: 0 }, children: /* @__PURE__ */ jsxs("svg", { width: effectiveChartWidth, height, children: [
-        xAxisLabel && /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: effectiveChartWidth - 40,
-            y: height - 10,
-            fontSize: 12,
-            fill: "hsl(var(--muted-foreground))",
-            fontWeight: 500,
-            textAnchor: "end",
-            children: xAxisLabel
-          }
-        ),
-        yAxisLabel && /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: 20,
-            y: 40,
-            fontSize: 12,
-            fill: "hsl(var(--muted-foreground))",
-            fontWeight: 500,
-            textAnchor: "start",
-            transform: `rotate(-90 20 40)`,
-            children: yAxisLabel
-          }
-        )
-      ] }) })
-    ] });
+    return /* @__PURE__ */ jsx(
+      NoData_default,
+      {
+        title,
+        paddingLeft: CONTAINER_PADDING_LEFT + finalChartLeftMargin,
+        height
+      }
+    );
   }
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ref: wrapperRef,
       className: cn(
-        "w-full overflow-hidden min-w-0 rounded-lg border-border",
+        "w-full overflow-hidden min-w-0 rounded-lg border-border h-full",
         className
       ),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-card relative w-full max-w-full min-w-0 py-1", children: [
-          title && /* @__PURE__ */ jsx(
-            "div",
+          /* @__PURE__ */ jsx(
+            ChartHeader,
             {
-              className: cn(
-                "w-full flex items-center mt-3 mb-2",
-                HORIZONTAL_PADDING_CLASS,
-                titlePosition === "center" && "justify-center",
-                titlePosition === "right" && "justify-end",
-                titlePosition === "left" && "justify-start"
-              ),
-              children: /* @__PURE__ */ jsx("div", { className: "text-[1.4rem] font-semibold text-foreground", children: title })
+              title,
+              titlePosition,
+              HORIZONTAL_PADDING_CLASS,
+              customLegend,
+              data,
+              allKeys,
+              processedData,
+              finalColors,
+              mapperConfig,
+              finalValueFormatter,
+              formatBR
             }
           ),
-          customLegend && !!data.length && /* @__PURE__ */ jsx("div", { className: cn("px-6 mb-2", HORIZONTAL_PADDING_CLASS), children: /* @__PURE__ */ jsx(
-            ChartTotalLegend_default,
+          allKeys.length > 0 && (enableHighlights || enableShowOnly) && /* @__PURE__ */ jsx(
+            ChartControls,
             {
-              items: allKeys.map((key) => {
-                const values = processedData.map(
-                  (d) => Number(d[key] || 0)
-                );
-                const total = values.reduce((a, b) => a + b, 0);
-                const first = values[0] || 0;
-                const last = values[values.length - 1] || 0;
-                const trendValue = first !== 0 ? Math.round((last - first) / first * 100) : 0;
-                const formattedTotal = finalValueFormatter ? finalValueFormatter({
-                  value: total,
-                  formattedValue: String(total)
-                }) : new Intl.NumberFormat(formatBR ? "pt-BR" : "en-US").format(
-                  total
-                );
-                return {
-                  label: mapperConfig[key]?.label || key,
-                  value: formattedTotal,
-                  color: finalColors[key],
-                  trend: {
-                    value: Math.abs(trendValue),
-                    positive: trendValue >= 0,
-                    neutral: trendValue === 0
-                  }
-                };
-              })
+              allKeys,
+              mapperConfig,
+              finalColors,
+              highlightedSeries,
+              toggleHighlight,
+              showOnlyHighlighted,
+              setShowOnlyHighlighted,
+              highlightedSeriesSize: highlightedSeries.size,
+              clearHighlights,
+              enableHighlights,
+              enableShowOnly,
+              enablePeriodsDropdown,
+              enableDraggableTooltips,
+              processedData,
+              onOpenPeriod: openTooltipForPeriod,
+              rightOffset: finalChartRightMargin,
+              activePeriods,
+              containerClass: cn("flex items-center gap-2", teste),
+              containerWidth: chartInnerWidth
             }
-          ) }),
-          allKeys.length > 0 && (enableHighlights || enableShowOnly) && /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", teste), children: [
-            enableHighlights && /* @__PURE__ */ jsx(
-              Highlights_default,
-              {
-                allKeys,
-                mapperConfig,
-                finalColors,
-                highlightedSeries,
-                toggleHighlight,
-                containerWidth: chartInnerWidth
-              }
-            ),
-            enableShowOnly && /* @__PURE__ */ jsx(
-              ShowOnly_default,
-              {
-                showOnlyHighlighted,
-                setShowOnlyHighlighted,
-                highlightedSeriesSize: highlightedSeries.size,
-                clearHighlights
-              }
-            ),
-            enablePeriodsDropdown && enableDraggableTooltips && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center", children: /* @__PURE__ */ jsx(
-              PeriodsDropdown_default,
-              {
-                processedData,
-                onOpenPeriod: openTooltipForPeriod,
-                rightOffset: finalChartRightMargin,
-                activePeriods
-              }
-            ) })
-          ] }),
+          ),
           !(allKeys.length > 0 && (enableHighlights || enableShowOnly)) && enablePeriodsDropdown && enableDraggableTooltips && /* @__PURE__ */ jsx(
             "div",
             {
@@ -17447,7 +17585,7 @@ var Chart = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height, className: "h-full", children: /* @__PURE__ */ jsxs(
             ComposedChart,
             {
               data: processedData,
@@ -17664,12 +17802,6 @@ var Chart = ({
                     );
                   }
                   if (s.type === "line") {
-                    const lineFormatter = (props) => {
-                      const numValue = typeof props.value === "number" ? props.value : typeof props.value === "string" ? parseFloat(props.value) : 0;
-                      const percentage = calcDivision(numValue, 100);
-                      const formattedPercentage = typeof percentage === "number" ? percentage.toFixed(1).replace(".", ",") : String(percentage).replace(".", ",");
-                      return `${formattedPercentage}%`;
-                    };
                     return /* @__PURE__ */ jsx(
                       Line,
                       {
@@ -17691,7 +17823,7 @@ var Chart = ({
                             content: pillLabelRenderer_default(
                               color,
                               "filled",
-                              lineFormatter
+                              (props) => formatLinePercentage(props.value)
                             ),
                             offset: 14
                           }
@@ -17806,109 +17938,493 @@ var Chart = ({
   );
 };
 var Chart_default = Chart;
-var defaultData = [
-  { name: "Vendas", value: 4e3 },
-  { name: "Marketing", value: 3e3 },
-  { name: "Desenvolvimento", value: 2e3 },
-  { name: "Suporte", value: 1e3 },
-  { name: "Outros", value: 800 }
-];
-var DEFAULT_COLORS3 = [
-  "#55af7d",
-  // verde do projeto
-  "#8e68ff",
-  // roxo do projeto
-  "#2273e1",
-  // azul do projeto
-  "#f59e0b",
-  // amarelo complementar
-  "#ef4444",
-  // vermelho complementar
-  "#8b5cf6",
-  // roxo claro
-  "#06b6d4",
-  // ciano
-  "#84cc16"
-  // verde lima
-];
-var RADIAN = Math.PI / 180;
-var renderCustomizedLabel = ({
-  cx = 0,
-  cy = 0,
-  midAngle = 0,
-  innerRadius = 0,
-  outerRadius = 0,
-  percent = 0
-}) => {
-  const radius = innerRadius + (outerRadius - innerRadius) * 0.5;
-  const x = cx + radius * Math.cos(-midAngle * RADIAN);
-  const y = cy + radius * Math.sin(-midAngle * RADIAN);
-  return /* @__PURE__ */ jsx(
-    "text",
-    {
-      x,
-      y,
-      fill: "white",
-      textAnchor: x > cx ? "start" : "end",
-      dominantBaseline: "central",
-      fontSize: 12,
-      fontWeight: "600",
-      children: `${(percent * 100).toFixed(0)}%`
-    }
-  );
-};
-var CustomPieChart = ({
-  data = defaultData,
+var DEFAULT_COLORS3 = ["#0d1136", "#666655", "#1a1a1a"];
+var HorizontalChart = ({
+  data,
+  series,
   className,
-  height = 400,
+  height = 500,
   width = "100%",
-  colors: colors2,
+  colors: colors2 = DEFAULT_COLORS3,
+  gridColor,
+  showGrid = true,
   showTooltip = true,
   showLegend = true,
-  showLabels = true,
-  innerRadius = 0,
-  outerRadius = 120,
-  centerX = "50%",
-  centerY = "50%"
+  title,
+  titlePosition = "left",
+  showLabels = false,
+  labelsVisibility = { bar: true },
+  xAxis,
+  xAxisLabel,
+  yAxisLabel,
+  labelMap,
+  valueFormatter,
+  categoryFormatter,
+  enableHighlights = false,
+  enableShowOnly = false,
+  enablePeriodsDropdown = false,
+  enableDraggableTooltips = false,
+  showTooltipTotal = false,
+  periodLabel = "Per\xEDodo",
+  maxTooltips = 5,
+  formatBR = false,
+  legendUppercase = false,
+  chartMargin,
+  isLoading = false,
+  customLegend,
+  orderBy
 }) => {
-  const finalColors = colors2 || DEFAULT_COLORS3;
-  return /* @__PURE__ */ jsx("div", { className: cn("w-full rounded-lg bg-card p-4", className), children: /* @__PURE__ */ jsx(ResponsiveContainer, { width, height, children: /* @__PURE__ */ jsxs(PieChart, { children: [
-    /* @__PURE__ */ jsx(
-      Pie,
+  const { xAxisConfig, mapperConfig } = useMemo(() => {
+    return fnSmartConfig({ xAxis, data, labelMap });
+  }, [data, xAxis, labelMap]);
+  const {
+    highlightedSeries,
+    showOnlyHighlighted,
+    toggleHighlight,
+    setShowOnlyHighlighted,
+    clearHighlights
+  } = useChartHighlights();
+  const { wrapperRef, measuredWidth } = useChartDimensions();
+  const {
+    activeTooltips,
+    toggleTooltip,
+    onTooltipPositionChange,
+    setActiveTooltips
+  } = useChartTooltips(maxTooltips);
+  useEffect(() => {
+    if (highlightedSeries.size === 0 && showOnlyHighlighted) {
+      setShowOnlyHighlighted(false);
+    }
+  }, [highlightedSeries, showOnlyHighlighted, setShowOnlyHighlighted]);
+  const processedData = useMemo(() => {
+    const mapped = data.map((item) => ({
+      ...item,
+      name: String(item[xAxisConfig.dataKey] || "N/A")
+    }));
+    if (orderBy && mapped.length > 0) {
+      return [...mapped].sort((a, b) => {
+        const valueA = Number(a[orderBy]) || 0;
+        const valueB = Number(b[orderBy]) || 0;
+        return valueB - valueA;
+      });
+    }
+    return mapped;
+  }, [data, xAxisConfig.dataKey, orderBy]);
+  const seriesOrder = filtersOrder(mapperConfig, series);
+  const allKeys = seriesOrder.map((s) => s.key).filter(Boolean);
+  const finalColors = useMemo(
+    () => generateColorMap(allKeys, colors2, mapperConfig),
+    [allKeys, colors2, mapperConfig]
+  );
+  const activePeriods = useMemo(
+    () => activeTooltips.map((t) => adaptDataForTooltip(t.data, xAxisConfig.dataKey).name),
+    [activeTooltips, xAxisConfig.dataKey]
+  );
+  const maxDataValue = useMemo(() => {
+    return getMaxDataValue(processedData, allKeys);
+  }, [processedData, allKeys]);
+  const minDataValue = useMemo(() => {
+    return getMinDataValue(processedData, allKeys);
+  }, [processedData, allKeys]);
+  const niceMax = useMemo(() => computeNiceMax(maxDataValue), [maxDataValue]);
+  const { handleChartClick, handleBarClick } = useChartClick({
+    enableDraggableTooltips,
+    xAxisDataKey: xAxisConfig.dataKey,
+    toggleTooltip,
+    setActiveTooltips
+  });
+  const getSeriesOpacity = useCallback(
+    (key) => {
+      return highlightedSeries.size > 0 ? highlightedSeries.has(key) ? 1 : 0.25 : 1;
+    },
+    [highlightedSeries]
+  );
+  const finalValueFormatter = useMemo(
+    () => createValueFormatter(valueFormatter, formatBR),
+    [valueFormatter, formatBR]
+  );
+  const yTickFormatter = useMemo(
+    () => createYTickFormatter(finalValueFormatter),
+    [finalValueFormatter]
+  );
+  const CONTAINER_PADDING_LEFT = -6;
+  const finalChartRightMargin = chartMargin?.right ?? 0;
+  const finalChartLeftMargin = chartMargin?.left ?? 0;
+  const HORIZONTAL_PADDING_CLASS = "px-6";
+  const effectiveChartWidth = typeof width === "number" ? width : measuredWidth ? Math.max(0, measuredWidth - 32) : 800;
+  const chartInnerWidth = effectiveChartWidth - finalChartLeftMargin - finalChartRightMargin;
+  const openTooltipForPeriod = useCallback(
+    (periodName) => {
+      fnOpenTooltipForPeriod(
+        enableDraggableTooltips,
+        processedData,
+        periodName,
+        activeTooltips,
+        setActiveTooltips,
+        maxTooltips,
+        effectiveChartWidth
+      );
+    },
+    [
+      enableDraggableTooltips,
+      processedData,
+      activeTooltips,
+      effectiveChartWidth,
+      maxTooltips,
+      setActiveTooltips
+    ]
+  );
+  if (!data && !isLoading) return null;
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(
+      NoData_default,
       {
-        data,
-        cx: centerX,
-        cy: centerY,
-        labelLine: false,
-        label: showLabels ? renderCustomizedLabel : false,
-        outerRadius,
-        innerRadius,
-        fill: "#8884d8",
-        dataKey: "value",
-        children: data.map((entry, index) => /* @__PURE__ */ jsx(
-          Cell,
-          {
-            fill: finalColors[index % finalColors.length]
-          },
-          `cell-${entry.name}-${index}`
-        ))
+        title,
+        isLoading: true,
+        loadingMessage: typeof title === "string" ? `${title} \u2014 Carregando` : "Carregando",
+        paddingLeft: CONTAINER_PADDING_LEFT + finalChartLeftMargin,
+        height
       }
-    ),
-    showTooltip && /* @__PURE__ */ jsx(
-      Tooltip,
+    );
+  }
+  if (Array.isArray(data) && data.length === 0) {
+    return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+      NoData_default,
       {
-        contentStyle: {
-          backgroundColor: "hsl(var(--popover))",
-          border: "1px solid hsl(var(--border))",
-          borderRadius: "6px",
-          color: "hsl(var(--popover-foreground))"
-        }
+        title,
+        paddingLeft: CONTAINER_PADDING_LEFT + finalChartLeftMargin,
+        height
       }
-    ),
-    showLegend && /* @__PURE__ */ jsx(Legend, {})
-  ] }) }) });
+    ) });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: wrapperRef,
+      className: cn(
+        "w-full overflow-hidden min-w-0 rounded-lg border-border",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-card relative w-full max-w-full min-w-0 py-1", children: [
+          title && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "w-full flex items-center mt-3 mb-2",
+                HORIZONTAL_PADDING_CLASS,
+                titlePosition === "center" && "justify-center",
+                titlePosition === "right" && "justify-end",
+                titlePosition === "left" && "justify-start"
+              ),
+              children: /* @__PURE__ */ jsx("div", { className: "text-[1.4rem] font-semibold text-foreground", children: title })
+            }
+          ),
+          customLegend && !!data.length && /* @__PURE__ */ jsx("div", { className: cn("px-6 mb-2", HORIZONTAL_PADDING_CLASS), children: /* @__PURE__ */ jsx(
+            ChartTotalLegend_default,
+            {
+              items: allKeys.map((key) => {
+                const values = processedData.map(
+                  (d) => Number(d[key] || 0)
+                );
+                const total = values.reduce((a, b) => a + b, 0);
+                const first = values[0] || 0;
+                const last = values[values.length - 1] || 0;
+                const trendValue = first !== 0 ? Math.round((last - first) / first * 100) : 0;
+                const formattedTotal = finalValueFormatter ? finalValueFormatter({
+                  value: total,
+                  formattedValue: String(total)
+                }) : new Intl.NumberFormat(formatBR ? "pt-BR" : "en-US").format(
+                  total
+                );
+                return {
+                  label: mapperConfig[key]?.label || key,
+                  value: formattedTotal,
+                  color: finalColors[key],
+                  trend: {
+                    value: Math.abs(trendValue),
+                    positive: trendValue >= 0,
+                    neutral: trendValue === 0
+                  }
+                };
+              })
+            }
+          ) }),
+          allKeys.length > 0 && (enableHighlights || enableShowOnly) && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn("flex items-center gap-2", HORIZONTAL_PADDING_CLASS),
+              children: [
+                enableHighlights && /* @__PURE__ */ jsx(
+                  Highlights_default,
+                  {
+                    allKeys,
+                    mapperConfig,
+                    finalColors,
+                    highlightedSeries,
+                    toggleHighlight,
+                    containerWidth: chartInnerWidth
+                  }
+                ),
+                enableShowOnly && /* @__PURE__ */ jsx(
+                  ShowOnly_default,
+                  {
+                    showOnlyHighlighted,
+                    setShowOnlyHighlighted,
+                    highlightedSeriesSize: highlightedSeries.size,
+                    clearHighlights
+                  }
+                ),
+                enablePeriodsDropdown && enableDraggableTooltips && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center", children: /* @__PURE__ */ jsx(
+                  PeriodsDropdown_default,
+                  {
+                    processedData,
+                    onOpenPeriod: openTooltipForPeriod,
+                    rightOffset: finalChartRightMargin,
+                    activePeriods
+                  }
+                ) })
+              ]
+            }
+          ),
+          !(allKeys.length > 0 && (enableHighlights || enableShowOnly)) && enablePeriodsDropdown && enableDraggableTooltips && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "w-full flex justify-end mb-2",
+                HORIZONTAL_PADDING_CLASS
+              ),
+              children: /* @__PURE__ */ jsx(
+                PeriodsDropdown_default,
+                {
+                  processedData,
+                  onOpenPeriod: openTooltipForPeriod,
+                  rightOffset: finalChartRightMargin
+                }
+              )
+            }
+          ),
+          showLegend && /* @__PURE__ */ jsx("div", { className: cn("mb-3", HORIZONTAL_PADDING_CLASS), children: /* @__PURE__ */ jsx(
+            HorizontalLegend_default,
+            {
+              allKeys,
+              mapperConfig,
+              finalColors,
+              labelMap,
+              legendUppercase
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "overflow-y-auto overflow-x-hidden px-6",
+                "scrollbar-thin scrollbar-thumb-muted scrollbar-track-transparent mb-2"
+              ),
+              style: {
+                maxHeight: height
+              },
+              children: /* @__PURE__ */ jsx(
+                ResponsiveContainer,
+                {
+                  width: "100%",
+                  height: Math.max(height, processedData.length * 50),
+                  children: /* @__PURE__ */ jsxs(
+                    ComposedChart,
+                    {
+                      layout: "vertical",
+                      data: processedData,
+                      height: Math.max(height, processedData.length * 50),
+                      margin: {
+                        top: 10,
+                        right: finalChartRightMargin,
+                        left: 55 + finalChartLeftMargin,
+                        bottom: 10
+                      },
+                      onClick: handleChartClick,
+                      children: [
+                        showGrid && /* @__PURE__ */ jsx(
+                          CartesianGrid,
+                          {
+                            strokeDasharray: "3 3",
+                            stroke: gridColor || "hsl(var(--muted-foreground))",
+                            opacity: 0.5
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          XAxis,
+                          {
+                            type: "number",
+                            stroke: "hsl(var(--muted-foreground))",
+                            fontSize: 12,
+                            tickLine: false,
+                            orientation: "top",
+                            axisLine: false,
+                            tickFormatter: yTickFormatter,
+                            domain: [Math.min(minDataValue, 0), niceMax],
+                            label: yAxisLabel ? {
+                              value: yAxisLabel,
+                              position: "insideTopRight",
+                              offset: -1,
+                              style: {
+                                fontSize: 12,
+                                fill: "hsl(var(--muted-foreground))",
+                                fontWeight: 500
+                              }
+                            } : void 0
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          YAxis,
+                          {
+                            type: "category",
+                            dataKey: xAxisConfig.dataKey,
+                            stroke: "hsl(var(--muted-foreground))",
+                            fontSize: 12,
+                            tickLine: true,
+                            minTickGap: 24,
+                            axisLine: true,
+                            tickFormatter: (value) => {
+                              if (categoryFormatter)
+                                return categoryFormatter(value);
+                              if (xAxisConfig.valueFormatter)
+                                return xAxisConfig.valueFormatter(value);
+                              return String(value ?? "");
+                            },
+                            label: xAxisLabel ? {
+                              value: xAxisLabel,
+                              angle: -90,
+                              position: "insideTopLeft",
+                              style: {
+                                fontSize: 12,
+                                fill: "hsl(var(--muted-foreground))",
+                                fontWeight: 500,
+                                textAnchor: "middle"
+                              }
+                            } : void 0
+                          }
+                        ),
+                        showTooltip && /* @__PURE__ */ jsx(
+                          Tooltip,
+                          {
+                            content: showTooltipTotal ? /* @__PURE__ */ jsx(
+                              TooltipWithTotal_default,
+                              {
+                                finalColors,
+                                valueFormatter: finalValueFormatter,
+                                categoryFormatter,
+                                periodLabel
+                              }
+                            ) : /* @__PURE__ */ jsx(
+                              TooltipSimple_default,
+                              {
+                                finalColors,
+                                valueFormatter: finalValueFormatter,
+                                categoryFormatter,
+                                periodLabel
+                              }
+                            ),
+                            cursor: { fill: "hsl(var(--muted))", opacity: 0.1 }
+                          }
+                        ),
+                        seriesOrder.map((s) => {
+                          if (showOnlyHighlighted && !highlightedSeries.has(s.key))
+                            return null;
+                          const { label, color, key } = fnBuildConfigData(
+                            s,
+                            mapperConfig,
+                            labelMap,
+                            finalColors,
+                            [],
+                            null
+                          );
+                          if (s.type === "bar") {
+                            return /* @__PURE__ */ jsx(
+                              Bar,
+                              {
+                                dataKey: key,
+                                name: label,
+                                fill: color,
+                                radius: [0, 4, 4, 0],
+                                onClick: handleBarClick,
+                                className: "cursor-pointer",
+                                style: { opacity: getSeriesOpacity(key) },
+                                activeBar: /* @__PURE__ */ jsx(
+                                  Rectangle,
+                                  {
+                                    fill: color,
+                                    stroke: color,
+                                    strokeWidth: 2,
+                                    opacity: 0.8
+                                  }
+                                ),
+                                children: showLabels && labelsVisibility.bar !== false && highlightedSeries.size === 0 || highlightedSeries.has(key) ? /* @__PURE__ */ jsx(
+                                  LabelList,
+                                  {
+                                    dataKey: key,
+                                    content: (props) => {
+                                      const inside = renderInsideBarLabel(
+                                        color,
+                                        finalValueFormatter
+                                      );
+                                      return inside(props);
+                                    },
+                                    offset: 0
+                                  }
+                                ) : null
+                              },
+                              `bar-${key}`
+                            );
+                          }
+                          return null;
+                        })
+                      ]
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ] }),
+        enableDraggableTooltips && activeTooltips.map((tooltip) => /* @__PURE__ */ jsx(
+          DraggableTooltip_default,
+          {
+            id: tooltip.id,
+            data: adaptDataForTooltip(tooltip.data, xAxisConfig.dataKey),
+            position: tooltip.position,
+            title,
+            dataKeys: allKeys,
+            finalColors,
+            highlightedSeries,
+            toggleHighlight,
+            showOnlyHighlighted,
+            onClose: (id) => setActiveTooltips((prev) => prev.filter((t) => t.id !== id)),
+            onPositionChange: onTooltipPositionChange,
+            periodLabel,
+            dataLabel: "Dados do Per\xEDodo",
+            valueFormatter: finalValueFormatter,
+            categoryFormatter,
+            globalTooltipCount: activeTooltips.length,
+            onCloseAll: () => window.dispatchEvent(new Event("closeAllTooltips")),
+            closeAllButtonPosition: "top-center",
+            closeAllButtonVariant: "floating"
+          },
+          tooltip.id
+        )),
+        enableDraggableTooltips && activeTooltips.length > 1 && /* @__PURE__ */ jsx(
+          CloseAllButton_default,
+          {
+            count: activeTooltips.length,
+            onCloseAll: () => window.dispatchEvent(new Event("closeAllTooltips")),
+            position: "top-center",
+            variant: "floating"
+          }
+        )
+      ]
+    }
+  );
 };
-var PieChart_default = CustomPieChart;
+var HorizontalChart_default = HorizontalChart;
 var TimeSeries = ({
   data,
   xAxis,
@@ -18168,4 +18684,4 @@ function Leaderboard({
   );
 }
 
-export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart_default as Chart, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, 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, DefaultEndHour, DefaultEndHourAgenda, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent2 as DraggableEvent, DraggableTooltip_default as 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_default as ErrorMessage, EventAgenda, EventCalendar, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileUploader, FilterButton, HideButton, Highlights_default as Highlights, HorizontalLegend_default as HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase_default as LabelBase, Leaderboard, LikeButton, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, NumericInput, PeriodsDropdown_default as PeriodsDropdown, PieChart_default as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly_default as 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, StartHour, StartHourAgenda, StatusIndicator, SwitchBase, SystemTooltip_default as SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, ThemeProviderBase, TimePicker, TimePickerInput, TimeSeries_default as TimeSeries, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple_default as TooltipSimple, TooltipTriggerBase, TooltipWithTotal_default as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, 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, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useTheme, useTimeSeriesRange, visualForItem };
+export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart_default as Chart, ChartControls, ChartHeader, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, 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, DefaultEndHour, DefaultEndHourAgenda, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent2 as DraggableEvent, DraggableTooltip_default as 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_default as ErrorMessage, EventAgenda, EventCalendar, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileUploader, FilterButton, HideButton, Highlights_default as Highlights, HorizontalChart_default as HorizontalChart, HorizontalLegend_default as HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase_default as LabelBase, Leaderboard, LikeButton, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, NumericInput, PeriodsDropdown_default as PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly_default as 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, StartHour, StartHourAgenda, StatusIndicator, SwitchBase, SystemTooltip_default as SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, ThemeProviderBase, TimePicker, TimePickerInput, TimeSeries_default as TimeSeries, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple_default as TooltipSimple, TooltipTriggerBase, TooltipWithTotal_default as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatFieldName, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useOpenTooltipForPeriod, useProcessedData, useSeriesOpacity, useTheme, useTimeSeriesRange, visualForItem };