@mlw-packages/react-components 1.7.15 → 1.7.17

package/dist/index.js

@@ -651,6 +651,13 @@ __export(index_exports, {
   MonthView: () => MonthView,
   MoreButton: () => MoreButton,
   MultiCombobox: () => MultiCombobox,
+  MultiSelectBase: () => MultiSelectBase,
+  MultiSelectContentBase: () => MultiSelectContentBase,
+  MultiSelectGroupBase: () => MultiSelectGroupBase,
+  MultiSelectItemBase: () => MultiSelectItemBase,
+  MultiSelectSeparatorBase: () => MultiSelectSeparatorBase,
+  MultiSelectTriggerBase: () => MultiSelectTriggerBase,
+  MultiSelectValueBase: () => MultiSelectValueBase,
   NavigationMenuBase: () => NavigationMenuBase,
   NavigationMenuContentBase: () => NavigationMenuContentBase,
   NavigationMenuIndicatorBase: () => NavigationMenuIndicatorBase,
@@ -729,7 +736,6 @@ __export(index_exports, {
   StartHour: () => StartHour,
   StatusIndicator: () => StatusIndicator,
   SwitchBase: () => SwitchBase,
-  TITLE_CLASSNAME: () => TITLE_CLASSNAME,
   TableBase: () => TableBase,
   TableBodyBase: () => TableBodyBase,
   TableCaptionBase: () => TableCaptionBase,
@@ -761,31 +767,16 @@ __export(index_exports, {
   VisibilityButton: () => VisibilityButton,
   WeekCellsHeight: () => WeekCellsHeight,
   WeekView: () => WeekView,
-  adaptDataForTooltip: () => adaptDataForTooltip,
   addHoursToDate: () => addHoursToDate,
   badgeVariants: () => badgeVariants,
-  buildPercentFormatter: () => buildPercentFormatter,
   buttonVariantsBase: () => buttonVariantsBase,
   compactTick: () => compactTick,
-  computeAllKeys: () => computeAllKeys,
-  computeAxisLabelWidth: () => computeAxisLabelWidth,
-  computeChartWidth: () => computeChartWidth,
-  computeEstimatedAxisNeeded: () => computeEstimatedAxisNeeded,
-  computeLabelSample: () => computeLabelSample,
-  computeLeftRightKeys: () => computeLeftRightKeys,
-  computeNiceMax: () => computeNiceMax,
-  computeProcessedData: () => computeProcessedData,
-  computeSeriesOrder: () => computeSeriesOrder,
   convert12HourTo24Hour: () => convert12HourTo24Hour,
-  createFinalValueFormatter: () => createFinalValueFormatter,
-  createYTickFormatter: () => createYTickFormatter,
   detectDataFields: () => detectDataFields,
   detectXAxis: () => detectXAxis,
   display12HourValue: () => display12HourValue,
-  estimateTextWidth: () => estimateTextWidth,
   formatFieldName: () => formatFieldName,
   generateAdditionalColors: () => generateAdditionalColors,
-  generateColors: () => generateColors,
   getAgendaEventsForDay: () => getAgendaEventsForDay,
   getAllEventsForDay: () => getAllEventsForDay,
   getArrowByType: () => getArrowByType,
@@ -806,9 +797,8 @@ __export(index_exports, {
   isValid12Hour: () => isValid12Hour,
   isValidHour: () => isValidHour,
   isValidMinuteOrSecond: () => isValidMinuteOrSecond,
-  maxForKeys: () => maxForKeys,
-  minForKeys: () => minForKeys,
   niceCeil: () => niceCeil,
+  renderInsideBarLabel: () => renderInsideBarLabel,
   renderPillLabel: () => pillLabelRenderer_default,
   resolveChartMargins: () => resolveChartMargins,
   resolveContainerPaddingLeft: () => resolveContainerPaddingLeft,
@@ -821,12 +811,10 @@ __export(index_exports, {
   toast: () => toast2,
   useCalendarDnd: () => useCalendarDnd,
   useChartHighlights: () => useChartHighlights,
-  useChartLayout: () => useChartLayout,
   useCurrentTimeIndicator: () => useCurrentTimeIndicator,
   useDrag: () => useDrag,
   useEventVisibility: () => useEventVisibility,
   useIsMobile: () => useIsMobile,
-  useMeasureWidth: () => useMeasureWidth,
   useTheme: () => useTheme
 });
 module.exports = __toCommonJS(index_exports);
@@ -2406,7 +2394,7 @@ function AvatarCombobox({
 }
 
 // src/components/charts/Chart.tsx
-var import_react23 = require("react");
+var import_react21 = require("react");
 var import_recharts = require("recharts");
 
 // src/components/charts/utils/helpers.ts
@@ -2763,7 +2751,7 @@ var Highlights = ({
         const label = mapperConfig[k]?.label ?? k;
         const color = finalColors[k];
         const pillClasses = cn(
-          "inline-flex items-center gap-2 px-3 py-1 rounded-full text-sm border transition-all select-none relative overflow-hidden",
+          "inline-flex items-center gap-2 px-2 rounded-lg text-xs border transition-all select-none relative overflow-hidden h-7",
           isHighlighted ? "pr-8" : "",
           isHighlighted ? "bg-card/95 border-2 text-foreground shadow-[0_6px_18px_rgba(0,0,0,0.12)]" : "bg-muted/10 border-border text-muted-foreground hover:bg-muted/5"
         );
@@ -2798,7 +2786,7 @@ var Highlights = ({
                         style: {
                           backgroundColor: color,
                           borderColor: isHighlighted ? color : "transparent",
-                          boxShadow: isHighlighted ? `0 6px 20px ${color}33` : void 0
+                          boxShadow: isHighlighted ? `0 6px 10px ${color}33` : void 0
                         },
                         layout: true,
                         initial: { scale: 0.8, opacity: 0.9 },
@@ -2813,7 +2801,7 @@ var Highlights = ({
                     showFullLabel ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                       import_framer_motion8.motion.span,
                       {
-                        className: "truncate max-w-[10rem] pr-2",
+                        className: "truncate max-w-[10rem] mt-0.5",
                         layout: true,
                         children: label
                       }
@@ -3815,107 +3803,8 @@ var TooltipSimple = ({
 };
 var TooltipSimple_default = TooltipSimple;
 
-// src/components/charts/NoData.tsx
-var import_jsx_runtime27 = require("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__ */ (0, import_jsx_runtime27.jsx)(
-    "div",
-    {
-      className: cn(
-        "rounded-lg bg-card p-2 relative overflow-visible w-full",
-        className
-      ),
-      style: styleVars,
-      role: "img",
-      "aria-label": message,
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "w-full flex items-center justify-center pl-[var(--pl)] pr-3 h-[var(--svg-h)]", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "w-full max-w-[900px] relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-          "svg",
-          {
-            className: "w-full h-[var(--svg-h)]",
-            width: "100%",
-            viewBox: `0 0 900 ${svgHeight}`,
-            preserveAspectRatio: "none",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                "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__ */ (0, import_jsx_runtime27.jsx)(
-                  "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__ */ (0, import_jsx_runtime27.jsxs)("g", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                  "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__ */ (0, import_jsx_runtime27.jsx)(
-                  "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__ */ (0, import_jsx_runtime27.jsx)("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none h-[var(--svg-h)]", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "pointer-events-auto bg-transparent px-3", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-2xl font-extrabold text-black/80", children: message }) }) })
-      ] }) })
-    }
-  );
-};
-var NoData_default = NoData;
-
 // src/components/charts/utils/pillLabelRenderer.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var formatCompactNumber = (value) => {
   const isNegative = value < 0;
   const absValue = Math.abs(value);
@@ -3960,7 +3849,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);
@@ -4006,8 +3895,8 @@ var renderPillLabel = (color, variant, valueFormatter2) => {
     } else {
       textColor = "#374151";
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("g", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("g", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "rect",
         {
           x: rectX,
@@ -4020,13 +3909,13 @@ var renderPillLabel = (color, variant, valueFormatter2) => {
           strokeWidth: rectStroke ? 1 : 0
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "text",
         {
           x: textX,
-          y: textY + 2,
+          y: textY + 1,
           fill: textColor,
-          fontSize: 13,
+          fontSize: 10,
           fontWeight: 700,
           textAnchor: "middle",
           dominantBaseline: "central",
@@ -4038,414 +3927,369 @@ 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
-var import_react21 = require("react");
-function useMeasureWidth() {
-  const wrapperRef = (0, import_react21.useRef)(null);
-  const [measuredWidth, setMeasuredWidth] = (0, import_react21.useState)(null);
-  (0, import_react21.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;
+    }
+    const baseFontSize = 10;
+    let fontSize = baseFontSize;
+    if (typeof pWidth === "number") {
+      const padding = 7;
+      const approxCharWidth = 7;
+      const requiredWidth = String(text).length * approxCharWidth + padding * 2;
+      const widthScale = Math.min(1, pWidth / Math.max(1, requiredWidth));
+      fontSize = Math.max(1, Math.round(baseFontSize * widthScale));
+    }
+    if (typeof pHeight === "number") {
+      const heightRef = 14;
+      const heightFactor = Math.max(0.8, Math.min(1.6, pHeight / heightRef));
+      fontSize = Math.min(18, Math.max(8, Math.round(fontSize * heightFactor)));
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      "text",
+      {
+        x: centerX,
+        y: centerY,
+        fill: "#ffffff",
+        fontSize,
+        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
-var import_react22 = require("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 = (0, import_react22.useMemo)(() => {
-    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
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var DEFAULT_COLORS2 = ["#55af7d", "#8e68ff", "#2273e1"];
-var Chart = ({
-  data,
-  series,
-  className,
-  height = 350,
-  width = "100%",
-  colors: colors2 = DEFAULT_COLORS2,
-  gridColor,
-  showGrid = true,
-  showTooltip = true,
-  showLegend = true,
-  title,
-  titlePosition = "left",
-  showLabels = false,
-  xAxis,
-  xAxisLabel,
-  yAxisLabel,
-  labelMap,
-  valueFormatter: valueFormatter2,
-  categoryFormatter,
-  enableHighlights = false,
-  enableShowOnly = false,
-  enablePeriodsDropdown = false,
-  enableDraggableTooltips = false,
-  showTooltipTotal = false,
-  maxTooltips = 5,
-  formatBR = false,
-  chartMargin,
-  yAxisMap,
-  yAxes,
-  periodLabel = "Per\xEDodo"
+// src/components/charts/NoData.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var NoData = ({
+  paddingLeft = 0,
+  height = 360,
+  message = "Sem dados para exibir",
+  className
 }) => {
-  const smartConfig = (0, import_react23.useMemo)(() => {
-    const resolvedXAxisKey = typeof xAxis === "string" ? xAxis : xAxis && xAxis.dataKey || detectXAxis(data);
-    const xAxisConfig2 = typeof xAxis === "string" ? {
-      dataKey: resolvedXAxisKey,
-      label: formatFieldName(resolvedXAxisKey),
-      autoLabel: true
-    } : {
-      dataKey: resolvedXAxisKey,
-      label: xAxis?.label ?? formatFieldName(resolvedXAxisKey),
-      valueFormatter: xAxis?.valueFormatter,
-      autoLabel: xAxis?.autoLabel ?? true
-    };
-    const detectedFields = detectDataFields(data, xAxisConfig2.dataKey);
-    const mapperConfig2 = detectedFields.reduce((acc, field) => {
-      acc[field] = {
-        label: labelMap?.[field] ?? formatFieldName(field),
-        type: "number",
-        visible: true
-      };
+  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__ */ (0, import_jsx_runtime28.jsx)(
+    "div",
+    {
+      className: cn(
+        "rounded-lg bg-card p-3 relative overflow-visible w-full",
+        className
+      ),
+      style: styleVars,
+      role: "img",
+      "aria-label": message,
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-full flex items-center justify-center pl-[var(--pl)] pr-3 h-[var(--svg-h)]", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "w-full max-w-[900px] relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+          "svg",
+          {
+            className: "w-full h-[var(--svg-h)]",
+            width: "100%",
+            viewBox: `0 0 900 ${svgHeight}`,
+            preserveAspectRatio: "none",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("defs", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("linearGradient", { id: "barGradient", x1: "0", x2: "0", y1: "0", y2: "1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("stop", { offset: "0%", stopColor: "#60a5fa", stopOpacity: "0.95" }),
+                  "=              "
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  "filter",
+                  {
+                    id: "softShadow",
+                    x: "-20%",
+                    y: "-20%",
+                    width: "140%",
+                    height: "140%",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                      "feDropShadow",
+                      {
+                        dx: "0",
+                        dy: "6",
+                        stdDeviation: "8",
+                        floodColor: "#0f172a",
+                        floodOpacity: "0.06"
+                      }
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                "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__ */ (0, import_jsx_runtime28.jsx)(
+                  "line",
+                  {
+                    x1: 60,
+                    x2: 840,
+                    y1: y,
+                    y2: y,
+                    stroke: "rgba(15,23,42,0.06)",
+                    strokeWidth: 1
+                  },
+                  `g-${i}`
+                );
+              }),
+              bars.map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("g", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  "rect",
+                  {
+                    x: b.x,
+                    y: svgHeight - 60 - b.h,
+                    width: b.w,
+                    height: b.h,
+                    rx: 8,
+                    fill: "url(#barGradient)",
+                    filter: "url(#softShadow)",
+                    opacity: 0.95
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  "rect",
+                  {
+                    x: b.x,
+                    y: svgHeight - 60 - b.h,
+                    width: b.w,
+                    height: b.h,
+                    rx: 8,
+                    fill: "none",
+                    stroke: "rgba(15,23,42,0.06)"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  "text",
+                  {
+                    x: b.x + b.w / 2,
+                    y: svgHeight - 20,
+                    fill: "rgba(15,23,42,0.45)",
+                    fontSize: 12,
+                    textAnchor: "middle",
+                    children: b.label
+                  }
+                )
+              ] }, `barg-${i}`))
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none h-[var(--svg-h)]", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "pointer-events-auto bg-transparent px-3 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-2xl sm:text-3xl font-semibold text-black", children: message }) }) })
+      ] }) })
+    }
+  );
+};
+var NoData_default = NoData;
+
+// src/components/charts/Chart.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var DEFAULT_COLORS2 = ["#55af7d", "#8e68ff", "#2273e1"];
+var Chart = ({
+  data,
+  series,
+  className,
+  height = 350,
+  width = "100%",
+  colors: colors2 = DEFAULT_COLORS2,
+  gridColor,
+  showGrid = true,
+  showTooltip = true,
+  showLegend = true,
+  title,
+  titlePosition = "left",
+  showLabels = false,
+  xAxis,
+  biaxial,
+  xAxisLabel,
+  yAxisLabel,
+  labelMap,
+  valueFormatter: valueFormatter2,
+  categoryFormatter,
+  enableHighlights = false,
+  enableShowOnly = false,
+  enablePeriodsDropdown = false,
+  enableDraggableTooltips = false,
+  showTooltipTotal = false,
+  periodLabel = "Per\xEDodo",
+  maxTooltips = 5,
+  formatBR = false,
+  chartMargin
+}) => {
+  const smartConfig = (0, import_react21.useMemo)(() => {
+    const resolvedXAxisKey = typeof xAxis === "string" ? xAxis : xAxis && xAxis.dataKey || detectXAxis(data);
+    const xAxisConfig2 = typeof xAxis === "string" ? {
+      dataKey: resolvedXAxisKey,
+      label: formatFieldName(resolvedXAxisKey),
+      autoLabel: true
+    } : {
+      dataKey: resolvedXAxisKey,
+      label: xAxis?.label ?? formatFieldName(resolvedXAxisKey),
+      valueFormatter: xAxis?.valueFormatter,
+      autoLabel: xAxis?.autoLabel ?? true
+    };
+    const detectedFields = detectDataFields(data, xAxisConfig2.dataKey);
+    const mapperConfig2 = detectedFields.reduce((acc, field) => {
+      acc[field] = {
+        label: labelMap?.[field] ?? formatFieldName(field),
+        type: "number",
+        visible: true
+      };
       return acc;
     }, {});
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = (0, import_react23.useState)([]);
-  const [highlightedSeries, setHighlightedSeries] = (0, import_react23.useState)(
+  const [activeTooltips, setActiveTooltips] = (0, import_react21.useState)([]);
+  const [highlightedSeries, setHighlightedSeries] = (0, import_react21.useState)(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react23.useState)(false);
-  (0, import_react23.useEffect)(() => {
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react21.useState)(false);
+  (0, import_react21.useEffect)(() => {
     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 = (0, import_react23.useMemo)(
-    () => generateColors(allKeys, colors2, mapperConfig),
-    [allKeys, colors2, mapperConfig]
-  );
-  const adaptDataForTooltip2 = (0, import_react23.useCallback)(
-    (universalData) => adaptDataForTooltip(universalData, xAxisConfig.dataKey),
+  const processedData = data.map((item) => ({
+    ...item,
+    name: String(item[xAxisConfig.dataKey] || "N/A")
+  }));
+  const wrapperRef = (0, import_react21.useRef)(null);
+  const [measuredWidth, setMeasuredWidth] = (0, import_react21.useState)(null);
+  (0, import_react21.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 = (0, import_react21.useCallback)(
+    (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 = (0, import_react21.useMemo)(
+    () => generateColors(allKeys),
+    [generateColors, allKeys]
+  );
+  const biaxialConfigNormalized = (0, import_react21.useMemo)(() => {
+    if (!biaxial) return null;
+    if (typeof biaxial === "string") return { key: [biaxial] };
+    if (Array.isArray(biaxial)) return { key: biaxial };
+    return biaxial;
+  }, [biaxial]);
+  (0, import_react21.useMemo)(() => {
+    if (!biaxialConfigNormalized) return;
+    const leftLabelMissing = !yAxisLabel || String(yAxisLabel).trim() === "";
+    const rightLabelMissing = !biaxialConfigNormalized.label || String(biaxialConfigNormalized.label).trim() === "";
+    if (leftLabelMissing || rightLabelMissing) {
+      throw new Error(
+        "When using `biaxial`, you must provide both `yAxisLabel` (left axis) and `biaxial.label` (right axis)."
+      );
+    }
+  }, [biaxialConfigNormalized, yAxisLabel]);
+  const rightKeys = (0, import_react21.useMemo)(
+    () => biaxialConfigNormalized?.key ?? [],
+    [biaxialConfigNormalized]
+  );
+  const leftKeys = (0, import_react21.useMemo)(
+    () => allKeys.filter((k) => !rightKeys.includes(k)),
+    [allKeys, rightKeys]
+  );
+  const adaptDataForTooltip = (0, import_react21.useCallback)(
+    (universalData) => ({
+      ...universalData,
+      name: String(universalData[xAxisConfig.dataKey] || "N/A")
+    }),
     [xAxisConfig.dataKey]
   );
-  const activePeriods = (0, import_react23.useMemo)(
-    () => activeTooltips.map((t) => adaptDataForTooltip2(t.data).name),
-    [activeTooltips, adaptDataForTooltip2]
+  const activePeriods = (0, import_react21.useMemo)(
+    () => activeTooltips.map((t) => adaptDataForTooltip(t.data).name),
+    [activeTooltips, adaptDataForTooltip]
   );
-  (0, import_react23.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     window.dispatchEvent(new Event("recountTooltips"));
   }, [activeTooltips.length]);
-  const toggleHighlight = (0, import_react23.useCallback)((key) => {
+  const toggleHighlight = (0, import_react21.useCallback)((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -4453,47 +4297,104 @@ var Chart = ({
       return next;
     });
   }, []);
-  const maxDataValue = (0, import_react23.useMemo)(
-    () => maxForKeys(processedData, allKeys),
-    [processedData, allKeys]
-  );
-  const minDataValue = (0, import_react23.useMemo)(
-    () => minForKeys(processedData, allKeys),
-    [processedData, allKeys]
-  );
-  const { leftKeys, rightKeys } = (0, import_react23.useMemo)(
-    () => computeLeftRightKeys(allKeys, yAxisMap),
-    [allKeys, yAxisMap]
-  );
-  const maxLeft = (0, import_react23.useMemo)(
-    () => maxForKeys(processedData, leftKeys),
-    [leftKeys, processedData]
-  );
-  const minLeft = (0, import_react23.useMemo)(
-    () => minForKeys(processedData, leftKeys),
-    [leftKeys, processedData]
-  );
-  const maxRight = (0, import_react23.useMemo)(
-    () => rightKeys.length > 0 ? maxForKeys(processedData, rightKeys) : 0,
-    [rightKeys, processedData]
-  );
-  const minRight = (0, import_react23.useMemo)(
-    () => rightKeys.length > 0 ? minForKeys(processedData, rightKeys) : 0,
-    [rightKeys, processedData]
-  );
-  const niceMaxLeft = (0, import_react23.useMemo)(
-    () => niceCeil(computeNiceMax(maxLeft)),
-    [maxLeft]
-  );
-  const niceMaxRight = (0, import_react23.useMemo)(
-    () => niceCeil(computeNiceMax(maxRight)),
-    [maxRight]
+  const maxLeftDataValue = (0, import_react21.useMemo)(() => {
+    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 = (0, import_react21.useMemo)(() => {
+    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 = (0, import_react21.useMemo)(() => {
+    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 = (0, import_react21.useMemo)(() => {
+    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 = (0, import_react21.useCallback)((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 = (0, import_react21.useMemo)(
+    () => computeNiceMax(maxLeftDataValue),
+    [computeNiceMax, maxLeftDataValue]
   );
-  const niceMax = (0, import_react23.useMemo)(
-    () => niceCeil(computeNiceMax(maxDataValue)),
-    [maxDataValue]
+  const niceMaxRight = (0, import_react21.useMemo)(
+    () => computeNiceMax(maxRightDataValue),
+    [computeNiceMax, maxRightDataValue]
   );
-  const toggleTooltip = (0, import_react23.useCallback)(
+  const computedWidth = (0, import_react21.useMemo)(() => {
+    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 = (0, import_react21.useCallback)(
     (tooltipId, data2, basePosition) => {
       const existingIndex = activeTooltips.findIndex((t) => t.id === tooltipId);
       if (existingIndex !== -1) {
@@ -4522,7 +4423,7 @@ var Chart = ({
     },
     [activeTooltips, maxTooltips]
   );
-  const handleChartClick = (0, import_react23.useCallback)(
+  const handleChartClick = (0, import_react21.useCallback)(
     (e) => {
       if (!enableDraggableTooltips) return;
       const ev = e;
@@ -4540,7 +4441,7 @@ var Chart = ({
     },
     [enableDraggableTooltips, xAxisConfig.dataKey, toggleTooltip]
   );
-  const handleBarClick = (0, import_react23.useCallback)(
+  const handleBarClick = (0, import_react21.useCallback)(
     (data2, index, event) => {
       if (!enableDraggableTooltips) return;
       event.stopPropagation();
@@ -4554,7 +4455,7 @@ var Chart = ({
     },
     [enableDraggableTooltips, xAxisConfig.dataKey, toggleTooltip]
   );
-  const handleSeriesClick = (0, import_react23.useCallback)(
+  const handleSeriesClick = (0, import_react21.useCallback)(
     (...args) => {
       if (args.length >= 3) {
         const [data2, index, event] = args;
@@ -4565,7 +4466,7 @@ var Chart = ({
     },
     [handleBarClick, handleChartClick]
   );
-  const onTooltipPositionChange = (0, import_react23.useCallback)(
+  const onTooltipPositionChange = (0, import_react21.useCallback)(
     (id, position) => {
       setActiveTooltips(
         (prev) => prev.map((t) => t.id === id ? { ...t, position } : t)
@@ -4573,75 +4474,103 @@ var Chart = ({
     },
     []
   );
-  const titleClassName = TITLE_CLASSNAME;
-  const finalValueFormatter = (0, import_react23.useMemo)(
-    () => createFinalValueFormatter(valueFormatter2, formatBR),
-    [valueFormatter2, formatBR]
-  );
-  const yTickFormatter = (0, import_react23.useMemo)(
-    () => createYTickFormatter(finalValueFormatter),
-    [finalValueFormatter]
+  const titleClassName = (0, import_react21.useMemo)(
+    () => "text-[1.4rem] font-semibold text-foreground mb-3",
+    []
   );
+  const finalValueFormatter = (0, import_react21.useMemo)(() => {
+    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 = (0, import_react21.useMemo)(() => {
+    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 = (0, import_react23.useMemo)(
-    () => computeLabelSample(
-      leftKeys,
-      [maxLeft, minLeft, niceMaxLeft],
-      yTickFormatter
-    ),
-    [leftKeys, maxLeft, minLeft, niceMaxLeft, yTickFormatter]
-  );
-  const rightLabelSample = (0, import_react23.useMemo)(
-    () => 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 = (0, import_react23.useMemo)(() => {
-    if (yAxes?.left?.percent)
-      return buildPercentFormatter(yAxes.left.percentDecimals ?? 0);
-    return yTickFormatter;
-  }, [yAxes?.left, yTickFormatter]);
-  const rightAxisTickFormatter = (0, import_react23.useMemo)(() => {
-    if (yAxes?.right?.percent)
-      return buildPercentFormatter(yAxes.right.percentDecimals ?? 0);
-    return yTickFormatter;
-  }, [yAxes?.right, yTickFormatter]);
-  const openTooltipForPeriod = (0, import_react23.useCallback)(
+  const defaultChartRightMargin = 30;
+  const defaultChartLeftMargin = 0;
+  const axisLabelMargin = 56;
+  const containerPaddingLeft = -6;
+  const finalChartRightMargin = chartMargin?.right ?? (rightKeys.length > 0 ? axisLabelMargin : defaultChartRightMargin);
+  const finalChartLeftMargin = chartMargin?.left ?? (yAxisLabel ? axisLabelMargin : defaultChartLeftMargin);
+  const yAxisTickWidth = (0, import_react21.useMemo)(() => {
+    if (typeof chartMargin?.left === "number") return chartMargin.left;
+    if (yAxisLabel) return axisLabelMargin;
+    const samples = [minLeftDataValue, niceMaxLeft, Math.round((minLeftDataValue + niceMaxLeft) / 2), 0];
+    const formatted = samples.map((v) => String(yTickFormatter(v)));
+    const maxLen = formatted.reduce((m, s) => Math.max(m, s.length), 0);
+    const estimated = Math.max(48, Math.min(220, maxLen * 8 + 24));
+    return estimated;
+  }, [chartMargin?.left, yAxisLabel, yTickFormatter, minLeftDataValue, niceMaxLeft]);
+  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(yAxisTickWidth / 2));
+  const rightYAxisLabelDx = Math.max(12, Math.round(finalChartRightMargin / 2));
+  const openTooltipForPeriod = (0, import_react21.useCallback)(
     (periodName) => {
       if (!enableDraggableTooltips) return;
       const row = processedData.find((r) => String(r.name) === periodName);
@@ -4687,11 +4616,20 @@ var Chart = ({
   if (!data) return null;
   if (Array.isArray(data) && data.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      NoData_default,
+      "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__ */ (0, import_jsx_runtime29.jsx)(
+          "div",
+          {
+            style: {
+              paddingLeft: `${containerPaddingLeft + finalChartLeftMargin}px`
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(NoData_default, {})
+          }
+        )
       }
     );
   }
@@ -4701,13 +4639,14 @@ var Chart = ({
       ref: wrapperRef,
       style: {
         width: "100%",
-        overflow: "visible",
+        overflowX: "hidden",
+        overflowY: "hidden",
         minWidth: 0
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
         "div",
         {
-          className: cn("rounded-lg bg-card p-2 relative", className),
+          className: cn("rounded-lg bg-card relative", className),
           style: { width: "100%", maxWidth: "100%", minWidth: 0 },
           children: [
             title && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
@@ -4719,9 +4658,9 @@ var Chart = ({
                   display: "flex",
                   justifyContent: titlePosition === "center" ? "center" : titlePosition === "right" ? "flex-end" : "flex-start",
                   alignItems: "center",
-                  marginTop: 4
+                  marginTop: "19px"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h3", { className: titleClassName, children: title })
+                children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: titleClassName, children: title })
               }
             ),
             allKeys.length > 0 && (finalEnableHighlights || finalEnableShowOnly) && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
@@ -4837,85 +4776,33 @@ var Chart = ({
                       },
                       label: xAxisLabel ? {
                         value: xAxisLabel,
-                        position: "bottom",
-                        offset: 12,
+                        position: "insideBottomRight",
+                        offset: -5,
                         style: {
                           fontSize: 12,
                           fill: "hsl(var(--muted-foreground))",
-                          fontWeight: 500
-                        }
-                      } : void 0
-                    }
-                  ),
-                  rightKeys.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-                      import_recharts.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__ */ (0, import_jsx_runtime29.jsx)(
-                      import_recharts.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__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                          fontWeight: 500
+                        }
+                      } : void 0
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                     import_recharts.YAxis,
                     {
+                      yAxisId: "left",
+                      width: yAxisTickWidth,
                       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))",
@@ -4924,38 +4811,88 @@ var Chart = ({
                         }
                       } : void 0
                     }
-                  ) }),
-                  (minDataValue < 0 || minLeft < 0 || minRight < 0) && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                  ),
+                  minLeftDataValue < 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                     import_recharts.ReferenceLine,
                     {
                       y: 0,
+                      yAxisId: "left",
                       stroke: "hsl(var(--muted-foreground))",
                       strokeWidth: 1,
                       strokeDasharray: "4 4"
                     }
                   ),
+                  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__ */ (0, import_jsx_runtime29.jsx)(
+                      import_recharts.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__ */ (0, import_jsx_runtime29.jsx)(
                     import_recharts.Tooltip,
                     {
                       content: showTooltipTotal ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                         TooltipWithTotal_default,
                         {
-                          periodLabel,
                           finalColors,
                           valueFormatter: finalValueFormatter,
                           categoryFormatter,
-                          yAxisMap,
-                          isBiaxial: rightKeys.length > 0
+                          periodLabel
                         }
                       ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                         TooltipSimple_default,
                         {
-                          periodLabel,
                           finalColors,
                           valueFormatter: finalValueFormatter,
                           categoryFormatter,
-                          yAxisMap,
-                          isBiaxial: rightKeys.length > 0
+                          periodLabel
                         }
                       ),
                       cursor: { fill: "hsl(var(--muted))", opacity: 0.1 }
@@ -4973,25 +4910,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__ */ (0, import_jsx_runtime29.jsx)(
                         import_recharts.Bar,
                         {
-                          yAxisId: seriesYAxisId,
                           dataKey: key,
+                          yAxisId: rightKeys.includes(key) ? "right" : "left",
                           name: label,
                           fill: color,
                           radius: [4, 4, 0, 0],
@@ -5013,13 +4948,12 @@ var Chart = ({
                             import_recharts.LabelList,
                             {
                               dataKey: key,
-                              position: "top",
-                              content: pillLabelRenderer_default(
+                              position: "insideTop",
+                              content: renderInsideBarLabel(
                                 color,
-                                "filled",
                                 finalValueFormatter
                               ),
-                              offset: 8
+                              offset: 0
                             }
                           ) : null
                         },
@@ -5030,8 +4964,8 @@ var Chart = ({
                       return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                         import_recharts.Line,
                         {
-                          yAxisId: seriesYAxisId,
                           dataKey: key,
+                          yAxisId: rightKeys.includes(key) ? "right" : "left",
                           name: label,
                           stroke: color,
                           strokeWidth: 2,
@@ -5064,8 +4998,8 @@ var Chart = ({
                       return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                         import_recharts.Area,
                         {
-                          yAxisId: seriesYAxisId,
                           dataKey: key,
+                          yAxisId: rightKeys.includes(key) ? "right" : "left",
                           name: label,
                           stroke: color,
                           fill: color,
@@ -5103,7 +5037,7 @@ var Chart = ({
               DraggableTooltip_default,
               {
                 id: tooltip.id,
-                data: adaptDataForTooltip2(tooltip.data),
+                data: adaptDataForTooltip(tooltip.data),
                 position: tooltip.position,
                 title,
                 dataKeys: allKeys,
@@ -5142,7 +5076,7 @@ var Chart = ({
 var Chart_default = Chart;
 
 // src/components/charts/BarChart.tsx
-var import_react24 = require("react");
+var import_react22 = require("react");
 var import_recharts2 = require("recharts");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var DEFAULT_COLORS3 = ["#55af7d", "#8e68ff", "#2273e1"];
@@ -5174,7 +5108,7 @@ var BarChart = ({
     containerPaddingLeft,
     16
   );
-  const smartConfig = (0, import_react24.useMemo)(() => {
+  const smartConfig = (0, import_react22.useMemo)(() => {
     const providedMapper = yAxis ?? mapper;
     if (autoDetect === true || xAxis == null || providedMapper == null) {
       const detectedXAxis = detectXAxis(data);
@@ -5224,20 +5158,20 @@ var BarChart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, mapper, yAxis, autoDetect, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = (0, import_react24.useState)([]);
-  const [isDragging, setIsDragging] = (0, import_react24.useState)(null);
-  const [dragOffset, setDragOffset] = (0, import_react24.useState)({
+  const [activeTooltips, setActiveTooltips] = (0, import_react22.useState)([]);
+  const [isDragging, setIsDragging] = (0, import_react22.useState)(null);
+  const [dragOffset, setDragOffset] = (0, import_react22.useState)({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react24.useState)(0);
-  const [alignmentGuides, setAlignmentGuides] = (0, import_react24.useState)([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react22.useState)(0);
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react22.useState)([]);
   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) => {
@@ -5246,15 +5180,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 = (0, import_react24.useMemo)(() => {
+  const maxDataValue = (0, import_react22.useMemo)(() => {
     let max = 0;
     const keys = Object.keys(mapperConfig);
     for (const row of processedData) {
@@ -5267,7 +5201,7 @@ var BarChart = ({
     }
     return max;
   }, [processedData, mapperConfig]);
-  const niceMax = (0, import_react24.useMemo)(() => {
+  const niceMax = (0, import_react22.useMemo)(() => {
     let padding2 = 0.08;
     if (maxDataValue > 1e6) padding2 = 0.05;
     if (maxDataValue > 1e7) padding2 = 0.03;
@@ -5308,7 +5242,7 @@ var BarChart = ({
   const GUIDE_THRESHOLD2 = 60;
   const STRONG_SNAP_THRESHOLD2 = 35;
   const PRECISION_SNAP_THRESHOLD2 = 8;
-  const updateAlignmentGuides = (0, import_react24.useCallback)(
+  const updateAlignmentGuides = (0, import_react22.useCallback)(
     (draggedTooltipId, currentPosition) => {
       if (!isDragging) return;
       const getAllTooltips = () => {
@@ -5372,7 +5306,7 @@ var BarChart = ({
     },
     [isDragging, activeTooltips]
   );
-  const snapToGuides = (0, import_react24.useCallback)(
+  const snapToGuides = (0, import_react22.useCallback)(
     (position) => {
       const snappedPosition = { ...position };
       let hasSnapped = false;
@@ -5434,7 +5368,7 @@ var BarChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  (0, import_react24.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -5492,7 +5426,7 @@ var BarChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     const handleCloseAllTooltips = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -5502,7 +5436,7 @@ var BarChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips);
     };
   }, []);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -5541,7 +5475,7 @@ var BarChart = ({
       );
     };
   }, [activeTooltips]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -5778,7 +5712,7 @@ var BarChart = ({
           DraggableTooltip_default,
           {
             id: tooltip.id,
-            data: adaptDataForTooltip2(tooltip.data),
+            data: adaptDataForTooltip(tooltip.data),
             position: tooltip.position,
             isDragging: isDragging === tooltip.id,
             title,
@@ -5807,7 +5741,7 @@ var BarChart = ({
 var BarChart_default = BarChart;
 
 // src/components/charts/LineChart.tsx
-var import_react25 = require("react");
+var import_react23 = require("react");
 var import_recharts3 = require("recharts");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var defaultData = [
@@ -5841,15 +5775,15 @@ var CustomLineChart = ({
     containerPaddingLeft,
     16
   );
-  const [activeTooltips, setActiveTooltips] = (0, import_react25.useState)([]);
-  const [isDragging, setIsDragging] = (0, import_react25.useState)(null);
-  const [dragOffset, setDragOffset] = (0, import_react25.useState)({
+  const [activeTooltips, setActiveTooltips] = (0, import_react23.useState)([]);
+  const [isDragging, setIsDragging] = (0, import_react23.useState)(null);
+  const [dragOffset, setDragOffset] = (0, import_react23.useState)({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react25.useState)(0);
-  const [alignmentGuides, setAlignmentGuides] = (0, import_react25.useState)([]);
-  const generateColors2 = (dataKeys2) => {
+  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react23.useState)(0);
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react23.useState)([]);
+  const generateColors = (dataKeys2) => {
     const colorMap = {};
     const allColors = generateAdditionalColors(colors2, dataKeys2.length);
     dataKeys2.forEach((key, index) => {
@@ -5857,12 +5791,12 @@ var CustomLineChart = ({
     });
     return colorMap;
   };
-  const dataKeys = (0, import_react25.useMemo)(
+  const dataKeys = (0, import_react23.useMemo)(
     () => data.length > 0 ? Object.keys(data[0]).filter((key) => key !== "name") : [],
     [data]
   );
-  const finalColors = generateColors2(dataKeys);
-  const maxDataValue = (0, import_react25.useMemo)(() => {
+  const finalColors = generateColors(dataKeys);
+  const maxDataValue = (0, import_react23.useMemo)(() => {
     let max = 0;
     for (const row of data) {
       const r = row;
@@ -5874,7 +5808,7 @@ var CustomLineChart = ({
     }
     return max;
   }, [data, dataKeys]);
-  const niceMax = (0, import_react25.useMemo)(() => {
+  const niceMax = (0, import_react23.useMemo)(() => {
     let padding2 = 0.08;
     if (maxDataValue > 1e6) padding2 = 0.05;
     if (maxDataValue > 1e7) padding2 = 0.03;
@@ -5950,10 +5884,10 @@ var CustomLineChart = ({
   const handleChartBackgroundClick = () => {
     setActiveTooltips([]);
   };
-  const handleCloseAllTooltips = (0, import_react25.useCallback)(() => {
+  const handleCloseAllTooltips = (0, import_react23.useCallback)(() => {
     window.dispatchEvent(new CustomEvent("closeAllTooltips"));
   }, []);
-  const updateAlignmentGuides = (0, import_react25.useCallback)(
+  const updateAlignmentGuides = (0, import_react23.useCallback)(
     (draggedTooltipId, draggedPosition) => {
       const SNAP_THRESHOLD = 15;
       const draggedTooltip = activeTooltips.find(
@@ -6034,7 +5968,7 @@ var CustomLineChart = ({
     },
     [activeTooltips]
   );
-  const snapToGuides = (0, import_react25.useCallback)(
+  const snapToGuides = (0, import_react23.useCallback)(
     (position) => {
       const SNAP_DISTANCE = 10;
       const snappedPosition = { ...position };
@@ -6062,7 +5996,7 @@ var CustomLineChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  (0, import_react25.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -6109,7 +6043,7 @@ var CustomLineChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const handleCloseAllTooltips2 = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -6119,7 +6053,7 @@ var CustomLineChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips2);
     };
   }, []);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -6163,7 +6097,7 @@ var CustomLineChart = ({
       );
     };
   }, [activeTooltips]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -6485,13 +6419,13 @@ var CustomPieChart = ({
 var PieChart_default = CustomPieChart;
 
 // src/components/charts/hooks/useChartHighlights.tsx
-var import_react26 = require("react");
+var import_react24 = require("react");
 var useChartHighlights = () => {
-  const [highlightedSeries, setHighlightedSeries] = (0, import_react26.useState)(
+  const [highlightedSeries, setHighlightedSeries] = (0, import_react24.useState)(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react26.useState)(false);
-  const toggleHighlight = (0, import_react26.useCallback)((key) => {
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react24.useState)(false);
+  const toggleHighlight = (0, import_react24.useCallback)((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
       if (next.has(key)) {
@@ -6502,17 +6436,17 @@ var useChartHighlights = () => {
       return next;
     });
   }, []);
-  const clearHighlights = (0, import_react26.useCallback)(() => {
+  const clearHighlights = (0, import_react24.useCallback)(() => {
     setHighlightedSeries(/* @__PURE__ */ new Set());
     setShowOnlyHighlighted(false);
   }, []);
-  const isHighlighted = (0, import_react26.useCallback)(
+  const isHighlighted = (0, import_react24.useCallback)(
     (key) => {
       return highlightedSeries.has(key);
     },
     [highlightedSeries]
   );
-  const getSeriesStyle = (0, import_react26.useCallback)(
+  const getSeriesStyle = (0, import_react24.useCallback)(
     (key) => {
       const hasHighlights = highlightedSeries.size > 0;
       const isSeriesHighlighted = highlightedSeries.has(key);
@@ -6650,7 +6584,7 @@ function Badge({
 }
 
 // src/components/ui/data/CalendarBase.tsx
-var import_react27 = require("@phosphor-icons/react");
+var import_react25 = require("@phosphor-icons/react");
 var import_react_day_picker = require("react-day-picker");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 function CalendarBase({
@@ -6695,8 +6629,8 @@ function CalendarBase({
         ...classNames
       },
       components: {
-        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react27.CaretLeftIcon, { className: "h-4 w-4" }),
-        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react27.CaretRightIcon, { className: "h-4 w-4" })
+        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react25.CaretLeftIcon, { className: "h-4 w-4" }),
+        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react25.CaretRightIcon, { className: "h-4 w-4" })
       },
       ...props
     }
@@ -6774,7 +6708,7 @@ CardFooterBase.displayName = "CardFooter";
 // src/components/ui/data/FileUploader.tsx
 var React18 = __toESM(require("react"));
 var import_framer_motion10 = require("framer-motion");
-var import_react28 = require("@phosphor-icons/react");
+var import_react26 = require("@phosphor-icons/react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var formatFileSize = (bytes) => {
   if (bytes === 0) return "0 Bytes";
@@ -6790,38 +6724,38 @@ var getFileTypeIcon = (file) => {
   const extension = getFileExtension(file.name).toLowerCase();
   const mimeType = file.type.toLowerCase();
   if (extension === "pdf" || mimeType === "application/pdf") {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react28.FilePdfIcon, { size: 20, className: "text-red-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react26.FilePdfIcon, { size: 20, className: "text-red-500" });
   }
   if (["doc", "docx"].includes(extension) || mimeType.includes("word")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react28.FileDocIcon, { size: 20, className: "text-blue-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react26.FileDocIcon, { size: 20, className: "text-blue-500" });
   }
   if (["xls", "xlsx"].includes(extension) || mimeType.includes("sheet")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react28.FileXlsIcon, { size: 20, className: "text-green-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react26.FileXlsIcon, { size: 20, className: "text-green-500" });
   }
   if (["ppt", "pptx"].includes(extension) || mimeType.includes("presentation")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react28.FilePptIcon, { size: 20, className: "text-orange-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react26.FilePptIcon, { size: 20, className: "text-orange-500" });
   }
   if (extension === "csv" || mimeType === "text/csv") {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react28.FileCsvIcon, { size: 20, className: "text-green-600" });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react26.FileCsvIcon, { size: 20, className: "text-green-600" });
   }
   if (["txt", "md", "json", "xml", "js", "ts", "html", "css"].includes(
     extension
   ) || mimeType.includes("text")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react28.FileTextIcon, { size: 20, className: "text-gray-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react26.FileTextIcon, { size: 20, className: "text-gray-500" });
   }
   if (mimeType.startsWith("image/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react28.FileImageIcon, { size: 20, className: "text-purple-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react26.FileImageIcon, { size: 20, className: "text-purple-500" });
   }
   if (mimeType.startsWith("video/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react28.FileVideoIcon, { size: 20, className: "text-pink-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react26.FileVideoIcon, { size: 20, className: "text-pink-500" });
   }
   if (mimeType.startsWith("audio/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react28.FileAudioIcon, { size: 20, className: "text-indigo-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react26.FileAudioIcon, { size: 20, className: "text-indigo-500" });
   }
   if (["zip", "rar", "7z", "tar", "gz"].includes(extension)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react28.FileZipIcon, { size: 20, className: "text-yellow-600" });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react26.FileZipIcon, { size: 20, className: "text-yellow-600" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react28.FileIcon, { size: 20, className: "text-muted-foreground" });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react26.FileIcon, { size: 20, className: "text-muted-foreground" });
 };
 var createImagePreview = (file) => {
   return new Promise((resolve) => {
@@ -7051,7 +6985,7 @@ var FileUploader = React18.forwardRef(
                     color: isDragging ? `hsl(var(--primary))` : `hsl(var(--muted-foreground))`
                   },
                   transition: { duration: 0.3 },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react28.CloudArrowUpIcon, { size: 64 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react26.CloudArrowUpIcon, { size: 64 })
                 }
               )
             }
@@ -7093,7 +7027,7 @@ var FileUploader = React18.forwardRef(
               ),
               transition: { duration: 0.3 },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "h-4 w-4 text-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react28.CheckIcon, { size: 16, className: "text-emerald-500" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "h-4 w-4 text-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react26.CheckIcon, { size: 16, className: "text-emerald-500" }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
                   import_framer_motion10.motion.span,
                   {
@@ -7195,7 +7129,7 @@ var FileUploader = React18.forwardRef(
                             handleRemoveFile(file.id);
                           },
                           className: "",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react28.XIcon, { size: 12 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react26.XIcon, { size: 12 })
                         }
                       )
                     ]
@@ -7319,7 +7253,7 @@ AlertDialogCancelBase.displayName = AlertDialogPrimitive.Cancel.displayName;
 
 // src/components/ui/feedback/DestructiveDialog.tsx
 var React20 = __toESM(require("react"));
-var import_react29 = require("@phosphor-icons/react");
+var import_react27 = require("@phosphor-icons/react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var DestructiveDialog = ({
   title,
@@ -7339,7 +7273,7 @@ var DestructiveDialog = ({
         className: cn("border border-destructive bg-background", className),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-start gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react29.XCircleIcon, { className: "w-6 h-6 text-destructive" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react27.XCircleIcon, { className: "w-6 h-6 text-destructive" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex-1", children: [
               /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AlertDialogTitleBase, { className: "text-lg sm:text-xl font-semibold text-destructive", children: title }),
               /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AlertDialogDescriptionBase, { className: "mt-2 text-sm text-muted-foreground", children: description })
@@ -7548,7 +7482,7 @@ LoadingBase.displayName = "LoadingBase";
 // src/components/ui/feedback/ModalBase.tsx
 var React22 = __toESM(require("react"));
 var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"));
-var import_react30 = require("@phosphor-icons/react");
+var import_react28 = require("@phosphor-icons/react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var ModalBase = DialogPrimitive2.Root;
 var ModalTriggerBase = DialogPrimitive2.Trigger;
@@ -7621,7 +7555,7 @@ var ModalContentBase = React22.forwardRef(
           children: [
             children,
             /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(DialogPrimitive2.Close, { className: "absolute right-3 top-3 sm:right-4 sm:top-4 rounded-md bg-muted/10 p-1.5 opacity-80 hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none z-10 hover:bg-muted/20 transition-colors", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react30.XIcon, { className: "h-5 w-5 sm:h-4 sm:w-4 text-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react28.XIcon, { className: "h-5 w-5 sm:h-4 sm:w-4 text-foreground" }),
               /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "Close" })
             ] })
           ]
@@ -7945,7 +7879,7 @@ function SkeletonBase({
 }
 
 // src/components/ui/feedback/SonnerBase.tsx
-var import_react31 = require("@phosphor-icons/react");
+var import_react29 = require("@phosphor-icons/react");
 var import_sonner2 = require("sonner");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var iconBaseClass = "w-5 h-auto";
@@ -7997,23 +7931,23 @@ var Toaster = ({ testId, ...props }) => {
 };
 var toast2 = {
   success: (message) => import_sonner2.toast.success(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react31.CheckCircleIcon, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react29.CheckCircleIcon, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
     className: "sonner-success"
   }),
   error: (message) => import_sonner2.toast.error(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react31.XCircleIcon, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react29.XCircleIcon, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
     className: "sonner-error"
   }),
   warning: (message) => import_sonner2.toast.warning(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react31.WarningIcon, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react29.WarningIcon, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
     className: "sonner-WarningIcon"
   }),
   info: (message) => import_sonner2.toast.info(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react31.InfoIcon, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react29.InfoIcon, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
     className: "sonner-InfoIcon"
   }),
   loading: (message) => (0, import_sonner2.toast)(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react31.SpinnerIcon, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react29.SpinnerIcon, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
     className: "sonner-loading"
   })
 };
@@ -8021,7 +7955,7 @@ var toast2 = {
 // src/components/ui/form/CheckBoxBase.tsx
 var React24 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
-var import_react32 = require("@phosphor-icons/react");
+var import_react30 = require("@phosphor-icons/react");
 var import_framer_motion11 = require("framer-motion");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var CheckboxBase = React24.forwardRef(({ className, testid: dataTestId = "checkbox-base", checked: checkedProp, defaultChecked, onCheckedChange, ...props }, ref) => {
@@ -8060,8 +7994,8 @@ var CheckboxBase = React24.forwardRef(({ className, testid: dataTestId = "checkb
           transition: { type: "spring", stiffness: 500, damping: 30 },
           className: "flex items-center justify-center text-current",
           children: [
-            checkedState === true && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react32.CheckIcon, { className: "h-4 w-4", weight: "bold" }),
-            checkedState === "indeterminate" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react32.MinusIcon, { className: "h-4 w-4", weight: "bold" })
+            checkedState === true && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react30.CheckIcon, { className: "h-4 w-4", weight: "bold" }),
+            checkedState === "indeterminate" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react30.MinusIcon, { className: "h-4 w-4", weight: "bold" })
           ]
         }
       ) })
@@ -8073,7 +8007,7 @@ CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
 // src/components/ui/form/CollapsibleBase.tsx
 var React25 = __toESM(require("react"));
 var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
-var import_react33 = require("@phosphor-icons/react");
+var import_react31 = require("@phosphor-icons/react");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var CollapsibleBase = React25.forwardRef(({ ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(CollapsiblePrimitive.Root, { ref, "data-slot": "collapsible", ...props });
@@ -8095,7 +8029,7 @@ var CollapsibleTriggerBase = React25.forwardRef(({ className, children, leftIcon
           leftIcon && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "flex-shrink-0 [&>svg]:size-4", children: leftIcon }),
           /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children })
         ] }),
-        showCaret && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react33.CaretUpDownIcon, { className: "h-4 w-4" }) })
+        showCaret && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react31.CaretUpDownIcon, { className: "h-4 w-4" }) })
       ]
     }
   );
@@ -8176,7 +8110,7 @@ HoverCardContentBase.displayName = HoverCardPrimitive.Content.displayName;
 // src/components/ui/form/Input-OTP-Base.tsx
 var React27 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
-var import_react34 = require("@phosphor-icons/react");
+var import_react32 = require("@phosphor-icons/react");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 function InputOTPBase({
   className,
@@ -8231,7 +8165,7 @@ function InputOTPSlotBase({
   );
 }
 function InputOTPSeparatorBase({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react34.MinusIcon, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react32.MinusIcon, {}) });
 }
 
 // src/components/ui/form/SliderBase.tsx
@@ -8319,7 +8253,7 @@ SlideBase.displayName = "SlideBase";
 
 // src/components/ui/form/SmallButtons.tsx
 var React29 = __toESM(require("react"));
-var import_react35 = require("@phosphor-icons/react");
+var import_react33 = require("@phosphor-icons/react");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var EditButton = React29.forwardRef(
   ({
@@ -8350,7 +8284,7 @@ var EditButton = React29.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-        import_react35.PencilSimpleIcon,
+        import_react33.PencilSimpleIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -8390,7 +8324,7 @@ var ChangeButton = React29.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-        import_react35.ArrowsLeftRightIcon,
+        import_react33.ArrowsLeftRightIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -8430,7 +8364,7 @@ var SaveButton = React29.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-        import_react35.FloppyDiskIcon,
+        import_react33.FloppyDiskIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -8470,7 +8404,7 @@ var AddButton = React29.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-        import_react35.PlusIcon,
+        import_react33.PlusIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -8510,7 +8444,7 @@ var CloseButton = React29.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-        import_react35.XIcon,
+        import_react33.XIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -8542,7 +8476,7 @@ var DownloadButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react35.DownloadSimpleIcon,
+      import_react33.DownloadSimpleIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:translate-y-0.5"
@@ -8571,7 +8505,7 @@ var UploadButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react35.UploadSimpleIcon,
+      import_react33.UploadSimpleIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:-translate-y-0.5"
@@ -8600,7 +8534,7 @@ var CopyButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react35.CopyIcon,
+      import_react33.CopyIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110"
@@ -8629,7 +8563,7 @@ var RefreshButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react35.ArrowClockwiseIcon,
+      import_react33.ArrowClockwiseIcon,
       {
         size: 18,
         className: "transition-transform duration-500 group-hover:rotate-180"
@@ -8658,7 +8592,7 @@ var SearchButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react35.MagnifyingGlassIcon,
+      import_react33.MagnifyingGlassIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110 group-hover:-rotate-12"
@@ -8687,7 +8621,7 @@ var BackButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react35.ArrowLeftIcon,
+      import_react33.ArrowLeftIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:-translate-x-1"
@@ -8716,7 +8650,7 @@ var SettingsButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react35.GearIcon,
+      import_react33.GearIcon,
       {
         size: 18,
         className: "transition-transform duration-500 group-hover:rotate-90"
@@ -8745,7 +8679,7 @@ var NotificationButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react35.BellIcon,
+      import_react33.BellIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:scale-110 group-hover:-rotate-12"
@@ -8774,7 +8708,7 @@ var MoreButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react35.DotsThreeIcon,
+      import_react33.DotsThreeIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110"
@@ -8803,7 +8737,7 @@ var CheckButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react35.CheckIcon,
+      import_react33.CheckIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110"
@@ -8839,7 +8773,7 @@ var FilterButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react35.FunnelIcon,
+      import_react33.FunnelIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8878,7 +8812,7 @@ var LikeButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react35.HeartIcon,
+      import_react33.HeartIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8917,7 +8851,7 @@ var FavoriteButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react35.StarIcon,
+      import_react33.StarIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8955,14 +8889,14 @@ var VisibilityButton = ({
     ),
     ...props,
     children: isVisible ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react35.EyeIcon,
+      import_react33.EyeIcon,
       {
         size: iconSize,
         color: iconColor,
         className: "transition-opacity duration-200"
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react35.EyeSlashIcon,
+      import_react33.EyeSlashIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -9002,14 +8936,14 @@ var LockButton = ({
     ),
     ...props,
     children: isLocked ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react35.LockIcon,
+      import_react33.LockIcon,
       {
         size: iconSize,
         color: iconColor,
         className: "transition-all duration-200 group-hover:scale-110"
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react35.LockOpenIcon,
+      import_react33.LockOpenIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -9055,7 +8989,7 @@ SwitchBase.displayName = SwitchPrimitives.Root.displayName;
 // src/components/ui/form/TextAreaBase.tsx
 var React31 = __toESM(require("react"));
 var import_framer_motion12 = require("framer-motion");
-var import_react36 = require("@phosphor-icons/react");
+var import_react34 = require("@phosphor-icons/react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var TextAreaBase = React31.forwardRef(
   ({ className, clearable = false, onClear, ...props }, ref) => {
@@ -9152,7 +9086,7 @@ var TextAreaBase = React31.forwardRef(
                 ),
                 disabled: props.disabled,
                 "aria-label": "Limpar texto",
-                children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react36.TrashIcon, { size: 16, weight: "regular" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react34.TrashIcon, { size: 16, weight: "regular" })
               }
             ) }),
             /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
@@ -9230,7 +9164,7 @@ TextAreaBase.displayName = "TextAreaBase";
 // src/components/ui/layout/CarouselBase.tsx
 var React32 = __toESM(require("react"));
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
-var import_react37 = require("@phosphor-icons/react");
+var import_react35 = require("@phosphor-icons/react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var CarouselContext = React32.createContext(null);
 function useCarousel() {
@@ -9391,7 +9325,7 @@ function CarouselPreviousBase({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react37.ArrowLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react35.ArrowLeftIcon, {}),
         /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
@@ -9421,7 +9355,7 @@ function CarouselNextBase({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react37.ArrowRightIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react35.ArrowRightIcon, {}),
         /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "sr-only", children: "Next slide" })
       ]
     }
@@ -9604,7 +9538,7 @@ TabsContentBase.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/ui/navigation/BreadcrumbBase.tsx
 var import_react_slot4 = require("@radix-ui/react-slot");
-var import_react38 = require("@phosphor-icons/react");
+var import_react36 = require("@phosphor-icons/react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function BreadcrumbBase({ ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
@@ -9673,7 +9607,7 @@ function BreadcrumbSeparatorBase({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react38.CaretRightIcon, {})
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react36.CaretRightIcon, {})
     }
   );
 }
@@ -9690,7 +9624,7 @@ function BreadcrumbEllipsisBase({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react38.DotsThreeIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react36.DotsThreeIcon, { className: "size-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "sr-only", children: "More" })
       ]
     }
@@ -9699,7 +9633,7 @@ function BreadcrumbEllipsisBase({
 
 // src/components/ui/navigation/NavigationMenuBase.tsx
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
-var import_react39 = require("@phosphor-icons/react");
+var import_react37 = require("@phosphor-icons/react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 function NavigationMenuBase({
   className,
@@ -9767,7 +9701,7 @@ function NavigationMenuTriggerBase({
       children: [
         children,
         /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-          import_react39.CaretDownIcon,
+          import_react37.CaretDownIcon,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -9870,7 +9804,7 @@ function useIsMobile() {
 var React37 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_react40 = require("@phosphor-icons/react");
+var import_react38 = require("@phosphor-icons/react");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var SheetBase = SheetPrimitive.Root;
 var SheetTriggerBase = SheetPrimitive.Trigger;
@@ -9914,7 +9848,7 @@ var SheetContentBase = React37.forwardRef(({ side = "right", className, children
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react40.XIcon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react38.XIcon, { className: "h-4 w-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "sr-only", children: "Close" })
         ] }),
         children
@@ -9971,7 +9905,7 @@ var SheetDescriptionBase = React37.forwardRef(({ className, ...props }, ref) =>
 SheetDescriptionBase.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/navigation/SidebarBase.tsx
-var import_react41 = require("@phosphor-icons/react");
+var import_react39 = require("@phosphor-icons/react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
@@ -10165,7 +10099,7 @@ var SidebarTriggerBase = React38.forwardRef(({ className, onClick, ...props }, r
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "sr-only", children: "Toggle SidebarBase" }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react41.SidebarSimpleIcon, {})
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react39.SidebarSimpleIcon, {})
       ]
     }
   ) });
@@ -10659,11 +10593,11 @@ function DrawerDescriptionBase({
 }
 
 // src/hooks/use-universal-tooltip.tsx
-var import_react42 = require("react");
+var import_react40 = require("react");
 var import_jsx_runtime62 = require("react/jsx-runtime");
-var UniversalTooltipContext = (0, import_react42.createContext)(null);
+var UniversalTooltipContext = (0, import_react40.createContext)(null);
 var useUniversalTooltip = () => {
-  const context = (0, import_react42.useContext)(UniversalTooltipContext);
+  const context = (0, import_react40.useContext)(UniversalTooltipContext);
   if (!context) {
     throw new Error("useUniversalTooltip deve ser usado dentro de UniversalTooltipProvider");
   }
@@ -10671,7 +10605,7 @@ var useUniversalTooltip = () => {
 };
 var useTooltip = () => {
   const { addTooltip, removeTooltip, startDrag } = useUniversalTooltip();
-  const createTooltip = (0, import_react42.useCallback)((element, content, options) => {
+  const createTooltip = (0, import_react40.useCallback)((element, content, options) => {
     const rect = element.getBoundingClientRect();
     let position;
     switch (options?.position || "auto") {
@@ -10701,7 +10635,7 @@ var useTooltip = () => {
       metadata: options?.metadata
     });
   }, [addTooltip]);
-  const handleElementMouseDown = (0, import_react42.useCallback)((tooltipId, event) => {
+  const handleElementMouseDown = (0, import_react40.useCallback)((tooltipId, event) => {
     const rect = event.target.getBoundingClientRect();
     const offset = {
       x: event.clientX - rect.left,
@@ -10860,7 +10794,7 @@ var import_date_fns = require("date-fns");
 // src/components/picker/calendar.tsx
 var React40 = __toESM(require("react"));
 var import_react_day_picker2 = require("react-day-picker");
-var import_react43 = require("@phosphor-icons/react");
+var import_react41 = require("@phosphor-icons/react");
 var import_framer_motion14 = require("framer-motion");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 function CalendarBase2({
@@ -10937,8 +10871,8 @@ function CalendarBase2({
                   ...classNames
                 },
                 components: {
-                  IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react43.CaretLeftIcon, { className: "h-4 w-4" }),
-                  IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react43.CaretRightIcon, { className: "h-4 w-4" })
+                  IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react41.CaretLeftIcon, { className: "h-4 w-4" }),
+                  IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react41.CaretRightIcon, { className: "h-4 w-4" })
                 },
                 ...props
               }
@@ -10954,15 +10888,15 @@ CalendarBase2.displayName = "CalendarBase";
 
 // src/components/picker/DateTimePicker.tsx
 var import_locale = require("date-fns/locale");
-var import_react46 = require("react");
+var import_react44 = require("react");
 
 // src/components/picker/TimePicker.tsx
 var import_framer_motion15 = require("framer-motion");
 var React42 = __toESM(require("react"));
 
 // src/components/picker/TimePickerInput.tsx
-var import_react44 = require("@phosphor-icons/react");
-var import_react45 = __toESM(require("react"));
+var import_react42 = require("@phosphor-icons/react");
+var import_react43 = __toESM(require("react"));
 
 // src/components/picker/utils/time-picker-utils.ts
 function isValidHour(value) {
@@ -11105,7 +11039,7 @@ function display12HourValue(hours) {
 
 // src/components/picker/TimePickerInput.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
-var TimePickerInput = import_react45.default.forwardRef(
+var TimePickerInput = import_react43.default.forwardRef(
   ({
     className,
     type = "tel",
@@ -11124,10 +11058,10 @@ var TimePickerInput = import_react45.default.forwardRef(
     label,
     ...props
   }, ref) => {
-    const [flag, setFlag] = import_react45.default.useState(false);
-    const [prevIntKey, setPrevIntKey] = import_react45.default.useState("0");
-    const [isFocused, setIsFocused] = import_react45.default.useState(false);
-    import_react45.default.useEffect(() => {
+    const [flag, setFlag] = import_react43.default.useState(false);
+    const [prevIntKey, setPrevIntKey] = import_react43.default.useState("0");
+    const [isFocused, setIsFocused] = import_react43.default.useState(false);
+    import_react43.default.useEffect(() => {
       if (flag) {
         const timer = setTimeout(() => {
           setFlag(false);
@@ -11135,7 +11069,7 @@ var TimePickerInput = import_react45.default.forwardRef(
         return () => clearTimeout(timer);
       }
     }, [flag]);
-    const calculatedValue = import_react45.default.useMemo(() => {
+    const calculatedValue = import_react43.default.useMemo(() => {
       return getDateByType(date, picker);
     }, [date, picker]);
     const calculateNewValue = (key) => {
@@ -11224,7 +11158,7 @@ var TimePickerInput = import_react45.default.forwardRef(
                 ),
                 tabIndex: -1,
                 "aria-label": `Incrementar ${getPickerLabel().toLowerCase()}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react44.CaretUpIcon, { size: 14, className: "sm:w-4 sm:h-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react42.CaretUpIcon, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "relative", children: [
@@ -11291,7 +11225,7 @@ var TimePickerInput = import_react45.default.forwardRef(
                 ),
                 tabIndex: -1,
                 "aria-label": `Decrementar ${getPickerLabel().toLowerCase()}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react44.CaretDownIcon, { size: 14, className: "sm:w-4 sm:h-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react42.CaretDownIcon, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             )
           ]
@@ -11400,7 +11334,7 @@ function TimePicker({
 }
 
 // src/components/picker/DateTimePicker.tsx
-var import_react47 = require("@phosphor-icons/react");
+var import_react45 = require("@phosphor-icons/react");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 function DateTimePicker({
   label,
@@ -11415,9 +11349,9 @@ function DateTimePicker({
   className,
   error
 }) {
-  const [internalDate, setInternalDate] = (0, import_react46.useState)(date);
-  const [open, setOpen] = (0, import_react46.useState)(false);
-  const [timePickerOpen, setTimePickerOpen] = (0, import_react46.useState)(false);
+  const [internalDate, setInternalDate] = (0, import_react44.useState)(date);
+  const [open, setOpen] = (0, import_react44.useState)(false);
+  const [timePickerOpen, setTimePickerOpen] = (0, import_react44.useState)(false);
   const handleSelect = (newDay) => {
     if (!newDay) return;
     if (!internalDate) {
@@ -11448,7 +11382,7 @@ function DateTimePicker({
     if (!timeFormat) return "dd MMMM yyyy";
     return `dd MMMM yyyy - ${timeFormat}`;
   };
-  (0, import_react46.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     setInternalDate(date);
   }, [date, open]);
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: cn("w-full sm:w-auto", className), children: [
@@ -11479,7 +11413,7 @@ function DateTimePicker({
                     children: date ? (0, import_date_fns.format)(date, getDisplayFormat(), { locale: import_locale.ptBR }) : "Selecione uma data"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react47.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
+                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react45.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
               ]
             }
           )
@@ -11529,7 +11463,7 @@ function DateTimePicker({
                         "shadow-sm hover:shadow-md no-active-animation"
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react47.ClockIcon, { className: "text-primary flex-shrink-0 w-4 h-4 sm:w-5 sm:h-5" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react45.ClockIcon, { className: "text-primary flex-shrink-0 w-4 h-4 sm:w-5 sm:h-5" }),
                         /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-black truncate", children: internalDate ? (0, import_date_fns.format)(internalDate, getTimeFormat() || "HH:mm", {
                           locale: import_locale.ptBR
                         }) : "00:00" })
@@ -11592,7 +11526,7 @@ var React43 = __toESM(require("react"));
 var import_react_day_picker3 = require("react-day-picker");
 var import_pt_BR = __toESM(require("date-fns/locale/pt-BR"));
 var import_date_fns2 = require("date-fns");
-var import_react48 = require("@phosphor-icons/react");
+var import_react46 = require("@phosphor-icons/react");
 var import_framer_motion16 = require("framer-motion");
 var import_ssr7 = require("@phosphor-icons/react/dist/ssr");
 var import_jsx_runtime68 = require("react/jsx-runtime");
@@ -11654,7 +11588,7 @@ function RangePicker({
                 {
                   animate: open ? { rotate: 8, scale: 1.15 } : { rotate: 0, scale: 1 },
                   transition: { type: "spring", stiffness: 300, damping: 18 },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react48.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
                 }
               )
             ]
@@ -11731,8 +11665,8 @@ function RangePicker({
                         day_hidden: "invisible"
                       },
                       components: {
-                        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react48.CaretLeftIcon, { className: "h-4 w-4" }),
-                        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react48.CaretRightIcon, { className: "h-4 w-4" })
+                        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.CaretLeftIcon, { className: "h-4 w-4" }),
+                        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.CaretRightIcon, { className: "h-4 w-4" })
                       }
                     }
                   )
@@ -11804,7 +11738,7 @@ RangePicker.displayName = "RangePicker";
 
 // src/components/ui/navigation/ContextMenuBase.tsx
 var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"));
-var import_react49 = require("@phosphor-icons/react");
+var import_react47 = require("@phosphor-icons/react");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 function ContextMenuBase(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
@@ -11846,7 +11780,7 @@ function ContextMenuSubTriggerBase({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react49.CaretRightIcon, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react47.CaretRightIcon, { className: "ml-auto" })
       ]
     }
   );
@@ -11941,7 +11875,7 @@ function ContextMenuCheckboxItemBase({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react49.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react47.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -11966,7 +11900,7 @@ function ContextMenuRadioItemBase({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react49.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react47.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -12015,8 +11949,8 @@ function ContextMenuShortcutBase({
 }
 
 // src/components/ui/CodeBlock.tsx
-var import_react50 = require("@phosphor-icons/react");
-var import_react51 = __toESM(require("react"));
+var import_react48 = require("@phosphor-icons/react");
+var import_react49 = __toESM(require("react"));
 var import_react_syntax_highlighter = require("react-syntax-highlighter");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 var CodeBlock = ({
@@ -12028,11 +11962,11 @@ var CodeBlock = ({
   breadcrumb = [],
   showStats = true
 }) => {
-  const [copied, setCopied] = import_react51.default.useState(false);
-  const [activeTab, setActiveTab] = import_react51.default.useState(0);
-  const [isExpanded, setIsExpanded] = import_react51.default.useState(false);
+  const [copied, setCopied] = import_react49.default.useState(false);
+  const [activeTab, setActiveTab] = import_react49.default.useState(0);
+  const [isExpanded, setIsExpanded] = import_react49.default.useState(false);
   const tabsExist = tabs.length > 0;
-  const cssVars = import_react51.default.useMemo(
+  const cssVars = import_react49.default.useMemo(
     () => ({
       container: {
         backgroundColor: "hsl(var(--card))",
@@ -12097,12 +12031,12 @@ var CodeBlock = ({
       case "jsx":
       case "typescript":
       case "tsx":
-        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react50.CodeIcon, { size: "1em", className: "text-yellow-400" });
+        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react48.CodeIcon, { size: "1em", className: "text-yellow-400" });
       case "bash":
       case "shell":
-        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react50.TerminalIcon, { size: "1em", className: "text-green-400" });
+        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react48.TerminalIcon, { size: "1em", className: "text-green-400" });
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react50.FileArchiveIcon, { size: "1em", className: "text-blue-400" });
+        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react48.FileArchiveIcon, { size: "1em", className: "text-blue-400" });
     }
   };
   const getCodeStats = (source) => {
@@ -12127,8 +12061,8 @@ var CodeBlock = ({
               /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "w-3 h-3 rounded-full bg-green-500" })
             ] }),
             breadcrumb.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react50.FolderIcon, { size: "1em", style: cssVars.icon }),
-              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_react51.default.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react48.FolderIcon, { size: "1em", style: cssVars.icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_react49.default.Fragment, { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                   "span",
                   {
@@ -12138,7 +12072,7 @@ var CodeBlock = ({
                   }
                 ),
                 index < breadcrumb.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
-                  import_react50.ArrowRightIcon,
+                  import_react48.ArrowRightIcon,
                   {
                     size: "0.75em",
                     style: cssVars.icon,
@@ -12169,7 +12103,7 @@ var CodeBlock = ({
                   onClick: () => setIsExpanded(!isExpanded),
                   className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
                   title: "Toggle fullscreen",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react50.ArrowsOutIcon, { size: "1em", style: cssVars.icon })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react48.ArrowsOutIcon, { size: "1em", style: cssVars.icon })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
@@ -12178,7 +12112,7 @@ var CodeBlock = ({
                   onClick: downloadCode,
                   className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
                   title: "Download code",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react50.DownloadIcon, { size: "1em", style: cssVars.icon })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react48.DownloadIcon, { size: "1em", style: cssVars.icon })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
@@ -12188,12 +12122,12 @@ var CodeBlock = ({
                   className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
                   title: "Copy code",
                   children: copied ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
-                    import_react50.CheckIcon,
+                    import_react48.CheckIcon,
                     {
                       size: "1em",
                       style: { color: "hsl(var(--primary))" }
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react50.CopyIcon, { size: "1em", style: cssVars.icon })
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react48.CopyIcon, { size: "1em", style: cssVars.icon })
                 }
               )
             ] })
@@ -12306,7 +12240,7 @@ var CodeBlock = ({
                 ] })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center gap-1 shrink-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react50.GearIcon, { size: "0.75em", style: cssVars.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react48.GearIcon, { size: "0.75em", style: cssVars.icon }),
                 /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: "UTF-8" })
               ] })
             ]
@@ -12385,13 +12319,13 @@ function StatusIndicator({
 }
 
 // src/components/ui/form/DebouncedInput.tsx
-var import_react52 = require("react");
-var import_react53 = require("@phosphor-icons/react");
+var import_react50 = require("react");
+var import_react51 = require("@phosphor-icons/react");
 var import_jsx_runtime72 = require("react/jsx-runtime");
 function DebouncedInput({
   value: initialValue,
   onChange,
-  debounce = 500,
+  debounce: debounce2 = 500,
   label,
   labelClassname,
   leftIcon,
@@ -12401,27 +12335,27 @@ function DebouncedInput({
   error,
   ...props
 }) {
-  const [value, setValue] = (0, import_react52.useState)(initialValue);
-  const [isDebouncing, setIsDebouncing] = (0, import_react52.useState)(false);
-  (0, import_react52.useEffect)(() => {
+  const [value, setValue] = (0, import_react50.useState)(initialValue);
+  const [isDebouncing, setIsDebouncing] = (0, import_react50.useState)(false);
+  (0, import_react50.useEffect)(() => {
     setValue(initialValue);
   }, [initialValue]);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (value !== initialValue) {
       setIsDebouncing(true);
     }
     const timeout = setTimeout(() => {
       onChange(value);
       setIsDebouncing(false);
-    }, debounce);
+    }, debounce2);
     return () => {
       clearTimeout(timeout);
       setIsDebouncing(false);
     };
-  }, [debounce, initialValue, onChange, value]);
+  }, [debounce2, initialValue, onChange, value]);
   const renderRightIcon = () => {
     if (showLoadingIndicator && isDebouncing) {
-      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react53.CircleNotchIcon, { className: "h-4 w-4 animate-spin  text-muted-foreground" });
+      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react51.CircleNotchIcon, { className: "h-4 w-4 animate-spin  text-muted-foreground" });
     }
     return rightIcon;
   };
@@ -12444,15 +12378,32 @@ function DebouncedInput({
 // src/components/event-calendar/AgendaView.tsx
 var import_date_fns3 = require("date-fns");
 var import_locale2 = require("date-fns/locale");
-var import_react54 = require("react");
-var import_react55 = require("@phosphor-icons/react");
+var import_react52 = require("react");
+var import_react53 = require("@phosphor-icons/react");
 var import_jsx_runtime73 = require("react/jsx-runtime");
 function AgendaView({
   currentDate,
   events,
-  onEventSelect
+  onEventSelect,
+  showUndatedEvents = false
 }) {
-  const days = (0, import_react54.useMemo)(() => {
+  const isValidDate3 = (d) => {
+    try {
+      const t = d instanceof Date ? d.getTime() : new Date(String(d)).getTime();
+      return !isNaN(t);
+    } catch {
+      return false;
+    }
+  };
+  const datedEvents = (0, import_react52.useMemo)(
+    () => events.filter((e) => isValidDate3(e.start) && isValidDate3(e.end)),
+    [events]
+  );
+  const undatedEvents = (0, import_react52.useMemo)(
+    () => events.filter((e) => !(isValidDate3(e.start) && isValidDate3(e.end))),
+    [events]
+  );
+  const days = (0, import_react52.useMemo)(() => {
     console.log("Agenda view updating with date:", currentDate.toISOString());
     return Array.from(
       { length: AgendaDaysToShow },
@@ -12462,58 +12413,76 @@ function AgendaView({
   const handleEventClick = (event, e) => {
     e.stopPropagation();
     console.log("Agenda view event clicked:", event);
-    onEventSelect(event);
+    if (onEventSelect) onEventSelect(event);
   };
   const hasEvents = days.some(
-    (day) => getAgendaEventsForDay(events, day).length > 0
+    (day) => getAgendaEventsForDay(datedEvents, day).length > 0
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "border-border/70 border-t px-4", children: !hasEvents ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex min-h-[70svh] flex-col items-center justify-center py-16 text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react55.CalendarIcon, { className: "mb-2 text-muted-foreground/50", size: 32 }),
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "border-border/70 border-t px-4", children: !hasEvents && !(showUndatedEvents && undatedEvents.length > 0) ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex min-h-[70svh] flex-col items-center justify-center py-16 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.CalendarIcon, { className: "mb-2 text-muted-foreground/50", size: 32 }),
     /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("h3", { className: "font-medium text-lg", children: "Nenhum evento encontrado" }),
     /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "text-muted-foreground", children: "N\xE3o h\xE1 eventos agendados para este per\xEDodo." })
-  ] }) : days.map((day) => {
-    const dayEvents = getAgendaEventsForDay(events, day);
-    if (dayEvents.length === 0) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
-      "div",
-      {
-        className: "relative my-12 border-border/70 border-t",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-            "span",
-            {
-              className: "-top-3 absolute left-0 flex h-6 items-center bg-background pe-4 text-[10px] uppercase data-today:font-medium sm:pe-4 sm:text-xs",
-              "data-today": (0, import_date_fns3.isToday)(day) || void 0,
-              children: (() => {
-                const s = (0, import_date_fns3.format)(day, "d MMM, EEEE", { locale: import_locale2.ptBR });
-                return s.split(" ").map((w) => w ? w[0].toUpperCase() + w.slice(1) : w).join(" ");
-              })()
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mt-6 space-y-2", children: dayEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-            EventItem,
-            {
-              event,
-              onClick: (e) => handleEventClick(event, e),
-              view: "agenda"
-            },
-            event.id
-          )) })
-        ]
-      },
-      day.toString()
-    );
-  }) });
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
+    days.map((day) => {
+      const dayEvents = getAgendaEventsForDay(datedEvents, day);
+      if (dayEvents.length === 0) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+        "div",
+        {
+          className: "relative my-12 border-border/70 border-t",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+              "span",
+              {
+                className: "-top-3 absolute left-0 flex h-6 items-center bg-background pe-4 text-[10px] uppercase data-today:font-medium sm:pe-4 sm:text-xs",
+                "data-today": (0, import_date_fns3.isToday)(day) || void 0,
+                children: (() => {
+                  const s = (0, import_date_fns3.format)(day, "d MMM, EEEE", { locale: import_locale2.ptBR });
+                  return s.split(" ").map((w) => w ? w[0].toUpperCase() + w.slice(1) : w).join(" ");
+                })()
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mt-6 space-y-2", children: dayEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+              EventItem,
+              {
+                event,
+                onClick: onEventSelect ? (e) => handleEventClick(event, e) : void 0,
+                view: "agenda",
+                agendaOnly: showUndatedEvents,
+                className: onEventSelect ? void 0 : "cursor-default hover:shadow-none hover:scale-100"
+              },
+              event.id
+            )) })
+          ]
+        },
+        day.toString()
+      );
+    }),
+    showUndatedEvents && undatedEvents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "relative my-12 border-border/70 border-t", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "-top-3 absolute left-0 flex h-6 items-center bg-background pe-4 text-[10px] uppercase sm:pe-4 sm:text-xs", children: "Data de Atendimento n\xE3o Prevista" }),
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mt-6 space-y-2", children: undatedEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        EventItem,
+        {
+          event,
+          onClick: onEventSelect ? (e) => handleEventClick(event, e) : void 0,
+          view: "agenda",
+          agendaOnly: showUndatedEvents,
+          className: showUndatedEvents ? "cursor-default hover:shadow-none hover:scale-100 bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none " : onEventSelect ? void 0 : "cursor-default hover:shadow-none hover:scale-100"
+        },
+        event.id
+      )) })
+    ] })
+  ] }) });
 }
 
 // src/components/event-calendar/CalendarDND.tsx
 var import_core = require("@dnd-kit/core");
 var import_date_fns4 = require("date-fns");
-var import_react57 = require("react");
+var import_react55 = require("react");
 
 // src/components/event-calendar/hooks.ts
-var import_react56 = require("react");
-var CalendarDndContext = (0, import_react56.createContext)({
+var import_react54 = require("react");
+var CalendarDndContext = (0, import_react54.createContext)({
   activeEvent: null,
   activeId: null,
   activeView: null,
@@ -12523,7 +12492,7 @@ var CalendarDndContext = (0, import_react56.createContext)({
   isMultiDay: false,
   multiDayWidth: null
 });
-var useCalendarDnd = () => (0, import_react56.useContext)(CalendarDndContext);
+var useCalendarDnd = () => (0, import_react54.useContext)(CalendarDndContext);
 
 // src/components/event-calendar/CalendarDND.tsx
 var import_jsx_runtime74 = require("react/jsx-runtime");
@@ -12531,17 +12500,17 @@ function CalendarDndProvider({
   children,
   onEventUpdate
 }) {
-  const [activeEvent, setActiveEvent] = (0, import_react57.useState)(null);
-  const [activeId, setActiveId] = (0, import_react57.useState)(null);
-  const [activeView, setActiveView] = (0, import_react57.useState)(
+  const [activeEvent, setActiveEvent] = (0, import_react55.useState)(null);
+  const [activeId, setActiveId] = (0, import_react55.useState)(null);
+  const [activeView, setActiveView] = (0, import_react55.useState)(
     null
   );
-  const [currentTime, setCurrentTime] = (0, import_react57.useState)(null);
-  const [eventHeight, setEventHeight] = (0, import_react57.useState)(null);
-  const [isMultiDay, setIsMultiDay] = (0, import_react57.useState)(false);
-  const [multiDayWidth, setMultiDayWidth] = (0, import_react57.useState)(null);
-  const [dragHandlePosition, setDragHandlePosition] = (0, import_react57.useState)(null);
-  const eventDimensions = (0, import_react57.useRef)({ height: 0 });
+  const [currentTime, setCurrentTime] = (0, import_react55.useState)(null);
+  const [eventHeight, setEventHeight] = (0, import_react55.useState)(null);
+  const [isMultiDay, setIsMultiDay] = (0, import_react55.useState)(false);
+  const [multiDayWidth, setMultiDayWidth] = (0, import_react55.useState)(null);
+  const [dragHandlePosition, setDragHandlePosition] = (0, import_react55.useState)(null);
+  const eventDimensions = (0, import_react55.useRef)({ height: 0 });
   const sensors = (0, import_core.useSensors)(
     (0, import_core.useSensor)(import_core.MouseSensor, {
       // Require the mouse to move by 5px before activating
@@ -12563,7 +12532,7 @@ function CalendarDndProvider({
       }
     })
   );
-  const dndContextId = (0, import_react57.useId)();
+  const dndContextId = (0, import_react55.useId)();
   const handleDragStart = (event) => {
     const { active } = event;
     if (!active.data.current) {
@@ -12755,7 +12724,7 @@ var DefaultEndHour = 10;
 
 // src/components/event-calendar/DayView.tsx
 var import_date_fns5 = require("date-fns");
-var import_react58 = require("react");
+var import_react56 = require("react");
 var import_jsx_runtime75 = require("react/jsx-runtime");
 function DayView({
   currentDate,
@@ -12763,14 +12732,14 @@ function DayView({
   onEventSelect,
   onEventCreate
 }) {
-  const hours = (0, import_react58.useMemo)(() => {
+  const hours = (0, import_react56.useMemo)(() => {
     const dayStart = (0, import_date_fns5.startOfDay)(currentDate);
     return (0, import_date_fns5.eachHourOfInterval)({
       end: (0, import_date_fns5.addHours)(dayStart, EndHour - 1),
       start: (0, import_date_fns5.addHours)(dayStart, StartHour)
     });
   }, [currentDate]);
-  const dayEvents = (0, import_react58.useMemo)(() => {
+  const dayEvents = (0, import_react56.useMemo)(() => {
     return events.filter((event) => {
       const eventStart = new Date(event.start);
       const eventEnd = new Date(event.end);
@@ -12779,17 +12748,17 @@ function DayView({
       (a, b) => new Date(a.start).getTime() - new Date(b.start).getTime()
     );
   }, [currentDate, events]);
-  const allDayEvents = (0, import_react58.useMemo)(() => {
+  const allDayEvents = (0, import_react56.useMemo)(() => {
     return dayEvents.filter((event) => {
       return event.allDay || isMultiDayEvent(event);
     });
   }, [dayEvents]);
-  const timeEvents = (0, import_react58.useMemo)(() => {
+  const timeEvents = (0, import_react56.useMemo)(() => {
     return dayEvents.filter((event) => {
       return !event.allDay && !isMultiDayEvent(event);
     });
   }, [dayEvents]);
-  const positionedEvents = (0, import_react58.useMemo)(() => {
+  const positionedEvents = (0, import_react56.useMemo)(() => {
     const result = [];
     const dayStart = (0, import_date_fns5.startOfDay)(currentDate);
     const sortedEvents = [...timeEvents].sort((a, b) => {
@@ -12970,7 +12939,7 @@ function DayView({
 var import_core2 = require("@dnd-kit/core");
 var import_utilities = require("@dnd-kit/utilities");
 var import_date_fns6 = require("date-fns");
-var import_react59 = require("react");
+var import_react57 = require("react");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 function DraggableEvent({
   event,
@@ -12985,8 +12954,8 @@ function DraggableEvent({
   "aria-hidden": ariaHidden
 }) {
   const { activeId } = useCalendarDnd();
-  const elementRef = (0, import_react59.useRef)(null);
-  const [dragHandlePosition, setDragHandlePosition] = (0, import_react59.useState)(null);
+  const elementRef = (0, import_react57.useRef)(null);
+  const [dragHandlePosition, setDragHandlePosition] = (0, import_react57.useState)(null);
   const eventStart = new Date(event.start);
   const eventEnd = new Date(event.end);
   const isMultiDayEvent2 = isMultiDay || event.allDay || (0, import_date_fns6.differenceInDays)(eventEnd, eventStart) >= 1;
@@ -13111,9 +13080,9 @@ function DroppableCell({
 // src/components/event-calendar/EventCalendar.tsx
 var import_date_fns7 = require("date-fns");
 var import_locale3 = require("date-fns/locale");
-var import_react60 = require("react");
+var import_react58 = require("react");
 var import_sonner3 = require("sonner");
-var import_react61 = require("@phosphor-icons/react");
+var import_react59 = require("@phosphor-icons/react");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 function EventCalendar({
   events = [],
@@ -13121,14 +13090,19 @@ function EventCalendar({
   onEventUpdate,
   onEventDelete,
   className,
-  initialView = "month"
+  initialView = "month",
+  mode = "default"
 }) {
-  const [currentDate, setCurrentDate] = (0, import_react60.useState)(/* @__PURE__ */ new Date());
-  const [view, setView] = (0, import_react60.useState)(initialView);
-  const [isFading, setIsFading] = (0, import_react60.useState)(false);
+  const isAgendaOnly = mode === "agenda-only";
+  const [currentDate, setCurrentDate] = (0, import_react58.useState)(/* @__PURE__ */ new Date());
+  const [view, setView] = (0, import_react58.useState)(
+    isAgendaOnly ? "agenda" : initialView
+  );
+  const [isFading, setIsFading] = (0, import_react58.useState)(false);
   const FADE_DURATION = 220;
-  const changeView = (0, import_react60.useCallback)(
+  const changeView = (0, import_react58.useCallback)(
     (next) => {
+      if (isAgendaOnly) return;
       if (next === view) return;
       setIsFading(true);
       window.setTimeout(() => {
@@ -13136,14 +13110,14 @@ function EventCalendar({
         requestAnimationFrame(() => setIsFading(false));
       }, FADE_DURATION);
     },
-    [view]
+    [view, isAgendaOnly]
   );
-  const [isPaging, setIsPaging] = (0, import_react60.useState)(false);
-  const [pageDirection, setPageDirection] = (0, import_react60.useState)(
+  const [isPaging, setIsPaging] = (0, import_react58.useState)(false);
+  const [pageDirection, setPageDirection] = (0, import_react58.useState)(
     null
   );
   const PAGE_DURATION = 200;
-  const pageTransition = (0, import_react60.useCallback)(
+  const pageTransition = (0, import_react58.useCallback)(
     (applyDateChange, direction) => {
       setIsPaging(true);
       setPageDirection(direction);
@@ -13157,20 +13131,20 @@ function EventCalendar({
     },
     []
   );
-  const [isEventDialogOpen, setIsEventDialogOpen] = (0, import_react60.useState)(false);
-  const [selectedEvent, setSelectedEvent] = (0, import_react60.useState)(
+  const [isEventDialogOpen, setIsEventDialogOpen] = (0, import_react58.useState)(false);
+  const [selectedEvent, setSelectedEvent] = (0, import_react58.useState)(
     null
   );
-  (0, import_react60.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     const handleKeyDown = (e) => {
       if (isEventDialogOpen || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLElement && e.target.isContentEditable) {
         return;
       }
+      if (isAgendaOnly) return;
       switch (e.key.toLowerCase()) {
         case "m":
           changeView("month");
           break;
-        // aceitar tanto 'w' (inglês) quanto 's' (pt-BR para "semana")
         case "w":
         case "s":
           changeView("week");
@@ -13187,7 +13161,7 @@ function EventCalendar({
     return () => {
       window.removeEventListener("keydown", handleKeyDown);
     };
-  }, [isEventDialogOpen, changeView]);
+  }, [isEventDialogOpen, changeView, isAgendaOnly]);
   const handlePrevious = () => {
     pageTransition(() => {
       if (view === "month") {
@@ -13218,11 +13192,13 @@ function EventCalendar({
     setCurrentDate(/* @__PURE__ */ new Date());
   };
   const handleEventSelect = (event) => {
+    if (isAgendaOnly) return;
     console.log("Event selected:", event);
     setSelectedEvent(event);
     setIsEventDialogOpen(true);
   };
   const handleEventCreate = (startTime) => {
+    if (isAgendaOnly) return;
     console.log("Creating new event at:", startTime);
     const minutes = startTime.getMinutes();
     const remainder = minutes % 15;
@@ -13296,7 +13272,7 @@ function EventCalendar({
       position: "bottom-left"
     });
   };
-  const viewTitle = (0, import_react60.useMemo)(() => {
+  const viewTitle = (0, import_react58.useMemo)(() => {
     const capitalize = (s) => s && s.length > 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s;
     if (view === "month") {
       return capitalize((0, import_date_fns7.format)(currentDate, "MMMM yyyy", { locale: import_locale3.ptBR }));
@@ -13316,7 +13292,9 @@ function EventCalendar({
       const month = capitalize((0, import_date_fns7.format)(currentDate, "MMMM", { locale: import_locale3.ptBR }));
       const year = (0, import_date_fns7.format)(currentDate, "yyyy", { locale: import_locale3.ptBR });
       const short = `${dayNum} de ${month} de ${year}`;
-      const long = `${(0, import_date_fns7.format)(currentDate, "EEE", { locale: import_locale3.ptBR })}, ${dayNum} de ${month} de ${year}`;
+      const long = `${(0, import_date_fns7.format)(currentDate, "EEE", {
+        locale: import_locale3.ptBR
+      })}, ${dayNum} de ${month} de ${year}`;
       return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { "aria-hidden": "true", className: "min-[480px]:hidden", children: short }),
         /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { "aria-hidden": "true", className: "max-[479px]:hidden min-md:hidden", children: short }),
@@ -13335,224 +13313,228 @@ function EventCalendar({
     }
     return capitalize((0, import_date_fns7.format)(currentDate, "MMMM yyyy", { locale: import_locale3.ptBR }));
   }, [currentDate, view]);
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-    "div",
-    {
-      className: "flex flex-col rounded-lg border has-data-[slot=month-view]:flex-1 p-6",
-      style: {
-        "--event-gap": `${EventGap}px`,
-        "--event-height": `${EventHeight}px`,
-        "--week-cells-height": `${WeekCellsHeight}px`
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(CalendarDndProvider, { onEventUpdate: handleEventUpdate, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
-          "div",
-          {
-            className: cn(
-              "flex items-center justify-between p-2 sm:p-4",
-              className
-            ),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-1 sm:gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
-                  ButtonBase,
-                  {
-                    className: "max-[479px]:aspect-square max-[479px]:p-0!",
-                    onClick: handleToday,
-                    variant: "outline",
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                        import_react61.CalendarIcon,
-                        {
-                          "aria-hidden": "true",
-                          className: "min-[480px]:hidden",
-                          size: 16
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "max-[479px]:sr-only", children: "Hoje" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center sm:gap-2", children: [
+  const calendarContent = /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex items-center justify-between p-2 sm:p-4",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-1 sm:gap-4", children: [
+            !isAgendaOnly && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+              ButtonBase,
+              {
+                className: "max-[479px]:aspect-square max-[479px]:p-0!",
+                onClick: handleToday,
+                variant: "outline",
+                children: [
                   /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                    ButtonBase,
+                    import_react59.CalendarIcon,
                     {
-                      "aria-label": "Anterior",
-                      onClick: handlePrevious,
-                      size: "icon",
-                      variant: "ghost",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react61.CaretLeft, { "aria-hidden": "true", size: 16 })
+                      "aria-hidden": "true",
+                      className: "min-[480px]:hidden",
+                      size: 16
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                    ButtonBase,
-                    {
-                      "aria-label": "Pr\xF3ximo",
-                      onClick: handleNext,
-                      size: "icon",
-                      variant: "ghost",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react61.CaretRight, { "aria-hidden": "true", size: 16 })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h2", { className: "font-semibold text-sm sm:text-lg md:text-xl", children: viewTitle })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DropDownMenuBase, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
-                    ButtonBase,
-                    {
-                      className: "gap-1.5 max-[479px]:h-8",
-                      variant: "outline",
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { "aria-hidden": "true", className: "min-[480px]:hidden", children: (() => {
-                            const labels = {
-                              month: "M\xEAs",
-                              week: "Semana",
-                              day: "Dia",
-                              agenda: "Agenda"
-                            };
-                            return (labels[view] || view).charAt(0).toUpperCase();
-                          })() }),
-                          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "max-[479px]:sr-only", children: (() => {
-                            const labels = {
-                              month: "M\xEAs",
-                              week: "Semana",
-                              day: "Dia",
-                              agenda: "Agenda"
-                            };
-                            return labels[view] || view;
-                          })() })
-                        ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                          import_react61.ArrowDownIcon,
-                          {
-                            "aria-hidden": "true",
-                            className: "-me-1 opacity-60",
-                            size: 16
-                          }
-                        )
-                      ]
-                    }
-                  ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DropDownMenuContentBase, { align: "end", className: "min-w-32", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DropDownMenuItemBase, { onClick: () => changeView("month"), children: [
-                      "M\xEAs ",
-                      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropDownMenuShortcutBase, { children: "M" })
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DropDownMenuItemBase, { onClick: () => changeView("week"), children: [
-                      "Semana ",
-                      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropDownMenuShortcutBase, { children: "S" })
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DropDownMenuItemBase, { onClick: () => changeView("day"), children: [
-                      "Dia ",
-                      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropDownMenuShortcutBase, { children: "D" })
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DropDownMenuItemBase, { onClick: () => changeView("agenda"), children: [
-                      "Agenda ",
-                      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropDownMenuShortcutBase, { children: "A" })
-                    ] })
-                  ] })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
-                  ButtonBase,
-                  {
-                    className: "max-[479px]:aspect-square max-[479px]:p-0!",
-                    onClick: () => {
-                      setSelectedEvent(null);
-                      setIsEventDialogOpen(true);
-                    },
-                    size: "sm",
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                        import_react61.PlusIcon,
-                        {
-                          "aria-hidden": "true",
-                          className: "sm:-ms-1 opacity-60",
-                          size: 16
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "max-sm:sr-only", children: "Novo evento" })
-                    ]
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
-          "div",
-          {
-            className: cn(
-              "flex flex-1 flex-col transition-all duration-200 ease-in-out",
-              isFading ? "opacity-0 -translate-y-2 pointer-events-none" : isPaging ? pageDirection === "left" ? "-translate-x-4 opacity-0 pointer-events-none" : "translate-x-4 opacity-0 pointer-events-none" : "opacity-100 translate-y-0"
+                  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "max-[479px]:sr-only", children: "Hoje" })
+                ]
+              }
             ),
-            "aria-live": "polite",
-            children: [
-              view === "month" && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                MonthView,
-                {
-                  currentDate,
-                  events,
-                  onEventCreate: handleEventCreate,
-                  onEventSelect: handleEventSelect
-                }
-              ),
-              view === "week" && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                WeekView,
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center sm:gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                ButtonBase,
                 {
-                  currentDate,
-                  events,
-                  onEventCreate: handleEventCreate,
-                  onEventSelect: handleEventSelect
+                  "aria-label": "Anterior",
+                  onClick: handlePrevious,
+                  size: "icon",
+                  variant: "ghost",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react59.CaretLeft, { "aria-hidden": "true", size: 16 })
                 }
               ),
-              view === "day" && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                DayView,
+              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                ButtonBase,
                 {
-                  currentDate,
-                  events,
-                  onEventCreate: handleEventCreate,
-                  onEventSelect: handleEventSelect
+                  "aria-label": "Pr\xF3ximo",
+                  onClick: handleNext,
+                  size: "icon",
+                  variant: "ghost",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react59.CaretRight, { "aria-hidden": "true", size: 16 })
                 }
-              ),
-              view === "agenda" && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                AgendaView,
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h2", { className: "font-semibold text-sm sm:text-lg md:text-xl", children: viewTitle })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex items-center gap-2", children: !isAgendaOnly && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DropDownMenuBase, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+                ButtonBase,
                 {
-                  currentDate,
-                  events,
-                  onEventSelect: handleEventSelect
+                  className: "gap-1.5 max-[479px]:h-8",
+                  variant: "outline",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { "aria-hidden": "true", className: "min-[480px]:hidden", children: (() => {
+                        const labels = {
+                          month: "M\xEAs",
+                          week: "Semana",
+                          day: "Dia",
+                          agenda: "Agenda"
+                        };
+                        return (labels[view] || view).charAt(0).toUpperCase();
+                      })() }),
+                      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "max-[479px]:sr-only", children: (() => {
+                        const labels = {
+                          month: "M\xEAs",
+                          week: "Semana",
+                          day: "Dia",
+                          agenda: "Agenda"
+                        };
+                        return labels[view] || view;
+                      })() })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                      import_react59.ArrowDownIcon,
+                      {
+                        "aria-hidden": "true",
+                        className: "-me-1 opacity-60",
+                        size: 16
+                      }
+                    )
+                  ]
                 }
-              )
-            ]
-          }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DropDownMenuContentBase, { align: "end", className: "min-w-32", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DropDownMenuItemBase, { onClick: () => changeView("month"), children: [
+                  "M\xEAs ",
+                  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropDownMenuShortcutBase, { children: "M" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DropDownMenuItemBase, { onClick: () => changeView("week"), children: [
+                  "Semana",
+                  " ",
+                  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropDownMenuShortcutBase, { children: "S" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DropDownMenuItemBase, { onClick: () => changeView("day"), children: [
+                  "Dia ",
+                  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropDownMenuShortcutBase, { children: "D" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DropDownMenuItemBase, { onClick: () => changeView("agenda"), children: [
+                  "Agenda",
+                  " ",
+                  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropDownMenuShortcutBase, { children: "A" })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+              ButtonBase,
+              {
+                className: "max-[479px]:aspect-square max-[479px]:p-0!",
+                onClick: () => {
+                  setSelectedEvent(null);
+                  setIsEventDialogOpen(true);
+                },
+                size: "sm",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                    import_react59.PlusIcon,
+                    {
+                      "aria-hidden": "true",
+                      className: "sm:-ms-1 opacity-60",
+                      size: 16
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "max-sm:sr-only", children: "Novo evento" })
+                ]
+              }
+            )
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex flex-1 flex-col transition-all duration-200 ease-in-out",
+          isFading ? "opacity-0 -translate-y-2 pointer-events-none" : isPaging ? pageDirection === "left" ? "-translate-x-4 opacity-0 pointer-events-none" : "translate-x-4 opacity-0 pointer-events-none" : "opacity-100 translate-y-0"
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-          EventDialog,
-          {
-            event: selectedEvent,
-            isOpen: isEventDialogOpen,
-            onClose: () => {
-              setIsEventDialogOpen(false);
-              setSelectedEvent(null);
-            },
-            onDelete: handleEventDelete,
-            onSave: handleEventSave
-          }
-        )
-      ] })
+        "aria-live": "polite",
+        children: [
+          view === "month" && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            MonthView,
+            {
+              currentDate,
+              events,
+              onEventCreate: handleEventCreate,
+              onEventSelect: handleEventSelect
+            }
+          ),
+          view === "week" && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            WeekView,
+            {
+              currentDate,
+              events,
+              onEventCreate: handleEventCreate,
+              onEventSelect: handleEventSelect
+            }
+          ),
+          view === "day" && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            DayView,
+            {
+              currentDate,
+              events,
+              onEventCreate: handleEventCreate,
+              onEventSelect: handleEventSelect
+            }
+          ),
+          view === "agenda" && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            AgendaView,
+            {
+              currentDate,
+              events,
+              onEventSelect: isAgendaOnly ? void 0 : handleEventSelect,
+              showUndatedEvents: isAgendaOnly
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      EventDialog,
+      {
+        event: selectedEvent,
+        isOpen: isEventDialogOpen,
+        onClose: () => {
+          setIsEventDialogOpen(false);
+          setSelectedEvent(null);
+        },
+        onDelete: handleEventDelete,
+        onSave: handleEventSave
+      }
+    )
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    "div",
+    {
+      className: "flex flex-col rounded-lg border has-data-[slot=month-view]:flex-1 p-6",
+      style: {
+        "--event-gap": `${EventGap}px`,
+        "--event-height": `${EventHeight}px`,
+        "--week-cells-height": `${WeekCellsHeight}px`
+      },
+      children: isAgendaOnly ? calendarContent : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CalendarDndProvider, { onEventUpdate: handleEventUpdate, children: calendarContent })
     }
   );
 }
 
 // src/components/event-calendar/EventDialog.tsx
 var import_date_fns8 = require("date-fns");
-var import_react62 = require("react");
+var import_react60 = require("react");
 var import_react_radio_group = require("@radix-ui/react-radio-group");
 var import_framer_motion17 = require("framer-motion");
 var import_locale4 = require("date-fns/locale");
-var import_react63 = require("@phosphor-icons/react");
+var import_react61 = require("@phosphor-icons/react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 function EventDialog({
   event,
@@ -13561,21 +13543,21 @@ function EventDialog({
   onSave,
   onDelete
 }) {
-  const [title, setTitle] = (0, import_react62.useState)("");
-  const [description, setDescription] = (0, import_react62.useState)("");
-  const [startDate, setStartDate] = (0, import_react62.useState)(/* @__PURE__ */ new Date());
-  const [endDate, setEndDate] = (0, import_react62.useState)(/* @__PURE__ */ new Date());
-  const [startTime, setStartTime] = (0, import_react62.useState)(`${DefaultStartHour}:00`);
-  const [endTime, setEndTime] = (0, import_react62.useState)(`${DefaultEndHour}:00`);
-  const [allDay, setAllDay] = (0, import_react62.useState)(false);
-  const [location, setLocation] = (0, import_react62.useState)("");
-  const [color, setColor] = (0, import_react62.useState)("sky");
-  const [error, setError] = (0, import_react62.useState)(null);
-  const [startDateOpen, setStartDateOpen] = (0, import_react62.useState)(false);
-  const [endDateOpen, setEndDateOpen] = (0, import_react62.useState)(false);
-  (0, import_react62.useEffect)(() => {
+  const [title, setTitle] = (0, import_react60.useState)("");
+  const [description, setDescription] = (0, import_react60.useState)("");
+  const [startDate, setStartDate] = (0, import_react60.useState)(/* @__PURE__ */ new Date());
+  const [endDate, setEndDate] = (0, import_react60.useState)(/* @__PURE__ */ new Date());
+  const [startTime, setStartTime] = (0, import_react60.useState)(`${DefaultStartHour}:00`);
+  const [endTime, setEndTime] = (0, import_react60.useState)(`${DefaultEndHour}:00`);
+  const [allDay, setAllDay] = (0, import_react60.useState)(false);
+  const [location, setLocation] = (0, import_react60.useState)("");
+  const [color, setColor] = (0, import_react60.useState)("sky");
+  const [error, setError] = (0, import_react60.useState)(null);
+  const [startDateOpen, setStartDateOpen] = (0, import_react60.useState)(false);
+  const [endDateOpen, setEndDateOpen] = (0, import_react60.useState)(false);
+  (0, import_react60.useEffect)(() => {
   }, [event]);
-  const resetForm = (0, import_react62.useCallback)(() => {
+  const resetForm = (0, import_react60.useCallback)(() => {
     setTitle("");
     setDescription("");
     setStartDate(/* @__PURE__ */ new Date());
@@ -13587,12 +13569,12 @@ function EventDialog({
     setColor("sky");
     setError(null);
   }, []);
-  const formatTimeForInput = (0, import_react62.useCallback)((date) => {
+  const formatTimeForInput = (0, import_react60.useCallback)((date) => {
     const hours = date.getHours().toString().padStart(2, "0");
     const minutes = Math.floor(date.getMinutes() / 15) * 15;
     return `${hours}:${minutes.toString().padStart(2, "0")}`;
   }, []);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (event) {
       setTitle(event.title || "");
       setDescription(event.description || "");
@@ -13610,7 +13592,7 @@ function EventDialog({
       resetForm();
     }
   }, [event, formatTimeForInput, resetForm]);
-  const timeOptions = (0, import_react62.useMemo)(() => {
+  const timeOptions = (0, import_react60.useMemo)(() => {
     const options = [];
     for (let hour = StartHour; hour <= EndHour; hour++) {
       for (let minute = 0; minute < 60; minute += 15) {
@@ -13799,7 +13781,7 @@ function EventDialog({
                             }
                           ),
                           /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-                            import_react63.CalendarIcon,
+                            import_react61.CalendarIcon,
                             {
                               "aria-hidden": "true",
                               className: "shrink-0 text-muted-foreground/80",
@@ -13878,7 +13860,7 @@ function EventDialog({
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-                        import_react63.CalendarIcon,
+                        import_react61.CalendarIcon,
                         {
                           "aria-hidden": "true",
                           className: "shrink-0 text-muted-foreground/80",
@@ -13936,7 +13918,7 @@ function EventDialog({
                 allDay ? "bg-primary border-transparent text-white" : " border border-input"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react63.CalendarIcon, { size: 14, "aria-hidden": "true" }),
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react61.CalendarIcon, { size: 14, "aria-hidden": "true" }),
                 "Dia inteiro"
               ]
             }
@@ -13995,7 +13977,7 @@ function EventDialog({
               onClick: handleDelete,
               size: "icon",
               variant: "outline",
-              children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react63.TrashIcon, { "aria-hidden": "true", size: 16 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react61.TrashIcon, { "aria-hidden": "true", size: 16 })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-1 justify-end gap-2", children: [
@@ -14010,11 +13992,19 @@ function EventDialog({
 
 // src/components/event-calendar/EventItem.tsx
 var import_date_fns9 = require("date-fns");
-var import_react64 = require("react");
+var import_react62 = require("react");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var formatTimeWithOptionalMinutes = (date) => {
   return (0, import_date_fns9.format)(date, "HH:mm");
 };
+var isValidDate = (d) => {
+  try {
+    const dt = d instanceof Date ? d : new Date(String(d));
+    return !isNaN(dt.getTime());
+  } catch {
+    return false;
+  }
+};
 function EventWrapper({
   event,
   isFirstDay = true,
@@ -14030,16 +14020,18 @@ function EventWrapper({
   onTouchStart,
   ariaLabel
 }) {
-  const displayEnd = currentTime ? new Date(
+  const hasValidTimeForWrapper = isValidDate(event.start) && isValidDate(event.end);
+  const displayEnd = hasValidTimeForWrapper ? currentTime ? new Date(
     new Date(currentTime).getTime() + (new Date(event.end).getTime() - new Date(event.start).getTime())
-  ) : new Date(event.end);
-  const isEventInPast = (0, import_date_fns9.isPast)(displayEnd);
+  ) : new Date(event.end) : void 0;
+  const isEventInPast = displayEnd ? (0, import_date_fns9.isPast)(displayEnd) : false;
+  const colorClasses = hasValidTimeForWrapper ? getEventColorClasses(event.color) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none";
   return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
     "button",
     {
       className: cn(
         "flex w-full select-none overflow-hidden px-3 py-1 text-left font-medium outline-none transition-transform duration-150 ease-out backdrop-blur-sm focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-dragging:cursor-grabbing data-past-event:line-through data-dragging:shadow-lg sm:px-3 rounded-lg shadow-sm hover:shadow-md hover:scale-105",
-        getEventColorClasses(event.color),
+        colorClasses,
         getBorderRadiusClasses(isFirstDay, isLastDay),
         className
       ),
@@ -14070,21 +14062,39 @@ function EventItem({
   dndListeners,
   dndAttributes,
   onMouseDown,
-  onTouchStart
+  onTouchStart,
+  agendaOnly = false
 }) {
   const eventColor = event.color;
-  const displayStart = (0, import_react64.useMemo)(() => {
-    return currentTime || new Date(event.start);
-  }, [currentTime, event.start]);
-  const displayEnd = (0, import_react64.useMemo)(() => {
-    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 = (0, import_react64.useMemo)(() => {
+  const hasValidTime = isValidDate(event.start) && isValidDate(event.end) || isValidDate(event.attend_date);
+  const colorClasses = hasValidTime ? getEventColorClasses(eventColor) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none";
+  const displayStart = (0, import_react62.useMemo)(() => {
+    if (!hasValidTime) return void 0;
+    if (isValidDate(event.start))
+      return currentTime || new Date(event.start);
+    if (isValidDate(event.attend_date))
+      return currentTime || new Date(event.attend_date);
+    return void 0;
+  }, [currentTime, event.start, event.attend_date, hasValidTime]);
+  const displayEnd = (0, import_react62.useMemo)(() => {
+    if (!hasValidTime) return void 0;
+    if (isValidDate(event.end)) {
+      return currentTime ? new Date(
+        new Date(currentTime).getTime() + (new Date(event.end).getTime() - new Date(event.start).getTime())
+      ) : new Date(event.end);
+    }
+    if (isValidDate(event.attend_date)) {
+      const start = new Date(event.attend_date);
+      return addHoursToDate(start, 1);
+    }
+    return void 0;
+  }, [currentTime, event.start, event.end, event.attend_date, hasValidTime]);
+  const durationMinutes = (0, import_react62.useMemo)(() => {
+    if (!hasValidTime || !displayStart || !displayEnd) return 0;
     return (0, import_date_fns9.differenceInMinutes)(displayEnd, displayStart);
-  }, [displayStart, displayEnd]);
+  }, [displayStart, displayEnd, hasValidTime]);
   const getEventTime = () => {
+    if (!hasValidTime) return "";
     if (event.allDay) return "All day";
     if (durationMinutes < 45) {
       return formatTimeWithOptionalMinutes(displayStart);
@@ -14093,9 +14103,20 @@ function EventItem({
       displayStart
     )} - ${formatTimeWithOptionalMinutes(displayEnd)}`;
   };
-  const ariaLabel = event.allDay ? `${event.title}, All day` : durationMinutes < 45 ? `${event.title}, ${formatTimeWithOptionalMinutes(displayStart)}` : `${event.title}, ${formatTimeWithOptionalMinutes(
-    displayStart
-  )} - ${formatTimeWithOptionalMinutes(displayEnd)}`;
+  let ariaLabel;
+  if (!hasValidTime) {
+    ariaLabel = event.title;
+  } else if (event.allDay) {
+    ariaLabel = `${event.title}, All day`;
+  } else if (durationMinutes < 45) {
+    ariaLabel = `${event.title}, ${formatTimeWithOptionalMinutes(
+      displayStart
+    )}`;
+  } else {
+    ariaLabel = `${event.title}, ${formatTimeWithOptionalMinutes(
+      displayStart
+    )} - ${formatTimeWithOptionalMinutes(displayEnd)}`;
+  }
   if (view === "month") {
     return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       EventWrapper,
@@ -14116,8 +14137,17 @@ function EventItem({
         onMouseDown,
         onTouchStart,
         children: children || /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "flex items-center gap-2 truncate", children: [
-          !event.allDay && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "truncate font-normal opacity-80 sm:text-[11px] bg-white/10 px-2 py-0.5 rounded-full text-[11px]", children: formatTimeWithOptionalMinutes(displayStart) }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "truncate font-medium", children: event.title })
+          !event.allDay && hasValidTime && displayStart && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "truncate font-normal opacity-80 sm:text-[11px] bg-white/10 px-2 py-0.5 rounded-full text-[11px]", children: formatTimeWithOptionalMinutes(displayStart) }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+            "span",
+            {
+              className: cn(
+                "truncate",
+                agendaOnly ? "font-bold text-lg" : "font-medium"
+              ),
+              children: event.title
+            }
+          )
         ] })
       }
     );
@@ -14144,21 +14174,81 @@ function EventItem({
         onMouseDown,
         onTouchStart,
         children: durationMinutes < 45 ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "truncate", children: event.title }),
-          showTime && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ml-2 inline-block bg-white/10 px-2 py-0.5 rounded-full text-[11px] opacity-90", children: formatTimeWithOptionalMinutes(displayStart) })
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: cn("truncate", agendaOnly ? "text-lg" : ""), children: event.title }),
+          showTime && hasValidTime && displayStart && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ml-2 inline-block bg-white/10 px-2 py-0.5 rounded-full text-[11px] opacity-90", children: formatTimeWithOptionalMinutes(displayStart) })
         ] }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "truncate font-medium", children: event.title }),
-          showTime && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "truncate font-normal opacity-70 sm:text-[11px]", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "inline-block bg-white/5 px-2 py-0.5 rounded-full", children: getEventTime() }) })
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+            "div",
+            {
+              className: cn(
+                "truncate font-medium",
+                agendaOnly ? "text-lg" : ""
+              ),
+              children: event.title
+            }
+          ),
+          showTime && hasValidTime && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "truncate font-normal opacity-70 sm:text-[11px]", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "inline-block bg-white/5 px-2 py-0.5 rounded-full", children: getEventTime() }) })
         ] })
       }
     );
   }
+  if (!hasValidTime) {
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+      "button",
+      {
+        className: cn(
+          "flex w-full flex-col gap-2 rounded-lg p-3 text-left outline-none transition-shadow duration-150 ease-out hover:bg-white/3 focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring",
+          getEventColorClasses(eventColor),
+          className
+        ),
+        "aria-label": ariaLabel,
+        onClick,
+        onMouseDown,
+        onTouchStart,
+        type: "button",
+        ...dndListeners,
+        ...dndAttributes,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: cn("font-medium", agendaOnly ? "text-lg" : "text-sm"), children: event.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+            "div",
+            {
+              className: cn(
+                "opacity-70 flex items-center gap-2",
+                agendaOnly ? "text-sm" : "text-xs"
+              ),
+              children: event.location && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "opacity-80 flex items-center gap-1", children: [
+                "-",
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "truncate", children: event.location })
+              ] })
+            }
+          ),
+          event.description && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+            "div",
+            {
+              className: cn(
+                "my-1 opacity-90",
+                agendaOnly ? "text-sm" : "text-xs"
+              ),
+              style: {
+                display: "-webkit-box",
+                WebkitLineClamp: 2,
+                WebkitBoxOrient: "vertical",
+                overflow: "hidden"
+              },
+              children: event.description
+            }
+          )
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
     "button",
     {
       className: cn(
         "flex w-full flex-col gap-2 rounded-lg p-3 text-left outline-none transition-shadow duration-150 ease-out hover:bg-white/3 focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-past-event:line-through data-past-event:opacity-90",
-        getEventColorClasses(eventColor),
+        colorClasses,
         className
       ),
       "data-past-event": (0, import_date_fns9.isPast)(displayEnd) || void 0,
@@ -14170,23 +14260,32 @@ function EventItem({
       ...dndListeners,
       ...dndAttributes,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "font-medium text-sm", children: event.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "text-xs opacity-70 flex items-center gap-2", children: [
-          event.allDay ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "uppercase", children: "All day" }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "uppercase", children: [
-            formatTimeWithOptionalMinutes(displayStart),
-            " -",
-            " ",
-            formatTimeWithOptionalMinutes(displayEnd)
-          ] }),
-          event.location && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "opacity-80 flex items-center gap-1", children: [
-            "-",
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "truncate", children: event.location })
-          ] })
-        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: cn("font-medium", agendaOnly ? "text-lg" : "text-sm"), children: event.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+          "div",
+          {
+            className: cn(
+              "opacity-70 flex items-center gap-2",
+              agendaOnly ? "text-sm" : "text-xs"
+            ),
+            children: [
+              event.allDay ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "uppercase", children: "All day" }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "uppercase", children: [
+                formatTimeWithOptionalMinutes(displayStart),
+                " -",
+                " ",
+                formatTimeWithOptionalMinutes(displayEnd)
+              ] }),
+              event.location && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "opacity-80 flex items-center gap-1", children: [
+                "-",
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "truncate", children: event.location })
+              ] })
+            ]
+          }
+        ),
         event.description && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
           "div",
           {
-            className: "my-1 text-xs opacity-90",
+            className: cn("my-1 opacity-90", agendaOnly ? "text-sm" : "text-xs"),
             style: {
               display: "-webkit-box",
               WebkitLineClamp: 2,
@@ -14204,9 +14303,9 @@ function EventItem({
 // src/components/event-calendar/EventsPopUp.tsx
 var import_date_fns10 = require("date-fns");
 var import_locale5 = require("date-fns/locale");
-var import_react65 = require("react");
+var import_react63 = require("react");
 var import_framer_motion18 = require("framer-motion");
-var import_react66 = require("@phosphor-icons/react");
+var import_react64 = require("@phosphor-icons/react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 function EventsPopup({
   date,
@@ -14215,8 +14314,8 @@ function EventsPopup({
   onClose,
   onEventSelect
 }) {
-  const popupRef = (0, import_react65.useRef)(null);
-  (0, import_react65.useEffect)(() => {
+  const popupRef = (0, import_react63.useRef)(null);
+  (0, import_react63.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (popupRef.current && !popupRef.current.contains(event.target)) {
         onClose();
@@ -14227,7 +14326,7 @@ function EventsPopup({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [onClose]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     const handleEscKey = (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -14239,10 +14338,10 @@ function EventsPopup({
     };
   }, [onClose]);
   const handleEventClick = (event) => {
-    onEventSelect(event);
+    if (onEventSelect) onEventSelect(event);
     onClose();
   };
-  const adjustedPosition = (0, import_react65.useMemo)(() => {
+  const adjustedPosition = (0, import_react63.useMemo)(() => {
     const positionCopy = { ...position };
     if (popupRef.current) {
       const rect = popupRef.current.getBoundingClientRect();
@@ -14286,7 +14385,7 @@ function EventsPopup({
               className: "rounded-full p-1 hover:bg-muted",
               onClick: onClose,
               type: "button",
-              children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react66.XIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react64.XIcon, { className: "h-4 w-4" })
             }
           )
         ] }),
@@ -14295,18 +14394,20 @@ function EventsPopup({
           const eventEnd = new Date(event.end);
           const isFirstDay = (0, import_date_fns10.isSameDay)(date, eventStart);
           const isLastDay = (0, import_date_fns10.isSameDay)(date, eventEnd);
+          const clickable = Boolean(onEventSelect);
           return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
             "div",
             {
-              className: "cursor-pointer",
-              onClick: () => handleEventClick(event),
+              className: clickable ? "cursor-pointer" : "cursor-default",
+              onClick: clickable ? () => handleEventClick(event) : void 0,
               children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                 EventItem,
                 {
                   event,
                   isFirstDay,
                   isLastDay,
-                  view: "agenda"
+                  view: "agenda",
+                  className: clickable ? void 0 : "cursor-default hover:shadow-none hover:scale-100"
                 }
               )
             },
@@ -14321,11 +14422,11 @@ function EventsPopup({
 // src/components/event-calendar/hooks/use-current-time-indicator.ts
 var import_date_fns11 = require("date-fns");
 var import_locale6 = require("date-fns/locale");
-var import_react67 = require("react");
+var import_react65 = require("react");
 function useCurrentTimeIndicator(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = (0, import_react67.useState)(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = (0, import_react67.useState)(false);
-  (0, import_react67.useEffect)(() => {
+  const [currentTimePosition, setCurrentTimePosition] = (0, import_react65.useState)(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = (0, import_react65.useState)(false);
+  (0, import_react65.useEffect)(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
       const hours = now.getHours();
@@ -14356,15 +14457,15 @@ function useCurrentTimeIndicator(currentDate, view) {
 }
 
 // src/components/event-calendar/hooks/use-event-visibility.ts
-var import_react68 = require("react");
+var import_react66 = require("react");
 function useEventVisibility({
   eventHeight,
   eventGap
 }) {
-  const contentRef = (0, import_react68.useRef)(null);
-  const observerRef = (0, import_react68.useRef)(null);
-  const [contentHeight, setContentHeight] = (0, import_react68.useState)(null);
-  (0, import_react68.useLayoutEffect)(() => {
+  const contentRef = (0, import_react66.useRef)(null);
+  const observerRef = (0, import_react66.useRef)(null);
+  const [contentHeight, setContentHeight] = (0, import_react66.useState)(null);
+  (0, import_react66.useLayoutEffect)(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
       if (contentRef.current) {
@@ -14384,7 +14485,7 @@ function useEventVisibility({
       }
     };
   }, []);
-  const getVisibleEventCount = (0, import_react68.useMemo)(() => {
+  const getVisibleEventCount = (0, import_react66.useMemo)(() => {
     return (totalEvents) => {
       if (!contentHeight) return totalEvents;
       const maxEvents = Math.floor(contentHeight / (eventHeight + eventGap));
@@ -14404,7 +14505,7 @@ function useEventVisibility({
 // src/components/event-calendar/MonthView.tsx
 var import_date_fns12 = require("date-fns");
 var import_locale7 = require("date-fns/locale");
-var import_react69 = require("react");
+var import_react67 = require("react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 function MonthView({
   currentDate,
@@ -14412,21 +14513,21 @@ function MonthView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = (0, import_react69.useMemo)(() => {
+  const days = (0, import_react67.useMemo)(() => {
     const monthStart = (0, import_date_fns12.startOfMonth)(currentDate);
     const monthEnd = (0, import_date_fns12.endOfMonth)(monthStart);
     const calendarStart = (0, import_date_fns12.startOfWeek)(monthStart, { weekStartsOn: 0 });
     const calendarEnd = (0, import_date_fns12.endOfWeek)(monthEnd, { weekStartsOn: 0 });
     return (0, import_date_fns12.eachDayOfInterval)({ end: calendarEnd, start: calendarStart });
   }, [currentDate]);
-  const weekdays = (0, import_react69.useMemo)(() => {
+  const weekdays = (0, import_react67.useMemo)(() => {
     return Array.from({ length: 7 }).map((_, i) => {
       const date = (0, import_date_fns12.addDays)((0, import_date_fns12.startOfWeek)(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
       const short = (0, import_date_fns12.format)(date, "EEE", { locale: import_locale7.ptBR });
       return short.charAt(0).toUpperCase() + short.slice(1);
     });
   }, []);
-  const weeks = (0, import_react69.useMemo)(() => {
+  const weeks = (0, import_react67.useMemo)(() => {
     const result = [];
     let week = [];
     for (let i = 0; i < days.length; i++) {
@@ -14442,12 +14543,12 @@ function MonthView({
     e.stopPropagation();
     onEventSelect(event);
   };
-  const [isMounted, setIsMounted] = (0, import_react69.useState)(false);
+  const [isMounted, setIsMounted] = (0, import_react67.useState)(false);
   const { contentRef, getVisibleEventCount } = useEventVisibility({
     eventGap: EventGap,
     eventHeight: EventHeight
   });
-  (0, import_react69.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     setIsMounted(true);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "contents", "data-slot": "month-view", children: [
@@ -14622,6 +14723,7 @@ function MonthView({
 
 // src/components/event-calendar/utils.ts
 var import_date_fns13 = require("date-fns");
+var import_date_fns14 = require("date-fns");
 function getEventColorClasses(color) {
   const eventColor = color || "sky";
   switch (eventColor) {
@@ -14654,15 +14756,16 @@ function getBorderRadiusClasses(isFirstDay, isLastDay) {
   return "rounded-none";
 }
 function isMultiDayEvent(event) {
-  const eventStart = new Date(event.start);
-  const eventEnd = new Date(event.end);
+  const eventStart = isValidDate2(event.start) ? new Date(event.start) : void 0;
+  const eventEnd = isValidDate2(event.end) ? new Date(event.end) : void 0;
+  if (!eventStart || !eventEnd) return !!event.allDay;
   return event.allDay || eventStart.getDate() !== eventEnd.getDate();
 }
 function getEventsForDay(events, day) {
   return events.filter((event) => {
-    const eventStart = new Date(event.start);
-    return (0, import_date_fns13.isSameDay)(day, eventStart);
-  }).sort((a, b) => new Date(a.start).getTime() - new Date(b.start).getTime());
+    const eventStart = isValidDate2(event.start) ? new Date(event.start) : isValidDate2(event.attend_date) ? new Date(event.attend_date) : void 0;
+    return eventStart ? (0, import_date_fns13.isSameDay)(day, eventStart) : false;
+  }).sort((a, b) => getEventStartTimestamp(a) - getEventStartTimestamp(b));
 }
 function sortEvents(events) {
   return [...events].sort((a, b) => {
@@ -14670,30 +14773,47 @@ function sortEvents(events) {
     const bIsMultiDay = isMultiDayEvent(b);
     if (aIsMultiDay && !bIsMultiDay) return -1;
     if (!aIsMultiDay && bIsMultiDay) return 1;
-    return new Date(a.start).getTime() - new Date(b.start).getTime();
+    return getEventStartTimestamp(a) - getEventStartTimestamp(b);
   });
 }
 function getSpanningEventsForDay(events, day) {
   return events.filter((event) => {
     if (!isMultiDayEvent(event)) return false;
-    const eventStart = new Date(event.start);
-    const eventEnd = new Date(event.end);
+    const eventStart = isValidDate2(event.start) ? new Date(event.start) : void 0;
+    const eventEnd = isValidDate2(event.end) ? new Date(event.end) : void 0;
+    if (!eventStart || !eventEnd) return false;
     return !(0, import_date_fns13.isSameDay)(day, eventStart) && ((0, import_date_fns13.isSameDay)(day, eventEnd) || day > eventStart && day < eventEnd);
   });
 }
 function getAllEventsForDay(events, day) {
   return events.filter((event) => {
-    const eventStart = new Date(event.start);
-    const eventEnd = new Date(event.end);
-    return (0, import_date_fns13.isSameDay)(day, eventStart) || (0, import_date_fns13.isSameDay)(day, eventEnd) || day > eventStart && day < eventEnd;
+    const eventStart = isValidDate2(event.start) ? new Date(event.start) : void 0;
+    const eventEnd = isValidDate2(event.end) ? new Date(event.end) : void 0;
+    if (!eventStart) return false;
+    return (0, import_date_fns13.isSameDay)(day, eventStart) || (eventEnd ? (0, import_date_fns13.isSameDay)(day, eventEnd) : false) || (eventEnd ? day > eventStart && day < eventEnd : false);
   });
 }
 function getAgendaEventsForDay(events, day) {
   return events.filter((event) => {
-    const eventStart = new Date(event.start);
-    const eventEnd = new Date(event.end);
-    return (0, import_date_fns13.isSameDay)(day, eventStart) || (0, import_date_fns13.isSameDay)(day, eventEnd) || day > eventStart && day < eventEnd;
-  }).sort((a, b) => new Date(a.start).getTime() - new Date(b.start).getTime());
+    const eventStart = isValidDate2(event.start) ? new Date(event.start) : isValidDate2(event.attend_date) ? new Date(event.attend_date) : void 0;
+    const eventEnd = isValidDate2(event.end) ? new Date(event.end) : isValidDate2(event.attend_date) ? (0, import_date_fns14.addHours)(new Date(event.attend_date), 1) : void 0;
+    if (!eventStart) return false;
+    return (0, import_date_fns13.isSameDay)(day, eventStart) || (eventEnd ? (0, import_date_fns13.isSameDay)(day, eventEnd) : false) || (eventEnd ? day > eventStart && day < eventEnd : false);
+  }).sort((a, b) => getEventStartTimestamp(a) - getEventStartTimestamp(b));
+}
+function isValidDate2(d) {
+  try {
+    const t = d instanceof Date ? d.getTime() : new Date(String(d)).getTime();
+    return !isNaN(t);
+  } catch {
+    return false;
+  }
+}
+function getEventStartTimestamp(e) {
+  if (isValidDate2(e.start)) return new Date(e.start).getTime();
+  if (isValidDate2(e.attend_date))
+    return new Date(e.attend_date).getTime();
+  return Number.MAX_SAFE_INTEGER;
 }
 function addHoursToDate(date, hours) {
   const result = new Date(date);
@@ -14702,9 +14822,9 @@ function addHoursToDate(date, hours) {
 }
 
 // src/components/event-calendar/WeekView.tsx
-var import_date_fns14 = require("date-fns");
+var import_date_fns15 = require("date-fns");
 var import_locale8 = require("date-fns/locale");
-var import_react70 = require("react");
+var import_react68 = require("react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 function WeekView({
   currentDate,
@@ -14712,40 +14832,40 @@ function WeekView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = (0, import_react70.useMemo)(() => {
-    const weekStart2 = (0, import_date_fns14.startOfWeek)(currentDate, { weekStartsOn: 0 });
-    const weekEnd = (0, import_date_fns14.endOfWeek)(currentDate, { weekStartsOn: 0 });
-    return (0, import_date_fns14.eachDayOfInterval)({ end: weekEnd, start: weekStart2 });
+  const days = (0, import_react68.useMemo)(() => {
+    const weekStart2 = (0, import_date_fns15.startOfWeek)(currentDate, { weekStartsOn: 0 });
+    const weekEnd = (0, import_date_fns15.endOfWeek)(currentDate, { weekStartsOn: 0 });
+    return (0, import_date_fns15.eachDayOfInterval)({ end: weekEnd, start: weekStart2 });
   }, [currentDate]);
-  const weekStart = (0, import_react70.useMemo)(
-    () => (0, import_date_fns14.startOfWeek)(currentDate, { weekStartsOn: 0 }),
+  const weekStart = (0, import_react68.useMemo)(
+    () => (0, import_date_fns15.startOfWeek)(currentDate, { weekStartsOn: 0 }),
     [currentDate]
   );
-  const hours = (0, import_react70.useMemo)(() => {
-    const dayStart = (0, import_date_fns14.startOfDay)(currentDate);
-    return (0, import_date_fns14.eachHourOfInterval)({
-      end: (0, import_date_fns14.addHours)(dayStart, EndHour - 1),
-      start: (0, import_date_fns14.addHours)(dayStart, StartHour)
+  const hours = (0, import_react68.useMemo)(() => {
+    const dayStart = (0, import_date_fns15.startOfDay)(currentDate);
+    return (0, import_date_fns15.eachHourOfInterval)({
+      end: (0, import_date_fns15.addHours)(dayStart, EndHour - 1),
+      start: (0, import_date_fns15.addHours)(dayStart, StartHour)
     });
   }, [currentDate]);
-  const allDayEvents = (0, import_react70.useMemo)(() => {
+  const allDayEvents = (0, import_react68.useMemo)(() => {
     return events.filter((event) => {
       return event.allDay || isMultiDayEvent(event);
     }).filter((event) => {
       const eventStart = new Date(event.start);
       const eventEnd = new Date(event.end);
       return days.some(
-        (day) => (0, import_date_fns14.isSameDay)(day, eventStart) || (0, import_date_fns14.isSameDay)(day, eventEnd) || day > eventStart && day < eventEnd
+        (day) => (0, import_date_fns15.isSameDay)(day, eventStart) || (0, import_date_fns15.isSameDay)(day, eventEnd) || day > eventStart && day < eventEnd
       );
     });
   }, [events, days]);
-  const processedDayEvents = (0, import_react70.useMemo)(() => {
+  const processedDayEvents = (0, import_react68.useMemo)(() => {
     const result = days.map((day) => {
       const dayEvents = events.filter((event) => {
         if (event.allDay || isMultiDayEvent(event)) return false;
         const eventStart = new Date(event.start);
         const eventEnd = new Date(event.end);
-        return (0, import_date_fns14.isSameDay)(day, eventStart) || (0, import_date_fns14.isSameDay)(day, eventEnd) || eventStart < day && eventEnd > day;
+        return (0, import_date_fns15.isSameDay)(day, eventStart) || (0, import_date_fns15.isSameDay)(day, eventEnd) || eventStart < day && eventEnd > day;
       });
       const sortedEvents = [...dayEvents].sort((a, b) => {
         const aStart = new Date(a.start);
@@ -14754,20 +14874,20 @@ function WeekView({
         const bEnd = new Date(b.end);
         if (aStart < bStart) return -1;
         if (aStart > bStart) return 1;
-        const aDuration = (0, import_date_fns14.differenceInMinutes)(aEnd, aStart);
-        const bDuration = (0, import_date_fns14.differenceInMinutes)(bEnd, bStart);
+        const aDuration = (0, import_date_fns15.differenceInMinutes)(aEnd, aStart);
+        const bDuration = (0, import_date_fns15.differenceInMinutes)(bEnd, bStart);
         return bDuration - aDuration;
       });
       const positionedEvents = [];
-      const dayStart = (0, import_date_fns14.startOfDay)(day);
+      const dayStart = (0, import_date_fns15.startOfDay)(day);
       const columns = [];
       for (const event of sortedEvents) {
         const eventStart = new Date(event.start);
         const eventEnd = new Date(event.end);
-        const adjustedStart = (0, import_date_fns14.isSameDay)(day, eventStart) ? eventStart : dayStart;
-        const adjustedEnd = (0, import_date_fns14.isSameDay)(day, eventEnd) ? eventEnd : (0, import_date_fns14.addHours)(dayStart, 24);
-        const startHour = (0, import_date_fns14.getHours)(adjustedStart) + (0, import_date_fns14.getMinutes)(adjustedStart) / 60;
-        const endHour = (0, import_date_fns14.getHours)(adjustedEnd) + (0, import_date_fns14.getMinutes)(adjustedEnd) / 60;
+        const adjustedStart = (0, import_date_fns15.isSameDay)(day, eventStart) ? eventStart : dayStart;
+        const adjustedEnd = (0, import_date_fns15.isSameDay)(day, eventEnd) ? eventEnd : (0, import_date_fns15.addHours)(dayStart, 24);
+        const startHour = (0, import_date_fns15.getHours)(adjustedStart) + (0, import_date_fns15.getMinutes)(adjustedStart) / 60;
+        const endHour = (0, import_date_fns15.getHours)(adjustedEnd) + (0, import_date_fns15.getMinutes)(adjustedEnd) / 60;
         const top = (startHour - StartHour) * WeekCellsHeight;
         const height = (endHour - startHour) * WeekCellsHeight;
         let columnIndex = 0;
@@ -14779,7 +14899,7 @@ function WeekView({
             placed = true;
           } else {
             const overlaps = col.some(
-              (c) => (0, import_date_fns14.areIntervalsOverlapping)(
+              (c) => (0, import_date_fns15.areIntervalsOverlapping)(
                 { end: adjustedEnd, start: adjustedStart },
                 {
                   end: new Date(c.event.end),
@@ -14824,19 +14944,19 @@ function WeekView({
   );
   return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex h-full flex-col", "data-slot": "week-view", children: [
     /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "sticky top-0 z-30 grid grid-cols-8 border-border/70 border-b bg-background/80 backdrop-blur-md", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "py-2 text-center text-muted-foreground/70 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "max-[479px]:sr-only", children: (0, import_date_fns14.format)(/* @__PURE__ */ new Date(), "O") }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "py-2 text-center text-muted-foreground/70 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "max-[479px]:sr-only", children: (0, import_date_fns15.format)(/* @__PURE__ */ new Date(), "O") }) }),
       days.map((day) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
         "div",
         {
           className: "py-2 text-center text-muted-foreground/70 text-sm data-today:font-medium data-today:text-foreground",
-          "data-today": (0, import_date_fns14.isToday)(day) || void 0,
+          "data-today": (0, import_date_fns15.isToday)(day) || void 0,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { "aria-hidden": "true", className: "sm:hidden", children: [
-              (0, import_date_fns14.format)(day, "EEE", { locale: import_locale8.ptBR })[0],
+              (0, import_date_fns15.format)(day, "EEE", { locale: import_locale8.ptBR })[0],
               " ",
-              (0, import_date_fns14.format)(day, "d", { locale: import_locale8.ptBR })
+              (0, import_date_fns15.format)(day, "d", { locale: import_locale8.ptBR })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "max-sm:hidden", children: (0, import_date_fns14.format)(day, "EEE dd", { locale: import_locale8.ptBR }) })
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "max-sm:hidden", children: (0, import_date_fns15.format)(day, "EEE dd", { locale: import_locale8.ptBR }) })
           ]
         },
         day.toString()
@@ -14848,19 +14968,19 @@ function WeekView({
         const dayAllDayEvents = allDayEvents.filter((event) => {
           const eventStart = new Date(event.start);
           const eventEnd = new Date(event.end);
-          return (0, import_date_fns14.isSameDay)(day, eventStart) || day > eventStart && day < eventEnd || (0, import_date_fns14.isSameDay)(day, eventEnd);
+          return (0, import_date_fns15.isSameDay)(day, eventStart) || day > eventStart && day < eventEnd || (0, import_date_fns15.isSameDay)(day, eventEnd);
         });
         return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           "div",
           {
             className: "relative border-border/70 border-r p-1 last:border-r-0",
-            "data-today": (0, import_date_fns14.isToday)(day) || void 0,
+            "data-today": (0, import_date_fns15.isToday)(day) || void 0,
             children: dayAllDayEvents.map((event) => {
               const eventStart = new Date(event.start);
               const eventEnd = new Date(event.end);
-              const isFirstDay = (0, import_date_fns14.isSameDay)(day, eventStart);
-              const isLastDay = (0, import_date_fns14.isSameDay)(day, eventEnd);
-              const isFirstVisibleDay = dayIndex === 0 && (0, import_date_fns14.isBefore)(eventStart, weekStart);
+              const isFirstDay = (0, import_date_fns15.isSameDay)(day, eventStart);
+              const isLastDay = (0, import_date_fns15.isSameDay)(day, eventEnd);
+              const isFirstVisibleDay = dayIndex === 0 && (0, import_date_fns15.isBefore)(eventStart, weekStart);
               const shouldShowTitle = isFirstDay || isFirstVisibleDay;
               return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
                 EventItem,
@@ -14895,7 +15015,7 @@ function WeekView({
         "div",
         {
           className: "relative min-h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
-          children: index > 0 && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "-top-3 absolute left-0 flex h-6 w-16 max-w-full items-center justify-end bg-background pe-2 text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: (0, import_date_fns14.format)(hour, "HH:mm") })
+          children: index > 0 && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "-top-3 absolute left-0 flex h-6 w-16 max-w-full items-center justify-end bg-background pe-2 text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: (0, import_date_fns15.format)(hour, "HH:mm") })
         },
         hour.toString()
       )) }),
@@ -14903,7 +15023,7 @@ function WeekView({
         "div",
         {
           className: "relative grid auto-cols-fr border-border/70 border-r last:border-r-0",
-          "data-today": (0, import_date_fns14.isToday)(day) || void 0,
+          "data-today": (0, import_date_fns15.isToday)(day) || void 0,
           children: [
             (processedDayEvents[dayIndex] ?? []).map((positionedEvent) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
               "div",
@@ -14930,7 +15050,7 @@ function WeekView({
               },
               positionedEvent.event.id
             )),
-            currentTimeVisible && (0, import_date_fns14.isToday)(day) && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+            currentTimeVisible && (0, import_date_fns15.isToday)(day) && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
               "div",
               {
                 className: "pointer-events-none absolute right-0 left-0 z-20",
@@ -14942,7 +15062,7 @@ function WeekView({
               }
             ),
             hours.map((hour) => {
-              const hourValue = (0, import_date_fns14.getHours)(hour);
+              const hourValue = (0, import_date_fns15.getHours)(hour);
               return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
                 "div",
                 {
@@ -14985,11 +15105,11 @@ function WeekView({
 }
 
 // src/components/ui/form/CheckBoxThree.tsx
-var import_react71 = require("react");
+var import_react69 = require("react");
 var import_framer_motion19 = require("framer-motion");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 function useCheckboxTree(initialTree) {
-  const initialCheckedNodes = (0, import_react71.useMemo)(() => {
+  const initialCheckedNodes = (0, import_react69.useMemo)(() => {
     const checkedSet = /* @__PURE__ */ new Set();
     const initializeCheckedNodes = (node) => {
       if (node.defaultChecked) {
@@ -15000,8 +15120,8 @@ function useCheckboxTree(initialTree) {
     initializeCheckedNodes(initialTree);
     return checkedSet;
   }, [initialTree]);
-  const [checkedNodes, setCheckedNodes] = (0, import_react71.useState)(initialCheckedNodes);
-  const isChecked = (0, import_react71.useCallback)(
+  const [checkedNodes, setCheckedNodes] = (0, import_react69.useState)(initialCheckedNodes);
+  const isChecked = (0, import_react69.useCallback)(
     (node) => {
       if (!node.children) {
         return checkedNodes.has(node.id);
@@ -15019,7 +15139,7 @@ function useCheckboxTree(initialTree) {
     },
     [checkedNodes]
   );
-  const handleCheck = (0, import_react71.useCallback)(
+  const handleCheck = (0, import_react69.useCallback)(
     (node) => {
       const newCheckedNodes = new Set(checkedNodes);
       const toggleNode = (n, check) => {
@@ -15049,9 +15169,9 @@ function CheckboxTree({ tree, renderNode }) {
     onCheckedChange,
     children
   }) => {
-    const [open, setOpen] = (0, import_react71.useState)(() => !!node.children && status !== false);
-    const checkboxRef = (0, import_react71.useRef)(null);
-    (0, import_react71.useEffect)(() => {
+    const [open, setOpen] = (0, import_react69.useState)(() => !!node.children && status !== false);
+    const checkboxRef = (0, import_react69.useRef)(null);
+    (0, import_react69.useEffect)(() => {
       if (checkboxRef.current) {
         checkboxRef.current.indeterminate = status === "indeterminate";
       }
@@ -15134,6 +15254,320 @@ function CheckboxTree({ tree, renderNode }) {
   return renderTreeNode(tree);
 }
 
+// src/components/selects/MultiSelectBase.tsx
+var import_react70 = require("@phosphor-icons/react");
+var import_react71 = require("react");
+var import_framer_motion20 = require("framer-motion");
+var import_jsx_runtime85 = require("react/jsx-runtime");
+var MultiSelectContext = (0, import_react71.createContext)(null);
+function MultiSelectBase({
+  children,
+  values,
+  defaultValues,
+  onValuesChange,
+  disabled,
+  empty,
+  error
+}) {
+  const [open, setOpen] = (0, import_react71.useState)(false);
+  const [internalValues, setInternalValues] = (0, import_react71.useState)(
+    new Set(values ?? defaultValues)
+  );
+  const selectedValues = values ? new Set(values) : internalValues;
+  const [items, setItems] = (0, import_react71.useState)(/* @__PURE__ */ new Map());
+  function toggleValue(value) {
+    if (disabled) return;
+    const getNewSet = (prev) => {
+      const newSet = new Set(prev);
+      if (newSet.has(value)) {
+        newSet.delete(value);
+      } else {
+        newSet.add(value);
+      }
+      return newSet;
+    };
+    setInternalValues(getNewSet);
+    onValuesChange?.([...getNewSet(selectedValues)]);
+  }
+  const onItemAdded = (0, import_react71.useCallback)((value, label) => {
+    setItems((prev) => {
+      if (prev.get(value) === label) return prev;
+      return new Map(prev).set(value, label);
+    });
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    MultiSelectContext.Provider,
+    {
+      value: {
+        open,
+        setOpen,
+        selectedValues,
+        toggleValue,
+        items,
+        onItemAdded,
+        disabled,
+        emptyMessage: empty,
+        error
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        PopoverBase,
+        {
+          open,
+          onOpenChange: (v) => !disabled && setOpen(v),
+          modal: true,
+          children
+        }
+      )
+    }
+  );
+}
+function MultiSelectTriggerBase({
+  className,
+  children,
+  error: propError,
+  ...props
+}) {
+  const { open, disabled, error: contextError } = useMultiSelectContext();
+  const error = propError ?? contextError;
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: cn("w-full", error && "mb-0"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+      ButtonBase,
+      {
+        ...props,
+        variant: props.variant ?? "outline",
+        role: props.role ?? "combobox",
+        "aria-expanded": props["aria-expanded"] ?? open,
+        "aria-disabled": disabled || void 0,
+        disabled,
+        className: cn(
+          "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border bg-background px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 min-w-[150px]",
+          error ? "border-destructive focus:ring-1 focus:ring-destructive" : "border-input focus:ring-1 focus:ring-ring",
+          className
+        ),
+        children: [
+          children,
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react70.CaretUpDownIcon, { className: "size-4 shrink-0 opacity-50" })
+        ]
+      }
+    ) }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ErrorMessage_default, { error }) : null
+  ] });
+}
+function MultiSelectValueBase({
+  placeholder,
+  clickToRemove = true,
+  className,
+  overflowBehavior = "wrap-when-open",
+  ...props
+}) {
+  const { selectedValues, toggleValue, items, open } = useMultiSelectContext();
+  const [overflowAmount, setOverflowAmount] = (0, import_react71.useState)(0);
+  const valueRef = (0, import_react71.useRef)(null);
+  const overflowRef = (0, import_react71.useRef)(null);
+  const mutationObserverRef = (0, import_react71.useRef)(null);
+  const resizeObserverRef = (0, import_react71.useRef)(null);
+  const shouldWrap = overflowBehavior === "wrap" || overflowBehavior === "wrap-when-open" && open;
+  const checkOverflow = (0, import_react71.useCallback)(() => {
+    if (valueRef.current == null) return;
+    const containerElement = valueRef.current;
+    const overflowElement = overflowRef.current;
+    const items2 = containerElement.querySelectorAll(
+      "[data-selected-item]"
+    );
+    if (overflowElement != null) overflowElement.style.display = "none";
+    items2.forEach((child) => child.style.removeProperty("display"));
+    let amount = 0;
+    for (let i = items2.length - 1; i >= 0; i--) {
+      const child = items2[i];
+      if (containerElement.scrollWidth <= containerElement.clientWidth) {
+        break;
+      }
+      amount = items2.length - i;
+      child.style.display = "none";
+      overflowElement?.style.removeProperty("display");
+    }
+    setOverflowAmount(amount);
+  }, []);
+  const handleResize = (0, import_react71.useCallback)(
+    (node) => {
+      if (node == null) {
+        valueRef.current = null;
+        if (resizeObserverRef.current) {
+          resizeObserverRef.current.disconnect();
+          resizeObserverRef.current = null;
+        }
+        if (mutationObserverRef.current) {
+          mutationObserverRef.current.disconnect();
+          mutationObserverRef.current = null;
+        }
+        return;
+      }
+      valueRef.current = node;
+      if (resizeObserverRef.current) {
+        resizeObserverRef.current.disconnect();
+        resizeObserverRef.current = null;
+      }
+      if (mutationObserverRef.current) {
+        mutationObserverRef.current.disconnect();
+        mutationObserverRef.current = null;
+      }
+      const mo = new MutationObserver(checkOverflow);
+      const ro = new ResizeObserver(debounce(checkOverflow, 100));
+      mutationObserverRef.current = mo;
+      resizeObserverRef.current = ro;
+      mo.observe(node, {
+        childList: true,
+        attributes: true,
+        attributeFilter: ["class", "style"]
+      });
+      ro.observe(node);
+      checkOverflow();
+    },
+    [checkOverflow]
+  );
+  if (selectedValues.size === 0 && placeholder) {
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "min-w-0 overflow-hidden font-normal text-muted-foreground ", children: placeholder });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    "div",
+    {
+      ...props,
+      ref: handleResize,
+      className: cn(
+        "flex w-full gap-1.5 overflow-hidden",
+        shouldWrap && "h-full flex-wrap",
+        className
+      ),
+      children: [
+        [...selectedValues].filter((value) => items.has(value)).map((value) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+          Badge,
+          {
+            "data-selected-item": true,
+            size: "sm",
+            className: "group flex items-center gap-1",
+            onClick: clickToRemove ? (e) => {
+              e.stopPropagation();
+              toggleValue(value);
+            } : void 0,
+            children: [
+              items.get(value),
+              clickToRemove && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react70.XIcon, { className: "size-3 text-muted-foreground group-hover:text-destructive" })
+            ]
+          },
+          value
+        )),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+          Badge,
+          {
+            style: {
+              display: overflowAmount > 0 && !shouldWrap ? "block" : "none"
+            },
+            ref: overflowRef,
+            children: [
+              "+",
+              overflowAmount
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function MultiSelectContentBase({
+  search = true,
+  children,
+  ...props
+}) {
+  const canSearch = typeof search === "object" ? true : search;
+  const { emptyMessage } = useMultiSelectContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_jsx_runtime85.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(PopoverContentBase, { className: "w-[--radix-popover-trigger-width] relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md p-0", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    import_framer_motion20.motion.div,
+    {
+      initial: { opacity: 0, scale: 0.95 },
+      animate: { opacity: 1, scale: 1 },
+      exit: { opacity: 0, scale: 0.95 },
+      transition: { duration: 0.2 },
+      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: cn(" "), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(CommandBase, { ...props, children: [
+        canSearch ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          CommandInputBase,
+          {
+            placeholder: typeof search === "object" ? search.placeholder : void 0
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { autoFocus: true, className: "sr-only" }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(CommandListBase, { children: [
+          canSearch && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CommandEmptyBase, { children: typeof search === "object" ? search.emptyMessage ?? emptyMessage : emptyMessage }),
+          children
+        ] })
+      ] }) })
+    }
+  ) }) });
+}
+function MultiSelectItemBase({
+  value,
+  children,
+  badgeLabel,
+  onSelect,
+  ...props
+}) {
+  const { toggleValue, selectedValues, onItemAdded } = useMultiSelectContext();
+  const isSelected = selectedValues.has(value);
+  (0, import_react71.useEffect)(() => {
+    onItemAdded(value, badgeLabel ?? children);
+  }, [value, children, onItemAdded, badgeLabel]);
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    CommandItemBase,
+    {
+      ...props,
+      onSelect: () => {
+        toggleValue(value);
+        onSelect?.(value);
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+        import_framer_motion20.motion.div,
+        {
+          whileHover: { scale: 1.02 },
+          whileTap: { scale: 0.98 },
+          transition: { duration: 0.1 },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+              import_framer_motion20.motion.div,
+              {
+                initial: { scale: 0 },
+                animate: { scale: isSelected ? 1 : 0 },
+                transition: { type: "spring", stiffness: 500, damping: 30 },
+                children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react70.CheckIcon, { className: "size-4" })
+              }
+            ) }),
+            children
+          ]
+        }
+      )
+    }
+  );
+}
+function MultiSelectGroupBase(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CommandGroupBase, { ...props });
+}
+function MultiSelectSeparatorBase(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CommandSeparatorBase, { ...props });
+}
+function useMultiSelectContext() {
+  const context = (0, import_react71.useContext)(MultiSelectContext);
+  if (context == null) {
+    throw new Error(
+      "useMultiSelectContext must be used within a MultiSelectContext"
+    );
+  }
+  return context;
+}
+function debounce(func, wait) {
+  let timeout = null;
+  return function(...args) {
+    if (timeout) clearTimeout(timeout);
+    timeout = setTimeout(() => func.apply(this, args), wait);
+  };
+}
+
 // src/hooks/use-drag.tsx
 var import_react72 = require("react");
 var useDrag = (options = {}) => {