@mlw-packages/react-components 1.9.15 → 1.10.0

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, 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, differenceInMinutes, isPast, startOfDay, eachHourOfInterval, addHours, getHours, getMinutes, areIntervalsOverlapping, startOfWeek, endOfWeek, isSameMonth, differenceInCalendarDays, 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" })
             ] })
@@ -1171,6 +1171,8 @@ var Toaster = ({ testId, ...props }) => {
       className: "toaster group",
       position: "top-center",
       duration: 4e3,
+      swipeDirections: ["top", "bottom", "left", "right"],
+      closeButton: true,
       toastOptions: {
         style: {
           backdropFilter: "blur(8px)",
@@ -1184,9 +1186,8 @@ var Toaster = ({ testId, ...props }) => {
             shadow-xl rounded-lg
             border-l-4
 
-            flex items-center gap-3
+            flex items-center gap-3 pr-10
             transition-all duration-300
-            hover:scale-[1.02] hover:shadow-2xl
             data-[type=success]:border-l-green-500 data-[type=success]:bg-green-50/95 data-[type=success]:text-green-800 data-[type=success]:border-green-500 data-
             data-[type=error]:border-l-red-500 data-[type=error]:bg-red-50/95 data-[type=error]:text-red-800 data-[type=error]:border-red-500
             data-[type=warning]:border-l-yellow-500 data-[type=warning]:bg-yellow-50/95 data-[type=warning]:text-yellow-800 data-[type=warning]:border-yellow-500
@@ -1212,6 +1213,13 @@ var Toaster = ({ testId, ...props }) => {
             hover:bg-neutral-200 hover:scale-105
             transition-all duration-200
             active:scale-95
+          `,
+          closeButton: `
+            !bg-transparent hover:!bg-black/5 dark:hover:!bg-white/10
+            !border-0 !text-neutral-400 hover:!text-neutral-900 dark:hover:!text-neutral-100
+            transition-all duration-200 !left-[auto] !right-3 !top-1/2 !-translate-y-1/2
+            !w-7 !h-7 !rounded-lg flex items-center justify-center
+            active:scale-95 
           `
         }
       },
@@ -2007,7 +2015,7 @@ var CommandDebouncedInputBase = React32.forwardRef(
   }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "flex items-center px-3 border-border border-b",
+      className: "flex items-center px-3 border-border border-b focus:ring-0",
       "cmdk-input-wrapper": "",
       children: [
         /* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
@@ -7440,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");
   }
@@ -7466,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";
 }
@@ -7581,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);
@@ -7661,7 +7669,7 @@ function useScrollColumn({
 function ScrollColumn({
   value,
   onChange,
-  max,
+  max: max2,
   label,
   step = 1
 }) {
@@ -7676,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: [
@@ -8688,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,
@@ -8975,19 +8983,39 @@ function getEventColorClassesAgenda(color) {
   const eventColor = color || "sky";
   switch (eventColor) {
     case "sky":
-      return "bg-sky-100 hover:bg-sky-200 text-sky-900 border dark:bg-sky-500/30 dark:hover:bg-sky-500/40 dark:text-sky-50 dark:border-sky-400/40 shadow-sky-500/15  hover:shadow-sky-500/25 transition-all duration-200";
+      return "bg-sky-100 hover:bg-sky-200/80 text-sky-900 border border-sky-200/70 dark:bg-sky-500/25 dark:hover:bg-sky-500/35 dark:text-sky-50 dark:border-sky-400/30 transition-colors duration-150";
     case "amber":
-      return "bg-amber-100 hover:bg-amber-200 text-amber-900 border dark:bg-amber-500/30 dark:hover:bg-amber-500/40 dark:text-amber-50 dark:border-amber-400/40 shadow-amber-500/15  hover:shadow-amber-500/25 transition-all duration-200";
+      return "bg-amber-100 hover:bg-amber-200/80 text-amber-900 border border-amber-200/70 dark:bg-amber-500/25 dark:hover:bg-amber-500/35 dark:text-amber-50 dark:border-amber-400/30 transition-colors duration-150";
     case "violet":
-      return "bg-violet-100 hover:bg-violet-200 text-violet-900 border dark:bg-violet-500/30 dark:hover:bg-violet-500/40 dark:text-violet-50 dark:border-violet-400/40 shadow-violet-500/15  hover:shadow-violet-500/25 transition-all duration-200";
+      return "bg-violet-100 hover:bg-violet-200/80 text-violet-900 border border-violet-200/70 dark:bg-violet-500/25 dark:hover:bg-violet-500/35 dark:text-violet-50 dark:border-violet-400/30 transition-colors duration-150";
     case "rose":
-      return "bg-rose-100 hover:bg-rose-200 text-rose-900 border dark:bg-rose-500/30 dark:hover:bg-rose-500/40 dark:text-rose-50 dark:border-rose-400/40  shadow-rose-500/15  hover:shadow-rose-500/25 transition-all duration-200";
+      return "bg-rose-100 hover:bg-rose-200/80 text-rose-900 border border-rose-200/70 dark:bg-rose-500/25 dark:hover:bg-rose-500/35 dark:text-rose-50 dark:border-rose-400/30 transition-colors duration-150";
     case "emerald":
-      return "bg-emerald-100 hover:bg-emerald-200 text-emerald-900 border dark:bg-emerald-500/30 dark:hover:bg-emerald-500/40 dark:text-emerald-50 dark:border-emerald-400/40  shadow-emerald-500/15  hover:shadow-emerald-500/25 transition-all duration-200";
+      return "bg-emerald-100 hover:bg-emerald-200/80 text-emerald-900 border border-emerald-200/70 dark:bg-emerald-500/25 dark:hover:bg-emerald-500/35 dark:text-emerald-50 dark:border-emerald-400/30 transition-colors duration-150";
     case "orange":
-      return "bg-orange-100 hover:bg-orange-200 text-orange-900 border dark:bg-orange-500/30 dark:hover:bg-orange-500/40 dark:text-orange-50 dark:border-orange-400/40  shadow-orange-500/15  hover:shadow-orange-500/25 transition-all duration-200";
+      return "bg-orange-100 hover:bg-orange-200/80 text-orange-900 border border-orange-200/70 dark:bg-orange-500/25 dark:hover:bg-orange-500/35 dark:text-orange-50 dark:border-orange-400/30 transition-colors duration-150";
+    case "green":
+      return "bg-green-100 hover:bg-green-200/80 text-green-900 border border-green-200/70 dark:bg-green-500/25 dark:hover:bg-green-500/35 dark:text-green-50 dark:border-green-400/30 transition-colors duration-150";
+    case "blue":
+      return "bg-blue-100 hover:bg-blue-200/80 text-blue-900 border border-blue-200/70 dark:bg-blue-500/25 dark:hover:bg-blue-500/35 dark:text-blue-50 dark:border-blue-400/30 transition-colors duration-150";
+    case "red":
+      return "bg-red-100 hover:bg-red-200/80 text-red-900 border border-red-200/70 dark:bg-red-500/25 dark:hover:bg-red-500/35 dark:text-red-50 dark:border-red-400/30 transition-colors duration-150";
+    case "purple":
+      return "bg-purple-100 hover:bg-purple-200/80 text-purple-900 border border-purple-200/70 dark:bg-purple-500/25 dark:hover:bg-purple-500/35 dark:text-purple-50 dark:border-purple-400/30 transition-colors duration-150";
+    case "indigo":
+      return "bg-indigo-100 hover:bg-indigo-200/80 text-indigo-900 border border-indigo-200/70 dark:bg-indigo-500/25 dark:hover:bg-indigo-500/35 dark:text-indigo-50 dark:border-indigo-400/30 transition-colors duration-150";
+    case "teal":
+      return "bg-teal-100 hover:bg-teal-200/80 text-teal-900 border border-teal-200/70 dark:bg-teal-500/25 dark:hover:bg-teal-500/35 dark:text-teal-50 dark:border-teal-400/30 transition-colors duration-150";
+    case "pink":
+      return "bg-pink-100 hover:bg-pink-200/80 text-pink-900 border border-pink-200/70 dark:bg-pink-500/25 dark:hover:bg-pink-500/35 dark:text-pink-50 dark:border-pink-400/30 transition-colors duration-150";
+    case "cyan":
+      return "bg-cyan-100 hover:bg-cyan-200/80 text-cyan-900 border border-cyan-200/70 dark:bg-cyan-500/25 dark:hover:bg-cyan-500/35 dark:text-cyan-50 dark:border-cyan-400/30 transition-colors duration-150";
+    case "lime":
+      return "bg-lime-100 hover:bg-lime-200/80 text-lime-900 border border-lime-200/70 dark:bg-lime-500/25 dark:hover:bg-lime-500/35 dark:text-lime-50 dark:border-lime-400/30 transition-colors duration-150";
+    case "fuchsia":
+      return "bg-fuchsia-100 hover:bg-fuchsia-200/80 text-fuchsia-900 border border-fuchsia-200/70 dark:bg-fuchsia-500/25 dark:hover:bg-fuchsia-500/35 dark:text-fuchsia-50 dark:border-fuchsia-400/30 transition-colors duration-150";
     default:
-      return "bg-sky-100 hover:bg-sky-200 text-sky-900 border dark:bg-sky-500/30 dark:hover:bg-sky-500/40 dark:text-sky-50 dark:border-sky-400/40  shadow-sky-500/15  hover:shadow-sky-500/25 transition-all duration-200";
+      return "bg-sky-100 hover:bg-sky-200/80 text-sky-900 border border-sky-200/70 dark:bg-sky-500/25 dark:hover:bg-sky-500/35 dark:text-sky-50 dark:border-sky-400/30 transition-colors duration-150";
   }
 }
 function getBorderRadiusClassesAgenda(isFirstDay, isLastDay) {
@@ -9058,6 +9086,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) {
@@ -9167,7 +9198,7 @@ function EventWrapper({
     "button",
     {
       className: cn(
-        "flex w-full select-none px-3 py-1 text-left font-medium outline-none transition-transform duration-150 ease-out backdrop-blur-sm focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-dragging:cursor-grabbing data-past-event:line-through data-dragging:shadow-lg sm:px-3 rounded-lg shadow-sm hover:shadow-md border ",
+        "flex w-full select-none text-left font-medium outline-none transition-colors duration-150 ease-out backdrop-blur-sm focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-dragging:cursor-grabbing data-past-event:line-through data-dragging:shadow-lg rounded-lg border",
         className?.includes("overflow-visible") ? "" : "overflow-hidden",
         colorClasses,
         getBorderRadiusClassesAgenda(isFirstDay, isLastDay),
@@ -9200,7 +9231,8 @@ function EventItemAgenda({
   dndAttributes,
   onMouseDown,
   onTouchStart,
-  agendaOnly = false
+  agendaOnly = false,
+  totalCols = 1
 }) {
   const eventColor = event.color;
   const startDate = getEventStartDate(event);
@@ -9258,7 +9290,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,
@@ -9286,13 +9318,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,
@@ -9303,26 +9380,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() })
         ] })
       }
     );
@@ -9494,7 +9559,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();
@@ -9508,57 +9572,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();
@@ -9593,7 +9669,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()
       )) }),
@@ -9982,25 +10058,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),
@@ -10187,6 +10263,159 @@ 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 formatDuration(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 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-1.5",
+              style: {
+                left: continuesFromPrev ? `${colStart / 7 * 100}%` : `calc(${colStart / 7 * 100}% + 3px)`,
+                right: continuesToNext ? `${100 - (colStart + colSpan) / 7 * 100}%` : `calc(${100 - (colStart + colSpan) / 7 * 100}% + 3px)`,
+                top: `calc(34px + ${slot} * (var(--event-height) + var(--event-gap)) + var(--event-gap))`,
+                zIndex: isHovered ? 10 : 1
+              },
+              onMouseEnter: () => onHover(event.id),
+              onMouseLeave: () => onHover(null),
+              children: /* @__PURE__ */ 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: formatDuration(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,
@@ -10200,13 +10429,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 = [];
@@ -10219,11 +10449,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
@@ -10231,202 +10474,221 @@ 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,
+    /* @__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",
                 {
-                  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" : ""
+                  "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")
+                          }
                         ),
-                        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(
-                                    EventItemAgenda,
-                                    {
-                                      event,
-                                      isFirstDay,
-                                      isLastDay,
-                                      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)}`
-                              );
-                            }
-                            const isMultiDay = !isLastDay;
-                            return /* @__PURE__ */ jsx(
-                              "div",
-                              {
-                                "aria-hidden": isHidden ? "true" : void 0,
-                                className: "aria-hidden:hidden relative",
-                                children: /* @__PURE__ */ jsx(
-                                  EventItemAgenda,
+                        /* @__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",
                                   {
-                                    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
-                                        }
-                                      )
-                                    ] })
-                                  }
+                                    "aria-hidden": "true",
+                                    className: "mt-[var(--event-gap)] h-[var(--event-height)] w-full",
+                                    style: { opacity: 0, pointerEvents: "none" }
+                                  },
+                                  `spacer-${si}`
                                 )
-                              },
-                              event.id
-                            );
-                          }),
-                          hasMore && /* @__PURE__ */ 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(
+                              ),
+                              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(
                                       EventItemAgenda,
                                       {
                                         event,
-                                        isFirstDay,
-                                        isLastDay,
+                                        isFirstDay: true,
+                                        isLastDay: true,
                                         onClick: (e) => handleEventClick(event, e),
-                                        view: "month"
-                                      },
-                                      event.id
-                                    );
-                                  }) })
-                                ] })
-                              }
-                            )
-                          ] })
-                        ]
-                      }
-                    )
-                  ]
-                }
-              )
-            },
-            day.toString()
-          );
-        })
-      },
-      `week-${weekIndex}`
-    )) }),
+                                        view: "month",
+                                        children: /* @__PURE__ */ 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 })
+                                        ] })
+                                      }
+                                    )
+                                  },
+                                  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: isSameDay(day, s),
+                                      isLastDay: isSameDay(day, e2),
+                                      onClick: (e) => handleEventClick(event, e),
+                                      view: "month"
+                                    },
+                                    event.id
+                                  );
+                                }) })
+                              ] })
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  )
+                },
+                day.toString()
+              );
+            }),
+            /* @__PURE__ */ jsx(
+              MultiDayOverlay,
+              {
+                bars: multiDayBars,
+                weekIndex,
+                hoveredEventId,
+                onHover: handleHover,
+                onEventSelect
+              }
+            )
+          ]
+        },
+        `week-${weekIndex}`
+      );
+    }) }),
     /* @__PURE__ */ jsx(
       UndatedEvents,
       {
@@ -10459,7 +10721,8 @@ function DraggableEvent({
   isFirstDay = true,
   isLastDay = true,
   "aria-hidden": ariaHidden,
-  draggable = true
+  draggable = true,
+  totalCols
 }) {
   const { activeId } = useCalendarDndAgenda();
   const elementRef = useRef(null);
@@ -10544,7 +10807,8 @@ function DraggableEvent({
           onMouseDown: handleMouseDown,
           onTouchStart: handleTouchStart,
           showTime,
-          view
+          view,
+          totalCols
         }
       )
     }
@@ -10558,14 +10822,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({
@@ -10598,6 +10858,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) => {
@@ -10618,56 +10897,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]);
@@ -10677,178 +10969,476 @@ 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,
-                  {
-                    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" })
-                ] })
-              }
+        ))
+      ] }),
+      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",
+                  {
+                    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(
+                    "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, {}) })
+                          ] })
+                        }
+                      )
+                    },
+                    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);
+                        className: "border-r last:border-r-0 border-border/70",
+                        "data-today": isToday(day) || void 0
+                      },
+                      day.toString()
+                    )) }),
+                    multiDayBarData.bars.map((bar) => {
+                      const {
+                        event,
+                        colStart,
+                        colSpan,
+                        isFirstDay,
+                        isLastDay,
+                        slot
+                      } = bar;
+                      const eventStart = getEventStartDate(event) ?? /* @__PURE__ */ new Date();
+                      const showTitle = isFirstDay || !isFirstDay && colStart === 0;
+                      return /* @__PURE__ */ 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, {}) })
+                              ] })
+                            }
+                          )
                         },
-                        time: quarterHourTime
+                        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 evStart = getEventStartDate(positionedEvent.event);
+                const evEnd = getEventEndDate(positionedEvent.event);
+                const timeLabel = evStart ? evEnd ? `${format(evStart, "HH:mm")} \u2013 ${format(evEnd, "HH:mm")}` : format(evStart, "HH:mm") : void 0;
+                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
                       },
-                      `${hour.toString()}-${quarter}`
-                    );
-                  })
-                },
-                hour.toString()
-              );
-            })
-          ]
-        },
-        day.toString()
-      ))
-    ] }),
+                      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 }),
+                        timeLabel && /* @__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 to-sky-500",
+  amber: "from-amber-400 to-amber-500",
+  violet: "from-violet-400 to-violet-500",
+  rose: "from-rose-400 to-rose-500",
+  emerald: "from-emerald-400 to-emerald-500",
+  orange: "from-orange-400 to-orange-500",
+  green: "from-green-400 to-green-500",
+  blue: "from-blue-400 to-blue-500",
+  red: "from-red-400 to-red-500",
+  purple: "from-purple-400 to-purple-500",
+  indigo: "from-indigo-400 to-indigo-500",
+  teal: "from-teal-400 to-teal-500",
+  pink: "from-pink-400 to-pink-500",
+  cyan: "from-cyan-400 to-cyan-500",
+  lime: "from-lime-400 to-lime-500",
+  fuchsia: "from-fuchsia-400 to-fuchsia-500"
+};
+function formatDuration2(minutes) {
+  if (minutes <= 0) return "";
+  const h = Math.floor(minutes / 60);
+  const m = minutes % 60;
+  if (h === 0) return `${m}min`;
+  if (m === 0) return `${h}h`;
+  return `${h}h ${m}min`;
+}
+function formatDateFull(date) {
+  return 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 ?? "sky";
+  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-xl sm:max-w-md", children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "relative bg-gradient-to-tl w-full flex flex-col justify-end px-6 pt-12 pb-8 select-none transition-all duration-300",
+              bannerGradient
+            ),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "absolute top-4 left-6 flex items-center gap-2", children: dateSection.isAllDay ? /* @__PURE__ */ jsxs(Badge, { className: "bg-white/20 text-white  backdrop-blur-md", children: [
+                /* @__PURE__ */ jsx(SunIcon, { size: 12, weight: "bold" }),
+                "Dia todo"
+              ] }) : isMultiDay ? /* @__PURE__ */ jsxs(Badge, { className: "bg-white/20 text-white  backdrop-blur-md", children: [
+                /* @__PURE__ */ jsx(CalendarDotsIcon, { size: 12, weight: "bold" }),
+                "Multi-dia"
+              ] }) : durationMinutes > 0 ? /* @__PURE__ */ jsxs(Badge, { className: "bg-white/20 text-white  backdrop-blur-md", children: [
+                /* @__PURE__ */ jsx(ClockIcon, { size: 12, weight: "bold" }),
+                formatDuration2(durationMinutes)
+              ] }) : null }),
+              /* @__PURE__ */ jsx("h2", { className: "text-2xl sm:text-3xl font-bold text-white leading-tight tracking-tight drop-shadow-md", children: event.title })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 px-6 py-8 bg-background", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "p-2 rounded-lg bg-muted/50 border border-border", children: /* @__PURE__ */ jsx(
+              CalendarDotsIcon,
+              {
+                size: 20,
+                weight: "duotone",
+                className: "text-primary"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground leading-none", children: dateSection.primary }),
+              dateSection.secondary && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 text-sm text-muted-foreground mt-0.5", children: isMultiDay && !event.allDay || isMultiDay && dateSection.isAllDay ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  ArrowRightIcon$1,
+                  {
+                    size: 12,
+                    className: "shrink-0 opacity-70"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "font-medium", children: dateSection.secondary })
+              ] }) : /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground/70", children: dateSection.secondary }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(SeparatorBase, { className: "opacity-50" }),
+          event.location && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "p-2 rounded-lg bg-muted/50 border border-border", children: /* @__PURE__ */ jsx(
+              MapPinIcon,
+              {
+                size: 20,
+                weight: "duotone",
+                className: "text-primary"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "Localiza\xE7\xE3o" }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground font-medium", children: event.location })
+            ] })
+          ] }),
+          event.description && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "p-2 rounded-lg bg-muted/50 border border-border", children: /* @__PURE__ */ jsx(
+              AlignLeftIcon,
+              {
+                size: 20,
+                weight: "duotone",
+                className: "text-primary"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "Descri\xE7\xE3o" }),
+              /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground leading-relaxed font-normal", children: event.description })
+            ] })
+          ] }),
+          !event.location && !event.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/60 italic text-center py-2 border border-dashed border-border rounded-lg", children: "Nenhum detalhe adicional dispon\xEDvel." })
+        ] })
+      ] })
+    }
+  );
+}
 function AgendaView({
   currentDate,
   events,
@@ -11694,23 +12284,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", {
@@ -11726,13 +12316,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(
@@ -13892,14 +14482,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;
@@ -14016,25 +14606,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;
@@ -14080,8 +14670,8 @@ var createValueFormatter = (customFormatter, formatBR) => {
   });
   const prefixFormats = ["R$", "$", "\u20AC", "\xA3"];
   const suffixFormats = ["%", "kg", "km", "m", "L", "un", "t", "h", "min", "s"];
-  const getFormattedValue = (baseValue, format17) => {
-    const trimmedFormat = format17.trim();
+  const getFormattedValue = (baseValue, format19) => {
+    const trimmedFormat = format19.trim();
     if (prefixFormats.includes(trimmedFormat)) {
       return `${trimmedFormat} ${baseValue}`;
     }
@@ -14106,8 +14696,8 @@ var createValueFormatter = (customFormatter, formatBR) => {
           num = Number.isNaN(parsed) ? NaN : parsed;
         }
         const baseFormatted = formatBR && !Number.isNaN(num) ? nf.format(num) : String(formattedValue ?? value ?? "");
-        const format17 = propsDataKey && formatterMap[propsDataKey] ? formatterMap[propsDataKey] : "";
-        return format17 ? getFormattedValue(baseFormatted, format17) : baseFormatted;
+        const format19 = propsDataKey && formatterMap[propsDataKey] ? formatterMap[propsDataKey] : "";
+        return format19 ? getFormattedValue(baseFormatted, format19) : baseFormatted;
       };
     }
     if (typeof customFormatter === "function") {
@@ -18420,8 +19010,8 @@ var TimeSeries_default = TimeSeries;
 function NumericInput({
   value,
   onChange,
-  min,
-  max,
+  min: min2,
+  max: max2,
   label,
   className,
   error,
@@ -18438,21 +19028,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;
     }
@@ -18474,8 +19064,8 @@ function NumericInput({
             const processedValue = handleNumberChange(
               e.currentTarget.value,
               internalValue,
-              max,
-              min
+              max2,
+              min2
             );
             setInternalValue(processedValue);
           },
@@ -19293,6 +19883,12 @@ function useMediaQuery(query) {
   }, [query]);
   return value;
 }
+var CRUD_ITEMS = [
+  { id: "edit", label: "Editar", icon: PencilIcon },
+  { id: "copy", label: "Copiar", icon: CopyIcon },
+  { id: "download", label: "Baixar", icon: DownloadIcon },
+  { id: "delete", label: "Excluir", icon: TrashIcon, color: "danger" }
+];
 var FULL_CIRCLE = 360;
 var START_ANGLE = -90;
 function degToRad(deg) {
@@ -19318,7 +19914,7 @@ function slicePath(index, total, wedgeRadius, innerRadius) {
 }
 function RadialMenu({
   children,
-  menuItems,
+  menuItems = CRUD_ITEMS,
   size = 240,
   iconSize = 24,
   bandWidth = 60,
@@ -19329,44 +19925,13 @@ function RadialMenu({
 }) {
   const isMobile = useMediaQuery("(max-width: 768px)");
   const radius = size / 2;
-  const outerRingOuterRadius = radius;
-  const outerRingInnerRadius = outerRingOuterRadius - outerRingWidth;
+  const outerRingInnerRadius = radius - outerRingWidth;
   const wedgeOuterRadius = outerRingInnerRadius - outerGap;
   const wedgeInnerRadius = wedgeOuterRadius - bandWidth;
   const iconRingRadius = (wedgeOuterRadius + wedgeInnerRadius) / 2;
   const centerRadius = Math.max(wedgeInnerRadius - innerGap, 0);
   const slice = 360 / menuItems.length;
   const [activeIndex, setActiveIndex] = React32.useState(null);
-  const timerRef = React32.useRef(null);
-  const isLongPress = React32.useRef(false);
-  const handleTouchStart = (e) => {
-    isLongPress.current = false;
-    const touch = e.touches[0];
-    const { clientX, clientY } = touch;
-    timerRef.current = setTimeout(() => {
-      isLongPress.current = true;
-      const event = new MouseEvent("contextmenu", {
-        bubbles: true,
-        cancelable: true,
-        view: window,
-        clientX,
-        clientY,
-        button: 2,
-        buttons: 2
-      });
-      e.target.dispatchEvent(event);
-    }, 1e3);
-  };
-  const handleTouchEnd = () => {
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-    }
-  };
-  const handleTouchMove = () => {
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-    }
-  };
   const containerVariants = {
     hidden: { opacity: 0, scale: 0.8 },
     visible: {
@@ -19396,22 +19961,13 @@ function RadialMenu({
     }
   };
   return /* @__PURE__ */ jsxs(ContextMenuBase, { children: [
-    /* @__PURE__ */ jsx(ContextMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "select-none outline-none group touch-none",
-        onTouchStart: handleTouchStart,
-        onTouchEnd: handleTouchEnd,
-        onTouchMove: handleTouchMove,
-        children: children || /* @__PURE__ */ jsx("div", { className: "size-80 flex justify-center items-center border-2 border-dashed border-muted-foreground/20 rounded-xl bg-muted/5 text-muted-foreground hover:bg-muted/10 transition-colors", children: "Right-click or Long-press here (1s)" })
-      }
-    ) }),
+    /* @__PURE__ */ jsx(ContextMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "select-none outline-none group touch-none", children: children || /* @__PURE__ */ jsx("div", { className: "size-80 flex justify-center items-center border-2 border-dashed border-muted-foreground/20 rounded-xl bg-muted/5 cursor-context-menu", children: "Clique com bot\xE3o direito" }) }) }),
     /* @__PURE__ */ jsx(
       ContextMenuContentBase,
       {
         className: "p-0 border-none bg-transparent shadow-none overflow-visible -translate-x-1/2 -translate-y-1/2",
         style: { width: size, height: size },
-        children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxs(
+        children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
           motion.div,
           {
             className: "relative size-full drop-shadow-xl will-change-transform",
@@ -19419,92 +19975,73 @@ function RadialMenu({
             initial: "hidden",
             animate: "visible",
             exit: "exit",
-            children: [
-              /* @__PURE__ */ jsx("div", { className: "absolute inset-0 rounded-full bg-background/5 blur-2xl -z-10" }),
-              /* @__PURE__ */ jsxs(
-                "svg",
-                {
-                  className: "absolute inset-0 size-full overflow-visible",
-                  viewBox: `${-radius} ${-radius} ${radius * 2} ${radius * 2}`,
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      motion.circle,
+            children: /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                className: "absolute inset-0 size-full overflow-visible",
+                viewBox: `${-radius} ${-radius} ${radius * 2} ${radius * 2}`,
+                children: [
+                  /* @__PURE__ */ jsx(motion.circle, { r: centerRadius, className: "fill-background stroke-border stroke-1" }),
+                  /* @__PURE__ */ jsx(AnimatePresence, { children: activeIndex !== null && /* @__PURE__ */ jsx(
+                    motion.text,
+                    {
+                      initial: { opacity: 0, y: 5 },
+                      animate: { opacity: 1, y: 0 },
+                      exit: { opacity: 0 },
+                      textAnchor: "middle",
+                      dominantBaseline: "middle",
+                      className: "fill-foreground text-[11px] font-bold uppercase tracking-tighter pointer-events-none",
+                      children: menuItems[activeIndex].label
+                    }
+                  ) }),
+                  menuItems.map((item, index) => {
+                    const Icon = item.icon;
+                    const midDeg = START_ANGLE + slice * index;
+                    const { x: iconX, y: iconY } = polarToCartesian(iconRingRadius, midDeg);
+                    const isActive = activeIndex === index;
+                    const ICON_BOX = iconSize * 2.5;
+                    return /* @__PURE__ */ jsxs(
+                      motion.g,
                       {
-                        r: centerRadius,
-                        initial: { scale: 0 },
-                        animate: { scale: 1 },
-                        transition: isMobile ? { duration: 0 } : {
-                          type: "spring",
-                          stiffness: 300,
-                          delay: 0.2
-                        },
-                        className: "fill-background stroke-border stroke-1 shadow-inner"
-                      }
-                    ),
-                    menuItems.map((item, index) => {
-                      const Icon = item.icon;
-                      const midDeg = START_ANGLE + slice * index;
-                      const { x: iconX, y: iconY } = polarToCartesian(
-                        iconRingRadius,
-                        midDeg
-                      );
-                      const isActive = activeIndex === index;
-                      const ICON_BOX = iconSize * 2.5;
-                      return /* @__PURE__ */ jsxs(
-                        motion.g,
-                        {
-                          variants: itemVariants2,
-                          className: "cursor-pointer outline-none",
-                          onMouseEnter: () => setActiveIndex(index),
-                          onMouseLeave: () => setActiveIndex(null),
-                          onClick: () => onSelect?.(item),
-                          style: { originX: "0px", originY: "0px" },
-                          children: [
-                            /* @__PURE__ */ jsx(
-                              "path",
-                              {
-                                d: slicePath(
-                                  index,
-                                  menuItems.length,
-                                  wedgeOuterRadius,
-                                  wedgeInnerRadius
-                                ),
-                                className: cn(
-                                  "transition-colors duration-200 stroke-1",
-                                  isActive ? "fill-primary stroke-primary-foreground/20" : "fill-background/90 stroke-border/50 hover:fill-accent"
-                                )
-                              }
-                            ),
-                            /* @__PURE__ */ jsx(
-                              "foreignObject",
-                              {
-                                x: iconX - ICON_BOX / 2,
-                                y: iconY - ICON_BOX / 2,
-                                width: ICON_BOX,
-                                height: ICON_BOX,
-                                className: "pointer-events-none",
-                                children: /* @__PURE__ */ jsx("div", { className: "size-full flex items-center justify-center", children: /* @__PURE__ */ jsx(
-                                  Icon,
-                                  {
-                                    size: iconSize,
-                                    weight: isActive ? "fill" : "regular",
-                                    className: cn(
-                                      "transition-all duration-200",
-                                      isActive ? "text-primary-foreground " : "text-muted-foreground"
-                                    )
-                                  }
-                                ) })
-                              }
-                            )
-                          ]
+                        variants: itemVariants2,
+                        className: "cursor-pointer outline-none",
+                        onMouseEnter: () => setActiveIndex(index),
+                        onMouseLeave: () => setActiveIndex(null),
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          onSelect?.(item);
                         },
-                        item.id
-                      );
-                    })
-                  ]
-                }
-              )
-            ]
+                        style: { originX: "0px", originY: "0px" },
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            "path",
+                            {
+                              d: slicePath(index, menuItems.length, wedgeOuterRadius, wedgeInnerRadius),
+                              className: cn(
+                                "transition-colors duration-200 stroke-1",
+                                isActive ? item.color === "danger" ? "fill-destructive stroke-destructive-foreground/20" : "fill-primary stroke-primary-foreground/20" : "fill-background/90 stroke-border/50 hover:fill-accent"
+                              )
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("foreignObject", { x: iconX - ICON_BOX / 2, y: iconY - ICON_BOX / 2, width: ICON_BOX, height: ICON_BOX, className: "pointer-events-none", children: /* @__PURE__ */ jsx("div", { className: "size-full flex items-center justify-center", children: /* @__PURE__ */ jsx(
+                            Icon,
+                            {
+                              size: iconSize,
+                              weight: isActive ? "fill" : "regular",
+                              className: cn(
+                                "transition-all duration-200",
+                                isActive ? "text-primary-foreground" : item.color === "danger" ? "text-destructive" : "text-muted-foreground"
+                              )
+                            }
+                          ) }) })
+                        ]
+                      },
+                      item.id
+                    );
+                  })
+                ]
+              }
+            )
           }
         ) })
       }
@@ -19521,6 +20058,8 @@ function ControlledCombobox({
   searchPlaceholder,
   empty = "Nenhum dado encontrado",
   error,
+  label,
+  labelClassname,
   testIds = {},
   onClear,
   hasSelected = false,
@@ -19534,9 +20073,10 @@ function ControlledCombobox({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "col-span-1 w-full",
+      className: "w-full flex flex-col",
       "data-testid": testIds.root ?? "combobox-base-root",
       children: [
+        label && /* @__PURE__ */ jsx(LabelBase_default, { className: labelClassname, children: label }),
         /* @__PURE__ */ jsxs(
           PopoverBase,
           {
@@ -19595,16 +20135,16 @@ function ControlledCombobox({
               /* @__PURE__ */ jsx(
                 PopoverContentBase,
                 {
-                  className: "max-h-[--radix-popover-content-available-height] w-[--radix-popover-trigger-width] p-0 border-none",
+                  className: "max-h-[--radix-popover-content-available-height] w-[--radix-popover-trigger-width] p-0 border-none focus:ring-0 focus:outline-none",
                   "data-testid": testIds.popover ?? "combobox-popover",
                   children: /* @__PURE__ */ jsxs(
                     CommandBase,
                     {
-                      className: "dark:text-white hover:bg-rsecondary",
+                      className: "dark:text-white hover:bg-rsecondary focus:ring-0 focus:outline-none",
                       "data-testid": testIds.command ?? "combobox-command",
                       filter: onSearchChange ? () => 1 : (value, search2) => {
-                        const label = items.find((item) => item.value === value)?.label || value;
-                        if (label.toLowerCase().includes(search2.toLowerCase()))
+                        const label2 = items.find((item) => item.value === value)?.label || value;
+                        if (label2.toLowerCase().includes(search2.toLowerCase()))
                           return 1;
                         return 0;
                       },
@@ -19626,6 +20166,7 @@ function ControlledCombobox({
                           {
                             "data-testid": testIds.list ?? "combobox-list",
                             onEndReached,
+                            className: "focus:ring-0 focus:outline-none",
                             children: [
                               /* @__PURE__ */ jsx(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children: loading ? "Carregando..." : empty }),
                               /* @__PURE__ */ jsx(CommandGroupBase, { "data-testid": testIds.group ?? "combobox-group", children: items.map((item) => {
@@ -19690,4 +20231,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, 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 };