@mlw-packages/react-components 1.7.16 → 1.7.18

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,
@@ -2744,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"
         );
@@ -2779,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 },
@@ -2794,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
                       }
@@ -3959,13 +3966,27 @@ var renderInsideBarLabel = (color, valueFormatter2) => {
     } 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: 10,
+        fontSize,
         fontWeight: 700,
         textAnchor: "middle",
         dominantBaseline: "central",
@@ -3976,8 +3997,146 @@ var renderInsideBarLabel = (color, valueFormatter2) => {
   };
 };
 
-// src/components/charts/Chart.tsx
+// 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 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,
@@ -4316,7 +4475,7 @@ var Chart = ({
     []
   );
   const titleClassName = (0, import_react21.useMemo)(
-    () => "text-xl font-semibold text-foreground mb-3",
+    () => "text-[1.4rem] font-semibold text-foreground mb-3",
     []
   );
   const finalValueFormatter = (0, import_react21.useMemo)(() => {
@@ -4387,9 +4546,18 @@ var Chart = ({
   const defaultChartRightMargin = 30;
   const defaultChartLeftMargin = 0;
   const axisLabelMargin = 56;
-  const containerPaddingLeft = 16;
+  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);
@@ -4400,7 +4568,7 @@ var Chart = ({
   const measuredInner = measuredWidth ? Math.max(0, measuredWidth - 32) : void 0;
   const effectiveChartWidth = typeof width === "number" ? width : measuredInner ?? computedWidth;
   const chartInnerWidth = effectiveChartWidth - composedChartLeftMargin - composedChartRightMargin;
-  const leftYAxisLabelDx = -Math.max(12, Math.round(finalChartLeftMargin / 2));
+  const leftYAxisLabelDx = -Math.max(12, Math.round(yAxisTickWidth / 2));
   const rightYAxisLabelDx = Math.max(12, Math.round(finalChartRightMargin / 2));
   const openTooltipForPeriod = (0, import_react21.useCallback)(
     (periodName) => {
@@ -4447,25 +4615,25 @@ var Chart = ({
   );
   if (!data) return null;
   if (Array.isArray(data) && data.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "div",
       {
         className: cn(
           "rounded-lg bg-card p-4 relative w-full text-muted-foreground"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "div",
           {
             style: {
               paddingLeft: `${containerPaddingLeft + finalChartLeftMargin}px`
             },
-            children: "Sem dados para exibir"
+            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(NoData_default, {})
           }
         )
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     {
       ref: wrapperRef,
@@ -4475,13 +4643,13 @@ var Chart = ({
         overflowY: "hidden",
         minWidth: 0
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      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_runtime28.jsx)(
+            title && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               "div",
               {
                 style: {
@@ -4490,12 +4658,12 @@ 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_runtime28.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_runtime28.jsxs)(
+            allKeys.length > 0 && (finalEnableHighlights || finalEnableShowOnly) && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
               "div",
               {
                 className: "flex items-center w-full",
@@ -4507,7 +4675,7 @@ var Chart = ({
                   gap: "0.5rem"
                 },
                 children: [
-                  finalEnableHighlights && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  finalEnableHighlights && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                     Highlights_default,
                     {
                       allKeys,
@@ -4518,7 +4686,7 @@ var Chart = ({
                       containerWidth: chartInnerWidth
                     }
                   ),
-                  finalEnableShowOnly && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  finalEnableShowOnly && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                     ShowOnly_default,
                     {
                       showOnlyHighlighted,
@@ -4527,7 +4695,7 @@ var Chart = ({
                       clearHighlights: () => setHighlightedSeries(/* @__PURE__ */ new Set())
                     }
                   ),
-                  finalEnablePeriodsDropdown && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  finalEnablePeriodsDropdown && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                     "div",
                     {
                       style: {
@@ -4535,7 +4703,7 @@ var Chart = ({
                         display: "flex",
                         alignItems: "center"
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                         PeriodsDropdown_default,
                         {
                           processedData,
@@ -4549,7 +4717,7 @@ var Chart = ({
                 ]
               }
             ),
-            !(allKeys.length > 0 && (finalEnableHighlights || finalEnableShowOnly)) && finalEnablePeriodsDropdown && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            !(allKeys.length > 0 && (finalEnableHighlights || finalEnableShowOnly)) && finalEnablePeriodsDropdown && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               "div",
               {
                 style: {
@@ -4560,7 +4728,7 @@ var Chart = ({
                   display: "flex",
                   justifyContent: "flex-end"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                   PeriodsDropdown_default,
                   {
                     processedData,
@@ -4570,7 +4738,7 @@ var Chart = ({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
               import_recharts.ComposedChart,
               {
                 data: processedData,
@@ -4583,7 +4751,7 @@ var Chart = ({
                 },
                 onClick: handleChartClick,
                 children: [
-                  showGrid && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  showGrid && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                     import_recharts.CartesianGrid,
                     {
                       strokeDasharray: "3 3",
@@ -4591,7 +4759,7 @@ var Chart = ({
                       opacity: 0.5
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                     import_recharts.XAxis,
                     {
                       dataKey: xAxisConfig.dataKey,
@@ -4618,11 +4786,11 @@ var Chart = ({
                       } : void 0
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                     import_recharts.YAxis,
                     {
                       yAxisId: "left",
-                      width: finalChartLeftMargin,
+                      width: yAxisTickWidth,
                       stroke: "hsl(var(--muted-foreground))",
                       fontSize: 12,
                       tickLine: false,
@@ -4644,7 +4812,7 @@ var Chart = ({
                       } : void 0
                     }
                   ),
-                  minLeftDataValue < 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  minLeftDataValue < 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                     import_recharts.ReferenceLine,
                     {
                       y: 0,
@@ -4678,7 +4846,7 @@ var Chart = ({
                         return biaxialConfigNormalized.stroke[firstRightKey] || defaultRightColor;
                       return defaultRightColor;
                     })();
-                    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                       import_recharts.YAxis,
                       {
                         yAxisId: "right",
@@ -4707,10 +4875,10 @@ var Chart = ({
                       }
                     );
                   })(),
-                  showTooltip && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  showTooltip && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                     import_recharts.Tooltip,
                     {
-                      content: showTooltipTotal ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                      content: showTooltipTotal ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                         TooltipWithTotal_default,
                         {
                           finalColors,
@@ -4718,7 +4886,7 @@ var Chart = ({
                           categoryFormatter,
                           periodLabel
                         }
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                         TooltipSimple_default,
                         {
                           finalColors,
@@ -4730,7 +4898,7 @@ var Chart = ({
                       cursor: { fill: "hsl(var(--muted))", opacity: 0.1 }
                     }
                   ),
-                  showLegend && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  showLegend && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                     import_recharts.Legend,
                     {
                       wrapperStyle: {
@@ -4754,7 +4922,7 @@ var Chart = ({
                       }
                     }
                     if (s.type === "bar") {
-                      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                         import_recharts.Bar,
                         {
                           dataKey: key,
@@ -4767,7 +4935,7 @@ var Chart = ({
                             cursor: "pointer",
                             opacity: highlightedSeries.size > 0 ? highlightedSeries.has(key) ? 1 : 0.25 : 1
                           },
-                          activeBar: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                          activeBar: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                             import_recharts.Rectangle,
                             {
                               fill: color,
@@ -4776,7 +4944,7 @@ var Chart = ({
                               opacity: 0.8
                             }
                           ),
-                          children: showLabels && highlightedSeries.size === 0 || highlightedSeries.has(key) ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                          children: showLabels && highlightedSeries.size === 0 || highlightedSeries.has(key) ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                             import_recharts.LabelList,
                             {
                               dataKey: key,
@@ -4793,7 +4961,7 @@ var Chart = ({
                       );
                     }
                     if (s.type === "line") {
-                      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                         import_recharts.Line,
                         {
                           dataKey: key,
@@ -4809,7 +4977,7 @@ var Chart = ({
                             pointerEvents: "all",
                             opacity: highlightedSeries.size > 0 ? highlightedSeries.has(key) ? 1 : 0.25 : 1
                           },
-                          children: showLabels && highlightedSeries.size === 0 || highlightedSeries.has(key) ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                          children: showLabels && highlightedSeries.size === 0 || highlightedSeries.has(key) ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                             import_recharts.LabelList,
                             {
                               dataKey: key,
@@ -4827,7 +4995,7 @@ var Chart = ({
                       );
                     }
                     if (s.type === "area") {
-                      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                         import_recharts.Area,
                         {
                           dataKey: key,
@@ -4843,7 +5011,7 @@ var Chart = ({
                             pointerEvents: "all",
                             opacity: highlightedSeries.size > 0 ? highlightedSeries.has(key) ? 1 : 0.25 : 1
                           },
-                          children: showLabels && highlightedSeries.size === 0 || highlightedSeries.has(key) ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                          children: showLabels && highlightedSeries.size === 0 || highlightedSeries.has(key) ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                             import_recharts.LabelList,
                             {
                               dataKey: key,
@@ -4865,7 +5033,7 @@ var Chart = ({
                 ]
               }
             ) }),
-            enableDraggableTooltips && activeTooltips.map((tooltip) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            enableDraggableTooltips && activeTooltips.map((tooltip) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               DraggableTooltip_default,
               {
                 id: tooltip.id,
@@ -4890,7 +5058,7 @@ var Chart = ({
               },
               tooltip.id
             )),
-            enableDraggableTooltips && activeTooltips.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            enableDraggableTooltips && activeTooltips.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               CloseAllButton_default,
               {
                 count: activeTooltips.length,
@@ -4910,7 +5078,7 @@ var Chart_default = Chart;
 // src/components/charts/BarChart.tsx
 var import_react22 = require("react");
 var import_recharts2 = require("recharts");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var DEFAULT_COLORS3 = ["#55af7d", "#8e68ff", "#2273e1"];
 var BarChart = ({
   data,
@@ -5331,25 +5499,25 @@ var BarChart = ({
     label
   }) => {
     if (!active || !payload) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "bg-card border border-border rounded-lg p-3 shadow-lg", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "font-medium text-foreground mb-2", children: label }),
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "bg-card border border-border rounded-lg p-3 shadow-lg", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "font-medium text-foreground mb-2", children: label }),
       payload.map(
-        (entry, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        (entry, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             "div",
             {
               className: "w-3 h-3 rounded-sm",
               style: { backgroundColor: entry.color }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "text-muted-foreground", children: [
             entry.name,
             ":"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-foreground font-medium", children: entry.value?.toLocaleString("pt-BR") })
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-foreground font-medium", children: entry.value?.toLocaleString("pt-BR") })
         ] }, index)
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-xs text-muted-foreground mt-1", children: "Clique para fixar este tooltip" })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-xs text-muted-foreground mt-1", children: "Clique para fixar este tooltip" })
     ] });
   };
   const getTitleClassName = (position) => {
@@ -5363,7 +5531,7 @@ var BarChart = ({
         return `${baseClasses} text-left`;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "div",
     {
       className: cn("rounded-lg bg-card p-4 relative", className),
@@ -5372,8 +5540,8 @@ var BarChart = ({
         maxWidth: "100%"
       },
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { style: { paddingLeft: `${resolvedContainerPaddingLeft}px` }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h3", { className: getTitleClassName(titlePosition), children: title }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        title && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { style: { paddingLeft: `${resolvedContainerPaddingLeft}px` }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h3", { className: getTitleClassName(titlePosition), children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
           import_recharts2.BarChart,
           {
             data: processedData,
@@ -5382,7 +5550,7 @@ var BarChart = ({
             margin: resolveChartMargins(margins, chartMargins, showLabels),
             onClick: handleChartClick,
             children: [
-              showGrid && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              showGrid && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 import_recharts2.CartesianGrid,
                 {
                   strokeDasharray: "3 3",
@@ -5390,7 +5558,7 @@ var BarChart = ({
                   opacity: 0.5
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 import_recharts2.XAxis,
                 {
                   dataKey: xAxisConfig.dataKey,
@@ -5401,7 +5569,7 @@ var BarChart = ({
                   tickFormatter: xAxisConfig.valueFormatter
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 import_recharts2.YAxis,
                 {
                   stroke: "hsl(var(--muted-foreground))",
@@ -5413,14 +5581,14 @@ var BarChart = ({
                   tickCount: 6
                 }
               ),
-              showTooltip && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              showTooltip && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 import_recharts2.Tooltip,
                 {
-                  content: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CustomTooltip, {}),
+                  content: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CustomTooltip, {}),
                   cursor: { fill: "hsl(var(--muted))", opacity: 0.1 }
                 }
               ),
-              showLegend && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              showLegend && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 import_recharts2.Legend,
                 {
                   wrapperStyle: {
@@ -5431,7 +5599,7 @@ var BarChart = ({
               ),
               dataKeys.map((key) => {
                 const fieldConfig = mapperConfig[key];
-                return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                   import_recharts2.Bar,
                   {
                     dataKey: key,
@@ -5440,7 +5608,7 @@ var BarChart = ({
                     radius: [4, 4, 0, 0],
                     onClick: handleBarClick,
                     style: { cursor: "pointer" },
-                    activeBar: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                    activeBar: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                       import_recharts2.Rectangle,
                       {
                         fill: finalColors[key],
@@ -5449,7 +5617,7 @@ var BarChart = ({
                         opacity: 0.8
                       }
                     ),
-                    children: showLabels && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                    children: showLabels && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                       import_recharts2.LabelList,
                       {
                         dataKey: key,
@@ -5486,8 +5654,8 @@ var BarChart = ({
             guide.sourceTooltip.top + guide.sourceTooltip.height / 2,
             guide.targetTooltip.top + guide.targetTooltip.height / 2
           );
-          return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               "div",
               {
                 className: "fixed pointer-events-none z-30",
@@ -5506,7 +5674,7 @@ var BarChart = ({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               "div",
               {
                 className: "fixed pointer-events-none z-31",
@@ -5522,7 +5690,7 @@ var BarChart = ({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               "div",
               {
                 className: "fixed pointer-events-none z-31",
@@ -5540,7 +5708,7 @@ var BarChart = ({
             )
           ] }, index);
         }),
-        activeTooltips.map((tooltip, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        activeTooltips.map((tooltip, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           DraggableTooltip_default,
           {
             id: tooltip.id,
@@ -5575,7 +5743,7 @@ var BarChart_default = BarChart;
 // src/components/charts/LineChart.tsx
 var import_react23 = require("react");
 var import_recharts3 = require("recharts");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var defaultData = [
   { name: "A", value: 100 },
   { name: "B", value: 200 },
@@ -5674,7 +5842,7 @@ var CustomLineChart = ({
         setActiveTooltips((prev) => [...prev, newTooltip]);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "circle",
       {
         cx,
@@ -5957,7 +6125,7 @@ var CustomLineChart = ({
         return "text-left";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("relative", className), children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("relative", className), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "div",
     {
       className: "rounded-lg bg-card p-4 relative border border-border",
@@ -5967,8 +6135,8 @@ var CustomLineChart = ({
       },
       onClick: handleChartBackgroundClick,
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { style: { paddingLeft: `${resolvedContainerPaddingLeft}px` }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("mb-4", getTitleClass()), children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: title }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        title && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { style: { paddingLeft: `${resolvedContainerPaddingLeft}px` }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("mb-4", getTitleClass()), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: title }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
           import_recharts3.LineChart,
           {
             data,
@@ -5977,7 +6145,7 @@ var CustomLineChart = ({
             margin: resolveChartMargins(margins, chartMargins, showLabels),
             onClick: handleChartClick,
             children: [
-              showGrid && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              showGrid && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 import_recharts3.CartesianGrid,
                 {
                   strokeDasharray: "3 3",
@@ -5985,7 +6153,7 @@ var CustomLineChart = ({
                   opacity: 0.3
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 import_recharts3.XAxis,
                 {
                   dataKey: "name",
@@ -5993,7 +6161,7 @@ var CustomLineChart = ({
                   fontSize: 12
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 import_recharts3.YAxis,
                 {
                   className: "fill-muted-foreground text-xs",
@@ -6003,8 +6171,8 @@ var CustomLineChart = ({
                   tickCount: 6
                 }
               ),
-              showTooltip && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_recharts3.Tooltip, { content: () => null }),
-              showLegend && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              showTooltip && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_recharts3.Tooltip, { content: () => null }),
+              showLegend && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 import_recharts3.Legend,
                 {
                   wrapperStyle: {
@@ -6013,7 +6181,7 @@ var CustomLineChart = ({
                   }
                 }
               ),
-              dataKeys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              dataKeys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 import_recharts3.Line,
                 {
                   type: "monotone",
@@ -6021,8 +6189,8 @@ var CustomLineChart = ({
                   stroke: finalColors[key],
                   strokeWidth,
                   dot: showDots ? { r: 4, cursor: "pointer" } : false,
-                  activeDot: (props) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ClickableDot, { ...props, dataKey: key }),
-                  children: showLabels && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  activeDot: (props) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ClickableDot, { ...props, dataKey: key }),
+                  children: showLabels && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                     import_recharts3.LabelList,
                     {
                       dataKey: key,
@@ -6059,8 +6227,8 @@ var CustomLineChart = ({
             guide.sourceTooltip.top + guide.sourceTooltip.height / 2,
             guide.targetTooltip.top + guide.targetTooltip.height / 2
           );
-          return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "div",
               {
                 className: "fixed pointer-events-none z-30",
@@ -6079,7 +6247,7 @@ var CustomLineChart = ({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "div",
               {
                 className: "fixed pointer-events-none z-31",
@@ -6095,7 +6263,7 @@ var CustomLineChart = ({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "div",
               {
                 className: "fixed pointer-events-none z-31",
@@ -6113,7 +6281,7 @@ var CustomLineChart = ({
             )
           ] }, index);
         }),
-        activeTooltips.map((tooltip, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        activeTooltips.map((tooltip, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           DraggableTooltip_default,
           {
             id: tooltip.id,
@@ -6145,7 +6313,7 @@ var LineChart_default = CustomLineChart;
 
 // src/components/charts/PieChart.tsx
 var import_recharts4 = require("recharts");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var defaultData2 = [
   { name: "Vendas", value: 4e3 },
   { name: "Marketing", value: 3e3 },
@@ -6183,7 +6351,7 @@ var renderCustomizedLabel = ({
   const radius = innerRadius + (outerRadius - innerRadius) * 0.5;
   const x = cx + radius * Math.cos(-midAngle * RADIAN);
   const y = cy + radius * Math.sin(-midAngle * RADIAN);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "text",
     {
       x,
@@ -6212,8 +6380,8 @@ var CustomPieChart = ({
   centerY = "50%"
 }) => {
   const finalColors = colors2 || DEFAULT_COLORS5;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("w-full rounded-lg bg-card p-4", className), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_recharts4.ResponsiveContainer, { width, height, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_recharts4.PieChart, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn("w-full rounded-lg bg-card p-4", className), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_recharts4.ResponsiveContainer, { width, height, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_recharts4.PieChart, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       import_recharts4.Pie,
       {
         data,
@@ -6225,7 +6393,7 @@ var CustomPieChart = ({
         innerRadius,
         fill: "#8884d8",
         dataKey: "value",
-        children: data.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        children: data.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           import_recharts4.Cell,
           {
             fill: finalColors[index % finalColors.length]
@@ -6234,7 +6402,7 @@ var CustomPieChart = ({
         ))
       }
     ),
-    showTooltip && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    showTooltip && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       import_recharts4.Tooltip,
       {
         contentStyle: {
@@ -6245,7 +6413,7 @@ var CustomPieChart = ({
         }
       }
     ),
-    showLegend && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_recharts4.Legend, {})
+    showLegend && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_recharts4.Legend, {})
   ] }) }) });
 };
 var PieChart_default = CustomPieChart;
@@ -6323,105 +6491,6 @@ var useChartHighlights = () => {
   };
 };
 
-// src/components/charts/NoData.tsx
-var import_jsx_runtime32 = 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_runtime32.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_runtime32.jsx)("div", { className: "w-full flex items-center justify-center pl-[var(--pl)] pr-3 h-[var(--svg-h)]", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "w-full max-w-[900px] relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-          "svg",
-          {
-            className: "w-full h-[var(--svg-h)]",
-            width: "100%",
-            viewBox: `0 0 900 ${svgHeight}`,
-            preserveAspectRatio: "none",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime32.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_runtime32.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_runtime32.jsxs)("g", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime32.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_runtime32.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_runtime32.jsx)("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none h-[var(--svg-h)]", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "pointer-events-auto bg-transparent px-3", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "text-2xl font-extrabold text-black/80", children: message }) }) })
-      ] }) })
-    }
-  );
-};
-var NoData_default = NoData;
-
 // src/components/ui/data/AvatarBase.tsx
 var React16 = __toESM(require("react"));
 var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"));
@@ -12256,7 +12325,7 @@ var import_jsx_runtime72 = require("react/jsx-runtime");
 function DebouncedInput({
   value: initialValue,
   onChange,
-  debounce = 500,
+  debounce: debounce2 = 500,
   label,
   labelClassname,
   leftIcon,
@@ -12278,12 +12347,12 @@ function DebouncedInput({
     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_react51.CircleNotchIcon, { className: "h-4 w-4 animate-spin  text-muted-foreground" });
@@ -12315,8 +12384,25 @@ var import_jsx_runtime73 = require("react/jsx-runtime");
 function AgendaView({
   currentDate,
   events,
-  onEventSelect
+  onEventSelect,
+  showUndatedEvents = false
 }) {
+  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(
@@ -12327,63 +12413,81 @@ 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: [
+  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()
-    );
-  }) });
-}
-
-// src/components/event-calendar/CalendarDND.tsx
-var import_core = require("@dnd-kit/core");
-var import_date_fns4 = require("date-fns");
-var import_react55 = require("react");
-
-// src/components/event-calendar/hooks.ts
-var import_react54 = require("react");
-var CalendarDndContext = (0, import_react54.createContext)({
-  activeEvent: null,
-  activeId: null,
-  activeView: null,
-  currentTime: null,
-  dragHandlePosition: null,
+  ] }) : /* @__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_react55 = require("react");
+
+// src/components/event-calendar/hooks.ts
+var import_react54 = require("react");
+var CalendarDndContext = (0, import_react54.createContext)({
+  activeEvent: null,
+  activeId: null,
+  activeView: null,
+  currentTime: null,
+  dragHandlePosition: null,
   eventHeight: null,
   isMultiDay: false,
   multiDayWidth: null
@@ -13035,7 +13139,6 @@ function EventCalendar({
         case "m":
           changeView("month");
           break;
-        // aceitar tanto 'w' (inglês) quanto 's' (pt-BR para "semana")
         case "w":
         case "s":
           changeView("week");
@@ -13114,9 +13217,13 @@ function EventCalendar({
     if (event.id) {
       onEventUpdate?.(event);
       (0, import_sonner3.toast)(`Evento "${event.title}" atualizado`, {
-        description: (0, import_date_fns7.format)(new Date(event.start), "d 'de' MMMM 'de' yyyy", {
-          locale: import_locale3.ptBR
-        }),
+        description: (0, import_date_fns7.format)(
+          new Date(event.start ?? event.attend_date ?? event.end ?? Date.now()),
+          "d 'de' MMMM 'de' yyyy",
+          {
+            locale: import_locale3.ptBR
+          }
+        ),
         position: "bottom-left"
       });
     } else {
@@ -13125,9 +13232,11 @@ function EventCalendar({
         id: Math.random().toString(36).substring(2, 11)
       });
       (0, import_sonner3.toast)(`Evento "${event.title}" adicionado`, {
-        description: (0, import_date_fns7.format)(new Date(event.start), "d 'de' MMMM 'de' yyyy", {
-          locale: import_locale3.ptBR
-        }),
+        description: (0, import_date_fns7.format)(
+          new Date(event.start ?? event.attend_date ?? event.end ?? Date.now()),
+          "d 'de' MMMM 'de' yyyy",
+          { locale: import_locale3.ptBR }
+        ),
         position: "bottom-left"
       });
     }
@@ -13142,7 +13251,9 @@ function EventCalendar({
     if (deletedEvent) {
       (0, import_sonner3.toast)(`Evento "${deletedEvent.title}" exclu\xEDdo`, {
         description: (0, import_date_fns7.format)(
-          new Date(deletedEvent.start),
+          new Date(
+            deletedEvent.start ?? deletedEvent.attend_date ?? deletedEvent.end ?? Date.now()
+          ),
           "d 'de' MMMM 'de' yyyy",
           { locale: import_locale3.ptBR }
         ),
@@ -13154,7 +13265,9 @@ function EventCalendar({
     onEventUpdate?.(updatedEvent);
     (0, import_sonner3.toast)(`Evento "${updatedEvent.title}" movido`, {
       description: (0, import_date_fns7.format)(
-        new Date(updatedEvent.start),
+        new Date(
+          updatedEvent.start ?? updatedEvent.attend_date ?? updatedEvent.end ?? Date.now()
+        ),
         "d 'de' MMMM 'de' yyyy",
         { locale: import_locale3.ptBR }
       ),
@@ -13181,7 +13294,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 }),
@@ -13200,213 +13315,214 @@ 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_react59.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: [
+            /* @__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_react59.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_react59.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_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)("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: /* @__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: handleEventSelect
+            }
+          )
+        ]
+      }
+    ),
+    /* @__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: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CalendarDndProvider, { onEventUpdate: handleEventUpdate, children: calendarContent })
     }
   );
 }
@@ -13876,10 +13992,19 @@ function EventDialog({
 // src/components/event-calendar/EventItem.tsx
 var import_date_fns9 = require("date-fns");
 var import_react62 = require("react");
+var import_react63 = require("@phosphor-icons/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,
@@ -13895,16 +14020,27 @@ function EventWrapper({
   onTouchStart,
   ariaLabel
 }) {
-  const displayEnd = 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);
+  const hasValidTimeForWrapper = isValidDate(event.start) && isValidDate(event.end) || isValidDate(event.attend_date);
+  const displayEnd = (() => {
+    if (isValidDate(event.start) && 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;
+  })();
+  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),
+        "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 ",
+        colorClasses,
         getBorderRadiusClasses(isFirstDay, isLastDay),
         className
       ),
@@ -13924,7 +14060,6 @@ function EventWrapper({
 function EventItem({
   event,
   view,
-  isDragging,
   onClick,
   showTime,
   currentTime,
@@ -13935,21 +14070,39 @@ function EventItem({
   dndListeners,
   dndAttributes,
   onMouseDown,
-  onTouchStart
+  onTouchStart,
+  agendaOnly = false
 }) {
   const eventColor = event.color;
+  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)(() => {
-    return currentTime || new Date(event.start);
-  }, [currentTime, event.start]);
+    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)(() => {
-    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]);
+    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);
@@ -13958,9 +14111,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,
@@ -13974,15 +14138,21 @@ function EventItem({
         dndListeners,
         event,
         ariaLabel,
-        isDragging,
         isFirstDay,
         isLastDay,
         onClick,
-        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
+            }
+          )
         ] })
       }
     );
@@ -14002,28 +14172,83 @@ function EventItem({
         dndListeners,
         event,
         ariaLabel,
-        isDragging,
         isFirstDay,
         isLastDay,
-        onClick,
-        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 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 text-lg"
+              ),
+              children: event.title
+            }
+          ),
+          showTime && hasValidTime && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "truncate font-normal opacity-70 sm:text-[15px]", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "inline-block bg-white/5 px-0.5 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-md" : "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),
+        "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 border-2 border-border",
+        colorClasses,
         className
       ),
       "data-past-event": (0, import_date_fns9.isPast)(displayEnd) || void 0,
@@ -14035,23 +14260,29 @@ 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.jsxs)("div", { className: "flex w-full justify-between border-b-2 border-black/5 ", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: cn("font-bold text-lg"), children: event.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+            "div",
+            {
+              className: cn(
+                "opacity-90 flex items-center gap-2 text-lg"
+              ),
+              children: event.allDay ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: "Dia todo" }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "uppercase font-semibold flex items-center gap-2", children: [
+                formatTimeWithOptionalMinutes(displayStart),
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "opacity-70", children: "-" }),
+                formatTimeWithOptionalMinutes(displayEnd),
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react63.ClockUserIcon, {})
+              ] })
+            }
+          )
         ] }),
         event.description && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
           "div",
           {
-            className: "my-1 text-xs opacity-90",
+            className: cn(
+              "my-1 opacity-90 flex text-md"
+            ),
             style: {
               display: "-webkit-box",
               WebkitLineClamp: 2,
@@ -14069,9 +14300,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_react63 = require("react");
+var import_react64 = require("react");
 var import_framer_motion18 = require("framer-motion");
-var import_react64 = require("@phosphor-icons/react");
+var import_react65 = require("@phosphor-icons/react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 function EventsPopup({
   date,
@@ -14080,8 +14311,8 @@ function EventsPopup({
   onClose,
   onEventSelect
 }) {
-  const popupRef = (0, import_react63.useRef)(null);
-  (0, import_react63.useEffect)(() => {
+  const popupRef = (0, import_react64.useRef)(null);
+  (0, import_react64.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (popupRef.current && !popupRef.current.contains(event.target)) {
         onClose();
@@ -14092,7 +14323,7 @@ function EventsPopup({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [onClose]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     const handleEscKey = (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -14104,10 +14335,10 @@ function EventsPopup({
     };
   }, [onClose]);
   const handleEventClick = (event) => {
-    onEventSelect(event);
+    if (onEventSelect) onEventSelect(event);
     onClose();
   };
-  const adjustedPosition = (0, import_react63.useMemo)(() => {
+  const adjustedPosition = (0, import_react64.useMemo)(() => {
     const positionCopy = { ...position };
     if (popupRef.current) {
       const rect = popupRef.current.getBoundingClientRect();
@@ -14151,7 +14382,7 @@ function EventsPopup({
               className: "rounded-full p-1 hover:bg-muted",
               onClick: onClose,
               type: "button",
-              children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react64.XIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react65.XIcon, { className: "h-4 w-4" })
             }
           )
         ] }),
@@ -14160,18 +14391,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"
                 }
               )
             },
@@ -14186,11 +14419,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_react65 = require("react");
+var import_react66 = require("react");
 function useCurrentTimeIndicator(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = (0, import_react65.useState)(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = (0, import_react65.useState)(false);
-  (0, import_react65.useEffect)(() => {
+  const [currentTimePosition, setCurrentTimePosition] = (0, import_react66.useState)(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = (0, import_react66.useState)(false);
+  (0, import_react66.useEffect)(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
       const hours = now.getHours();
@@ -14221,15 +14454,15 @@ function useCurrentTimeIndicator(currentDate, view) {
 }
 
 // src/components/event-calendar/hooks/use-event-visibility.ts
-var import_react66 = require("react");
+var import_react67 = require("react");
 function useEventVisibility({
   eventHeight,
   eventGap
 }) {
-  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)(() => {
+  const contentRef = (0, import_react67.useRef)(null);
+  const observerRef = (0, import_react67.useRef)(null);
+  const [contentHeight, setContentHeight] = (0, import_react67.useState)(null);
+  (0, import_react67.useLayoutEffect)(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
       if (contentRef.current) {
@@ -14249,7 +14482,7 @@ function useEventVisibility({
       }
     };
   }, []);
-  const getVisibleEventCount = (0, import_react66.useMemo)(() => {
+  const getVisibleEventCount = (0, import_react67.useMemo)(() => {
     return (totalEvents) => {
       if (!contentHeight) return totalEvents;
       const maxEvents = Math.floor(contentHeight / (eventHeight + eventGap));
@@ -14269,7 +14502,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_react67 = require("react");
+var import_react68 = require("react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 function MonthView({
   currentDate,
@@ -14277,21 +14510,21 @@ function MonthView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = (0, import_react67.useMemo)(() => {
+  const days = (0, import_react68.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_react67.useMemo)(() => {
+  const weekdays = (0, import_react68.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_react67.useMemo)(() => {
+  const weeks = (0, import_react68.useMemo)(() => {
     const result = [];
     let week = [];
     for (let i = 0; i < days.length; i++) {
@@ -14307,12 +14540,12 @@ function MonthView({
     e.stopPropagation();
     onEventSelect(event);
   };
-  const [isMounted, setIsMounted] = (0, import_react67.useState)(false);
+  const [isMounted, setIsMounted] = (0, import_react68.useState)(false);
   const { contentRef, getVisibleEventCount } = useEventVisibility({
     eventGap: EventGap,
     eventHeight: EventHeight
   });
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     setIsMounted(true);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "contents", "data-slot": "month-view", children: [
@@ -14487,6 +14720,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) {
@@ -14519,15 +14753,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) => {
@@ -14535,30 +14770,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);
@@ -14567,9 +14819,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_react68 = require("react");
+var import_react69 = require("react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 function WeekView({
   currentDate,
@@ -14577,40 +14829,40 @@ function WeekView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = (0, import_react68.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_react69.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_react68.useMemo)(
-    () => (0, import_date_fns14.startOfWeek)(currentDate, { weekStartsOn: 0 }),
+  const weekStart = (0, import_react69.useMemo)(
+    () => (0, import_date_fns15.startOfWeek)(currentDate, { weekStartsOn: 0 }),
     [currentDate]
   );
-  const hours = (0, import_react68.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_react69.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_react68.useMemo)(() => {
+  const allDayEvents = (0, import_react69.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_react68.useMemo)(() => {
+  const processedDayEvents = (0, import_react69.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);
@@ -14619,20 +14871,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;
@@ -14644,7 +14896,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),
@@ -14689,19 +14941,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()
@@ -14713,19 +14965,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,
@@ -14760,7 +15012,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()
       )) }),
@@ -14768,7 +15020,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",
@@ -14795,7 +15047,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",
@@ -14807,7 +15059,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",
                 {
@@ -14850,11 +15102,11 @@ function WeekView({
 }
 
 // src/components/ui/form/CheckBoxThree.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_framer_motion19 = require("framer-motion");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 function useCheckboxTree(initialTree) {
-  const initialCheckedNodes = (0, import_react69.useMemo)(() => {
+  const initialCheckedNodes = (0, import_react70.useMemo)(() => {
     const checkedSet = /* @__PURE__ */ new Set();
     const initializeCheckedNodes = (node) => {
       if (node.defaultChecked) {
@@ -14865,8 +15117,8 @@ function useCheckboxTree(initialTree) {
     initializeCheckedNodes(initialTree);
     return checkedSet;
   }, [initialTree]);
-  const [checkedNodes, setCheckedNodes] = (0, import_react69.useState)(initialCheckedNodes);
-  const isChecked = (0, import_react69.useCallback)(
+  const [checkedNodes, setCheckedNodes] = (0, import_react70.useState)(initialCheckedNodes);
+  const isChecked = (0, import_react70.useCallback)(
     (node) => {
       if (!node.children) {
         return checkedNodes.has(node.id);
@@ -14884,7 +15136,7 @@ function useCheckboxTree(initialTree) {
     },
     [checkedNodes]
   );
-  const handleCheck = (0, import_react69.useCallback)(
+  const handleCheck = (0, import_react70.useCallback)(
     (node) => {
       const newCheckedNodes = new Set(checkedNodes);
       const toggleNode = (n, check) => {
@@ -14914,9 +15166,9 @@ function CheckboxTree({ tree, renderNode }) {
     onCheckedChange,
     children
   }) => {
-    const [open, setOpen] = (0, import_react69.useState)(() => !!node.children && status !== false);
-    const checkboxRef = (0, import_react69.useRef)(null);
-    (0, import_react69.useEffect)(() => {
+    const [open, setOpen] = (0, import_react70.useState)(() => !!node.children && status !== false);
+    const checkboxRef = (0, import_react70.useRef)(null);
+    (0, import_react70.useEffect)(() => {
       if (checkboxRef.current) {
         checkboxRef.current.indeterminate = status === "indeterminate";
       }
@@ -14999,14 +15251,328 @@ function CheckboxTree({ tree, renderNode }) {
   return renderTreeNode(tree);
 }
 
+// src/components/selects/MultiSelectBase.tsx
+var import_react71 = require("@phosphor-icons/react");
+var import_react72 = require("react");
+var import_framer_motion20 = require("framer-motion");
+var import_jsx_runtime85 = require("react/jsx-runtime");
+var MultiSelectContext = (0, import_react72.createContext)(null);
+function MultiSelectBase({
+  children,
+  values,
+  defaultValues,
+  onValuesChange,
+  disabled,
+  empty,
+  error
+}) {
+  const [open, setOpen] = (0, import_react72.useState)(false);
+  const [internalValues, setInternalValues] = (0, import_react72.useState)(
+    new Set(values ?? defaultValues)
+  );
+  const selectedValues = values ? new Set(values) : internalValues;
+  const [items, setItems] = (0, import_react72.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_react72.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_react71.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_react72.useState)(0);
+  const valueRef = (0, import_react72.useRef)(null);
+  const overflowRef = (0, import_react72.useRef)(null);
+  const mutationObserverRef = (0, import_react72.useRef)(null);
+  const resizeObserverRef = (0, import_react72.useRef)(null);
+  const shouldWrap = overflowBehavior === "wrap" || overflowBehavior === "wrap-when-open" && open;
+  const checkOverflow = (0, import_react72.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_react72.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_react71.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_react72.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_react71.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_react72.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_react70 = require("react");
+var import_react73 = require("react");
 var useDrag = (options = {}) => {
-  const [isDragging, setIsDragging] = (0, import_react70.useState)(null);
-  const [positions, setPositions] = (0, import_react70.useState)({});
-  const dragStartPos = (0, import_react70.useRef)(null);
-  const dragId = (0, import_react70.useRef)(null);
-  const handleMouseDown = (0, import_react70.useCallback)((id, e) => {
+  const [isDragging, setIsDragging] = (0, import_react73.useState)(null);
+  const [positions, setPositions] = (0, import_react73.useState)({});
+  const dragStartPos = (0, import_react73.useRef)(null);
+  const dragId = (0, import_react73.useRef)(null);
+  const handleMouseDown = (0, import_react73.useCallback)((id, e) => {
     e.preventDefault();
     const currentPosition = positions[id] || { top: 0, left: 0 };
     dragStartPos.current = {
@@ -15019,7 +15585,7 @@ var useDrag = (options = {}) => {
     setIsDragging(id);
     options.onDragStart?.(id);
   }, [positions, options]);
-  const handleMouseMove = (0, import_react70.useCallback)((e) => {
+  const handleMouseMove = (0, import_react73.useCallback)((e) => {
     if (!isDragging || !dragStartPos.current || !dragId.current) return;
     const deltaX = e.clientX - dragStartPos.current.x;
     const deltaY = e.clientY - dragStartPos.current.y;
@@ -15035,7 +15601,7 @@ var useDrag = (options = {}) => {
     }));
     options.onDrag?.(dragId.current, newPosition);
   }, [isDragging, options]);
-  const handleMouseUp = (0, import_react70.useCallback)(() => {
+  const handleMouseUp = (0, import_react73.useCallback)(() => {
     if (dragId.current) {
       options.onDragEnd?.(dragId.current);
     }
@@ -15043,7 +15609,7 @@ var useDrag = (options = {}) => {
     dragStartPos.current = null;
     dragId.current = null;
   }, [options]);
-  (0, import_react70.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (isDragging) {
       document.addEventListener("mousemove", handleMouseMove);
       document.addEventListener("mouseup", handleMouseUp);
@@ -15055,16 +15621,16 @@ var useDrag = (options = {}) => {
       };
     }
   }, [isDragging, handleMouseMove, handleMouseUp]);
-  const setPosition = (0, import_react70.useCallback)((id, position) => {
+  const setPosition = (0, import_react73.useCallback)((id, position) => {
     setPositions((prev) => ({
       ...prev,
       [id]: position
     }));
   }, []);
-  const getPosition = (0, import_react70.useCallback)((id) => {
+  const getPosition = (0, import_react73.useCallback)((id) => {
     return positions[id] || { top: 0, left: 0 };
   }, [positions]);
-  const isElementDragging = (0, import_react70.useCallback)((id) => {
+  const isElementDragging = (0, import_react73.useCallback)((id) => {
     return isDragging === id;
   }, [isDragging]);
   return {