@mlw-packages/react-components 1.7.15 → 1.7.16

package/dist/index.mjs

@@ -2051,7 +2051,14 @@ function AvatarCombobox({
 }
 
 // src/components/charts/Chart.tsx
-import { useState as useState8, useEffect as useEffect5, useCallback as useCallback5, useMemo as useMemo6 } from "react";
+import {
+  useState as useState7,
+  useEffect as useEffect5,
+  useCallback as useCallback5,
+  useMemo as useMemo5,
+  useRef as useRef3,
+  useLayoutEffect
+} from "react";
 import {
   ComposedChart,
   Bar,
@@ -3480,107 +3487,8 @@ var TooltipSimple = ({
 };
 var TooltipSimple_default = TooltipSimple;
 
-// src/components/charts/NoData.tsx
-import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
-var NoData = ({
-  paddingLeft = 0,
-  height = 360,
-  message = "Sem dados para exibir",
-  className
-}) => {
-  const svgHeight = typeof height === "number" ? height : 360;
-  const bars = [
-    { x: 120, w: 120, h: svgHeight * 0.45, label: "Label 0" },
-    { x: 260, w: 120, h: svgHeight * 0.75, label: "Label 1" },
-    { x: 400, w: 120, h: svgHeight * 0.65, label: "Label 2" },
-    { x: 540, w: 120, h: svgHeight * 0.55, label: "Label 3" },
-    { x: 680, w: 120, h: svgHeight * 0.25, label: "Label 4" }
-  ];
-  const styleVars = {
-    ["--pl"]: `${paddingLeft}px`,
-    ["--svg-h"]: typeof height === "number" ? `${height}px` : String(height)
-  };
-  return /* @__PURE__ */ jsx27(
-    "div",
-    {
-      className: cn(
-        "rounded-lg bg-card p-2 relative overflow-visible w-full",
-        className
-      ),
-      style: styleVars,
-      role: "img",
-      "aria-label": message,
-      children: /* @__PURE__ */ jsx27("div", { className: "w-full flex items-center justify-center pl-[var(--pl)] pr-3 h-[var(--svg-h)]", children: /* @__PURE__ */ jsxs22("div", { className: "w-full max-w-[900px] relative", children: [
-        /* @__PURE__ */ jsxs22(
-          "svg",
-          {
-            className: "w-full h-[var(--svg-h)]",
-            width: "100%",
-            viewBox: `0 0 900 ${svgHeight}`,
-            preserveAspectRatio: "none",
-            children: [
-              /* @__PURE__ */ jsx27(
-                "rect",
-                {
-                  x: 0,
-                  y: 0,
-                  width: 900,
-                  height: svgHeight,
-                  fill: "transparent"
-                }
-              ),
-              Array.from({ length: 5 }).map((_, i) => {
-                const y = 40 + (svgHeight - 80) / 4 * i;
-                return /* @__PURE__ */ jsx27(
-                  "line",
-                  {
-                    x1: 60,
-                    x2: 840,
-                    y1: y,
-                    y2: y,
-                    stroke: "rgba(0,0,0,0.06)",
-                    strokeWidth: 1
-                  },
-                  `g-${i}`
-                );
-              }),
-              bars.map((b, i) => /* @__PURE__ */ jsxs22("g", { children: [
-                /* @__PURE__ */ jsx27(
-                  "rect",
-                  {
-                    x: b.x,
-                    y: svgHeight - 60 - b.h,
-                    width: b.w,
-                    height: b.h,
-                    rx: 6,
-                    fill: "rgba(0,0,0,0.06)",
-                    stroke: "rgba(0,0,0,0.04)"
-                  }
-                ),
-                /* @__PURE__ */ jsx27(
-                  "text",
-                  {
-                    x: b.x + b.w / 2,
-                    y: svgHeight - 20,
-                    fill: "rgba(0,0,0,0.35)",
-                    fontSize: 12,
-                    textAnchor: "middle",
-                    children: b.label
-                  }
-                )
-              ] }, `barg-${i}`))
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx27("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none h-[var(--svg-h)]", children: /* @__PURE__ */ jsx27("div", { className: "pointer-events-auto bg-transparent px-3", children: /* @__PURE__ */ jsx27("div", { className: "text-2xl font-extrabold text-black/80", children: message }) }) })
-      ] }) })
-    }
-  );
-};
-var NoData_default = NoData;
-
 // src/components/charts/utils/pillLabelRenderer.tsx
-import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 var formatCompactNumber = (value) => {
   const isNegative = value < 0;
   const absValue = Math.abs(value);
@@ -3625,7 +3533,7 @@ var renderPillLabel = (color, variant, valueFormatter2) => {
       40,
       String(text).length * approxCharWidth + paddingX * 2
     );
-    const pillHeight = 20;
+    const pillHeight = 14;
     const xNum = parseNumber(x);
     const px = parseNumber(props.x);
     const pWidth = parseNumber(props.width);
@@ -3671,8 +3579,8 @@ var renderPillLabel = (color, variant, valueFormatter2) => {
     } else {
       textColor = "#374151";
     }
-    return /* @__PURE__ */ jsxs23("g", { children: [
-      /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsxs22("g", { children: [
+      /* @__PURE__ */ jsx27(
         "rect",
         {
           x: rectX,
@@ -3685,13 +3593,13 @@ var renderPillLabel = (color, variant, valueFormatter2) => {
           strokeWidth: rectStroke ? 1 : 0
         }
       ),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx27(
         "text",
         {
           x: textX,
-          y: textY + 2,
+          y: textY + 1,
           fill: textColor,
-          fontSize: 13,
+          fontSize: 10,
           fontWeight: 700,
           textAnchor: "middle",
           dominantBaseline: "central",
@@ -3703,324 +3611,64 @@ var renderPillLabel = (color, variant, valueFormatter2) => {
   };
 };
 var pillLabelRenderer_default = renderPillLabel;
-
-// src/components/charts/utils/dataStats.ts
-function maxForKeys(processedData, keys) {
-  let max = 0;
-  for (const row of processedData) {
-    const r = row;
-    for (const key of keys) {
-      const v = r[key];
-      if (typeof v === "number" && Number.isFinite(v) && v > max)
-        max = v;
-    }
-  }
-  return max;
-}
-function minForKeys(processedData, keys) {
-  let min = 0;
-  for (const row of processedData) {
-    const r = row;
-    for (const key of keys) {
-      const v = r[key];
-      if (typeof v === "number" && Number.isFinite(v) && v < min)
-        min = v;
-    }
-  }
-  return min;
-}
-
-// src/components/charts/utils/formatters.ts
-var TITLE_CLASSNAME = "text-xl font-semibold text-foreground mb-3";
-function buildPercentFormatter(decimals = 0) {
-  return (v) => {
-    const n = Number(String(v));
-    if (Number.isNaN(n)) return String(v ?? "");
-    const value = Math.abs(n) <= 1 ? n * 100 : n;
-    return `${value.toFixed(decimals)}%`;
-  };
-}
-function createFinalValueFormatter(valueFormatter2, formatBR) {
-  const nf = new Intl.NumberFormat("pt-BR", {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  });
-  if (valueFormatter2) {
-    if (formatBR) {
-      const wrapped = (props) => {
-        const { value, formattedValue } = props;
-        let num = NaN;
-        if (typeof value === "number") num = value;
-        else if (typeof value === "string" && value.trim() !== "") {
-          const parsed = Number(value);
-          num = Number.isNaN(parsed) ? NaN : parsed;
-        }
-        const brFormatted = !Number.isNaN(num) ? nf.format(num) : String(formattedValue ?? value ?? "");
-        return valueFormatter2({
-          ...props,
-          formattedValue: brFormatted,
-          value: void 0
-        });
-      };
-      return wrapped;
-    }
-    return valueFormatter2;
-  }
-  if (!formatBR) return void 0;
-  const builtIn = (props) => {
-    const { value, formattedValue } = props;
-    let num = NaN;
-    if (typeof value === "number") num = value;
-    else if (typeof value === "string" && value.trim() !== "") {
-      const parsed = Number(value);
-      num = Number.isNaN(parsed) ? NaN : parsed;
-    }
-    if (!Number.isNaN(num)) return String(nf.format(num));
-    return String(formattedValue ?? value ?? "");
-  };
-  return builtIn;
-}
-function createYTickFormatter(finalValueFormatter) {
-  const nf = new Intl.NumberFormat("pt-BR", {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  });
-  const stripCurrency = (s) => String(s).replace(/^\s*R\$\s?/, "");
-  if (finalValueFormatter) {
-    return (v) => {
-      const num = Number(String(v));
-      const formatted = Number.isNaN(num) ? String(v ?? "") : nf.format(num);
-      const out = finalValueFormatter({
-        value: v,
-        formattedValue: formatted
-      });
-      return stripCurrency(String(out));
+var renderInsideBarLabel = (color, valueFormatter2) => {
+  return (props) => {
+    const { x, y, value, width, height, viewBox, cx, cy, index } = props;
+    const defaultFormatted = typeof value === "number" ? formatCompactNumber(value) : String(value ?? "");
+    const text = valueFormatter2 ? valueFormatter2({ value, formattedValue: defaultFormatted, ...props }) : defaultFormatted;
+    const parseNumberLocal = (v) => {
+      if (typeof v === "number") return v;
+      if (typeof v === "string" && v.trim() !== "" && !Number.isNaN(Number(v)))
+        return Number(v);
+      return void 0;
     };
-  }
-  return (value) => {
-    const num = Number(String(value));
-    return Number.isNaN(num) ? String(value ?? "") : nf.format(num);
-  };
-}
-
-// src/components/charts/utils/generateColorMap.ts
-function generateColors(dataKeys, colors2, mapperConfig) {
-  const colorMap = {};
-  const allColors = generateAdditionalColors(colors2, dataKeys.length);
-  dataKeys.forEach((key, index) => {
-    colorMap[key] = mapperConfig[key]?.color || allColors[index] || colors2[index % colors2.length];
-  });
-  return colorMap;
-}
-
-// src/components/charts/utils/tooltip.ts
-function adaptDataForTooltip(universalData, xAxisKey) {
-  const out = {};
-  for (const k of Object.keys(universalData)) {
-    const v = universalData[k];
-    if (typeof v === "number") out[k] = v;
-    else if (typeof v === "string") out[k] = v;
-    else if (v === null || v === void 0) out[k] = "";
-    else out[k] = String(v);
-  }
-  out.name = String(
-    universalData[xAxisKey] ?? universalData.name ?? "N/A"
-  );
-  return out;
-}
-
-// src/components/charts/utils/measure.ts
-function estimateTextWidth(text) {
-  const s = String(text ?? "");
-  if (typeof document === "undefined") return Math.min(200, s.length * 8 + 12);
-  const canvas = document.createElement("canvas");
-  const ctx = canvas.getContext("2d");
-  if (!ctx) return Math.min(200, s.length * 8 + 12);
-  ctx.font = "12px system-ui, -apple-system, 'Segoe UI', Roboto";
-  const w = Math.ceil(ctx.measureText(s).width) + 12;
-  return Math.min(300, w);
-}
-
-// src/components/charts/utils/chartHelpers.ts
-function computeSeriesOrder(series, mapperConfig) {
-  const seriesOrder = [];
-  if (series) {
-    if (series.bar)
-      series.bar.forEach((k) => seriesOrder.push({ type: "bar", key: k }));
-    if (series.line)
-      series.line.forEach((k) => seriesOrder.push({ type: "line", key: k }));
-    if (series.area)
-      series.area.forEach((k) => seriesOrder.push({ type: "area", key: k }));
-  } else {
-    Object.keys(mapperConfig).forEach(
-      (k) => seriesOrder.push({ type: "bar", key: k })
-    );
-  }
-  return seriesOrder;
-}
-function computeProcessedData(data, xAxisKey) {
-  return data.map((item) => ({
-    ...item,
-    name: String(item[xAxisKey] ?? "N/A")
-  }));
-}
-function computeAllKeys(seriesOrder) {
-  return seriesOrder.map((s) => s.key).filter(Boolean);
-}
-function computeLeftRightKeys(allKeys, yAxisMap) {
-  const normalize = (v) => {
-    if (v === "left" || v === "right") return v;
-    if (v === 1 || v === "1" || v === true) return "right";
-    return "left";
-  };
-  const leftKeys = !yAxisMap ? allKeys : allKeys.filter((k) => normalize(yAxisMap?.[k]) === "left");
-  const rightKeys = !yAxisMap ? [] : allKeys.filter((k) => normalize(yAxisMap?.[k]) === "right");
-  return { leftKeys, rightKeys };
-}
-function computeNiceMax(value) {
-  let padding = 0.08;
-  if (value > 1e6) padding = 0.05;
-  if (value > 1e7) padding = 0.03;
-  if (value === 0) padding = 0.12;
-  const padded = value * (1 + padding);
-  return padded;
-}
-function computeChartWidth(dataLength, seriesCounts, niceMax, opts) {
-  const basePerPoint = 60;
-  const perBarExtra = seriesCounts.bar > 0 ? Math.max(0, seriesCounts.bar - 1) * 8 : 0;
-  const perOtherExtra = (seriesCounts.line + seriesCounts.area) * 4;
-  let sizeFactor = 1;
-  if (niceMax > 1e5) sizeFactor = 1.1;
-  if (niceMax > 1e6) sizeFactor = 1.2;
-  if (niceMax > 1e7) sizeFactor = 1.3;
-  const perPoint = Math.round(
-    (basePerPoint + perBarExtra + perOtherExtra) * sizeFactor
-  );
-  const marginExtra = 120;
-  const calculated = Math.max(1, dataLength) * perPoint + marginExtra;
-  const minWidth = opts?.minWidth ?? 300;
-  const maxWidth = opts?.maxWidth ?? 1800;
-  return Math.max(minWidth, Math.min(maxWidth, calculated));
-}
-function computeLabelSample(keys, candidates, yTickFormatter) {
-  if (!keys || keys.length === 0) return "";
-  return String(
-    candidates.map((v) => yTickFormatter(v)).sort((a, b) => String(b).length - String(a).length)[0] ?? ""
-  );
-}
-function computeEstimatedAxisNeeded(labelSample, axisLabel, containerPaddingLeft = 16, defaultLeftMargin = 0) {
-  const tickW = labelSample ? estimateTextWidth(labelSample) : 0;
-  const axisW = axisLabel ? estimateTextWidth(axisLabel) + 8 : 0;
-  return Math.max(
-    defaultLeftMargin,
-    Math.ceil(tickW + axisW + containerPaddingLeft / 2)
-  );
-}
-function computeAxisLabelWidth(label) {
-  return label ? estimateTextWidth(label) : 0;
-}
-
-// src/components/charts/hooks/useMeasureWidth.ts
-import { useLayoutEffect, useRef as useRef3, useState as useState7 } from "react";
-function useMeasureWidth() {
-  const wrapperRef = useRef3(null);
-  const [measuredWidth, setMeasuredWidth] = useState7(null);
-  useLayoutEffect(() => {
-    const el = wrapperRef.current;
-    if (!el) return;
-    const ro = new ResizeObserver((entries) => {
-      const r = entries[0];
-      if (r && typeof r.contentRect.width === "number") {
-        setMeasuredWidth(Math.round(r.contentRect.width));
+    const px = parseNumberLocal(x);
+    const py = parseNumberLocal(y);
+    const pWidth = parseNumberLocal(width);
+    const pHeight = parseNumberLocal(height);
+    const cxNum = parseNumberLocal(cx);
+    const vb = viewBox;
+    let centerX;
+    if (typeof px === "number" && typeof pWidth === "number") {
+      centerX = px + pWidth / 2;
+    } else if (typeof cxNum === "number") {
+      centerX = cxNum;
+    } else if (vb && typeof vb.x === "number" && typeof vb.width === "number") {
+      const approxCols = Math.max(1, index + 1);
+      const colWidth = vb.width / approxCols;
+      centerX = (vb.x ?? 0) + colWidth * (index + 0.5);
+    } else {
+      centerX = typeof index === "number" ? index * 40 + 24 : 0;
+    }
+    let centerY;
+    if (typeof py === "number" && typeof pHeight === "number") {
+      centerY = py + pHeight / 2;
+    } else if (typeof cy === "number") {
+      centerY = cy;
+    } else if (vb && typeof vb.y === "number" && typeof vb.height === "number") {
+      centerY = (vb.y ?? 0) + (vb.height ?? 0) / 2;
+    } else {
+      centerY = 0;
+    }
+    return /* @__PURE__ */ jsx27(
+      "text",
+      {
+        x: centerX,
+        y: centerY,
+        fill: "#ffffff",
+        fontSize: 10,
+        fontWeight: 700,
+        textAnchor: "middle",
+        dominantBaseline: "central",
+        style: { pointerEvents: "none" },
+        children: text
       }
-    });
-    ro.observe(el);
-    setMeasuredWidth(Math.round(el.getBoundingClientRect().width));
-    return () => ro.disconnect();
-  }, []);
-  return { wrapperRef, measuredWidth };
-}
-
-// src/components/charts/hooks/useChartLayout.ts
-import { useMemo as useMemo5 } from "react";
-function useChartLayout(args) {
-  const {
-    width,
-    measuredWidth,
-    points,
-    seriesCounts,
-    niceMax,
-    yAxes,
-    yAxisLabel,
-    chartMargin,
-    showLabels,
-    showLegend,
-    xAxisLabel,
-    leftLabelSample,
-    rightLabelSample
-  } = args;
-  const containerPaddingLeft = 16;
-  const defaultChartRightMargin = 30;
-  const defaultChartLeftMargin = 0;
-  const computedWidth = useMemo5(() => {
-    if (typeof width === "number") return width;
-    return computeChartWidth(points, seriesCounts, niceMax, {
-      minWidth: 300,
-      maxWidth: 1800
-    });
-  }, [
-    width,
-    points,
-    seriesCounts.bar,
-    seriesCounts.line,
-    seriesCounts.area,
-    niceMax
-  ]);
-  const measuredInner = measuredWidth ? Math.max(0, measuredWidth - 32) : void 0;
-  const effectiveChartWidth = typeof width === "number" ? width : measuredInner ?? computedWidth;
-  const estimatedLeftNeeded = computeEstimatedAxisNeeded(
-    leftLabelSample ?? "",
-    yAxisLabel,
-    containerPaddingLeft,
-    defaultChartLeftMargin
-  );
-  const estimatedRightNeeded = computeEstimatedAxisNeeded(
-    rightLabelSample ?? "",
-    yAxes?.right?.label,
-    containerPaddingLeft,
-    defaultChartRightMargin
-  );
-  const finalChartLeftMargin = chartMargin?.left ?? Math.max(estimatedLeftNeeded, yAxisLabel ? 40 : defaultChartLeftMargin);
-  const finalChartRightMargin = chartMargin?.right ?? Math.max(defaultChartRightMargin, estimatedRightNeeded);
-  const finalChartTopMargin = chartMargin?.top ?? (showLabels ? 48 : 20);
-  const baseBottom = chartMargin?.bottom ?? 5;
-  const extraForXAxisLabel = xAxisLabel ? 22 : 0;
-  const extraForLegend = showLegend ? 36 : 0;
-  const finalChartBottomMargin = baseBottom + extraForXAxisLabel + extraForLegend;
-  const chartInnerWidth = effectiveChartWidth - finalChartLeftMargin - finalChartRightMargin;
-  const leftAxisLabelWidth = computeAxisLabelWidth(
-    yAxes?.left?.label ?? yAxisLabel
-  );
-  const rightAxisLabelWidth = computeAxisLabelWidth(yAxes?.right?.label);
-  const leftYAxisLabelDx = Math.ceil(leftAxisLabelWidth / 2) + 8;
-  const rightYAxisLabelDx = Math.ceil(rightAxisLabelWidth / 2) + 8;
-  return {
-    containerPaddingLeft,
-    computedWidth,
-    measuredInner,
-    effectiveChartWidth,
-    chartInnerWidth,
-    finalChartLeftMargin,
-    finalChartRightMargin,
-    finalChartTopMargin,
-    finalChartBottomMargin,
-    leftYAxisLabelDx,
-    rightYAxisLabelDx
+    );
   };
-}
+};
 
 // src/components/charts/Chart.tsx
-import { Fragment as Fragment7, jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 var DEFAULT_COLORS2 = ["#55af7d", "#8e68ff", "#2273e1"];
 var Chart = ({
   data,
@@ -4037,6 +3685,7 @@ var Chart = ({
   titlePosition = "left",
   showLabels = false,
   xAxis,
+  biaxial,
   xAxisLabel,
   yAxisLabel,
   labelMap,
@@ -4047,14 +3696,12 @@ var Chart = ({
   enablePeriodsDropdown = false,
   enableDraggableTooltips = false,
   showTooltipTotal = false,
+  periodLabel = "Per\xEDodo",
   maxTooltips = 5,
   formatBR = false,
-  chartMargin,
-  yAxisMap,
-  yAxes,
-  periodLabel = "Per\xEDodo"
+  chartMargin
 }) => {
-  const smartConfig = useMemo6(() => {
+  const smartConfig = useMemo5(() => {
     const resolvedXAxisKey = typeof xAxis === "string" ? xAxis : xAxis && xAxis.dataKey || detectXAxis(data);
     const xAxisConfig2 = typeof xAxis === "string" ? {
       dataKey: resolvedXAxisKey,
@@ -4078,34 +3725,98 @@ var Chart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = useState8([]);
-  const [highlightedSeries, setHighlightedSeries] = useState8(
+  const [activeTooltips, setActiveTooltips] = useState7([]);
+  const [highlightedSeries, setHighlightedSeries] = useState7(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState8(false);
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState7(false);
   useEffect5(() => {
     if (highlightedSeries.size === 0 && showOnlyHighlighted) {
       setShowOnlyHighlighted(false);
     }
   }, [highlightedSeries, showOnlyHighlighted]);
-  const processedData = computeProcessedData(
-    data,
-    xAxisConfig.dataKey
-  );
-  const { wrapperRef, measuredWidth } = useMeasureWidth();
-  const seriesOrder = computeSeriesOrder(series, mapperConfig);
-  const allKeys = computeAllKeys(seriesOrder);
-  const finalColors = useMemo6(
-    () => generateColors(allKeys, colors2, mapperConfig),
-    [allKeys, colors2, mapperConfig]
-  );
-  const adaptDataForTooltip2 = useCallback5(
-    (universalData) => adaptDataForTooltip(universalData, xAxisConfig.dataKey),
+  const processedData = data.map((item) => ({
+    ...item,
+    name: String(item[xAxisConfig.dataKey] || "N/A")
+  }));
+  const wrapperRef = useRef3(null);
+  const [measuredWidth, setMeasuredWidth] = useState7(null);
+  useLayoutEffect(() => {
+    const el = wrapperRef.current;
+    if (!el) return;
+    const ro = new ResizeObserver((entries) => {
+      const r = entries[0];
+      if (r && typeof r.contentRect.width === "number") {
+        setMeasuredWidth(Math.round(r.contentRect.width));
+      }
+    });
+    ro.observe(el);
+    setMeasuredWidth(Math.round(el.getBoundingClientRect().width));
+    return () => ro.disconnect();
+  }, []);
+  const seriesOrder = [];
+  if (series) {
+    if (series.bar)
+      series.bar.forEach((k) => seriesOrder.push({ type: "bar", key: k }));
+    if (series.line)
+      series.line.forEach((k) => seriesOrder.push({ type: "line", key: k }));
+    if (series.area)
+      series.area.forEach((k) => seriesOrder.push({ type: "area", key: k }));
+  } else {
+    Object.keys(mapperConfig).forEach(
+      (k) => seriesOrder.push({ type: "bar", key: k })
+    );
+  }
+  const allKeys = seriesOrder.map((s) => s.key).filter(Boolean);
+  const generateColors = useCallback5(
+    (dataKeys) => {
+      const colorMap = {};
+      const allColors = generateAdditionalColors(colors2, dataKeys.length);
+      dataKeys.forEach((key, index) => {
+        colorMap[key] = mapperConfig[key]?.color || allColors[index] || colors2[index % colors2.length];
+      });
+      return colorMap;
+    },
+    [colors2, mapperConfig]
+  );
+  const finalColors = useMemo5(
+    () => generateColors(allKeys),
+    [generateColors, allKeys]
+  );
+  const biaxialConfigNormalized = useMemo5(() => {
+    if (!biaxial) return null;
+    if (typeof biaxial === "string") return { key: [biaxial] };
+    if (Array.isArray(biaxial)) return { key: biaxial };
+    return biaxial;
+  }, [biaxial]);
+  useMemo5(() => {
+    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 rightKeys = useMemo5(
+    () => biaxialConfigNormalized?.key ?? [],
+    [biaxialConfigNormalized]
+  );
+  const leftKeys = useMemo5(
+    () => allKeys.filter((k) => !rightKeys.includes(k)),
+    [allKeys, rightKeys]
+  );
+  const adaptDataForTooltip = useCallback5(
+    (universalData) => ({
+      ...universalData,
+      name: String(universalData[xAxisConfig.dataKey] || "N/A")
+    }),
     [xAxisConfig.dataKey]
   );
-  const activePeriods = useMemo6(
-    () => activeTooltips.map((t) => adaptDataForTooltip2(t.data).name),
-    [activeTooltips, adaptDataForTooltip2]
+  const activePeriods = useMemo5(
+    () => activeTooltips.map((t) => adaptDataForTooltip(t.data).name),
+    [activeTooltips, adaptDataForTooltip]
   );
   useEffect5(() => {
     window.dispatchEvent(new Event("recountTooltips"));
@@ -4118,46 +3829,103 @@ var Chart = ({
       return next;
     });
   }, []);
-  const maxDataValue = useMemo6(
-    () => maxForKeys(processedData, allKeys),
-    [processedData, allKeys]
-  );
-  const minDataValue = useMemo6(
-    () => minForKeys(processedData, allKeys),
-    [processedData, allKeys]
-  );
-  const { leftKeys, rightKeys } = useMemo6(
-    () => computeLeftRightKeys(allKeys, yAxisMap),
-    [allKeys, yAxisMap]
-  );
-  const maxLeft = useMemo6(
-    () => maxForKeys(processedData, leftKeys),
-    [leftKeys, processedData]
-  );
-  const minLeft = useMemo6(
-    () => minForKeys(processedData, leftKeys),
-    [leftKeys, processedData]
-  );
-  const maxRight = useMemo6(
-    () => rightKeys.length > 0 ? maxForKeys(processedData, rightKeys) : 0,
-    [rightKeys, processedData]
-  );
-  const minRight = useMemo6(
-    () => rightKeys.length > 0 ? minForKeys(processedData, rightKeys) : 0,
-    [rightKeys, processedData]
-  );
-  const niceMaxLeft = useMemo6(
-    () => niceCeil(computeNiceMax(maxLeft)),
-    [maxLeft]
-  );
-  const niceMaxRight = useMemo6(
-    () => niceCeil(computeNiceMax(maxRight)),
-    [maxRight]
+  const maxLeftDataValue = useMemo5(() => {
+    let max = 0;
+    const numericKeys = leftKeys.length > 0 ? leftKeys : allKeys;
+    for (const row of processedData) {
+      const r = row;
+      for (const key of numericKeys) {
+        const v = r[key];
+        if (typeof v === "number" && Number.isFinite(v) && v > max) max = v;
+      }
+    }
+    return max;
+  }, [processedData, leftKeys, allKeys]);
+  const minLeftDataValue = useMemo5(() => {
+    let min = 0;
+    const numericKeys = leftKeys.length > 0 ? leftKeys : allKeys;
+    for (const row of processedData) {
+      const r = row;
+      for (const key of numericKeys) {
+        const v = r[key];
+        if (typeof v === "number" && Number.isFinite(v) && v < min)
+          min = v;
+      }
+    }
+    return min;
+  }, [processedData, leftKeys, allKeys]);
+  const maxRightDataValue = useMemo5(() => {
+    let max = 0;
+    if (rightKeys.length === 0) return max;
+    for (const row of processedData) {
+      const r = row;
+      for (const key of rightKeys) {
+        const v = r[key];
+        if (typeof v === "number" && Number.isFinite(v) && v > max) max = v;
+      }
+    }
+    return max;
+  }, [processedData, rightKeys]);
+  const minRightDataValue = useMemo5(() => {
+    let min = 0;
+    if (rightKeys.length === 0) return min;
+    for (const row of processedData) {
+      const r = row;
+      for (const key of rightKeys) {
+        const v = r[key];
+        if (typeof v === "number" && Number.isFinite(v) && v < min)
+          min = v;
+      }
+    }
+    return min;
+  }, [processedData, rightKeys]);
+  const computeNiceMax = useCallback5((maxValue) => {
+    let padding = 0.08;
+    if (maxValue > 1e6) padding = 0.05;
+    if (maxValue > 1e7) padding = 0.03;
+    if (maxValue === 0) padding = 0.12;
+    const padded = maxValue * (1 + padding);
+    return niceCeil(padded);
+  }, []);
+  const niceMaxLeft = useMemo5(
+    () => computeNiceMax(maxLeftDataValue),
+    [computeNiceMax, maxLeftDataValue]
   );
-  const niceMax = useMemo6(
-    () => niceCeil(computeNiceMax(maxDataValue)),
-    [maxDataValue]
+  const niceMaxRight = useMemo5(
+    () => computeNiceMax(maxRightDataValue),
+    [computeNiceMax, maxRightDataValue]
   );
+  const computedWidth = useMemo5(() => {
+    if (typeof width === "number") return width;
+    const points = Math.max(1, processedData.length);
+    const barCount = series?.bar?.length ?? 0;
+    const lineCount = series?.line?.length ?? 0;
+    const areaCount = series?.area?.length ?? 0;
+    const basePerPoint = 60;
+    const perBarExtra = barCount > 0 ? Math.max(0, barCount - 1) * 8 : 0;
+    const perOtherExtra = (lineCount + areaCount) * 4;
+    const overallNiceMax = Math.max(niceMaxLeft || 0, niceMaxRight || 0);
+    let sizeFactor = 1;
+    if (overallNiceMax > 1e5) sizeFactor = 1.1;
+    if (overallNiceMax > 1e6) sizeFactor = 1.2;
+    if (overallNiceMax > 1e7) sizeFactor = 1.3;
+    const perPoint = Math.round(
+      (basePerPoint + perBarExtra + perOtherExtra) * sizeFactor
+    );
+    const marginExtra = 120;
+    const calculated = points * perPoint + marginExtra;
+    const minWidth = 300;
+    const maxWidth = 1800;
+    return Math.max(minWidth, Math.min(maxWidth, calculated));
+  }, [
+    width,
+    processedData.length,
+    series?.bar?.length,
+    series?.line?.length,
+    series?.area?.length,
+    niceMaxLeft,
+    niceMaxRight
+  ]);
   const toggleTooltip = useCallback5(
     (tooltipId, data2, basePosition) => {
       const existingIndex = activeTooltips.findIndex((t) => t.id === tooltipId);
@@ -4238,74 +4006,93 @@ var Chart = ({
     },
     []
   );
-  const titleClassName = TITLE_CLASSNAME;
-  const finalValueFormatter = useMemo6(
-    () => createFinalValueFormatter(valueFormatter2, formatBR),
-    [valueFormatter2, formatBR]
-  );
-  const yTickFormatter = useMemo6(
-    () => createYTickFormatter(finalValueFormatter),
-    [finalValueFormatter]
+  const titleClassName = useMemo5(
+    () => "text-xl font-semibold text-foreground mb-3",
+    []
   );
+  const finalValueFormatter = useMemo5(() => {
+    const nf = new Intl.NumberFormat("pt-BR", {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    });
+    if (valueFormatter2) {
+      if (formatBR) {
+        const wrapped = (props) => {
+          const { value, formattedValue } = props;
+          let num = NaN;
+          if (typeof value === "number") num = value;
+          else if (typeof value === "string" && value.trim() !== "") {
+            const parsed = Number(value);
+            num = Number.isNaN(parsed) ? NaN : parsed;
+          }
+          const brFormatted = !Number.isNaN(num) ? nf.format(num) : String(formattedValue ?? value ?? "");
+          return valueFormatter2({
+            ...props,
+            formattedValue: brFormatted,
+            value: void 0
+          });
+        };
+        return wrapped;
+      }
+      return valueFormatter2;
+    }
+    if (!formatBR) return void 0;
+    const builtIn = (props) => {
+      const { value, formattedValue } = props;
+      let num = NaN;
+      if (typeof value === "number") num = value;
+      else if (typeof value === "string" && value.trim() !== "") {
+        const parsed = Number(value);
+        num = Number.isNaN(parsed) ? NaN : parsed;
+      }
+      if (!Number.isNaN(num)) return nf.format(num);
+      return String(formattedValue ?? value ?? "");
+    };
+    return builtIn;
+  }, [valueFormatter2, formatBR]);
+  const yTickFormatter = useMemo5(() => {
+    const nf = new Intl.NumberFormat("pt-BR", {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    });
+    const stripCurrency = (s) => String(s).replace(/^\s*R\$\s?/, "");
+    if (finalValueFormatter) {
+      return (v) => {
+        const num = Number(String(v));
+        const formatted = Number.isNaN(num) ? String(v ?? "") : nf.format(num);
+        const out = finalValueFormatter({
+          value: v,
+          formattedValue: formatted
+        });
+        return stripCurrency(String(out));
+      };
+    }
+    return (value) => {
+      const num = Number(String(value));
+      return Number.isNaN(num) ? String(value ?? "") : nf.format(num);
+    };
+  }, [finalValueFormatter]);
   const finalEnableHighlights = enableHighlights;
   const finalEnableShowOnly = enableShowOnly;
   const finalEnablePeriodsDropdown = enablePeriodsDropdown && enableDraggableTooltips;
-  const leftLabelSample = useMemo6(
-    () => computeLabelSample(
-      leftKeys,
-      [maxLeft, minLeft, niceMaxLeft],
-      yTickFormatter
-    ),
-    [leftKeys, maxLeft, minLeft, niceMaxLeft, yTickFormatter]
-  );
-  const rightLabelSample = useMemo6(
-    () => computeLabelSample(
-      rightKeys,
-      [maxRight, minRight, niceMaxRight],
-      yTickFormatter
-    ),
-    [rightKeys, maxRight, minRight, niceMaxRight, yTickFormatter]
-  );
-  const {
-    containerPaddingLeft,
-    computedWidth,
-    measuredInner,
-    chartInnerWidth,
-    finalChartLeftMargin,
-    finalChartRightMargin,
-    finalChartTopMargin,
-    finalChartBottomMargin,
-    leftYAxisLabelDx,
-    rightYAxisLabelDx
-  } = useChartLayout({
-    width,
-    measuredWidth,
-    points: Math.max(1, processedData.length),
-    seriesCounts: {
-      bar: series?.bar?.length ?? 0,
-      line: series?.line?.length ?? 0,
-      area: series?.area?.length ?? 0
-    },
-    niceMax,
-    yAxes,
-    yAxisLabel,
-    chartMargin,
-    showLabels,
-    showLegend,
-    xAxisLabel,
-    leftLabelSample,
-    rightLabelSample
-  });
-  const leftAxisTickFormatter = useMemo6(() => {
-    if (yAxes?.left?.percent)
-      return buildPercentFormatter(yAxes.left.percentDecimals ?? 0);
-    return yTickFormatter;
-  }, [yAxes?.left, yTickFormatter]);
-  const rightAxisTickFormatter = useMemo6(() => {
-    if (yAxes?.right?.percent)
-      return buildPercentFormatter(yAxes.right.percentDecimals ?? 0);
-    return yTickFormatter;
-  }, [yAxes?.right, yTickFormatter]);
+  const defaultChartRightMargin = 30;
+  const defaultChartLeftMargin = 0;
+  const axisLabelMargin = 56;
+  const containerPaddingLeft = 16;
+  const finalChartRightMargin = chartMargin?.right ?? (rightKeys.length > 0 ? axisLabelMargin : defaultChartRightMargin);
+  const finalChartLeftMargin = chartMargin?.left ?? (yAxisLabel ? axisLabelMargin : defaultChartLeftMargin);
+  const composedChartLeftMargin = chartMargin?.left ?? defaultChartLeftMargin;
+  const composedChartRightMargin = chartMargin?.right ?? defaultChartRightMargin;
+  const finalChartTopMargin = chartMargin?.top ?? (showLabels ? 48 : 20);
+  const baseBottom = chartMargin?.bottom ?? 5;
+  const extraForXAxisLabel = xAxisLabel ? 22 : 0;
+  const extraForLegend = showLegend ? 36 : 0;
+  const finalChartBottomMargin = baseBottom + extraForXAxisLabel + extraForLegend;
+  const measuredInner = measuredWidth ? Math.max(0, measuredWidth - 32) : void 0;
+  const effectiveChartWidth = typeof width === "number" ? width : measuredInner ?? computedWidth;
+  const chartInnerWidth = effectiveChartWidth - composedChartLeftMargin - composedChartRightMargin;
+  const leftYAxisLabelDx = -Math.max(12, Math.round(finalChartLeftMargin / 2));
+  const rightYAxisLabelDx = Math.max(12, Math.round(finalChartRightMargin / 2));
   const openTooltipForPeriod = useCallback5(
     (periodName) => {
       if (!enableDraggableTooltips) return;
@@ -4351,31 +4138,41 @@ var Chart = ({
   );
   if (!data) return null;
   if (Array.isArray(data) && data.length === 0) {
-    return /* @__PURE__ */ jsx29(
-      NoData_default,
+    return /* @__PURE__ */ jsx28(
+      "div",
       {
-        paddingLeft: containerPaddingLeft + finalChartLeftMargin,
-        height,
-        message: "Sem dados para exibir"
+        className: cn(
+          "rounded-lg bg-card p-4 relative w-full text-muted-foreground"
+        ),
+        children: /* @__PURE__ */ jsx28(
+          "div",
+          {
+            style: {
+              paddingLeft: `${containerPaddingLeft + finalChartLeftMargin}px`
+            },
+            children: "Sem dados para exibir"
+          }
+        )
       }
     );
   }
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       ref: wrapperRef,
       style: {
         width: "100%",
-        overflow: "visible",
+        overflowX: "hidden",
+        overflowY: "hidden",
         minWidth: 0
       },
-      children: /* @__PURE__ */ jsxs24(
+      children: /* @__PURE__ */ jsxs23(
         "div",
         {
           className: cn("rounded-lg bg-card p-2 relative", className),
           style: { width: "100%", maxWidth: "100%", minWidth: 0 },
           children: [
-            title && /* @__PURE__ */ jsx29(
+            title && /* @__PURE__ */ jsx28(
               "div",
               {
                 style: {
@@ -4386,10 +4183,10 @@ var Chart = ({
                   alignItems: "center",
                   marginTop: 4
                 },
-                children: /* @__PURE__ */ jsx29("h3", { className: titleClassName, children: title })
+                children: /* @__PURE__ */ jsx28("h3", { className: titleClassName, children: title })
               }
             ),
-            allKeys.length > 0 && (finalEnableHighlights || finalEnableShowOnly) && /* @__PURE__ */ jsxs24(
+            allKeys.length > 0 && (finalEnableHighlights || finalEnableShowOnly) && /* @__PURE__ */ jsxs23(
               "div",
               {
                 className: "flex items-center w-full",
@@ -4401,7 +4198,7 @@ var Chart = ({
                   gap: "0.5rem"
                 },
                 children: [
-                  finalEnableHighlights && /* @__PURE__ */ jsx29(
+                  finalEnableHighlights && /* @__PURE__ */ jsx28(
                     Highlights_default,
                     {
                       allKeys,
@@ -4412,7 +4209,7 @@ var Chart = ({
                       containerWidth: chartInnerWidth
                     }
                   ),
-                  finalEnableShowOnly && /* @__PURE__ */ jsx29(
+                  finalEnableShowOnly && /* @__PURE__ */ jsx28(
                     ShowOnly_default,
                     {
                       showOnlyHighlighted,
@@ -4421,7 +4218,7 @@ var Chart = ({
                       clearHighlights: () => setHighlightedSeries(/* @__PURE__ */ new Set())
                     }
                   ),
-                  finalEnablePeriodsDropdown && /* @__PURE__ */ jsx29(
+                  finalEnablePeriodsDropdown && /* @__PURE__ */ jsx28(
                     "div",
                     {
                       style: {
@@ -4429,7 +4226,7 @@ var Chart = ({
                         display: "flex",
                         alignItems: "center"
                       },
-                      children: /* @__PURE__ */ jsx29(
+                      children: /* @__PURE__ */ jsx28(
                         PeriodsDropdown_default,
                         {
                           processedData,
@@ -4443,7 +4240,7 @@ var Chart = ({
                 ]
               }
             ),
-            !(allKeys.length > 0 && (finalEnableHighlights || finalEnableShowOnly)) && finalEnablePeriodsDropdown && /* @__PURE__ */ jsx29(
+            !(allKeys.length > 0 && (finalEnableHighlights || finalEnableShowOnly)) && finalEnablePeriodsDropdown && /* @__PURE__ */ jsx28(
               "div",
               {
                 style: {
@@ -4454,7 +4251,7 @@ var Chart = ({
                   display: "flex",
                   justifyContent: "flex-end"
                 },
-                children: /* @__PURE__ */ jsx29(
+                children: /* @__PURE__ */ jsx28(
                   PeriodsDropdown_default,
                   {
                     processedData,
@@ -4464,7 +4261,7 @@ var Chart = ({
                 )
               }
             ),
-            /* @__PURE__ */ jsx29(ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxs24(
+            /* @__PURE__ */ jsx28(ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxs23(
               ComposedChart,
               {
                 data: processedData,
@@ -4477,7 +4274,7 @@ var Chart = ({
                 },
                 onClick: handleChartClick,
                 children: [
-                  showGrid && /* @__PURE__ */ jsx29(
+                  showGrid && /* @__PURE__ */ jsx28(
                     CartesianGrid,
                     {
                       strokeDasharray: "3 3",
@@ -4485,7 +4282,7 @@ var Chart = ({
                       opacity: 0.5
                     }
                   ),
-                  /* @__PURE__ */ jsx29(
+                  /* @__PURE__ */ jsx28(
                     XAxis,
                     {
                       dataKey: xAxisConfig.dataKey,
@@ -4502,8 +4299,8 @@ var Chart = ({
                       },
                       label: xAxisLabel ? {
                         value: xAxisLabel,
-                        position: "bottom",
-                        offset: 12,
+                        position: "insideBottomRight",
+                        offset: -5,
                         style: {
                           fontSize: 12,
                           fill: "hsl(var(--muted-foreground))",
@@ -4512,75 +4309,23 @@ var Chart = ({
                       } : void 0
                     }
                   ),
-                  rightKeys.length > 0 ? /* @__PURE__ */ jsxs24(Fragment7, { children: [
-                    /* @__PURE__ */ jsx29(
-                      YAxis,
-                      {
-                        yAxisId: "left",
-                        stroke: yAxes?.left?.stroke || "hsl(var(--muted-foreground))",
-                        width: yAxes?.left?.width,
-                        fontSize: 12,
-                        tickLine: false,
-                        axisLine: false,
-                        tickFormatter: leftAxisTickFormatter,
-                        domain: [Math.min(minLeft, 0), niceMaxLeft],
-                        tickCount: 6,
-                        label: yAxes?.left?.label ?? yAxisLabel ? {
-                          value: yAxes?.left?.label ?? yAxisLabel,
-                          angle: -90,
-                          position: "left",
-                          dx: -leftYAxisLabelDx,
-                          style: {
-                            fontSize: 12,
-                            fill: "hsl(var(--muted-foreground))",
-                            fontWeight: 500,
-                            textAnchor: "middle"
-                          }
-                        } : void 0
-                      }
-                    ),
-                    /* @__PURE__ */ jsx29(
-                      YAxis,
-                      {
-                        yAxisId: "right",
-                        orientation: "right",
-                        stroke: yAxes?.right?.stroke || "hsl(var(--muted-foreground))",
-                        width: yAxes?.right?.width,
-                        fontSize: 12,
-                        tickLine: false,
-                        axisLine: false,
-                        tickFormatter: rightAxisTickFormatter,
-                        domain: [Math.min(minRight, 0), niceMaxRight],
-                        tickCount: 6,
-                        label: yAxes?.right?.label ? {
-                          value: yAxes?.right?.label,
-                          angle: -90,
-                          position: "right",
-                          dx: rightYAxisLabelDx,
-                          style: {
-                            fontSize: 12,
-                            fill: "hsl(var(--muted-foreground))",
-                            fontWeight: 500,
-                            textAnchor: "middle"
-                          }
-                        } : void 0
-                      }
-                    )
-                  ] }) : /* @__PURE__ */ jsx29(Fragment7, { children: /* @__PURE__ */ jsx29(
+                  /* @__PURE__ */ jsx28(
                     YAxis,
                     {
+                      yAxisId: "left",
+                      width: finalChartLeftMargin,
                       stroke: "hsl(var(--muted-foreground))",
                       fontSize: 12,
                       tickLine: false,
                       axisLine: false,
                       tickFormatter: yTickFormatter,
-                      domain: [Math.min(minDataValue, 0), niceMax],
+                      domain: [Math.min(minLeftDataValue, 0), niceMaxLeft],
                       tickCount: 6,
                       label: yAxisLabel ? {
                         value: yAxisLabel,
                         angle: -90,
                         position: "left",
-                        dx: -leftYAxisLabelDx,
+                        dx: leftYAxisLabelDx,
                         style: {
                           fontSize: 12,
                           fill: "hsl(var(--muted-foreground))",
@@ -4589,44 +4334,94 @@ var Chart = ({
                         }
                       } : void 0
                     }
-                  ) }),
-                  (minDataValue < 0 || minLeft < 0 || minRight < 0) && /* @__PURE__ */ jsx29(
+                  ),
+                  minLeftDataValue < 0 && /* @__PURE__ */ jsx28(
                     ReferenceLine,
                     {
                       y: 0,
+                      yAxisId: "left",
                       stroke: "hsl(var(--muted-foreground))",
                       strokeWidth: 1,
                       strokeDasharray: "4 4"
                     }
                   ),
-                  showTooltip && /* @__PURE__ */ jsx29(
+                  rightKeys.length > 0 && (() => {
+                    const decimals = typeof biaxialConfigNormalized?.decimals === "number" ? Math.max(0, Math.floor(biaxialConfigNormalized.decimals)) : 2;
+                    const rightTickFormatter = (v) => {
+                      if (biaxialConfigNormalized?.percentage) {
+                        const num = Number(String(v));
+                        const nf = new Intl.NumberFormat("pt-BR", {
+                          minimumFractionDigits: decimals,
+                          maximumFractionDigits: decimals
+                        });
+                        const out = Number.isNaN(num) ? String(v ?? "") : nf.format(num);
+                        return `${out}%`;
+                      }
+                      return yTickFormatter(v);
+                    };
+                    const firstRightKey = biaxialConfigNormalized?.key && biaxialConfigNormalized.key[0];
+                    const defaultRightColor = firstRightKey && finalColors[firstRightKey] || "hsl(var(--muted-foreground))";
+                    const rightAxisColor = (() => {
+                      if (!biaxialConfigNormalized) return defaultRightColor;
+                      if (typeof biaxialConfigNormalized.stroke === "string")
+                        return biaxialConfigNormalized.stroke;
+                      if (biaxialConfigNormalized.stroke && firstRightKey && typeof biaxialConfigNormalized.stroke === "object")
+                        return biaxialConfigNormalized.stroke[firstRightKey] || defaultRightColor;
+                      return defaultRightColor;
+                    })();
+                    return /* @__PURE__ */ jsx28(
+                      YAxis,
+                      {
+                        yAxisId: "right",
+                        width: finalChartRightMargin,
+                        orientation: "right",
+                        stroke: "hsl(var(--muted-foreground))",
+                        fontSize: 12,
+                        tickLine: false,
+                        axisLine: false,
+                        tick: { fill: rightAxisColor },
+                        tickFormatter: rightTickFormatter,
+                        domain: [Math.min(minRightDataValue, 0), niceMaxRight],
+                        tickCount: 6,
+                        label: biaxialConfigNormalized?.label ? {
+                          value: biaxialConfigNormalized.label,
+                          angle: -90,
+                          position: "right",
+                          dx: rightYAxisLabelDx,
+                          style: {
+                            fontSize: 12,
+                            fill: "hsl(var(--muted-foreground))",
+                            fontWeight: 500,
+                            textAnchor: "middle"
+                          }
+                        } : void 0
+                      }
+                    );
+                  })(),
+                  showTooltip && /* @__PURE__ */ jsx28(
                     Tooltip,
                     {
-                      content: showTooltipTotal ? /* @__PURE__ */ jsx29(
+                      content: showTooltipTotal ? /* @__PURE__ */ jsx28(
                         TooltipWithTotal_default,
                         {
-                          periodLabel,
                           finalColors,
                           valueFormatter: finalValueFormatter,
                           categoryFormatter,
-                          yAxisMap,
-                          isBiaxial: rightKeys.length > 0
+                          periodLabel
                         }
-                      ) : /* @__PURE__ */ jsx29(
+                      ) : /* @__PURE__ */ jsx28(
                         TooltipSimple_default,
                         {
-                          periodLabel,
                           finalColors,
                           valueFormatter: finalValueFormatter,
                           categoryFormatter,
-                          yAxisMap,
-                          isBiaxial: rightKeys.length > 0
+                          periodLabel
                         }
                       ),
                       cursor: { fill: "hsl(var(--muted))", opacity: 0.1 }
                     }
                   ),
-                  showLegend && /* @__PURE__ */ jsx29(
+                  showLegend && /* @__PURE__ */ jsx28(
                     Legend,
                     {
                       wrapperStyle: {
@@ -4638,25 +4433,23 @@ var Chart = ({
                   ),
                   seriesOrder.map((s) => {
                     const key = s.key;
-                    const rawMapped = rightKeys.length > 0 ? yAxisMap?.[key] ?? "left" : void 0;
-                    const seriesYAxisId = (() => {
-                      if (rawMapped === void 0) return void 0;
-                      if (rawMapped === "left" || rawMapped === "right")
-                        return rawMapped;
-                      if (rawMapped === 1 || rawMapped === "1" || rawMapped === "right")
-                        return "right";
-                      return "left";
-                    })();
                     if (showOnlyHighlighted && !highlightedSeries.has(key))
                       return null;
                     const label = mapperConfig[key]?.label ?? labelMap?.[key] ?? formatFieldName(key);
-                    const color = finalColors[key];
+                    let color = finalColors[key];
+                    if (rightKeys.includes(key) && biaxialConfigNormalized?.stroke) {
+                      if (typeof biaxialConfigNormalized.stroke === "string") {
+                        color = biaxialConfigNormalized.stroke;
+                      } else {
+                        color = biaxialConfigNormalized.stroke[key] ?? color;
+                      }
+                    }
                     if (s.type === "bar") {
-                      return /* @__PURE__ */ jsx29(
+                      return /* @__PURE__ */ jsx28(
                         Bar,
                         {
-                          yAxisId: seriesYAxisId,
                           dataKey: key,
+                          yAxisId: rightKeys.includes(key) ? "right" : "left",
                           name: label,
                           fill: color,
                           radius: [4, 4, 0, 0],
@@ -4665,7 +4458,7 @@ var Chart = ({
                             cursor: "pointer",
                             opacity: highlightedSeries.size > 0 ? highlightedSeries.has(key) ? 1 : 0.25 : 1
                           },
-                          activeBar: /* @__PURE__ */ jsx29(
+                          activeBar: /* @__PURE__ */ jsx28(
                             Rectangle,
                             {
                               fill: color,
@@ -4674,17 +4467,16 @@ var Chart = ({
                               opacity: 0.8
                             }
                           ),
-                          children: showLabels && highlightedSeries.size === 0 || highlightedSeries.has(key) ? /* @__PURE__ */ jsx29(
+                          children: showLabels && highlightedSeries.size === 0 || highlightedSeries.has(key) ? /* @__PURE__ */ jsx28(
                             LabelList,
                             {
                               dataKey: key,
-                              position: "top",
-                              content: pillLabelRenderer_default(
+                              position: "insideTop",
+                              content: renderInsideBarLabel(
                                 color,
-                                "filled",
                                 finalValueFormatter
                               ),
-                              offset: 8
+                              offset: 0
                             }
                           ) : null
                         },
@@ -4692,11 +4484,11 @@ var Chart = ({
                       );
                     }
                     if (s.type === "line") {
-                      return /* @__PURE__ */ jsx29(
+                      return /* @__PURE__ */ jsx28(
                         Line,
                         {
-                          yAxisId: seriesYAxisId,
                           dataKey: key,
+                          yAxisId: rightKeys.includes(key) ? "right" : "left",
                           name: label,
                           stroke: color,
                           strokeWidth: 2,
@@ -4708,7 +4500,7 @@ var Chart = ({
                             pointerEvents: "all",
                             opacity: highlightedSeries.size > 0 ? highlightedSeries.has(key) ? 1 : 0.25 : 1
                           },
-                          children: showLabels && highlightedSeries.size === 0 || highlightedSeries.has(key) ? /* @__PURE__ */ jsx29(
+                          children: showLabels && highlightedSeries.size === 0 || highlightedSeries.has(key) ? /* @__PURE__ */ jsx28(
                             LabelList,
                             {
                               dataKey: key,
@@ -4726,11 +4518,11 @@ var Chart = ({
                       );
                     }
                     if (s.type === "area") {
-                      return /* @__PURE__ */ jsx29(
+                      return /* @__PURE__ */ jsx28(
                         Area,
                         {
-                          yAxisId: seriesYAxisId,
                           dataKey: key,
+                          yAxisId: rightKeys.includes(key) ? "right" : "left",
                           name: label,
                           stroke: color,
                           fill: color,
@@ -4742,7 +4534,7 @@ var Chart = ({
                             pointerEvents: "all",
                             opacity: highlightedSeries.size > 0 ? highlightedSeries.has(key) ? 1 : 0.25 : 1
                           },
-                          children: showLabels && highlightedSeries.size === 0 || highlightedSeries.has(key) ? /* @__PURE__ */ jsx29(
+                          children: showLabels && highlightedSeries.size === 0 || highlightedSeries.has(key) ? /* @__PURE__ */ jsx28(
                             LabelList,
                             {
                               dataKey: key,
@@ -4764,11 +4556,11 @@ var Chart = ({
                 ]
               }
             ) }),
-            enableDraggableTooltips && activeTooltips.map((tooltip) => /* @__PURE__ */ jsx29(
+            enableDraggableTooltips && activeTooltips.map((tooltip) => /* @__PURE__ */ jsx28(
               DraggableTooltip_default,
               {
                 id: tooltip.id,
-                data: adaptDataForTooltip2(tooltip.data),
+                data: adaptDataForTooltip(tooltip.data),
                 position: tooltip.position,
                 title,
                 dataKeys: allKeys,
@@ -4789,7 +4581,7 @@ var Chart = ({
               },
               tooltip.id
             )),
-            enableDraggableTooltips && activeTooltips.length > 1 && /* @__PURE__ */ jsx29(
+            enableDraggableTooltips && activeTooltips.length > 1 && /* @__PURE__ */ jsx28(
               CloseAllButton_default,
               {
                 count: activeTooltips.length,
@@ -4807,7 +4599,7 @@ var Chart = ({
 var Chart_default = Chart;
 
 // src/components/charts/BarChart.tsx
-import { useState as useState9, useEffect as useEffect6, useCallback as useCallback6, useMemo as useMemo7 } from "react";
+import { useState as useState8, useEffect as useEffect6, useCallback as useCallback6, useMemo as useMemo6 } from "react";
 import {
   BarChart as RechartsBarChart,
   Bar as Bar2,
@@ -4819,7 +4611,7 @@ import {
   Legend as Legend2,
   LabelList as LabelList2
 } from "recharts";
-import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 var DEFAULT_COLORS3 = ["#55af7d", "#8e68ff", "#2273e1"];
 var BarChart = ({
   data,
@@ -4849,7 +4641,7 @@ var BarChart = ({
     containerPaddingLeft,
     16
   );
-  const smartConfig = useMemo7(() => {
+  const smartConfig = useMemo6(() => {
     const providedMapper = yAxis ?? mapper;
     if (autoDetect === true || xAxis == null || providedMapper == null) {
       const detectedXAxis = detectXAxis(data);
@@ -4899,20 +4691,20 @@ var BarChart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, mapper, yAxis, autoDetect, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = useState9([]);
-  const [isDragging, setIsDragging] = useState9(null);
-  const [dragOffset, setDragOffset] = useState9({
+  const [activeTooltips, setActiveTooltips] = useState8([]);
+  const [isDragging, setIsDragging] = useState8(null);
+  const [dragOffset, setDragOffset] = useState8({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = useState9(0);
-  const [alignmentGuides, setAlignmentGuides] = useState9([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = useState8(0);
+  const [alignmentGuides, setAlignmentGuides] = useState8([]);
   const processedData = data.map((item) => ({
     ...item,
     name: String(item[xAxisConfig.dataKey] || "N/A")
     // Garantir propriedade 'name' para tooltip
   }));
-  const generateColors2 = (dataKeys2) => {
+  const generateColors = (dataKeys2) => {
     const colorMap = {};
     const allColors = generateAdditionalColors(colors2, dataKeys2.length);
     dataKeys2.forEach((key, index) => {
@@ -4921,15 +4713,15 @@ var BarChart = ({
     return colorMap;
   };
   const dataKeys = Object.keys(mapperConfig);
-  const finalColors = generateColors2(dataKeys);
-  const adaptDataForTooltip2 = (universalData) => {
+  const finalColors = generateColors(dataKeys);
+  const adaptDataForTooltip = (universalData) => {
     return {
       ...universalData,
       name: String(universalData[xAxisConfig.dataKey] || "N/A")
       // Garantir que tem a propriedade 'name'
     };
   };
-  const maxDataValue = useMemo7(() => {
+  const maxDataValue = useMemo6(() => {
     let max = 0;
     const keys = Object.keys(mapperConfig);
     for (const row of processedData) {
@@ -4942,7 +4734,7 @@ var BarChart = ({
     }
     return max;
   }, [processedData, mapperConfig]);
-  const niceMax = useMemo7(() => {
+  const niceMax = useMemo6(() => {
     let padding2 = 0.08;
     if (maxDataValue > 1e6) padding2 = 0.05;
     if (maxDataValue > 1e7) padding2 = 0.03;
@@ -5240,25 +5032,25 @@ var BarChart = ({
     label
   }) => {
     if (!active || !payload) return null;
-    return /* @__PURE__ */ jsxs25("div", { className: "bg-card border border-border rounded-lg p-3 shadow-lg", children: [
-      /* @__PURE__ */ jsx30("p", { className: "font-medium text-foreground mb-2", children: label }),
+    return /* @__PURE__ */ jsxs24("div", { className: "bg-card border border-border rounded-lg p-3 shadow-lg", children: [
+      /* @__PURE__ */ jsx29("p", { className: "font-medium text-foreground mb-2", children: label }),
       payload.map(
-        (entry, index) => /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 text-sm", children: [
-          /* @__PURE__ */ jsx30(
+        (entry, index) => /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ jsx29(
             "div",
             {
               className: "w-3 h-3 rounded-sm",
               style: { backgroundColor: entry.color }
             }
           ),
-          /* @__PURE__ */ jsxs25("span", { className: "text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs24("span", { className: "text-muted-foreground", children: [
             entry.name,
             ":"
           ] }),
-          /* @__PURE__ */ jsx30("span", { className: "text-foreground font-medium", children: entry.value?.toLocaleString("pt-BR") })
+          /* @__PURE__ */ jsx29("span", { className: "text-foreground font-medium", children: entry.value?.toLocaleString("pt-BR") })
         ] }, index)
       ),
-      /* @__PURE__ */ jsx30("p", { className: "text-xs text-muted-foreground mt-1", children: "Clique para fixar este tooltip" })
+      /* @__PURE__ */ jsx29("p", { className: "text-xs text-muted-foreground mt-1", children: "Clique para fixar este tooltip" })
     ] });
   };
   const getTitleClassName = (position) => {
@@ -5272,7 +5064,7 @@ var BarChart = ({
         return `${baseClasses} text-left`;
     }
   };
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       className: cn("rounded-lg bg-card p-4 relative", className),
@@ -5281,8 +5073,8 @@ var BarChart = ({
         maxWidth: "100%"
       },
       children: [
-        title && /* @__PURE__ */ jsx30("div", { style: { paddingLeft: `${resolvedContainerPaddingLeft}px` }, children: /* @__PURE__ */ jsx30("h3", { className: getTitleClassName(titlePosition), children: title }) }),
-        /* @__PURE__ */ jsxs25(
+        title && /* @__PURE__ */ jsx29("div", { style: { paddingLeft: `${resolvedContainerPaddingLeft}px` }, children: /* @__PURE__ */ jsx29("h3", { className: getTitleClassName(titlePosition), children: title }) }),
+        /* @__PURE__ */ jsxs24(
           RechartsBarChart,
           {
             data: processedData,
@@ -5291,7 +5083,7 @@ var BarChart = ({
             margin: resolveChartMargins(margins, chartMargins, showLabels),
             onClick: handleChartClick,
             children: [
-              showGrid && /* @__PURE__ */ jsx30(
+              showGrid && /* @__PURE__ */ jsx29(
                 CartesianGrid2,
                 {
                   strokeDasharray: "3 3",
@@ -5299,7 +5091,7 @@ var BarChart = ({
                   opacity: 0.5
                 }
               ),
-              /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsx29(
                 XAxis2,
                 {
                   dataKey: xAxisConfig.dataKey,
@@ -5310,7 +5102,7 @@ var BarChart = ({
                   tickFormatter: xAxisConfig.valueFormatter
                 }
               ),
-              /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsx29(
                 YAxis2,
                 {
                   stroke: "hsl(var(--muted-foreground))",
@@ -5322,14 +5114,14 @@ var BarChart = ({
                   tickCount: 6
                 }
               ),
-              showTooltip && /* @__PURE__ */ jsx30(
+              showTooltip && /* @__PURE__ */ jsx29(
                 Tooltip2,
                 {
-                  content: /* @__PURE__ */ jsx30(CustomTooltip, {}),
+                  content: /* @__PURE__ */ jsx29(CustomTooltip, {}),
                   cursor: { fill: "hsl(var(--muted))", opacity: 0.1 }
                 }
               ),
-              showLegend && /* @__PURE__ */ jsx30(
+              showLegend && /* @__PURE__ */ jsx29(
                 Legend2,
                 {
                   wrapperStyle: {
@@ -5340,7 +5132,7 @@ var BarChart = ({
               ),
               dataKeys.map((key) => {
                 const fieldConfig = mapperConfig[key];
-                return /* @__PURE__ */ jsx30(
+                return /* @__PURE__ */ jsx29(
                   Bar2,
                   {
                     dataKey: key,
@@ -5349,7 +5141,7 @@ var BarChart = ({
                     radius: [4, 4, 0, 0],
                     onClick: handleBarClick,
                     style: { cursor: "pointer" },
-                    activeBar: /* @__PURE__ */ jsx30(
+                    activeBar: /* @__PURE__ */ jsx29(
                       Rectangle2,
                       {
                         fill: finalColors[key],
@@ -5358,7 +5150,7 @@ var BarChart = ({
                         opacity: 0.8
                       }
                     ),
-                    children: showLabels && /* @__PURE__ */ jsx30(
+                    children: showLabels && /* @__PURE__ */ jsx29(
                       LabelList2,
                       {
                         dataKey: key,
@@ -5395,8 +5187,8 @@ var BarChart = ({
             guide.sourceTooltip.top + guide.sourceTooltip.height / 2,
             guide.targetTooltip.top + guide.targetTooltip.height / 2
           );
-          return /* @__PURE__ */ jsxs25("div", { children: [
-            /* @__PURE__ */ jsx30(
+          return /* @__PURE__ */ jsxs24("div", { children: [
+            /* @__PURE__ */ jsx29(
               "div",
               {
                 className: "fixed pointer-events-none z-30",
@@ -5415,7 +5207,7 @@ var BarChart = ({
                 }
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx29(
               "div",
               {
                 className: "fixed pointer-events-none z-31",
@@ -5431,7 +5223,7 @@ var BarChart = ({
                 }
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx29(
               "div",
               {
                 className: "fixed pointer-events-none z-31",
@@ -5449,11 +5241,11 @@ var BarChart = ({
             )
           ] }, index);
         }),
-        activeTooltips.map((tooltip, index) => /* @__PURE__ */ jsx30(
+        activeTooltips.map((tooltip, index) => /* @__PURE__ */ jsx29(
           DraggableTooltip_default,
           {
             id: tooltip.id,
-            data: adaptDataForTooltip2(tooltip.data),
+            data: adaptDataForTooltip(tooltip.data),
             position: tooltip.position,
             isDragging: isDragging === tooltip.id,
             title,
@@ -5482,7 +5274,7 @@ var BarChart = ({
 var BarChart_default = BarChart;
 
 // src/components/charts/LineChart.tsx
-import { useState as useState10, useEffect as useEffect7, useCallback as useCallback7, useMemo as useMemo8 } from "react";
+import { useState as useState9, useEffect as useEffect7, useCallback as useCallback7, useMemo as useMemo7 } from "react";
 import {
   LineChart as RechartsLineChart,
   Line as Line2,
@@ -5493,7 +5285,7 @@ import {
   Legend as Legend3,
   LabelList as LabelList3
 } from "recharts";
-import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 var defaultData = [
   { name: "A", value: 100 },
   { name: "B", value: 200 },
@@ -5525,15 +5317,15 @@ var CustomLineChart = ({
     containerPaddingLeft,
     16
   );
-  const [activeTooltips, setActiveTooltips] = useState10([]);
-  const [isDragging, setIsDragging] = useState10(null);
-  const [dragOffset, setDragOffset] = useState10({
+  const [activeTooltips, setActiveTooltips] = useState9([]);
+  const [isDragging, setIsDragging] = useState9(null);
+  const [dragOffset, setDragOffset] = useState9({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = useState10(0);
-  const [alignmentGuides, setAlignmentGuides] = useState10([]);
-  const generateColors2 = (dataKeys2) => {
+  const [globalTooltipCount, setGlobalTooltipCount] = useState9(0);
+  const [alignmentGuides, setAlignmentGuides] = useState9([]);
+  const generateColors = (dataKeys2) => {
     const colorMap = {};
     const allColors = generateAdditionalColors(colors2, dataKeys2.length);
     dataKeys2.forEach((key, index) => {
@@ -5541,12 +5333,12 @@ var CustomLineChart = ({
     });
     return colorMap;
   };
-  const dataKeys = useMemo8(
+  const dataKeys = useMemo7(
     () => data.length > 0 ? Object.keys(data[0]).filter((key) => key !== "name") : [],
     [data]
   );
-  const finalColors = generateColors2(dataKeys);
-  const maxDataValue = useMemo8(() => {
+  const finalColors = generateColors(dataKeys);
+  const maxDataValue = useMemo7(() => {
     let max = 0;
     for (const row of data) {
       const r = row;
@@ -5558,7 +5350,7 @@ var CustomLineChart = ({
     }
     return max;
   }, [data, dataKeys]);
-  const niceMax = useMemo8(() => {
+  const niceMax = useMemo7(() => {
     let padding2 = 0.08;
     if (maxDataValue > 1e6) padding2 = 0.05;
     if (maxDataValue > 1e7) padding2 = 0.03;
@@ -5592,7 +5384,7 @@ var CustomLineChart = ({
         setActiveTooltips((prev) => [...prev, newTooltip]);
       }
     };
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx30(
       "circle",
       {
         cx,
@@ -5875,7 +5667,7 @@ var CustomLineChart = ({
         return "text-left";
     }
   };
-  return /* @__PURE__ */ jsx31("div", { className: cn("relative", className), children: /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsx30("div", { className: cn("relative", className), children: /* @__PURE__ */ jsxs25(
     "div",
     {
       className: "rounded-lg bg-card p-4 relative border border-border",
@@ -5885,8 +5677,8 @@ var CustomLineChart = ({
       },
       onClick: handleChartBackgroundClick,
       children: [
-        title && /* @__PURE__ */ jsx31("div", { style: { paddingLeft: `${resolvedContainerPaddingLeft}px` }, children: /* @__PURE__ */ jsx31("div", { className: cn("mb-4", getTitleClass()), children: /* @__PURE__ */ jsx31("h3", { className: "text-lg font-semibold text-foreground", children: title }) }) }),
-        /* @__PURE__ */ jsxs26(
+        title && /* @__PURE__ */ jsx30("div", { style: { paddingLeft: `${resolvedContainerPaddingLeft}px` }, children: /* @__PURE__ */ jsx30("div", { className: cn("mb-4", getTitleClass()), children: /* @__PURE__ */ jsx30("h3", { className: "text-lg font-semibold text-foreground", children: title }) }) }),
+        /* @__PURE__ */ jsxs25(
           RechartsLineChart,
           {
             data,
@@ -5895,7 +5687,7 @@ var CustomLineChart = ({
             margin: resolveChartMargins(margins, chartMargins, showLabels),
             onClick: handleChartClick,
             children: [
-              showGrid && /* @__PURE__ */ jsx31(
+              showGrid && /* @__PURE__ */ jsx30(
                 CartesianGrid3,
                 {
                   strokeDasharray: "3 3",
@@ -5903,7 +5695,7 @@ var CustomLineChart = ({
                   opacity: 0.3
                 }
               ),
-              /* @__PURE__ */ jsx31(
+              /* @__PURE__ */ jsx30(
                 XAxis3,
                 {
                   dataKey: "name",
@@ -5911,7 +5703,7 @@ var CustomLineChart = ({
                   fontSize: 12
                 }
               ),
-              /* @__PURE__ */ jsx31(
+              /* @__PURE__ */ jsx30(
                 YAxis3,
                 {
                   className: "fill-muted-foreground text-xs",
@@ -5921,8 +5713,8 @@ var CustomLineChart = ({
                   tickCount: 6
                 }
               ),
-              showTooltip && /* @__PURE__ */ jsx31(Tooltip3, { content: () => null }),
-              showLegend && /* @__PURE__ */ jsx31(
+              showTooltip && /* @__PURE__ */ jsx30(Tooltip3, { content: () => null }),
+              showLegend && /* @__PURE__ */ jsx30(
                 Legend3,
                 {
                   wrapperStyle: {
@@ -5931,7 +5723,7 @@ var CustomLineChart = ({
                   }
                 }
               ),
-              dataKeys.map((key) => /* @__PURE__ */ jsx31(
+              dataKeys.map((key) => /* @__PURE__ */ jsx30(
                 Line2,
                 {
                   type: "monotone",
@@ -5939,8 +5731,8 @@ var CustomLineChart = ({
                   stroke: finalColors[key],
                   strokeWidth,
                   dot: showDots ? { r: 4, cursor: "pointer" } : false,
-                  activeDot: (props) => /* @__PURE__ */ jsx31(ClickableDot, { ...props, dataKey: key }),
-                  children: showLabels && /* @__PURE__ */ jsx31(
+                  activeDot: (props) => /* @__PURE__ */ jsx30(ClickableDot, { ...props, dataKey: key }),
+                  children: showLabels && /* @__PURE__ */ jsx30(
                     LabelList3,
                     {
                       dataKey: key,
@@ -5977,8 +5769,8 @@ var CustomLineChart = ({
             guide.sourceTooltip.top + guide.sourceTooltip.height / 2,
             guide.targetTooltip.top + guide.targetTooltip.height / 2
           );
-          return /* @__PURE__ */ jsxs26("div", { children: [
-            /* @__PURE__ */ jsx31(
+          return /* @__PURE__ */ jsxs25("div", { children: [
+            /* @__PURE__ */ jsx30(
               "div",
               {
                 className: "fixed pointer-events-none z-30",
@@ -5997,7 +5789,7 @@ var CustomLineChart = ({
                 }
               }
             ),
-            /* @__PURE__ */ jsx31(
+            /* @__PURE__ */ jsx30(
               "div",
               {
                 className: "fixed pointer-events-none z-31",
@@ -6013,7 +5805,7 @@ var CustomLineChart = ({
                 }
               }
             ),
-            /* @__PURE__ */ jsx31(
+            /* @__PURE__ */ jsx30(
               "div",
               {
                 className: "fixed pointer-events-none z-31",
@@ -6031,7 +5823,7 @@ var CustomLineChart = ({
             )
           ] }, index);
         }),
-        activeTooltips.map((tooltip, index) => /* @__PURE__ */ jsx31(
+        activeTooltips.map((tooltip, index) => /* @__PURE__ */ jsx30(
           DraggableTooltip_default,
           {
             id: tooltip.id,
@@ -6070,7 +5862,7 @@ import {
   Tooltip as Tooltip4,
   Legend as Legend4
 } from "recharts";
-import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
 var defaultData2 = [
   { name: "Vendas", value: 4e3 },
   { name: "Marketing", value: 3e3 },
@@ -6108,7 +5900,7 @@ var renderCustomizedLabel = ({
   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__ */ jsx32(
+  return /* @__PURE__ */ jsx31(
     "text",
     {
       x,
@@ -6137,8 +5929,8 @@ var CustomPieChart = ({
   centerY = "50%"
 }) => {
   const finalColors = colors2 || DEFAULT_COLORS5;
-  return /* @__PURE__ */ jsx32("div", { className: cn("w-full rounded-lg bg-card p-4", className), children: /* @__PURE__ */ jsx32(ResponsiveContainer2, { width, height, children: /* @__PURE__ */ jsxs27(RechartsPieChart, { children: [
-    /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx31("div", { className: cn("w-full rounded-lg bg-card p-4", className), children: /* @__PURE__ */ jsx31(ResponsiveContainer2, { width, height, children: /* @__PURE__ */ jsxs26(RechartsPieChart, { children: [
+    /* @__PURE__ */ jsx31(
       Pie,
       {
         data,
@@ -6150,7 +5942,7 @@ var CustomPieChart = ({
         innerRadius,
         fill: "#8884d8",
         dataKey: "value",
-        children: data.map((entry, index) => /* @__PURE__ */ jsx32(
+        children: data.map((entry, index) => /* @__PURE__ */ jsx31(
           Cell,
           {
             fill: finalColors[index % finalColors.length]
@@ -6159,7 +5951,7 @@ var CustomPieChart = ({
         ))
       }
     ),
-    showTooltip && /* @__PURE__ */ jsx32(
+    showTooltip && /* @__PURE__ */ jsx31(
       Tooltip4,
       {
         contentStyle: {
@@ -6170,18 +5962,18 @@ var CustomPieChart = ({
         }
       }
     ),
-    showLegend && /* @__PURE__ */ jsx32(Legend4, {})
+    showLegend && /* @__PURE__ */ jsx31(Legend4, {})
   ] }) }) });
 };
 var PieChart_default = CustomPieChart;
 
 // src/components/charts/hooks/useChartHighlights.tsx
-import { useState as useState11, useCallback as useCallback8 } from "react";
+import { useState as useState10, useCallback as useCallback8 } from "react";
 var useChartHighlights = () => {
-  const [highlightedSeries, setHighlightedSeries] = useState11(
+  const [highlightedSeries, setHighlightedSeries] = useState10(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState11(false);
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState10(false);
   const toggleHighlight = useCallback8((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
@@ -6248,6 +6040,105 @@ var useChartHighlights = () => {
   };
 };
 
+// src/components/charts/NoData.tsx
+import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+var NoData = ({
+  paddingLeft = 0,
+  height = 360,
+  message = "Sem dados para exibir",
+  className
+}) => {
+  const svgHeight = typeof height === "number" ? height : 360;
+  const bars = [
+    { x: 120, w: 120, h: svgHeight * 0.45, label: "Label 0" },
+    { x: 260, w: 120, h: svgHeight * 0.75, label: "Label 1" },
+    { x: 400, w: 120, h: svgHeight * 0.65, label: "Label 2" },
+    { x: 540, w: 120, h: svgHeight * 0.55, label: "Label 3" },
+    { x: 680, w: 120, h: svgHeight * 0.25, label: "Label 4" }
+  ];
+  const styleVars = {
+    ["--pl"]: `${paddingLeft}px`,
+    ["--svg-h"]: typeof height === "number" ? `${height}px` : String(height)
+  };
+  return /* @__PURE__ */ jsx32(
+    "div",
+    {
+      className: cn(
+        "rounded-lg bg-card p-2 relative overflow-visible w-full",
+        className
+      ),
+      style: styleVars,
+      role: "img",
+      "aria-label": message,
+      children: /* @__PURE__ */ jsx32("div", { className: "w-full flex items-center justify-center pl-[var(--pl)] pr-3 h-[var(--svg-h)]", children: /* @__PURE__ */ jsxs27("div", { className: "w-full max-w-[900px] relative", children: [
+        /* @__PURE__ */ jsxs27(
+          "svg",
+          {
+            className: "w-full h-[var(--svg-h)]",
+            width: "100%",
+            viewBox: `0 0 900 ${svgHeight}`,
+            preserveAspectRatio: "none",
+            children: [
+              /* @__PURE__ */ jsx32(
+                "rect",
+                {
+                  x: 0,
+                  y: 0,
+                  width: 900,
+                  height: svgHeight,
+                  fill: "transparent"
+                }
+              ),
+              Array.from({ length: 5 }).map((_, i) => {
+                const y = 40 + (svgHeight - 80) / 4 * i;
+                return /* @__PURE__ */ jsx32(
+                  "line",
+                  {
+                    x1: 60,
+                    x2: 840,
+                    y1: y,
+                    y2: y,
+                    stroke: "rgba(0,0,0,0.06)",
+                    strokeWidth: 1
+                  },
+                  `g-${i}`
+                );
+              }),
+              bars.map((b, i) => /* @__PURE__ */ jsxs27("g", { children: [
+                /* @__PURE__ */ jsx32(
+                  "rect",
+                  {
+                    x: b.x,
+                    y: svgHeight - 60 - b.h,
+                    width: b.w,
+                    height: b.h,
+                    rx: 6,
+                    fill: "rgba(0,0,0,0.06)",
+                    stroke: "rgba(0,0,0,0.04)"
+                  }
+                ),
+                /* @__PURE__ */ jsx32(
+                  "text",
+                  {
+                    x: b.x + b.w / 2,
+                    y: svgHeight - 20,
+                    fill: "rgba(0,0,0,0.35)",
+                    fontSize: 12,
+                    textAnchor: "middle",
+                    children: b.label
+                  }
+                )
+              ] }, `barg-${i}`))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx32("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none h-[var(--svg-h)]", children: /* @__PURE__ */ jsx32("div", { className: "pointer-events-auto bg-transparent px-3", children: /* @__PURE__ */ jsx32("div", { className: "text-2xl font-extrabold text-black/80", children: message }) }) })
+      ] }) })
+    }
+  );
+};
+var NoData_default = NoData;
+
 // src/components/ui/data/AvatarBase.tsx
 import * as React16 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
@@ -6481,7 +6372,7 @@ import {
   FilePptIcon,
   FileDocIcon
 } from "@phosphor-icons/react";
-import { Fragment as Fragment8, jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
 var formatFileSize = (bytes) => {
   if (bytes === 0) return "0 Bytes";
   const k = 1024;
@@ -6876,7 +6767,7 @@ var FileUploader = React18.forwardRef(
                         ),
                         /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
                           /* @__PURE__ */ jsx37("span", { children: formatFileSize(file.size) }),
-                          file.type && /* @__PURE__ */ jsxs28(Fragment8, { children: [
+                          file.type && /* @__PURE__ */ jsxs28(Fragment7, { children: [
                             /* @__PURE__ */ jsx37("span", { children: "\u2022" }),
                             /* @__PURE__ */ jsx37("span", { className: "uppercase", children: getFileExtension(file.name) })
                           ] })
@@ -10394,7 +10285,7 @@ function DrawerDescriptionBase({
 }
 
 // src/hooks/use-universal-tooltip.tsx
-import { createContext as createContext4, useContext as useContext5, useState as useState18, useCallback as useCallback11, useEffect as useEffect15, useRef as useRef7 } from "react";
+import { createContext as createContext4, useContext as useContext5, useState as useState17, useCallback as useCallback11, useEffect as useEffect15, useRef as useRef7 } from "react";
 import { jsx as jsx62 } from "react/jsx-runtime";
 var UniversalTooltipContext = createContext4(null);
 var useUniversalTooltip = () => {
@@ -10694,7 +10585,7 @@ CalendarBase2.displayName = "CalendarBase";
 
 // src/components/picker/DateTimePicker.tsx
 import { ptBR } from "date-fns/locale";
-import { useEffect as useEffect16, useState as useState20 } from "react";
+import { useEffect as useEffect16, useState as useState19 } from "react";
 
 // src/components/picker/TimePicker.tsx
 import { motion as motion14, AnimatePresence as AnimatePresence10 } from "framer-motion";
@@ -11043,7 +10934,7 @@ var TimePickerInput = React41.forwardRef(
 TimePickerInput.displayName = "TimePickerInput";
 
 // src/components/picker/TimePicker.tsx
-import { Fragment as Fragment10, jsx as jsx66, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx66, jsxs as jsxs49 } from "react/jsx-runtime";
 function TimePicker({
   date,
   setDate,
@@ -11113,7 +11004,7 @@ function TimePicker({
             )
           }
         ),
-        /* @__PURE__ */ jsx66(AnimatePresence10, { children: !hideSeconds && /* @__PURE__ */ jsx66(Fragment10, { children: /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsx66(AnimatePresence10, { children: !hideSeconds && /* @__PURE__ */ jsx66(Fragment9, { children: /* @__PURE__ */ jsx66(
           motion14.div,
           {
             variants: itemVariants2,
@@ -11155,9 +11046,9 @@ function DateTimePicker({
   className,
   error
 }) {
-  const [internalDate, setInternalDate] = useState20(date);
-  const [open, setOpen] = useState20(false);
-  const [timePickerOpen, setTimePickerOpen] = useState20(false);
+  const [internalDate, setInternalDate] = useState19(date);
+  const [open, setOpen] = useState19(false);
+  const [timePickerOpen, setTimePickerOpen] = useState19(false);
   const handleSelect = (newDay) => {
     if (!newDay) return;
     if (!internalDate) {
@@ -12142,7 +12033,7 @@ function StatusIndicator({
 }
 
 // src/components/ui/form/DebouncedInput.tsx
-import { useEffect as useEffect18, useState as useState22 } from "react";
+import { useEffect as useEffect18, useState as useState21 } from "react";
 import { CircleNotchIcon as CircleNotchIcon2 } from "@phosphor-icons/react";
 import { jsx as jsx72 } from "react/jsx-runtime";
 function DebouncedInput({
@@ -12158,8 +12049,8 @@ function DebouncedInput({
   error,
   ...props
 }) {
-  const [value, setValue] = useState22(initialValue);
-  const [isDebouncing, setIsDebouncing] = useState22(false);
+  const [value, setValue] = useState21(initialValue);
+  const [isDebouncing, setIsDebouncing] = useState21(false);
   useEffect18(() => {
     setValue(initialValue);
   }, [initialValue]);
@@ -12201,7 +12092,7 @@ function DebouncedInput({
 // src/components/event-calendar/AgendaView.tsx
 import { addDays, format as format3, isToday } from "date-fns";
 import { ptBR as ptBR3 } from "date-fns/locale";
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo9 } from "react";
 import { CalendarIcon as CalendarIcon2 } from "@phosphor-icons/react";
 import { jsx as jsx73, jsxs as jsxs55 } from "react/jsx-runtime";
 function AgendaView({
@@ -12209,7 +12100,7 @@ function AgendaView({
   events,
   onEventSelect
 }) {
-  const days = useMemo10(() => {
+  const days = useMemo9(() => {
     console.log("Agenda view updating with date:", currentDate.toISOString());
     return Array.from(
       { length: AgendaDaysToShow },
@@ -12274,7 +12165,7 @@ import {
   useSensors
 } from "@dnd-kit/core";
 import { addMinutes, differenceInMinutes } from "date-fns";
-import { useId as useId2, useRef as useRef9, useState as useState23 } from "react";
+import { useId as useId2, useRef as useRef9, useState as useState22 } from "react";
 
 // src/components/event-calendar/hooks.ts
 import { createContext as createContext5, useContext as useContext6 } from "react";
@@ -12296,16 +12187,16 @@ function CalendarDndProvider({
   children,
   onEventUpdate
 }) {
-  const [activeEvent, setActiveEvent] = useState23(null);
-  const [activeId, setActiveId] = useState23(null);
-  const [activeView, setActiveView] = useState23(
+  const [activeEvent, setActiveEvent] = useState22(null);
+  const [activeId, setActiveId] = useState22(null);
+  const [activeView, setActiveView] = useState22(
     null
   );
-  const [currentTime, setCurrentTime] = useState23(null);
-  const [eventHeight, setEventHeight] = useState23(null);
-  const [isMultiDay, setIsMultiDay] = useState23(false);
-  const [multiDayWidth, setMultiDayWidth] = useState23(null);
-  const [dragHandlePosition, setDragHandlePosition] = useState23(null);
+  const [currentTime, setCurrentTime] = useState22(null);
+  const [eventHeight, setEventHeight] = useState22(null);
+  const [isMultiDay, setIsMultiDay] = useState22(false);
+  const [multiDayWidth, setMultiDayWidth] = useState22(null);
+  const [dragHandlePosition, setDragHandlePosition] = useState22(null);
   const eventDimensions = useRef9({ height: 0 });
   const sensors = useSensors(
     useSensor(MouseSensor, {
@@ -12530,7 +12421,7 @@ import {
   isSameDay,
   startOfDay
 } from "date-fns";
-import { useMemo as useMemo11 } from "react";
+import { useMemo as useMemo10 } from "react";
 import { jsx as jsx75, jsxs as jsxs57 } from "react/jsx-runtime";
 function DayView({
   currentDate,
@@ -12538,14 +12429,14 @@ function DayView({
   onEventSelect,
   onEventCreate
 }) {
-  const hours = useMemo11(() => {
+  const hours = useMemo10(() => {
     const dayStart = startOfDay(currentDate);
     return eachHourOfInterval({
       end: addHours(dayStart, EndHour - 1),
       start: addHours(dayStart, StartHour)
     });
   }, [currentDate]);
-  const dayEvents = useMemo11(() => {
+  const dayEvents = useMemo10(() => {
     return events.filter((event) => {
       const eventStart = new Date(event.start);
       const eventEnd = new Date(event.end);
@@ -12554,17 +12445,17 @@ function DayView({
       (a, b) => new Date(a.start).getTime() - new Date(b.start).getTime()
     );
   }, [currentDate, events]);
-  const allDayEvents = useMemo11(() => {
+  const allDayEvents = useMemo10(() => {
     return dayEvents.filter((event) => {
       return event.allDay || isMultiDayEvent(event);
     });
   }, [dayEvents]);
-  const timeEvents = useMemo11(() => {
+  const timeEvents = useMemo10(() => {
     return dayEvents.filter((event) => {
       return !event.allDay && !isMultiDayEvent(event);
     });
   }, [dayEvents]);
-  const positionedEvents = useMemo11(() => {
+  const positionedEvents = useMemo10(() => {
     const result = [];
     const dayStart = startOfDay(currentDate);
     const sortedEvents = [...timeEvents].sort((a, b) => {
@@ -12745,7 +12636,7 @@ function DayView({
 import { useDraggable } from "@dnd-kit/core";
 import { CSS } from "@dnd-kit/utilities";
 import { differenceInDays } from "date-fns";
-import { useRef as useRef10, useState as useState24 } from "react";
+import { useRef as useRef10, useState as useState23 } from "react";
 import { jsx as jsx76 } from "react/jsx-runtime";
 function DraggableEvent({
   event,
@@ -12761,7 +12652,7 @@ function DraggableEvent({
 }) {
   const { activeId } = useCalendarDnd();
   const elementRef = useRef10(null);
-  const [dragHandlePosition, setDragHandlePosition] = useState24(null);
+  const [dragHandlePosition, setDragHandlePosition] = useState23(null);
   const eventStart = new Date(event.start);
   const eventEnd = new Date(event.end);
   const isMultiDayEvent2 = isMultiDay || event.allDay || differenceInDays(eventEnd, eventStart) >= 1;
@@ -12896,7 +12787,7 @@ import {
   subWeeks
 } from "date-fns";
 import { ptBR as ptBR4 } from "date-fns/locale";
-import { useEffect as useEffect19, useMemo as useMemo12, useState as useState25, useCallback as useCallback12 } from "react";
+import { useEffect as useEffect19, useMemo as useMemo11, useState as useState24, useCallback as useCallback12 } from "react";
 import { toast as toast3 } from "sonner";
 import {
   ArrowDownIcon,
@@ -12905,7 +12796,7 @@ import {
   CalendarIcon as CalendarIcon3,
   PlusIcon as PlusIcon3
 } from "@phosphor-icons/react";
-import { Fragment as Fragment11, jsx as jsx78, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx78, jsxs as jsxs58 } from "react/jsx-runtime";
 function EventCalendar({
   events = [],
   onEventAdd,
@@ -12914,9 +12805,9 @@ function EventCalendar({
   className,
   initialView = "month"
 }) {
-  const [currentDate, setCurrentDate] = useState25(/* @__PURE__ */ new Date());
-  const [view, setView] = useState25(initialView);
-  const [isFading, setIsFading] = useState25(false);
+  const [currentDate, setCurrentDate] = useState24(/* @__PURE__ */ new Date());
+  const [view, setView] = useState24(initialView);
+  const [isFading, setIsFading] = useState24(false);
   const FADE_DURATION = 220;
   const changeView = useCallback12(
     (next) => {
@@ -12929,8 +12820,8 @@ function EventCalendar({
     },
     [view]
   );
-  const [isPaging, setIsPaging] = useState25(false);
-  const [pageDirection, setPageDirection] = useState25(
+  const [isPaging, setIsPaging] = useState24(false);
+  const [pageDirection, setPageDirection] = useState24(
     null
   );
   const PAGE_DURATION = 200;
@@ -12948,8 +12839,8 @@ function EventCalendar({
     },
     []
   );
-  const [isEventDialogOpen, setIsEventDialogOpen] = useState25(false);
-  const [selectedEvent, setSelectedEvent] = useState25(
+  const [isEventDialogOpen, setIsEventDialogOpen] = useState24(false);
+  const [selectedEvent, setSelectedEvent] = useState24(
     null
   );
   useEffect19(() => {
@@ -13087,7 +12978,7 @@ function EventCalendar({
       position: "bottom-left"
     });
   };
-  const viewTitle = useMemo12(() => {
+  const viewTitle = useMemo11(() => {
     const capitalize = (s) => s && s.length > 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s;
     if (view === "month") {
       return capitalize(format5(currentDate, "MMMM yyyy", { locale: ptBR4 }));
@@ -13108,7 +12999,7 @@ function EventCalendar({
       const year = format5(currentDate, "yyyy", { locale: ptBR4 });
       const short = `${dayNum} de ${month} de ${year}`;
       const long = `${format5(currentDate, "EEE", { locale: ptBR4 })}, ${dayNum} de ${month} de ${year}`;
-      return /* @__PURE__ */ jsxs58(Fragment11, { children: [
+      return /* @__PURE__ */ jsxs58(Fragment10, { children: [
         /* @__PURE__ */ jsx78("span", { "aria-hidden": "true", className: "min-[480px]:hidden", children: short }),
         /* @__PURE__ */ jsx78("span", { "aria-hidden": "true", className: "max-[479px]:hidden min-md:hidden", children: short }),
         /* @__PURE__ */ jsx78("span", { className: "max-md:hidden", children: long })
@@ -13339,7 +13230,7 @@ function EventCalendar({
 
 // src/components/event-calendar/EventDialog.tsx
 import { format as format6, isBefore } from "date-fns";
-import { useCallback as useCallback13, useEffect as useEffect20, useMemo as useMemo13, useState as useState26 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect20, useMemo as useMemo12, useState as useState25 } from "react";
 import { RadioGroup as RadioGroup3, RadioGroupItem } from "@radix-ui/react-radio-group";
 import { motion as motion16 } from "framer-motion";
 import { ptBR as ptBR5 } from "date-fns/locale";
@@ -13352,18 +13243,18 @@ function EventDialog({
   onSave,
   onDelete
 }) {
-  const [title, setTitle] = useState26("");
-  const [description, setDescription] = useState26("");
-  const [startDate, setStartDate] = useState26(/* @__PURE__ */ new Date());
-  const [endDate, setEndDate] = useState26(/* @__PURE__ */ new Date());
-  const [startTime, setStartTime] = useState26(`${DefaultStartHour}:00`);
-  const [endTime, setEndTime] = useState26(`${DefaultEndHour}:00`);
-  const [allDay, setAllDay] = useState26(false);
-  const [location, setLocation] = useState26("");
-  const [color, setColor] = useState26("sky");
-  const [error, setError] = useState26(null);
-  const [startDateOpen, setStartDateOpen] = useState26(false);
-  const [endDateOpen, setEndDateOpen] = useState26(false);
+  const [title, setTitle] = useState25("");
+  const [description, setDescription] = useState25("");
+  const [startDate, setStartDate] = useState25(/* @__PURE__ */ new Date());
+  const [endDate, setEndDate] = useState25(/* @__PURE__ */ new Date());
+  const [startTime, setStartTime] = useState25(`${DefaultStartHour}:00`);
+  const [endTime, setEndTime] = useState25(`${DefaultEndHour}:00`);
+  const [allDay, setAllDay] = useState25(false);
+  const [location, setLocation] = useState25("");
+  const [color, setColor] = useState25("sky");
+  const [error, setError] = useState25(null);
+  const [startDateOpen, setStartDateOpen] = useState25(false);
+  const [endDateOpen, setEndDateOpen] = useState25(false);
   useEffect20(() => {
   }, [event]);
   const resetForm = useCallback13(() => {
@@ -13401,7 +13292,7 @@ function EventDialog({
       resetForm();
     }
   }, [event, formatTimeForInput, resetForm]);
-  const timeOptions = useMemo13(() => {
+  const timeOptions = useMemo12(() => {
     const options = [];
     for (let hour = StartHour; hour <= EndHour; hour++) {
       for (let minute = 0; minute < 60; minute += 15) {
@@ -13801,8 +13692,8 @@ function EventDialog({
 
 // src/components/event-calendar/EventItem.tsx
 import { differenceInMinutes as differenceInMinutes3, format as format7, isPast } from "date-fns";
-import { useMemo as useMemo14 } from "react";
-import { Fragment as Fragment12, jsx as jsx80, jsxs as jsxs60 } from "react/jsx-runtime";
+import { useMemo as useMemo13 } from "react";
+import { Fragment as Fragment11, jsx as jsx80, jsxs as jsxs60 } from "react/jsx-runtime";
 var formatTimeWithOptionalMinutes = (date) => {
   return format7(date, "HH:mm");
 };
@@ -13864,15 +13755,15 @@ function EventItem({
   onTouchStart
 }) {
   const eventColor = event.color;
-  const displayStart = useMemo14(() => {
+  const displayStart = useMemo13(() => {
     return currentTime || new Date(event.start);
   }, [currentTime, event.start]);
-  const displayEnd = useMemo14(() => {
+  const displayEnd = useMemo13(() => {
     return currentTime ? new Date(
       new Date(currentTime).getTime() + (new Date(event.end).getTime() - new Date(event.start).getTime())
     ) : new Date(event.end);
   }, [currentTime, event.start, event.end]);
-  const durationMinutes = useMemo14(() => {
+  const durationMinutes = useMemo13(() => {
     return differenceInMinutes3(displayEnd, displayStart);
   }, [displayStart, displayEnd]);
   const getEventTime = () => {
@@ -13937,7 +13828,7 @@ function EventItem({
         children: durationMinutes < 45 ? /* @__PURE__ */ jsxs60("div", { className: "flex items-center justify-between w-full", children: [
           /* @__PURE__ */ jsx80("div", { className: "truncate", children: event.title }),
           showTime && /* @__PURE__ */ jsx80("span", { className: "ml-2 inline-block bg-white/10 px-2 py-0.5 rounded-full text-[11px] opacity-90", children: formatTimeWithOptionalMinutes(displayStart) })
-        ] }) : /* @__PURE__ */ jsxs60(Fragment12, { children: [
+        ] }) : /* @__PURE__ */ jsxs60(Fragment11, { children: [
           /* @__PURE__ */ jsx80("div", { className: "truncate font-medium", children: event.title }),
           showTime && /* @__PURE__ */ jsx80("div", { className: "truncate font-normal opacity-70 sm:text-[11px]", children: /* @__PURE__ */ jsx80("span", { className: "inline-block bg-white/5 px-2 py-0.5 rounded-full", children: getEventTime() }) })
         ] })
@@ -13995,7 +13886,7 @@ function EventItem({
 // src/components/event-calendar/EventsPopUp.tsx
 import { format as format8, isSameDay as isSameDay2 } from "date-fns";
 import { ptBR as ptBR6 } from "date-fns/locale";
-import { useEffect as useEffect21, useMemo as useMemo15, useRef as useRef11 } from "react";
+import { useEffect as useEffect21, useMemo as useMemo14, useRef as useRef11 } from "react";
 import { motion as motion17 } from "framer-motion";
 import { XIcon as XIcon11 } from "@phosphor-icons/react";
 import { jsx as jsx81, jsxs as jsxs61 } from "react/jsx-runtime";
@@ -14033,7 +13924,7 @@ function EventsPopup({
     onEventSelect(event);
     onClose();
   };
-  const adjustedPosition = useMemo15(() => {
+  const adjustedPosition = useMemo14(() => {
     const positionCopy = { ...position };
     if (popupRef.current) {
       const rect = popupRef.current.getBoundingClientRect();
@@ -14112,10 +14003,10 @@ function EventsPopup({
 // src/components/event-calendar/hooks/use-current-time-indicator.ts
 import { endOfWeek as endOfWeek2, isSameDay as isSameDay3, isWithinInterval, startOfWeek as startOfWeek2 } from "date-fns";
 import { ptBR as ptBR7 } from "date-fns/locale";
-import { useEffect as useEffect22, useState as useState27 } from "react";
+import { useEffect as useEffect22, useState as useState26 } from "react";
 function useCurrentTimeIndicator(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = useState27(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = useState27(false);
+  const [currentTimePosition, setCurrentTimePosition] = useState26(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = useState26(false);
   useEffect22(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
@@ -14147,14 +14038,14 @@ function useCurrentTimeIndicator(currentDate, view) {
 }
 
 // src/components/event-calendar/hooks/use-event-visibility.ts
-import { useLayoutEffect as useLayoutEffect2, useMemo as useMemo16, useRef as useRef12, useState as useState28 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useMemo as useMemo15, useRef as useRef12, useState as useState27 } from "react";
 function useEventVisibility({
   eventHeight,
   eventGap
 }) {
   const contentRef = useRef12(null);
   const observerRef = useRef12(null);
-  const [contentHeight, setContentHeight] = useState28(null);
+  const [contentHeight, setContentHeight] = useState27(null);
   useLayoutEffect2(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
@@ -14175,7 +14066,7 @@ function useEventVisibility({
       }
     };
   }, []);
-  const getVisibleEventCount = useMemo16(() => {
+  const getVisibleEventCount = useMemo15(() => {
     return (totalEvents) => {
       if (!contentHeight) return totalEvents;
       const maxEvents = Math.floor(contentHeight / (eventHeight + eventGap));
@@ -14206,7 +14097,7 @@ import {
   startOfWeek as startOfWeek3
 } from "date-fns";
 import { ptBR as ptBR8 } from "date-fns/locale";
-import { useEffect as useEffect23, useMemo as useMemo17, useState as useState29 } from "react";
+import { useEffect as useEffect23, useMemo as useMemo16, useState as useState28 } from "react";
 import { jsx as jsx82, jsxs as jsxs62 } from "react/jsx-runtime";
 function MonthView({
   currentDate,
@@ -14214,21 +14105,21 @@ function MonthView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = useMemo17(() => {
+  const days = useMemo16(() => {
     const monthStart = startOfMonth(currentDate);
     const monthEnd = endOfMonth(monthStart);
     const calendarStart = startOfWeek3(monthStart, { weekStartsOn: 0 });
     const calendarEnd = endOfWeek3(monthEnd, { weekStartsOn: 0 });
     return eachDayOfInterval({ end: calendarEnd, start: calendarStart });
   }, [currentDate]);
-  const weekdays = useMemo17(() => {
+  const weekdays = useMemo16(() => {
     return Array.from({ length: 7 }).map((_, i) => {
       const date = addDays3(startOfWeek3(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
       const short = format9(date, "EEE", { locale: ptBR8 });
       return short.charAt(0).toUpperCase() + short.slice(1);
     });
   }, []);
-  const weeks = useMemo17(() => {
+  const weeks = useMemo16(() => {
     const result = [];
     let week = [];
     for (let i = 0; i < days.length; i++) {
@@ -14244,7 +14135,7 @@ function MonthView({
     e.stopPropagation();
     onEventSelect(event);
   };
-  const [isMounted, setIsMounted] = useState29(false);
+  const [isMounted, setIsMounted] = useState28(false);
   const { contentRef, getVisibleEventCount } = useEventVisibility({
     eventGap: EventGap,
     eventHeight: EventHeight
@@ -14521,7 +14412,7 @@ import {
   startOfWeek as startOfWeek4
 } from "date-fns";
 import { ptBR as ptBR9 } from "date-fns/locale";
-import { useMemo as useMemo18 } from "react";
+import { useMemo as useMemo17 } from "react";
 import { jsx as jsx83, jsxs as jsxs63 } from "react/jsx-runtime";
 function WeekView({
   currentDate,
@@ -14529,23 +14420,23 @@ function WeekView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = useMemo18(() => {
+  const days = useMemo17(() => {
     const weekStart2 = startOfWeek4(currentDate, { weekStartsOn: 0 });
     const weekEnd = endOfWeek4(currentDate, { weekStartsOn: 0 });
     return eachDayOfInterval2({ end: weekEnd, start: weekStart2 });
   }, [currentDate]);
-  const weekStart = useMemo18(
+  const weekStart = useMemo17(
     () => startOfWeek4(currentDate, { weekStartsOn: 0 }),
     [currentDate]
   );
-  const hours = useMemo18(() => {
+  const hours = useMemo17(() => {
     const dayStart = startOfDay2(currentDate);
     return eachHourOfInterval2({
       end: addHours2(dayStart, EndHour - 1),
       start: addHours2(dayStart, StartHour)
     });
   }, [currentDate]);
-  const allDayEvents = useMemo18(() => {
+  const allDayEvents = useMemo17(() => {
     return events.filter((event) => {
       return event.allDay || isMultiDayEvent(event);
     }).filter((event) => {
@@ -14556,7 +14447,7 @@ function WeekView({
       );
     });
   }, [events, days]);
-  const processedDayEvents = useMemo18(() => {
+  const processedDayEvents = useMemo17(() => {
     const result = days.map((day) => {
       const dayEvents = events.filter((event) => {
         if (event.allDay || isMultiDayEvent(event)) return false;
@@ -14802,11 +14693,11 @@ function WeekView({
 }
 
 // src/components/ui/form/CheckBoxThree.tsx
-import { useCallback as useCallback14, useMemo as useMemo19, useState as useState30, useEffect as useEffect24, useRef as useRef13 } from "react";
+import { useCallback as useCallback14, useMemo as useMemo18, useState as useState29, useEffect as useEffect24, useRef as useRef13 } from "react";
 import { motion as motion18, AnimatePresence as AnimatePresence12 } from "framer-motion";
 import { jsx as jsx84, jsxs as jsxs64 } from "react/jsx-runtime";
 function useCheckboxTree(initialTree) {
-  const initialCheckedNodes = useMemo19(() => {
+  const initialCheckedNodes = useMemo18(() => {
     const checkedSet = /* @__PURE__ */ new Set();
     const initializeCheckedNodes = (node) => {
       if (node.defaultChecked) {
@@ -14817,7 +14708,7 @@ function useCheckboxTree(initialTree) {
     initializeCheckedNodes(initialTree);
     return checkedSet;
   }, [initialTree]);
-  const [checkedNodes, setCheckedNodes] = useState30(initialCheckedNodes);
+  const [checkedNodes, setCheckedNodes] = useState29(initialCheckedNodes);
   const isChecked = useCallback14(
     (node) => {
       if (!node.children) {
@@ -14866,7 +14757,7 @@ function CheckboxTree({ tree, renderNode }) {
     onCheckedChange,
     children
   }) => {
-    const [open, setOpen] = useState30(() => !!node.children && status !== false);
+    const [open, setOpen] = useState29(() => !!node.children && status !== false);
     const checkboxRef = useRef13(null);
     useEffect24(() => {
       if (checkboxRef.current) {
@@ -14952,10 +14843,10 @@ function CheckboxTree({ tree, renderNode }) {
 }
 
 // src/hooks/use-drag.tsx
-import { useState as useState31, useCallback as useCallback15, useRef as useRef14, useEffect as useEffect25 } from "react";
+import { useState as useState30, useCallback as useCallback15, useRef as useRef14, useEffect as useEffect25 } from "react";
 var useDrag = (options = {}) => {
-  const [isDragging, setIsDragging] = useState31(null);
-  const [positions, setPositions] = useState31({});
+  const [isDragging, setIsDragging] = useState30(null);
+  const [positions, setPositions] = useState30({});
   const dragStartPos = useRef14(null);
   const dragId = useRef14(null);
   const handleMouseDown = useCallback15((id, e) => {
@@ -15272,7 +15163,6 @@ export {
   StartHour,
   StatusIndicator,
   SwitchBase,
-  TITLE_CLASSNAME,
   TableBase,
   TableBodyBase,
   TableCaptionBase,
@@ -15304,31 +15194,16 @@ export {
   VisibilityButton,
   WeekCellsHeight,
   WeekView,
-  adaptDataForTooltip,
   addHoursToDate,
   badgeVariants,
-  buildPercentFormatter,
   buttonVariantsBase,
   compactTick,
-  computeAllKeys,
-  computeAxisLabelWidth,
-  computeChartWidth,
-  computeEstimatedAxisNeeded,
-  computeLabelSample,
-  computeLeftRightKeys,
-  computeNiceMax,
-  computeProcessedData,
-  computeSeriesOrder,
   convert12HourTo24Hour,
-  createFinalValueFormatter,
-  createYTickFormatter,
   detectDataFields,
   detectXAxis,
   display12HourValue,
-  estimateTextWidth,
   formatFieldName,
   generateAdditionalColors,
-  generateColors,
   getAgendaEventsForDay,
   getAllEventsForDay,
   getArrowByType,
@@ -15349,9 +15224,8 @@ export {
   isValid12Hour,
   isValidHour,
   isValidMinuteOrSecond,
-  maxForKeys,
-  minForKeys,
   niceCeil,
+  renderInsideBarLabel,
   pillLabelRenderer_default as renderPillLabel,
   resolveChartMargins,
   resolveContainerPaddingLeft,
@@ -15364,11 +15238,9 @@ export {
   toast2 as toast,
   useCalendarDnd,
   useChartHighlights,
-  useChartLayout,
   useCurrentTimeIndicator,
   useDrag,
   useEventVisibility,
   useIsMobile,
-  useMeasureWidth,
   useTheme
 };