@mlw-packages/react-components 1.9.16 → 1.10.1

package/dist/index.mjs

@@ -5,7 +5,7 @@ import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { XIcon, CircleNotchIcon, MagnifyingGlassIcon, CaretUpIcon, CaretDownIcon, CheckIcon, CaretRightIcon, CircleIcon, CloudArrowUpIcon, MinusIcon, CaretUpDownIcon, PencilSimpleIcon, ArrowsLeftRightIcon, FloppyDiskIcon, PlusIcon, TrashIcon, SidebarSimpleIcon, FilePdfIcon, FileDocIcon, FileXlsIcon, FilePptIcon, FileCsvIcon, FileTextIcon, FileImageIcon, FileVideoIcon, FileAudioIcon, FileZipIcon, FileIcon, DotsSixVerticalIcon, InfoIcon, WarningIcon, XCircleIcon, CheckCircleIcon, SunIcon, MoonIcon, CaretLeftIcon, DownloadSimpleIcon, UploadSimpleIcon, CopyIcon, ArrowClockwiseIcon, ArrowLeftIcon, GearIcon, BellIcon, DotsThreeIcon, FunnelIcon, HeartIcon, StarIcon, EyeIcon, EyeSlashIcon, LockIcon, LockOpenIcon, FolderIcon, ArrowRightIcon as ArrowRightIcon$1, ArrowsOutIcon, DownloadIcon, CalendarBlankIcon, CalendarIcon, CaretLeft, CaretRight, ArrowDownIcon, ClockUserIcon, EyeSlash, Eye, ArrowRight, ArrowUpRightIcon, ArrowDownRightIcon, FunnelSimpleIcon, PencilIcon, FileArchiveIcon, TerminalIcon, CodeIcon, CalendarDotIcon as CalendarDotIcon$1, DesktopIcon } from '@phosphor-icons/react';
+import { XIcon, CircleNotchIcon, MagnifyingGlassIcon, CaretUpIcon, CaretDownIcon, CheckIcon, CaretRightIcon, CircleIcon, CloudArrowUpIcon, MinusIcon, CaretUpDownIcon, PencilSimpleIcon, ArrowsLeftRightIcon, FloppyDiskIcon, PlusIcon, TrashIcon, SidebarSimpleIcon, FilePdfIcon, FileDocIcon, FileXlsIcon, FilePptIcon, FileCsvIcon, FileTextIcon, FileImageIcon, FileVideoIcon, FileAudioIcon, FileZipIcon, FileIcon, DotsSixVerticalIcon, InfoIcon, WarningIcon, XCircleIcon, CheckCircleIcon, SunIcon, MoonIcon, CaretLeftIcon, DownloadSimpleIcon, UploadSimpleIcon, CopyIcon, ArrowClockwiseIcon, ArrowLeftIcon, GearIcon, BellIcon, DotsThreeIcon, FunnelIcon, HeartIcon, StarIcon, EyeIcon, EyeSlashIcon, LockIcon, LockOpenIcon, FolderIcon, ArrowRightIcon as ArrowRightIcon$1, ArrowsOutIcon, DownloadIcon, CalendarBlankIcon, CalendarIcon, MapPinIcon, CalendarDotsIcon, ClockIcon, AlignLeftIcon, CaretLeft, CaretRight, ArrowDownIcon, ClockUserIcon, EyeSlash, Eye, ArrowRight, ArrowUpRightIcon, ArrowDownRightIcon, FunnelSimpleIcon, PencilIcon, FileArchiveIcon, TerminalIcon, CodeIcon, CalendarDotIcon as CalendarDotIcon$1, DesktopIcon } from '@phosphor-icons/react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -17,7 +17,7 @@ import 'react-router-dom';
 import { Command } from 'cmdk';
 import { AnimatePresence, motion, useMotionValue, useSpring, useTransform } from 'framer-motion';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { XIcon as XIcon$1, CalendarDotIcon, DotsThreeIcon as DotsThreeIcon$1, Check, CheckIcon as CheckIcon$1 } from '@phosphor-icons/react/dist/ssr';
+import { XIcon as XIcon$1, CalendarDotIcon, CaretLeftIcon as CaretLeftIcon$1, CaretRightIcon as CaretRightIcon$1, MapPinIcon as MapPinIcon$1, DotsThreeIcon as DotsThreeIcon$1, Check, CheckIcon as CheckIcon$1 } from '@phosphor-icons/react/dist/ssr';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
@@ -35,7 +35,7 @@ import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import { Drawer } from 'vaul';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import { Prism } from 'react-syntax-highlighter';
-import { format, startOfMonth, endOfMonth, eachDayOfInterval, isToday, isSameDay, differenceInMinutes, isPast, startOfDay, eachHourOfInterval, addHours, getHours, getMinutes, areIntervalsOverlapping, startOfWeek, endOfWeek, isSameMonth, addDays, isBefore, differenceInDays, addMinutes, subMonths, subWeeks, addMonths, addWeeks, isWithinInterval, add } from 'date-fns';
+import { format, startOfMonth, endOfMonth, eachDayOfInterval, isToday, isSameDay, differenceInCalendarDays, differenceInMinutes, isPast, startOfDay, eachHourOfInterval, addHours, getHours, getMinutes, areIntervalsOverlapping, startOfWeek, endOfWeek, isSameMonth, addDays, differenceInDays, isBefore, addMinutes, subMonths, subWeeks, addMonths, addWeeks, isWithinInterval, add, max, min } from 'date-fns';
 import { ptBR } from 'date-fns/locale';
 import ptBR3 from 'date-fns/locale/pt-BR';
 import { useSensors, useSensor, MouseSensor, TouchSensor, PointerSensor, DndContext, DragOverlay, useDroppable, useDraggable } from '@dnd-kit/core';
@@ -653,7 +653,7 @@ var DialogContentBase = React32.forwardRef(
           onWheel: userOnWheel,
           children: [
             children,
-            /* @__PURE__ */ jsxs(DialogPrimitive.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__ */ jsxs(DialogPrimitive.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__ */ jsx(XIcon, { className: "h-6 w-6 sm:h-4 sm:w-4 hover:text-red-500 font-extrabold" }),
               /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
             ] })
@@ -7448,15 +7448,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");
   }
@@ -7474,11 +7474,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";
 }
@@ -7589,19 +7589,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 = useRef(null);
-  const items = getItems(max, step);
+  const items = getItems(max2, step);
   const scrollTimeoutRef = useRef(null);
   const isScrollingRef = useRef(false);
   const [isDragging, setIsDragging] = useState(false);
@@ -7669,7 +7669,7 @@ function useScrollColumn({
 function ScrollColumn({
   value,
   onChange,
-  max,
+  max: max2,
   label,
   step = 1
 }) {
@@ -7684,7 +7684,7 @@ function ScrollColumn({
     handleMouseMove,
     handleMouseUp,
     isDragging
-  } = useScrollColumn({ value, onChange, max, step });
+  } = useScrollColumn({ value, onChange, max: max2, step });
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
     /* @__PURE__ */ jsx("span", { className: "text-muted-foreground rounded-md font-semibold text-sm text-center pb-2 uppercase tracking-wider", children: label }),
     /* @__PURE__ */ jsxs("div", { className: cn("relative w-20"), children: [
@@ -8696,7 +8696,7 @@ function Agenda({
               "span",
               {
                 className: 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",
                   isToday(day) ? "text-blue-500" : ""
                 ),
                 "data-today": isToday(day) || void 0,
@@ -8979,23 +8979,75 @@ var StartHourAgenda = 0;
 var EndHourAgenda = 24;
 var DefaultStartHourAgenda = 9;
 var DefaultEndHourAgenda = 10;
-function getEventColorClassesAgenda(color) {
-  const eventColor = color || "sky";
+function getAutoColorAgenda(id) {
+  const colors2 = [
+    "sky",
+    "amber",
+    "violet",
+    "rose",
+    "emerald",
+    "orange",
+    "green",
+    "blue",
+    "red",
+    "purple",
+    "indigo",
+    "teal",
+    "pink",
+    "cyan",
+    "lime",
+    "fuchsia"
+  ];
+  let hash = 0;
+  for (let i = 0; i < id.length; i++) {
+    hash = id.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  const index = Math.abs(hash) % colors2.length;
+  return colors2[index];
+}
+function getEventColorClassesAgenda(color, eventId) {
+  let eventColor = color;
+  if (!eventColor && eventId) {
+    eventColor = getAutoColorAgenda(eventId);
+  }
+  if (!eventColor) {
+    eventColor = "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) {
@@ -9066,6 +9118,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) {
@@ -9102,6 +9157,28 @@ function addMinutesToDateAgenda(date, minutes) {
 function addHoursToDateAgenda(date, hours) {
   return addMinutesToDateAgenda(date, Math.round(hours * 60));
 }
+function formatDurationAgenda(event) {
+  const start = getEventStartDate(event);
+  const end = getEventEndDate(event);
+  if (!start) return "";
+  const fmt = (d) => format(d, "d 'de' MMM", { locale: ptBR });
+  if (!end || isSameDay(start, end)) {
+    return fmt(start) + (event.allDay ? " \xB7 Dia todo" : " \xB7 " + format(start, "HH:mm"));
+  }
+  const days = differenceInCalendarDays(end, start) + 1;
+  return `${fmt(start)} \u2192 ${fmt(end)} \xB7 ${days} dias`;
+}
+function formatDurationAgendaDays(event) {
+  const start = getEventStartDate(event);
+  const end = getEventEndDate(event);
+  if (!start) return "";
+  const fmt = (d) => format(d, "d 'de' MMM", { locale: ptBR });
+  if (!end || isSameDay(start, end)) {
+    return fmt(start) + (event.allDay ? " \xB7 Dia todo" : " \xB7 " + format(start, "HH:mm"));
+  }
+  const days = differenceInCalendarDays(end, start) + 1;
+  return `${days} dias`;
+}
 function useCurrentTimeIndicatorAgenda(currentDate, view) {
   const [currentTimePosition, setCurrentTimePosition] = useState(0);
   const [currentTimeVisible, setCurrentTimeVisible] = useState(false);
@@ -9170,12 +9247,12 @@ function EventWrapper({
     return void 0;
   })();
   const isEventInPast = displayEnd ? isPast(displayEnd) : false;
-  const colorClasses = hasValidTimeForWrapper ? getEventColorClassesAgenda(event.color) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none ";
+  const colorClasses = hasValidTimeForWrapper ? getEventColorClassesAgenda(event.color, event.id) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none ";
   return /* @__PURE__ */ jsx(
     "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),
@@ -9208,13 +9285,14 @@ function EventItemAgenda({
   dndAttributes,
   onMouseDown,
   onTouchStart,
-  agendaOnly = false
+  agendaOnly = false,
+  totalCols = 1
 }) {
   const eventColor = event.color;
   const startDate = getEventStartDate(event);
   const endDate = getEventEndDate(event);
   const hasValidTime = !!startDate || !!endDate;
-  const colorClasses = hasValidTime ? getEventColorClassesAgenda(eventColor) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none";
+  const colorClasses = hasValidTime ? getEventColorClassesAgenda(eventColor, event.id) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none";
   const displayStart = useMemo(() => {
     if (!hasValidTime) return void 0;
     if (startDate) return currentTime || startDate;
@@ -9266,7 +9344,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,
@@ -9294,13 +9372,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__ */ 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__ */ 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__ */ jsx("span", { className: "font-semibold leading-none truncate w-full block", children: event.title })
+        }
+      );
+    }
     return /* @__PURE__ */ 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,
@@ -9311,26 +9434,14 @@ function EventItemAgenda({
         isFirstDay,
         isLastDay,
         onClick,
-        children: durationMinutes < 45 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between w-full", children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn("truncate text-sm sm:text-base md:text-lg min-w-0"),
-              children: event.title
-            }
-          ),
-          showTime && hasValidTime && displayStart && /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "truncate font-medium text-sm sm:text-base md:text-lg min-w-0"
-              ),
-              children: event.title
-            }
-          ),
-          showTime && hasValidTime && /* @__PURE__ */ jsx("div", { className: "truncate font-normal opacity-70 text-sm sm:text-base", children: /* @__PURE__ */ jsx("span", { className: "inline-block bg-white/5 px-0.5 py-0.5 rounded-full", children: getEventTime() }) })
+        onMouseDown,
+        onTouchStart,
+        children: isCompact ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 w-full min-w-0 overflow-hidden", children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate font-semibold leading-none min-w-0", children: event.title }),
+          showTime && hasValidTime && displayStart && /* @__PURE__ */ jsx("span", { className: "shrink-0 opacity-75 leading-none", children: formatTimeWithOptionalMinutes(displayStart) })
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 w-full min-w-0 overflow-hidden h-full", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-semibold leading-snug truncate", children: event.title }),
+          showTime && hasValidTime && /* @__PURE__ */ jsx("span", { className: "opacity-75 leading-none truncate", children: getEventTime() })
         ] })
       }
     );
@@ -9341,7 +9452,7 @@ function EventItemAgenda({
       {
         className: cn(
           "flex w-full flex-col gap-2 rounded-lg p-3 text-left outline-none transition-shadow duration-150 ease-out hover:bg-white/3 focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-past-event:line-through data-past-event:opacity-90 border-2 border-border",
-          getEventColorClassesAgenda(eventColor),
+          getEventColorClassesAgenda(eventColor, event.id),
           className
         ),
         "aria-label": ariaLabel,
@@ -9502,7 +9613,6 @@ function DayViewAgenda({
     });
   }, [dayEvents]);
   const positionedEvents = useMemo(() => {
-    const result = [];
     const dayStart = startOfDay(currentDate);
     const sortedEvents = [...timeEvents].sort((a, b) => {
       const aStart = getEventStartDate(a) ?? getEventEndDate(a) ?? /* @__PURE__ */ new Date();
@@ -9516,57 +9626,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 = isSameDay(currentDate, eventStart) ? eventStart : dayStart;
       const adjustedEnd = isSameDay(currentDate, eventEnd) ? eventEnd : addHours(dayStart, 24);
       const startHour = getHours(adjustedStart) + getMinutes(adjustedStart) / 60;
       const endHour = getHours(adjustedEnd) + 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 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) => 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 (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();
@@ -9583,14 +9705,31 @@ function DayViewAgenda({
         const isFirstDay = eventStart ? isSameDay(currentDate, eventStart) : false;
         const isLastDay = eventEnd ? isSameDay(currentDate, eventEnd) : false;
         return /* @__PURE__ */ jsx(
-          EventItemAgenda,
+          TooltipProviderBase,
           {
-            event,
-            isFirstDay,
-            isLastDay,
-            onClick: (e) => handleEventClick(event, e),
-            view: "month",
-            children: /* @__PURE__ */ jsx("div", { children: event.title })
+            delayDuration: 400,
+            children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+              /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
+                EventItemAgenda,
+                {
+                  event,
+                  isFirstDay,
+                  isLastDay,
+                  onClick: (e) => handleEventClick(event, e),
+                  view: "month",
+                  children: /* @__PURE__ */ jsx("div", { children: event.title })
+                }
+              ) }) }),
+              /* @__PURE__ */ jsxs(TooltipContentBase, { side: "top", children: [
+                /* @__PURE__ */ jsx("p", { className: "font-semibold truncate max-w-[200px]", children: event.title }),
+                /* @__PURE__ */ jsx("p", { className: "opacity-80 mt-0.5 leading-snug", children: formatDurationAgenda(event) }),
+                event.location && /* @__PURE__ */ jsxs("p", { className: "opacity-60 mt-0.5 truncate text-[11px] max-w-[200px] flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsx(MapPinIcon, { size: 14 }),
+                  " ",
+                  event.location
+                ] })
+              ] })
+            ] })
           },
           `spanning-${event.id}`
         );
@@ -9601,7 +9740,7 @@ function DayViewAgenda({
         "div",
         {
           className: "relative h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
-          children: index > 0 && /* @__PURE__ */ 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: format(hour, "HH:mm") })
+          children: index > 0 && /* @__PURE__ */ 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: format(hour, "HH:mm") })
         },
         hour.toString()
       )) }),
@@ -9623,17 +9762,37 @@ function DayViewAgenda({
                 width: `${positionedEvent.width * 100}%`,
                 zIndex: positionedEvent.zIndex
               },
-              children: /* @__PURE__ */ jsx(
-                EventItemAgenda,
-                {
-                  event: evt,
-                  view: "day",
-                  isFirstDay,
-                  isLastDay,
-                  onClick: (e) => handleEventClick(evt, e),
-                  showTime: true
-                }
-              )
+              children: /* @__PURE__ */ jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+                /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "size-full", children: /* @__PURE__ */ jsx(
+                  EventItemAgenda,
+                  {
+                    event: evt,
+                    view: "day",
+                    isFirstDay,
+                    isLastDay,
+                    onClick: (e) => handleEventClick(evt, e),
+                    showTime: true
+                  }
+                ) }) }),
+                /* @__PURE__ */ jsxs(
+                  TooltipContentBase,
+                  {
+                    side: "top",
+                    sideOffset: 6,
+                    className: "max-w-[220px] space-y-0.5",
+                    children: [
+                      /* @__PURE__ */ jsx("p", { className: "font-semibold text-sm leading-snug", children: evt.title }),
+                      /* @__PURE__ */ jsx("p", { className: "text-xs opacity-90", children: formatDurationAgenda(evt) }),
+                      evt.location && /* @__PURE__ */ jsxs("p", { className: "text-xs flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsx(MapPinIcon, { size: 15 }),
+                        " ",
+                        evt.location
+                      ] }),
+                      evt.description && /* @__PURE__ */ jsx("p", { className: "text-xs opacity-75 line-clamp-2", children: evt.description })
+                    ]
+                  }
+                )
+              ] }) })
             },
             positionedEvent.event.id
           );
@@ -9990,25 +10149,25 @@ function EventAgenda({
     return condensed ? entry.short : entry.full;
   };
   const viewTitle = 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(format(currentDate, "MMMM yyyy", { locale: ptBR }));
+      return capitalize2(format(currentDate, "MMMM yyyy", { locale: ptBR }));
     if (view === "week") {
       const start = startOfWeek(currentDate, { weekStartsOn: 1 });
       const end = endOfWeek(currentDate, { weekStartsOn: 1 });
       if (isSameMonth(start, end))
-        return capitalize(format(start, "MMMM yyyy", { locale: ptBR }));
-      const s1 = capitalize(format(start, "MMM", { locale: ptBR }));
-      const s2 = capitalize(format(end, "MMM yyyy", { locale: ptBR }));
+        return capitalize2(format(start, "MMMM yyyy", { locale: ptBR }));
+      const s1 = capitalize2(format(start, "MMM", { locale: ptBR }));
+      const s2 = capitalize2(format(end, "MMM yyyy", { locale: ptBR }));
       return `${s1} - ${s2}`;
     }
     if (view === "day")
       return format(currentDate, "d 'de' MMMM 'de' yyyy", { locale: ptBR });
     if (view === "agenda") {
       const start = currentDate;
-      return capitalize(format(start, "MMMM yyyy", { locale: ptBR }));
+      return capitalize2(format(start, "MMMM yyyy", { locale: ptBR }));
     }
-    return capitalize(format(currentDate, "MMMM yyyy", { locale: ptBR }));
+    return capitalize2(format(currentDate, "MMMM yyyy", { locale: ptBR }));
   }, [currentDate, view]);
   const selectItems = ["month", "week", "day", "agenda"].map((v) => ({
     label: viewLabel(v),
@@ -10195,6 +10354,151 @@ function useEventVisibilityAgenda({
     getVisibleEventCount
   };
 }
+function clampToWeek(date, weekStart, weekEnd) {
+  return max([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: isSameDay(cStart, evStart),
+      isLastDay: isSameDay(cEnd, evEnd),
+      slot
+    });
+  }
+  return bars;
+}
+function MultiDayOverlay({
+  bars,
+  weekIndex,
+  hoveredEventId,
+  onHover,
+  onEventSelect
+}) {
+  if (bars.length === 0) return null;
+  return /* @__PURE__ */ 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__ */ jsx(
+      TooltipProviderBase,
+      {
+        delayDuration: 400,
+        children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+          /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute pointer-events-auto px-[5px]",
+              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__ */ 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__ */ jsxs("span", { className: "flex items-center gap-0.5 w-full min-w-0", children: [
+                    continuesFromPrev && /* @__PURE__ */ jsx("span", { className: "shrink-0 opacity-50 leading-none mr-0.5 flex items-center", children: /* @__PURE__ */ jsx(CaretLeftIcon, { size: 10, weight: "bold" }) }),
+                    !event.allDay && isFirstDay && /* @__PURE__ */ jsx("span", { className: "shrink-0 font-normal opacity-75 text-[10px] bg-white/15 px-1 py-0.5 rounded-full leading-none", children: format(eventStart, "HH:mm") }),
+                    /* @__PURE__ */ 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 = differenceInCalendarDays(evEnd, evStart) + 1;
+                      if (totalDays < 2) return null;
+                      return /* @__PURE__ */ jsxs("span", { className: "shrink-0 font-bold leading-none text-[10px] opacity-55 ml-0.5", children: [
+                        totalDays,
+                        "d"
+                      ] });
+                    })(),
+                    continuesToNext && /* @__PURE__ */ jsx("span", { className: "shrink-0 opacity-50 leading-none ml-0.5 flex items-center", children: /* @__PURE__ */ jsx(CaretRightIcon, { size: 10, weight: "bold" }) })
+                  ] })
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(TooltipContentBase, { side: "top", children: [
+            /* @__PURE__ */ jsx("p", { className: "font-semibold truncate max-w-[200px]", children: event.title }),
+            /* @__PURE__ */ jsx("p", { className: "opacity-80 mt-0.5 leading-snug", children: formatDurationAgenda(event) }),
+            event.location && /* @__PURE__ */ jsxs("p", { className: "opacity-60 mt-0.5 truncate text-[11px] max-w-[200px]", children: [
+              /* @__PURE__ */ jsx(MapPinIcon, { size: 15 }),
+              " ",
+              event.location
+            ] })
+          ] })
+        ] })
+      },
+      `bar-${event.id}-w${weekIndex}`
+    );
+  }) });
+}
 function MonthViewAgenda({
   currentDate,
   events,
@@ -10208,13 +10512,14 @@ function MonthViewAgenda({
     const calendarEnd = endOfWeek(monthEnd, { weekStartsOn: 0 });
     return eachDayOfInterval({ end: calendarEnd, start: calendarStart });
   }, [currentDate]);
-  const weekdays = useMemo(() => {
-    return Array.from({ length: 7 }).map((_, i) => {
+  const weekdays = useMemo(
+    () => Array.from({ length: 7 }).map((_, i) => {
       const date = addDays(startOfWeek(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
       const short = format(date, "EEE", { locale: ptBR });
       return short.charAt(0).toUpperCase() + short.slice(1);
-    });
-  }, []);
+    }),
+    []
+  );
   const weeks = useMemo(() => {
     const result = [];
     let week = [];
@@ -10227,11 +10532,24 @@ function MonthViewAgenda({
     }
     return result;
   }, [days]);
-  const handleEventClick = (event, e) => {
-    e.stopPropagation();
-    onEventSelect(event, e);
-  };
+  const todayColIndex = useMemo(() => (/* @__PURE__ */ new Date()).getDay(), []);
   const [isMounted, setIsMounted] = useState(false);
+  const [hoveredEventId, setHoveredEventId] = useState(null);
+  const hoverLeaveTimerRef = useRef(null);
+  const handleHover = 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
@@ -10239,202 +10557,232 @@ function MonthViewAgenda({
   useEffect(() => {
     setIsMounted(true);
   }, []);
+  const eventsWithStart = 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__ */ jsxs("div", { className: "contents", "data-slot": "month-view", children: [
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 border-border/70 border-b", children: weekdays.map((day) => /* @__PURE__ */ 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__ */ jsx("span", { className: "hidden sm:inline", children: day }),
-          /* @__PURE__ */ jsx("span", { className: "inline sm:hidden", children: day.charAt(0) })
-        ]
-      },
-      day
-    )) }),
-    /* @__PURE__ */ jsx("div", { className: "grid flex-1 auto-rows-fr", children: weeks.map((week, weekIndex) => /* @__PURE__ */ 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 = 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__ */ 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": isToday(day) || void 0,
-              children: /* @__PURE__ */ jsxs(
-                DroppableCellAgenda,
-                {
-                  date: day,
-                  id: cellId,
-                  onClick: () => {
-                    const startTime = new Date(day);
-                    startTime.setHours(DefaultStartHourAgenda, 0, 0);
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        className: 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`,
-                          isToday(day) ? "bg-blue-500 text-white" : ""
-                        ),
-                        children: format(day, "d")
-                      }
-                    ),
-                    /* @__PURE__ */ 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 = isSameDay(day, eventStart);
-                            const isLastDay = isSameDay(day, eventEnd);
-                            const isHidden = isMounted && visibleCount && index >= visibleCount;
-                            if (!visibleCount) return null;
-                            if (!isFirstDay) {
-                              return /* @__PURE__ */ jsx(
-                                "div",
-                                {
-                                  "aria-hidden": isHidden ? "true" : void 0,
-                                  className: "aria-hidden:hidden",
-                                  children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 border-border/70 border-b", children: weekdays.map((day, i) => {
+      const isTodayCol = i === todayColIndex;
+      return /* @__PURE__ */ 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__ */ jsx("span", { className: "hidden sm:inline", children: day }),
+            /* @__PURE__ */ jsx("span", { className: "inline sm:hidden", children: day.charAt(0) })
+          ]
+        },
+        day
+      );
+    }) }),
+    /* @__PURE__ */ jsx("div", { className: "grid flex-1 auto-rows-fr", children: weeks.map((week, weekIndex) => {
+      const multiDayBars = computeMultiDayBars(eventsWithStart, week);
+      return /* @__PURE__ */ 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 = isToday(day);
+              const isTodayCol = dayIndex === todayColIndex;
+              const isCurrentMonth = 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__ */ jsx(
+                "div",
+                {
+                  "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__ */ jsxs(
+                    DroppableCellAgenda,
+                    {
+                      date: day,
+                      id: cellId,
+                      onClick: () => {
+                        const t = new Date(day);
+                        t.setHours(DefaultStartHourAgenda, 0, 0);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            className: 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: format(day, "d")
+                          }
+                        ),
+                        /* @__PURE__ */ 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__ */ jsx(
+                                  "div",
+                                  {
+                                    "aria-hidden": "true",
+                                    className: "mt-[var(--event-gap)] h-[var(--event-height)] w-full",
+                                    style: { opacity: 0, pointerEvents: "none" }
+                                  },
+                                  `spacer-${si}`
+                                )
+                              ),
+                              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__ */ jsx(
+                                  "div",
+                                  {
+                                    "aria-hidden": isHidden ? "true" : void 0,
+                                    className: "aria-hidden:hidden",
+                                    children: /* @__PURE__ */ jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+                                      /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
+                                        EventItemAgenda,
+                                        {
+                                          event,
+                                          isFirstDay: true,
+                                          isLastDay: true,
+                                          onClick: (e) => handleEventClick(event, e),
+                                          view: "month",
+                                          children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 sm:gap-1.5 truncate text-[11px] relative z-10", children: [
+                                            !event.allDay && /* @__PURE__ */ jsx("span", { className: "font-normal opacity-80 text-[10px] sm:text-[11px] bg-white/10 px-1 py-0.5 rounded-full", children: format(eventStart, "HH:mm") }),
+                                            /* @__PURE__ */ jsx("span", { className: "font-semibold truncate", children: event.title })
+                                          ] })
+                                        }
+                                      ) }) }),
+                                      /* @__PURE__ */ jsxs(TooltipContentBase, { side: "top", children: [
+                                        /* @__PURE__ */ jsx("p", { className: "font-semibold truncate max-w-[200px]", children: event.title }),
+                                        /* @__PURE__ */ jsx("p", { className: "opacity-80 mt-0.5 leading-snug", children: formatDurationAgenda(event) }),
+                                        event.location && /* @__PURE__ */ jsxs("p", { className: "opacity-60 mt-0.5 truncate text-[11px] max-w-[200px] flex items-center gap-1", children: [
+                                          /* @__PURE__ */ jsx(MapPinIcon, { size: 14 }),
+                                          " ",
+                                          event.location
+                                        ] })
+                                      ] })
+                                    ] }) })
+                                  },
+                                  event.id
+                                );
+                              })
+                            ]
+                          }
+                        ),
+                        hasMore && /* @__PURE__ */ jsxs(PopoverBase, { modal: true, children: [
+                          /* @__PURE__ */ jsx(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ 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__ */ jsxs("span", { className: "font-semibold", children: [
+                                "+ ",
+                                remainingCount,
+                                " ",
+                                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "mais" })
+                              ] })
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx(
+                            PopoverContentBase,
+                            {
+                              align: "center",
+                              className: "max-w-52 p-3",
+                              style: {
+                                "--event-height": `${EventHeightAgenda}px`
+                              },
+                              children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                                /* @__PURE__ */ jsx("p", { className: "font-semibold text-sm", children: format(day, "EEE d", { locale: ptBR }) }),
+                                /* @__PURE__ */ 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__ */ jsx(
                                     EventItemAgenda,
                                     {
                                       event,
-                                      isFirstDay,
-                                      isLastDay,
+                                      isFirstDay: isSameDay(day, s),
+                                      isLastDay: isSameDay(day, e2),
                                       onClick: (e) => handleEventClick(event, e),
-                                      view: "month",
-                                      children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 truncate text-[12px] text-foreground" })
-                                    }
-                                  )
-                                },
-                                `spanning-${event.id}-${day.toISOString().slice(0, 10)}`
-                              );
+                                      view: "month"
+                                    },
+                                    event.id
+                                  );
+                                }) })
+                              ] })
                             }
-                            const isMultiDay = !isLastDay;
-                            return /* @__PURE__ */ jsx(
-                              "div",
-                              {
-                                "aria-hidden": isHidden ? "true" : void 0,
-                                className: "aria-hidden:hidden relative",
-                                children: /* @__PURE__ */ jsx(
-                                  EventItemAgenda,
-                                  {
-                                    event,
-                                    isFirstDay,
-                                    isLastDay,
-                                    onClick: (e) => handleEventClick(event, e),
-                                    view: "month",
-                                    className: isMultiDay ? "overflow-visible" : "",
-                                    children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 sm:gap-2 truncate text-[12px] text-foreground relative z-10", children: [
-                                      !event.allDay && /* @__PURE__ */ jsx("span", { className: "truncate font-normal opacity-80 text-[10px] sm:text-[11px] bg-white/10 px-1 py-0.5 rounded-full", children: format(eventStart, "HH:mm") }),
-                                      /* @__PURE__ */ jsx(
-                                        "span",
-                                        {
-                                          className: `font-medium text-xs sm:text-sm ${isMultiDay ? "whitespace-nowrap" : "truncate"}`,
-                                          children: event.title
-                                        }
-                                      )
-                                    ] })
-                                  }
-                                )
-                              },
-                              event.id
-                            );
-                          }),
-                          hasMore && /* @__PURE__ */ jsxs(PopoverBase, { modal: true, children: [
-                            /* @__PURE__ */ jsx(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ 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 ${format(
-                                  day,
-                                  "PPP",
-                                  { locale: ptBR }
-                                )}`,
-                                children: [
-                                  /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
-                                    "+ ",
-                                    remainingCount
-                                  ] }),
-                                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: " more" })
-                                ]
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx(
-                              PopoverContentBase,
-                              {
-                                align: "center",
-                                className: "max-w-52 p-3",
-                                style: {
-                                  "--event-height": `${EventHeightAgenda}px`
-                                },
-                                children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                                  /* @__PURE__ */ jsx("div", { className: "font-medium text-sm", children: format(day, "EEE d", { locale: ptBR }) }),
-                                  /* @__PURE__ */ 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 = isSameDay(day, eventStart);
-                                    const isLastDay = isSameDay(day, eventEnd);
-                                    return /* @__PURE__ */ jsx(
-                                      EventItemAgenda,
-                                      {
-                                        event,
-                                        isFirstDay,
-                                        isLastDay,
-                                        onClick: (e) => handleEventClick(event, e),
-                                        view: "month"
-                                      },
-                                      event.id
-                                    );
-                                  }) })
-                                ] })
-                              }
-                            )
-                          ] })
-                        ]
-                      }
-                    )
-                  ]
-                }
-              )
-            },
-            day.toString()
-          );
-        })
-      },
-      `week-${weekIndex}`
-    )) }),
+                          )
+                        ] })
+                      ]
+                    }
+                  )
+                },
+                day.toString()
+              );
+            }),
+            /* @__PURE__ */ jsx(
+              MultiDayOverlay,
+              {
+                bars: multiDayBars,
+                weekIndex,
+                hoveredEventId,
+                onHover: handleHover,
+                onEventSelect
+              }
+            )
+          ]
+        },
+        `week-${weekIndex}`
+      );
+    }) }),
     /* @__PURE__ */ jsx(
       UndatedEvents,
       {
@@ -10467,7 +10815,8 @@ function DraggableEvent({
   isFirstDay = true,
   isLastDay = true,
   "aria-hidden": ariaHidden,
-  draggable = true
+  draggable = true,
+  totalCols
 }) {
   const { activeId } = useCalendarDndAgenda();
   const elementRef = useRef(null);
@@ -10552,7 +10901,8 @@ function DraggableEvent({
           onMouseDown: handleMouseDown,
           onTouchStart: handleTouchStart,
           showTime,
-          view
+          view,
+          totalCols
         }
       )
     }
@@ -10566,14 +10916,10 @@ function WeekViewAgenda({
   showUndatedEvents
 }) {
   const days = useMemo(() => {
-    const weekStart2 = startOfWeek(currentDate, { weekStartsOn: 0 });
+    const weekStart = startOfWeek(currentDate, { weekStartsOn: 0 });
     const weekEnd = endOfWeek(currentDate, { weekStartsOn: 0 });
-    return eachDayOfInterval({ end: weekEnd, start: weekStart2 });
+    return eachDayOfInterval({ end: weekEnd, start: weekStart });
   }, [currentDate]);
-  const weekStart = useMemo(
-    () => startOfWeek(currentDate, { weekStartsOn: 0 }),
-    [currentDate]
-  );
   const hours = useMemo(() => {
     const dayStart = startOfDay(currentDate);
     return eachHourOfInterval({
@@ -10606,6 +10952,25 @@ function WeekViewAgenda({
       });
     });
   }, [events, days]);
+  const trueAllDayEvents = useMemo(
+    () => allDayEvents.filter((e) => e.allDay),
+    [allDayEvents]
+  );
+  const multiDayTimedEvents = useMemo(
+    () => allDayEvents.filter((e) => !e.allDay),
+    [allDayEvents]
+  );
+  const rowH = EventHeightAgenda + EventGapAgenda;
+  const allDayBarData = 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 = 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 = useMemo(() => {
     const result = days.map((day) => {
       const dayEvents = events.filter((event) => {
@@ -10626,56 +10991,69 @@ function WeekViewAgenda({
         const bDuration = differenceInMinutes(bEnd, bStart);
         return bDuration - aDuration;
       });
-      const positionedEvents = [];
       const dayStart = 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 = isSameDay(day, eventStart) ? eventStart : dayStart;
         const adjustedEnd = isSameDay(day, eventEnd) ? eventEnd : addHours(dayStart, 24);
         const startHour = getHours(adjustedStart) + getMinutes(adjustedStart) / 60;
         const endHour = getHours(adjustedEnd) + 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 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) => 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 (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]);
@@ -10685,178 +11063,471 @@ function WeekViewAgenda({
   };
   const showAllDaySection = allDayEvents.length > 0;
   const { currentTimePosition, currentTimeVisible } = useCurrentTimeIndicatorAgenda(currentDate, "week");
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", "data-slot": "week-view", children: [
-    /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-30 grid grid-cols-8 border-border/70 border-b bg-background", children: [
-      /* @__PURE__ */ jsx("div", { className: "py-2 text-center text-muted-foreground/70 text-sm", children: /* @__PURE__ */ jsx("span", { className: "max-[479px]:sr-only", children: format(/* @__PURE__ */ new Date(), "O") }) }),
-      days.map((day) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "py-2 text-center text-muted-foreground/70 text-sm data-today:font-medium data-today:text-foreground",
-          "data-today": isToday(day) || void 0,
-          children: [
-            /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "sm:hidden", children: [
-              format(day, "EEE", { locale: ptBR })[0],
-              " ",
-              format(day, "d", { locale: ptBR })
-            ] }),
-            /* @__PURE__ */ jsx("span", { className: "max-sm:hidden", children: format(day, "EEE dd", { locale: ptBR }) })
-          ]
-        },
-        day.toString()
-      ))
-    ] }),
-    showAllDaySection && /* @__PURE__ */ jsx("div", { className: "border-border/70 border-b bg-muted/50", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-8", children: [
-      /* @__PURE__ */ jsx("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ 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 && isSameDay(day, eventStart) || eventStart && eventEnd && day > eventStart && day < eventEnd || eventEnd && isSameDay(day, eventEnd);
-        });
-        return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col overflow-hidden", "data-slot": "week-view", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsxs("div", { className: "min-w-[600px] sm:min-w-full flex flex-col h-full", children: [
+      /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-30 grid grid-cols-8 border-border/70 border-b bg-background", children: [
+        /* @__PURE__ */ jsx("div", { className: "py-2 text-center text-muted-foreground/70 text-[10px] sm:text-sm", children: /* @__PURE__ */ jsx("span", { className: "max-[479px]:sr-only", children: format(/* @__PURE__ */ new Date(), "O") }) }),
+        days.map((day) => /* @__PURE__ */ 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": isToday(day) || void 0,
-            children: dayAllDayEvents.map((event) => {
-              const eventStart = getEventStartDate(event);
-              const eventEnd = getEventEndDate(event) ?? getEventStartDate(event);
-              const isFirstDay = eventStart ? isSameDay(day, eventStart) : false;
-              const isLastDay = eventEnd ? isSameDay(day, eventEnd) : false;
-              const isFirstVisibleDay = eventStart ? dayIndex === 0 && isBefore(eventStart, weekStart) : false;
-              const shouldShowTitle = isFirstDay || isFirstVisibleDay;
-              return /* @__PURE__ */ jsx(
-                EventItemAgenda,
-                {
-                  event,
-                  isFirstDay,
-                  isLastDay,
-                  onClick: (e) => handleEventClick(event, e),
-                  view: "month",
-                  children: /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      "aria-hidden": !shouldShowTitle,
-                      className: cn(
-                        "truncate",
-                        !shouldShowTitle && "invisible"
-                      ),
-                      children: event.title
-                    }
-                  )
-                },
-                `spanning-${event.id}`
-              );
-            })
+            children: [
+              /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "sm:hidden", children: [
+                format(day, "EEE", { locale: ptBR })[0],
+                " ",
+                format(day, "d", { locale: ptBR })
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "hidden sm:inline md:hidden", children: format(day, "EEE d", { locale: ptBR }) }),
+              /* @__PURE__ */ jsx("span", { className: "max-md:hidden", children: format(day, "EEE dd", { locale: ptBR }) })
+            ]
           },
           day.toString()
-        );
-      })
-    ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "grid flex-1 grid-cols-8 overflow-hidden", children: [
-      /* @__PURE__ */ jsx("div", { className: "grid auto-cols-fr border-border/70 border-r", children: hours.map((hour, index) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "relative min-h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
-          children: index > 0 && /* @__PURE__ */ 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: format(hour, "HH:mm") })
-        },
-        hour.toString()
-      )) }),
-      days.map((day, dayIndex) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "relative grid auto-cols-fr border-border/70 border-r last:border-r-0",
-          "data-today": isToday(day) || void 0,
-          children: [
-            (processedDayEvents[dayIndex] ?? []).map((positionedEvent) => /* @__PURE__ */ 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__ */ jsx("div", { className: "size-full", children: /* @__PURE__ */ jsx(
-                  DraggableEvent,
+        ))
+      ] }),
+      showAllDaySection && /* @__PURE__ */ jsxs("div", { className: "border-border/70 border-b bg-muted/50", children: [
+        trueAllDayEvents.length > 0 && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-8", children: [
+          /* @__PURE__ */ jsx("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ 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__ */ jsxs(
+            "div",
+            {
+              className: "col-span-7 relative",
+              style: { height: allDayBarData.sectionH },
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "absolute inset-0 grid grid-cols-7 pointer-events-none", children: days.map((day) => /* @__PURE__ */ jsx(
+                  "div",
                   {
-                    event: positionedEvent.event,
-                    height: positionedEvent.height,
-                    onClick: (e) => handleEventClick(positionedEvent.event, e),
-                    draggable: false,
-                    showTime: true,
-                    view: "week"
-                  }
-                ) })
-              },
-              positionedEvent.event.id
-            )),
-            currentTimeVisible && isToday(day) && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "pointer-events-none absolute right-0 left-0 z-20",
-                style: { top: `${currentTimePosition}%` },
-                children: /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
-                  /* @__PURE__ */ jsx("div", { className: "-left-1 absolute h-2 w-2 rounded-full bg-primary" }),
-                  /* @__PURE__ */ jsx("div", { className: "h-[2px] w-full bg-primary" })
-                ] })
-              }
+                    className: "border-r last:border-r-0 border-border/70",
+                    "data-today": 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__ */ jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+                    /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ 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__ */ jsx(
+                          EventItemAgenda,
+                          {
+                            event,
+                            isFirstDay,
+                            isLastDay,
+                            onClick: (e) => {
+                              e.stopPropagation();
+                              handleEventClick(event, e);
+                            },
+                            view: "month",
+                            className: "h-full",
+                            children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 min-w-0 w-full", children: [
+                              !isFirstDay && colStart === 0 && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsx(CaretLeftIcon$1, {}) }),
+                              showTitle && /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-medium", children: event.title }),
+                              !isLastDay && colStart + colSpan === 7 && /* @__PURE__ */ jsx("span", { className: "shrink-0 ml-auto text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsx(CaretRightIcon$1, {}) })
+                            ] })
+                          }
+                        )
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxs(TooltipContentBase, { side: "top", children: [
+                      /* @__PURE__ */ jsx("p", { className: "font-semibold truncate max-w-[200px]", children: event.title }),
+                      /* @__PURE__ */ jsx("p", { className: "opacity-80 mt-0.5 leading-snug", children: formatDurationAgenda(event) }),
+                      event.location && /* @__PURE__ */ jsxs("p", { className: "opacity-60 mt-0.5 truncate text-[11px] max-w-[200px] flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsx(MapPinIcon$1, { size: 14 }),
+                        " ",
+                        event.location
+                      ] })
+                    ] })
+                  ] }) }, event.id);
+                })
+              ]
+            }
+          )
+        ] }),
+        multiDayTimedEvents.length > 0 && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "grid grid-cols-8",
+              trueAllDayEvents.length > 0 && "border-t border-border/40"
             ),
-            hours.map((hour) => {
-              const hourValue = getHours(hour);
-              return /* @__PURE__ */ jsx(
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ 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__ */ 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__ */ jsx(
-                      DroppableCellAgenda,
+                  className: "col-span-7 relative",
+                  style: { height: multiDayBarData.sectionH },
+                  children: [
+                    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 grid grid-cols-7 pointer-events-none", children: days.map((day) => /* @__PURE__ */ 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);
-                        },
-                        time: quarterHourTime
+                        className: "border-r last:border-r-0 border-border/70",
+                        "data-today": isToday(day) || void 0
                       },
-                      `${hour.toString()}-${quarter}`
-                    );
-                  })
-                },
-                hour.toString()
-              );
-            })
-          ]
-        },
-        day.toString()
-      ))
-    ] }),
+                      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__ */ jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+                        /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ 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__ */ jsx(
+                              EventItemAgenda,
+                              {
+                                event,
+                                isFirstDay,
+                                isLastDay,
+                                onClick: (e) => {
+                                  e.stopPropagation();
+                                  handleEventClick(event, e);
+                                },
+                                view: "month",
+                                className: "h-full border-dashed",
+                                children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 min-w-0 w-full", children: [
+                                  !isFirstDay && colStart === 0 && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsx(CaretLeftIcon$1, {}) }),
+                                  showTitle && /* @__PURE__ */ jsxs(Fragment, { children: [
+                                    isFirstDay && /* @__PURE__ */ jsx("span", { className: "font-normal opacity-80 text-[10px] sm:text-[11px] bg-white/10 px-1 py-0.5 rounded-full", children: format(eventStart, "HH:mm") }),
+                                    /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: "shrink-0 ml-auto text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsx(CaretRightIcon$1, {}) })
+                                ] })
+                              }
+                            )
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsxs(TooltipContentBase, { side: "top", children: [
+                          /* @__PURE__ */ jsx("p", { className: "font-semibold truncate max-w-[200px]", children: event.title }),
+                          /* @__PURE__ */ jsx("p", { className: "opacity-80 mt-0.5 leading-snug", children: formatDurationAgenda(event) }),
+                          event.location && /* @__PURE__ */ jsxs("p", { className: "opacity-60 mt-0.5 truncate text-[11px] max-w-[200px] flex items-center gap-1", children: [
+                            /* @__PURE__ */ jsx(MapPinIcon$1, { size: 14 }),
+                            " ",
+                            event.location
+                          ] })
+                        ] })
+                      ] }) }, event.id);
+                    })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid flex-1 grid-cols-8", children: [
+        /* @__PURE__ */ jsx("div", { className: "grid auto-cols-fr border-border/70 border-r", children: hours.map((hour, index) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "relative min-h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
+            children: index > 0 && /* @__PURE__ */ 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: format(hour, "HH:mm") })
+          },
+          hour.toString()
+        )) }),
+        days.map((day, dayIndex) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "relative grid auto-cols-fr border-border/70 border-r last:border-r-0",
+            "data-today": isToday(day) || void 0,
+            children: [
+              (processedDayEvents[dayIndex] ?? []).map((positionedEvent) => {
+                const timeLabel = formatDurationAgenda(positionedEvent.event);
+                return /* @__PURE__ */ jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxs(TooltipBase, { delayDuration: 250, children: [
+                  /* @__PURE__ */ 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__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "size-full", children: /* @__PURE__ */ jsx(
+                        DraggableEvent,
+                        {
+                          event: positionedEvent.event,
+                          height: positionedEvent.height,
+                          onClick: (e) => handleEventClick(positionedEvent.event, e),
+                          draggable: false,
+                          showTime: true,
+                          view: "week",
+                          totalCols: positionedEvent.totalCols
+                        }
+                      ) }) })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    TooltipContentBase,
+                    {
+                      side: "right",
+                      sideOffset: 6,
+                      className: "max-w-[220px] space-y-0.5",
+                      children: [
+                        /* @__PURE__ */ jsx("p", { className: "font-semibold text-sm leading-snug", children: positionedEvent.event.title }),
+                        /* @__PURE__ */ jsx("p", { className: "text-xs opacity-90", children: timeLabel }),
+                        positionedEvent.event.location && /* @__PURE__ */ jsxs("p", { className: "text-xs flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsx(MapPinIcon$1, { size: 15 }),
+                          " ",
+                          positionedEvent.event.location
+                        ] }),
+                        positionedEvent.event.description && /* @__PURE__ */ jsx("p", { className: "text-xs opacity-75 line-clamp-2", children: positionedEvent.event.description })
+                      ]
+                    }
+                  )
+                ] }) }, positionedEvent.event.id);
+              }),
+              currentTimeVisible && isToday(day) && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "pointer-events-none absolute right-0 left-0 z-20",
+                  style: { top: `${currentTimePosition}%` },
+                  children: /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
+                    /* @__PURE__ */ jsx("div", { className: "-left-1 absolute h-2 w-2 rounded-full bg-primary" }),
+                    /* @__PURE__ */ jsx("div", { className: "h-[2px] w-full bg-primary" })
+                  ] })
+                }
+              ),
+              hours.map((hour) => {
+                const hourValue = getHours(hour);
+                return /* @__PURE__ */ 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__ */ 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__ */ jsx(
       UndatedEvents,
       {
         events,
         onEventSelect,
         show: showUndatedEvents,
-        className: "my-"
+        className: "my-4"
       }
     )
   ] });
 }
+var colorBannerMap = {
+  sky: "from-sky-400 via-sky-500 to-cyan-500",
+  amber: "from-amber-400 via-amber-500 to-orange-400",
+  violet: "from-violet-400 via-violet-500 to-purple-600",
+  rose: "from-rose-400 via-rose-500 to-pink-500",
+  emerald: "from-emerald-400 via-emerald-500 to-teal-500",
+  orange: "from-orange-400 via-orange-500 to-amber-500",
+  green: "from-green-400 via-green-500 to-emerald-500",
+  blue: "from-blue-400 via-blue-500 to-indigo-500",
+  red: "from-red-400 via-red-500 to-rose-500",
+  purple: "from-purple-400 via-purple-500 to-violet-600",
+  indigo: "from-indigo-400 via-indigo-500 to-blue-600",
+  teal: "from-teal-400 via-teal-500 to-cyan-500",
+  pink: "from-pink-400 via-pink-500 to-rose-400",
+  cyan: "from-cyan-400 via-cyan-500 to-sky-500",
+  lime: "from-lime-400 via-lime-500 to-green-500",
+  fuchsia: "from-fuchsia-400 via-fuchsia-500 to-purple-500"
+};
+function formatDuration(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 format(date, "EEE',' d 'de' MMMM 'de' yyyy", { locale: ptBR });
+}
+function capitalize(s) {
+  return s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
+}
+function EventDetailModalAgenda({
+  event,
+  onClose
+}) {
+  const [open, setOpen] = useState(true);
+  if (!event) return null;
+  const color = event.color ?? getAutoColorAgenda(event.id);
+  const bannerGradient = colorBannerMap[color] ?? colorBannerMap.sky;
+  const startDate = getEventStartDate(event);
+  const endDate = getEventEndDate(event);
+  const isMultiDay = isMultiDayEventAgenda(event);
+  const durationMinutes = startDate && endDate ? differenceInMinutes(endDate, startDate) : 0;
+  const dateSection = (() => {
+    if (!startDate) {
+      return { primary: "Sem data definida", secondary: null, isAllDay: false };
+    }
+    if (event.allDay) {
+      if (isMultiDay && endDate && !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(
+        format(startDate, "d MMM yyyy, HH:mm", { locale: ptBR })
+      );
+      const endStr = capitalize(
+        format(endDate, "d MMM yyyy, HH:mm", { locale: ptBR })
+      );
+      return { primary: startStr, secondary: endStr, isAllDay: false };
+    }
+    const dateStr = capitalize(formatDateFull(startDate));
+    const timeStr = endDate ? `${format(startDate, "HH:mm")} \u2013 ${format(endDate, "HH:mm")}` : format(startDate, "HH:mm");
+    return { primary: dateStr, secondary: timeStr, isAllDay: false };
+  })();
+  return /* @__PURE__ */ jsx(
+    DialogBase,
+    {
+      open,
+      onOpenChange: (v) => {
+        setOpen(v);
+        if (!v) onClose?.();
+      },
+      children: /* @__PURE__ */ jsxs(DialogContentBase, { className: "p-0 overflow-hidden gap-0 border-none shadow-2xl sm:max-w-md rounded-2xl", children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "relative bg-gradient-to-br w-full flex flex-col justify-end px-7 pt-14 pb-7 select-none overflow-hidden",
+              bannerGradient
+            ),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-br from-white/20 via-transparent to-black/10" }),
+              /* @__PURE__ */ jsx("div", { className: "absolute top-4 left-5 flex items-center gap-2 z-10", children: dateSection.isAllDay ? /* @__PURE__ */ jsxs(Badge, { className: "bg-black/20 text-white border border-white/20 backdrop-blur-sm shadow-none gap-1 text-[11px] font-medium", children: [
+                /* @__PURE__ */ jsx(SunIcon, { size: 11, weight: "bold" }),
+                "Dia todo"
+              ] }) : isMultiDay ? /* @__PURE__ */ jsxs(Badge, { className: "bg-black/20 text-white border border-white/20 backdrop-blur-sm shadow-none gap-1 text-[11px] font-medium", children: [
+                /* @__PURE__ */ jsx(CalendarDotsIcon, { size: 11, weight: "bold" }),
+                formatDurationAgendaDays(event)
+              ] }) : durationMinutes > 0 ? /* @__PURE__ */ jsxs(Badge, { className: "bg-black/20 text-white border border-white/20 backdrop-blur-sm shadow-none gap-1 text-[11px] font-medium", children: [
+                /* @__PURE__ */ jsx(ClockIcon, { size: 11, weight: "bold" }),
+                formatDuration(durationMinutes)
+              ] }) : null }),
+              /* @__PURE__ */ jsx("h2", { className: "relative z-10 text-2xl sm:text-[1.75rem] font-bold text-white leading-tight tracking-tight drop-shadow-sm", children: event.title })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col px-7 py-6 bg-background", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 py-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "mt-0.5 p-2 rounded-xl bg-muted border border-border shrink-0", children: /* @__PURE__ */ jsx(CalendarDotsIcon, { size: 18, weight: "duotone", className: "text-primary" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-[13px] font-semibold text-foreground leading-snug", children: dateSection.primary }),
+              dateSection.secondary && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 mt-0.5", children: isMultiDay && !event.allDay || isMultiDay && dateSection.isAllDay ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(ArrowRightIcon$1, { size: 11, className: "shrink-0 text-muted-foreground/60" }),
+                /* @__PURE__ */ jsx("span", { className: "text-[12px] font-medium text-muted-foreground", children: dateSection.secondary })
+              ] }) : /* @__PURE__ */ jsx("span", { className: "text-[12px] font-medium text-muted-foreground", children: dateSection.secondary }) })
+            ] })
+          ] }),
+          (event.location || event.description) && /* @__PURE__ */ jsx(SeparatorBase, { className: "opacity-40" }),
+          event.location && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 py-4", children: [
+              /* @__PURE__ */ jsx("div", { className: "mt-0.5 p-2 rounded-xl bg-muted border border-border shrink-0", children: /* @__PURE__ */ jsx(MapPinIcon, { size: 18, weight: "duotone", className: "text-primary" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium uppercase tracking-widest text-muted-foreground/60", children: "Localiza\xE7\xE3o" }),
+                /* @__PURE__ */ jsx("span", { className: "text-[13px] font-medium text-foreground leading-snug", children: event.location })
+              ] })
+            ] }),
+            event.description && /* @__PURE__ */ jsx(SeparatorBase, { className: "opacity-40" })
+          ] }),
+          event.description && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 py-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "mt-0.5 p-2 rounded-xl bg-muted border border-border shrink-0", children: /* @__PURE__ */ jsx(AlignLeftIcon, { size: 18, weight: "duotone", className: "text-primary" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium uppercase tracking-widest text-muted-foreground/60", children: "Descri\xE7\xE3o" }),
+              /* @__PURE__ */ jsx("p", { className: "text-[13px] text-muted-foreground leading-relaxed font-normal", children: event.description })
+            ] })
+          ] }),
+          !event.location && !event.description && /* @__PURE__ */ jsx("p", { className: "py-4 text-[11px] text-muted-foreground/40 italic text-center", children: "Nenhum detalhe adicional dispon\xEDvel." })
+        ] })
+      ] })
+    }
+  );
+}
 function AgendaView({
   currentDate,
   events,
@@ -11702,23 +12373,23 @@ function EventCalendar({
     });
   };
   const viewTitle = 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(format(currentDate, "MMMM yyyy", { locale: ptBR }));
+      return capitalize2(format(currentDate, "MMMM yyyy", { locale: ptBR }));
     }
     if (view === "week") {
       const start = startOfWeek(currentDate, { weekStartsOn: 1 });
       const end = endOfWeek(currentDate, { weekStartsOn: 1 });
       if (isSameMonth(start, end)) {
-        return capitalize(format(start, "MMMM yyyy", { locale: ptBR }));
+        return capitalize2(format(start, "MMMM yyyy", { locale: ptBR }));
       }
-      const s1 = capitalize(format(start, "MMM", { locale: ptBR }));
-      const s2 = capitalize(format(end, "MMM yyyy", { locale: ptBR }));
+      const s1 = capitalize2(format(start, "MMM", { locale: ptBR }));
+      const s2 = capitalize2(format(end, "MMM yyyy", { locale: ptBR }));
       return `${s1} - ${s2}`;
     }
     if (view === "day") {
       const dayNum = format(currentDate, "d", { locale: ptBR });
-      const month = capitalize(format(currentDate, "MMMM", { locale: ptBR }));
+      const month = capitalize2(format(currentDate, "MMMM", { locale: ptBR }));
       const year = format(currentDate, "yyyy", { locale: ptBR });
       const short = `${dayNum} de ${month} de ${year}`;
       const long = `${format(currentDate, "EEE", {
@@ -11734,13 +12405,13 @@ function EventCalendar({
       const start = currentDate;
       const end = addDays(currentDate, AgendaDaysToShow - 1);
       if (isSameMonth(start, end)) {
-        return capitalize(format(start, "MMMM yyyy", { locale: ptBR }));
+        return capitalize2(format(start, "MMMM yyyy", { locale: ptBR }));
       }
-      const s1 = capitalize(format(start, "MMM", { locale: ptBR }));
-      const s2 = capitalize(format(end, "MMM yyyy", { locale: ptBR }));
+      const s1 = capitalize2(format(start, "MMM", { locale: ptBR }));
+      const s2 = capitalize2(format(end, "MMM yyyy", { locale: ptBR }));
       return `${s1} - ${s2}`;
     }
-    return capitalize(format(currentDate, "MMMM yyyy", { locale: ptBR }));
+    return capitalize2(format(currentDate, "MMMM yyyy", { locale: ptBR }));
   }, [currentDate, view]);
   const calendarContent = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
@@ -13900,14 +14571,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;
@@ -14024,25 +14695,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;
@@ -14088,8 +14759,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, format20) => {
+    const trimmedFormat = format20.trim();
     if (prefixFormats.includes(trimmedFormat)) {
       return `${trimmedFormat} ${baseValue}`;
     }
@@ -14114,8 +14785,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 format20 = propsDataKey && formatterMap[propsDataKey] ? formatterMap[propsDataKey] : "";
+        return format20 ? getFormattedValue(baseFormatted, format20) : baseFormatted;
       };
     }
     if (typeof customFormatter === "function") {
@@ -18428,8 +19099,8 @@ var TimeSeries_default = TimeSeries;
 function NumericInput({
   value,
   onChange,
-  min,
-  max,
+  min: min2,
+  max: max2,
   label,
   className,
   error,
@@ -18446,21 +19117,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) {
-        toast$1.warning("O valor deve ser maior que " + min2.toString());
+        toast$1.warning("O valor deve ser maior que " + min3.toString());
       }
-      return min2;
+      return min3;
     }
-    if (numValue > max2) {
+    if (numValue > max3) {
       if (tooltip_on_overflow) {
-        toast$1.warning("O valor deve ser menor que " + max2.toString());
+        toast$1.warning("O valor deve ser menor que " + max3.toString());
       }
       return currentValue;
     }
@@ -18482,8 +19153,8 @@ function NumericInput({
             const processedValue = handleNumberChange(
               e.currentTarget.value,
               internalValue,
-              max,
-              min
+              max2,
+              min2
             );
             setInternalValue(processedValue);
           },
@@ -19649,4 +20320,4 @@ function ControlledCombobox({
   );
 }
 
-export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, ChangeButton, Chart_default as Chart, ChartControls, ChartHeader, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, CommandBase, CommandDebouncedInputBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, ControlledCombobox, CopyButton, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, DefaultEndHour, DefaultEndHourAgenda, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent2 as DraggableEvent, DraggableTooltip_default as DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, DroppableCellAgenda, EditButton, EndHour, EndHourAgenda, ErrorMessage_default as ErrorMessage, EventAgenda, EventCalendar, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileUploader, FilterButton, HideButton, Highlights_default as Highlights, HorizontalChart_default as HorizontalChart, HorizontalLegend_default as HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase_default as LabelBase, Leaderboard, LikeButton, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, NumericInput, PeriodsDropdown_default as PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RadialMenu, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly_default as ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, StartHour, StartHourAgenda, StatusIndicator, SwitchBase, SystemTooltip_default as SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, ThemeProviderBase, TimePicker, TimePickerInput, TimeSeries_default as TimeSeries, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple_default as TooltipSimple, TooltipTriggerBase, TooltipWithTotal_default as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatFieldName, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, processNeo4jData, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useOpenTooltipForPeriod, useProcessedData, useSeriesOpacity, useTheme, useTimeSeriesRange, visualForItem };
+export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, ChangeButton, Chart_default as Chart, ChartControls, ChartHeader, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, CommandBase, CommandDebouncedInputBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, ControlledCombobox, CopyButton, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, DefaultEndHour, DefaultEndHourAgenda, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent2 as DraggableEvent, DraggableTooltip_default as DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, DroppableCellAgenda, EditButton, EndHour, EndHourAgenda, ErrorMessage_default as ErrorMessage, EventAgenda, EventCalendar, EventDetailModalAgenda, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileUploader, FilterButton, HideButton, Highlights_default as Highlights, HorizontalChart_default as HorizontalChart, HorizontalLegend_default as HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase_default as LabelBase, Leaderboard, LikeButton, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiDayOverlay, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, NumericInput, PeriodsDropdown_default as PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RadialMenu, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly_default as ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, StartHour, StartHourAgenda, StatusIndicator, SwitchBase, SystemTooltip_default as SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, ThemeProviderBase, TimePicker, TimePickerInput, TimeSeries_default as TimeSeries, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple_default as TooltipSimple, TooltipTriggerBase, TooltipWithTotal_default as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatDurationAgenda, formatDurationAgendaDays, formatFieldName, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getAutoColorAgenda, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, processNeo4jData, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useOpenTooltipForPeriod, useProcessedData, useSeriesOpacity, useTheme, useTimeSeriesRange, visualForItem };