@mlw-packages/react-components 1.7.19 → 1.7.21

package/dist/index.mjs

@@ -1778,6 +1778,10 @@ function ModeToggleBase({
   ] });
 }
 
+// src/components/selects/Select.tsx
+import { useEffect as useEffect3, useMemo as useMemo4, useState as useState4 } from "react";
+import { CaretLeftIcon, CaretRightIcon as CaretRightIcon2 } from "@phosphor-icons/react";
+
 // src/components/ui/layout/ScrollareaBase.tsx
 import * as React10 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
@@ -1826,8 +1830,46 @@ function Select({
   selected,
   label,
   labelClassname,
-  className
+  className,
+  pagination
 }) {
+  const [page, setPage] = useState4(1);
+  const [animating, setAnimating] = useState4(false);
+  const groupCount = groupItems ? Object.keys(groupItems).length : 0;
+  useEffect3(() => {
+    setPage(1);
+  }, [items?.length, groupCount, pagination]);
+  const paged = useMemo4(() => {
+    if (!pagination || pagination <= 0) return null;
+    if (groupItems) {
+      const flattened = Object.keys(groupItems).flatMap(
+        (g) => groupItems[g].map((it) => ({ ...it, group: g }))
+      );
+      const total2 = flattened.length;
+      const totalPages2 = Math.max(1, Math.ceil(total2 / pagination));
+      const start2 = (page - 1) * pagination;
+      const pageItems2 = flattened.slice(start2, start2 + pagination);
+      const grouped = {};
+      pageItems2.forEach((it) => {
+        if (!grouped[it.group]) grouped[it.group] = [];
+        grouped[it.group].push({ label: it.label, value: it.value });
+      });
+      return { total: total2, totalPages: totalPages2, grouped };
+    }
+    const total = items.length;
+    const totalPages = Math.max(1, Math.ceil(total / pagination));
+    const start = (page - 1) * pagination;
+    const pageItems = items.slice(start, start + pagination);
+    return { total, totalPages, pageItems };
+  }, [items, groupItems, page, pagination]);
+  const goPrev = () => setPage((p) => Math.max(1, p - 1));
+  const goNext = () => setPage((p) => paged ? Math.min(paged.totalPages, p + 1) : p + 1);
+  useEffect3(() => {
+    if (!pagination) return;
+    setAnimating(true);
+    const id = setTimeout(() => setAnimating(false), 220);
+    return () => clearTimeout(id);
+  }, [page, pagination]);
   return /* @__PURE__ */ jsxs13("div", { "data-testid": testIds.root ?? "select-root", children: [
     label && /* @__PURE__ */ jsx18(LabelBase_default, { className: labelClassname, children: label }),
     /* @__PURE__ */ jsxs13(
@@ -1856,7 +1898,80 @@ function Select({
               )
             }
           ),
-          /* @__PURE__ */ jsx18(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsx18(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: groupItems ? /* @__PURE__ */ jsx18(Fragment3, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ jsxs13(
+          /* @__PURE__ */ jsx18(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsx18(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: pagination && pagination > 0 ? /* @__PURE__ */ jsxs13(Fragment3, { children: [
+            /* @__PURE__ */ jsx18(
+              "div",
+              {
+                className: `transition-all duration-200 ${animating ? "opacity-0 -translate-y-1" : "opacity-100 translate-y-0"}`,
+                children: paged && "grouped" in paged ? Object.keys(paged.grouped).map((key) => /* @__PURE__ */ jsxs13(
+                  SelectGroupBase,
+                  {
+                    "data-testid": testIds.group ?? "select-group",
+                    children: [
+                      /* @__PURE__ */ jsx18(
+                        SelectLabelBase,
+                        {
+                          "data-testid": testIds.label ?? "select-label",
+                          children: key
+                        }
+                      ),
+                      paged.grouped[key].map((item) => /* @__PURE__ */ jsx18(
+                        SelectItemBase,
+                        {
+                          value: item.value,
+                          "data-testid": testIds.item?.(String(item.value)) ?? `select-item-${item.value}`,
+                          children: item.label
+                        },
+                        item.value
+                      ))
+                    ]
+                  },
+                  key
+                )) : paged ? /* @__PURE__ */ jsx18(
+                  SelectGroupBase,
+                  {
+                    "data-testid": testIds.group ?? "select-group",
+                    children: paged.pageItems.map((item) => /* @__PURE__ */ jsx18(
+                      SelectItemBase,
+                      {
+                        value: item.value,
+                        "data-testid": testIds.item?.(String(item.value)) ?? `select-item-${item.value}`,
+                        children: item.label
+                      },
+                      item.value
+                    ))
+                  }
+                ) : null
+              }
+            ),
+            paged && paged.totalPages > 1 && /* @__PURE__ */ jsxs13("div", { className: "px-2 py-2 flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx18(
+                "button",
+                {
+                  type: "button",
+                  onClick: goPrev,
+                  disabled: page <= 1,
+                  "data-testid": testIds.paginationPrev ?? "select-pagination-prev",
+                  "aria-label": "Previous page",
+                  className: "text-xs px-2 py-1 rounded disabled:opacity-50 flex items-center gap-2 hover:scale-105 active:scale-95 transition-transform",
+                  children: /* @__PURE__ */ jsx18(CaretLeftIcon, { className: "h-4 w-4 opacity-80" })
+                }
+              ),
+              /* @__PURE__ */ jsx18("div", { className: " flex items-center gap-2", children: /* @__PURE__ */ jsx18("span", { className: "px-2 py-0.5 rounded bg-gray-100 dark:bg-slate-800 text-xs", children: `${page} / ${paged.totalPages}` }) }),
+              /* @__PURE__ */ jsx18(
+                "button",
+                {
+                  type: "button",
+                  onClick: goNext,
+                  disabled: page >= paged.totalPages,
+                  "data-testid": testIds.paginationNext ?? "select-pagination-next",
+                  "aria-label": "Next page",
+                  className: "text-xs px-2 py-1 rounded disabled:opacity-50 flex items-center gap-2 hover:scale-105 active:scale-95 transition-transform",
+                  children: /* @__PURE__ */ jsx18(CaretRightIcon2, { className: "h-4 w-4 opacity-80" })
+                }
+              )
+            ] })
+          ] }) : /* @__PURE__ */ jsx18(Fragment3, { children: groupItems ? /* @__PURE__ */ jsx18(Fragment3, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ jsxs13(
             SelectGroupBase,
             {
               "data-testid": testIds.group ?? "select-group",
@@ -1880,15 +1995,21 @@ function Select({
               ]
             },
             key
-          )) }) : /* @__PURE__ */ jsx18(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: items.map((item) => /* @__PURE__ */ jsx18(
-            SelectItemBase,
+          )) }) : /* @__PURE__ */ jsx18(
+            SelectGroupBase,
             {
-              value: item.value,
-              "data-testid": testIds.item?.(String(item.value)) ?? `select-item-${item.value}`,
-              children: item.label
-            },
-            item.value
-          )) }) }) })
+              "data-testid": testIds.group ?? "select-group",
+              children: items.map((item) => /* @__PURE__ */ jsx18(
+                SelectItemBase,
+                {
+                  value: item.value,
+                  "data-testid": testIds.item?.(String(item.value)) ?? `select-item-${item.value}`,
+                  children: item.label
+                },
+                item.value
+              ))
+            }
+          ) }) }) })
         ]
       }
     ),
@@ -1897,7 +2018,7 @@ function Select({
 }
 
 // src/components/selects/AvatarCombobox.tsx
-import { useId, useState as useState4 } from "react";
+import { useId, useState as useState5 } from "react";
 import { CaretDownIcon as CaretDownIcon3, CheckIcon as CheckIcon5 } from "@phosphor-icons/react";
 import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 var DEFAULT_COLORS = [
@@ -1942,7 +2063,7 @@ function AvatarCombobox({
   className,
   colors: colors2
 }) {
-  const [open, setOpen] = useState4(false);
+  const [open, setOpen] = useState5(false);
   const id = useId();
   const allItems = items || (groupItems ? Object.values(groupItems).flat() : []);
   const selectedItem = allItems.find((item) => item.value === selected);
@@ -2052,10 +2173,10 @@ function AvatarCombobox({
 
 // src/components/charts/Chart.tsx
 import {
-  useState as useState7,
-  useEffect as useEffect5,
+  useState as useState8,
+  useEffect as useEffect6,
   useCallback as useCallback5,
-  useMemo as useMemo5,
+  useMemo as useMemo6,
   useRef as useRef3,
   useLayoutEffect
 } from "react";
@@ -2219,7 +2340,7 @@ var resolveChartMargins = (margins, chartMargins, showLabels) => {
 import { toast } from "sonner";
 
 // src/components/charts/components/controls/PeriodsDropdown.tsx
-import { useState as useState5, useRef, useEffect as useEffect3 } from "react";
+import { useState as useState6, useRef, useEffect as useEffect4 } from "react";
 import { motion as motion6, AnimatePresence as AnimatePresence5 } from "framer-motion";
 import { DotsThreeIcon } from "@phosphor-icons/react/dist/ssr";
 import { Check } from "@phosphor-icons/react/dist/ssr";
@@ -2242,11 +2363,11 @@ function PeriodsDropdown({
   activePeriods
 }) {
   const periods = processedData.map((d) => String(d.name));
-  const [open, setOpen] = useState5(false);
+  const [open, setOpen] = useState6(false);
   const wrapperRef = useRef(null);
   const firstItemRef = useRef(null);
   const listRef = useRef(null);
-  useEffect3(() => {
+  useEffect4(() => {
     const handleClickOutside = (e) => {
       if (!wrapperRef.current) return;
       if (!wrapperRef.current.contains(e.target)) setOpen(false);
@@ -2261,7 +2382,7 @@ function PeriodsDropdown({
       document.removeEventListener("keydown", handleEscape);
     };
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     if (open && firstItemRef.current) {
       firstItemRef.current.focus();
     }
@@ -2604,12 +2725,12 @@ var CloseAllButton = ({
 var CloseAllButton_default = CloseAllButton;
 
 // src/components/charts/components/tooltips/DraggableTooltip.tsx
-import React12, {
-  useEffect as useEffect4,
+import React13, {
+  useEffect as useEffect5,
   useRef as useRef2,
-  useState as useState6,
+  useState as useState7,
   useCallback as useCallback4,
-  useMemo as useMemo4
+  useMemo as useMemo5
 } from "react";
 import { motion as motion9, AnimatePresence as AnimatePresence7 } from "framer-motion";
 import { DotsSixVerticalIcon } from "@phosphor-icons/react";
@@ -2691,12 +2812,12 @@ var DraggableTooltipComponent = ({
   valueFormatter: valueFormatter2,
   categoryFormatter
 }) => {
-  const visibleKeys = useMemo4(
+  const visibleKeys = useMemo5(
     () => showOnlyHighlighted && highlightedSeries && highlightedSeries.size > 0 ? dataKeys.filter((k) => highlightedSeries.has(k)) : dataKeys,
     [showOnlyHighlighted, highlightedSeries, dataKeys]
   );
-  const TotalDisplay = React12.memo(({ data: data2, visibleKeys: visibleKeys2, valueFormatter: localformatter }) => {
-    const total = useMemo4(() => {
+  const TotalDisplay = React13.memo(({ data: data2, visibleKeys: visibleKeys2, valueFormatter: localformatter }) => {
+    const total = useMemo5(() => {
       const numeric = visibleKeys2.map((k) => data2[k]).filter((v) => typeof v === "number");
       return numeric.reduce((s, v) => s + (v || 0), 0);
     }, [data2, visibleKeys2]);
@@ -2718,13 +2839,13 @@ var DraggableTooltipComponent = ({
       )
     ] });
   });
-  const [localPos, setLocalPos] = useState6(position);
-  const [dragging, setDragging] = useState6(false);
+  const [localPos, setLocalPos] = useState7(position);
+  const [dragging, setDragging] = useState7(false);
   const offsetRef = useRef2({ x: 0, y: 0 });
   const lastMouse = useRef2({ x: 0, y: 0 });
-  const [alignmentGuides, setAlignmentGuides] = useState6([]);
-  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = useState6(0);
-  useEffect4(() => setLocalPos(position), [position]);
+  const [alignmentGuides, setAlignmentGuides] = useState7([]);
+  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = useState7(0);
+  useEffect5(() => setLocalPos(position), [position]);
   const getAllTooltips = useCallback4(() => {
     const response = [];
     const ev = new CustomEvent("requestGlobalTooltips", {
@@ -2829,7 +2950,7 @@ var DraggableTooltipComponent = ({
     },
     [alignmentGuides]
   );
-  useEffect4(() => {
+  useEffect5(() => {
     let rafId = null;
     const handleMouseMove = (e) => {
       if (!dragging) return;
@@ -2871,7 +2992,7 @@ var DraggableTooltipComponent = ({
       document.body.style.userSelect = "";
     };
   }, [dragging, snapToGuides, updateAlignmentGuides, id, onPositionChange]);
-  useEffect4(() => {
+  useEffect5(() => {
     const handleCloseAll = () => onClose(id);
     const handleRequestTooltipCount = () => {
       window.dispatchEvent(
@@ -2902,7 +3023,7 @@ var DraggableTooltipComponent = ({
       });
     };
   }, [id, localPos, onClose]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (dragging) return;
     let total = 0;
     const timeoutId = setTimeout(() => {
@@ -2920,7 +3041,7 @@ var DraggableTooltipComponent = ({
     }, 0);
     return () => clearTimeout(timeoutId);
   }, [localPos, dragging]);
-  useEffect4(() => {
+  useEffect5(() => {
     const recount = () => {
       if (dragging) return;
       let total = 0;
@@ -3110,7 +3231,7 @@ var DraggableTooltipComponent = ({
           ] }) }),
           /* @__PURE__ */ jsxs19("div", { className: "p-3 pt-2 space-y-2", children: [
             /* @__PURE__ */ jsx24("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2", children: dataLabel }),
-            useMemo4(
+            useMemo5(
               () => visibleKeys.map((key) => {
                 const value = data[key];
                 if (value === void 0) return null;
@@ -3228,7 +3349,7 @@ var DraggableTooltipComponent = ({
     )
   ] });
 };
-var DraggableTooltip = React12.memo(DraggableTooltipComponent);
+var DraggableTooltip = React13.memo(DraggableTooltipComponent);
 DraggableTooltip.displayName = "DraggableTooltip";
 var DraggableTooltip_default = DraggableTooltip;
 
@@ -3853,7 +3974,7 @@ var Chart = ({
   formatBR = false,
   chartMargin
 }) => {
-  const smartConfig = useMemo5(() => {
+  const smartConfig = useMemo6(() => {
     const resolvedXAxisKey = typeof xAxis === "string" ? xAxis : xAxis && xAxis.dataKey || detectXAxis(data);
     const xAxisConfig2 = typeof xAxis === "string" ? {
       dataKey: resolvedXAxisKey,
@@ -3877,12 +3998,12 @@ var Chart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = useState7([]);
-  const [highlightedSeries, setHighlightedSeries] = useState7(
+  const [activeTooltips, setActiveTooltips] = useState8([]);
+  const [highlightedSeries, setHighlightedSeries] = useState8(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState7(false);
-  useEffect5(() => {
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState8(false);
+  useEffect6(() => {
     if (highlightedSeries.size === 0 && showOnlyHighlighted) {
       setShowOnlyHighlighted(false);
     }
@@ -3892,7 +4013,7 @@ var Chart = ({
     name: String(item[xAxisConfig.dataKey] || "N/A")
   }));
   const wrapperRef = useRef3(null);
-  const [measuredWidth, setMeasuredWidth] = useState7(null);
+  const [measuredWidth, setMeasuredWidth] = useState8(null);
   useLayoutEffect(() => {
     const el = wrapperRef.current;
     if (!el) return;
@@ -3931,17 +4052,17 @@ var Chart = ({
     },
     [colors2, mapperConfig]
   );
-  const finalColors = useMemo5(
+  const finalColors = useMemo6(
     () => generateColors(allKeys),
     [generateColors, allKeys]
   );
-  const biaxialConfigNormalized = useMemo5(() => {
+  const biaxialConfigNormalized = useMemo6(() => {
     if (!biaxial) return null;
     if (typeof biaxial === "string") return { key: [biaxial] };
     if (Array.isArray(biaxial)) return { key: biaxial };
     return biaxial;
   }, [biaxial]);
-  useMemo5(() => {
+  useMemo6(() => {
     if (!biaxialConfigNormalized) return;
     const leftLabelMissing = !yAxisLabel || String(yAxisLabel).trim() === "";
     const rightLabelMissing = !biaxialConfigNormalized.label || String(biaxialConfigNormalized.label).trim() === "";
@@ -3951,11 +4072,11 @@ var Chart = ({
       );
     }
   }, [biaxialConfigNormalized, yAxisLabel]);
-  const rightKeys = useMemo5(
+  const rightKeys = useMemo6(
     () => biaxialConfigNormalized?.key ?? [],
     [biaxialConfigNormalized]
   );
-  const leftKeys = useMemo5(
+  const leftKeys = useMemo6(
     () => allKeys.filter((k) => !rightKeys.includes(k)),
     [allKeys, rightKeys]
   );
@@ -3966,11 +4087,11 @@ var Chart = ({
     }),
     [xAxisConfig.dataKey]
   );
-  const activePeriods = useMemo5(
+  const activePeriods = useMemo6(
     () => activeTooltips.map((t) => adaptDataForTooltip(t.data).name),
     [activeTooltips, adaptDataForTooltip]
   );
-  useEffect5(() => {
+  useEffect6(() => {
     window.dispatchEvent(new Event("recountTooltips"));
   }, [activeTooltips.length]);
   const toggleHighlight = useCallback5((key) => {
@@ -3981,7 +4102,7 @@ var Chart = ({
       return next;
     });
   }, []);
-  const maxLeftDataValue = useMemo5(() => {
+  const maxLeftDataValue = useMemo6(() => {
     let max = 0;
     const numericKeys = leftKeys.length > 0 ? leftKeys : allKeys;
     for (const row of processedData) {
@@ -3993,7 +4114,7 @@ var Chart = ({
     }
     return max;
   }, [processedData, leftKeys, allKeys]);
-  const minLeftDataValue = useMemo5(() => {
+  const minLeftDataValue = useMemo6(() => {
     let min = 0;
     const numericKeys = leftKeys.length > 0 ? leftKeys : allKeys;
     for (const row of processedData) {
@@ -4006,7 +4127,7 @@ var Chart = ({
     }
     return min;
   }, [processedData, leftKeys, allKeys]);
-  const maxRightDataValue = useMemo5(() => {
+  const maxRightDataValue = useMemo6(() => {
     let max = 0;
     if (rightKeys.length === 0) return max;
     for (const row of processedData) {
@@ -4018,7 +4139,7 @@ var Chart = ({
     }
     return max;
   }, [processedData, rightKeys]);
-  const minRightDataValue = useMemo5(() => {
+  const minRightDataValue = useMemo6(() => {
     let min = 0;
     if (rightKeys.length === 0) return min;
     for (const row of processedData) {
@@ -4039,15 +4160,15 @@ var Chart = ({
     const padded = maxValue * (1 + padding);
     return niceCeil(padded);
   }, []);
-  const niceMaxLeft = useMemo5(
+  const niceMaxLeft = useMemo6(
     () => computeNiceMax(maxLeftDataValue),
     [computeNiceMax, maxLeftDataValue]
   );
-  const niceMaxRight = useMemo5(
+  const niceMaxRight = useMemo6(
     () => computeNiceMax(maxRightDataValue),
     [computeNiceMax, maxRightDataValue]
   );
-  const computedWidth = useMemo5(() => {
+  const computedWidth = useMemo6(() => {
     if (typeof width === "number") return width;
     const points = Math.max(1, processedData.length);
     const barCount = series?.bar?.length ?? 0;
@@ -4158,11 +4279,11 @@ var Chart = ({
     },
     []
   );
-  const titleClassName = useMemo5(
+  const titleClassName = useMemo6(
     () => "text-[1.4rem] font-semibold text-foreground mb-3",
     []
   );
-  const finalValueFormatter = useMemo5(() => {
+  const finalValueFormatter = useMemo6(() => {
     const nf = new Intl.NumberFormat("pt-BR", {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
@@ -4202,7 +4323,7 @@ var Chart = ({
     };
     return builtIn;
   }, [valueFormatter2, formatBR]);
-  const yTickFormatter = useMemo5(() => {
+  const yTickFormatter = useMemo6(() => {
     const nf = new Intl.NumberFormat("pt-BR", {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
@@ -4233,7 +4354,7 @@ var Chart = ({
   const containerPaddingLeft = -6;
   const finalChartRightMargin = chartMargin?.right ?? (rightKeys.length > 0 ? axisLabelMargin : defaultChartRightMargin);
   const finalChartLeftMargin = chartMargin?.left ?? (yAxisLabel ? axisLabelMargin : defaultChartLeftMargin);
-  const yAxisTickWidth = useMemo5(() => {
+  const yAxisTickWidth = useMemo6(() => {
     if (typeof chartMargin?.left === "number") return chartMargin.left;
     if (yAxisLabel) return axisLabelMargin;
     const samples = [minLeftDataValue, niceMaxLeft, Math.round((minLeftDataValue + niceMaxLeft) / 2), 0];
@@ -4760,7 +4881,7 @@ var Chart = ({
 var Chart_default = Chart;
 
 // src/components/charts/BarChart.tsx
-import { useState as useState8, useEffect as useEffect6, useCallback as useCallback6, useMemo as useMemo6 } from "react";
+import { useState as useState9, useEffect as useEffect7, useCallback as useCallback6, useMemo as useMemo7 } from "react";
 import {
   BarChart as RechartsBarChart,
   Bar as Bar2,
@@ -4802,7 +4923,7 @@ var BarChart = ({
     containerPaddingLeft,
     16
   );
-  const smartConfig = useMemo6(() => {
+  const smartConfig = useMemo7(() => {
     const providedMapper = yAxis ?? mapper;
     if (autoDetect === true || xAxis == null || providedMapper == null) {
       const detectedXAxis = detectXAxis(data);
@@ -4852,14 +4973,14 @@ var BarChart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, mapper, yAxis, autoDetect, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = useState8([]);
-  const [isDragging, setIsDragging] = useState8(null);
-  const [dragOffset, setDragOffset] = useState8({
+  const [activeTooltips, setActiveTooltips] = useState9([]);
+  const [isDragging, setIsDragging] = useState9(null);
+  const [dragOffset, setDragOffset] = useState9({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = useState8(0);
-  const [alignmentGuides, setAlignmentGuides] = useState8([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = useState9(0);
+  const [alignmentGuides, setAlignmentGuides] = useState9([]);
   const processedData = data.map((item) => ({
     ...item,
     name: String(item[xAxisConfig.dataKey] || "N/A")
@@ -4882,7 +5003,7 @@ var BarChart = ({
       // Garantir que tem a propriedade 'name'
     };
   };
-  const maxDataValue = useMemo6(() => {
+  const maxDataValue = useMemo7(() => {
     let max = 0;
     const keys = Object.keys(mapperConfig);
     for (const row of processedData) {
@@ -4895,7 +5016,7 @@ var BarChart = ({
     }
     return max;
   }, [processedData, mapperConfig]);
-  const niceMax = useMemo6(() => {
+  const niceMax = useMemo7(() => {
     let padding2 = 0.08;
     if (maxDataValue > 1e6) padding2 = 0.05;
     if (maxDataValue > 1e7) padding2 = 0.03;
@@ -5062,7 +5183,7 @@ var BarChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  useEffect6(() => {
+  useEffect7(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -5120,7 +5241,7 @@ var BarChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  useEffect6(() => {
+  useEffect7(() => {
     const handleCloseAllTooltips = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -5130,7 +5251,7 @@ var BarChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips);
     };
   }, []);
-  useEffect6(() => {
+  useEffect7(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -5169,7 +5290,7 @@ var BarChart = ({
       );
     };
   }, [activeTooltips]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -5435,7 +5556,7 @@ var BarChart = ({
 var BarChart_default = BarChart;
 
 // src/components/charts/LineChart.tsx
-import { useState as useState9, useEffect as useEffect7, useCallback as useCallback7, useMemo as useMemo7 } from "react";
+import { useState as useState10, useEffect as useEffect8, useCallback as useCallback7, useMemo as useMemo8 } from "react";
 import {
   LineChart as RechartsLineChart,
   Line as Line2,
@@ -5478,14 +5599,14 @@ var CustomLineChart = ({
     containerPaddingLeft,
     16
   );
-  const [activeTooltips, setActiveTooltips] = useState9([]);
-  const [isDragging, setIsDragging] = useState9(null);
-  const [dragOffset, setDragOffset] = useState9({
+  const [activeTooltips, setActiveTooltips] = useState10([]);
+  const [isDragging, setIsDragging] = useState10(null);
+  const [dragOffset, setDragOffset] = useState10({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = useState9(0);
-  const [alignmentGuides, setAlignmentGuides] = useState9([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = useState10(0);
+  const [alignmentGuides, setAlignmentGuides] = useState10([]);
   const generateColors = (dataKeys2) => {
     const colorMap = {};
     const allColors = generateAdditionalColors(colors2, dataKeys2.length);
@@ -5494,12 +5615,12 @@ var CustomLineChart = ({
     });
     return colorMap;
   };
-  const dataKeys = useMemo7(
+  const dataKeys = useMemo8(
     () => data.length > 0 ? Object.keys(data[0]).filter((key) => key !== "name") : [],
     [data]
   );
   const finalColors = generateColors(dataKeys);
-  const maxDataValue = useMemo7(() => {
+  const maxDataValue = useMemo8(() => {
     let max = 0;
     for (const row of data) {
       const r = row;
@@ -5511,7 +5632,7 @@ var CustomLineChart = ({
     }
     return max;
   }, [data, dataKeys]);
-  const niceMax = useMemo7(() => {
+  const niceMax = useMemo8(() => {
     let padding2 = 0.08;
     if (maxDataValue > 1e6) padding2 = 0.05;
     if (maxDataValue > 1e7) padding2 = 0.03;
@@ -5699,7 +5820,7 @@ var CustomLineChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  useEffect7(() => {
+  useEffect8(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -5746,7 +5867,7 @@ var CustomLineChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  useEffect7(() => {
+  useEffect8(() => {
     const handleCloseAllTooltips2 = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -5756,7 +5877,7 @@ var CustomLineChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips2);
     };
   }, []);
-  useEffect7(() => {
+  useEffect8(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -5800,7 +5921,7 @@ var CustomLineChart = ({
       );
     };
   }, [activeTooltips]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -6129,12 +6250,12 @@ var CustomPieChart = ({
 var PieChart_default = CustomPieChart;
 
 // src/components/charts/hooks/useChartHighlights.tsx
-import { useState as useState10, useCallback as useCallback8 } from "react";
+import { useState as useState11, useCallback as useCallback8 } from "react";
 var useChartHighlights = () => {
-  const [highlightedSeries, setHighlightedSeries] = useState10(
+  const [highlightedSeries, setHighlightedSeries] = useState11(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState10(false);
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState11(false);
   const toggleHighlight = useCallback8((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
@@ -6202,10 +6323,10 @@ var useChartHighlights = () => {
 };
 
 // src/components/ui/data/AvatarBase.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import { jsx as jsx33 } from "react/jsx-runtime";
-var AvatarBase = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var AvatarBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   AvatarPrimitive.Root,
   {
     ref,
@@ -6217,7 +6338,7 @@ var AvatarBase = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarBase.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImageBase = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var AvatarImageBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   AvatarPrimitive.Image,
   {
     ref,
@@ -6226,7 +6347,7 @@ var AvatarImageBase = React16.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AvatarImageBase.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallbackBase = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var AvatarFallbackBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -6294,7 +6415,7 @@ function Badge({
 }
 
 // src/components/ui/data/CalendarBase.tsx
-import { CaretLeftIcon, CaretRightIcon as CaretRightIcon2 } from "@phosphor-icons/react";
+import { CaretLeftIcon as CaretLeftIcon2, CaretRightIcon as CaretRightIcon3 } from "@phosphor-icons/react";
 import { DayPicker } from "react-day-picker";
 import { jsx as jsx35 } from "react/jsx-runtime";
 function CalendarBase({
@@ -6339,8 +6460,8 @@ function CalendarBase({
         ...classNames
       },
       components: {
-        IconLeft: () => /* @__PURE__ */ jsx35(CaretLeftIcon, { className: "h-4 w-4" }),
-        IconRight: () => /* @__PURE__ */ jsx35(CaretRightIcon2, { className: "h-4 w-4" })
+        IconLeft: () => /* @__PURE__ */ jsx35(CaretLeftIcon2, { className: "h-4 w-4" }),
+        IconRight: () => /* @__PURE__ */ jsx35(CaretRightIcon3, { className: "h-4 w-4" })
       },
       ...props
     }
@@ -6349,9 +6470,9 @@ function CalendarBase({
 CalendarBase.displayName = "Calendar";
 
 // src/components/ui/data/CardBase.tsx
-import * as React17 from "react";
+import * as React18 from "react";
 import { jsx as jsx36 } from "react/jsx-runtime";
-var CardBase = React17.forwardRef(({ className, testid: dataTestId = "card-base", ...props }, ref) => /* @__PURE__ */ jsx36(
+var CardBase = React18.forwardRef(({ className, testid: dataTestId = "card-base", ...props }, ref) => /* @__PURE__ */ jsx36(
   "div",
   {
     ref,
@@ -6364,7 +6485,7 @@ var CardBase = React17.forwardRef(({ className, testid: dataTestId = "card-base"
   }
 ));
 CardBase.displayName = "Card";
-var CardHeaderBase = React17.forwardRef(({ className, testid: dataTestId = "card-header", ...props }, ref) => /* @__PURE__ */ jsx36(
+var CardHeaderBase = React18.forwardRef(({ className, testid: dataTestId = "card-header", ...props }, ref) => /* @__PURE__ */ jsx36(
   "div",
   {
     ref,
@@ -6374,7 +6495,7 @@ var CardHeaderBase = React17.forwardRef(({ className, testid: dataTestId = "card
   }
 ));
 CardHeaderBase.displayName = "CardHeader";
-var CardTitleBase = React17.forwardRef(({ className, testid: dataTestId = "card-title", ...props }, ref) => /* @__PURE__ */ jsx36(
+var CardTitleBase = React18.forwardRef(({ className, testid: dataTestId = "card-title", ...props }, ref) => /* @__PURE__ */ jsx36(
   "div",
   {
     ref,
@@ -6384,7 +6505,7 @@ var CardTitleBase = React17.forwardRef(({ className, testid: dataTestId = "card-
   }
 ));
 CardTitleBase.displayName = "CardTitle";
-var CardDescriptionBase = React17.forwardRef(({ className, testid: dataTestId = "card-description", ...props }, ref) => /* @__PURE__ */ jsx36(
+var CardDescriptionBase = React18.forwardRef(({ className, testid: dataTestId = "card-description", ...props }, ref) => /* @__PURE__ */ jsx36(
   "div",
   {
     ref,
@@ -6394,7 +6515,7 @@ var CardDescriptionBase = React17.forwardRef(({ className, testid: dataTestId =
   }
 ));
 CardDescriptionBase.displayName = "CardDescription";
-var CardContentBase = React17.forwardRef(({ className, testid: dataTestId = "card-content", ...props }, ref) => /* @__PURE__ */ jsx36(
+var CardContentBase = React18.forwardRef(({ className, testid: dataTestId = "card-content", ...props }, ref) => /* @__PURE__ */ jsx36(
   "div",
   {
     ref,
@@ -6404,7 +6525,7 @@ var CardContentBase = React17.forwardRef(({ className, testid: dataTestId = "car
   }
 ));
 CardContentBase.displayName = "CardContent";
-var CardFooterBase = React17.forwardRef(({ className, testid: dataTestId = "card-footer", ...props }, ref) => /* @__PURE__ */ jsx36(
+var CardFooterBase = React18.forwardRef(({ className, testid: dataTestId = "card-footer", ...props }, ref) => /* @__PURE__ */ jsx36(
   "div",
   {
     ref,
@@ -6416,7 +6537,7 @@ var CardFooterBase = React17.forwardRef(({ className, testid: dataTestId = "card
 CardFooterBase.displayName = "CardFooter";
 
 // src/components/ui/data/FileUploader.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 import { motion as motion10, AnimatePresence as AnimatePresence8 } from "framer-motion";
 import {
   CloudArrowUpIcon,
@@ -6498,7 +6619,7 @@ var createImagePreview = (file) => {
     reader.readAsDataURL(file);
   });
 };
-var FileUploader = React18.forwardRef(
+var FileUploader = React19.forwardRef(
   ({
     className,
     accept,
@@ -6514,15 +6635,15 @@ var FileUploader = React18.forwardRef(
     animate = true,
     ...props
   }, ref) => {
-    const [isDragging, setIsDragging] = React18.useState(false);
-    const [files, setFiles] = React18.useState(value);
-    const inputRef = React18.useRef(null);
-    const dragCounterRef = React18.useRef(0);
+    const [isDragging, setIsDragging] = React19.useState(false);
+    const [files, setFiles] = React19.useState(value);
+    const inputRef = React19.useRef(null);
+    const dragCounterRef = React19.useRef(0);
     const multiple = maxFiles > 1;
-    React18.useEffect(() => {
+    React19.useEffect(() => {
       setFiles(value);
     }, [value]);
-    React18.useEffect(() => {
+    React19.useEffect(() => {
       return () => {
         files.forEach((file) => {
           if (file.preview) {
@@ -6872,13 +6993,13 @@ var FileUploader = React18.forwardRef(
 FileUploader.displayName = "FileUploader";
 
 // src/components/ui/feedback/AlertDialogBase.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
 var AlertDialogBase = AlertDialogPrimitive.Root;
 var AlertDialogTriggerBase = AlertDialogPrimitive.Trigger;
 var AlertDialogPortalBase = AlertDialogPrimitive.Portal;
-var AlertDialogOverlayBase = React19.forwardRef(({ className, testid = "alertdialog-overlay", ...props }, ref) => /* @__PURE__ */ jsx38(
+var AlertDialogOverlayBase = React20.forwardRef(({ className, testid = "alertdialog-overlay", ...props }, ref) => /* @__PURE__ */ jsx38(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -6891,7 +7012,7 @@ var AlertDialogOverlayBase = React19.forwardRef(({ className, testid = "alertdia
   }
 ));
 AlertDialogOverlayBase.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContentBase = React19.forwardRef(({ className, testid = "alertdialog-content", ...props }, ref) => /* @__PURE__ */ jsxs29(AlertDialogPortalBase, { children: [
+var AlertDialogContentBase = React20.forwardRef(({ className, testid = "alertdialog-content", ...props }, ref) => /* @__PURE__ */ jsxs29(AlertDialogPortalBase, { children: [
   /* @__PURE__ */ jsx38(AlertDialogOverlayBase, {}),
   /* @__PURE__ */ jsx38(
     AlertDialogPrimitive.Content,
@@ -6935,7 +7056,7 @@ var AlertDialogFooterBase = ({
   }
 );
 AlertDialogFooterBase.displayName = "AlertDialogFooterBase";
-var AlertDialogTitleBase = React19.forwardRef(({ className, testid = "alertdialog-title", ...props }, ref) => /* @__PURE__ */ jsx38(
+var AlertDialogTitleBase = React20.forwardRef(({ className, testid = "alertdialog-title", ...props }, ref) => /* @__PURE__ */ jsx38(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -6945,7 +7066,7 @@ var AlertDialogTitleBase = React19.forwardRef(({ className, testid = "alertdialo
   }
 ));
 AlertDialogTitleBase.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescriptionBase = React19.forwardRef(({ className, testid = "alertdialog-description", ...props }, ref) => /* @__PURE__ */ jsx38(
+var AlertDialogDescriptionBase = React20.forwardRef(({ className, testid = "alertdialog-description", ...props }, ref) => /* @__PURE__ */ jsx38(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -6955,7 +7076,7 @@ var AlertDialogDescriptionBase = React19.forwardRef(({ className, testid = "aler
   }
 ));
 AlertDialogDescriptionBase.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogActionBase = React19.forwardRef(({ className, testid = "alertdialog-action", ...props }, ref) => /* @__PURE__ */ jsx38(
+var AlertDialogActionBase = React20.forwardRef(({ className, testid = "alertdialog-action", ...props }, ref) => /* @__PURE__ */ jsx38(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -6965,7 +7086,7 @@ var AlertDialogActionBase = React19.forwardRef(({ className, testid = "alertdial
   }
 ));
 AlertDialogActionBase.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancelBase = React19.forwardRef(({ className, testid = "alertdialog-cancel", ...props }, ref) => /* @__PURE__ */ jsx38(
+var AlertDialogCancelBase = React20.forwardRef(({ className, testid = "alertdialog-cancel", ...props }, ref) => /* @__PURE__ */ jsx38(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -6977,7 +7098,7 @@ var AlertDialogCancelBase = React19.forwardRef(({ className, testid = "alertdial
 AlertDialogCancelBase.displayName = AlertDialogPrimitive.Cancel.displayName;
 
 // src/components/ui/feedback/DestructiveDialog.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 import { XCircleIcon } from "@phosphor-icons/react";
 import { jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
 var DestructiveDialog = ({
@@ -6989,7 +7110,7 @@ var DestructiveDialog = ({
   triggerContent,
   className
 }) => {
-  const triggerEl = React20.isValidElement(children) ? /* @__PURE__ */ jsx39(AlertDialogTriggerBase, { asChild: true, children }) : /* @__PURE__ */ jsx39(AlertDialogTriggerBase, { children: /* @__PURE__ */ jsx39(ButtonBase, { variant: "destructive", children: triggerContent ?? "Excluir" }) });
+  const triggerEl = React21.isValidElement(children) ? /* @__PURE__ */ jsx39(AlertDialogTriggerBase, { asChild: true, children }) : /* @__PURE__ */ jsx39(AlertDialogTriggerBase, { children: /* @__PURE__ */ jsx39(ButtonBase, { variant: "destructive", children: triggerContent ?? "Excluir" }) });
   return /* @__PURE__ */ jsxs30(AlertDialogBase, { children: [
     triggerEl,
     /* @__PURE__ */ jsxs30(
@@ -7034,7 +7155,7 @@ var DestructiveDialog = ({
 };
 
 // src/components/ui/feedback/LoadingBase.tsx
-import * as React21 from "react";
+import * as React22 from "react";
 import { cva as cva3 } from "class-variance-authority";
 import { jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
 var loadingVariants = cva3(
@@ -7085,9 +7206,9 @@ var dotVariants = cva3(
     }
   }
 );
-var LoadingBase = React21.forwardRef(
+var LoadingBase = React22.forwardRef(
   ({ className, size, message, overlay = false, variant = "spinner", ...props }, ref) => {
-    React21.useEffect(() => {
+    React22.useEffect(() => {
       const style = document.createElement("style");
       style.textContent = `
         @keyframes dotBounce {
@@ -7205,7 +7326,7 @@ var LoadingBase = React21.forwardRef(
 LoadingBase.displayName = "LoadingBase";
 
 // src/components/ui/feedback/ModalBase.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 import { XIcon as XIcon6 } from "@phosphor-icons/react";
 import { jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
@@ -7213,7 +7334,7 @@ var ModalBase = DialogPrimitive2.Root;
 var ModalTriggerBase = DialogPrimitive2.Trigger;
 var ModalPortalBase = DialogPrimitive2.Portal;
 var ModalCloseBase = DialogPrimitive2.Close;
-var ModalOverlayBase = React22.forwardRef(({ className, testid: dataTestId = "modal-overlay", ...props }, ref) => /* @__PURE__ */ jsx41(
+var ModalOverlayBase = React23.forwardRef(({ className, testid: dataTestId = "modal-overlay", ...props }, ref) => /* @__PURE__ */ jsx41(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -7226,7 +7347,7 @@ var ModalOverlayBase = React22.forwardRef(({ className, testid: dataTestId = "mo
   }
 ));
 ModalOverlayBase.displayName = DialogPrimitive2.Overlay.displayName;
-var ModalContentBase = React22.forwardRef(
+var ModalContentBase = React23.forwardRef(
   ({
     className,
     children,
@@ -7290,7 +7411,7 @@ var ModalContentBase = React22.forwardRef(
   }
 );
 ModalContentBase.displayName = DialogPrimitive2.Content.displayName;
-var ModalHeaderBase = React22.forwardRef(({ className, testid: dataTestId = "modal-header", ...props }, ref) => /* @__PURE__ */ jsx41(
+var ModalHeaderBase = React23.forwardRef(({ className, testid: dataTestId = "modal-header", ...props }, ref) => /* @__PURE__ */ jsx41(
   "div",
   {
     ref,
@@ -7303,7 +7424,7 @@ var ModalHeaderBase = React22.forwardRef(({ className, testid: dataTestId = "mod
   }
 ));
 ModalHeaderBase.displayName = "ModalHeader";
-var ModalFooterBase = React22.forwardRef(({ className, testid: dataTestId = "modal-footer", ...props }, ref) => /* @__PURE__ */ jsx41(
+var ModalFooterBase = React23.forwardRef(({ className, testid: dataTestId = "modal-footer", ...props }, ref) => /* @__PURE__ */ jsx41(
   "div",
   {
     ref,
@@ -7316,7 +7437,7 @@ var ModalFooterBase = React22.forwardRef(({ className, testid: dataTestId = "mod
   }
 ));
 ModalFooterBase.displayName = "ModalFooter";
-var ModalTitleBase = React22.forwardRef(({ className, testid: dataTestId = "modal-title", ...props }, ref) => /* @__PURE__ */ jsx41(
+var ModalTitleBase = React23.forwardRef(({ className, testid: dataTestId = "modal-title", ...props }, ref) => /* @__PURE__ */ jsx41(
   DialogPrimitive2.Title,
   {
     ref,
@@ -7329,7 +7450,7 @@ var ModalTitleBase = React22.forwardRef(({ className, testid: dataTestId = "moda
   }
 ));
 ModalTitleBase.displayName = DialogPrimitive2.Title.displayName;
-var ModalDescriptionBase = React22.forwardRef(({ className, testid: dataTestId = "modal-description", ...props }, ref) => /* @__PURE__ */ jsx41(
+var ModalDescriptionBase = React23.forwardRef(({ className, testid: dataTestId = "modal-description", ...props }, ref) => /* @__PURE__ */ jsx41(
   DialogPrimitive2.Description,
   {
     ref,
@@ -7341,10 +7462,10 @@ var ModalDescriptionBase = React22.forwardRef(({ className, testid: dataTestId =
 ModalDescriptionBase.displayName = DialogPrimitive2.Description.displayName;
 
 // src/components/ui/feedback/ProgressBase.tsx
-import * as React23 from "react";
+import * as React24 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
-var ProgressBase = React23.forwardRef(
+var ProgressBase = React24.forwardRef(
   ({
     className,
     value: rawValue,
@@ -7526,7 +7647,7 @@ var ProgressPanelsBase = ({
     /* @__PURE__ */ jsx42("div", { className: "flex w-full gap-1 rounded-lg overflow-hidden", children: steps.map((step, idx) => {
       const isActive = idx === currentStep;
       const isLast = idx === steps.length - 1;
-      return /* @__PURE__ */ jsxs33(React23.Fragment, { children: [
+      return /* @__PURE__ */ jsxs33(React24.Fragment, { children: [
         /* @__PURE__ */ jsxs33(
           "div",
           {
@@ -7684,17 +7805,17 @@ var toast2 = {
 };
 
 // src/components/ui/form/CheckBoxBase.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { CheckIcon as CheckIcon8, MinusIcon } from "@phosphor-icons/react";
 import { motion as motion11 } from "framer-motion";
 import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
-var CheckboxBase = React24.forwardRef(({ className, testid: dataTestId = "checkbox-base", checked: checkedProp, defaultChecked, onCheckedChange, ...props }, ref) => {
+var CheckboxBase = React25.forwardRef(({ className, testid: dataTestId = "checkbox-base", checked: checkedProp, defaultChecked, onCheckedChange, ...props }, ref) => {
   const isControlled = checkedProp !== void 0;
-  const [checkedState, setCheckedState] = React24.useState(
+  const [checkedState, setCheckedState] = React25.useState(
     isControlled ? checkedProp : defaultChecked ?? false
   );
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     if (isControlled) setCheckedState(checkedProp);
   }, [checkedProp, isControlled]);
   const handleCheckedChange = (next) => {
@@ -7736,15 +7857,15 @@ var CheckboxBase = React24.forwardRef(({ className, testid: dataTestId = "checkb
 CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/components/ui/form/CollapsibleBase.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 import { CaretUpDownIcon } from "@phosphor-icons/react";
 import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
-var CollapsibleBase = React25.forwardRef(({ ...props }, ref) => {
+var CollapsibleBase = React26.forwardRef(({ ...props }, ref) => {
   return /* @__PURE__ */ jsx46(CollapsiblePrimitive.Root, { ref, "data-slot": "collapsible", ...props });
 });
 CollapsibleBase.displayName = CollapsiblePrimitive.Root.displayName;
-var CollapsibleTriggerBase = React25.forwardRef(({ className, children, leftIcon, showCaret = true, ...props }, ref) => {
+var CollapsibleTriggerBase = React26.forwardRef(({ className, children, leftIcon, showCaret = true, ...props }, ref) => {
   return /* @__PURE__ */ jsxs35(
     CollapsiblePrimitive.CollapsibleTrigger,
     {
@@ -7766,7 +7887,7 @@ var CollapsibleTriggerBase = React25.forwardRef(({ className, children, leftIcon
   );
 });
 CollapsibleTriggerBase.displayName = CollapsiblePrimitive.CollapsibleTrigger.displayName;
-var CollapsibleContentBase = React25.forwardRef(({ className, children, ...props }, ref) => {
+var CollapsibleContentBase = React26.forwardRef(({ className, children, ...props }, ref) => {
   return /* @__PURE__ */ jsx46(
     CollapsiblePrimitive.CollapsibleContent,
     {
@@ -7784,7 +7905,7 @@ var CollapsibleContentBase = React25.forwardRef(({ className, children, ...props
 CollapsibleContentBase.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
 
 // src/components/ui/form/HoverCardBase.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 import { jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
 function HoverCardBase(props) {
@@ -7793,7 +7914,7 @@ function HoverCardBase(props) {
 function HoverCardTriggerBase(props) {
   return /* @__PURE__ */ jsx47(HoverCardPrimitive.Trigger, { ...props });
 }
-var HoverCardContentBase = React26.forwardRef(
+var HoverCardContentBase = React27.forwardRef(
   ({ className, align = "center", sideOffset = 6, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx47(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsxs36(
       HoverCardPrimitive.Content,
@@ -7839,7 +7960,7 @@ var HoverCardContentBase = React26.forwardRef(
 HoverCardContentBase.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/ui/form/Input-OTP-Base.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon as MinusIcon2 } from "@phosphor-icons/react";
 import { jsx as jsx48, jsxs as jsxs37 } from "react/jsx-runtime";
@@ -7876,7 +7997,7 @@ function InputOTPSlotBase({
   className,
   ...props
 }) {
-  const inputOTPContext = React27.useContext(OTPInputContext);
+  const inputOTPContext = React28.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
   return /* @__PURE__ */ jsxs37(
     "div",
@@ -7900,10 +8021,10 @@ function InputOTPSeparatorBase({ ...props }) {
 }
 
 // src/components/ui/form/SliderBase.tsx
-import * as React28 from "react";
+import * as React29 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import { jsx as jsx49, jsxs as jsxs38 } from "react/jsx-runtime";
-var SlideBase = React28.forwardRef(
+var SlideBase = React29.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -7983,7 +8104,7 @@ var SlideBase = React28.forwardRef(
 SlideBase.displayName = "SlideBase";
 
 // src/components/ui/form/SmallButtons.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 import {
   PencilSimpleIcon,
   FloppyDiskIcon,
@@ -8009,7 +8130,7 @@ import {
   ArrowsLeftRightIcon
 } from "@phosphor-icons/react";
 import { jsx as jsx50 } from "react/jsx-runtime";
-var EditButton = React29.forwardRef(
+var EditButton = React30.forwardRef(
   ({
     disabled,
     onClick,
@@ -8049,7 +8170,7 @@ var EditButton = React29.forwardRef(
   )
 );
 EditButton.displayName = "EditButton";
-var ChangeButton = React29.forwardRef(
+var ChangeButton = React30.forwardRef(
   ({
     disabled,
     onClick,
@@ -8089,7 +8210,7 @@ var ChangeButton = React29.forwardRef(
   )
 );
 ChangeButton.displayName = "ChangeButton";
-var SaveButton = React29.forwardRef(
+var SaveButton = React30.forwardRef(
   ({
     disabled,
     onClick,
@@ -8129,7 +8250,7 @@ var SaveButton = React29.forwardRef(
   )
 );
 SaveButton.displayName = "SaveButton";
-var AddButton = React29.forwardRef(
+var AddButton = React30.forwardRef(
   ({
     disabled,
     onClick,
@@ -8169,7 +8290,7 @@ var AddButton = React29.forwardRef(
   )
 );
 AddButton.displayName = "AddButton";
-var CloseButton = React29.forwardRef(
+var CloseButton = React30.forwardRef(
   ({
     disabled,
     onClick,
@@ -8709,10 +8830,10 @@ var LockButton = ({
 var UnlockButton = (props) => /* @__PURE__ */ jsx50(LockButton, { isLocked: false, testid: "button-unlock", ...props });
 
 // src/components/ui/form/SwitchBase.tsx
-import * as React30 from "react";
+import * as React31 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import { jsx as jsx51 } from "react/jsx-runtime";
-var SwitchBase = React30.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
+var SwitchBase = React31.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
   return /* @__PURE__ */ jsx51(
     SwitchPrimitives.Root,
     {
@@ -8741,18 +8862,18 @@ var SwitchBase = React30.forwardRef(({ className, testid: dataTestId = "switch-b
 SwitchBase.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/ui/form/TextAreaBase.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 import { motion as motion12 } from "framer-motion";
 import { TrashIcon as TrashIcon2 } from "@phosphor-icons/react";
 import { jsx as jsx52, jsxs as jsxs39 } from "react/jsx-runtime";
-var TextAreaBase = React31.forwardRef(
+var TextAreaBase = React32.forwardRef(
   ({ className, clearable = false, onClear, ...props }, ref) => {
-    const [isFocused, setIsFocused] = React31.useState(false);
-    const [hasContent, setHasContent] = React31.useState(
+    const [isFocused, setIsFocused] = React32.useState(false);
+    const [hasContent, setHasContent] = React32.useState(
       !!props.value || !!props.defaultValue
     );
-    const [showConfirmTooltip, setShowConfirmTooltip] = React31.useState(false);
-    const textareaRef = React31.useRef(null);
+    const [showConfirmTooltip, setShowConfirmTooltip] = React32.useState(false);
+    const textareaRef = React32.useRef(null);
     const handleFocus = (e) => {
       setIsFocused(true);
       props.onFocus?.(e);
@@ -8788,8 +8909,8 @@ var TextAreaBase = React31.forwardRef(
     const handleCancelClear = () => {
       setShowConfirmTooltip(false);
     };
-    React31.useImperativeHandle(ref, () => textareaRef.current);
-    React31.useEffect(() => {
+    React32.useImperativeHandle(ref, () => textareaRef.current);
+    React32.useEffect(() => {
       setHasContent(!!props.value || !!props.defaultValue);
     }, [props.value, props.defaultValue]);
     return /* @__PURE__ */ jsxs39("div", { className: "relative", children: [
@@ -8916,13 +9037,13 @@ var TextAreaBase = React31.forwardRef(
 TextAreaBase.displayName = "TextAreaBase";
 
 // src/components/ui/layout/CarouselBase.tsx
-import * as React32 from "react";
+import * as React33 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeftIcon as ArrowLeftIcon2, ArrowRightIcon as ArrowRightIcon2 } from "@phosphor-icons/react";
 import { jsx as jsx53, jsxs as jsxs40 } from "react/jsx-runtime";
-var CarouselContext = React32.createContext(null);
+var CarouselContext = React33.createContext(null);
 function useCarousel() {
-  const context = React32.useContext(CarouselContext);
+  const context = React33.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <CarouselBase />");
   }
@@ -8944,20 +9065,20 @@ function CarouselBase({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React32.useState(false);
-  const [canScrollNext, setCanScrollNext] = React32.useState(false);
-  const onSelect = React32.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React33.useState(false);
+  const [canScrollNext, setCanScrollNext] = React33.useState(false);
+  const onSelect = React33.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React32.useCallback(() => {
+  const scrollPrev = React33.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React32.useCallback(() => {
+  const scrollNext = React33.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React32.useCallback(
+  const handleKeyDown = React33.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -8969,11 +9090,11 @@ function CarouselBase({
     },
     [scrollPrev, scrollNext]
   );
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -9062,7 +9183,7 @@ function CarouselPreviousBase({
   ...props
 }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  const btnRef = React32.useRef(null);
+  const btnRef = React33.useRef(null);
   return /* @__PURE__ */ jsxs40(
     ButtonBase,
     {
@@ -9092,7 +9213,7 @@ function CarouselNextBase({
   ...props
 }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  const btnRef = React32.useRef(null);
+  const btnRef = React33.useRef(null);
   return /* @__PURE__ */ jsxs40(
     ButtonBase,
     {
@@ -9117,11 +9238,11 @@ function CarouselNextBase({
 }
 
 // src/components/ui/layout/SeparatorBase.tsx
-import * as React33 from "react";
+import * as React34 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { motion as motion13 } from "framer-motion";
 import { jsx as jsx54 } from "react/jsx-runtime";
-var SeparatorBase = React33.forwardRef(
+var SeparatorBase = React34.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
     const isHorizontal = orientation === "horizontal";
     return /* @__PURE__ */ jsx54(
@@ -9155,9 +9276,9 @@ var SeparatorBase = React33.forwardRef(
 SeparatorBase.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/ui/layout/TableBase.tsx
-import * as React34 from "react";
+import * as React35 from "react";
 import { jsx as jsx55 } from "react/jsx-runtime";
-var TableBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx55(
+var TableBase = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx55(
   "table",
   {
     ref,
@@ -9166,9 +9287,9 @@ var TableBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ) }));
 TableBase.displayName = "TableBase";
-var TableHeaderBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeaderBase = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeaderBase.displayName = "TableHeaderBase";
-var TableBodyBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
+var TableBodyBase = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
   "tbody",
   {
     ref,
@@ -9177,7 +9298,7 @@ var TableBodyBase = React34.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableBodyBase.displayName = "TableBodyBase";
-var TableFooterBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
+var TableFooterBase = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
   "tfoot",
   {
     ref,
@@ -9189,7 +9310,7 @@ var TableFooterBase = React34.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 TableFooterBase.displayName = "TableFooterBase";
-var TableRowBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
+var TableRowBase = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
   "tr",
   {
     ref,
@@ -9201,7 +9322,7 @@ var TableRowBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableRowBase.displayName = "TableRowBase";
-var TableHeadBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
+var TableHeadBase = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
   "th",
   {
     ref,
@@ -9213,7 +9334,7 @@ var TableHeadBase = React34.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableHeadBase.displayName = "TableHeadBase";
-var TableCellBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
+var TableCellBase = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
   "td",
   {
     ref,
@@ -9225,7 +9346,7 @@ var TableCellBase = React34.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableCellBase.displayName = "TableCellBase";
-var TableCaptionBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
+var TableCaptionBase = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
   "caption",
   {
     ref,
@@ -9236,11 +9357,11 @@ var TableCaptionBase = React34.forwardRef(({ className, ...props }, ref) => /* @
 TableCaptionBase.displayName = "TableCaptionBase";
 
 // src/components/ui/layout/TabsBase.tsx
-import * as React35 from "react";
+import * as React36 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { jsx as jsx56 } from "react/jsx-runtime";
 var TabsBase = TabsPrimitive.Root;
-var TabsListBase = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx56(
+var TabsListBase = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx56(
   TabsPrimitive.List,
   {
     ref,
@@ -9253,7 +9374,7 @@ var TabsListBase = React35.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TabsListBase.displayName = TabsPrimitive.List.displayName;
-var TabsTriggerBase = React35.forwardRef(({ className, animation = "default", ...props }, ref) => {
+var TabsTriggerBase = React36.forwardRef(({ className, animation = "default", ...props }, ref) => {
   const base = cn(
     "relative inline-flex items-center justify-center whitespace-nowrap px-4 py-2 text-sm font-medium",
     "text-muted-foreground hover:text-foreground",
@@ -9273,7 +9394,7 @@ var TabsTriggerBase = React35.forwardRef(({ className, animation = "default", ..
     }
   );
 });
-var TabsContentBase = React35.forwardRef(({ className, animation = "default", ...props }, ref) => {
+var TabsContentBase = React36.forwardRef(({ className, animation = "default", ...props }, ref) => {
   const animationClasses = animation === "none" ? "" : animation === "slide" ? "animate-in slide-in-from-left-2 duration-500 ease-in-out" : "animate-in fade-in-0 duration-500 ease-in-out";
   return /* @__PURE__ */ jsx56(
     TabsPrimitive.Content,
@@ -9292,7 +9413,7 @@ TabsContentBase.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/ui/navigation/BreadcrumbBase.tsx
 import { Slot as Slot4 } from "@radix-ui/react-slot";
-import { CaretRightIcon as CaretRightIcon3, DotsThreeIcon as DotsThreeIcon3 } from "@phosphor-icons/react";
+import { CaretRightIcon as CaretRightIcon4, DotsThreeIcon as DotsThreeIcon3 } from "@phosphor-icons/react";
 import { jsx as jsx57, jsxs as jsxs41 } from "react/jsx-runtime";
 function BreadcrumbBase({ ...props }) {
   return /* @__PURE__ */ jsx57("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
@@ -9361,7 +9482,7 @@ function BreadcrumbSeparatorBase({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ jsx57(CaretRightIcon3, {})
+      children: children ?? /* @__PURE__ */ jsx57(CaretRightIcon4, {})
     }
   );
 }
@@ -9533,16 +9654,16 @@ function NavigationMenuIndicatorBase({
 }
 
 // src/components/ui/navigation/SidebarBase.tsx
-import * as React38 from "react";
+import * as React39 from "react";
 import { Slot as Slot5 } from "@radix-ui/react-slot";
 import { cva as cva5 } from "class-variance-authority";
 
 // src/hooks/use-mobile.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React36.useState(void 0);
-  React36.useEffect(() => {
+  const [isMobile, setIsMobile] = React37.useState(void 0);
+  React37.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -9555,7 +9676,7 @@ function useIsMobile() {
 }
 
 // src/components/ui/overlays/SheetBase.tsx
-import * as React37 from "react";
+import * as React38 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva4 } from "class-variance-authority";
 import { XIcon as XIcon8 } from "@phosphor-icons/react";
@@ -9564,7 +9685,7 @@ var SheetBase = SheetPrimitive.Root;
 var SheetTriggerBase = SheetPrimitive.Trigger;
 var SheetCloseBase = SheetPrimitive.Close;
 var SheetPortalBase = SheetPrimitive.Portal;
-var SheetOverlayBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
+var SheetOverlayBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -9592,7 +9713,7 @@ var sheetVariants = cva4(
     }
   }
 );
-var SheetContentBase = React37.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs43(SheetPortalBase, { children: [
+var SheetContentBase = React38.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs43(SheetPortalBase, { children: [
   /* @__PURE__ */ jsx59(SheetOverlayBase, {}),
   /* @__PURE__ */ jsxs43(
     SheetPrimitive.Content,
@@ -9639,7 +9760,7 @@ var SheetFooterBase = ({
   }
 );
 SheetFooterBase.displayName = "SheetFooterBase";
-var SheetTitleBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
+var SheetTitleBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
   SheetPrimitive.Title,
   {
     ref,
@@ -9648,7 +9769,7 @@ var SheetTitleBase = React37.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SheetTitleBase.displayName = SheetPrimitive.Title.displayName;
-var SheetDescriptionBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
+var SheetDescriptionBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
   SheetPrimitive.Description,
   {
     ref,
@@ -9667,9 +9788,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React38.createContext(null);
+var SidebarContext = React39.createContext(null);
 function UseSideBarBase() {
-  const context = React38.useContext(SidebarContext);
+  const context = React39.useContext(SidebarContext);
   if (!context) {
     throw new Error(
       "UseSideBarBase must be used within a SidebarProviderBase."
@@ -9677,7 +9798,7 @@ function UseSideBarBase() {
   }
   return context;
 }
-var SidebarProviderBase = React38.forwardRef(
+var SidebarProviderBase = React39.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -9688,10 +9809,10 @@ var SidebarProviderBase = React38.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React38.useState(false);
-    const [_open, _setOpen] = React38.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React39.useState(false);
+    const [_open, _setOpen] = React39.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React38.useCallback(
+    const setOpen = React39.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -9703,10 +9824,10 @@ var SidebarProviderBase = React38.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React38.useCallback(() => {
+    const toggleSidebar = React39.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React38.useEffect(() => {
+    React39.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -9717,7 +9838,7 @@ var SidebarProviderBase = React38.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React38.useMemo(
+    const contextValue = React39.useMemo(
       () => ({
         state,
         open,
@@ -9749,7 +9870,7 @@ var SidebarProviderBase = React38.forwardRef(
   }
 );
 SidebarProviderBase.displayName = "SidebarProviderBase";
-var SidebarBase = React38.forwardRef(
+var SidebarBase = React39.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -9836,7 +9957,7 @@ var SidebarBase = React38.forwardRef(
   }
 );
 SidebarBase.displayName = "SidebarBase";
-var SidebarTriggerBase = React38.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTriggerBase = React39.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
   return /* @__PURE__ */ jsx60("div", { children: /* @__PURE__ */ jsxs44(
     ButtonBase,
@@ -9859,7 +9980,7 @@ var SidebarTriggerBase = React38.forwardRef(({ className, onClick, ...props }, r
   ) });
 });
 SidebarTriggerBase.displayName = "SidebarTriggerBase";
-var SidebarRailBase = React38.forwardRef(({ className, ...props }, ref) => {
+var SidebarRailBase = React39.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
   return /* @__PURE__ */ jsx60(
     "button",
@@ -9884,7 +10005,7 @@ var SidebarRailBase = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRailBase.displayName = "SidebarRailBase";
-var SidebarInsetBase = React38.forwardRef(({ className, ...props }, ref) => {
+var SidebarInsetBase = React39.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx60(
     "main",
     {
@@ -9899,7 +10020,7 @@ var SidebarInsetBase = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInsetBase.displayName = "SidebarInsetBase";
-var SidebarInputBase = React38.forwardRef(({ className, ...props }, ref) => {
+var SidebarInputBase = React39.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx60(
     InputBase,
     {
@@ -9914,7 +10035,7 @@ var SidebarInputBase = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInputBase.displayName = "SidebarInputBase";
-var SidebarHeaderBase = React38.forwardRef(({ className, ...props }, ref) => {
+var SidebarHeaderBase = React39.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx60(
     "div",
     {
@@ -9926,7 +10047,7 @@ var SidebarHeaderBase = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeaderBase.displayName = "SidebarHeaderBase";
-var SidebarFooterBase = React38.forwardRef(({ className, ...props }, ref) => {
+var SidebarFooterBase = React39.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx60(
     "div",
     {
@@ -9938,7 +10059,7 @@ var SidebarFooterBase = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooterBase.displayName = "SidebarFooterBase";
-var SidebarSeparatorBase = React38.forwardRef(({ className, ...props }, ref) => {
+var SidebarSeparatorBase = React39.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx60(
     SeparatorBase,
     {
@@ -9950,7 +10071,7 @@ var SidebarSeparatorBase = React38.forwardRef(({ className, ...props }, ref) =>
   );
 });
 SidebarSeparatorBase.displayName = "SidebarSeparatorBase";
-var SidebarContentBase = React38.forwardRef(({ className, ...props }, ref) => {
+var SidebarContentBase = React39.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx60(
     "div",
     {
@@ -9965,7 +10086,7 @@ var SidebarContentBase = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContentBase.displayName = "SidebarContentBase";
-var SidebarGroupBase = React38.forwardRef(({ className, ...props }, ref) => {
+var SidebarGroupBase = React39.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx60(
     "div",
     {
@@ -9977,7 +10098,7 @@ var SidebarGroupBase = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroupBase.displayName = "SidebarGroupBase";
-var SidebarGroupLabelBase = React38.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabelBase = React39.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot5 : "div";
   return /* @__PURE__ */ jsx60(
     Comp,
@@ -9994,7 +10115,7 @@ var SidebarGroupLabelBase = React38.forwardRef(({ className, asChild = false, ..
   );
 });
 SidebarGroupLabelBase.displayName = "SidebarGroupLabelBase";
-var SidebarGroupActionBase = React38.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupActionBase = React39.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot5 : "button";
   return /* @__PURE__ */ jsx60(
     Comp,
@@ -10013,7 +10134,7 @@ var SidebarGroupActionBase = React38.forwardRef(({ className, asChild = false, .
   );
 });
 SidebarGroupActionBase.displayName = "SidebarGroupActionBase";
-var SidebarGroupContentBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
+var SidebarGroupContentBase = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
   "div",
   {
     ref,
@@ -10023,7 +10144,7 @@ var SidebarGroupContentBase = React38.forwardRef(({ className, ...props }, ref)
   }
 ));
 SidebarGroupContentBase.displayName = "SidebarGroupContentBase";
-var SidebarMenuBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
+var SidebarMenuBase = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
   "ul",
   {
     ref,
@@ -10033,7 +10154,7 @@ var SidebarMenuBase = React38.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SidebarMenuBase.displayName = "SidebarMenuBase";
-var SidebarMenuItemBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
+var SidebarMenuItemBase = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
   "li",
   {
     ref,
@@ -10063,7 +10184,7 @@ var sidebarMenuButtonVariants = cva5(
     }
   }
 );
-var SidebarMenuButtonBase = React38.forwardRef(
+var SidebarMenuButtonBase = React39.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -10109,7 +10230,7 @@ var SidebarMenuButtonBase = React38.forwardRef(
   }
 );
 SidebarMenuButtonBase.displayName = "SidebarMenuButtonBase";
-var SidebarMenuActionBase = React38.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuActionBase = React39.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot5 : "button";
   return /* @__PURE__ */ jsx60(
     Comp,
@@ -10132,7 +10253,7 @@ var SidebarMenuActionBase = React38.forwardRef(({ className, asChild = false, sh
   );
 });
 SidebarMenuActionBase.displayName = "SidebarMenuActionBase";
-var SidebarMenuBadgeBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
+var SidebarMenuBadgeBase = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
   "div",
   {
     ref,
@@ -10150,8 +10271,8 @@ var SidebarMenuBadgeBase = React38.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SidebarMenuBadgeBase.displayName = "SidebarMenuBadgeBase";
-var SidebarMenuSkeletonBase = React38.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React38.useMemo(() => {
+var SidebarMenuSkeletonBase = React39.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React39.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs44(
@@ -10184,7 +10305,7 @@ var SidebarMenuSkeletonBase = React38.forwardRef(({ className, showIcon = false,
   );
 });
 SidebarMenuSkeletonBase.displayName = "SidebarMenuSkeletonBase";
-var SidebarMenuSubBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
+var SidebarMenuSubBase = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
   "ul",
   {
     ref,
@@ -10198,9 +10319,9 @@ var SidebarMenuSubBase = React38.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 SidebarMenuSubBase.displayName = "SidebarMenuSubBase";
-var SidebarMenuSubItemBase = React38.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx60("li", { ref, ...props }));
+var SidebarMenuSubItemBase = React39.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx60("li", { ref, ...props }));
 SidebarMenuSubItemBase.displayName = "SidebarMenuSubItemBase";
-var SidebarMenuSubButtonBase = React38.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButtonBase = React39.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot5 : "a";
   return /* @__PURE__ */ jsx60(
     Comp,
@@ -10347,7 +10468,7 @@ function DrawerDescriptionBase({
 }
 
 // src/hooks/use-universal-tooltip.tsx
-import { createContext as createContext4, useContext as useContext5, useState as useState17, useCallback as useCallback11, useEffect as useEffect15, useRef as useRef7 } from "react";
+import { createContext as createContext4, useContext as useContext5, useState as useState18, useCallback as useCallback11, useEffect as useEffect16, useRef as useRef7 } from "react";
 import { jsx as jsx62 } from "react/jsx-runtime";
 var UniversalTooltipContext = createContext4(null);
 var useUniversalTooltip = () => {
@@ -10546,11 +10667,11 @@ var UniversalTooltipRenderer = ({
 import { add, format } from "date-fns";
 
 // src/components/picker/calendar.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 import { DayPicker as DayPicker2 } from "react-day-picker";
 import {
-  CaretLeftIcon as CaretLeftIcon2,
-  CaretRightIcon as CaretRightIcon4,
+  CaretLeftIcon as CaretLeftIcon3,
+  CaretRightIcon as CaretRightIcon5,
   XIcon as XIcon10,
   CalendarIcon
 } from "@phosphor-icons/react";
@@ -10562,10 +10683,10 @@ function CalendarBase2({
   showOutsideDays = true,
   ...props
 }) {
-  const [month, setMonth] = React40.useState(
+  const [month, setMonth] = React41.useState(
     props.month || props.defaultMonth || /* @__PURE__ */ new Date()
   );
-  const [direction, setDirection] = React40.useState(1);
+  const [direction, setDirection] = React41.useState(1);
   const handleMonthChange = (newMonth) => {
     const isNext = newMonth > month ? 1 : -1;
     setDirection(isNext);
@@ -10630,8 +10751,8 @@ function CalendarBase2({
                   ...classNames
                 },
                 components: {
-                  IconLeft: () => /* @__PURE__ */ jsx64(CaretLeftIcon2, { className: "h-4 w-4" }),
-                  IconRight: () => /* @__PURE__ */ jsx64(CaretRightIcon4, { className: "h-4 w-4" })
+                  IconLeft: () => /* @__PURE__ */ jsx64(CaretLeftIcon3, { className: "h-4 w-4" }),
+                  IconRight: () => /* @__PURE__ */ jsx64(CaretRightIcon5, { className: "h-4 w-4" })
                 },
                 ...props
               }
@@ -10647,15 +10768,15 @@ CalendarBase2.displayName = "CalendarBase";
 
 // src/components/picker/DateTimePicker.tsx
 import { ptBR } from "date-fns/locale";
-import { useEffect as useEffect16, useState as useState19 } from "react";
+import { useEffect as useEffect17, useState as useState20 } from "react";
 
 // src/components/picker/TimePicker.tsx
 import { motion as motion14, AnimatePresence as AnimatePresence10 } from "framer-motion";
-import * as React42 from "react";
+import * as React43 from "react";
 
 // src/components/picker/TimePickerInput.tsx
 import { CaretUpIcon as CaretUpIcon2, CaretDownIcon as CaretDownIcon5 } from "@phosphor-icons/react";
-import React41 from "react";
+import React42 from "react";
 
 // src/components/picker/utils/time-picker-utils.ts
 function isValidHour(value) {
@@ -10798,7 +10919,7 @@ function display12HourValue(hours) {
 
 // src/components/picker/TimePickerInput.tsx
 import { jsx as jsx65, jsxs as jsxs48 } from "react/jsx-runtime";
-var TimePickerInput = React41.forwardRef(
+var TimePickerInput = React42.forwardRef(
   ({
     className,
     type = "tel",
@@ -10817,10 +10938,10 @@ var TimePickerInput = React41.forwardRef(
     label,
     ...props
   }, ref) => {
-    const [flag, setFlag] = React41.useState(false);
-    const [prevIntKey, setPrevIntKey] = React41.useState("0");
-    const [isFocused, setIsFocused] = React41.useState(false);
-    React41.useEffect(() => {
+    const [flag, setFlag] = React42.useState(false);
+    const [prevIntKey, setPrevIntKey] = React42.useState("0");
+    const [isFocused, setIsFocused] = React42.useState(false);
+    React42.useEffect(() => {
       if (flag) {
         const timer = setTimeout(() => {
           setFlag(false);
@@ -10828,7 +10949,7 @@ var TimePickerInput = React41.forwardRef(
         return () => clearTimeout(timer);
       }
     }, [flag]);
-    const calculatedValue = React41.useMemo(() => {
+    const calculatedValue = React42.useMemo(() => {
       return getDateByType(date, picker);
     }, [date, picker]);
     const calculateNewValue = (key) => {
@@ -11003,9 +11124,9 @@ function TimePicker({
   hideSeconds,
   enableButton
 }) {
-  const minuteRef = React42.useRef(null);
-  const hourRef = React42.useRef(null);
-  const secondRef = React42.useRef(null);
+  const minuteRef = React43.useRef(null);
+  const hourRef = React43.useRef(null);
+  const secondRef = React43.useRef(null);
   const containerVariants = {
     hidden: { opacity: 0, y: 10 },
     visible: {
@@ -11108,9 +11229,9 @@ function DateTimePicker({
   className,
   error
 }) {
-  const [internalDate, setInternalDate] = useState19(date);
-  const [open, setOpen] = useState19(false);
-  const [timePickerOpen, setTimePickerOpen] = useState19(false);
+  const [internalDate, setInternalDate] = useState20(date);
+  const [open, setOpen] = useState20(false);
+  const [timePickerOpen, setTimePickerOpen] = useState20(false);
   const handleSelect = (newDay) => {
     if (!newDay) return;
     if (!internalDate) {
@@ -11141,7 +11262,7 @@ function DateTimePicker({
     if (!timeFormat) return "dd MMMM yyyy";
     return `dd MMMM yyyy - ${timeFormat}`;
   };
-  useEffect16(() => {
+  useEffect17(() => {
     setInternalDate(date);
   }, [date, open]);
   return /* @__PURE__ */ jsxs50("div", { className: cn("w-full sm:w-auto", className), children: [
@@ -11281,15 +11402,15 @@ function DateTimePicker({
 }
 
 // src/components/picker/RangePicker.tsx
-import * as React43 from "react";
+import * as React44 from "react";
 import {
   DayPicker as DayPicker3
 } from "react-day-picker";
 import ptBR2 from "date-fns/locale/pt-BR";
 import { format as format2 } from "date-fns";
 import {
-  CaretLeftIcon as CaretLeftIcon3,
-  CaretRightIcon as CaretRightIcon5,
+  CaretLeftIcon as CaretLeftIcon4,
+  CaretRightIcon as CaretRightIcon6,
   CalendarBlankIcon as CalendarBlankIcon2
 } from "@phosphor-icons/react";
 import { motion as motion15, AnimatePresence as AnimatePresence11, useAnimation } from "framer-motion";
@@ -11304,10 +11425,10 @@ function RangePicker({
   maxDate,
   error
 }) {
-  const [open, setOpen] = React43.useState(false);
-  const [range, setRange] = React43.useState(value);
+  const [open, setOpen] = React44.useState(false);
+  const [range, setRange] = React44.useState(value);
   const controls = useAnimation();
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     setRange(value);
   }, [value]);
   const handleSelect = (selected) => {
@@ -11430,8 +11551,8 @@ function RangePicker({
                         day_hidden: "invisible"
                       },
                       components: {
-                        IconLeft: () => /* @__PURE__ */ jsx68(CaretLeftIcon3, { className: "h-4 w-4" }),
-                        IconRight: () => /* @__PURE__ */ jsx68(CaretRightIcon5, { className: "h-4 w-4" })
+                        IconLeft: () => /* @__PURE__ */ jsx68(CaretLeftIcon4, { className: "h-4 w-4" }),
+                        IconRight: () => /* @__PURE__ */ jsx68(CaretRightIcon6, { className: "h-4 w-4" })
                       }
                     }
                   )
@@ -11503,7 +11624,7 @@ RangePicker.displayName = "RangePicker";
 
 // src/components/ui/navigation/ContextMenuBase.tsx
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-import { CaretRightIcon as CaretRightIcon6, CheckIcon as CheckIcon10, CircleIcon as CircleIcon2 } from "@phosphor-icons/react";
+import { CaretRightIcon as CaretRightIcon7, CheckIcon as CheckIcon10, CircleIcon as CircleIcon2 } from "@phosphor-icons/react";
 import { jsx as jsx69, jsxs as jsxs52 } from "react/jsx-runtime";
 function ContextMenuBase(props) {
   return /* @__PURE__ */ jsx69(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
@@ -11545,7 +11666,7 @@ function ContextMenuSubTriggerBase({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx69(CaretRightIcon6, { className: "ml-auto" })
+        /* @__PURE__ */ jsx69(CaretRightIcon7, { className: "ml-auto" })
       ]
     }
   );
@@ -11726,7 +11847,7 @@ import {
   GearIcon as GearIcon2,
   TerminalIcon
 } from "@phosphor-icons/react";
-import React44 from "react";
+import React45 from "react";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { jsx as jsx70, jsxs as jsxs53 } from "react/jsx-runtime";
 var CodeBlock = ({
@@ -11738,11 +11859,11 @@ var CodeBlock = ({
   breadcrumb = [],
   showStats = true
 }) => {
-  const [copied, setCopied] = React44.useState(false);
-  const [activeTab, setActiveTab] = React44.useState(0);
-  const [isExpanded, setIsExpanded] = React44.useState(false);
+  const [copied, setCopied] = React45.useState(false);
+  const [activeTab, setActiveTab] = React45.useState(0);
+  const [isExpanded, setIsExpanded] = React45.useState(false);
   const tabsExist = tabs.length > 0;
-  const cssVars = React44.useMemo(
+  const cssVars = React45.useMemo(
     () => ({
       container: {
         backgroundColor: "hsl(var(--card))",
@@ -11838,7 +11959,7 @@ var CodeBlock = ({
             ] }),
             breadcrumb.length > 0 && /* @__PURE__ */ jsxs53("div", { className: "flex items-center min-w-0", children: [
               /* @__PURE__ */ jsx70(FolderIcon, { size: "1em", style: cssVars.icon }),
-              /* @__PURE__ */ jsx70("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ jsxs53(React44.Fragment, { children: [
+              /* @__PURE__ */ jsx70("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ jsxs53(React45.Fragment, { children: [
                 /* @__PURE__ */ jsx70(
                   "span",
                   {
@@ -12095,7 +12216,7 @@ function StatusIndicator({
 }
 
 // src/components/ui/form/DebouncedInput.tsx
-import { useEffect as useEffect18, useState as useState21 } from "react";
+import { useEffect as useEffect19, useState as useState22 } from "react";
 import { CircleNotchIcon as CircleNotchIcon2 } from "@phosphor-icons/react";
 import { jsx as jsx72 } from "react/jsx-runtime";
 function DebouncedInput({
@@ -12111,12 +12232,12 @@ function DebouncedInput({
   error,
   ...props
 }) {
-  const [value, setValue] = useState21(initialValue);
-  const [isDebouncing, setIsDebouncing] = useState21(false);
-  useEffect18(() => {
+  const [value, setValue] = useState22(initialValue);
+  const [isDebouncing, setIsDebouncing] = useState22(false);
+  useEffect19(() => {
     setValue(initialValue);
   }, [initialValue]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (value !== initialValue) {
       setIsDebouncing(true);
     }
@@ -12154,7 +12275,7 @@ function DebouncedInput({
 // src/components/event-calendar/AgendaView.tsx
 import { addDays, format as format3, isToday } from "date-fns";
 import { ptBR as ptBR3 } from "date-fns/locale";
-import { useMemo as useMemo9 } from "react";
+import { useMemo as useMemo10 } from "react";
 import { CalendarIcon as CalendarIcon2 } from "@phosphor-icons/react";
 import { Fragment as Fragment10, jsx as jsx73, jsxs as jsxs55 } from "react/jsx-runtime";
 function AgendaView({
@@ -12163,7 +12284,7 @@ function AgendaView({
   onEventSelect,
   showUndatedEvents = false
 }) {
-  const isValidDate6 = (d) => {
+  const isValidDate5 = (d) => {
     try {
       const t = d instanceof Date ? d.getTime() : new Date(String(d)).getTime();
       return !isNaN(t);
@@ -12171,15 +12292,15 @@ function AgendaView({
       return false;
     }
   };
-  const datedEvents = useMemo9(
-    () => events.filter((e) => isValidDate6(e.start) && isValidDate6(e.end)),
+  const datedEvents = useMemo10(
+    () => events.filter((e) => isValidDate5(e.start) || isValidDate5(e.end)),
     [events]
   );
-  const undatedEvents = useMemo9(
-    () => events.filter((e) => !(isValidDate6(e.start) && isValidDate6(e.end))),
+  const undatedEvents = useMemo10(
+    () => events.filter((e) => !(isValidDate5(e.start) || isValidDate5(e.end))),
     [events]
   );
-  const days = useMemo9(() => {
+  const days = useMemo10(() => {
     console.log("Agenda view updating with date:", currentDate.toISOString());
     return Array.from(
       { length: AgendaDaysToShow },
@@ -12262,7 +12383,7 @@ import {
   useSensors
 } from "@dnd-kit/core";
 import { addMinutes, differenceInMinutes } from "date-fns";
-import { useId as useId2, useRef as useRef9, useState as useState22 } from "react";
+import { useId as useId2, useRef as useRef9, useState as useState23 } from "react";
 
 // src/components/event-calendar/hooks.ts
 import { createContext as createContext5, useContext as useContext6 } from "react";
@@ -12284,16 +12405,16 @@ function CalendarDndProvider({
   children,
   onEventUpdate
 }) {
-  const [activeEvent, setActiveEvent] = useState22(null);
-  const [activeId, setActiveId] = useState22(null);
-  const [activeView, setActiveView] = useState22(
+  const [activeEvent, setActiveEvent] = useState23(null);
+  const [activeId, setActiveId] = useState23(null);
+  const [activeView, setActiveView] = useState23(
     null
   );
-  const [currentTime, setCurrentTime] = useState22(null);
-  const [eventHeight, setEventHeight] = useState22(null);
-  const [isMultiDay, setIsMultiDay] = useState22(false);
-  const [multiDayWidth, setMultiDayWidth] = useState22(null);
-  const [dragHandlePosition, setDragHandlePosition] = useState22(null);
+  const [currentTime, setCurrentTime] = useState23(null);
+  const [eventHeight, setEventHeight] = useState23(null);
+  const [isMultiDay, setIsMultiDay] = useState23(false);
+  const [multiDayWidth, setMultiDayWidth] = useState23(null);
+  const [dragHandlePosition, setDragHandlePosition] = useState23(null);
   const eventDimensions = useRef9({ height: 0 });
   const sensors = useSensors(
     useSensor(MouseSensor, {
@@ -12518,7 +12639,7 @@ import {
   isSameDay,
   startOfDay
 } from "date-fns";
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo11 } from "react";
 import { jsx as jsx75, jsxs as jsxs57 } from "react/jsx-runtime";
 function DayView({
   currentDate,
@@ -12526,14 +12647,14 @@ function DayView({
   onEventSelect,
   onEventCreate
 }) {
-  const hours = useMemo10(() => {
+  const hours = useMemo11(() => {
     const dayStart = startOfDay(currentDate);
     return eachHourOfInterval({
       end: addHours(dayStart, EndHour - 1),
       start: addHours(dayStart, StartHour)
     });
   }, [currentDate]);
-  const dayEvents = useMemo10(() => {
+  const dayEvents = useMemo11(() => {
     return events.filter((event) => {
       const eventStart = new Date(event.start);
       const eventEnd = new Date(event.end);
@@ -12542,17 +12663,17 @@ function DayView({
       (a, b) => new Date(a.start).getTime() - new Date(b.start).getTime()
     );
   }, [currentDate, events]);
-  const allDayEvents = useMemo10(() => {
+  const allDayEvents = useMemo11(() => {
     return dayEvents.filter((event) => {
       return event.allDay || isMultiDayEvent(event);
     });
   }, [dayEvents]);
-  const timeEvents = useMemo10(() => {
+  const timeEvents = useMemo11(() => {
     return dayEvents.filter((event) => {
       return !event.allDay && !isMultiDayEvent(event);
     });
   }, [dayEvents]);
-  const positionedEvents = useMemo10(() => {
+  const positionedEvents = useMemo11(() => {
     const result = [];
     const dayStart = startOfDay(currentDate);
     const sortedEvents = [...timeEvents].sort((a, b) => {
@@ -12733,7 +12854,7 @@ function DayView({
 import { useDraggable } from "@dnd-kit/core";
 import { CSS } from "@dnd-kit/utilities";
 import { differenceInDays } from "date-fns";
-import { useRef as useRef10, useState as useState23 } from "react";
+import { useRef as useRef10, useState as useState24 } from "react";
 import { jsx as jsx76 } from "react/jsx-runtime";
 function DraggableEvent({
   event,
@@ -12749,7 +12870,7 @@ function DraggableEvent({
 }) {
   const { activeId } = useCalendarDnd();
   const elementRef = useRef10(null);
-  const [dragHandlePosition, setDragHandlePosition] = useState23(null);
+  const [dragHandlePosition, setDragHandlePosition] = useState24(null);
   const eventStart = new Date(event.start);
   const eventEnd = new Date(event.end);
   const isMultiDayEvent2 = isMultiDay || event.allDay || differenceInDays(eventEnd, eventStart) >= 1;
@@ -12884,7 +13005,7 @@ import {
   subWeeks
 } from "date-fns";
 import { ptBR as ptBR4 } from "date-fns/locale";
-import { useEffect as useEffect19, useMemo as useMemo11, useState as useState24, useCallback as useCallback12 } from "react";
+import { useEffect as useEffect20, useMemo as useMemo12, useState as useState25, useCallback as useCallback12 } from "react";
 import { toast as toast3 } from "sonner";
 import {
   ArrowDownIcon,
@@ -12902,9 +13023,9 @@ function EventCalendar({
   className,
   initialView = "month"
 }) {
-  const [currentDate, setCurrentDate] = useState24(/* @__PURE__ */ new Date());
-  const [view, setView] = useState24(initialView);
-  const [isFading, setIsFading] = useState24(false);
+  const [currentDate, setCurrentDate] = useState25(/* @__PURE__ */ new Date());
+  const [view, setView] = useState25(initialView);
+  const [isFading, setIsFading] = useState25(false);
   const FADE_DURATION = 220;
   const changeView = useCallback12(
     (next) => {
@@ -12917,8 +13038,8 @@ function EventCalendar({
     },
     [view]
   );
-  const [isPaging, setIsPaging] = useState24(false);
-  const [pageDirection, setPageDirection] = useState24(
+  const [isPaging, setIsPaging] = useState25(false);
+  const [pageDirection, setPageDirection] = useState25(
     null
   );
   const PAGE_DURATION = 200;
@@ -12936,11 +13057,11 @@ function EventCalendar({
     },
     []
   );
-  const [isEventDialogOpen, setIsEventDialogOpen] = useState24(false);
-  const [selectedEvent, setSelectedEvent] = useState24(
+  const [isEventDialogOpen, setIsEventDialogOpen] = useState25(false);
+  const [selectedEvent, setSelectedEvent] = useState25(
     null
   );
-  useEffect19(() => {
+  useEffect20(() => {
     const handleKeyDown = (e) => {
       if (isEventDialogOpen || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLElement && e.target.isContentEditable) {
         return;
@@ -13084,7 +13205,7 @@ function EventCalendar({
       position: "bottom-left"
     });
   };
-  const viewTitle = useMemo11(() => {
+  const viewTitle = useMemo12(() => {
     const capitalize = (s) => s && s.length > 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s;
     if (view === "month") {
       return capitalize(format5(currentDate, "MMMM yyyy", { locale: ptBR4 }));
@@ -13339,7 +13460,7 @@ function EventCalendar({
 
 // src/components/event-calendar/EventDialog.tsx
 import { format as format6, isBefore } from "date-fns";
-import { useCallback as useCallback13, useEffect as useEffect20, useMemo as useMemo12, useState as useState25 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect21, useMemo as useMemo13, useState as useState26 } from "react";
 import { RadioGroup as RadioGroup3, RadioGroupItem } from "@radix-ui/react-radio-group";
 import { motion as motion16 } from "framer-motion";
 import { ptBR as ptBR5 } from "date-fns/locale";
@@ -13352,19 +13473,19 @@ function EventDialog({
   onSave,
   onDelete
 }) {
-  const [title, setTitle] = useState25("");
-  const [description, setDescription] = useState25("");
-  const [startDate, setStartDate] = useState25(/* @__PURE__ */ new Date());
-  const [endDate, setEndDate] = useState25(/* @__PURE__ */ new Date());
-  const [startTime, setStartTime] = useState25(`${DefaultStartHour}:00`);
-  const [endTime, setEndTime] = useState25(`${DefaultEndHour}:00`);
-  const [allDay, setAllDay] = useState25(false);
-  const [location, setLocation] = useState25("");
-  const [color, setColor] = useState25("sky");
-  const [error, setError] = useState25(null);
-  const [startDateOpen, setStartDateOpen] = useState25(false);
-  const [endDateOpen, setEndDateOpen] = useState25(false);
-  useEffect20(() => {
+  const [title, setTitle] = useState26("");
+  const [description, setDescription] = useState26("");
+  const [startDate, setStartDate] = useState26(/* @__PURE__ */ new Date());
+  const [endDate, setEndDate] = useState26(/* @__PURE__ */ new Date());
+  const [startTime, setStartTime] = useState26(`${DefaultStartHour}:00`);
+  const [endTime, setEndTime] = useState26(`${DefaultEndHour}:00`);
+  const [allDay, setAllDay] = useState26(false);
+  const [location, setLocation] = useState26("");
+  const [color, setColor] = useState26("sky");
+  const [error, setError] = useState26(null);
+  const [startDateOpen, setStartDateOpen] = useState26(false);
+  const [endDateOpen, setEndDateOpen] = useState26(false);
+  useEffect21(() => {
   }, [event]);
   const resetForm = useCallback13(() => {
     setTitle("");
@@ -13383,7 +13504,7 @@ function EventDialog({
     const minutes = Math.floor(date.getMinutes() / 15) * 15;
     return `${hours}:${minutes.toString().padStart(2, "0")}`;
   }, []);
-  useEffect20(() => {
+  useEffect21(() => {
     if (event) {
       setTitle(event.title || "");
       setDescription(event.description || "");
@@ -13401,7 +13522,7 @@ function EventDialog({
       resetForm();
     }
   }, [event, formatTimeForInput, resetForm]);
-  const timeOptions = useMemo12(() => {
+  const timeOptions = useMemo13(() => {
     const options = [];
     for (let hour = StartHour; hour <= EndHour; hour++) {
       for (let minute = 0; minute < 60; minute += 15) {
@@ -13801,7 +13922,7 @@ function EventDialog({
 
 // src/components/event-calendar/EventItem.tsx
 import { differenceInMinutes as differenceInMinutes3, format as format7, isPast } from "date-fns";
-import { useMemo as useMemo13 } from "react";
+import { useMemo as useMemo14 } from "react";
 import {
   ClockUserIcon
 } from "@phosphor-icons/react";
@@ -13888,7 +14009,7 @@ function EventItem({
   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 = useMemo13(() => {
+  const displayStart = useMemo14(() => {
     if (!hasValidTime) return void 0;
     if (isValidDate(event.start))
       return currentTime || new Date(event.start);
@@ -13896,7 +14017,7 @@ function EventItem({
       return currentTime || new Date(event.attend_date);
     return void 0;
   }, [currentTime, event.start, event.attend_date, hasValidTime]);
-  const displayEnd = useMemo13(() => {
+  const displayEnd = useMemo14(() => {
     if (!hasValidTime) return void 0;
     if (isValidDate(event.end)) {
       return currentTime ? new Date(
@@ -13909,7 +14030,7 @@ function EventItem({
     }
     return void 0;
   }, [currentTime, event.start, event.end, event.attend_date, hasValidTime]);
-  const durationMinutes = useMemo13(() => {
+  const durationMinutes = useMemo14(() => {
     if (!hasValidTime || !displayStart || !displayEnd) return 0;
     return differenceInMinutes3(displayEnd, displayStart);
   }, [displayStart, displayEnd, hasValidTime]);
@@ -14112,7 +14233,7 @@ function EventItem({
 // src/components/event-calendar/EventsPopUp.tsx
 import { format as format8, isSameDay as isSameDay2 } from "date-fns";
 import { ptBR as ptBR6 } from "date-fns/locale";
-import { useEffect as useEffect21, useMemo as useMemo14, useRef as useRef11 } from "react";
+import { useEffect as useEffect22, useMemo as useMemo15, useRef as useRef11 } from "react";
 import { motion as motion17 } from "framer-motion";
 import { XIcon as XIcon11 } from "@phosphor-icons/react";
 import { jsx as jsx81, jsxs as jsxs61 } from "react/jsx-runtime";
@@ -14124,7 +14245,7 @@ function EventsPopup({
   onEventSelect
 }) {
   const popupRef = useRef11(null);
-  useEffect21(() => {
+  useEffect22(() => {
     const handleClickOutside = (event) => {
       if (popupRef.current && !popupRef.current.contains(event.target)) {
         onClose();
@@ -14135,7 +14256,7 @@ function EventsPopup({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [onClose]);
-  useEffect21(() => {
+  useEffect22(() => {
     const handleEscKey = (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -14150,7 +14271,7 @@ function EventsPopup({
     if (onEventSelect) onEventSelect(event);
     onClose();
   };
-  const adjustedPosition = useMemo14(() => {
+  const adjustedPosition = useMemo15(() => {
     const positionCopy = { ...position };
     if (popupRef.current) {
       const rect = popupRef.current.getBoundingClientRect();
@@ -14231,11 +14352,11 @@ function EventsPopup({
 // src/components/event-calendar/hooks/use-current-time-indicator.ts
 import { endOfWeek as endOfWeek2, isSameDay as isSameDay3, isWithinInterval, startOfWeek as startOfWeek2 } from "date-fns";
 import { ptBR as ptBR7 } from "date-fns/locale";
-import { useEffect as useEffect22, useState as useState26 } from "react";
+import { useEffect as useEffect23, useState as useState27 } from "react";
 function useCurrentTimeIndicator(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = useState26(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = useState26(false);
-  useEffect22(() => {
+  const [currentTimePosition, setCurrentTimePosition] = useState27(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = useState27(false);
+  useEffect23(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
       const hours = now.getHours();
@@ -14266,14 +14387,14 @@ function useCurrentTimeIndicator(currentDate, view) {
 }
 
 // src/components/event-calendar/hooks/use-event-visibility.ts
-import { useLayoutEffect as useLayoutEffect2, useMemo as useMemo15, useRef as useRef12, useState as useState27 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useMemo as useMemo16, useRef as useRef12, useState as useState28 } from "react";
 function useEventVisibility({
   eventHeight,
   eventGap
 }) {
   const contentRef = useRef12(null);
   const observerRef = useRef12(null);
-  const [contentHeight, setContentHeight] = useState27(null);
+  const [contentHeight, setContentHeight] = useState28(null);
   useLayoutEffect2(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
@@ -14294,7 +14415,7 @@ function useEventVisibility({
       }
     };
   }, []);
-  const getVisibleEventCount = useMemo15(() => {
+  const getVisibleEventCount = useMemo16(() => {
     return (totalEvents) => {
       if (!contentHeight) return totalEvents;
       const maxEvents = Math.floor(contentHeight / (eventHeight + eventGap));
@@ -14325,7 +14446,7 @@ import {
   startOfWeek as startOfWeek3
 } from "date-fns";
 import { ptBR as ptBR8 } from "date-fns/locale";
-import { useEffect as useEffect23, useMemo as useMemo16, useState as useState28 } from "react";
+import { useEffect as useEffect24, useMemo as useMemo17, useState as useState29 } from "react";
 import { jsx as jsx82, jsxs as jsxs62 } from "react/jsx-runtime";
 function MonthView({
   currentDate,
@@ -14333,21 +14454,21 @@ function MonthView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = useMemo16(() => {
+  const days = useMemo17(() => {
     const monthStart = startOfMonth(currentDate);
     const monthEnd = endOfMonth(monthStart);
     const calendarStart = startOfWeek3(monthStart, { weekStartsOn: 0 });
     const calendarEnd = endOfWeek3(monthEnd, { weekStartsOn: 0 });
     return eachDayOfInterval({ end: calendarEnd, start: calendarStart });
   }, [currentDate]);
-  const weekdays = useMemo16(() => {
+  const weekdays = useMemo17(() => {
     return Array.from({ length: 7 }).map((_, i) => {
       const date = addDays3(startOfWeek3(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
       const short = format9(date, "EEE", { locale: ptBR8 });
       return short.charAt(0).toUpperCase() + short.slice(1);
     });
   }, []);
-  const weeks = useMemo16(() => {
+  const weeks = useMemo17(() => {
     const result = [];
     let week = [];
     for (let i = 0; i < days.length; i++) {
@@ -14363,12 +14484,12 @@ function MonthView({
     e.stopPropagation();
     onEventSelect(event);
   };
-  const [isMounted, setIsMounted] = useState28(false);
+  const [isMounted, setIsMounted] = useState29(false);
   const { contentRef, getVisibleEventCount } = useEventVisibility({
     eventGap: EventGap,
     eventHeight: EventHeight
   });
-  useEffect23(() => {
+  useEffect24(() => {
     setIsMounted(true);
   }, []);
   return /* @__PURE__ */ jsxs62("div", { className: "contents", "data-slot": "month-view", children: [
@@ -14659,7 +14780,7 @@ import {
   startOfWeek as startOfWeek4
 } from "date-fns";
 import { ptBR as ptBR9 } from "date-fns/locale";
-import { useMemo as useMemo17 } from "react";
+import { useMemo as useMemo18 } from "react";
 import { jsx as jsx83, jsxs as jsxs63 } from "react/jsx-runtime";
 function WeekView({
   currentDate,
@@ -14667,23 +14788,23 @@ function WeekView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = useMemo17(() => {
+  const days = useMemo18(() => {
     const weekStart2 = startOfWeek4(currentDate, { weekStartsOn: 0 });
     const weekEnd = endOfWeek4(currentDate, { weekStartsOn: 0 });
     return eachDayOfInterval2({ end: weekEnd, start: weekStart2 });
   }, [currentDate]);
-  const weekStart = useMemo17(
+  const weekStart = useMemo18(
     () => startOfWeek4(currentDate, { weekStartsOn: 0 }),
     [currentDate]
   );
-  const hours = useMemo17(() => {
+  const hours = useMemo18(() => {
     const dayStart = startOfDay2(currentDate);
     return eachHourOfInterval2({
       end: addHours3(dayStart, EndHour - 1),
       start: addHours3(dayStart, StartHour)
     });
   }, [currentDate]);
-  const allDayEvents = useMemo17(() => {
+  const allDayEvents = useMemo18(() => {
     return events.filter((event) => {
       return event.allDay || isMultiDayEvent(event);
     }).filter((event) => {
@@ -14694,7 +14815,7 @@ function WeekView({
       );
     });
   }, [events, days]);
-  const processedDayEvents = useMemo17(() => {
+  const processedDayEvents = useMemo18(() => {
     const result = days.map((day) => {
       const dayEvents = events.filter((event) => {
         if (event.allDay || isMultiDayEvent(event)) return false;
@@ -14940,11 +15061,11 @@ function WeekView({
 }
 
 // src/components/ui/form/CheckBoxThree.tsx
-import { useCallback as useCallback14, useMemo as useMemo18, useState as useState29, useEffect as useEffect24, useRef as useRef13 } from "react";
+import { useCallback as useCallback14, useMemo as useMemo19, useState as useState30, useEffect as useEffect25, useRef as useRef13 } from "react";
 import { motion as motion18, AnimatePresence as AnimatePresence12 } from "framer-motion";
 import { jsx as jsx84, jsxs as jsxs64 } from "react/jsx-runtime";
 function useCheckboxTree(initialTree) {
-  const initialCheckedNodes = useMemo18(() => {
+  const initialCheckedNodes = useMemo19(() => {
     const checkedSet = /* @__PURE__ */ new Set();
     const initializeCheckedNodes = (node) => {
       if (node.defaultChecked) {
@@ -14955,7 +15076,7 @@ function useCheckboxTree(initialTree) {
     initializeCheckedNodes(initialTree);
     return checkedSet;
   }, [initialTree]);
-  const [checkedNodes, setCheckedNodes] = useState29(initialCheckedNodes);
+  const [checkedNodes, setCheckedNodes] = useState30(initialCheckedNodes);
   const isChecked = useCallback14(
     (node) => {
       if (!node.children) {
@@ -15004,9 +15125,9 @@ function CheckboxTree({ tree, renderNode }) {
     onCheckedChange,
     children
   }) => {
-    const [open, setOpen] = useState29(() => !!node.children && status !== false);
+    const [open, setOpen] = useState30(() => !!node.children && status !== false);
     const checkboxRef = useRef13(null);
-    useEffect24(() => {
+    useEffect25(() => {
       if (checkboxRef.current) {
         checkboxRef.current.indeterminate = status === "indeterminate";
       }
@@ -15095,9 +15216,9 @@ import {
   createContext as createContext6,
   useCallback as useCallback15,
   useContext as useContext7,
-  useEffect as useEffect25,
+  useEffect as useEffect26,
   useRef as useRef14,
-  useState as useState30
+  useState as useState31
 } from "react";
 import { motion as motion19 } from "framer-motion";
 import { Fragment as Fragment13, jsx as jsx85, jsxs as jsxs65 } from "react/jsx-runtime";
@@ -15111,12 +15232,12 @@ function MultiSelectBase({
   empty,
   error
 }) {
-  const [open, setOpen] = useState30(false);
-  const [internalValues, setInternalValues] = useState30(
+  const [open, setOpen] = useState31(false);
+  const [internalValues, setInternalValues] = useState31(
     new Set(values ?? defaultValues)
   );
   const selectedValues = values ? new Set(values) : internalValues;
-  const [items, setItems] = useState30(/* @__PURE__ */ new Map());
+  const [items, setItems] = useState31(/* @__PURE__ */ new Map());
   function toggleValue(value) {
     if (disabled) return;
     const getNewSet = (prev) => {
@@ -15182,7 +15303,7 @@ function MultiSelectTriggerBase({
         "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]",
+          "flex h-auto max-h-9 min-h-9 w-full items-center justify-between gap-2 overflow-hidden rounded-md border border-input bg-background px-3 py-1.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
           error ? "border-destructive focus:ring-1 focus:ring-destructive" : "border-input focus:ring-1 focus:ring-ring",
           className
         ),
@@ -15203,7 +15324,7 @@ function MultiSelectValueBase({
   ...props
 }) {
   const { selectedValues, toggleValue, items, open } = useMultiSelectContext();
-  const [overflowAmount, setOverflowAmount] = useState30(0);
+  const [overflowAmount, setOverflowAmount] = useState31(0);
   const valueRef = useRef14(null);
   const overflowRef = useRef14(null);
   const mutationObserverRef = useRef14(null);
@@ -15267,7 +15388,10 @@ function MultiSelectValueBase({
     },
     [checkOverflow]
   );
-  if (selectedValues.size === 0 && placeholder) {
+  const visibleSelected = [...selectedValues].filter(
+    (value) => items.has(value)
+  );
+  if (visibleSelected.length === 0 && placeholder) {
     return /* @__PURE__ */ jsx85("span", { className: "min-w-0 overflow-hidden font-normal text-muted-foreground ", children: placeholder });
   }
   return /* @__PURE__ */ jsxs65(
@@ -15281,7 +15405,7 @@ function MultiSelectValueBase({
         className
       ),
       children: [
-        [...selectedValues].filter((value) => items.has(value)).map((value) => /* @__PURE__ */ jsxs65(
+        visibleSelected.map((value) => /* @__PURE__ */ jsxs65(
           Badge,
           {
             "data-selected-item": true,
@@ -15353,7 +15477,7 @@ function MultiSelectItemBase({
 }) {
   const { toggleValue, selectedValues, onItemAdded } = useMultiSelectContext();
   const isSelected = selectedValues.has(value);
-  useEffect25(() => {
+  useEffect26(() => {
     onItemAdded(value, badgeLabel ?? children);
   }, [value, children, onItemAdded, badgeLabel]);
   return /* @__PURE__ */ jsx85(
@@ -15413,7 +15537,7 @@ function debounce(func, wait) {
 // src/components/event-calendar-view/Agenda.tsx
 import { addDays as addDays4, format as format11, isToday as isToday4 } from "date-fns";
 import { ptBR as ptBR10 } from "date-fns/locale";
-import { useMemo as useMemo19 } from "react";
+import { useMemo as useMemo20 } from "react";
 import { CalendarIcon as CalendarIcon5 } from "@phosphor-icons/react";
 import { twMerge as twMerge2 } from "tailwind-merge";
 import { Fragment as Fragment14, jsx as jsx86, jsxs as jsxs66 } from "react/jsx-runtime";
@@ -15423,7 +15547,7 @@ function Agenda({
   onEventSelect,
   showUndatedEvents = true
 }) {
-  const isValidDate6 = (d) => {
+  const isValidDate5 = (d) => {
     try {
       const t = d instanceof Date ? d.getTime() : new Date(String(d)).getTime();
       return !isNaN(t);
@@ -15431,19 +15555,15 @@ function Agenda({
       return false;
     }
   };
-  const datedEvents = useMemo19(
-    () => events.filter(
-      (e) => isValidDate6(e.start) && isValidDate6(e.end) || isValidDate6(e.attend_date)
-    ),
+  const datedEvents = useMemo20(
+    () => events.filter((e) => isValidDate5(e.start) || isValidDate5(e.end)),
     [events]
   );
-  const undatedEvents = useMemo19(
-    () => events.filter(
-      (e) => !(isValidDate6(e.start) && isValidDate6(e.end)) && !isValidDate6(e.attend_date)
-    ),
+  const undatedEvents = useMemo20(
+    () => events.filter((e) => !(isValidDate5(e.start) || isValidDate5(e.end))),
     [events]
   );
-  const days = useMemo19(() => {
+  const days = useMemo20(() => {
     console.log("Agenda view updating with date:", currentDate.toISOString());
     return Array.from(
       { length: AgendaDaysToShowAgenda },
@@ -15453,15 +15573,15 @@ function Agenda({
   const handleEventClick = (event, e) => {
     e.stopPropagation();
     console.log("Agenda view event clicked:", event);
-    if (onEventSelect) onEventSelect(event);
+    if (onEventSelect) onEventSelect(event, e);
   };
   const hasEvents = days.some(
     (day) => getAgendaEventsForDayAgenda(datedEvents, day).length > 0
   );
-  return /* @__PURE__ */ jsx86("div", { className: "border-border/70 border-t px-4", children: !hasEvents && !(showUndatedEvents && undatedEvents.length > 0) ? /* @__PURE__ */ jsxs66("div", { className: "flex min-h-[70svh] flex-col items-center justify-center py-16 text-center", children: [
+  return /* @__PURE__ */ jsx86("div", { className: "border-border/70 border-t px-4", children: !hasEvents && !(showUndatedEvents && undatedEvents.length > 0) ? /* @__PURE__ */ jsxs66("div", { className: "flex min-h-[70svh] flex-col items-center justify-center py-16 text-center px-4", children: [
     /* @__PURE__ */ jsx86(CalendarIcon5, { className: "mb-2 text-muted-foreground/50", size: 32 }),
-    /* @__PURE__ */ jsx86("h3", { className: "font-medium text-lg", children: "Nenhum evento encontrado" }),
-    /* @__PURE__ */ jsx86("p", { className: "text-muted-foreground", children: "N\xE3o h\xE1 eventos agendados para este per\xEDodo." })
+    /* @__PURE__ */ jsx86("h3", { className: "font-semibold text-sm sm:text-base md:text-lg lg:text-xl min-w-0 truncate sm:whitespace-normal", children: "Nenhum evento encontrado" }),
+    /* @__PURE__ */ jsx86("p", { className: "text-muted-foreground text-sm sm:text-base md:text-md max-w-prose", children: "N\xE3o h\xE1 eventos agendados para este per\xEDodo." })
   ] }) : /* @__PURE__ */ jsxs66(Fragment14, { children: [
     days.map((day) => {
       const dayEvents = getAgendaEventsForDayAgenda(datedEvents, day);
@@ -15469,12 +15589,18 @@ function Agenda({
       return /* @__PURE__ */ jsxs66(
         "div",
         {
-          className: twMerge2("relative my-12 border-border/70 border-t", isToday4(day) ? "border-blue-200" : ""),
+          className: twMerge2(
+            "relative my-12 border-border/70 border-t",
+            isToday4(day) ? "border-blue-200" : ""
+          ),
           children: [
             /* @__PURE__ */ jsx86(
               "span",
               {
-                className: twMerge2("-top-3 absolute left-0 flex h-6 items-center bg-background pe-4 uppercase data-today:font-extrabold sm:pe-4 text-lg font-bold", isToday4(day) ? "text-blue-500" : ""),
+                className: twMerge2(
+                  "-top-3 absolute left-0 flex h-6 items-center bg-background pe-4 uppercase data-today:font-extrabold sm:pe-4 text-sm sm:text-base md:text-lg font-bold min-w-0",
+                  isToday4(day) ? "text-blue-500" : ""
+                ),
                 "data-today": isToday4(day) || void 0,
                 children: (() => {
                   const s = format11(day, "d MMM, EEEE", { locale: ptBR10 });
@@ -15488,7 +15614,7 @@ function Agenda({
                 event,
                 onClick: onEventSelect ? (e) => handleEventClick(event, e) : void 0,
                 view: "agenda",
-                className: onEventSelect ? void 0 : "cursor-default hover:shadow-none hover:scale-100"
+                className: onEventSelect ? void 0 : "hover:shadow-none hover:scale-100"
               },
               event.id
             )) })
@@ -15520,7 +15646,7 @@ import {
   useSensors as useSensors2
 } from "@dnd-kit/core";
 import { addMinutes as addMinutes2, differenceInMinutes as differenceInMinutes5 } from "date-fns";
-import { useId as useId3, useRef as useRef15, useState as useState31 } from "react";
+import { useId as useId3, useRef as useRef15, useState as useState32 } from "react";
 
 // src/components/event-calendar-view/hooks.ts
 import { createContext as createContext7, useContext as useContext8 } from "react";
@@ -15542,16 +15668,18 @@ function CalendarDndProviderAgenda({
   children,
   onEventUpdate
 }) {
-  const [activeEvent, setActiveEvent] = useState31(null);
-  const [activeId, setActiveId] = useState31(null);
-  const [activeView, setActiveView] = useState31(
+  const [activeEvent, setActiveEvent] = useState32(
+    null
+  );
+  const [activeId, setActiveId] = useState32(null);
+  const [activeView, setActiveView] = useState32(
     null
   );
-  const [currentTime, setCurrentTime] = useState31(null);
-  const [eventHeight, setEventHeight] = useState31(null);
-  const [isMultiDay, setIsMultiDay] = useState31(false);
-  const [multiDayWidth, setMultiDayWidth] = useState31(null);
-  const [dragHandlePosition, setDragHandlePosition] = useState31(null);
+  const [currentTime, setCurrentTime] = useState32(null);
+  const [eventHeight, setEventHeight] = useState32(null);
+  const [isMultiDay, setIsMultiDay] = useState32(false);
+  const [multiDayWidth, setMultiDayWidth] = useState32(null);
+  const [dragHandlePosition, setDragHandlePosition] = useState32(null);
   const eventDimensions = useRef15({ height: 0 });
   const sensors = useSensors2(
     useSensor2(MouseSensor2, {
@@ -15592,7 +15720,7 @@ function CalendarDndProviderAgenda({
     setActiveEvent(calendarEvent);
     setActiveId(active.id);
     setActiveView(view);
-    setCurrentTime(calendarEvent.start ? new Date(calendarEvent.start) : null);
+    setCurrentTime(getEventStartDate(calendarEvent) ?? null);
     setIsMultiDay(eventIsMultiDay || false);
     setMultiDayWidth(eventMultiDayWidth || null);
     setDragHandlePosition(eventDragHandlePosition || null);
@@ -15677,12 +15805,15 @@ function CalendarDndProviderAgenda({
           currentTime.getMilliseconds()
         );
       }
-      if (!calendarEvent.start || !calendarEvent.end) {
-        console.error("Cannot compute duration: event start or end is null", calendarEvent);
+      const originalStart = getEventStartDate(calendarEvent);
+      const originalEnd = getEventEndDate(calendarEvent);
+      if (!originalStart || !originalEnd) {
+        console.error(
+          "Cannot compute duration: event start or end (or duration) is missing",
+          calendarEvent
+        );
         return;
       }
-      const originalStart = new Date(calendarEvent.start);
-      const originalEnd = new Date(calendarEvent.end);
       const durationMinutes = differenceInMinutes5(originalEnd, originalStart);
       const newEnd = addMinutes2(newStart, durationMinutes);
       const hasStartTimeChanged = originalStart.getFullYear() !== newStart.getFullYear() || originalStart.getMonth() !== newStart.getMonth() || originalStart.getDate() !== newStart.getDate() || originalStart.getHours() !== newStart.getHours() || originalStart.getMinutes() !== newStart.getMinutes();
@@ -15769,7 +15900,7 @@ var DefaultEndHourAgenda = 10;
 
 // src/components/event-calendar-view/DayView.tsx
 import {
-  addHours as addHours5,
+  addHours as addHours4,
   areIntervalsOverlapping as areIntervalsOverlapping3,
   differenceInMinutes as differenceInMinutes7,
   eachHourOfInterval as eachHourOfInterval3,
@@ -15777,14 +15908,12 @@ import {
   getHours as getHours3,
   getMinutes as getMinutes3,
   isSameDay as isSameDay9,
-  startOfDay as startOfDay3,
-  endOfDay
+  startOfDay as startOfDay3
 } from "date-fns";
-import { useMemo as useMemo21 } from "react";
+import { useMemo as useMemo22 } from "react";
 
 // src/components/event-calendar-view/utils.ts
 import { isSameDay as isSameDay7 } from "date-fns";
-import { addHours as addHours4 } from "date-fns";
 function getEventColorClassesAgenda(color) {
   const eventColor = color || "sky";
   switch (eventColor) {
@@ -15817,14 +15946,14 @@ function getBorderRadiusClassesAgenda(isFirstDay, isLastDay) {
   return "rounded-none";
 }
 function isMultiDayEventAgenda(event) {
-  const eventStart = isValidDate3(event.start) ? new Date(event.start) : void 0;
-  const eventEnd = isValidDate3(event.end) ? new Date(event.end) : void 0;
+  const eventStart = getEventStartDate(event);
+  const eventEnd = getEventEndDate(event);
   if (!eventStart || !eventEnd) return !!event.allDay;
   return event.allDay || eventStart.getDate() !== eventEnd.getDate();
 }
 function getEventsForDayAgenda(events, day) {
   return events.filter((event) => {
-    const eventStart = isValidDate3(event.start) ? new Date(event.start) : isValidDate3(event.attend_date) ? normalizeAttendDate(event.attend_date) : void 0;
+    const eventStart = getEventStartDate(event);
     return eventStart ? isSameDay7(day, eventStart) : false;
   }).sort((a, b) => getEventStartTimestamp2(a) - getEventStartTimestamp2(b));
 }
@@ -15840,31 +15969,40 @@ function sortEventsAgenda(events) {
 function getSpanningEventsForDayAgenda(events, day) {
   return events.filter((event) => {
     if (!isMultiDayEventAgenda(event)) return false;
-    const eventStart = isValidDate3(event.start) ? new Date(event.start) : void 0;
-    const eventEnd = isValidDate3(event.end) ? new Date(event.end) : void 0;
+    const eventStart = getEventStartDate(event);
+    const eventEnd = getEventEndDate(event);
     if (!eventStart || !eventEnd) return false;
     return !isSameDay7(day, eventStart) && (isSameDay7(day, eventEnd) || day > eventStart && day < eventEnd);
   });
 }
 function getAllEventsForDayAgenda(events, day) {
   return events.filter((event) => {
-    const eventStart = isValidDate3(event.start) ? new Date(event.start) : void 0;
-    const eventEnd = isValidDate3(event.end) ? new Date(event.end) : void 0;
+    const eventStart = getEventStartDate(event);
+    const eventEnd = getEventEndDate(event);
     if (!eventStart) return false;
     return isSameDay7(day, eventStart) || (eventEnd ? isSameDay7(day, eventEnd) : false) || (eventEnd ? day > eventStart && day < eventEnd : false);
   });
 }
 function getAgendaEventsForDayAgenda(events, day) {
   return events.filter((event) => {
-    const eventStart = isValidDate3(event.start) ? new Date(event.start) : isValidDate3(event.attend_date) ? normalizeAttendDate(event.attend_date) : void 0;
-    const eventEnd = isValidDate3(event.end) ? new Date(event.end) : isValidDate3(event.attend_date) ? (() => {
-      const dt = normalizeAttendDate(event.attend_date);
-      return dt ? addHours4(dt, 1) : void 0;
-    })() : void 0;
+    const eventStart = getEventStartDate(event);
+    const eventEnd = getEventEndDate(event);
     if (!eventStart) return false;
     return isSameDay7(day, eventStart) || (eventEnd ? isSameDay7(day, eventEnd) : false) || (eventEnd ? day > eventStart && day < eventEnd : false);
   }).sort((a, b) => getEventStartTimestamp2(a) - getEventStartTimestamp2(b));
 }
+function getEventStartDate(event) {
+  if (isValidDate3(event.start)) return new Date(event.start);
+  return void 0;
+}
+function getEventEndDate(event) {
+  if (isValidDate3(event.end)) return new Date(event.end);
+  const start = getEventStartDate(event);
+  if (start && typeof event.duration === "number" && !isNaN(event.duration)) {
+    return addMinutesToDateAgenda(start, event.duration);
+  }
+  return void 0;
+}
 function isValidDate3(d) {
   try {
     const t = d instanceof Date ? d.getTime() : new Date(String(d)).getTime();
@@ -15874,9 +16012,8 @@ function isValidDate3(d) {
   }
 }
 function getEventStartTimestamp2(e) {
-  if (isValidDate3(e.start)) return new Date(e.start).getTime();
-  if (isValidDate3(e.attend_date))
-    return normalizeAttendDate(e.attend_date).getTime();
+  const s = getEventStartDate(e);
+  if (s) return s.getTime();
   return Number.MAX_SAFE_INTEGER;
 }
 function normalizeAttendDate(d) {
@@ -15892,20 +16029,23 @@ function normalizeAttendDate(d) {
     return void 0;
   }
 }
-function addHoursToDateAgenda(date, hours) {
+function addMinutesToDateAgenda(date, minutes) {
   const result = new Date(date);
-  result.setHours(result.getHours() + hours);
+  result.setMinutes(result.getMinutes() + minutes);
   return result;
 }
+function addHoursToDateAgenda(date, hours) {
+  return addMinutesToDateAgenda(date, Math.round(hours * 60));
+}
 
 // src/components/event-calendar-view/hooks/use-current-time-indicator.ts
 import { endOfWeek as endOfWeek5, isSameDay as isSameDay8, isWithinInterval as isWithinInterval2, startOfWeek as startOfWeek5 } from "date-fns";
 import { ptBR as ptBR11 } from "date-fns/locale";
-import { useEffect as useEffect26, useState as useState32 } from "react";
+import { useEffect as useEffect27, useState as useState33 } from "react";
 function useCurrentTimeIndicatorAgenda(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = useState32(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = useState32(false);
-  useEffect26(() => {
+  const [currentTimePosition, setCurrentTimePosition] = useState33(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = useState33(false);
+  useEffect27(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
       const hours = now.getHours();
@@ -15937,20 +16077,11 @@ function useCurrentTimeIndicatorAgenda(currentDate, view) {
 
 // src/components/event-calendar-view/EventItemAgenda.tsx
 import { differenceInMinutes as differenceInMinutes6, format as format12, isPast as isPast2 } from "date-fns";
-import { useMemo as useMemo20 } from "react";
-import { ClockUserIcon as ClockUserIcon2 } from "@phosphor-icons/react";
+import { useMemo as useMemo21 } from "react";
 import { Fragment as Fragment15, jsx as jsx88, jsxs as jsxs68 } from "react/jsx-runtime";
 var formatTimeWithOptionalMinutes2 = (date) => {
   return format12(date, "HH:mm");
 };
-var isValidDate4 = (d) => {
-  try {
-    const dt = d instanceof Date ? d : new Date(String(d));
-    return !isNaN(dt.getTime());
-  } catch {
-    return false;
-  }
-};
 function EventWrapper2({
   event,
   isFirstDay = true,
@@ -15966,16 +16097,20 @@ function EventWrapper2({
   onTouchStart,
   ariaLabel
 }) {
-  const hasValidTimeForWrapper = isValidDate4(event.start) && isValidDate4(event.end) || isValidDate4(event.attend_date);
+  const wrapperStart = getEventStartDate(event);
+  const wrapperEnd = getEventEndDate(event);
+  const hasValidTimeForWrapper = !!wrapperStart || !!wrapperEnd;
   const displayEnd = (() => {
-    if (isValidDate4(event.start) && isValidDate4(event.end)) {
+    if (wrapperStart && wrapperEnd) {
       return currentTime ? new Date(
-        new Date(currentTime).getTime() + (new Date(event.end).getTime() - new Date(event.start).getTime())
-      ) : new Date(event.end);
+        new Date(currentTime).getTime() + (wrapperEnd.getTime() - wrapperStart.getTime())
+      ) : wrapperEnd;
+    }
+    if (wrapperStart && !wrapperEnd) {
+      return currentTime ? new Date(currentTime) : wrapperStart;
     }
-    if (isValidDate4(event.attend_date)) {
-      const start = normalizeAttendDate(event.attend_date);
-      return start ? addHoursToDateAgenda(start, 1) : void 0;
+    if (!wrapperStart && wrapperEnd) {
+      return currentTime ? new Date(currentTime) : wrapperEnd;
     }
     return void 0;
   })();
@@ -15985,7 +16120,7 @@ function EventWrapper2({
     "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 ",
+        "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 border",
         colorClasses,
         getBorderRadiusClassesAgenda(isFirstDay, isLastDay),
         className
@@ -16020,30 +16155,29 @@ function EventItemAgenda({
   agendaOnly = false
 }) {
   const eventColor = event.color;
-  const hasValidTime = isValidDate4(event.start) && isValidDate4(event.end) || isValidDate4(event.attend_date);
+  const startDate = getEventStartDate(event);
+  const endDate = getEventEndDate(event);
+  const hasValidTime = !!startDate || !!endDate;
   const colorClasses = hasValidTime ? getEventColorClassesAgenda(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 = useMemo20(() => {
+  const displayStart = useMemo21(() => {
     if (!hasValidTime) return void 0;
-    if (isValidDate4(event.start))
-      return currentTime || new Date(event.start);
-    if (isValidDate4(event.attend_date))
-      return currentTime || normalizeAttendDate(event.attend_date);
+    if (startDate) return currentTime || startDate;
+    if (endDate) return currentTime || endDate;
     return void 0;
-  }, [currentTime, event.start, event.attend_date, hasValidTime]);
-  const displayEnd = useMemo20(() => {
+  }, [currentTime, startDate, endDate, hasValidTime]);
+  const displayEnd = useMemo21(() => {
     if (!hasValidTime) return void 0;
-    if (isValidDate4(event.end)) {
+    if (endDate) {
       return currentTime ? new Date(
-        new Date(currentTime).getTime() + (new Date(event.end).getTime() - new Date(event.start).getTime())
-      ) : new Date(event.end);
+        new Date(currentTime).getTime() + (startDate ? endDate.getTime() - startDate.getTime() : 0)
+      ) : endDate;
     }
-    if (isValidDate4(event.attend_date)) {
-      const start = normalizeAttendDate(event.attend_date);
-      return start ? addHoursToDateAgenda(start, 1) : void 0;
+    if (startDate) {
+      return currentTime ? new Date(currentTime) : startDate;
     }
     return void 0;
-  }, [currentTime, event.start, event.end, event.attend_date, hasValidTime]);
-  const durationMinutes = useMemo20(() => {
+  }, [currentTime, startDate, endDate, hasValidTime]);
+  const durationMinutes = useMemo21(() => {
     if (!hasValidTime || !displayStart || !displayEnd) return 0;
     return differenceInMinutes6(displayEnd, displayStart);
   }, [displayStart, displayEnd, hasValidTime]);
@@ -16076,7 +16210,7 @@ function EventItemAgenda({
       EventWrapper2,
       {
         className: cn(
-          "mt-[var(--event-gap)] h-[var(--event-height)] items-center text-[10px] sm:text-xs",
+          "mt-[var(--event-gap)] h-[var(--event-height)] items-center sm:text-xs",
           className
         ),
         currentTime,
@@ -16087,14 +16221,14 @@ function EventItemAgenda({
         isFirstDay,
         isLastDay,
         onClick,
-        children: children || /* @__PURE__ */ jsxs68("span", { className: "flex items-center gap-2 truncate", children: [
-          !event.allDay && hasValidTime && displayStart && /* @__PURE__ */ jsx88("span", { className: "truncate font-normal opacity-80 sm:text-[11px] bg-white/10 px-2 py-0.5 rounded-full text-[11px]", children: formatTimeWithOptionalMinutes2(displayStart) }),
+        children: children || /* @__PURE__ */ jsxs68("span", { className: "flex items-center gap-2 truncate min-w-0", children: [
+          !event.allDay && hasValidTime && displayStart && /* @__PURE__ */ jsx88("span", { className: "truncate text-sm sm:text-base md:text-lg lg:text-xl opacity-80 bg-white/10 px-2 rounded-full min-w-0", children: formatTimeWithOptionalMinutes2(displayStart) }),
           /* @__PURE__ */ jsx88(
             "span",
             {
               className: cn(
-                "truncate",
-                agendaOnly ? "font-bold text-lg" : "font-medium"
+                "truncate min-w-0",
+                agendaOnly ? "font-bold text-sm sm:text-base md:text-lg" : "font-medium text-sm sm:text-base md:text-lg"
               ),
               children: event.title
             }
@@ -16121,11 +16255,25 @@ function EventItemAgenda({
         isFirstDay,
         isLastDay,
         children: durationMinutes < 45 ? /* @__PURE__ */ jsxs68("div", { className: "flex items-center justify-between w-full", children: [
-          /* @__PURE__ */ jsx88("div", { className: cn("truncate text-lg"), children: event.title }),
-          showTime && hasValidTime && displayStart && /* @__PURE__ */ jsx88("span", { className: "ml-2 inline-block bg-white/10 px-2 py-0.5 rounded-full text-[11px] opacity-90", children: formatTimeWithOptionalMinutes2(displayStart) })
+          /* @__PURE__ */ jsx88(
+            "div",
+            {
+              className: cn("truncate text-sm sm:text-base md:text-lg min-w-0"),
+              children: event.title
+            }
+          ),
+          showTime && hasValidTime && displayStart && /* @__PURE__ */ jsx88("span", { className: "ml-2 flex items-center gap-3 bg-white/10  py-0.5 rounded-full opacity-90 text-sm sm:text-base md:text-lg min-w-0", children: formatTimeWithOptionalMinutes2(displayStart) })
         ] }) : /* @__PURE__ */ jsxs68(Fragment15, { children: [
-          /* @__PURE__ */ jsx88("div", { className: cn("truncate font-medium text-lg"), children: event.title }),
-          showTime && hasValidTime && /* @__PURE__ */ jsx88("div", { className: "truncate font-normal opacity-70 sm:text-[15px]", children: /* @__PURE__ */ jsx88("span", { className: "inline-block bg-white/5 px-0.5 py-0.5 rounded-full", children: getEventTime() }) })
+          /* @__PURE__ */ jsx88(
+            "div",
+            {
+              className: cn(
+                "truncate font-medium text-sm sm:text-base md:text-lg min-w-0"
+              ),
+              children: event.title
+            }
+          ),
+          showTime && hasValidTime && /* @__PURE__ */ jsx88("div", { className: "truncate font-normal opacity-70 text-sm sm:text-base", children: /* @__PURE__ */ jsx88("span", { className: "inline-block bg-white/5 px-0.5 py-0.5 rounded-full", children: getEventTime() }) })
         ] })
       }
     );
@@ -16147,7 +16295,16 @@ function EventItemAgenda({
         ...dndListeners,
         ...dndAttributes,
         children: [
-          /* @__PURE__ */ jsx88("div", { className: cn("font-medium", agendaOnly ? "text-lg" : "text-sm"), children: event.title }),
+          /* @__PURE__ */ jsx88(
+            "div",
+            {
+              className: cn(
+                "font-medium min-w-0 truncate",
+                agendaOnly ? "text-sm sm:text-base md:text-lg" : "text-sm sm:text-base"
+              ),
+              children: event.title
+            }
+          ),
           /* @__PURE__ */ jsx88(
             "div",
             {
@@ -16155,7 +16312,7 @@ function EventItemAgenda({
                 "opacity-70 flex items-center gap-2",
                 agendaOnly ? "text-sm" : "text-xs"
               ),
-              children: event.location && /* @__PURE__ */ jsxs68("span", { className: "opacity-80 flex items-center gap-1", children: [
+              children: event.location && /* @__PURE__ */ jsxs68("span", { className: "opacity-80 flex items-center gap-1 min-w-0", children: [
                 "-",
                 /* @__PURE__ */ jsx88("span", { className: "truncate", children: event.location })
               ] })
@@ -16166,7 +16323,7 @@ function EventItemAgenda({
             {
               className: cn(
                 "my-1 opacity-90",
-                agendaOnly ? "text-md" : "text-xs"
+                agendaOnly ? "text-sm sm:text-base" : "text-xs sm:text-sm"
               ),
               style: {
                 display: "-webkit-box",
@@ -16199,27 +16356,38 @@ function EventItemAgenda({
       ...dndAttributes,
       children: [
         /* @__PURE__ */ jsxs68("div", { className: "flex w-full justify-between ", children: [
-          /* @__PURE__ */ jsx88("div", { className: cn("font-bold text-lg"), children: event.title }),
-          /* @__PURE__ */ jsx88("div", { className: cn("opacity-90 flex items-center gap-2 text-lg"), children: event.allDay ? /* @__PURE__ */ jsx88("span", { children: "Dia todo" }) : /* @__PURE__ */ jsxs68("span", { className: "uppercase font-semibold flex items-center gap-2", children: [
-            formatTimeWithOptionalMinutes2(displayStart),
-            /* @__PURE__ */ jsx88("span", { className: "opacity-70", children: "-" }),
-            formatTimeWithOptionalMinutes2(displayEnd),
-            /* @__PURE__ */ jsx88(ClockUserIcon2, {})
-          ] }) })
-        ] }),
-        event.description && /* @__PURE__ */ jsx88(
-          "div",
-          {
-            className: cn("my-1 opacity-90 flex text-md"),
-            style: {
-              display: "-webkit-box",
-              WebkitLineClamp: 2,
-              WebkitBoxOrient: "vertical",
-              overflow: "hidden"
-            },
-            children: event.description
-          }
-        )
+          /* @__PURE__ */ jsx88(
+            "div",
+            {
+              className: cn(
+                "font-bold text-sm sm:text-base md:text-lg min-w-0 truncate"
+              ),
+              children: event.title
+            }
+          ),
+          /* @__PURE__ */ jsx88(
+            "div",
+            {
+              className: cn(
+                "opacity-90 flex items-center gap-2 text-sm sm:text-base md:text-lg min-w-0"
+              ),
+              children: event.allDay ? /* @__PURE__ */ jsx88("span", { children: "Dia todo" }) : /* @__PURE__ */ jsx88("span", { className: "uppercase font-semibold flex items-center gap-2 ", children: formatTimeWithOptionalMinutes2(displayStart) })
+            }
+          )
+        ] }),
+        event.description && /* @__PURE__ */ jsx88(
+          "div",
+          {
+            className: cn("my-1 opacity-90 flex text-sm sm:text-base"),
+            style: {
+              display: "-webkit-box",
+              WebkitLineClamp: 2,
+              WebkitBoxOrient: "vertical",
+              overflow: "hidden"
+            },
+            children: event.description
+          }
+        )
       ]
     }
   );
@@ -16269,60 +16437,41 @@ function DayViewAgenda({
   onEventSelect,
   showUndatedEvents
 }) {
-  const hours = useMemo21(() => {
+  const hours = useMemo22(() => {
     const dayStart = startOfDay3(currentDate);
     return eachHourOfInterval3({
-      end: addHours5(dayStart, EndHourAgenda - 1),
-      start: addHours5(dayStart, StartHourAgenda)
+      end: addHours4(dayStart, EndHourAgenda - 1),
+      start: addHours4(dayStart, StartHourAgenda)
     });
   }, [currentDate]);
-  const dayEvents = useMemo21(() => {
-    const dayStart = startOfDay3(currentDate);
-    const dayEnd = endOfDay(currentDate);
-    return events.map((event) => {
-      let eventStart = event.start != null ? new Date(event.start) : void 0;
-      let eventEnd = event.end != null ? new Date(event.end) : void 0;
-      if ((!eventStart || !eventEnd) && event.attend_date) {
-        try {
-          const ad = new Date(event.attend_date);
-          const hasTime = ad.getHours() !== 0 || ad.getMinutes() !== 0 || ad.getSeconds() !== 0 || ad.getMilliseconds() !== 0;
-          if (hasTime) {
-            if (!eventStart) eventStart = ad;
-            if (!eventEnd) eventEnd = addHours5(ad, 1);
-          }
-        } catch {
-        }
-      }
-      return { event, eventStart, eventEnd };
-    }).filter(({ eventStart, eventEnd }) => !!eventStart && !!eventEnd).filter(
-      ({ eventStart, eventEnd }) => areIntervalsOverlapping3(
-        { start: eventStart, end: eventEnd },
-        { start: dayStart, end: dayEnd }
-      )
-    ).map(({ event }) => event).sort((a, b) => {
-      const aStart = a.start ? new Date(a.start).getTime() : a.attend_date ? new Date(a.attend_date).getTime() : 0;
-      const bStart = b.start ? new Date(b.start).getTime() : b.attend_date ? new Date(b.attend_date).getTime() : 0;
-      return aStart - bStart;
-    });
+  const dayEvents = useMemo22(() => {
+    return events.filter((event) => {
+      if (event.start == null) return false;
+      const eventStart = getEventStartDate(event) ?? /* @__PURE__ */ new Date();
+      const eventEnd = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
+      return isSameDay9(currentDate, eventStart) || isSameDay9(currentDate, eventEnd) || currentDate > eventStart && currentDate < eventEnd;
+    }).sort(
+      (a, b) => new Date(a.start).getTime() - new Date(b.start).getTime()
+    );
   }, [currentDate, events]);
-  const allDayEvents = useMemo21(() => {
+  const allDayEvents = useMemo22(() => {
     return dayEvents.filter((event) => {
       return event.allDay || isMultiDayEventAgenda(event);
     });
   }, [dayEvents]);
-  const timeEvents = useMemo21(() => {
+  const timeEvents = useMemo22(() => {
     return dayEvents.filter((event) => {
       return !event.allDay && !isMultiDayEventAgenda(event);
     });
   }, [dayEvents]);
-  const positionedEvents = useMemo21(() => {
+  const positionedEvents = useMemo22(() => {
     const result = [];
     const dayStart = startOfDay3(currentDate);
     const sortedEvents = [...timeEvents].sort((a, b) => {
-      const aStart = new Date(a.start);
-      const bStart = new Date(b.start);
-      const aEnd = new Date(a.end);
-      const bEnd = new Date(b.end);
+      const aStart = getEventStartDate(a) ?? getEventEndDate(a) ?? /* @__PURE__ */ new Date();
+      const bStart = getEventStartDate(b) ?? getEventEndDate(b) ?? /* @__PURE__ */ new Date();
+      const aEnd = getEventEndDate(a) ?? getEventStartDate(a) ?? /* @__PURE__ */ new Date();
+      const bEnd = getEventEndDate(b) ?? getEventStartDate(b) ?? /* @__PURE__ */ new Date();
       if (aStart < bStart) return -1;
       if (aStart > bStart) return 1;
       const aDuration = differenceInMinutes7(aEnd, aStart);
@@ -16331,22 +16480,10 @@ function DayViewAgenda({
     });
     const columns = [];
     for (const event of sortedEvents) {
-      let eventStart = event.start != null ? new Date(event.start) : void 0;
-      let eventEnd = event.end != null ? new Date(event.end) : void 0;
-      if ((!eventStart || !eventEnd) && event.attend_date) {
-        try {
-          const ad = new Date(event.attend_date);
-          const hasTime = ad.getHours() !== 0 || ad.getMinutes() !== 0 || ad.getSeconds() !== 0 || ad.getMilliseconds() !== 0;
-          if (hasTime) {
-            if (!eventStart) eventStart = ad;
-            if (!eventEnd) eventEnd = addHours5(ad, 1);
-          }
-        } catch {
-        }
-      }
-      if (!eventStart || !eventEnd) continue;
+      const eventStart = getEventStartDate(event) ?? getEventEndDate(event) ?? /* @__PURE__ */ new Date();
+      const eventEnd = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
       const adjustedStart = isSameDay9(currentDate, eventStart) ? eventStart : dayStart;
-      const adjustedEnd = isSameDay9(currentDate, eventEnd) ? eventEnd : addHours5(dayStart, 24);
+      const adjustedEnd = isSameDay9(currentDate, eventEnd) ? eventEnd : addHours4(dayStart, 24);
       const startHour = getHours3(adjustedStart) + getMinutes3(adjustedStart) / 60;
       const endHour = getHours3(adjustedEnd) + getMinutes3(adjustedEnd) / 60;
       const top = (startHour - StartHourAgenda) * WeekCellsHeightAgenda;
@@ -16359,12 +16496,14 @@ function DayViewAgenda({
           columns[columnIndex] = col;
           placed = true;
         } else {
-          const overlaps = col.some(
-            (c) => areIntervalsOverlapping3(
+          const overlaps = col.some((c) => {
+            const cStart = getEventStartDate(c.event) ?? getEventEndDate(c.event) ?? /* @__PURE__ */ new Date();
+            const cEnd = getEventEndDate(c.event) ?? getEventStartDate(c.event) ?? /* @__PURE__ */ new Date();
+            return areIntervalsOverlapping3(
               { end: adjustedEnd, start: adjustedStart },
-              { end: c.end, start: c.start }
-            )
-          );
+              { end: cEnd, start: cStart }
+            );
+          });
           if (!overlaps) {
             placed = true;
           } else {
@@ -16374,7 +16513,11 @@ function DayViewAgenda({
       }
       const currentColumn = columns[columnIndex] || [];
       columns[columnIndex] = currentColumn;
-      currentColumn.push({ start: adjustedStart, end: adjustedEnd, event });
+      currentColumn.push({
+        end: adjustedEnd,
+        event,
+        start: adjustedStart
+      });
       const width = columnIndex === 0 ? 1 : 0.9;
       const left = columnIndex === 0 ? 0 : columnIndex * 0.1;
       result.push({
@@ -16390,25 +16533,18 @@ function DayViewAgenda({
   }, [currentDate, timeEvents]);
   const handleEventClick = (event, e) => {
     e.stopPropagation();
-    onEventSelect(event);
+    onEventSelect(event, e);
   };
   const showAllDaySection = allDayEvents.length > 0;
-  const { currentTimePosition, currentTimeVisible } = useCurrentTimeIndicatorAgenda(
-    currentDate,
-    "day"
-  );
+  const { currentTimePosition, currentTimeVisible } = useCurrentTimeIndicatorAgenda(currentDate, "day");
   return /* @__PURE__ */ jsxs69("div", { className: "contents", "data-slot": "day-view", children: [
     showAllDaySection && /* @__PURE__ */ jsx90("div", { className: "border-border/70 border-t bg-muted/50", children: /* @__PURE__ */ jsxs69("div", { className: "grid grid-cols-[3rem_1fr] sm:grid-cols-[4rem_1fr]", children: [
       /* @__PURE__ */ jsx90("div", { className: "relative", children: /* @__PURE__ */ jsx90("span", { className: "absolute bottom-0 left-0 h-6 w-16 max-w-full pe-2 text-right text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: "All day" }) }),
       /* @__PURE__ */ jsx90("div", { className: "relative border-border/70 border-r p-1 last:border-r-0", children: allDayEvents.map((event) => {
-        const eventStart = new Date(
-          event.start ?? event.attend_date ?? event.end ?? Date.now()
-        );
-        const eventEnd = new Date(
-          event.end ?? event.attend_date ?? event.start ?? Date.now()
-        );
-        const isFirstDay = isSameDay9(currentDate, eventStart);
-        const isLastDay = isSameDay9(currentDate, eventEnd);
+        const eventStart = getEventStartDate(event);
+        const eventEnd = getEventEndDate(event) ?? getEventStartDate(event);
+        const isFirstDay = eventStart ? isSameDay9(currentDate, eventStart) : false;
+        const isLastDay = eventEnd ? isSameDay9(currentDate, eventEnd) : false;
         return /* @__PURE__ */ jsx90(
           EventItemAgenda,
           {
@@ -16435,12 +16571,8 @@ function DayViewAgenda({
       /* @__PURE__ */ jsxs69("div", { className: "relative", children: [
         positionedEvents.map((positionedEvent) => {
           const evt = positionedEvent.event;
-          const eventStart = new Date(
-            evt.start ?? evt.attend_date ?? evt.end ?? Date.now()
-          );
-          const eventEnd = new Date(
-            evt.end ?? evt.attend_date ?? evt.start ?? Date.now()
-          );
+          const eventStart = new Date(evt.start ?? evt.end ?? Date.now());
+          const eventEnd = new Date(evt.end ?? evt.start ?? Date.now());
           const isFirstDay = isSameDay9(currentDate, eventStart);
           const isLastDay = isSameDay9(currentDate, eventEnd);
           return /* @__PURE__ */ jsx90(
@@ -16540,393 +16672,216 @@ import {
   subWeeks as subWeeks2
 } from "date-fns";
 import { ptBR as ptBR12 } from "date-fns/locale";
-import { useEffect as useEffect27, useMemo as useMemo22, useState as useState33, useCallback as useCallback16 } from "react";
+import React46, { useMemo as useMemo23, useState as useState34 } from "react";
 import { toast as toast4 } from "sonner";
-import {
-  CalendarIcon as CalendarIcon6,
-  CaretDownIcon as CaretDownIcon6,
-  CaretLeftIcon as CaretLeftIcon4,
-  CaretRightIcon as CaretRightIcon7,
-  Check as Check2
-} from "@phosphor-icons/react";
-import { Fragment as Fragment16, jsx as jsx91, jsxs as jsxs70 } from "react/jsx-runtime";
+import { CaretLeftIcon as CaretLeftIcon5, CaretRightIcon as CaretRightIcon8 } from "@phosphor-icons/react";
+import { jsx as jsx91, jsxs as jsxs70 } from "react/jsx-runtime";
 function EventAgenda({
   events = [],
   onEventUpdate,
   className,
   initialView = "month",
-  mode,
-  initialDate
+  initialDate,
+  onClick
 }) {
-  const [currentDate, setCurrentDate] = useState33(
+  const [currentDate, setCurrentDate] = useState34(
     initialDate && new Date(initialDate) || /* @__PURE__ */ new Date()
   );
-  const [view, setView] = useState33(initialView);
-  const [isFading, setIsFading] = useState33(false);
-  const FADE_DURATION = 220;
-  const changeView = useCallback16(
-    (next) => {
-      if (mode === "agenda-only") return;
-      if (next === view) return;
-      setIsFading(true);
-      window.setTimeout(() => {
-        setView(next);
-        requestAnimationFrame(() => setIsFading(false));
-      }, FADE_DURATION);
-    },
-    [view, mode]
-  );
-  const [isPaging, setIsPaging] = useState33(false);
-  const [pageDirection, setPageDirection] = useState33(
-    null
-  );
-  const PAGE_DURATION = 200;
-  const pageTransition = useCallback16(
-    (applyDateChange, direction) => {
-      setIsPaging(true);
-      setPageDirection(direction);
-      window.setTimeout(() => {
-        applyDateChange();
-        requestAnimationFrame(() => {
-          setIsPaging(false);
-          setPageDirection(null);
-        });
-      }, PAGE_DURATION);
-    },
-    []
-  );
-  const [isEventDialogOpen, setIsEventDialogOpen] = useState33(false);
-  useEffect27(() => {
-    const handleKeyDown = (e) => {
-      if (isEventDialogOpen || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLElement && e.target.isContentEditable) {
+  const [view, setView] = useState34(initialView);
+  const [selectedEvent, setSelectedEvent] = useState34(null);
+  const goPrevious = () => {
+    if (view === "month") setCurrentDate((d) => subMonths2(d, 1));
+    else if (view === "week") setCurrentDate((d) => subWeeks2(d, 1));
+    else if (view === "day") setCurrentDate((d) => addDays5(d, -1));
+    else if (view === "agenda")
+      setCurrentDate((d) => addDays5(d, -AgendaDaysToShowAgenda));
+  };
+  const goNext = () => {
+    if (view === "month") setCurrentDate((d) => addMonths2(d, 1));
+    else if (view === "week") setCurrentDate((d) => addWeeks2(d, 1));
+    else if (view === "day") setCurrentDate((d) => addDays5(d, 1));
+    else if (view === "agenda")
+      setCurrentDate((d) => addDays5(d, AgendaDaysToShowAgenda));
+  };
+  const handleEventSelect = (event, e) => {
+    try {
+      if (typeof onClick === "function") {
+        onClick(
+          event,
+          e
+        );
         return;
       }
-      if (mode === "agenda-only") return;
-      switch (e.key.toLowerCase()) {
-        case "m":
-          changeView("month");
-          break;
-        case "w":
-        case "s":
-          changeView("week");
-          break;
-        case "d":
-          changeView("day");
-          break;
-        case "a":
-          changeView("agenda");
-          break;
-      }
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => {
-      window.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [isEventDialogOpen, changeView, mode]);
-  useEffect27(() => {
-    if (mode === "agenda-only") setView("agenda");
-  }, [mode]);
-  const handlePrevious = () => {
-    pageTransition(() => {
-      if (view === "month") {
-        setCurrentDate(subMonths2(currentDate, 1));
-      } else if (view === "week") {
-        setCurrentDate(subWeeks2(currentDate, 1));
-      } else if (view === "day") {
-        setCurrentDate(addDays5(currentDate, -1));
-      } else if (view === "agenda") {
-        setCurrentDate(addDays5(currentDate, -AgendaDaysToShowAgenda));
-      }
-    }, "right");
-  };
-  const handleNext = () => {
-    pageTransition(() => {
-      if (view === "month") {
-        setCurrentDate(addMonths2(currentDate, 1));
-      } else if (view === "week") {
-        setCurrentDate(addWeeks2(currentDate, 1));
-      } else if (view === "day") {
-        setCurrentDate(addDays5(currentDate, 1));
-      } else if (view === "agenda") {
-        setCurrentDate(addDays5(currentDate, AgendaDaysToShowAgenda));
+      if (React46.isValidElement(onClick)) {
+        setSelectedEvent(event);
+        return;
       }
-    }, "left");
-  };
-  const handleToday = () => {
-    setCurrentDate(/* @__PURE__ */ new Date());
-  };
-  const handleEventSelect = (event) => {
+    } catch (err) {
+      console.error(err);
+    }
     console.log("Event selected:", event);
-    setIsEventDialogOpen(true);
   };
   const handleEventUpdate = (updatedEvent) => {
+    if (updatedEvent.start == null) {
+      console.warn(
+        `Ignored update for event ${updatedEvent.id} because start is null`
+      );
+      return;
+    }
     onEventUpdate?.(updatedEvent);
-    const startDate = updatedEvent.start ?? /* @__PURE__ */ new Date();
+    const startDate = new Date(updatedEvent.start);
     toast4(`Evento "${updatedEvent.title}" movido`, {
       description: format14(startDate, "d 'de' MMMM 'de' yyyy", { locale: ptBR12 }),
       position: "bottom-left"
     });
   };
-  const viewTitle = useMemo22(() => {
-    const capitalize = (s) => s && s.length > 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s;
-    if (view === "month") {
+  const viewLabel = (v, condensed = false) => {
+    const labels = {
+      month: { full: "M\xEAs", short: "M" },
+      week: { full: "Semana", short: "S" },
+      day: { full: "Dia", short: "D" },
+      agenda: { full: "Agenda", short: "A" }
+    };
+    const entry = labels[v] || { full: v, short: v };
+    return condensed ? entry.short : entry.full;
+  };
+  const viewTitle = useMemo23(() => {
+    const capitalize = (s) => s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
+    if (view === "month")
       return capitalize(format14(currentDate, "MMMM yyyy", { locale: ptBR12 }));
-    }
     if (view === "week") {
       const start = startOfWeek6(currentDate, { weekStartsOn: 1 });
       const end = endOfWeek6(currentDate, { weekStartsOn: 1 });
-      if (isSameMonth3(start, end)) {
+      if (isSameMonth3(start, end))
         return capitalize(format14(start, "MMMM yyyy", { locale: ptBR12 }));
-      }
       const s1 = capitalize(format14(start, "MMM", { locale: ptBR12 }));
       const s2 = capitalize(format14(end, "MMM yyyy", { locale: ptBR12 }));
       return `${s1} - ${s2}`;
     }
-    if (view === "day") {
-      const dayNum = format14(currentDate, "d", { locale: ptBR12 });
-      const month = capitalize(format14(currentDate, "MMMM", { locale: ptBR12 }));
-      const year = format14(currentDate, "yyyy", { locale: ptBR12 });
-      const short = `${dayNum} de ${month} de ${year}`;
-      return /* @__PURE__ */ jsxs70(Fragment16, { children: [
-        /* @__PURE__ */ jsx91("span", { "aria-hidden": "true", className: "min-[480px]:hidden", children: short }),
-        /* @__PURE__ */ jsx91("span", { "aria-hidden": "true", className: "max-[479px]:hidden min-md:hidden", children: short })
-      ] });
-    }
+    if (view === "day")
+      return format14(currentDate, "d 'de' MMMM 'de' yyyy", { locale: ptBR12 });
     if (view === "agenda") {
       const start = currentDate;
       const end = addDays5(currentDate, AgendaDaysToShowAgenda - 1);
-      if (isSameMonth3(start, end)) {
+      if (isSameMonth3(start, end))
         return capitalize(format14(start, "MMMM yyyy", { locale: ptBR12 }));
-      }
       const s1 = capitalize(format14(start, "MMMM", { locale: ptBR12 }));
       const s2 = capitalize(format14(end, "MMMM yyyy", { locale: ptBR12 }));
       return `${s1} - ${s2}`;
     }
     return capitalize(format14(currentDate, "MMMM yyyy", { locale: ptBR12 }));
   }, [currentDate, view]);
-  const calendarContent = /* @__PURE__ */ jsxs70(Fragment16, { children: [
-    /* @__PURE__ */ jsxs70(
-      "div",
-      {
-        className: cn(
-          "flex items-center justify-between p-2 sm:p-4",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-1 sm:gap-4", children: [
-            /* @__PURE__ */ jsxs70(
-              ButtonBase,
-              {
-                className: "max-[479px]:aspect-square max-[479px]:p-0!",
-                onClick: handleToday,
-                variant: "outline",
-                children: [
-                  /* @__PURE__ */ jsx91(
-                    CalendarIcon6,
-                    {
-                      "aria-hidden": "true",
-                      className: "min-[480px]:hidden",
-                      size: 16
-                    }
-                  ),
-                  /* @__PURE__ */ jsx91("span", { className: "max-[479px]:sr-only", children: "Hoje" })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs70("div", { className: "flex items-center sm:gap-2", children: [
-              /* @__PURE__ */ jsx91(
-                ButtonBase,
-                {
-                  "aria-label": "Anterior",
-                  onClick: handlePrevious,
-                  size: "icon",
-                  variant: "ghost",
-                  children: /* @__PURE__ */ jsx91(CaretLeftIcon4, { "aria-hidden": "true", size: 16 })
-                }
-              ),
-              /* @__PURE__ */ jsx91(
-                ButtonBase,
-                {
-                  "aria-label": "Pr\xF3ximo",
-                  onClick: handleNext,
-                  size: "icon",
-                  variant: "ghost",
-                  children: /* @__PURE__ */ jsx91(CaretRightIcon7, { "aria-hidden": "true", size: 16 })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx91("h2", { className: "font-semibold text-xl", children: viewTitle })
-          ] }),
-          /* @__PURE__ */ jsx91("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx91(Fragment16, { children: /* @__PURE__ */ jsxs70(DropDownMenuBase, { children: [
-            /* @__PURE__ */ jsx91(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs70(
-              ButtonBase,
-              {
-                className: "gap-2 px-3 py-1.5 max-[479px]:h-8",
-                variant: "outline",
-                children: [
-                  /* @__PURE__ */ jsxs70("span", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx91("span", { className: "hidden min-[480px]:inline-block", children: (() => {
-                      const labels = {
-                        month: "M\xEAs",
-                        week: "Semana",
-                        day: "Dia",
-                        agenda: "Agenda"
-                      };
-                      return labels[view] || view;
-                    })() }),
-                    /* @__PURE__ */ jsx91("span", { className: "min-[480px]:hidden", children: (() => {
-                      const labels = {
-                        month: "M",
-                        week: "S",
-                        day: "D",
-                        agenda: "A"
-                      };
-                      return labels[view] || view;
-                    })() })
-                  ] }),
-                  /* @__PURE__ */ jsx91(
-                    CaretDownIcon6,
-                    {
-                      "aria-hidden": "true",
-                      className: "-me-1 opacity-60",
-                      size: 16
-                    }
-                  )
-                ]
-              }
-            ) }),
-            mode === "agenda-only" ? null : /* @__PURE__ */ jsxs70(
-              DropDownMenuContentBase,
-              {
-                align: "end",
-                className: "min-w-32 rounded-md p-1",
-                children: [
-                  /* @__PURE__ */ jsxs70(
-                    DropDownMenuItemBase,
-                    {
-                      onClick: () => changeView("month"),
-                      className: cn(
-                        "flex items-center justify-between gap-2 px-3 py-2 rounded",
-                        view === "month"
-                      ),
-                      children: [
-                        /* @__PURE__ */ jsx91("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx91("span", { children: " M\xEAs " }) }),
-                        /* @__PURE__ */ jsx91("div", { className: "flex items-center gap-2", children: view === "month" ? /* @__PURE__ */ jsx91(Check2, { "aria-hidden": true, className: "opacity-80", size: 14 }) : /* @__PURE__ */ jsx91(DropDownMenuShortcutBase, { children: "M" }) })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs70(
-                    DropDownMenuItemBase,
-                    {
-                      onClick: () => changeView("week"),
-                      className: cn(
-                        "flex items-center justify-between gap-2 px-3 py-2 rounded",
-                        view === "week"
-                      ),
-                      children: [
-                        /* @__PURE__ */ jsx91("div", { className: "flex items-center gap-2", children: "Semana" }),
-                        /* @__PURE__ */ jsx91("div", { className: "flex items-center gap-2", children: view === "week" ? /* @__PURE__ */ jsx91(Check2, { "aria-hidden": true, className: "opacity-80", size: 14 }) : /* @__PURE__ */ jsx91(DropDownMenuShortcutBase, { children: "S" }) })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs70(
-                    DropDownMenuItemBase,
-                    {
-                      onClick: () => changeView("day"),
-                      className: cn(
-                        "flex items-center justify-between gap-2 px-3 py-2 rounded",
-                        view === "day"
-                      ),
-                      children: [
-                        /* @__PURE__ */ jsx91("div", { className: "flex items-center gap-2", children: "Dia" }),
-                        /* @__PURE__ */ jsx91("div", { className: "flex items-center gap-2", children: view === "day" ? /* @__PURE__ */ jsx91(Check2, { "aria-hidden": true, className: "opacity-80", size: 14 }) : /* @__PURE__ */ jsx91(DropDownMenuShortcutBase, { children: "D" }) })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs70(
-                    DropDownMenuItemBase,
-                    {
-                      onClick: () => changeView("agenda"),
-                      className: cn(
-                        "flex items-center justify-between gap-2 px-3 py-2 rounded",
-                        view === "agenda"
-                      ),
-                      children: [
-                        /* @__PURE__ */ jsx91("div", { className: "flex items-center gap-2", children: "Agenda" }),
-                        /* @__PURE__ */ jsx91("div", { className: "flex items-center gap-2", children: view === "agenda" ? /* @__PURE__ */ jsx91(Check2, { "aria-hidden": true, className: "opacity-80", size: 14 }) : /* @__PURE__ */ jsx91(DropDownMenuShortcutBase, { children: "A" }) })
-                      ]
-                    }
-                  )
-                ]
-              }
-            )
-          ] }) }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs70(
-      "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"
-        ),
-        "aria-live": "polite",
-        children: [
-          view === "month" && /* @__PURE__ */ jsx91(
-            MonthViewAgenda,
-            {
-              currentDate,
-              events,
-              onEventSelect: handleEventSelect
-            }
-          ),
-          view === "week" && /* @__PURE__ */ jsx91(
-            WeekViewAgenda,
-            {
-              currentDate,
-              events,
-              onEventSelect: handleEventSelect
-            }
-          ),
-          view === "day" && /* @__PURE__ */ jsx91(
-            DayViewAgenda,
-            {
-              currentDate,
-              events,
-              onEventSelect: handleEventSelect
-            }
-          ),
-          view === "agenda" && /* @__PURE__ */ jsx91(
-            Agenda,
-            {
-              currentDate,
-              events,
-              onEventSelect: handleEventSelect
-            }
-          )
-        ]
-      }
-    )
-  ] });
-  return /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsxs70(
     "div",
     {
-      className: "flex flex-col rounded-lg border has-data-[slot=month-view]:flex-1 px-6",
+      className: cn(
+        "flex flex-col rounded-lg border has-data-[slot=month-view]:flex-1 px-6 py-2",
+        className
+      ),
       style: {
         "--event-gap": `${EventGapAgenda}px`,
         "--event-height": `${EventHeightAgenda}px`,
         "--week-cells-height": `${WeekCellsHeightAgenda}px`
       },
-      children: /* @__PURE__ */ jsx91(CalendarDndProviderAgenda, { onEventUpdate: handleEventUpdate, children: calendarContent })
+      children: [
+        /* @__PURE__ */ jsxs70(CalendarDndProviderAgenda, { onEventUpdate: handleEventUpdate, children: [
+          /* @__PURE__ */ jsxs70("div", { className: "flex items-center justify-between p-2 sm:p-4", children: [
+            /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-1 sm:gap-4 min-w-0", children: [
+              /* @__PURE__ */ jsxs70("div", { className: "flex items-center sm:gap-2", children: [
+                /* @__PURE__ */ jsx91(
+                  ButtonBase,
+                  {
+                    "aria-label": "Anterior",
+                    onClick: goPrevious,
+                    size: "icon",
+                    variant: "ghost",
+                    children: /* @__PURE__ */ jsx91(CaretLeftIcon5, { "aria-hidden": true, size: 16 })
+                  }
+                ),
+                /* @__PURE__ */ jsx91(
+                  ButtonBase,
+                  {
+                    "aria-label": "Pr\xF3ximo",
+                    onClick: goNext,
+                    size: "icon",
+                    variant: "ghost",
+                    children: /* @__PURE__ */ jsx91(CaretRightIcon8, { "aria-hidden": true, size: 16 })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx91("h2", { className: "font-semibold text-sm sm:text-base md:text-lg lg:text-xl xl:text-2xl min-w-0 truncate sm:whitespace-normal", children: viewTitle })
+            ] }),
+            /* @__PURE__ */ jsx91("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx91(
+              Select,
+              {
+                selected: view,
+                onChange: (v) => {
+                  setView(v);
+                },
+                items: ["month", "week", "day", "agenda"].map((v) => ({
+                  label: viewLabel(v),
+                  value: v
+                })),
+                className: "gap-2 px-3 py-1.5 max-[479px]:h-8",
+                placeholder: viewLabel(view)
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs70(
+            "div",
+            {
+              className: "flex flex-1 flex-col transition-all duration-200 ease-in-out",
+              "aria-live": "polite",
+              children: [
+                view === "month" && /* @__PURE__ */ jsx91(
+                  MonthViewAgenda,
+                  {
+                    currentDate,
+                    events,
+                    onEventSelect: handleEventSelect
+                  }
+                ),
+                view === "week" && /* @__PURE__ */ jsx91(
+                  WeekViewAgenda,
+                  {
+                    currentDate,
+                    events,
+                    onEventSelect: handleEventSelect
+                  }
+                ),
+                view === "day" && /* @__PURE__ */ jsx91(
+                  DayViewAgenda,
+                  {
+                    currentDate,
+                    events,
+                    onEventSelect: handleEventSelect
+                  }
+                ),
+                view === "agenda" && /* @__PURE__ */ jsx91(
+                  Agenda,
+                  {
+                    currentDate,
+                    events,
+                    onEventSelect: handleEventSelect
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        selectedEvent && React46.isValidElement(onClick) ? React46.cloneElement(onClick, {
+          event: selectedEvent,
+          onClose: () => setSelectedEvent(null)
+        }) : null
+      ]
     }
   );
 }
 
 // src/components/event-calendar-view/UndatedEvents.tsx
-import { useMemo as useMemo23 } from "react";
+import { useMemo as useMemo24 } from "react";
 import { jsx as jsx92, jsxs as jsxs71 } from "react/jsx-runtime";
-var isValidDate5 = (d) => {
+var isValidDate4 = (d) => {
   try {
     const t = d instanceof Date ? d.getTime() : new Date(String(d)).getTime();
     return !isNaN(t);
@@ -16941,23 +16896,21 @@ function UndatedEvents({
   title = "Data de Atendimento n\xE3o Prevista",
   show = true
 }) {
-  const undatedEvents = useMemo23(
-    () => events.filter(
-      (e) => !(isValidDate5(e.start) && isValidDate5(e.end)) && !isValidDate5(e.attend_date)
-    ),
+  const undatedEvents = useMemo24(
+    () => events.filter((e) => !(isValidDate4(e.start) || isValidDate4(e.end))),
     [events]
   );
   if (!show || undatedEvents.length === 0) return null;
   return /* @__PURE__ */ jsx92("div", { className, children: /* @__PURE__ */ jsxs71("div", { className: "relative border-border/70 border-t", children: [
-    /* @__PURE__ */ jsx92("span", { className: "-top-3 absolute left-0 flex h-6 items-center bg-background pe-4 uppercase sm:pe-4 text-lg", children: title }),
+    /* @__PURE__ */ jsx92("span", { className: "-top-3 absolute left-0 flex h-6 items-center bg-background pe-4 uppercase sm:pe-4 text-md sm:text-lg", children: title }),
     /* @__PURE__ */ jsx92("div", { className: "mt-6 space-y-2", children: undatedEvents.map((event) => /* @__PURE__ */ jsx92(
       EventItemAgenda,
       {
         event,
-        onClick: onEventSelect ? () => onEventSelect(event) : void 0,
+        onClick: onEventSelect ? (e) => onEventSelect(event, e) : void 0,
         view: "agenda",
         agendaOnly: true,
-        className: "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 "
+        className: "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 "
       },
       event.id
     )) })
@@ -16965,14 +16918,14 @@ function UndatedEvents({
 }
 
 // src/components/event-calendar-view/hooks/use-event-visibility.ts
-import { useLayoutEffect as useLayoutEffect3, useMemo as useMemo24, useRef as useRef16, useState as useState34 } from "react";
+import { useLayoutEffect as useLayoutEffect3, useMemo as useMemo25, useRef as useRef16, useState as useState35 } from "react";
 function useEventVisibilityAgenda({
   eventHeight,
   eventGap
 }) {
   const contentRef = useRef16(null);
   const observerRef = useRef16(null);
-  const [contentHeight, setContentHeight] = useState34(null);
+  const [contentHeight, setContentHeight] = useState35(null);
   useLayoutEffect3(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
@@ -16993,7 +16946,7 @@ function useEventVisibilityAgenda({
       }
     };
   }, []);
-  const getVisibleEventCount = useMemo24(() => {
+  const getVisibleEventCount = useMemo25(() => {
     return (totalEvents) => {
       if (!contentHeight) return totalEvents;
       const maxEvents = Math.floor(contentHeight / (eventHeight + eventGap));
@@ -17024,7 +16977,7 @@ import {
   startOfWeek as startOfWeek7
 } from "date-fns";
 import { ptBR as ptBR13 } from "date-fns/locale";
-import { useEffect as useEffect28, useMemo as useMemo25, useState as useState35 } from "react";
+import { useEffect as useEffect28, useMemo as useMemo26, useState as useState36 } from "react";
 import { twMerge as twMerge3 } from "tailwind-merge";
 import { jsx as jsx93, jsxs as jsxs72 } from "react/jsx-runtime";
 function MonthViewAgenda({
@@ -17033,21 +16986,21 @@ function MonthViewAgenda({
   onEventSelect,
   showUndatedEvents
 }) {
-  const days = useMemo25(() => {
+  const days = useMemo26(() => {
     const monthStart = startOfMonth2(currentDate);
     const monthEnd = endOfMonth2(monthStart);
     const calendarStart = startOfWeek7(monthStart, { weekStartsOn: 0 });
     const calendarEnd = endOfWeek7(monthEnd, { weekStartsOn: 0 });
     return eachDayOfInterval3({ end: calendarEnd, start: calendarStart });
   }, [currentDate]);
-  const weekdays = useMemo25(() => {
+  const weekdays = useMemo26(() => {
     return Array.from({ length: 7 }).map((_, i) => {
       const date = addDays6(startOfWeek7(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
       const short = format15(date, "EEE", { locale: ptBR13 });
       return short.charAt(0).toUpperCase() + short.slice(1);
     });
   }, []);
-  const weeks = useMemo25(() => {
+  const weeks = useMemo26(() => {
     const result = [];
     let week = [];
     for (let i = 0; i < days.length; i++) {
@@ -17061,9 +17014,9 @@ function MonthViewAgenda({
   }, [days]);
   const handleEventClick = (event, e) => {
     e.stopPropagation();
-    onEventSelect(event);
+    onEventSelect(event, e);
   };
-  const [isMounted, setIsMounted] = useState35(false);
+  const [isMounted, setIsMounted] = useState36(false);
   const { contentRef, getVisibleEventCount } = useEventVisibilityAgenda({
     eventGap: EventGapAgenda,
     eventHeight: EventHeightAgenda
@@ -17072,11 +17025,14 @@ function MonthViewAgenda({
     setIsMounted(true);
   }, []);
   return /* @__PURE__ */ jsxs72("div", { className: "contents", "data-slot": "month-view", children: [
-    /* @__PURE__ */ jsx93("div", { className: "grid grid-cols-7 border-border/70 border-b", children: weekdays.map((day) => /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsx93("div", { className: "grid grid-cols-7 border-border/70 border-b", children: weekdays.map((day) => /* @__PURE__ */ jsxs72(
       "div",
       {
-        className: "py-2 text-center text-muted-foreground/70 text-sm uppercase tracking-wide bg-muted/5",
-        children: day
+        className: "py-1 px-1 text-center text-muted-foreground/70 text-xs uppercase sm:tracking-wide bg-muted/5 leading-none",
+        children: [
+          /* @__PURE__ */ jsx93("span", { className: "hidden sm:inline", children: day }),
+          /* @__PURE__ */ jsx93("span", { className: "inline sm:hidden", children: day.charAt(0) })
+        ]
       },
       day
     )) }),
@@ -17086,8 +17042,20 @@ function MonthViewAgenda({
         className: "grid grid-cols-7 [&:last-child>*]:border-b-0",
         children: week.map((day, dayIndex) => {
           if (!day) return null;
-          const dayEvents = getEventsForDayAgenda(events, day);
-          const spanningEvents = getSpanningEventsForDayAgenda(events, day);
+          const eventsWithStart = events.filter((ev) => {
+            try {
+              if (ev.start == null) return false;
+              const t = ev.start instanceof Date ? ev.start.getTime() : new Date(String(ev.start)).getTime();
+              return !isNaN(t);
+            } catch {
+              return false;
+            }
+          });
+          const dayEvents = getEventsForDayAgenda(eventsWithStart, day);
+          const spanningEvents = getSpanningEventsForDayAgenda(
+            eventsWithStart,
+            day
+          );
           const isCurrentMonth = isSameMonth4(day, currentDate);
           const cellId = `month-cell-${day.toISOString()}`;
           const allDayEvents = [...spanningEvents, ...dayEvents];
@@ -17099,7 +17067,7 @@ function MonthViewAgenda({
           return /* @__PURE__ */ jsx93(
             "div",
             {
-              className: "group border-border/70 border-r border-b last:border-r-0 data-outside-cell:bg-muted/25 data-outside-cell:text-muted-foreground/70 hover:bg-muted/5 transition-colors p-2 ",
+              className: "group border-border/70 border-r border-b last:border-r-0 data-outside-cell:bg-muted/25 data-outside-cell:text-muted-foreground/70 hover:bg-muted/5 transition-colors p-1 sm:p-2",
               "data-outside-cell": !isCurrentMonth || void 0,
               "data-today": isToday5(day) || void 0,
               children: /* @__PURE__ */ jsxs72(
@@ -17116,7 +17084,7 @@ function MonthViewAgenda({
                       "div",
                       {
                         className: twMerge3(
-                          `mt-1 inline-flex w-7 h-7 items-center justify-center rounded-full text-sm font-semibold text-muted-foreground`,
+                          `mt-1 inline-flex w-6 h-6 sm:w-7 sm:h-7 items-center justify-center rounded-full text-xs sm:text-sm font-semibold text-muted-foreground`,
                           isToday5(day) ? "bg-blue-500 text-white" : ""
                         ),
                         children: format15(day, "d")
@@ -17125,16 +17093,12 @@ function MonthViewAgenda({
                     /* @__PURE__ */ jsxs72(
                       "div",
                       {
-                        className: "min-h-[calc((var(--event-height)+var(--event-gap))*2)] sm:min-h-[calc((var(--event-height)+var(--event-gap))*3)] lg:min-h-[calc((var(--event-height)+var(--event-gap))*4)] px-1 py-1",
+                        className: "min-h-[calc((var(--event-height)+var(--event-gap))*2)] sm:min-h-[calc((var(--event-height)+var(--event-gap))*3)] lg:min-h-[calc((var(--event-height)+var(--event-gap))*4)] px-1 py-0.5 sm:py-1",
                         ref: isReferenceCell ? contentRef : null,
                         children: [
                           sortEventsAgenda(allDayEvents).map((event, index) => {
-                            const eventStart = new Date(
-                              event.start ?? event.attend_date ?? event.end ?? Date.now()
-                            );
-                            const eventEnd = new Date(
-                              event.end ?? event.attend_date ?? event.start ?? Date.now()
-                            );
+                            const eventStart = getEventStartDate(event) ?? getEventEndDate(event) ?? /* @__PURE__ */ new Date();
+                            const eventEnd = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
                             const isFirstDay = isSameDay10(day, eventStart);
                             const isLastDay = isSameDay10(day, eventEnd);
                             const isHidden = isMounted && visibleCount && index >= visibleCount;
@@ -17153,12 +17117,9 @@ function MonthViewAgenda({
                                       isLastDay,
                                       onClick: (e) => handleEventClick(event, e),
                                       view: "month",
-                                      children: /* @__PURE__ */ jsxs72("div", { "aria-hidden": true, className: "invisible", children: [
-                                        !event.allDay && /* @__PURE__ */ jsxs72("span", { children: [
-                                          format15(eventStart, "HH:mm"),
-                                          " "
-                                        ] }),
-                                        event.title
+                                      children: /* @__PURE__ */ jsxs72("div", { className: "flex items-center gap-1 truncate text-[12px] text-foreground", children: [
+                                        /* @__PURE__ */ jsx93("span", { className: "text-[11px] opacity-80", children: "\u2192" }),
+                                        /* @__PURE__ */ jsx93("span", { className: "truncate font-medium", children: event.title })
                                       ] })
                                     }
                                   )
@@ -17174,15 +17135,14 @@ function MonthViewAgenda({
                                 children: /* @__PURE__ */ jsx93(
                                   EventItemAgenda,
                                   {
-                                    className: "cursor-default",
                                     event,
                                     isFirstDay,
                                     isLastDay,
                                     onClick: (e) => handleEventClick(event, e),
                                     view: "month",
-                                    children: /* @__PURE__ */ jsxs72("span", { className: "flex items-center gap-2 truncate", children: [
-                                      !event.allDay && /* @__PURE__ */ jsx93("span", { className: "truncate font-normal opacity-80 sm:text-[11px] bg-white/10 px-2 py-0.5 rounded-full text-[11px]", children: format15(eventStart, "HH:mm") }),
-                                      /* @__PURE__ */ jsx93("span", { className: "truncate font-medium", children: event.title })
+                                    children: /* @__PURE__ */ jsxs72("span", { className: "flex items-center gap-1 sm:gap-2 truncate text-[12px] text-foreground", children: [
+                                      !event.allDay && /* @__PURE__ */ jsx93("span", { className: "truncate font-normal opacity-80 text-[10px] sm:text-[11px] bg-white/10 px-1 py-0.5 rounded-full", children: format15(eventStart, "HH:mm") }),
+                                      /* @__PURE__ */ jsx93("span", { className: "truncate font-medium text-xs sm:text-sm", children: event.title })
                                     ] })
                                   }
                                 )
@@ -17222,12 +17182,8 @@ function MonthViewAgenda({
                                 children: /* @__PURE__ */ jsxs72("div", { className: "space-y-2", children: [
                                   /* @__PURE__ */ jsx93("div", { className: "font-medium text-sm", children: format15(day, "EEE d", { locale: ptBR13 }) }),
                                   /* @__PURE__ */ jsx93("div", { className: "space-y-1", children: sortEventsAgenda(allEvents).map((event) => {
-                                    const eventStart = new Date(
-                                      event.start ?? event.end ?? Date.now()
-                                    );
-                                    const eventEnd = new Date(
-                                      event.end ?? event.start ?? Date.now()
-                                    );
+                                    const eventStart = getEventStartDate(event) ?? getEventEndDate(event) ?? /* @__PURE__ */ new Date();
+                                    const eventEnd = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
                                     const isFirstDay = isSameDay10(day, eventStart);
                                     const isLastDay = isSameDay10(day, eventEnd);
                                     return /* @__PURE__ */ jsx93(
@@ -17257,7 +17213,7 @@ function MonthViewAgenda({
           );
         })
       },
-      `week-${week}`
+      `week-${weekIndex}`
     )) }),
     /* @__PURE__ */ jsx93(
       UndatedEvents,
@@ -17273,7 +17229,7 @@ function MonthViewAgenda({
 
 // src/components/event-calendar-view/WeekView.tsx
 import {
-  addHours as addHours6,
+  addHours as addHours5,
   areIntervalsOverlapping as areIntervalsOverlapping4,
   differenceInMinutes as differenceInMinutes8,
   eachDayOfInterval as eachDayOfInterval4,
@@ -17288,15 +17244,14 @@ import {
   startOfDay as startOfDay4,
   startOfWeek as startOfWeek8
 } from "date-fns";
-import { endOfDay as endOfDay2 } from "date-fns";
 import { ptBR as ptBR14 } from "date-fns/locale";
-import { useMemo as useMemo26 } from "react";
+import { useMemo as useMemo27 } from "react";
 
 // src/components/event-calendar-view/DraggablaEvent.tsx
 import { useDraggable as useDraggable2 } from "@dnd-kit/core";
 import { CSS as CSS2 } from "@dnd-kit/utilities";
 import { differenceInDays as differenceInDays2 } from "date-fns";
-import { useRef as useRef17, useState as useState36 } from "react";
+import { useRef as useRef17, useState as useState37 } from "react";
 import { jsx as jsx94 } from "react/jsx-runtime";
 function DraggableEvent2({
   event,
@@ -17308,13 +17263,14 @@ function DraggableEvent2({
   multiDayWidth,
   isFirstDay = true,
   isLastDay = true,
-  "aria-hidden": ariaHidden
+  "aria-hidden": ariaHidden,
+  draggable = true
 }) {
   const { activeId } = useCalendarDndAgenda();
   const elementRef = useRef17(null);
-  const [dragHandlePosition, setDragHandlePosition] = useState36(null);
-  const eventStart = new Date(event.start ?? Date.now());
-  const eventEnd = new Date(event.end ?? Date.now());
+  const [dragHandlePosition, setDragHandlePosition] = useState37(null);
+  const eventStart = getEventStartDate(event) ?? /* @__PURE__ */ new Date();
+  const eventEnd = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
   const isMultiDayEvent2 = isMultiDay || event.allDay || differenceInDays2(eventEnd, eventStart) >= 1;
   const { attributes, listeners, setNodeRef, transform, isDragging } = useDraggable2({
     data: {
@@ -17327,6 +17283,8 @@ function DraggableEvent2({
       multiDayWidth,
       view
     },
+    // allow callers to disable dragging
+    disabled: !draggable,
     id: `${event.id}-${view}`
   });
   const handleMouseDown = (e) => {
@@ -17404,87 +17362,78 @@ function WeekViewAgenda({
   currentDate,
   events,
   onEventSelect,
-  onEventCreate
+  onEventCreate,
+  showUndatedEvents
 }) {
-  const days = useMemo26(() => {
+  const days = useMemo27(() => {
     const weekStart2 = startOfWeek8(currentDate, { weekStartsOn: 0 });
     const weekEnd = endOfWeek8(currentDate, { weekStartsOn: 0 });
     return eachDayOfInterval4({ end: weekEnd, start: weekStart2 });
   }, [currentDate]);
-  const weekStart = useMemo26(
+  const weekStart = useMemo27(
     () => startOfWeek8(currentDate, { weekStartsOn: 0 }),
     [currentDate]
   );
-  const hours = useMemo26(() => {
+  const hours = useMemo27(() => {
     const dayStart = startOfDay4(currentDate);
     return eachHourOfInterval4({
-      end: addHours6(dayStart, EndHour - 1),
-      start: addHours6(dayStart, StartHour)
+      end: addHours5(dayStart, EndHour - 1),
+      start: addHours5(dayStart, StartHour)
     });
   }, [currentDate]);
-  const allDayEvents = useMemo26(() => {
+  const allDayEvents = useMemo27(() => {
+    const isValidStart = (ev) => {
+      try {
+        if (ev.start == null) return false;
+        const t = ev.start instanceof Date ? ev.start.getTime() : new Date(String(ev.start)).getTime();
+        return !isNaN(t);
+      } catch {
+        return false;
+      }
+    };
     return events.filter((event) => {
+      if (!isValidStart(event)) return false;
       return event.allDay || isMultiDayEventAgenda(event);
     }).filter((event) => {
-      const eventStart = event.start ? new Date(event.start) : void 0;
-      const eventEnd = event.end ? new Date(event.end) : void 0;
+      const eventStart = getEventStartDate(event);
+      const eventEnd = getEventEndDate(event) ?? getEventStartDate(event);
       return days.some((day) => {
         if (eventStart && isSameDay11(day, eventStart)) return true;
         if (eventEnd && isSameDay11(day, eventEnd)) return true;
-        if (eventStart && eventEnd && day > eventStart && day < eventEnd) return true;
+        if (eventStart && eventEnd && day > eventStart && day < eventEnd)
+          return true;
         return false;
       });
     });
   }, [events, days]);
-  const processedDayEvents = useMemo26(() => {
+  const processedDayEvents = useMemo27(() => {
     const result = days.map((day) => {
-      const dayEventsWithIntervals = events.filter((event) => !event.allDay && !isMultiDayEventAgenda(event)).map((event) => {
-        let eventStart = event.start != null ? new Date(event.start) : void 0;
-        let eventEnd = event.end != null ? new Date(event.end) : void 0;
-        if ((!eventStart || !eventEnd) && event.attend_date) {
-          try {
-            const ad = new Date(event.attend_date);
-            const hasTime = ad.getHours() !== 0 || ad.getMinutes() !== 0 || ad.getSeconds() !== 0 || ad.getMilliseconds() !== 0;
-            if (hasTime) {
-              if (!eventStart) eventStart = ad;
-              if (!eventEnd) eventEnd = addHours6(ad, 1);
-            }
-          } catch {
-          }
-        }
-        return { event, eventStart, eventEnd };
-      }).filter(({ eventStart, eventEnd }) => !!eventStart && !!eventEnd).filter(({ eventStart, eventEnd }) => {
-        const dayStart2 = startOfDay4(day);
-        const dayEnd = endOfDay2(day);
-        return areIntervalsOverlapping4(
-          { start: eventStart, end: eventEnd },
-          { start: dayStart2, end: dayEnd }
-        );
+      const dayEvents = events.filter((event) => {
+        if (event.allDay || isMultiDayEventAgenda(event)) return false;
+        if (event.start == null) return false;
+        const eventStart = getEventStartDate(event);
+        const eventEnd = getEventEndDate(event) ?? getEventStartDate(event);
+        return (eventStart ? isSameDay11(day, eventStart) : false) || (eventEnd ? isSameDay11(day, eventEnd) : false) || (eventStart && eventEnd ? eventStart < day && eventEnd > day : false);
       });
-      const sortedEvents = [...dayEventsWithIntervals].sort((a, b) => {
-        const aStart = a.eventStart.getTime();
-        const bStart = b.eventStart.getTime();
+      const sortedEvents = [...dayEvents].sort((a, b) => {
+        const aStart = getEventStartDate(a) ?? getEventEndDate(a) ?? /* @__PURE__ */ new Date();
+        const bStart = getEventStartDate(b) ?? getEventEndDate(b) ?? /* @__PURE__ */ new Date();
+        const aEnd = getEventEndDate(a) ?? getEventStartDate(a) ?? /* @__PURE__ */ new Date();
+        const bEnd = getEventEndDate(b) ?? getEventStartDate(b) ?? /* @__PURE__ */ new Date();
         if (aStart < bStart) return -1;
         if (aStart > bStart) return 1;
-        const aDuration = differenceInMinutes8(
-          a.eventEnd,
-          a.eventStart
-        );
-        const bDuration = differenceInMinutes8(
-          b.eventEnd,
-          b.eventStart
-        );
+        const aDuration = differenceInMinutes8(aEnd, aStart);
+        const bDuration = differenceInMinutes8(bEnd, bStart);
         return bDuration - aDuration;
       });
       const positionedEvents = [];
       const dayStart = startOfDay4(day);
       const columns = [];
-      for (const item of sortedEvents) {
-        const event = item.event;
-        const eventStart = item.eventStart;
-        const eventEnd = item.eventEnd;
+      for (const event of sortedEvents) {
+        const eventStart = getEventStartDate(event) ?? getEventEndDate(event) ?? /* @__PURE__ */ new Date();
+        const eventEnd = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
         const adjustedStart = isSameDay11(day, eventStart) ? eventStart : dayStart;
-        const adjustedEnd = isSameDay11(day, eventEnd) ? eventEnd : addHours6(dayStart, 24);
+        const adjustedEnd = isSameDay11(day, eventEnd) ? eventEnd : addHours5(dayStart, 24);
         const startHour = getHours4(adjustedStart) + getMinutes4(adjustedStart) / 60;
         const endHour = getHours4(adjustedEnd) + getMinutes4(adjustedEnd) / 60;
         const top = (startHour - StartHour) * WeekCellsHeightAgenda;
@@ -17497,12 +17446,14 @@ function WeekViewAgenda({
             columns[columnIndex] = col;
             placed = true;
           } else {
-            const overlaps = col.some(
-              (c) => areIntervalsOverlapping4(
+            const overlaps = col.some((c) => {
+              const cStart = getEventStartDate(c.event) ?? getEventEndDate(c.event) ?? /* @__PURE__ */ new Date();
+              const cEnd = getEventEndDate(c.event) ?? getEventStartDate(c.event) ?? /* @__PURE__ */ new Date();
+              return areIntervalsOverlapping4(
                 { end: adjustedEnd, start: adjustedStart },
-                { end: c.end, start: c.start }
-              )
-            );
+                { end: cEnd, start: cStart }
+              );
+            });
             if (!overlaps) {
               placed = true;
             } else {
@@ -17512,9 +17463,9 @@ function WeekViewAgenda({
         }
         const currentColumn = columns[columnIndex] || [];
         columns[columnIndex] = currentColumn;
-        currentColumn.push({ start: adjustedStart, end: adjustedEnd, event });
-        const width = columnIndex === 0 ? 1 : 0.7;
-        const left = columnIndex === 0 ? 0 : columnIndex * 0.3;
+        currentColumn.push({ end: adjustedEnd, event });
+        const width = columnIndex === 0 ? 1 : 0.9;
+        const left = columnIndex === 0 ? 0 : columnIndex * 0.1;
         positionedEvents.push({
           event,
           height,
@@ -17530,13 +17481,10 @@ function WeekViewAgenda({
   }, [days, events]);
   const handleEventClick = (event, e) => {
     e.stopPropagation();
-    onEventSelect(event);
+    onEventSelect(event, e);
   };
   const showAllDaySection = allDayEvents.length > 0;
-  const { currentTimePosition, currentTimeVisible } = useCurrentTimeIndicatorAgenda(
-    currentDate,
-    "week"
-  );
+  const { currentTimePosition, currentTimeVisible } = useCurrentTimeIndicatorAgenda(currentDate, "week");
   return /* @__PURE__ */ jsxs73("div", { className: "flex h-full flex-col", "data-slot": "week-view", children: [
     /* @__PURE__ */ jsxs73("div", { className: "sticky top-0 z-30 grid grid-cols-8 border-border/70 border-b bg-background", children: [
       /* @__PURE__ */ jsx95("div", { className: "py-2 text-center text-muted-foreground/70 text-sm", children: /* @__PURE__ */ jsx95("span", { className: "max-[479px]:sr-only", children: format16(/* @__PURE__ */ new Date(), "O") }) }),
@@ -17558,11 +17506,11 @@ function WeekViewAgenda({
       ))
     ] }),
     showAllDaySection && /* @__PURE__ */ jsx95("div", { className: "border-border/70 border-b bg-muted/50", children: /* @__PURE__ */ jsxs73("div", { className: "grid grid-cols-8", children: [
-      /* @__PURE__ */ jsx95("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ jsx95("span", { className: "absolute bottom-0 left-0 h-6 w-16 max-w-full pe-2 text-right text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: "All day" }) }),
+      /* @__PURE__ */ jsx95("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ jsx95("span", { className: "absolute bottom-0 left-0 h-6 w-16 max-w-full pe-2 text-right text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: "Todo Dia" }) }),
       days.map((day, dayIndex) => {
         const dayAllDayEvents = allDayEvents.filter((event) => {
-          const eventStart = event.start ? new Date(event.start) : void 0;
-          const eventEnd = event.end ? new Date(event.end) : void 0;
+          const eventStart = getEventStartDate(event);
+          const eventEnd = getEventEndDate(event) ?? getEventStartDate(event);
           if (!eventStart && !eventEnd) return false;
           return eventStart && isSameDay11(day, eventStart) || eventStart && eventEnd && day > eventStart && day < eventEnd || eventEnd && isSameDay11(day, eventEnd);
         });
@@ -17572,8 +17520,8 @@ function WeekViewAgenda({
             className: "relative border-border/70 border-r p-1 last:border-r-0",
             "data-today": isToday6(day) || void 0,
             children: dayAllDayEvents.map((event) => {
-              const eventStart = event.start ? new Date(event.start) : void 0;
-              const eventEnd = event.end ? new Date(event.end) : void 0;
+              const eventStart = getEventStartDate(event);
+              const eventEnd = getEventEndDate(event) ?? getEventStartDate(event);
               const isFirstDay = eventStart ? isSameDay11(day, eventStart) : false;
               const isLastDay = eventEnd ? isSameDay11(day, eventEnd) : false;
               const isFirstVisibleDay = eventStart ? dayIndex === 0 && isBefore3(eventStart, weekStart) : false;
@@ -17639,6 +17587,7 @@ function WeekViewAgenda({
                     event: positionedEvent.event,
                     height: positionedEvent.height,
                     onClick: (e) => handleEventClick(positionedEvent.event, e),
+                    draggable: false,
                     showTime: true,
                     view: "week"
                   }
@@ -17696,23 +17645,32 @@ function WeekViewAgenda({
         },
         day.toString()
       ))
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx95(
+      UndatedEvents,
+      {
+        events,
+        onEventSelect,
+        show: showUndatedEvents,
+        className: "my-"
+      }
+    )
   ] });
 }
 
 // src/components/ui/data/Banner.tsx
 import { RocketIcon, XIcon as XIcon13 } from "@phosphor-icons/react";
-import React45, { useState as useState37 } from "react";
+import React47, { useState as useState38 } from "react";
 import { jsx as jsx96, jsxs as jsxs74 } from "react/jsx-runtime";
 
 // src/hooks/use-drag.tsx
-import { useState as useState38, useCallback as useCallback17, useRef as useRef18, useEffect as useEffect29 } from "react";
+import { useState as useState39, useCallback as useCallback16, useRef as useRef18, useEffect as useEffect29 } from "react";
 var useDrag = (options = {}) => {
-  const [isDragging, setIsDragging] = useState38(null);
-  const [positions, setPositions] = useState38({});
+  const [isDragging, setIsDragging] = useState39(null);
+  const [positions, setPositions] = useState39({});
   const dragStartPos = useRef18(null);
   const dragId = useRef18(null);
-  const handleMouseDown = useCallback17((id, e) => {
+  const handleMouseDown = useCallback16((id, e) => {
     e.preventDefault();
     const currentPosition = positions[id] || { top: 0, left: 0 };
     dragStartPos.current = {
@@ -17725,7 +17683,7 @@ var useDrag = (options = {}) => {
     setIsDragging(id);
     options.onDragStart?.(id);
   }, [positions, options]);
-  const handleMouseMove = useCallback17((e) => {
+  const handleMouseMove = useCallback16((e) => {
     if (!isDragging || !dragStartPos.current || !dragId.current) return;
     const deltaX = e.clientX - dragStartPos.current.x;
     const deltaY = e.clientY - dragStartPos.current.y;
@@ -17741,7 +17699,7 @@ var useDrag = (options = {}) => {
     }));
     options.onDrag?.(dragId.current, newPosition);
   }, [isDragging, options]);
-  const handleMouseUp = useCallback17(() => {
+  const handleMouseUp = useCallback16(() => {
     if (dragId.current) {
       options.onDragEnd?.(dragId.current);
     }
@@ -17761,16 +17719,16 @@ var useDrag = (options = {}) => {
       };
     }
   }, [isDragging, handleMouseMove, handleMouseUp]);
-  const setPosition = useCallback17((id, position) => {
+  const setPosition = useCallback16((id, position) => {
     setPositions((prev) => ({
       ...prev,
       [id]: position
     }));
   }, []);
-  const getPosition = useCallback17((id) => {
+  const getPosition = useCallback16((id) => {
     return positions[id] || { top: 0, left: 0 };
   }, [positions]);
-  const isElementDragging = useCallback17((id) => {
+  const isElementDragging = useCallback16((id) => {
     return isDragging === id;
   }, [isDragging]);
   return {
@@ -18083,6 +18041,7 @@ export {
   WeekViewAgenda,
   addHoursToDate,
   addHoursToDateAgenda,
+  addMinutesToDateAgenda,
   badgeVariants,
   buttonVariantsBase,
   compactTick,
@@ -18102,6 +18061,8 @@ export {
   getDateByType,
   getEventColorClasses,
   getEventColorClassesAgenda,
+  getEventEndDate,
+  getEventStartDate,
   getEventsForDay,
   getEventsForDayAgenda,
   getSpanningEventsForDay,