@mlw-packages/react-components 1.9.15 → 1.10.0

package/dist/index.js

@@ -696,7 +696,7 @@ var DialogContentBase = React32__namespace.forwardRef(
           onWheel: userOnWheel,
           children: [
             children,
-            /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-3 top-3 sm:right-4 sm:top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground z-10 touch-manipulation", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-3 top-3 sm:right-4 sm:top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-n\n          0 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground z-10 touch-manipulation", children: [
               /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { className: "h-6 w-6 sm:h-4 sm:w-4 hover:text-red-500 font-extrabold" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
             ] })
@@ -1214,6 +1214,8 @@ var Toaster = ({ testId, ...props }) => {
       className: "toaster group",
       position: "top-center",
       duration: 4e3,
+      swipeDirections: ["top", "bottom", "left", "right"],
+      closeButton: true,
       toastOptions: {
         style: {
           backdropFilter: "blur(8px)",
@@ -1227,9 +1229,8 @@ var Toaster = ({ testId, ...props }) => {
             shadow-xl rounded-lg
             border-l-4
 
-            flex items-center gap-3
+            flex items-center gap-3 pr-10
             transition-all duration-300
-            hover:scale-[1.02] hover:shadow-2xl
             data-[type=success]:border-l-green-500 data-[type=success]:bg-green-50/95 data-[type=success]:text-green-800 data-[type=success]:border-green-500 data-
             data-[type=error]:border-l-red-500 data-[type=error]:bg-red-50/95 data-[type=error]:text-red-800 data-[type=error]:border-red-500
             data-[type=warning]:border-l-yellow-500 data-[type=warning]:bg-yellow-50/95 data-[type=warning]:text-yellow-800 data-[type=warning]:border-yellow-500
@@ -1255,6 +1256,13 @@ var Toaster = ({ testId, ...props }) => {
             hover:bg-neutral-200 hover:scale-105
             transition-all duration-200
             active:scale-95
+          `,
+          closeButton: `
+            !bg-transparent hover:!bg-black/5 dark:hover:!bg-white/10
+            !border-0 !text-neutral-400 hover:!text-neutral-900 dark:hover:!text-neutral-100
+            transition-all duration-200 !left-[auto] !right-3 !top-1/2 !-translate-y-1/2
+            !w-7 !h-7 !rounded-lg flex items-center justify-center
+            active:scale-95 
           `
         }
       },
@@ -2050,7 +2058,7 @@ var CommandDebouncedInputBase = React32__namespace.forwardRef(
   }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: "flex items-center px-3 border-border border-b",
+      className: "flex items-center px-3 border-border border-b focus:ring-0",
       "cmdk-input-wrapper": "",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(react.MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
@@ -7483,15 +7491,15 @@ function isValid12Hour(value) {
 function isValidMinuteOrSecond(value) {
   return /^[0-5][0-9]$/.test(value);
 }
-function getValidNumber(value, { max, min = 0, loop = false }) {
+function getValidNumber(value, { max: max2, min: min2 = 0, loop = false }) {
   let numericValue = parseInt(value, 10);
   if (!isNaN(numericValue)) {
     if (!loop) {
-      if (numericValue > max) numericValue = max;
-      if (numericValue < min) numericValue = min;
+      if (numericValue > max2) numericValue = max2;
+      if (numericValue < min2) numericValue = min2;
     } else {
-      if (numericValue > max) numericValue = min;
-      if (numericValue < min) numericValue = max;
+      if (numericValue > max2) numericValue = min2;
+      if (numericValue < min2) numericValue = max2;
     }
     return numericValue.toString().padStart(2, "0");
   }
@@ -7509,11 +7517,11 @@ function getValidMinuteOrSecond(value) {
   if (isValidMinuteOrSecond(value)) return value;
   return getValidNumber(value, { max: 59 });
 }
-function getValidArrowNumber(value, { min, max, step }) {
+function getValidArrowNumber(value, { min: min2, max: max2, step }) {
   let numericValue = parseInt(value, 10);
   if (!isNaN(numericValue)) {
     numericValue += step;
-    return getValidNumber(String(numericValue), { min, max, loop: true });
+    return getValidNumber(String(numericValue), { min: min2, max: max2, loop: true });
   }
   return "00";
 }
@@ -7624,19 +7632,19 @@ function visualForItem(item, value) {
 var ITEM_HEIGHT = 38.5;
 var VISIBLE_ITEMS = 5;
 var CENTER_INDEX = Math.floor(VISIBLE_ITEMS / 2);
-function getItems(max, step = 1) {
-  return Array.from({ length: Math.ceil(max / step) }, (_, i) => i * step);
+function getItems(max2, step = 1) {
+  return Array.from({ length: Math.ceil(max2 / step) }, (_, i) => i * step);
 }
 
 // src/components/ui/picker/hooks/useScrollColumn.tsx
 function useScrollColumn({
   value,
   onChange,
-  max,
+  max: max2,
   step = 1
 }) {
   const containerRef = React32.useRef(null);
-  const items = getItems(max, step);
+  const items = getItems(max2, step);
   const scrollTimeoutRef = React32.useRef(null);
   const isScrollingRef = React32.useRef(false);
   const [isDragging, setIsDragging] = React32.useState(false);
@@ -7704,7 +7712,7 @@ function useScrollColumn({
 function ScrollColumn({
   value,
   onChange,
-  max,
+  max: max2,
   label,
   step = 1
 }) {
@@ -7719,7 +7727,7 @@ function ScrollColumn({
     handleMouseMove,
     handleMouseUp,
     isDragging
-  } = useScrollColumn({ value, onChange, max, step });
+  } = useScrollColumn({ value, onChange, max: max2, step });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground rounded-md font-semibold text-sm text-center pb-2 uppercase tracking-wider", children: label }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative w-20"), children: [
@@ -8731,7 +8739,7 @@ function Agenda({
               "span",
               {
                 className: tailwindMerge.twMerge(
-                  "-top-3 absolute left-0 flex h-6 items-center bg-background pe-4  data-today:font-extrabold sm:pe-4 text-sm sm:text-md md:text-md font-bold min-w-0",
+                  "-top-3 absolute left-0 flex h-6 items-center bg-background pe-2 data-today:font-extrabold sm:pe-4 text-xs sm:text-sm md:text-base font-bold min-w-0",
                   dateFns.isToday(day) ? "text-blue-500" : ""
                 ),
                 "data-today": dateFns.isToday(day) || void 0,
@@ -9018,19 +9026,39 @@ function getEventColorClassesAgenda(color) {
   const eventColor = color || "sky";
   switch (eventColor) {
     case "sky":
-      return "bg-sky-100 hover:bg-sky-200 text-sky-900 border dark:bg-sky-500/30 dark:hover:bg-sky-500/40 dark:text-sky-50 dark:border-sky-400/40 shadow-sky-500/15  hover:shadow-sky-500/25 transition-all duration-200";
+      return "bg-sky-100 hover:bg-sky-200/80 text-sky-900 border border-sky-200/70 dark:bg-sky-500/25 dark:hover:bg-sky-500/35 dark:text-sky-50 dark:border-sky-400/30 transition-colors duration-150";
     case "amber":
-      return "bg-amber-100 hover:bg-amber-200 text-amber-900 border dark:bg-amber-500/30 dark:hover:bg-amber-500/40 dark:text-amber-50 dark:border-amber-400/40 shadow-amber-500/15  hover:shadow-amber-500/25 transition-all duration-200";
+      return "bg-amber-100 hover:bg-amber-200/80 text-amber-900 border border-amber-200/70 dark:bg-amber-500/25 dark:hover:bg-amber-500/35 dark:text-amber-50 dark:border-amber-400/30 transition-colors duration-150";
     case "violet":
-      return "bg-violet-100 hover:bg-violet-200 text-violet-900 border dark:bg-violet-500/30 dark:hover:bg-violet-500/40 dark:text-violet-50 dark:border-violet-400/40 shadow-violet-500/15  hover:shadow-violet-500/25 transition-all duration-200";
+      return "bg-violet-100 hover:bg-violet-200/80 text-violet-900 border border-violet-200/70 dark:bg-violet-500/25 dark:hover:bg-violet-500/35 dark:text-violet-50 dark:border-violet-400/30 transition-colors duration-150";
     case "rose":
-      return "bg-rose-100 hover:bg-rose-200 text-rose-900 border dark:bg-rose-500/30 dark:hover:bg-rose-500/40 dark:text-rose-50 dark:border-rose-400/40  shadow-rose-500/15  hover:shadow-rose-500/25 transition-all duration-200";
+      return "bg-rose-100 hover:bg-rose-200/80 text-rose-900 border border-rose-200/70 dark:bg-rose-500/25 dark:hover:bg-rose-500/35 dark:text-rose-50 dark:border-rose-400/30 transition-colors duration-150";
     case "emerald":
-      return "bg-emerald-100 hover:bg-emerald-200 text-emerald-900 border dark:bg-emerald-500/30 dark:hover:bg-emerald-500/40 dark:text-emerald-50 dark:border-emerald-400/40  shadow-emerald-500/15  hover:shadow-emerald-500/25 transition-all duration-200";
+      return "bg-emerald-100 hover:bg-emerald-200/80 text-emerald-900 border border-emerald-200/70 dark:bg-emerald-500/25 dark:hover:bg-emerald-500/35 dark:text-emerald-50 dark:border-emerald-400/30 transition-colors duration-150";
     case "orange":
-      return "bg-orange-100 hover:bg-orange-200 text-orange-900 border dark:bg-orange-500/30 dark:hover:bg-orange-500/40 dark:text-orange-50 dark:border-orange-400/40  shadow-orange-500/15  hover:shadow-orange-500/25 transition-all duration-200";
+      return "bg-orange-100 hover:bg-orange-200/80 text-orange-900 border border-orange-200/70 dark:bg-orange-500/25 dark:hover:bg-orange-500/35 dark:text-orange-50 dark:border-orange-400/30 transition-colors duration-150";
+    case "green":
+      return "bg-green-100 hover:bg-green-200/80 text-green-900 border border-green-200/70 dark:bg-green-500/25 dark:hover:bg-green-500/35 dark:text-green-50 dark:border-green-400/30 transition-colors duration-150";
+    case "blue":
+      return "bg-blue-100 hover:bg-blue-200/80 text-blue-900 border border-blue-200/70 dark:bg-blue-500/25 dark:hover:bg-blue-500/35 dark:text-blue-50 dark:border-blue-400/30 transition-colors duration-150";
+    case "red":
+      return "bg-red-100 hover:bg-red-200/80 text-red-900 border border-red-200/70 dark:bg-red-500/25 dark:hover:bg-red-500/35 dark:text-red-50 dark:border-red-400/30 transition-colors duration-150";
+    case "purple":
+      return "bg-purple-100 hover:bg-purple-200/80 text-purple-900 border border-purple-200/70 dark:bg-purple-500/25 dark:hover:bg-purple-500/35 dark:text-purple-50 dark:border-purple-400/30 transition-colors duration-150";
+    case "indigo":
+      return "bg-indigo-100 hover:bg-indigo-200/80 text-indigo-900 border border-indigo-200/70 dark:bg-indigo-500/25 dark:hover:bg-indigo-500/35 dark:text-indigo-50 dark:border-indigo-400/30 transition-colors duration-150";
+    case "teal":
+      return "bg-teal-100 hover:bg-teal-200/80 text-teal-900 border border-teal-200/70 dark:bg-teal-500/25 dark:hover:bg-teal-500/35 dark:text-teal-50 dark:border-teal-400/30 transition-colors duration-150";
+    case "pink":
+      return "bg-pink-100 hover:bg-pink-200/80 text-pink-900 border border-pink-200/70 dark:bg-pink-500/25 dark:hover:bg-pink-500/35 dark:text-pink-50 dark:border-pink-400/30 transition-colors duration-150";
+    case "cyan":
+      return "bg-cyan-100 hover:bg-cyan-200/80 text-cyan-900 border border-cyan-200/70 dark:bg-cyan-500/25 dark:hover:bg-cyan-500/35 dark:text-cyan-50 dark:border-cyan-400/30 transition-colors duration-150";
+    case "lime":
+      return "bg-lime-100 hover:bg-lime-200/80 text-lime-900 border border-lime-200/70 dark:bg-lime-500/25 dark:hover:bg-lime-500/35 dark:text-lime-50 dark:border-lime-400/30 transition-colors duration-150";
+    case "fuchsia":
+      return "bg-fuchsia-100 hover:bg-fuchsia-200/80 text-fuchsia-900 border border-fuchsia-200/70 dark:bg-fuchsia-500/25 dark:hover:bg-fuchsia-500/35 dark:text-fuchsia-50 dark:border-fuchsia-400/30 transition-colors duration-150";
     default:
-      return "bg-sky-100 hover:bg-sky-200 text-sky-900 border dark:bg-sky-500/30 dark:hover:bg-sky-500/40 dark:text-sky-50 dark:border-sky-400/40  shadow-sky-500/15  hover:shadow-sky-500/25 transition-all duration-200";
+      return "bg-sky-100 hover:bg-sky-200/80 text-sky-900 border border-sky-200/70 dark:bg-sky-500/25 dark:hover:bg-sky-500/35 dark:text-sky-50 dark:border-sky-400/30 transition-colors duration-150";
   }
 }
 function getBorderRadiusClassesAgenda(isFirstDay, isLastDay) {
@@ -9101,6 +9129,9 @@ function getEventEndDate(event) {
   if (start && typeof event.duration === "number" && !isNaN(event.duration)) {
     return addMinutesToDateAgenda(start, event.duration);
   }
+  if (start && !event.allDay) {
+    return addMinutesToDateAgenda(start, 60);
+  }
   return void 0;
 }
 function isValidDate(d) {
@@ -9210,7 +9241,7 @@ function EventWrapper({
     "button",
     {
       className: cn(
-        "flex w-full select-none 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 ",
+        "flex w-full select-none text-left font-medium outline-none transition-colors 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 rounded-lg border",
         className?.includes("overflow-visible") ? "" : "overflow-hidden",
         colorClasses,
         getBorderRadiusClassesAgenda(isFirstDay, isLastDay),
@@ -9243,7 +9274,8 @@ function EventItemAgenda({
   dndAttributes,
   onMouseDown,
   onTouchStart,
-  agendaOnly = false
+  agendaOnly = false,
+  totalCols = 1
 }) {
   const eventColor = event.color;
   const startDate = getEventStartDate(event);
@@ -9301,7 +9333,7 @@ function EventItemAgenda({
       EventWrapper,
       {
         className: cn(
-          "mt-[var(--event-gap)] h-[var(--event-height)] items-center sm:text-xs",
+          "mt-[var(--event-gap)] h-[var(--event-height)] items-center px-1.5 sm:px-3 py-1 sm:text-xs",
           className
         ),
         currentTime,
@@ -9329,13 +9361,58 @@ function EventItemAgenda({
     );
   }
   if (view === "week" || view === "day") {
+    const isCompact = durationMinutes < 45;
+    const isDay = view === "day";
+    const tier = isDay ? 1 : totalCols >= 5 ? 3 : totalCols >= 3 ? 2 : 1;
+    if (tier === 3) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: cn(
+            "h-full w-full rounded border overflow-hidden cursor-pointer",
+            colorClasses,
+            className
+          ),
+          onClick,
+          onMouseDown,
+          onTouchStart,
+          "aria-label": ariaLabel,
+          ...dndListeners,
+          ...dndAttributes
+        }
+      );
+    }
+    if (tier === 2) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        EventWrapper,
+        {
+          className: cn(
+            "h-full px-1 py-0.5 overflow-hidden text-[9px]",
+            isCompact ? "flex-row items-center" : "flex-col items-start",
+            className
+          ),
+          currentTime,
+          dndAttributes,
+          dndListeners,
+          event,
+          ariaLabel,
+          isFirstDay,
+          isLastDay,
+          onClick,
+          onMouseDown,
+          onTouchStart,
+          children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold leading-none truncate w-full block", children: event.title })
+        }
+      );
+    }
     return /* @__PURE__ */ jsxRuntime.jsx(
       EventWrapper,
       {
         className: cn(
-          "py-1",
-          durationMinutes < 45 ? "items-center" : "flex-col",
-          view === "week" ? "text-[10px] sm:text-xs" : "text-xs",
+          "h-full py-0.5 px-1.5 overflow-hidden",
+          isCompact ? "items-center flex-row" : "flex-col items-start",
+          isDay ? "text-xs" : "text-[10px]",
           className
         ),
         currentTime,
@@ -9346,26 +9423,14 @@ function EventItemAgenda({
         isFirstDay,
         isLastDay,
         onClick,
-        children: durationMinutes < 45 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between w-full", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cn("truncate text-sm sm:text-base md:text-lg min-w-0"),
-              children: event.title
-            }
-          ),
-          showTime && hasValidTime && displayStart && /* @__PURE__ */ jsxRuntime.jsx("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: formatTimeWithOptionalMinutes(displayStart) })
-        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cn(
-                "truncate font-medium text-sm sm:text-base md:text-lg min-w-0"
-              ),
-              children: event.title
-            }
-          ),
-          showTime && hasValidTime && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate font-normal opacity-70 text-sm sm:text-base", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block bg-white/5 px-0.5 py-0.5 rounded-full", children: getEventTime() }) })
+        onMouseDown,
+        onTouchStart,
+        children: isCompact ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 w-full min-w-0 overflow-hidden", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-semibold leading-none min-w-0", children: event.title }),
+          showTime && hasValidTime && displayStart && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 opacity-75 leading-none", children: formatTimeWithOptionalMinutes(displayStart) })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 w-full min-w-0 overflow-hidden h-full", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold leading-snug truncate", children: event.title }),
+          showTime && hasValidTime && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-75 leading-none truncate", children: getEventTime() })
         ] })
       }
     );
@@ -9537,7 +9602,6 @@ function DayViewAgenda({
     });
   }, [dayEvents]);
   const positionedEvents = React32.useMemo(() => {
-    const result = [];
     const dayStart = dateFns.startOfDay(currentDate);
     const sortedEvents = [...timeEvents].sort((a, b) => {
       const aStart = getEventStartDate(a) ?? getEventEndDate(a) ?? /* @__PURE__ */ new Date();
@@ -9551,57 +9615,69 @@ function DayViewAgenda({
       return bDuration - aDuration;
     });
     const columns = [];
+    const layouts = [];
     for (const event of sortedEvents) {
       const eventStart = getEventStartDate(event) ?? getEventEndDate(event) ?? /* @__PURE__ */ new Date();
-      const eventEnd = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
+      const rawEnd = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
+      const eventEnd = rawEnd <= eventStart ? new Date(eventStart.getTime() + 30 * 60 * 1e3) : rawEnd;
       const adjustedStart = dateFns.isSameDay(currentDate, eventStart) ? eventStart : dayStart;
       const adjustedEnd = dateFns.isSameDay(currentDate, eventEnd) ? eventEnd : dateFns.addHours(dayStart, 24);
       const startHour = dateFns.getHours(adjustedStart) + dateFns.getMinutes(adjustedStart) / 60;
       const endHour = dateFns.getHours(adjustedEnd) + dateFns.getMinutes(adjustedEnd) / 60;
       const top = (startHour - StartHourAgenda) * WeekCellsHeightAgenda;
-      const height = (endHour - startHour) * WeekCellsHeightAgenda;
-      let columnIndex = 0;
-      let placed = false;
-      while (!placed) {
-        const col = columns[columnIndex] || [];
-        if (col.length === 0) {
-          columns[columnIndex] = col;
-          placed = true;
-        } else {
-          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 dateFns.areIntervalsOverlapping(
-              { end: adjustedEnd, start: adjustedStart },
-              { end: cEnd, start: cStart }
-            );
-          });
-          if (!overlaps) {
-            placed = true;
-          } else {
-            columnIndex++;
-          }
-        }
+      const height = Math.max(
+        (endHour - startHour) * WeekCellsHeightAgenda,
+        24
+      );
+      let col = 0;
+      while (true) {
+        const colSlots = columns[col] ?? [];
+        const hasConflict = colSlots.some(
+          (slot) => dateFns.areIntervalsOverlapping(
+            { start: adjustedStart, end: adjustedEnd },
+            { start: slot.start, end: slot.end },
+            { inclusive: false }
+          )
+        );
+        if (!hasConflict) break;
+        col++;
       }
-      const currentColumn = columns[columnIndex] || [];
-      columns[columnIndex] = currentColumn;
-      currentColumn.push({
-        end: adjustedEnd,
-        event,
-        start: adjustedStart
-      });
-      const width = columnIndex === 0 ? 1 : 0.9;
-      const left = columnIndex === 0 ? 0 : columnIndex * 0.1;
-      result.push({
+      if (!columns[col]) columns[col] = [];
+      columns[col].push({ start: adjustedStart, end: adjustedEnd });
+      layouts.push({
         event,
-        height,
-        left,
+        adjustedStart,
+        adjustedEnd,
         top,
-        width,
-        zIndex: 10 + columnIndex
+        height,
+        col,
+        totalCols: 0
       });
     }
-    return result;
+    for (const layout of layouts) {
+      let maxCol = layout.col;
+      for (const other of layouts) {
+        if (other === layout) continue;
+        if (dateFns.areIntervalsOverlapping(
+          { start: layout.adjustedStart, end: layout.adjustedEnd },
+          { start: other.adjustedStart, end: other.adjustedEnd },
+          { inclusive: false }
+        )) {
+          maxCol = Math.max(maxCol, other.col);
+        }
+      }
+      layout.totalCols = maxCol + 1;
+    }
+    return layouts.map(
+      ({ event, top, height, col, totalCols }) => ({
+        event,
+        top,
+        height,
+        left: col / totalCols,
+        width: 1 / totalCols,
+        zIndex: 10 + col
+      })
+    );
   }, [currentDate, timeEvents]);
   const handleEventClick = (event, e) => {
     e.stopPropagation();
@@ -9636,7 +9712,7 @@ function DayViewAgenda({
         "div",
         {
           className: "relative h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
-          children: index > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "-top-3 absolute left-0 flex h-6 w-16 max-w-full items-center justify-end bg-background pe-2 text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: dateFns.format(hour, "HH:mm") })
+          children: index > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "-top-3 absolute left-0 flex h-6 w-16 max-w-full items-center justify-end bg-background pe-1 sm:pe-4 text-[9px] sm:text-xs text-muted-foreground/70", children: dateFns.format(hour, "HH:mm") })
         },
         hour.toString()
       )) }),
@@ -10025,25 +10101,25 @@ function EventAgenda({
     return condensed ? entry.short : entry.full;
   };
   const viewTitle = React32.useMemo(() => {
-    const capitalize = (s) => s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
+    const capitalize2 = (s) => s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
     if (view === "month")
-      return capitalize(dateFns.format(currentDate, "MMMM yyyy", { locale: locale.ptBR }));
+      return capitalize2(dateFns.format(currentDate, "MMMM yyyy", { locale: locale.ptBR }));
     if (view === "week") {
       const start = dateFns.startOfWeek(currentDate, { weekStartsOn: 1 });
       const end = dateFns.endOfWeek(currentDate, { weekStartsOn: 1 });
       if (dateFns.isSameMonth(start, end))
-        return capitalize(dateFns.format(start, "MMMM yyyy", { locale: locale.ptBR }));
-      const s1 = capitalize(dateFns.format(start, "MMM", { locale: locale.ptBR }));
-      const s2 = capitalize(dateFns.format(end, "MMM yyyy", { locale: locale.ptBR }));
+        return capitalize2(dateFns.format(start, "MMMM yyyy", { locale: locale.ptBR }));
+      const s1 = capitalize2(dateFns.format(start, "MMM", { locale: locale.ptBR }));
+      const s2 = capitalize2(dateFns.format(end, "MMM yyyy", { locale: locale.ptBR }));
       return `${s1} - ${s2}`;
     }
     if (view === "day")
       return dateFns.format(currentDate, "d 'de' MMMM 'de' yyyy", { locale: locale.ptBR });
     if (view === "agenda") {
       const start = currentDate;
-      return capitalize(dateFns.format(start, "MMMM yyyy", { locale: locale.ptBR }));
+      return capitalize2(dateFns.format(start, "MMMM yyyy", { locale: locale.ptBR }));
     }
-    return capitalize(dateFns.format(currentDate, "MMMM yyyy", { locale: locale.ptBR }));
+    return capitalize2(dateFns.format(currentDate, "MMMM yyyy", { locale: locale.ptBR }));
   }, [currentDate, view]);
   const selectItems = ["month", "week", "day", "agenda"].map((v) => ({
     label: viewLabel(v),
@@ -10230,6 +10306,159 @@ function useEventVisibilityAgenda({
     getVisibleEventCount
   };
 }
+function clampToWeek(date, weekStart, weekEnd) {
+  return dateFns.max([dateFns.min([date, weekEnd]), weekStart]);
+}
+function dayCol(date, weekStart) {
+  const diff = Math.round(
+    (date.getTime() - weekStart.getTime()) / (1e3 * 60 * 60 * 24)
+  );
+  return Math.max(0, Math.min(6, diff));
+}
+function computeMultiDayBars(events, weekDays) {
+  const weekStart = weekDays[0];
+  const weekEnd = weekDays[6];
+  const multiDayEvents = events.filter((ev) => {
+    if (!isMultiDayEventAgenda(ev)) return false;
+    const start = getEventStartDate(ev);
+    const end = getEventEndDate(ev) ?? start;
+    if (!start || !end) return false;
+    return start <= weekEnd && end >= weekStart;
+  });
+  const sorted = [...multiDayEvents].sort((a, b) => {
+    const aS = getEventStartDate(a) ?? /* @__PURE__ */ new Date(0);
+    const bS = getEventStartDate(b) ?? /* @__PURE__ */ new Date(0);
+    const aE = getEventEndDate(a) ?? aS;
+    const bE = getEventEndDate(b) ?? bS;
+    const diff = bE.getTime() - bS.getTime() - (aE.getTime() - aS.getTime());
+    return diff !== 0 ? diff : aS.getTime() - bS.getTime();
+  });
+  const slotOccupancy = [];
+  const bars = [];
+  for (const event of sorted) {
+    const evStart = getEventStartDate(event);
+    const evEnd = getEventEndDate(event) ?? evStart;
+    const cStart = clampToWeek(evStart, weekStart, weekEnd);
+    const cEnd = clampToWeek(evEnd, weekStart, weekEnd);
+    const sc = dayCol(cStart, weekStart);
+    const ec = dayCol(cEnd, weekStart);
+    let slot = 0;
+    for (; ; ) {
+      if (!slotOccupancy[slot]) slotOccupancy[slot] = Array(7).fill(false);
+      let free = true;
+      for (let c = sc; c <= ec; c++) {
+        if (slotOccupancy[slot][c]) {
+          free = false;
+          break;
+        }
+      }
+      if (free) {
+        for (let c = sc; c <= ec; c++) slotOccupancy[slot][c] = true;
+        break;
+      }
+      slot++;
+    }
+    bars.push({
+      event,
+      colStart: sc,
+      colSpan: ec - sc + 1,
+      isFirstDay: dateFns.isSameDay(cStart, evStart),
+      isLastDay: dateFns.isSameDay(cEnd, evEnd),
+      slot
+    });
+  }
+  return bars;
+}
+function formatDuration(event) {
+  const start = getEventStartDate(event);
+  const end = getEventEndDate(event);
+  if (!start) return "";
+  const fmt = (d) => dateFns.format(d, "d 'de' MMM", { locale: locale.ptBR });
+  if (!end || dateFns.isSameDay(start, end)) {
+    return fmt(start) + (event.allDay ? " \xB7 Dia todo" : " \xB7 " + dateFns.format(start, "HH:mm"));
+  }
+  const days = dateFns.differenceInCalendarDays(end, start) + 1;
+  return `${fmt(start)} \u2192 ${fmt(end)} \xB7 ${days} dias`;
+}
+function MultiDayOverlay({
+  bars,
+  weekIndex,
+  hoveredEventId,
+  onHover,
+  onEventSelect
+}) {
+  if (bars.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 pointer-events-none mt-1", children: bars.map((bar) => {
+    const { event, colStart, colSpan, isFirstDay, isLastDay, slot } = bar;
+    const isHovered = hoveredEventId === event.id;
+    const eventStart = getEventStartDate(event) ?? getEventEndDate(event) ?? /* @__PURE__ */ new Date();
+    const continuesFromPrev = !isFirstDay;
+    const continuesToNext = !isLastDay;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      TooltipProviderBase,
+      {
+        delayDuration: 400,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "absolute pointer-events-auto px-1.5",
+              style: {
+                left: continuesFromPrev ? `${colStart / 7 * 100}%` : `calc(${colStart / 7 * 100}% + 3px)`,
+                right: continuesToNext ? `${100 - (colStart + colSpan) / 7 * 100}%` : `calc(${100 - (colStart + colSpan) / 7 * 100}% + 3px)`,
+                top: `calc(34px + ${slot} * (var(--event-height) + var(--event-gap)) + var(--event-gap))`,
+                zIndex: isHovered ? 10 : 1
+              },
+              onMouseEnter: () => onHover(event.id),
+              onMouseLeave: () => onHover(null),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                EventItemAgenda,
+                {
+                  event,
+                  isFirstDay,
+                  isLastDay,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onEventSelect(event, e);
+                  },
+                  view: "month",
+                  className: cn("w-full", isHovered && "[filter:brightness(0.92)]"),
+                  children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-0.5 w-full min-w-0", children: [
+                    continuesFromPrev && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 opacity-50 leading-none mr-0.5 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(react.CaretLeftIcon, { size: 10, weight: "bold" }) }),
+                    !event.allDay && isFirstDay && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-normal opacity-75 text-[10px] bg-white/15 px-1 py-0.5 rounded-full leading-none", children: dateFns.format(eventStart, "HH:mm") }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-[11px] sm:text-xs truncate min-w-0 leading-none flex-1", children: event.title }),
+                    isFirstDay && (() => {
+                      const evStart = getEventStartDate(event);
+                      const evEnd = getEventEndDate(event);
+                      if (!evStart || !evEnd) return null;
+                      const totalDays = dateFns.differenceInCalendarDays(evEnd, evStart) + 1;
+                      if (totalDays < 2) return null;
+                      return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 font-bold leading-none text-[10px] opacity-55 ml-0.5", children: [
+                        totalDays,
+                        "d"
+                      ] });
+                    })(),
+                    continuesToNext && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 opacity-50 leading-none ml-0.5 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(react.CaretRightIcon, { size: 10, weight: "bold" }) })
+                  ] })
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(TooltipContentBase, { side: "top", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold truncate max-w-[200px]", children: event.title }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-80 mt-0.5 leading-snug", children: formatDuration(event) }),
+            event.location && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "opacity-60 mt-0.5 truncate text-[11px] max-w-[200px]", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(react.MapPinIcon, { size: 15 }),
+              " ",
+              event.location
+            ] })
+          ] })
+        ] })
+      },
+      `bar-${event.id}-w${weekIndex}`
+    );
+  }) });
+}
 function MonthViewAgenda({
   currentDate,
   events,
@@ -10243,13 +10472,14 @@ function MonthViewAgenda({
     const calendarEnd = dateFns.endOfWeek(monthEnd, { weekStartsOn: 0 });
     return dateFns.eachDayOfInterval({ end: calendarEnd, start: calendarStart });
   }, [currentDate]);
-  const weekdays = React32.useMemo(() => {
-    return Array.from({ length: 7 }).map((_, i) => {
+  const weekdays = React32.useMemo(
+    () => Array.from({ length: 7 }).map((_, i) => {
       const date = dateFns.addDays(dateFns.startOfWeek(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
       const short = dateFns.format(date, "EEE", { locale: locale.ptBR });
       return short.charAt(0).toUpperCase() + short.slice(1);
-    });
-  }, []);
+    }),
+    []
+  );
   const weeks = React32.useMemo(() => {
     const result = [];
     let week = [];
@@ -10262,11 +10492,24 @@ function MonthViewAgenda({
     }
     return result;
   }, [days]);
-  const handleEventClick = (event, e) => {
-    e.stopPropagation();
-    onEventSelect(event, e);
-  };
+  const todayColIndex = React32.useMemo(() => (/* @__PURE__ */ new Date()).getDay(), []);
   const [isMounted, setIsMounted] = React32.useState(false);
+  const [hoveredEventId, setHoveredEventId] = React32.useState(null);
+  const hoverLeaveTimerRef = React32.useRef(null);
+  const handleHover = React32.useCallback((id) => {
+    if (id !== null) {
+      if (hoverLeaveTimerRef.current) {
+        clearTimeout(hoverLeaveTimerRef.current);
+        hoverLeaveTimerRef.current = null;
+      }
+      setHoveredEventId(id);
+    } else {
+      hoverLeaveTimerRef.current = setTimeout(() => {
+        setHoveredEventId(null);
+        hoverLeaveTimerRef.current = null;
+      }, 150);
+    }
+  }, []);
   const { contentRef, getVisibleEventCount } = useEventVisibilityAgenda({
     eventGap: EventGapAgenda,
     eventHeight: EventHeightAgenda
@@ -10274,202 +10517,221 @@ function MonthViewAgenda({
   React32.useEffect(() => {
     setIsMounted(true);
   }, []);
+  const eventsWithStart = React32.useMemo(
+    () => 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;
+      }
+    }),
+    [events]
+  );
+  const handleEventClick = (event, e) => {
+    e.stopPropagation();
+    onEventSelect(event, e);
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "contents", "data-slot": "month-view", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 border-border/70 border-b", children: weekdays.map((day) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: "py-1 px-1 text-center text-muted-foreground/70 text-xs uppercase sm:tracking-wide bg-muted/5 leading-none",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: day }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline sm:hidden", children: day.charAt(0) })
-        ]
-      },
-      day
-    )) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid flex-1 auto-rows-fr", children: weeks.map((week, weekIndex) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: "grid grid-cols-7 [&:last-child>*]:border-b-0",
-        children: week.map((day, dayIndex) => {
-          if (!day) return null;
-          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 = dateFns.isSameMonth(day, currentDate);
-          const cellId = `month-cell-${day.toISOString()}`;
-          const allDayEvents = [...spanningEvents, ...dayEvents];
-          const allEvents = getAllEventsForDayAgenda(events, day);
-          const isReferenceCell = weekIndex === 0 && dayIndex === 0;
-          const visibleCount = isMounted ? getVisibleEventCount(allDayEvents.length) : void 0;
-          const hasMore = visibleCount !== void 0 && allDayEvents.length > visibleCount;
-          const remainingCount = hasMore ? allDayEvents.length - visibleCount : 0;
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "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-1 sm:p-2",
-              "data-outside-cell": !isCurrentMonth || void 0,
-              "data-today": dateFns.isToday(day) || void 0,
-              children: /* @__PURE__ */ jsxRuntime.jsxs(
-                DroppableCellAgenda,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 border-border/70 border-b", children: weekdays.map((day, i) => {
+      const isTodayCol = i === todayColIndex;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "py-1.5 px-1 text-center text-xs uppercase sm:tracking-wide leading-none transition-colors",
+            isTodayCol ? "bg-blue-50 dark:bg-blue-950/30 text-blue-600 dark:text-blue-400 font-bold" : "bg-muted/5 text-muted-foreground/70"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: day }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline sm:hidden", children: day.charAt(0) })
+          ]
+        },
+        day
+      );
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid flex-1 auto-rows-fr", children: weeks.map((week, weekIndex) => {
+      const multiDayBars = computeMultiDayBars(eventsWithStart, week);
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "grid grid-cols-7 [&:last-child>*]:border-b-0 relative p-0",
+          children: [
+            week.map((day, dayIndex) => {
+              if (!day) return null;
+              const isTodayCell = dateFns.isToday(day);
+              const isTodayCol = dayIndex === todayColIndex;
+              const isCurrentMonth = dateFns.isSameMonth(day, currentDate);
+              const cellId = `month-cell-${day.toISOString()}`;
+              const dayEvents = getEventsForDayAgenda(eventsWithStart, day);
+              const spanningEvents = getSpanningEventsForDayAgenda(
+                eventsWithStart,
+                day
+              );
+              const allDayEvents = [...spanningEvents, ...dayEvents];
+              const allEvents = getAllEventsForDayAgenda(events, day);
+              const isReferenceCell = weekIndex === 0 && dayIndex === 0;
+              const dayBars = multiDayBars.filter(
+                (b) => dayIndex >= b.colStart && dayIndex < b.colStart + b.colSpan
+              );
+              const dayMaxSlot = dayBars.length > 0 ? Math.max(...dayBars.map((b) => b.slot)) : -1;
+              const dayMultiDayRowCount = dayMaxSlot + 1;
+              const singleEvents = sortEventsAgenda(allDayEvents).filter(
+                (e) => !isMultiDayEventAgenda(e)
+              );
+              const visibleCount = isMounted ? getVisibleEventCount(
+                singleEvents.length + dayMultiDayRowCount
+              ) : void 0;
+              const visibleAfterMultiday = visibleCount !== void 0 ? Math.max(0, visibleCount - dayMultiDayRowCount) : void 0;
+              const hasMore = visibleAfterMultiday !== void 0 && singleEvents.length > visibleAfterMultiday;
+              const remainingCount = hasMore ? singleEvents.length - (visibleAfterMultiday ?? 0) : 0;
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
                 {
-                  date: day,
-                  id: cellId,
-                  onClick: () => {
-                    const startTime = new Date(day);
-                    startTime.setHours(DefaultStartHourAgenda, 0, 0);
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "div",
-                      {
-                        className: tailwindMerge.twMerge(
-                          `mt-1 inline-flex w-6 h-6 sm:w-7 sm:h-7 items-center justify-center border rounded-md text-xs sm:text-sm font-semibold text-muted-foreground`,
-                          dateFns.isToday(day) ? "bg-blue-500 text-white" : ""
+                  "data-outside-cell": !isCurrentMonth || void 0,
+                  "data-today": isTodayCell || void 0,
+                  className: cn(
+                    "group border-border/70 border-r border-b last:border-r-0 transition-colors py-0.5 relative",
+                    !isCurrentMonth && "bg-muted/20 text-muted-foreground/60",
+                    isTodayCol && isCurrentMonth && !isTodayCell && "bg-blue-50/20 dark:bg-blue-950/10",
+                    isTodayCell && "bg-blue-50/50 dark:bg-blue-950/20",
+                    "hover:bg-muted/5"
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsxs(
+                    DroppableCellAgenda,
+                    {
+                      date: day,
+                      id: cellId,
+                      onClick: () => {
+                        const t = new Date(day);
+                        t.setHours(DefaultStartHourAgenda, 0, 0);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "div",
+                          {
+                            className: tailwindMerge.twMerge(
+                              "mt-1 inline-flex w-6 h-6 sm:w-7 sm:h-7 items-center justify-center rounded-lg text-xs sm:text-sm font-semibold border",
+                              isTodayCell ? "bg-blue-500 text-white border-blue-500 shadow-sm shadow-blue-400/40" : "text-muted-foreground border-transparent"
+                            ),
+                            children: dateFns.format(day, "d")
+                          }
                         ),
-                        children: dateFns.format(day, "d")
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsxs(
-                      "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-0.5 sm:py-1",
-                        ref: isReferenceCell ? contentRef : null,
-                        children: [
-                          sortEventsAgenda(allDayEvents).map((event, index) => {
-                            const eventStart = getEventStartDate(event) ?? getEventEndDate(event) ?? /* @__PURE__ */ new Date();
-                            const eventEnd = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
-                            const isFirstDay = dateFns.isSameDay(day, eventStart);
-                            const isLastDay = dateFns.isSameDay(day, eventEnd);
-                            const isHidden = isMounted && visibleCount && index >= visibleCount;
-                            if (!visibleCount) return null;
-                            if (!isFirstDay) {
-                              return /* @__PURE__ */ jsxRuntime.jsx(
-                                "div",
-                                {
-                                  "aria-hidden": isHidden ? "true" : void 0,
-                                  className: "aria-hidden:hidden",
-                                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                                    EventItemAgenda,
-                                    {
-                                      event,
-                                      isFirstDay,
-                                      isLastDay,
-                                      onClick: (e) => handleEventClick(event, e),
-                                      view: "month",
-                                      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 truncate text-[12px] text-foreground" })
-                                    }
-                                  )
-                                },
-                                `spanning-${event.id}-${day.toISOString().slice(0, 10)}`
-                              );
-                            }
-                            const isMultiDay = !isLastDay;
-                            return /* @__PURE__ */ jsxRuntime.jsx(
-                              "div",
-                              {
-                                "aria-hidden": isHidden ? "true" : void 0,
-                                className: "aria-hidden:hidden relative",
-                                children: /* @__PURE__ */ jsxRuntime.jsx(
-                                  EventItemAgenda,
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          "div",
+                          {
+                            ref: isReferenceCell ? contentRef : null,
+                            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",
+                            children: [
+                              Array.from({ length: dayMultiDayRowCount }).map(
+                                (_, si) => /* @__PURE__ */ jsxRuntime.jsx(
+                                  "div",
                                   {
-                                    event,
-                                    isFirstDay,
-                                    isLastDay,
-                                    onClick: (e) => handleEventClick(event, e),
-                                    view: "month",
-                                    className: isMultiDay ? "overflow-visible" : "",
-                                    children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 sm:gap-2 truncate text-[12px] text-foreground relative z-10", children: [
-                                      !event.allDay && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-normal opacity-80 text-[10px] sm:text-[11px] bg-white/10 px-1 py-0.5 rounded-full", children: dateFns.format(eventStart, "HH:mm") }),
-                                      /* @__PURE__ */ jsxRuntime.jsx(
-                                        "span",
-                                        {
-                                          className: `font-medium text-xs sm:text-sm ${isMultiDay ? "whitespace-nowrap" : "truncate"}`,
-                                          children: event.title
-                                        }
-                                      )
-                                    ] })
-                                  }
+                                    "aria-hidden": "true",
+                                    className: "mt-[var(--event-gap)] h-[var(--event-height)] w-full",
+                                    style: { opacity: 0, pointerEvents: "none" }
+                                  },
+                                  `spacer-${si}`
                                 )
-                              },
-                              event.id
-                            );
-                          }),
-                          hasMore && /* @__PURE__ */ jsxRuntime.jsxs(PopoverBase, { modal: true, children: [
-                            /* @__PURE__ */ jsxRuntime.jsx(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                              "button",
-                              {
-                                className: "mt-[var(--event-gap)] flex h-[var(--event-height)] w-full select-none items-center overflow-hidden px-2 text-left text-[10px] text-muted-foreground outline-none backdrop-blur-md rounded-md transition hover:bg-muted/60 hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 sm:text-xs",
-                                onClick: (e) => e.stopPropagation(),
-                                type: "button",
-                                "aria-label": `Show ${remainingCount} more events on ${dateFns.format(
-                                  day,
-                                  "PPP",
-                                  { locale: locale.ptBR }
-                                )}`,
-                                children: [
-                                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium", children: [
-                                    "+ ",
-                                    remainingCount
-                                  ] }),
-                                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: " more" })
-                                ]
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsxRuntime.jsx(
-                              PopoverContentBase,
-                              {
-                                align: "center",
-                                className: "max-w-52 p-3",
-                                style: {
-                                  "--event-height": `${EventHeightAgenda}px`
-                                },
-                                children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-                                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-sm", children: dateFns.format(day, "EEE d", { locale: locale.ptBR }) }),
-                                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: sortEventsAgenda(allEvents).map((event) => {
-                                    const eventStart = getEventStartDate(event) ?? getEventEndDate(event) ?? /* @__PURE__ */ new Date();
-                                    const eventEnd = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
-                                    const isFirstDay = dateFns.isSameDay(day, eventStart);
-                                    const isLastDay = dateFns.isSameDay(day, eventEnd);
-                                    return /* @__PURE__ */ jsxRuntime.jsx(
+                              ),
+                              singleEvents.map((event, index) => {
+                                if (!isMounted) return null;
+                                const isHidden = visibleAfterMultiday !== void 0 && index >= visibleAfterMultiday;
+                                const eventStart = getEventStartDate(event) ?? getEventEndDate(event) ?? /* @__PURE__ */ new Date();
+                                return /* @__PURE__ */ jsxRuntime.jsx(
+                                  "div",
+                                  {
+                                    "aria-hidden": isHidden ? "true" : void 0,
+                                    className: "aria-hidden:hidden",
+                                    children: /* @__PURE__ */ jsxRuntime.jsx(
                                       EventItemAgenda,
                                       {
                                         event,
-                                        isFirstDay,
-                                        isLastDay,
+                                        isFirstDay: true,
+                                        isLastDay: true,
                                         onClick: (e) => handleEventClick(event, e),
-                                        view: "month"
-                                      },
-                                      event.id
-                                    );
-                                  }) })
-                                ] })
-                              }
-                            )
-                          ] })
-                        ]
-                      }
-                    )
-                  ]
-                }
-              )
-            },
-            day.toString()
-          );
-        })
-      },
-      `week-${weekIndex}`
-    )) }),
+                                        view: "month",
+                                        children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 sm:gap-1.5 truncate text-[11px] relative z-10", children: [
+                                          !event.allDay && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-normal opacity-80 text-[10px] sm:text-[11px] bg-white/10 px-1 py-0.5 rounded-full", children: dateFns.format(eventStart, "HH:mm") }),
+                                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold truncate", children: event.title })
+                                        ] })
+                                      }
+                                    )
+                                  },
+                                  event.id
+                                );
+                              })
+                            ]
+                          }
+                        ),
+                        hasMore && /* @__PURE__ */ jsxRuntime.jsxs(PopoverBase, { modal: true, children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                            "button",
+                            {
+                              type: "button",
+                              onClick: (e) => e.stopPropagation(),
+                              "aria-label": `Mostrar mais ${remainingCount} eventos`,
+                              className: "mt-[var(--event-gap)] flex h-[var(--event-height)] w-full select-none items-center overflow-hidden px-2 text-left text-[10px] text-muted-foreground outline-none rounded-md transition hover:bg-muted/60 hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 sm:text-xs",
+                              children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold", children: [
+                                "+ ",
+                                remainingCount,
+                                " ",
+                                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: "mais" })
+                              ] })
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            PopoverContentBase,
+                            {
+                              align: "center",
+                              className: "max-w-52 p-3",
+                              style: {
+                                "--event-height": `${EventHeightAgenda}px`
+                              },
+                              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+                                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-sm", children: dateFns.format(day, "EEE d", { locale: locale.ptBR }) }),
+                                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: sortEventsAgenda(allEvents).map((event) => {
+                                  const s = getEventStartDate(event) ?? getEventEndDate(event) ?? /* @__PURE__ */ new Date();
+                                  const e2 = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
+                                  return /* @__PURE__ */ jsxRuntime.jsx(
+                                    EventItemAgenda,
+                                    {
+                                      event,
+                                      isFirstDay: dateFns.isSameDay(day, s),
+                                      isLastDay: dateFns.isSameDay(day, e2),
+                                      onClick: (e) => handleEventClick(event, e),
+                                      view: "month"
+                                    },
+                                    event.id
+                                  );
+                                }) })
+                              ] })
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  )
+                },
+                day.toString()
+              );
+            }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              MultiDayOverlay,
+              {
+                bars: multiDayBars,
+                weekIndex,
+                hoveredEventId,
+                onHover: handleHover,
+                onEventSelect
+              }
+            )
+          ]
+        },
+        `week-${weekIndex}`
+      );
+    }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       UndatedEvents,
       {
@@ -10502,7 +10764,8 @@ function DraggableEvent({
   isFirstDay = true,
   isLastDay = true,
   "aria-hidden": ariaHidden,
-  draggable = true
+  draggable = true,
+  totalCols
 }) {
   const { activeId } = useCalendarDndAgenda();
   const elementRef = React32.useRef(null);
@@ -10587,7 +10850,8 @@ function DraggableEvent({
           onMouseDown: handleMouseDown,
           onTouchStart: handleTouchStart,
           showTime,
-          view
+          view,
+          totalCols
         }
       )
     }
@@ -10601,14 +10865,10 @@ function WeekViewAgenda({
   showUndatedEvents
 }) {
   const days = React32.useMemo(() => {
-    const weekStart2 = dateFns.startOfWeek(currentDate, { weekStartsOn: 0 });
+    const weekStart = dateFns.startOfWeek(currentDate, { weekStartsOn: 0 });
     const weekEnd = dateFns.endOfWeek(currentDate, { weekStartsOn: 0 });
-    return dateFns.eachDayOfInterval({ end: weekEnd, start: weekStart2 });
+    return dateFns.eachDayOfInterval({ end: weekEnd, start: weekStart });
   }, [currentDate]);
-  const weekStart = React32.useMemo(
-    () => dateFns.startOfWeek(currentDate, { weekStartsOn: 0 }),
-    [currentDate]
-  );
   const hours = React32.useMemo(() => {
     const dayStart = dateFns.startOfDay(currentDate);
     return dateFns.eachHourOfInterval({
@@ -10641,6 +10901,25 @@ function WeekViewAgenda({
       });
     });
   }, [events, days]);
+  const trueAllDayEvents = React32.useMemo(
+    () => allDayEvents.filter((e) => e.allDay),
+    [allDayEvents]
+  );
+  const multiDayTimedEvents = React32.useMemo(
+    () => allDayEvents.filter((e) => !e.allDay),
+    [allDayEvents]
+  );
+  const rowH = EventHeightAgenda + EventGapAgenda;
+  const allDayBarData = React32.useMemo(() => {
+    const bars = computeMultiDayBars(trueAllDayEvents, days);
+    const maxSlot = bars.length > 0 ? Math.max(...bars.map((b) => b.slot)) : 0;
+    return { bars, sectionH: (maxSlot + 1) * rowH + EventGapAgenda * 2 };
+  }, [trueAllDayEvents, days, rowH]);
+  const multiDayBarData = React32.useMemo(() => {
+    const bars = computeMultiDayBars(multiDayTimedEvents, days);
+    const maxSlot = bars.length > 0 ? Math.max(...bars.map((b) => b.slot)) : 0;
+    return { bars, sectionH: (maxSlot + 1) * rowH + EventGapAgenda * 2 };
+  }, [multiDayTimedEvents, days, rowH]);
   const processedDayEvents = React32.useMemo(() => {
     const result = days.map((day) => {
       const dayEvents = events.filter((event) => {
@@ -10661,56 +10940,69 @@ function WeekViewAgenda({
         const bDuration = dateFns.differenceInMinutes(bEnd, bStart);
         return bDuration - aDuration;
       });
-      const positionedEvents = [];
       const dayStart = dateFns.startOfDay(day);
       const columns = [];
+      const layouts = [];
       for (const event of sortedEvents) {
         const eventStart = getEventStartDate(event) ?? getEventEndDate(event) ?? /* @__PURE__ */ new Date();
-        const eventEnd = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
+        const rawEnd = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
+        const eventEnd = rawEnd <= eventStart ? new Date(eventStart.getTime() + 30 * 60 * 1e3) : rawEnd;
         const adjustedStart = dateFns.isSameDay(day, eventStart) ? eventStart : dayStart;
         const adjustedEnd = dateFns.isSameDay(day, eventEnd) ? eventEnd : dateFns.addHours(dayStart, 24);
         const startHour = dateFns.getHours(adjustedStart) + dateFns.getMinutes(adjustedStart) / 60;
         const endHour = dateFns.getHours(adjustedEnd) + dateFns.getMinutes(adjustedEnd) / 60;
         const top = (startHour - StartHour) * WeekCellsHeightAgenda;
-        const height = (endHour - startHour) * WeekCellsHeightAgenda;
-        let columnIndex = 0;
-        let placed = false;
-        while (!placed) {
-          const col = columns[columnIndex] || [];
-          if (col.length === 0) {
-            columns[columnIndex] = col;
-            placed = true;
-          } else {
-            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 dateFns.areIntervalsOverlapping(
-                { end: adjustedEnd, start: adjustedStart },
-                { end: cEnd, start: cStart }
-              );
-            });
-            if (!overlaps) {
-              placed = true;
-            } else {
-              columnIndex++;
-            }
-          }
+        const height = Math.max(
+          (endHour - startHour) * WeekCellsHeightAgenda,
+          24
+        );
+        let col = 0;
+        while (true) {
+          const colSlots = columns[col] ?? [];
+          const hasConflict = colSlots.some(
+            (slot) => dateFns.areIntervalsOverlapping(
+              { start: adjustedStart, end: adjustedEnd },
+              { start: slot.start, end: slot.end },
+              { inclusive: false }
+            )
+          );
+          if (!hasConflict) break;
+          col++;
         }
-        const currentColumn = columns[columnIndex] || [];
-        columns[columnIndex] = currentColumn;
-        currentColumn.push({ end: adjustedEnd, event });
-        const width = columnIndex === 0 ? 1 : 0.9;
-        const left = columnIndex === 0 ? 0 : columnIndex * 0.1;
-        positionedEvents.push({
+        if (!columns[col]) columns[col] = [];
+        columns[col].push({ start: adjustedStart, end: adjustedEnd });
+        layouts.push({
           event,
-          height,
-          left,
+          adjustedStart,
+          adjustedEnd,
           top,
-          width,
-          zIndex: 10 + columnIndex
+          height,
+          col,
+          totalCols: 0
         });
       }
-      return positionedEvents;
+      for (const layout of layouts) {
+        let maxCol = layout.col;
+        for (const other of layouts) {
+          if (other === layout) continue;
+          if (dateFns.areIntervalsOverlapping(
+            { start: layout.adjustedStart, end: layout.adjustedEnd },
+            { start: other.adjustedStart, end: other.adjustedEnd },
+            { inclusive: false }
+          )) {
+            maxCol = Math.max(maxCol, other.col);
+          }
+        }
+        layout.totalCols = maxCol + 1;
+      }
+      return layouts.map(({ event, top, height, col, totalCols }) => ({
+        event,
+        top,
+        height,
+        left: col / totalCols,
+        width: 1 / totalCols,
+        zIndex: 10 + col
+      }));
     });
     return result;
   }, [days, events]);
@@ -10720,178 +11012,476 @@ function WeekViewAgenda({
   };
   const showAllDaySection = allDayEvents.length > 0;
   const { currentTimePosition, currentTimeVisible } = useCurrentTimeIndicatorAgenda(currentDate, "week");
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col", "data-slot": "week-view", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 z-30 grid grid-cols-8 border-border/70 border-b bg-background", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2 text-center text-muted-foreground/70 text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-[479px]:sr-only", children: dateFns.format(/* @__PURE__ */ new Date(), "O") }) }),
-      days.map((day) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: "py-2 text-center text-muted-foreground/70 text-sm data-today:font-medium data-today:text-foreground",
-          "data-today": dateFns.isToday(day) || void 0,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": "true", className: "sm:hidden", children: [
-              dateFns.format(day, "EEE", { locale: locale.ptBR })[0],
-              " ",
-              dateFns.format(day, "d", { locale: locale.ptBR })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-sm:hidden", children: dateFns.format(day, "EEE dd", { locale: locale.ptBR }) })
-          ]
-        },
-        day.toString()
-      ))
-    ] }),
-    showAllDaySection && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border/70 border-b bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-8", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ jsxRuntime.jsx("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 = getEventStartDate(event);
-          const eventEnd = getEventEndDate(event) ?? getEventStartDate(event);
-          if (!eventStart && !eventEnd) return false;
-          return eventStart && dateFns.isSameDay(day, eventStart) || eventStart && eventEnd && day > eventStart && day < eventEnd || eventEnd && dateFns.isSameDay(day, eventEnd);
-        });
-        return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col overflow-hidden", "data-slot": "week-view", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-[600px] sm:min-w-full flex flex-col h-full", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 z-30 grid grid-cols-8 border-border/70 border-b bg-background", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2 text-center text-muted-foreground/70 text-[10px] sm:text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-[479px]:sr-only", children: dateFns.format(/* @__PURE__ */ new Date(), "O") }) }),
+        days.map((day) => /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: "relative border-border/70 border-r p-1 last:border-r-0",
+            className: "py-2 text-center text-muted-foreground/70 text-[10px] sm:text-sm data-today:font-medium data-today:text-foreground",
             "data-today": dateFns.isToday(day) || void 0,
-            children: dayAllDayEvents.map((event) => {
-              const eventStart = getEventStartDate(event);
-              const eventEnd = getEventEndDate(event) ?? getEventStartDate(event);
-              const isFirstDay = eventStart ? dateFns.isSameDay(day, eventStart) : false;
-              const isLastDay = eventEnd ? dateFns.isSameDay(day, eventEnd) : false;
-              const isFirstVisibleDay = eventStart ? dayIndex === 0 && dateFns.isBefore(eventStart, weekStart) : false;
-              const shouldShowTitle = isFirstDay || isFirstVisibleDay;
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                EventItemAgenda,
-                {
-                  event,
-                  isFirstDay,
-                  isLastDay,
-                  onClick: (e) => handleEventClick(event, e),
-                  view: "month",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      "aria-hidden": !shouldShowTitle,
-                      className: cn(
-                        "truncate",
-                        !shouldShowTitle && "invisible"
-                      ),
-                      children: event.title
-                    }
-                  )
-                },
-                `spanning-${event.id}`
-              );
-            })
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": "true", className: "sm:hidden", children: [
+                dateFns.format(day, "EEE", { locale: locale.ptBR })[0],
+                " ",
+                dateFns.format(day, "d", { locale: locale.ptBR })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline md:hidden", children: dateFns.format(day, "EEE d", { locale: locale.ptBR }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-md:hidden", children: dateFns.format(day, "EEE dd", { locale: locale.ptBR }) })
+            ]
           },
           day.toString()
-        );
-      })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid flex-1 grid-cols-8 overflow-hidden", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid auto-cols-fr border-border/70 border-r", children: hours.map((hour, index) => /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: "relative min-h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
-          children: index > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "-top-3 absolute left-0 flex h-6 w-16 max-w-full items-center justify-end bg-background pe-2 text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: dateFns.format(hour, "HH:mm") })
-        },
-        hour.toString()
-      )) }),
-      days.map((day, dayIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: "relative grid auto-cols-fr border-border/70 border-r last:border-r-0",
-          "data-today": dateFns.isToday(day) || void 0,
-          children: [
-            (processedDayEvents[dayIndex] ?? []).map((positionedEvent) => /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: "absolute z-10 px-0.5",
-                onClick: (e) => e.stopPropagation(),
-                style: {
-                  height: `${positionedEvent.height}px`,
-                  left: `${positionedEvent.left * 100}%`,
-                  top: `${positionedEvent.top}px`,
-                  width: `${positionedEvent.width * 100}%`,
-                  zIndex: positionedEvent.zIndex
-                },
-                children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  DraggableEvent,
-                  {
-                    event: positionedEvent.event,
-                    height: positionedEvent.height,
-                    onClick: (e) => handleEventClick(positionedEvent.event, e),
-                    draggable: false,
-                    showTime: true,
-                    view: "week"
-                  }
-                ) })
-              },
-              positionedEvent.event.id
-            )),
-            currentTimeVisible && dateFns.isToday(day) && /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: "pointer-events-none absolute right-0 left-0 z-20",
-                style: { top: `${currentTimePosition}%` },
-                children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-left-1 absolute h-2 w-2 rounded-full bg-primary" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[2px] w-full bg-primary" })
-                ] })
-              }
+        ))
+      ] }),
+      showAllDaySection && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border/70 border-b bg-muted/50", children: [
+        trueAllDayEvents.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ jsxRuntime.jsx("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" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "col-span-7 relative",
+              style: { height: allDayBarData.sectionH },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 grid grid-cols-7 pointer-events-none", children: days.map((day) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: "border-r last:border-r-0 border-border/70",
+                    "data-today": dateFns.isToday(day) || void 0
+                  },
+                  day.toString()
+                )) }),
+                allDayBarData.bars.map((bar) => {
+                  const {
+                    event,
+                    colStart,
+                    colSpan,
+                    isFirstDay,
+                    isLastDay,
+                    slot
+                  } = bar;
+                  const showTitle = isFirstDay || !isFirstDay && colStart === 0;
+                  return /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: "absolute px-0.5",
+                      style: {
+                        left: `calc(${colStart / 7 * 100}% + 2px)`,
+                        width: `calc(${colSpan / 7 * 100}% - 4px)`,
+                        top: EventGapAgenda + slot * rowH,
+                        height: EventHeightAgenda
+                      },
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        EventItemAgenda,
+                        {
+                          event,
+                          isFirstDay,
+                          isLastDay,
+                          onClick: (e) => {
+                            e.stopPropagation();
+                            handleEventClick(event, e);
+                          },
+                          view: "month",
+                          className: "h-full",
+                          children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 min-w-0 w-full", children: [
+                            !isFirstDay && colStart === 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsxRuntime.jsx(ssr.CaretLeftIcon, {}) }),
+                            showTitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs font-medium", children: event.title }),
+                            !isLastDay && colStart + colSpan === 7 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 ml-auto text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsxRuntime.jsx(ssr.CaretRightIcon, {}) })
+                          ] })
+                        }
+                      )
+                    },
+                    event.id
+                  );
+                })
+              ]
+            }
+          )
+        ] }),
+        multiDayTimedEvents.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "grid grid-cols-8",
+              trueAllDayEvents.length > 0 && "border-t border-border/40"
             ),
-            hours.map((hour) => {
-              const hourValue = dateFns.getHours(hour);
-              return /* @__PURE__ */ jsxRuntime.jsx(
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute bottom-0 left-0 h-6 w-16 max-w-full px-1 text-muted-foreground/70 sm:text-xs", children: "Evento" }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
-                  className: "relative min-h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
-                  children: [0, 1, 2, 3].map((quarter) => {
-                    const quarterHourTime = hourValue + quarter * 0.25;
-                    return /* @__PURE__ */ jsxRuntime.jsx(
-                      DroppableCellAgenda,
+                  className: "col-span-7 relative",
+                  style: { height: multiDayBarData.sectionH },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 grid grid-cols-7 pointer-events-none", children: days.map((day) => /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
                       {
-                        className: cn(
-                          "absolute h-[calc(var(--week-cells-height)/4)] w-full",
-                          quarter === 0 && "top-0",
-                          quarter === 1 && "top-[calc(var(--week-cells-height)/4)]",
-                          quarter === 2 && "top-[calc(var(--week-cells-height)/4*2)]",
-                          quarter === 3 && "top-[calc(var(--week-cells-height)/4*)]"
-                        ),
-                        date: day,
-                        id: `week-cell-${day.toISOString()}-${quarterHourTime}`,
-                        onClick: () => {
-                          const startTime = new Date(day);
-                          startTime.setHours(hourValue);
-                          startTime.setMinutes(quarter * 15);
-                          if (onEventCreate) onEventCreate(startTime);
+                        className: "border-r last:border-r-0 border-border/70",
+                        "data-today": dateFns.isToday(day) || void 0
+                      },
+                      day.toString()
+                    )) }),
+                    multiDayBarData.bars.map((bar) => {
+                      const {
+                        event,
+                        colStart,
+                        colSpan,
+                        isFirstDay,
+                        isLastDay,
+                        slot
+                      } = bar;
+                      const eventStart = getEventStartDate(event) ?? /* @__PURE__ */ new Date();
+                      const showTitle = isFirstDay || !isFirstDay && colStart === 0;
+                      return /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          className: "absolute px-0.5",
+                          style: {
+                            left: `calc(${colStart / 7 * 100}% + 2px)`,
+                            width: `calc(${colSpan / 7 * 100}% - 4px)`,
+                            top: EventGapAgenda + slot * rowH,
+                            height: EventHeightAgenda
+                          },
+                          children: /* @__PURE__ */ jsxRuntime.jsx(
+                            EventItemAgenda,
+                            {
+                              event,
+                              isFirstDay,
+                              isLastDay,
+                              onClick: (e) => {
+                                e.stopPropagation();
+                                handleEventClick(event, e);
+                              },
+                              view: "month",
+                              className: "h-full border-dashed",
+                              children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 min-w-0 w-full", children: [
+                                !isFirstDay && colStart === 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsxRuntime.jsx(ssr.CaretLeftIcon, {}) }),
+                                showTitle && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                                  isFirstDay && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-normal opacity-80 text-[10px] sm:text-[11px] bg-white/10 px-1 py-0.5 rounded-full", children: dateFns.format(eventStart, "HH:mm") }),
+                                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs font-medium", children: event.title }),
+                                  isFirstDay && (() => {
+                                    const evStart = getEventStartDate(event);
+                                    const evEnd = getEventEndDate(event);
+                                    if (!evStart || !evEnd) return null;
+                                    const d = Math.round(
+                                      (evEnd.getTime() - evStart.getTime()) / 864e5
+                                    ) + 1;
+                                    if (d < 2) return null;
+                                    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 inline-flex items-end font-bold leading-none px-1 py-0.5 text-[10px]", children: [
+                                      d,
+                                      "d"
+                                    ] });
+                                  })()
+                                ] }),
+                                !isLastDay && colStart + colSpan === 7 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 ml-auto text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsxRuntime.jsx(ssr.CaretRightIcon, {}) })
+                              ] })
+                            }
+                          )
                         },
-                        time: quarterHourTime
+                        event.id
+                      );
+                    })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid flex-1 grid-cols-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid auto-cols-fr border-border/70 border-r", children: hours.map((hour, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "relative min-h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
+            children: index > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "-top-3 absolute left-0 flex h-6 w-16 max-w-full items-center justify-end bg-background pe-1 sm:pe-4 text-[9px] sm:text-xs text-muted-foreground/70", children: dateFns.format(hour, "HH:mm") })
+          },
+          hour.toString()
+        )) }),
+        days.map((day, dayIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "relative grid auto-cols-fr border-border/70 border-r last:border-r-0",
+            "data-today": dateFns.isToday(day) || void 0,
+            children: [
+              (processedDayEvents[dayIndex] ?? []).map((positionedEvent) => {
+                const evStart = getEventStartDate(positionedEvent.event);
+                const evEnd = getEventEndDate(positionedEvent.event);
+                const timeLabel = evStart ? evEnd ? `${dateFns.format(evStart, "HH:mm")} \u2013 ${dateFns.format(evEnd, "HH:mm")}` : dateFns.format(evStart, "HH:mm") : void 0;
+                return /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { delayDuration: 250, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: "absolute z-10 px-0.5",
+                      onClick: (e) => e.stopPropagation(),
+                      style: {
+                        height: `${positionedEvent.height}px`,
+                        left: `${positionedEvent.left * 100}%`,
+                        top: `${positionedEvent.top}px`,
+                        width: `${positionedEvent.width * 100}%`,
+                        zIndex: positionedEvent.zIndex
                       },
-                      `${hour.toString()}-${quarter}`
-                    );
-                  })
-                },
-                hour.toString()
-              );
-            })
-          ]
-        },
-        day.toString()
-      ))
-    ] }),
+                      children: /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+                        DraggableEvent,
+                        {
+                          event: positionedEvent.event,
+                          height: positionedEvent.height,
+                          onClick: (e) => handleEventClick(positionedEvent.event, e),
+                          draggable: false,
+                          showTime: true,
+                          view: "week",
+                          totalCols: positionedEvent.totalCols
+                        }
+                      ) }) })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    TooltipContentBase,
+                    {
+                      side: "right",
+                      sideOffset: 6,
+                      className: "max-w-[220px] space-y-0.5",
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-sm leading-snug", children: positionedEvent.event.title }),
+                        timeLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: timeLabel }),
+                        positionedEvent.event.location && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(ssr.MapPinIcon, { size: 15 }),
+                          " ",
+                          positionedEvent.event.location
+                        ] }),
+                        positionedEvent.event.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-75 line-clamp-2", children: positionedEvent.event.description })
+                      ]
+                    }
+                  )
+                ] }) }, positionedEvent.event.id);
+              }),
+              currentTimeVisible && dateFns.isToday(day) && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: "pointer-events-none absolute right-0 left-0 z-20",
+                  style: { top: `${currentTimePosition}%` },
+                  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-left-1 absolute h-2 w-2 rounded-full bg-primary" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[2px] w-full bg-primary" })
+                  ] })
+                }
+              ),
+              hours.map((hour) => {
+                const hourValue = dateFns.getHours(hour);
+                return /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: "relative min-h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
+                    children: [0, 1, 2, 3].map((quarter) => {
+                      const quarterHourTime = hourValue + quarter * 0.25;
+                      return /* @__PURE__ */ jsxRuntime.jsx(
+                        DroppableCellAgenda,
+                        {
+                          className: cn(
+                            "absolute h-[calc(var(--week-cells-height)/4)] w-full",
+                            quarter === 0 && "top-0",
+                            quarter === 1 && "top-[calc(var(--week-cells-height)/4)]",
+                            quarter === 2 && "top-[calc(var(--week-cells-height)/4*2)]",
+                            quarter === 3 && "top-[calc(var(--week-cells-height)/4*3)]"
+                          ),
+                          date: day,
+                          id: `week-cell-${day.toISOString()}-${quarterHourTime}`,
+                          onClick: () => {
+                            const startTime = new Date(day);
+                            startTime.setHours(hourValue);
+                            startTime.setMinutes(quarter * 15);
+                            if (onEventCreate) onEventCreate(startTime);
+                          },
+                          time: quarterHourTime
+                        },
+                        `${hour.toString()}-${quarter}`
+                      );
+                    })
+                  },
+                  hour.toString()
+                );
+              })
+            ]
+          },
+          day.toString()
+        ))
+      ] })
+    ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       UndatedEvents,
       {
         events,
         onEventSelect,
         show: showUndatedEvents,
-        className: "my-"
+        className: "my-4"
       }
     )
   ] });
 }
+var colorBannerMap = {
+  sky: "from-sky-400 to-sky-500",
+  amber: "from-amber-400 to-amber-500",
+  violet: "from-violet-400 to-violet-500",
+  rose: "from-rose-400 to-rose-500",
+  emerald: "from-emerald-400 to-emerald-500",
+  orange: "from-orange-400 to-orange-500",
+  green: "from-green-400 to-green-500",
+  blue: "from-blue-400 to-blue-500",
+  red: "from-red-400 to-red-500",
+  purple: "from-purple-400 to-purple-500",
+  indigo: "from-indigo-400 to-indigo-500",
+  teal: "from-teal-400 to-teal-500",
+  pink: "from-pink-400 to-pink-500",
+  cyan: "from-cyan-400 to-cyan-500",
+  lime: "from-lime-400 to-lime-500",
+  fuchsia: "from-fuchsia-400 to-fuchsia-500"
+};
+function formatDuration2(minutes) {
+  if (minutes <= 0) return "";
+  const h = Math.floor(minutes / 60);
+  const m = minutes % 60;
+  if (h === 0) return `${m}min`;
+  if (m === 0) return `${h}h`;
+  return `${h}h ${m}min`;
+}
+function formatDateFull(date) {
+  return dateFns.format(date, "EEE',' d 'de' MMMM 'de' yyyy", { locale: locale.ptBR });
+}
+function capitalize(s) {
+  return s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
+}
+function EventDetailModalAgenda({
+  event,
+  onClose
+}) {
+  const [open, setOpen] = React32.useState(true);
+  if (!event) return null;
+  const color = event.color ?? "sky";
+  const bannerGradient = colorBannerMap[color] ?? colorBannerMap.sky;
+  const startDate = getEventStartDate(event);
+  const endDate = getEventEndDate(event);
+  const isMultiDay = isMultiDayEventAgenda(event);
+  const durationMinutes = startDate && endDate ? dateFns.differenceInMinutes(endDate, startDate) : 0;
+  const dateSection = (() => {
+    if (!startDate) {
+      return { primary: "Sem data definida", secondary: null, isAllDay: false };
+    }
+    if (event.allDay) {
+      if (isMultiDay && endDate && !dateFns.isSameDay(startDate, endDate)) {
+        return {
+          primary: `${capitalize(formatDateFull(startDate))}`,
+          secondary: `${capitalize(formatDateFull(endDate))}`,
+          isAllDay: true
+        };
+      }
+      return {
+        primary: capitalize(formatDateFull(startDate)),
+        secondary: null,
+        isAllDay: true
+      };
+    }
+    if (isMultiDay && endDate) {
+      const startStr = capitalize(
+        dateFns.format(startDate, "d MMM yyyy, HH:mm", { locale: locale.ptBR })
+      );
+      const endStr = capitalize(
+        dateFns.format(endDate, "d MMM yyyy, HH:mm", { locale: locale.ptBR })
+      );
+      return { primary: startStr, secondary: endStr, isAllDay: false };
+    }
+    const dateStr = capitalize(formatDateFull(startDate));
+    const timeStr = endDate ? `${dateFns.format(startDate, "HH:mm")} \u2013 ${dateFns.format(endDate, "HH:mm")}` : dateFns.format(startDate, "HH:mm");
+    return { primary: dateStr, secondary: timeStr, isAllDay: false };
+  })();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogBase,
+    {
+      open,
+      onOpenChange: (v) => {
+        setOpen(v);
+        if (!v) onClose?.();
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContentBase, { className: "p-0 overflow-hidden gap-0 border-none shadow-xl sm:max-w-md", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "relative bg-gradient-to-tl w-full flex flex-col justify-end px-6 pt-12 pb-8 select-none transition-all duration-300",
+              bannerGradient
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-4 left-6 flex items-center gap-2", children: dateSection.isAllDay ? /* @__PURE__ */ jsxRuntime.jsxs(Badge, { className: "bg-white/20 text-white  backdrop-blur-md", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(react.SunIcon, { size: 12, weight: "bold" }),
+                "Dia todo"
+              ] }) : isMultiDay ? /* @__PURE__ */ jsxRuntime.jsxs(Badge, { className: "bg-white/20 text-white  backdrop-blur-md", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(react.CalendarDotsIcon, { size: 12, weight: "bold" }),
+                "Multi-dia"
+              ] }) : durationMinutes > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(Badge, { className: "bg-white/20 text-white  backdrop-blur-md", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(react.ClockIcon, { size: 12, weight: "bold" }),
+                formatDuration2(durationMinutes)
+              ] }) : null }),
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl sm:text-3xl font-bold text-white leading-tight tracking-tight drop-shadow-md", children: event.title })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 px-6 py-8 bg-background", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 rounded-lg bg-muted/50 border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
+              react.CalendarDotsIcon,
+              {
+                size: 20,
+                weight: "duotone",
+                className: "text-primary"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-foreground leading-none", children: dateSection.primary }),
+              dateSection.secondary && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 text-sm text-muted-foreground mt-0.5", children: isMultiDay && !event.allDay || isMultiDay && dateSection.isAllDay ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  react.ArrowRightIcon,
+                  {
+                    size: 12,
+                    className: "shrink-0 opacity-70"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: dateSection.secondary })
+              ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground/70", children: dateSection.secondary }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(SeparatorBase, { className: "opacity-50" }),
+          event.location && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 rounded-lg bg-muted/50 border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
+              react.MapPinIcon,
+              {
+                size: 20,
+                weight: "duotone",
+                className: "text-primary"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "Localiza\xE7\xE3o" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-foreground font-medium", children: event.location })
+            ] })
+          ] }),
+          event.description && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 rounded-lg bg-muted/50 border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
+              react.AlignLeftIcon,
+              {
+                size: 20,
+                weight: "duotone",
+                className: "text-primary"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "Descri\xE7\xE3o" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground leading-relaxed font-normal", children: event.description })
+            ] })
+          ] }),
+          !event.location && !event.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground/60 italic text-center py-2 border border-dashed border-border rounded-lg", children: "Nenhum detalhe adicional dispon\xEDvel." })
+        ] })
+      ] })
+    }
+  );
+}
 function AgendaView({
   currentDate,
   events,
@@ -11737,23 +12327,23 @@ function EventCalendar({
     });
   };
   const viewTitle = React32.useMemo(() => {
-    const capitalize = (s) => s && s.length > 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s;
+    const capitalize2 = (s) => s && s.length > 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s;
     if (view === "month") {
-      return capitalize(dateFns.format(currentDate, "MMMM yyyy", { locale: locale.ptBR }));
+      return capitalize2(dateFns.format(currentDate, "MMMM yyyy", { locale: locale.ptBR }));
     }
     if (view === "week") {
       const start = dateFns.startOfWeek(currentDate, { weekStartsOn: 1 });
       const end = dateFns.endOfWeek(currentDate, { weekStartsOn: 1 });
       if (dateFns.isSameMonth(start, end)) {
-        return capitalize(dateFns.format(start, "MMMM yyyy", { locale: locale.ptBR }));
+        return capitalize2(dateFns.format(start, "MMMM yyyy", { locale: locale.ptBR }));
       }
-      const s1 = capitalize(dateFns.format(start, "MMM", { locale: locale.ptBR }));
-      const s2 = capitalize(dateFns.format(end, "MMM yyyy", { locale: locale.ptBR }));
+      const s1 = capitalize2(dateFns.format(start, "MMM", { locale: locale.ptBR }));
+      const s2 = capitalize2(dateFns.format(end, "MMM yyyy", { locale: locale.ptBR }));
       return `${s1} - ${s2}`;
     }
     if (view === "day") {
       const dayNum = dateFns.format(currentDate, "d", { locale: locale.ptBR });
-      const month = capitalize(dateFns.format(currentDate, "MMMM", { locale: locale.ptBR }));
+      const month = capitalize2(dateFns.format(currentDate, "MMMM", { locale: locale.ptBR }));
       const year = dateFns.format(currentDate, "yyyy", { locale: locale.ptBR });
       const short = `${dayNum} de ${month} de ${year}`;
       const long = `${dateFns.format(currentDate, "EEE", {
@@ -11769,13 +12359,13 @@ function EventCalendar({
       const start = currentDate;
       const end = dateFns.addDays(currentDate, AgendaDaysToShow - 1);
       if (dateFns.isSameMonth(start, end)) {
-        return capitalize(dateFns.format(start, "MMMM yyyy", { locale: locale.ptBR }));
+        return capitalize2(dateFns.format(start, "MMMM yyyy", { locale: locale.ptBR }));
       }
-      const s1 = capitalize(dateFns.format(start, "MMM", { locale: locale.ptBR }));
-      const s2 = capitalize(dateFns.format(end, "MMM yyyy", { locale: locale.ptBR }));
+      const s1 = capitalize2(dateFns.format(start, "MMM", { locale: locale.ptBR }));
+      const s2 = capitalize2(dateFns.format(end, "MMM yyyy", { locale: locale.ptBR }));
       return `${s1} - ${s2}`;
     }
-    return capitalize(dateFns.format(currentDate, "MMMM yyyy", { locale: locale.ptBR }));
+    return capitalize2(dateFns.format(currentDate, "MMMM yyyy", { locale: locale.ptBR }));
   }, [currentDate, view]);
   const calendarContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -13935,14 +14525,14 @@ var generateAdditionalColors = (baseColors, count) => {
     r /= 255;
     g /= 255;
     b /= 255;
-    const max = Math.max(r, g, b), min = Math.min(r, g, b);
+    const max2 = Math.max(r, g, b), min2 = Math.min(r, g, b);
     let h = 0;
     let s = 0;
-    const l = (max + min) / 2;
-    if (max !== min) {
-      const d = max - min;
-      s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-      switch (max) {
+    const l = (max2 + min2) / 2;
+    if (max2 !== min2) {
+      const d = max2 - min2;
+      s = l > 0.5 ? d / (2 - max2 - min2) : d / (max2 + min2);
+      switch (max2) {
         case r:
           h = (g - b) / d + (g < b ? 6 : 0);
           break;
@@ -14059,25 +14649,25 @@ var computeNiceMax = (maxValue) => {
   return niceCeil(padded);
 };
 var getMaxDataValue = (data, keys) => {
-  let max = 0;
+  let max2 = 0;
   for (const row of data) {
     for (const key of keys) {
       const v = row[key];
-      if (typeof v === "number" && Number.isFinite(v) && v > max) max = v;
+      if (typeof v === "number" && Number.isFinite(v) && v > max2) max2 = v;
     }
   }
-  return max;
+  return max2;
 };
 var getMinDataValue = (data, keys) => {
-  let min = 0;
+  let min2 = 0;
   for (const row of data) {
     for (const key of keys) {
       const v = row[key];
-      if (typeof v === "number" && Number.isFinite(v) && v < min)
-        min = v;
+      if (typeof v === "number" && Number.isFinite(v) && v < min2)
+        min2 = v;
     }
   }
-  return min;
+  return min2;
 };
 var computeChartWidth = (width, dataLength, series, niceMaxLeft, niceMaxRight) => {
   if (typeof width === "number") return width;
@@ -14123,8 +14713,8 @@ var createValueFormatter = (customFormatter, formatBR) => {
   });
   const prefixFormats = ["R$", "$", "\u20AC", "\xA3"];
   const suffixFormats = ["%", "kg", "km", "m", "L", "un", "t", "h", "min", "s"];
-  const getFormattedValue = (baseValue, format17) => {
-    const trimmedFormat = format17.trim();
+  const getFormattedValue = (baseValue, format19) => {
+    const trimmedFormat = format19.trim();
     if (prefixFormats.includes(trimmedFormat)) {
       return `${trimmedFormat} ${baseValue}`;
     }
@@ -14149,8 +14739,8 @@ var createValueFormatter = (customFormatter, formatBR) => {
           num = Number.isNaN(parsed) ? NaN : parsed;
         }
         const baseFormatted = formatBR && !Number.isNaN(num) ? nf.format(num) : String(formattedValue ?? value ?? "");
-        const format17 = propsDataKey && formatterMap[propsDataKey] ? formatterMap[propsDataKey] : "";
-        return format17 ? getFormattedValue(baseFormatted, format17) : baseFormatted;
+        const format19 = propsDataKey && formatterMap[propsDataKey] ? formatterMap[propsDataKey] : "";
+        return format19 ? getFormattedValue(baseFormatted, format19) : baseFormatted;
       };
     }
     if (typeof customFormatter === "function") {
@@ -18463,8 +19053,8 @@ var TimeSeries_default = TimeSeries;
 function NumericInput({
   value,
   onChange,
-  min,
-  max,
+  min: min2,
+  max: max2,
   label,
   className,
   error,
@@ -18481,21 +19071,21 @@ function NumericInput({
     if (!hasChanged || isLoading || disabled) return;
     onChange(internalValue);
   };
-  function handleNumberChange(value2, currentValue = 0, max2 = 9999999, min2 = 0) {
+  function handleNumberChange(value2, currentValue = 0, max3 = 9999999, min3 = 0) {
     const numbersOnly = value2.replace(/\D/g, "");
     if (numbersOnly === "") {
       return 0;
     }
     const numValue = Number(numbersOnly);
-    if (numValue < min2) {
+    if (numValue < min3) {
       if (tooltip_on_overflow) {
-        sonner.toast.warning("O valor deve ser maior que " + min2.toString());
+        sonner.toast.warning("O valor deve ser maior que " + min3.toString());
       }
-      return min2;
+      return min3;
     }
-    if (numValue > max2) {
+    if (numValue > max3) {
       if (tooltip_on_overflow) {
-        sonner.toast.warning("O valor deve ser menor que " + max2.toString());
+        sonner.toast.warning("O valor deve ser menor que " + max3.toString());
       }
       return currentValue;
     }
@@ -18517,8 +19107,8 @@ function NumericInput({
             const processedValue = handleNumberChange(
               e.currentTarget.value,
               internalValue,
-              max,
-              min
+              max2,
+              min2
             );
             setInternalValue(processedValue);
           },
@@ -19336,6 +19926,12 @@ function useMediaQuery(query) {
   }, [query]);
   return value;
 }
+var CRUD_ITEMS = [
+  { id: "edit", label: "Editar", icon: react.PencilIcon },
+  { id: "copy", label: "Copiar", icon: react.CopyIcon },
+  { id: "download", label: "Baixar", icon: react.DownloadIcon },
+  { id: "delete", label: "Excluir", icon: react.TrashIcon, color: "danger" }
+];
 var FULL_CIRCLE = 360;
 var START_ANGLE = -90;
 function degToRad(deg) {
@@ -19361,7 +19957,7 @@ function slicePath(index, total, wedgeRadius, innerRadius) {
 }
 function RadialMenu({
   children,
-  menuItems,
+  menuItems = CRUD_ITEMS,
   size = 240,
   iconSize = 24,
   bandWidth = 60,
@@ -19372,44 +19968,13 @@ function RadialMenu({
 }) {
   const isMobile = useMediaQuery("(max-width: 768px)");
   const radius = size / 2;
-  const outerRingOuterRadius = radius;
-  const outerRingInnerRadius = outerRingOuterRadius - outerRingWidth;
+  const outerRingInnerRadius = radius - outerRingWidth;
   const wedgeOuterRadius = outerRingInnerRadius - outerGap;
   const wedgeInnerRadius = wedgeOuterRadius - bandWidth;
   const iconRingRadius = (wedgeOuterRadius + wedgeInnerRadius) / 2;
   const centerRadius = Math.max(wedgeInnerRadius - innerGap, 0);
   const slice = 360 / menuItems.length;
   const [activeIndex, setActiveIndex] = React32__namespace.useState(null);
-  const timerRef = React32__namespace.useRef(null);
-  const isLongPress = React32__namespace.useRef(false);
-  const handleTouchStart = (e) => {
-    isLongPress.current = false;
-    const touch = e.touches[0];
-    const { clientX, clientY } = touch;
-    timerRef.current = setTimeout(() => {
-      isLongPress.current = true;
-      const event = new MouseEvent("contextmenu", {
-        bubbles: true,
-        cancelable: true,
-        view: window,
-        clientX,
-        clientY,
-        button: 2,
-        buttons: 2
-      });
-      e.target.dispatchEvent(event);
-    }, 1e3);
-  };
-  const handleTouchEnd = () => {
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-    }
-  };
-  const handleTouchMove = () => {
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-    }
-  };
   const containerVariants = {
     hidden: { opacity: 0, scale: 0.8 },
     visible: {
@@ -19439,22 +20004,13 @@ function RadialMenu({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuBase, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ContextMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: "select-none outline-none group touch-none",
-        onTouchStart: handleTouchStart,
-        onTouchEnd: handleTouchEnd,
-        onTouchMove: handleTouchMove,
-        children: children || /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-80 flex justify-center items-center border-2 border-dashed border-muted-foreground/20 rounded-xl bg-muted/5 text-muted-foreground hover:bg-muted/10 transition-colors", children: "Right-click or Long-press here (1s)" })
-      }
-    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ContextMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "select-none outline-none group touch-none", children: children || /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-80 flex justify-center items-center border-2 border-dashed border-muted-foreground/20 rounded-xl bg-muted/5 cursor-context-menu", children: "Clique com bot\xE3o direito" }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       ContextMenuContentBase,
       {
         className: "p-0 border-none bg-transparent shadow-none overflow-visible -translate-x-1/2 -translate-y-1/2",
         style: { width: size, height: size },
-        children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
           framerMotion.motion.div,
           {
             className: "relative size-full drop-shadow-xl will-change-transform",
@@ -19462,92 +20018,73 @@ function RadialMenu({
             initial: "hidden",
             animate: "visible",
             exit: "exit",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 rounded-full bg-background/5 blur-2xl -z-10" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "svg",
-                {
-                  className: "absolute inset-0 size-full overflow-visible",
-                  viewBox: `${-radius} ${-radius} ${radius * 2} ${radius * 2}`,
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      framerMotion.motion.circle,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "svg",
+              {
+                className: "absolute inset-0 size-full overflow-visible",
+                viewBox: `${-radius} ${-radius} ${radius * 2} ${radius * 2}`,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.circle, { r: centerRadius, className: "fill-background stroke-border stroke-1" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: activeIndex !== null && /* @__PURE__ */ jsxRuntime.jsx(
+                    framerMotion.motion.text,
+                    {
+                      initial: { opacity: 0, y: 5 },
+                      animate: { opacity: 1, y: 0 },
+                      exit: { opacity: 0 },
+                      textAnchor: "middle",
+                      dominantBaseline: "middle",
+                      className: "fill-foreground text-[11px] font-bold uppercase tracking-tighter pointer-events-none",
+                      children: menuItems[activeIndex].label
+                    }
+                  ) }),
+                  menuItems.map((item, index) => {
+                    const Icon = item.icon;
+                    const midDeg = START_ANGLE + slice * index;
+                    const { x: iconX, y: iconY } = polarToCartesian(iconRingRadius, midDeg);
+                    const isActive = activeIndex === index;
+                    const ICON_BOX = iconSize * 2.5;
+                    return /* @__PURE__ */ jsxRuntime.jsxs(
+                      framerMotion.motion.g,
                       {
-                        r: centerRadius,
-                        initial: { scale: 0 },
-                        animate: { scale: 1 },
-                        transition: isMobile ? { duration: 0 } : {
-                          type: "spring",
-                          stiffness: 300,
-                          delay: 0.2
-                        },
-                        className: "fill-background stroke-border stroke-1 shadow-inner"
-                      }
-                    ),
-                    menuItems.map((item, index) => {
-                      const Icon = item.icon;
-                      const midDeg = START_ANGLE + slice * index;
-                      const { x: iconX, y: iconY } = polarToCartesian(
-                        iconRingRadius,
-                        midDeg
-                      );
-                      const isActive = activeIndex === index;
-                      const ICON_BOX = iconSize * 2.5;
-                      return /* @__PURE__ */ jsxRuntime.jsxs(
-                        framerMotion.motion.g,
-                        {
-                          variants: itemVariants2,
-                          className: "cursor-pointer outline-none",
-                          onMouseEnter: () => setActiveIndex(index),
-                          onMouseLeave: () => setActiveIndex(null),
-                          onClick: () => onSelect?.(item),
-                          style: { originX: "0px", originY: "0px" },
-                          children: [
-                            /* @__PURE__ */ jsxRuntime.jsx(
-                              "path",
-                              {
-                                d: slicePath(
-                                  index,
-                                  menuItems.length,
-                                  wedgeOuterRadius,
-                                  wedgeInnerRadius
-                                ),
-                                className: cn(
-                                  "transition-colors duration-200 stroke-1",
-                                  isActive ? "fill-primary stroke-primary-foreground/20" : "fill-background/90 stroke-border/50 hover:fill-accent"
-                                )
-                              }
-                            ),
-                            /* @__PURE__ */ jsxRuntime.jsx(
-                              "foreignObject",
-                              {
-                                x: iconX - ICON_BOX / 2,
-                                y: iconY - ICON_BOX / 2,
-                                width: ICON_BOX,
-                                height: ICON_BOX,
-                                className: "pointer-events-none",
-                                children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-                                  Icon,
-                                  {
-                                    size: iconSize,
-                                    weight: isActive ? "fill" : "regular",
-                                    className: cn(
-                                      "transition-all duration-200",
-                                      isActive ? "text-primary-foreground " : "text-muted-foreground"
-                                    )
-                                  }
-                                ) })
-                              }
-                            )
-                          ]
+                        variants: itemVariants2,
+                        className: "cursor-pointer outline-none",
+                        onMouseEnter: () => setActiveIndex(index),
+                        onMouseLeave: () => setActiveIndex(null),
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          onSelect?.(item);
                         },
-                        item.id
-                      );
-                    })
-                  ]
-                }
-              )
-            ]
+                        style: { originX: "0px", originY: "0px" },
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            "path",
+                            {
+                              d: slicePath(index, menuItems.length, wedgeOuterRadius, wedgeInnerRadius),
+                              className: cn(
+                                "transition-colors duration-200 stroke-1",
+                                isActive ? item.color === "danger" ? "fill-destructive stroke-destructive-foreground/20" : "fill-primary stroke-primary-foreground/20" : "fill-background/90 stroke-border/50 hover:fill-accent"
+                              )
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsx("foreignObject", { x: iconX - ICON_BOX / 2, y: iconY - ICON_BOX / 2, width: ICON_BOX, height: ICON_BOX, className: "pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+                            Icon,
+                            {
+                              size: iconSize,
+                              weight: isActive ? "fill" : "regular",
+                              className: cn(
+                                "transition-all duration-200",
+                                isActive ? "text-primary-foreground" : item.color === "danger" ? "text-destructive" : "text-muted-foreground"
+                              )
+                            }
+                          ) }) })
+                        ]
+                      },
+                      item.id
+                    );
+                  })
+                ]
+              }
+            )
           }
         ) })
       }
@@ -19564,6 +20101,8 @@ function ControlledCombobox({
   searchPlaceholder,
   empty = "Nenhum dado encontrado",
   error,
+  label,
+  labelClassname,
   testIds = {},
   onClear,
   hasSelected = false,
@@ -19577,9 +20116,10 @@ function ControlledCombobox({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: "col-span-1 w-full",
+      className: "w-full flex flex-col",
       "data-testid": testIds.root ?? "combobox-base-root",
       children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx(LabelBase_default, { className: labelClassname, children: label }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           PopoverBase,
           {
@@ -19638,16 +20178,16 @@ function ControlledCombobox({
               /* @__PURE__ */ jsxRuntime.jsx(
                 PopoverContentBase,
                 {
-                  className: "max-h-[--radix-popover-content-available-height] w-[--radix-popover-trigger-width] p-0 border-none",
+                  className: "max-h-[--radix-popover-content-available-height] w-[--radix-popover-trigger-width] p-0 border-none focus:ring-0 focus:outline-none",
                   "data-testid": testIds.popover ?? "combobox-popover",
                   children: /* @__PURE__ */ jsxRuntime.jsxs(
                     CommandBase,
                     {
-                      className: "dark:text-white hover:bg-rsecondary",
+                      className: "dark:text-white hover:bg-rsecondary focus:ring-0 focus:outline-none",
                       "data-testid": testIds.command ?? "combobox-command",
                       filter: onSearchChange ? () => 1 : (value, search2) => {
-                        const label = items.find((item) => item.value === value)?.label || value;
-                        if (label.toLowerCase().includes(search2.toLowerCase()))
+                        const label2 = items.find((item) => item.value === value)?.label || value;
+                        if (label2.toLowerCase().includes(search2.toLowerCase()))
                           return 1;
                         return 0;
                       },
@@ -19669,6 +20209,7 @@ function ControlledCombobox({
                           {
                             "data-testid": testIds.list ?? "combobox-list",
                             onEndReached,
+                            className: "focus:ring-0 focus:outline-none",
                             children: [
                               /* @__PURE__ */ jsxRuntime.jsx(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children: loading ? "Carregando..." : empty }),
                               /* @__PURE__ */ jsxRuntime.jsx(CommandGroupBase, { "data-testid": testIds.group ?? "combobox-group", children: items.map((item) => {
@@ -19873,6 +20414,7 @@ exports.EndHourAgenda = EndHourAgenda;
 exports.ErrorMessage = ErrorMessage_default;
 exports.EventAgenda = EventAgenda;
 exports.EventCalendar = EventCalendar;
+exports.EventDetailModalAgenda = EventDetailModalAgenda;
 exports.EventDialog = EventDialog;
 exports.EventGap = EventGap;
 exports.EventGapAgenda = EventGapAgenda;
@@ -19917,6 +20459,7 @@ exports.MonthView = MonthView;
 exports.MonthViewAgenda = MonthViewAgenda;
 exports.MoreButton = MoreButton;
 exports.MultiCombobox = MultiCombobox;
+exports.MultiDayOverlay = MultiDayOverlay;
 exports.MultiSelect = MultiSelect;
 exports.MultiSelectBase = MultiSelectBase;
 exports.MultiSelectContentBase = MultiSelectContentBase;