@mlw-packages/react-components 1.7.17 → 1.7.19

package/dist/index.js

@@ -486,7 +486,9 @@ var require_colors2 = __commonJS({
 var index_exports = {};
 __export(index_exports, {
   AddButton: () => AddButton,
+  Agenda: () => Agenda,
   AgendaDaysToShow: () => AgendaDaysToShow,
+  AgendaDaysToShowAgenda: () => AgendaDaysToShowAgenda,
   AgendaView: () => AgendaView,
   AlertDialogActionBase: () => AlertDialogActionBase,
   AlertDialogBase: () => AlertDialogBase,
@@ -517,6 +519,7 @@ __export(index_exports, {
   ButtonGroupBase: () => ButtonGroupBase,
   CalendarBase: () => CalendarBase,
   CalendarDndProvider: () => CalendarDndProvider,
+  CalendarDndProviderAgenda: () => CalendarDndProviderAgenda,
   CardBase: () => CardBase,
   CardContentBase: () => CardContentBase,
   CardDescriptionBase: () => CardDescriptionBase,
@@ -567,9 +570,12 @@ __export(index_exports, {
   CopyButton: () => CopyButton,
   DateTimePicker: () => DateTimePicker,
   DayView: () => DayView,
+  DayViewAgenda: () => DayViewAgenda,
   DebouncedInput: () => DebouncedInput,
   DefaultEndHour: () => DefaultEndHour,
+  DefaultEndHourAgenda: () => DefaultEndHourAgenda,
   DefaultStartHour: () => DefaultStartHour,
+  DefaultStartHourAgenda: () => DefaultStartHourAgenda,
   DestructiveDialog: () => DestructiveDialog,
   DialogBase: () => DialogBase,
   DialogCloseBase: () => DialogCloseBase,
@@ -610,14 +616,20 @@ __export(index_exports, {
   DropDownMenuSubTriggerBase: () => DropDownMenuSubTriggerBase,
   DropDownMenuTriggerBase: () => DropDownMenuTriggerBase,
   DroppableCell: () => DroppableCell,
+  DroppableCellAgenda: () => DroppableCellAgenda,
   EditButton: () => EditButton,
   EndHour: () => EndHour,
+  EndHourAgenda: () => EndHourAgenda,
   ErrorMessage: () => ErrorMessage_default,
+  EventAgenda: () => EventAgenda,
   EventCalendar: () => EventCalendar,
   EventDialog: () => EventDialog,
   EventGap: () => EventGap,
+  EventGapAgenda: () => EventGapAgenda,
   EventHeight: () => EventHeight,
+  EventHeightAgenda: () => EventHeightAgenda,
   EventItem: () => EventItem,
+  EventItemAgenda: () => EventItemAgenda,
   EventsPopup: () => EventsPopup,
   FavoriteButton: () => FavoriteButton,
   FileUploader: () => FileUploader,
@@ -649,6 +661,7 @@ __export(index_exports, {
   ModalTriggerBase: () => ModalTriggerBase,
   ModeToggleBase: () => ModeToggleBase,
   MonthView: () => MonthView,
+  MonthViewAgenda: () => MonthViewAgenda,
   MoreButton: () => MoreButton,
   MultiCombobox: () => MultiCombobox,
   MultiSelectBase: () => MultiSelectBase,
@@ -734,6 +747,7 @@ __export(index_exports, {
   SkeletonBase: () => SkeletonBase,
   SlideBase: () => SlideBase,
   StartHour: () => StartHour,
+  StartHourAgenda: () => StartHourAgenda,
   StatusIndicator: () => StatusIndicator,
   SwitchBase: () => SwitchBase,
   TableBase: () => TableBase,
@@ -759,6 +773,7 @@ __export(index_exports, {
   TooltipSimple: () => TooltipSimple_default,
   TooltipTriggerBase: () => TooltipTriggerBase,
   TooltipWithTotal: () => TooltipWithTotal_default,
+  UndatedEvents: () => UndatedEvents,
   UniversalTooltipRenderer: () => UniversalTooltipRenderer,
   UnlockButton: () => UnlockButton,
   UploadButton: () => UploadButton,
@@ -766,8 +781,11 @@ __export(index_exports, {
   ViewButton: () => ViewButton,
   VisibilityButton: () => VisibilityButton,
   WeekCellsHeight: () => WeekCellsHeight,
+  WeekCellsHeightAgenda: () => WeekCellsHeightAgenda,
   WeekView: () => WeekView,
+  WeekViewAgenda: () => WeekViewAgenda,
   addHoursToDate: () => addHoursToDate,
+  addHoursToDateAgenda: () => addHoursToDateAgenda,
   badgeVariants: () => badgeVariants,
   buttonVariantsBase: () => buttonVariantsBase,
   compactTick: () => compactTick,
@@ -778,13 +796,19 @@ __export(index_exports, {
   formatFieldName: () => formatFieldName,
   generateAdditionalColors: () => generateAdditionalColors,
   getAgendaEventsForDay: () => getAgendaEventsForDay,
+  getAgendaEventsForDayAgenda: () => getAgendaEventsForDayAgenda,
   getAllEventsForDay: () => getAllEventsForDay,
+  getAllEventsForDayAgenda: () => getAllEventsForDayAgenda,
   getArrowByType: () => getArrowByType,
   getBorderRadiusClasses: () => getBorderRadiusClasses,
+  getBorderRadiusClassesAgenda: () => getBorderRadiusClassesAgenda,
   getDateByType: () => getDateByType,
   getEventColorClasses: () => getEventColorClasses,
+  getEventColorClassesAgenda: () => getEventColorClassesAgenda,
   getEventsForDay: () => getEventsForDay,
+  getEventsForDayAgenda: () => getEventsForDayAgenda,
   getSpanningEventsForDay: () => getSpanningEventsForDay,
+  getSpanningEventsForDayAgenda: () => getSpanningEventsForDayAgenda,
   getValid12Hour: () => getValid12Hour,
   getValidArrow12Hour: () => getValidArrow12Hour,
   getValidArrowHour: () => getValidArrowHour,
@@ -794,10 +818,12 @@ __export(index_exports, {
   getValidMinuteOrSecond: () => getValidMinuteOrSecond,
   getValidNumber: () => getValidNumber,
   isMultiDayEvent: () => isMultiDayEvent,
+  isMultiDayEventAgenda: () => isMultiDayEventAgenda,
   isValid12Hour: () => isValid12Hour,
   isValidHour: () => isValidHour,
   isValidMinuteOrSecond: () => isValidMinuteOrSecond,
   niceCeil: () => niceCeil,
+  normalizeAttendDate: () => normalizeAttendDate,
   renderInsideBarLabel: () => renderInsideBarLabel,
   renderPillLabel: () => pillLabelRenderer_default,
   resolveChartMargins: () => resolveChartMargins,
@@ -808,12 +834,16 @@ __export(index_exports, {
   setMinutes: () => setMinutes,
   setSeconds: () => setSeconds,
   sortEvents: () => sortEvents,
+  sortEventsAgenda: () => sortEventsAgenda,
   toast: () => toast2,
   useCalendarDnd: () => useCalendarDnd,
+  useCalendarDndAgenda: () => useCalendarDndAgenda,
   useChartHighlights: () => useChartHighlights,
   useCurrentTimeIndicator: () => useCurrentTimeIndicator,
+  useCurrentTimeIndicatorAgenda: () => useCurrentTimeIndicatorAgenda,
   useDrag: () => useDrag,
   useEventVisibility: () => useEventVisibility,
+  useEventVisibilityAgenda: () => useEventVisibilityAgenda,
   useIsMobile: () => useIsMobile,
   useTheme: () => useTheme
 });
@@ -12387,7 +12417,7 @@ function AgendaView({
   onEventSelect,
   showUndatedEvents = false
 }) {
-  const isValidDate3 = (d) => {
+  const isValidDate6 = (d) => {
     try {
       const t = d instanceof Date ? d.getTime() : new Date(String(d)).getTime();
       return !isNaN(t);
@@ -12396,11 +12426,11 @@ function AgendaView({
     }
   };
   const datedEvents = (0, import_react52.useMemo)(
-    () => events.filter((e) => isValidDate3(e.start) && isValidDate3(e.end)),
+    () => events.filter((e) => isValidDate6(e.start) && isValidDate6(e.end)),
     [events]
   );
   const undatedEvents = (0, import_react52.useMemo)(
-    () => events.filter((e) => !(isValidDate3(e.start) && isValidDate3(e.end))),
+    () => events.filter((e) => !(isValidDate6(e.start) && isValidDate6(e.end))),
     [events]
   );
   const days = (0, import_react52.useMemo)(() => {
@@ -13090,19 +13120,14 @@ function EventCalendar({
   onEventUpdate,
   onEventDelete,
   className,
-  initialView = "month",
-  mode = "default"
+  initialView = "month"
 }) {
-  const isAgendaOnly = mode === "agenda-only";
   const [currentDate, setCurrentDate] = (0, import_react58.useState)(/* @__PURE__ */ new Date());
-  const [view, setView] = (0, import_react58.useState)(
-    isAgendaOnly ? "agenda" : initialView
-  );
+  const [view, setView] = (0, import_react58.useState)(initialView);
   const [isFading, setIsFading] = (0, import_react58.useState)(false);
   const FADE_DURATION = 220;
   const changeView = (0, import_react58.useCallback)(
     (next) => {
-      if (isAgendaOnly) return;
       if (next === view) return;
       setIsFading(true);
       window.setTimeout(() => {
@@ -13110,7 +13135,7 @@ function EventCalendar({
         requestAnimationFrame(() => setIsFading(false));
       }, FADE_DURATION);
     },
-    [view, isAgendaOnly]
+    [view]
   );
   const [isPaging, setIsPaging] = (0, import_react58.useState)(false);
   const [pageDirection, setPageDirection] = (0, import_react58.useState)(
@@ -13140,7 +13165,6 @@ function EventCalendar({
       if (isEventDialogOpen || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLElement && e.target.isContentEditable) {
         return;
       }
-      if (isAgendaOnly) return;
       switch (e.key.toLowerCase()) {
         case "m":
           changeView("month");
@@ -13161,7 +13185,7 @@ function EventCalendar({
     return () => {
       window.removeEventListener("keydown", handleKeyDown);
     };
-  }, [isEventDialogOpen, changeView, isAgendaOnly]);
+  }, [isEventDialogOpen, changeView]);
   const handlePrevious = () => {
     pageTransition(() => {
       if (view === "month") {
@@ -13192,13 +13216,11 @@ function EventCalendar({
     setCurrentDate(/* @__PURE__ */ new Date());
   };
   const handleEventSelect = (event) => {
-    if (isAgendaOnly) return;
     console.log("Event selected:", event);
     setSelectedEvent(event);
     setIsEventDialogOpen(true);
   };
   const handleEventCreate = (startTime) => {
-    if (isAgendaOnly) return;
     console.log("Creating new event at:", startTime);
     const minutes = startTime.getMinutes();
     const remainder = minutes % 15;
@@ -13225,9 +13247,13 @@ function EventCalendar({
     if (event.id) {
       onEventUpdate?.(event);
       (0, import_sonner3.toast)(`Evento "${event.title}" atualizado`, {
-        description: (0, import_date_fns7.format)(new Date(event.start), "d 'de' MMMM 'de' yyyy", {
-          locale: import_locale3.ptBR
-        }),
+        description: (0, import_date_fns7.format)(
+          new Date(event.start ?? event.attend_date ?? event.end ?? Date.now()),
+          "d 'de' MMMM 'de' yyyy",
+          {
+            locale: import_locale3.ptBR
+          }
+        ),
         position: "bottom-left"
       });
     } else {
@@ -13236,9 +13262,11 @@ function EventCalendar({
         id: Math.random().toString(36).substring(2, 11)
       });
       (0, import_sonner3.toast)(`Evento "${event.title}" adicionado`, {
-        description: (0, import_date_fns7.format)(new Date(event.start), "d 'de' MMMM 'de' yyyy", {
-          locale: import_locale3.ptBR
-        }),
+        description: (0, import_date_fns7.format)(
+          new Date(event.start ?? event.attend_date ?? event.end ?? Date.now()),
+          "d 'de' MMMM 'de' yyyy",
+          { locale: import_locale3.ptBR }
+        ),
         position: "bottom-left"
       });
     }
@@ -13253,7 +13281,9 @@ function EventCalendar({
     if (deletedEvent) {
       (0, import_sonner3.toast)(`Evento "${deletedEvent.title}" exclu\xEDdo`, {
         description: (0, import_date_fns7.format)(
-          new Date(deletedEvent.start),
+          new Date(
+            deletedEvent.start ?? deletedEvent.attend_date ?? deletedEvent.end ?? Date.now()
+          ),
           "d 'de' MMMM 'de' yyyy",
           { locale: import_locale3.ptBR }
         ),
@@ -13265,7 +13295,9 @@ function EventCalendar({
     onEventUpdate?.(updatedEvent);
     (0, import_sonner3.toast)(`Evento "${updatedEvent.title}" movido`, {
       description: (0, import_date_fns7.format)(
-        new Date(updatedEvent.start),
+        new Date(
+          updatedEvent.start ?? updatedEvent.attend_date ?? updatedEvent.end ?? Date.now()
+        ),
         "d 'de' MMMM 'de' yyyy",
         { locale: import_locale3.ptBR }
       ),
@@ -13323,7 +13355,7 @@ function EventCalendar({
         ),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-1 sm:gap-4", children: [
-            !isAgendaOnly && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
               ButtonBase,
               {
                 className: "max-[479px]:aspect-square max-[479px]:p-0!",
@@ -13366,7 +13398,7 @@ function EventCalendar({
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h2", { className: "font-semibold text-sm sm:text-lg md:text-xl", children: viewTitle })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex items-center gap-2", children: !isAgendaOnly && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DropDownMenuBase, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
                 ButtonBase,
@@ -13411,8 +13443,7 @@ function EventCalendar({
                   /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropDownMenuShortcutBase, { children: "M" })
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DropDownMenuItemBase, { onClick: () => changeView("week"), children: [
-                  "Semana",
-                  " ",
+                  "Semana ",
                   /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropDownMenuShortcutBase, { children: "S" })
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DropDownMenuItemBase, { onClick: () => changeView("day"), children: [
@@ -13420,8 +13451,7 @@ function EventCalendar({
                   /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropDownMenuShortcutBase, { children: "D" })
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DropDownMenuItemBase, { onClick: () => changeView("agenda"), children: [
-                  "Agenda",
-                  " ",
+                  "Agenda ",
                   /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropDownMenuShortcutBase, { children: "A" })
                 ] })
               ] })
@@ -13493,8 +13523,7 @@ function EventCalendar({
             {
               currentDate,
               events,
-              onEventSelect: isAgendaOnly ? void 0 : handleEventSelect,
-              showUndatedEvents: isAgendaOnly
+              onEventSelect: handleEventSelect
             }
           )
         ]
@@ -13523,7 +13552,7 @@ function EventCalendar({
         "--event-height": `${EventHeight}px`,
         "--week-cells-height": `${WeekCellsHeight}px`
       },
-      children: isAgendaOnly ? calendarContent : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CalendarDndProvider, { onEventUpdate: handleEventUpdate, children: calendarContent })
+      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CalendarDndProvider, { onEventUpdate: handleEventUpdate, children: calendarContent })
     }
   );
 }
@@ -13993,6 +14022,7 @@ function EventDialog({
 // src/components/event-calendar/EventItem.tsx
 var import_date_fns9 = require("date-fns");
 var import_react62 = require("react");
+var import_react63 = require("@phosphor-icons/react");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var formatTimeWithOptionalMinutes = (date) => {
   return (0, import_date_fns9.format)(date, "HH:mm");
@@ -14020,17 +14050,26 @@ function EventWrapper({
   onTouchStart,
   ariaLabel
 }) {
-  const hasValidTimeForWrapper = isValidDate(event.start) && isValidDate(event.end);
-  const displayEnd = hasValidTimeForWrapper ? currentTime ? new Date(
-    new Date(currentTime).getTime() + (new Date(event.end).getTime() - new Date(event.start).getTime())
-  ) : new Date(event.end) : void 0;
+  const hasValidTimeForWrapper = isValidDate(event.start) && isValidDate(event.end) || isValidDate(event.attend_date);
+  const displayEnd = (() => {
+    if (isValidDate(event.start) && isValidDate(event.end)) {
+      return currentTime ? new Date(
+        new Date(currentTime).getTime() + (new Date(event.end).getTime() - new Date(event.start).getTime())
+      ) : new Date(event.end);
+    }
+    if (isValidDate(event.attend_date)) {
+      const start = new Date(event.attend_date);
+      return addHoursToDate(start, 1);
+    }
+    return void 0;
+  })();
   const isEventInPast = displayEnd ? (0, import_date_fns9.isPast)(displayEnd) : false;
   const colorClasses = hasValidTimeForWrapper ? getEventColorClasses(event.color) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none";
   return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
     "button",
     {
       className: cn(
-        "flex w-full select-none overflow-hidden px-3 py-1 text-left font-medium outline-none transition-transform duration-150 ease-out backdrop-blur-sm focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-dragging:cursor-grabbing data-past-event:line-through data-dragging:shadow-lg sm:px-3 rounded-lg shadow-sm hover:shadow-md hover:scale-105",
+        "flex w-full select-none overflow-hidden px-3 py-1 text-left font-medium outline-none transition-transform duration-150 ease-out backdrop-blur-sm focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-dragging:cursor-grabbing data-past-event:line-through data-dragging:shadow-lg sm:px-3 rounded-lg shadow-sm hover:shadow-md ",
         colorClasses,
         getBorderRadiusClasses(isFirstDay, isLastDay),
         className
@@ -14051,7 +14090,6 @@ function EventWrapper({
 function EventItem({
   event,
   view,
-  isDragging,
   onClick,
   showTime,
   currentTime,
@@ -14130,12 +14168,9 @@ function EventItem({
         dndListeners,
         event,
         ariaLabel,
-        isDragging,
         isFirstDay,
         isLastDay,
         onClick,
-        onMouseDown,
-        onTouchStart,
         children: children || /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "flex items-center gap-2 truncate", children: [
           !event.allDay && hasValidTime && displayStart && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "truncate font-normal opacity-80 sm:text-[11px] bg-white/10 px-2 py-0.5 rounded-full text-[11px]", children: formatTimeWithOptionalMinutes(displayStart) }),
           /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
@@ -14167,27 +14202,22 @@ function EventItem({
         dndListeners,
         event,
         ariaLabel,
-        isDragging,
         isFirstDay,
         isLastDay,
-        onClick,
-        onMouseDown,
-        onTouchStart,
         children: durationMinutes < 45 ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: cn("truncate", agendaOnly ? "text-lg" : ""), children: event.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: cn("truncate text-lg"), children: event.title }),
           showTime && hasValidTime && displayStart && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ml-2 inline-block bg-white/10 px-2 py-0.5 rounded-full text-[11px] opacity-90", children: formatTimeWithOptionalMinutes(displayStart) })
         ] }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
             "div",
             {
               className: cn(
-                "truncate font-medium",
-                agendaOnly ? "text-lg" : ""
+                "truncate font-medium text-lg"
               ),
               children: event.title
             }
           ),
-          showTime && hasValidTime && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "truncate font-normal opacity-70 sm:text-[11px]", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "inline-block bg-white/5 px-2 py-0.5 rounded-full", children: getEventTime() }) })
+          showTime && hasValidTime && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "truncate font-normal opacity-70 sm:text-[15px]", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "inline-block bg-white/5 px-0.5 py-0.5 rounded-full", children: getEventTime() }) })
         ] })
       }
     );
@@ -14228,7 +14258,7 @@ function EventItem({
             {
               className: cn(
                 "my-1 opacity-90",
-                agendaOnly ? "text-sm" : "text-xs"
+                agendaOnly ? "text-md" : "text-xs"
               ),
               style: {
                 display: "-webkit-box",
@@ -14247,7 +14277,7 @@ function EventItem({
     "button",
     {
       className: cn(
-        "flex w-full flex-col gap-2 rounded-lg p-3 text-left outline-none transition-shadow duration-150 ease-out hover:bg-white/3 focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-past-event:line-through data-past-event:opacity-90",
+        "flex w-full flex-col gap-2 rounded-lg p-3 text-left outline-none transition-shadow duration-150 ease-out hover:bg-white/3 focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-past-event:line-through data-past-event:opacity-90 border-2 border-border",
         colorClasses,
         className
       ),
@@ -14260,32 +14290,29 @@ function EventItem({
       ...dndListeners,
       ...dndAttributes,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: cn("font-medium", agendaOnly ? "text-lg" : "text-sm"), children: event.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
-          "div",
-          {
-            className: cn(
-              "opacity-70 flex items-center gap-2",
-              agendaOnly ? "text-sm" : "text-xs"
-            ),
-            children: [
-              event.allDay ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "uppercase", children: "All day" }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "uppercase", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex w-full justify-between border-b-2 border-black/5 ", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: cn("font-bold text-lg"), children: event.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+            "div",
+            {
+              className: cn(
+                "opacity-90 flex items-center gap-2 text-lg"
+              ),
+              children: event.allDay ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: "Dia todo" }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "uppercase font-semibold flex items-center gap-2", children: [
                 formatTimeWithOptionalMinutes(displayStart),
-                " -",
-                " ",
-                formatTimeWithOptionalMinutes(displayEnd)
-              ] }),
-              event.location && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "opacity-80 flex items-center gap-1", children: [
-                "-",
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "truncate", children: event.location })
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "opacity-70", children: "-" }),
+                formatTimeWithOptionalMinutes(displayEnd),
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react63.ClockUserIcon, {})
               ] })
-            ]
-          }
-        ),
+            }
+          )
+        ] }),
         event.description && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
           "div",
           {
-            className: cn("my-1 opacity-90", agendaOnly ? "text-sm" : "text-xs"),
+            className: cn(
+              "my-1 opacity-90 flex text-md"
+            ),
             style: {
               display: "-webkit-box",
               WebkitLineClamp: 2,
@@ -14303,9 +14330,9 @@ function EventItem({
 // src/components/event-calendar/EventsPopUp.tsx
 var import_date_fns10 = require("date-fns");
 var import_locale5 = require("date-fns/locale");
-var import_react63 = require("react");
+var import_react64 = require("react");
 var import_framer_motion18 = require("framer-motion");
-var import_react64 = require("@phosphor-icons/react");
+var import_react65 = require("@phosphor-icons/react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 function EventsPopup({
   date,
@@ -14314,8 +14341,8 @@ function EventsPopup({
   onClose,
   onEventSelect
 }) {
-  const popupRef = (0, import_react63.useRef)(null);
-  (0, import_react63.useEffect)(() => {
+  const popupRef = (0, import_react64.useRef)(null);
+  (0, import_react64.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (popupRef.current && !popupRef.current.contains(event.target)) {
         onClose();
@@ -14326,7 +14353,7 @@ function EventsPopup({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [onClose]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     const handleEscKey = (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -14341,7 +14368,7 @@ function EventsPopup({
     if (onEventSelect) onEventSelect(event);
     onClose();
   };
-  const adjustedPosition = (0, import_react63.useMemo)(() => {
+  const adjustedPosition = (0, import_react64.useMemo)(() => {
     const positionCopy = { ...position };
     if (popupRef.current) {
       const rect = popupRef.current.getBoundingClientRect();
@@ -14385,7 +14412,7 @@ function EventsPopup({
               className: "rounded-full p-1 hover:bg-muted",
               onClick: onClose,
               type: "button",
-              children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react64.XIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react65.XIcon, { className: "h-4 w-4" })
             }
           )
         ] }),
@@ -14422,11 +14449,11 @@ function EventsPopup({
 // src/components/event-calendar/hooks/use-current-time-indicator.ts
 var import_date_fns11 = require("date-fns");
 var import_locale6 = require("date-fns/locale");
-var import_react65 = require("react");
+var import_react66 = require("react");
 function useCurrentTimeIndicator(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = (0, import_react65.useState)(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = (0, import_react65.useState)(false);
-  (0, import_react65.useEffect)(() => {
+  const [currentTimePosition, setCurrentTimePosition] = (0, import_react66.useState)(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = (0, import_react66.useState)(false);
+  (0, import_react66.useEffect)(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
       const hours = now.getHours();
@@ -14457,15 +14484,15 @@ function useCurrentTimeIndicator(currentDate, view) {
 }
 
 // src/components/event-calendar/hooks/use-event-visibility.ts
-var import_react66 = require("react");
+var import_react67 = require("react");
 function useEventVisibility({
   eventHeight,
   eventGap
 }) {
-  const contentRef = (0, import_react66.useRef)(null);
-  const observerRef = (0, import_react66.useRef)(null);
-  const [contentHeight, setContentHeight] = (0, import_react66.useState)(null);
-  (0, import_react66.useLayoutEffect)(() => {
+  const contentRef = (0, import_react67.useRef)(null);
+  const observerRef = (0, import_react67.useRef)(null);
+  const [contentHeight, setContentHeight] = (0, import_react67.useState)(null);
+  (0, import_react67.useLayoutEffect)(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
       if (contentRef.current) {
@@ -14485,7 +14512,7 @@ function useEventVisibility({
       }
     };
   }, []);
-  const getVisibleEventCount = (0, import_react66.useMemo)(() => {
+  const getVisibleEventCount = (0, import_react67.useMemo)(() => {
     return (totalEvents) => {
       if (!contentHeight) return totalEvents;
       const maxEvents = Math.floor(contentHeight / (eventHeight + eventGap));
@@ -14505,7 +14532,7 @@ function useEventVisibility({
 // src/components/event-calendar/MonthView.tsx
 var import_date_fns12 = require("date-fns");
 var import_locale7 = require("date-fns/locale");
-var import_react67 = require("react");
+var import_react68 = require("react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 function MonthView({
   currentDate,
@@ -14513,21 +14540,21 @@ function MonthView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = (0, import_react67.useMemo)(() => {
+  const days = (0, import_react68.useMemo)(() => {
     const monthStart = (0, import_date_fns12.startOfMonth)(currentDate);
     const monthEnd = (0, import_date_fns12.endOfMonth)(monthStart);
     const calendarStart = (0, import_date_fns12.startOfWeek)(monthStart, { weekStartsOn: 0 });
     const calendarEnd = (0, import_date_fns12.endOfWeek)(monthEnd, { weekStartsOn: 0 });
     return (0, import_date_fns12.eachDayOfInterval)({ end: calendarEnd, start: calendarStart });
   }, [currentDate]);
-  const weekdays = (0, import_react67.useMemo)(() => {
+  const weekdays = (0, import_react68.useMemo)(() => {
     return Array.from({ length: 7 }).map((_, i) => {
       const date = (0, import_date_fns12.addDays)((0, import_date_fns12.startOfWeek)(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
       const short = (0, import_date_fns12.format)(date, "EEE", { locale: import_locale7.ptBR });
       return short.charAt(0).toUpperCase() + short.slice(1);
     });
   }, []);
-  const weeks = (0, import_react67.useMemo)(() => {
+  const weeks = (0, import_react68.useMemo)(() => {
     const result = [];
     let week = [];
     for (let i = 0; i < days.length; i++) {
@@ -14543,12 +14570,12 @@ function MonthView({
     e.stopPropagation();
     onEventSelect(event);
   };
-  const [isMounted, setIsMounted] = (0, import_react67.useState)(false);
+  const [isMounted, setIsMounted] = (0, import_react68.useState)(false);
   const { contentRef, getVisibleEventCount } = useEventVisibility({
     eventGap: EventGap,
     eventHeight: EventHeight
   });
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     setIsMounted(true);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "contents", "data-slot": "month-view", children: [
@@ -14824,7 +14851,7 @@ function addHoursToDate(date, hours) {
 // src/components/event-calendar/WeekView.tsx
 var import_date_fns15 = require("date-fns");
 var import_locale8 = require("date-fns/locale");
-var import_react68 = require("react");
+var import_react69 = require("react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 function WeekView({
   currentDate,
@@ -14832,23 +14859,23 @@ function WeekView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = (0, import_react68.useMemo)(() => {
+  const days = (0, import_react69.useMemo)(() => {
     const weekStart2 = (0, import_date_fns15.startOfWeek)(currentDate, { weekStartsOn: 0 });
     const weekEnd = (0, import_date_fns15.endOfWeek)(currentDate, { weekStartsOn: 0 });
     return (0, import_date_fns15.eachDayOfInterval)({ end: weekEnd, start: weekStart2 });
   }, [currentDate]);
-  const weekStart = (0, import_react68.useMemo)(
+  const weekStart = (0, import_react69.useMemo)(
     () => (0, import_date_fns15.startOfWeek)(currentDate, { weekStartsOn: 0 }),
     [currentDate]
   );
-  const hours = (0, import_react68.useMemo)(() => {
+  const hours = (0, import_react69.useMemo)(() => {
     const dayStart = (0, import_date_fns15.startOfDay)(currentDate);
     return (0, import_date_fns15.eachHourOfInterval)({
       end: (0, import_date_fns15.addHours)(dayStart, EndHour - 1),
       start: (0, import_date_fns15.addHours)(dayStart, StartHour)
     });
   }, [currentDate]);
-  const allDayEvents = (0, import_react68.useMemo)(() => {
+  const allDayEvents = (0, import_react69.useMemo)(() => {
     return events.filter((event) => {
       return event.allDay || isMultiDayEvent(event);
     }).filter((event) => {
@@ -14859,7 +14886,7 @@ function WeekView({
       );
     });
   }, [events, days]);
-  const processedDayEvents = (0, import_react68.useMemo)(() => {
+  const processedDayEvents = (0, import_react69.useMemo)(() => {
     const result = days.map((day) => {
       const dayEvents = events.filter((event) => {
         if (event.allDay || isMultiDayEvent(event)) return false;
@@ -15105,11 +15132,11 @@ function WeekView({
 }
 
 // src/components/ui/form/CheckBoxThree.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_framer_motion19 = require("framer-motion");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 function useCheckboxTree(initialTree) {
-  const initialCheckedNodes = (0, import_react69.useMemo)(() => {
+  const initialCheckedNodes = (0, import_react70.useMemo)(() => {
     const checkedSet = /* @__PURE__ */ new Set();
     const initializeCheckedNodes = (node) => {
       if (node.defaultChecked) {
@@ -15120,8 +15147,8 @@ function useCheckboxTree(initialTree) {
     initializeCheckedNodes(initialTree);
     return checkedSet;
   }, [initialTree]);
-  const [checkedNodes, setCheckedNodes] = (0, import_react69.useState)(initialCheckedNodes);
-  const isChecked = (0, import_react69.useCallback)(
+  const [checkedNodes, setCheckedNodes] = (0, import_react70.useState)(initialCheckedNodes);
+  const isChecked = (0, import_react70.useCallback)(
     (node) => {
       if (!node.children) {
         return checkedNodes.has(node.id);
@@ -15139,7 +15166,7 @@ function useCheckboxTree(initialTree) {
     },
     [checkedNodes]
   );
-  const handleCheck = (0, import_react69.useCallback)(
+  const handleCheck = (0, import_react70.useCallback)(
     (node) => {
       const newCheckedNodes = new Set(checkedNodes);
       const toggleNode = (n, check) => {
@@ -15169,9 +15196,9 @@ function CheckboxTree({ tree, renderNode }) {
     onCheckedChange,
     children
   }) => {
-    const [open, setOpen] = (0, import_react69.useState)(() => !!node.children && status !== false);
-    const checkboxRef = (0, import_react69.useRef)(null);
-    (0, import_react69.useEffect)(() => {
+    const [open, setOpen] = (0, import_react70.useState)(() => !!node.children && status !== false);
+    const checkboxRef = (0, import_react70.useRef)(null);
+    (0, import_react70.useEffect)(() => {
       if (checkboxRef.current) {
         checkboxRef.current.indeterminate = status === "indeterminate";
       }
@@ -15255,11 +15282,11 @@ function CheckboxTree({ tree, renderNode }) {
 }
 
 // src/components/selects/MultiSelectBase.tsx
-var import_react70 = require("@phosphor-icons/react");
-var import_react71 = require("react");
+var import_react71 = require("@phosphor-icons/react");
+var import_react72 = require("react");
 var import_framer_motion20 = require("framer-motion");
 var import_jsx_runtime85 = require("react/jsx-runtime");
-var MultiSelectContext = (0, import_react71.createContext)(null);
+var MultiSelectContext = (0, import_react72.createContext)(null);
 function MultiSelectBase({
   children,
   values,
@@ -15269,12 +15296,12 @@ function MultiSelectBase({
   empty,
   error
 }) {
-  const [open, setOpen] = (0, import_react71.useState)(false);
-  const [internalValues, setInternalValues] = (0, import_react71.useState)(
+  const [open, setOpen] = (0, import_react72.useState)(false);
+  const [internalValues, setInternalValues] = (0, import_react72.useState)(
     new Set(values ?? defaultValues)
   );
   const selectedValues = values ? new Set(values) : internalValues;
-  const [items, setItems] = (0, import_react71.useState)(/* @__PURE__ */ new Map());
+  const [items, setItems] = (0, import_react72.useState)(/* @__PURE__ */ new Map());
   function toggleValue(value) {
     if (disabled) return;
     const getNewSet = (prev) => {
@@ -15289,7 +15316,7 @@ function MultiSelectBase({
     setInternalValues(getNewSet);
     onValuesChange?.([...getNewSet(selectedValues)]);
   }
-  const onItemAdded = (0, import_react71.useCallback)((value, label) => {
+  const onItemAdded = (0, import_react72.useCallback)((value, label) => {
     setItems((prev) => {
       if (prev.get(value) === label) return prev;
       return new Map(prev).set(value, label);
@@ -15346,7 +15373,7 @@ function MultiSelectTriggerBase({
         ),
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react70.CaretUpDownIcon, { className: "size-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react71.CaretUpDownIcon, { className: "size-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
@@ -15361,13 +15388,13 @@ function MultiSelectValueBase({
   ...props
 }) {
   const { selectedValues, toggleValue, items, open } = useMultiSelectContext();
-  const [overflowAmount, setOverflowAmount] = (0, import_react71.useState)(0);
-  const valueRef = (0, import_react71.useRef)(null);
-  const overflowRef = (0, import_react71.useRef)(null);
-  const mutationObserverRef = (0, import_react71.useRef)(null);
-  const resizeObserverRef = (0, import_react71.useRef)(null);
+  const [overflowAmount, setOverflowAmount] = (0, import_react72.useState)(0);
+  const valueRef = (0, import_react72.useRef)(null);
+  const overflowRef = (0, import_react72.useRef)(null);
+  const mutationObserverRef = (0, import_react72.useRef)(null);
+  const resizeObserverRef = (0, import_react72.useRef)(null);
   const shouldWrap = overflowBehavior === "wrap" || overflowBehavior === "wrap-when-open" && open;
-  const checkOverflow = (0, import_react71.useCallback)(() => {
+  const checkOverflow = (0, import_react72.useCallback)(() => {
     if (valueRef.current == null) return;
     const containerElement = valueRef.current;
     const overflowElement = overflowRef.current;
@@ -15388,7 +15415,7 @@ function MultiSelectValueBase({
     }
     setOverflowAmount(amount);
   }, []);
-  const handleResize = (0, import_react71.useCallback)(
+  const handleResize = (0, import_react72.useCallback)(
     (node) => {
       if (node == null) {
         valueRef.current = null;
@@ -15451,7 +15478,7 @@ function MultiSelectValueBase({
             } : void 0,
             children: [
               items.get(value),
-              clickToRemove && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react70.XIcon, { className: "size-3 text-muted-foreground group-hover:text-destructive" })
+              clickToRemove && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react71.XIcon, { className: "size-3 text-muted-foreground group-hover:text-destructive" })
             ]
           },
           value
@@ -15511,7 +15538,7 @@ function MultiSelectItemBase({
 }) {
   const { toggleValue, selectedValues, onItemAdded } = useMultiSelectContext();
   const isSelected = selectedValues.has(value);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     onItemAdded(value, badgeLabel ?? children);
   }, [value, children, onItemAdded, badgeLabel]);
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
@@ -15535,7 +15562,7 @@ function MultiSelectItemBase({
                 initial: { scale: 0 },
                 animate: { scale: isSelected ? 1 : 0 },
                 transition: { type: "spring", stiffness: 500, damping: 30 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react70.CheckIcon, { className: "size-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react71.CheckIcon, { className: "size-4" })
               }
             ) }),
             children
@@ -15552,7 +15579,7 @@ function MultiSelectSeparatorBase(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CommandSeparatorBase, { ...props });
 }
 function useMultiSelectContext() {
-  const context = (0, import_react71.useContext)(MultiSelectContext);
+  const context = (0, import_react72.useContext)(MultiSelectContext);
   if (context == null) {
     throw new Error(
       "useMultiSelectContext must be used within a MultiSelectContext"
@@ -15568,51 +15595,2285 @@ function debounce(func, wait) {
   };
 }
 
-// src/hooks/use-drag.tsx
-var import_react72 = require("react");
-var useDrag = (options = {}) => {
-  const [isDragging, setIsDragging] = (0, import_react72.useState)(null);
-  const [positions, setPositions] = (0, import_react72.useState)({});
-  const dragStartPos = (0, import_react72.useRef)(null);
-  const dragId = (0, import_react72.useRef)(null);
-  const handleMouseDown = (0, import_react72.useCallback)((id, e) => {
-    e.preventDefault();
-    const currentPosition = positions[id] || { top: 0, left: 0 };
-    dragStartPos.current = {
-      x: e.clientX,
-      y: e.clientY,
-      elementX: currentPosition.left,
-      elementY: currentPosition.top
-    };
-    dragId.current = id;
-    setIsDragging(id);
-    options.onDragStart?.(id);
-  }, [positions, options]);
-  const handleMouseMove = (0, import_react72.useCallback)((e) => {
-    if (!isDragging || !dragStartPos.current || !dragId.current) return;
-    const deltaX = e.clientX - dragStartPos.current.x;
-    const deltaY = e.clientY - dragStartPos.current.y;
-    const newPosition = {
-      left: dragStartPos.current.elementX + deltaX,
-      top: dragStartPos.current.elementY + deltaY
-    };
-    newPosition.left = Math.max(0, Math.min(window.innerWidth - 300, newPosition.left));
-    newPosition.top = Math.max(0, Math.min(window.innerHeight - 200, newPosition.top));
-    setPositions((prev) => ({
-      ...prev,
-      [dragId.current]: newPosition
-    }));
-    options.onDrag?.(dragId.current, newPosition);
-  }, [isDragging, options]);
-  const handleMouseUp = (0, import_react72.useCallback)(() => {
-    if (dragId.current) {
-      options.onDragEnd?.(dragId.current);
+// src/components/event-calendar-view/Agenda.tsx
+var import_date_fns16 = require("date-fns");
+var import_locale9 = require("date-fns/locale");
+var import_react73 = require("react");
+var import_react74 = require("@phosphor-icons/react");
+var import_tailwind_merge2 = require("tailwind-merge");
+var import_jsx_runtime86 = require("react/jsx-runtime");
+function Agenda({
+  currentDate,
+  events,
+  onEventSelect,
+  showUndatedEvents = true
+}) {
+  const isValidDate6 = (d) => {
+    try {
+      const t = d instanceof Date ? d.getTime() : new Date(String(d)).getTime();
+      return !isNaN(t);
+    } catch {
+      return false;
     }
-    setIsDragging(null);
-    dragStartPos.current = null;
-    dragId.current = null;
-  }, [options]);
-  (0, import_react72.useEffect)(() => {
+  };
+  const datedEvents = (0, import_react73.useMemo)(
+    () => events.filter(
+      (e) => isValidDate6(e.start) && isValidDate6(e.end) || isValidDate6(e.attend_date)
+    ),
+    [events]
+  );
+  const undatedEvents = (0, import_react73.useMemo)(
+    () => events.filter(
+      (e) => !(isValidDate6(e.start) && isValidDate6(e.end)) && !isValidDate6(e.attend_date)
+    ),
+    [events]
+  );
+  const days = (0, import_react73.useMemo)(() => {
+    console.log("Agenda view updating with date:", currentDate.toISOString());
+    return Array.from(
+      { length: AgendaDaysToShowAgenda },
+      (_, i) => (0, import_date_fns16.addDays)(new Date(currentDate), i)
+    );
+  }, [currentDate]);
+  const handleEventClick = (event, e) => {
+    e.stopPropagation();
+    console.log("Agenda view event clicked:", event);
+    if (onEventSelect) onEventSelect(event);
+  };
+  const hasEvents = days.some(
+    (day) => getAgendaEventsForDayAgenda(datedEvents, day).length > 0
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "border-border/70 border-t px-4", children: !hasEvents && !(showUndatedEvents && undatedEvents.length > 0) ? /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex min-h-[70svh] flex-col items-center justify-center py-16 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react74.CalendarIcon, { className: "mb-2 text-muted-foreground/50", size: 32 }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("h3", { className: "font-medium text-lg", children: "Nenhum evento encontrado" }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "text-muted-foreground", children: "N\xE3o h\xE1 eventos agendados para este per\xEDodo." })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+    days.map((day) => {
+      const dayEvents = getAgendaEventsForDayAgenda(datedEvents, day);
+      if (dayEvents.length === 0) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+        "div",
+        {
+          className: (0, import_tailwind_merge2.twMerge)("relative my-12 border-border/70 border-t", (0, import_date_fns16.isToday)(day) ? "border-blue-200" : ""),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+              "span",
+              {
+                className: (0, import_tailwind_merge2.twMerge)("-top-3 absolute left-0 flex h-6 items-center bg-background pe-4 uppercase data-today:font-extrabold sm:pe-4 text-lg font-bold", (0, import_date_fns16.isToday)(day) ? "text-blue-500" : ""),
+                "data-today": (0, import_date_fns16.isToday)(day) || void 0,
+                children: (() => {
+                  const s = (0, import_date_fns16.format)(day, "d MMM, EEEE", { locale: import_locale9.ptBR });
+                  return s.split(" ").map((w) => w ? w[0].toUpperCase() + w.slice(1) : w).join(" ");
+                })()
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "mt-6 space-y-2", children: dayEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+              EventItemAgenda,
+              {
+                event,
+                onClick: onEventSelect ? (e) => handleEventClick(event, e) : void 0,
+                view: "agenda",
+                className: onEventSelect ? void 0 : "cursor-default hover:shadow-none hover:scale-100"
+              },
+              event.id
+            )) })
+          ]
+        },
+        day.toString()
+      );
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      UndatedEvents,
+      {
+        events,
+        onEventSelect,
+        show: showUndatedEvents,
+        className: "my-12"
+      }
+    )
+  ] }) });
+}
+
+// src/components/event-calendar-view/CalendarDND.tsx
+var import_core4 = require("@dnd-kit/core");
+var import_date_fns17 = require("date-fns");
+var import_react76 = require("react");
+
+// src/components/event-calendar-view/hooks.ts
+var import_react75 = require("react");
+var CalendarDndContext2 = (0, import_react75.createContext)({
+  activeEvent: null,
+  activeId: null,
+  activeView: null,
+  currentTime: null,
+  dragHandlePosition: null,
+  eventHeight: null,
+  isMultiDay: false,
+  multiDayWidth: null
+});
+var useCalendarDndAgenda = () => (0, import_react75.useContext)(CalendarDndContext2);
+
+// src/components/event-calendar-view/CalendarDND.tsx
+var import_jsx_runtime87 = require("react/jsx-runtime");
+function CalendarDndProviderAgenda({
+  children,
+  onEventUpdate
+}) {
+  const [activeEvent, setActiveEvent] = (0, import_react76.useState)(null);
+  const [activeId, setActiveId] = (0, import_react76.useState)(null);
+  const [activeView, setActiveView] = (0, import_react76.useState)(
+    null
+  );
+  const [currentTime, setCurrentTime] = (0, import_react76.useState)(null);
+  const [eventHeight, setEventHeight] = (0, import_react76.useState)(null);
+  const [isMultiDay, setIsMultiDay] = (0, import_react76.useState)(false);
+  const [multiDayWidth, setMultiDayWidth] = (0, import_react76.useState)(null);
+  const [dragHandlePosition, setDragHandlePosition] = (0, import_react76.useState)(null);
+  const eventDimensions = (0, import_react76.useRef)({ height: 0 });
+  const sensors = (0, import_core4.useSensors)(
+    (0, import_core4.useSensor)(import_core4.MouseSensor, {
+      // Require the mouse to move by 5px before activating
+      activationConstraint: {
+        distance: 5
+      }
+    }),
+    (0, import_core4.useSensor)(import_core4.TouchSensor, {
+      // Press delay of 250ms, with tolerance of 5px of movement
+      activationConstraint: {
+        delay: 250,
+        tolerance: 5
+      }
+    }),
+    (0, import_core4.useSensor)(import_core4.PointerSensor, {
+      // Require the pointer to move by 5px before activating
+      activationConstraint: {
+        distance: 5
+      }
+    })
+  );
+  const dndContextId = (0, import_react76.useId)();
+  const handleDragStart = (event) => {
+    const { active } = event;
+    if (!active.data.current) {
+      console.error("Missing data in drag start event", event);
+      return;
+    }
+    const {
+      event: calendarEvent,
+      view,
+      height,
+      isMultiDay: eventIsMultiDay,
+      multiDayWidth: eventMultiDayWidth,
+      dragHandlePosition: eventDragHandlePosition
+    } = active.data.current;
+    setActiveEvent(calendarEvent);
+    setActiveId(active.id);
+    setActiveView(view);
+    setCurrentTime(calendarEvent.start ? new Date(calendarEvent.start) : null);
+    setIsMultiDay(eventIsMultiDay || false);
+    setMultiDayWidth(eventMultiDayWidth || null);
+    setDragHandlePosition(eventDragHandlePosition || null);
+    if (height) {
+      eventDimensions.current.height = height;
+      setEventHeight(height);
+    }
+  };
+  const handleDragOver = (event) => {
+    const { over } = event;
+    if (over && activeEvent && over.data.current) {
+      const { date, time } = over.data.current;
+      if (time !== void 0 && activeView !== "month") {
+        const newTime = new Date(date);
+        const hours = Math.floor(time);
+        const fractionalHour = time - hours;
+        let minutes = 0;
+        if (fractionalHour < 0.125) minutes = 0;
+        else if (fractionalHour < 0.375) minutes = 15;
+        else if (fractionalHour < 0.625) minutes = 30;
+        else minutes = 45;
+        newTime.setHours(hours, minutes, 0, 0);
+        if (!currentTime || newTime.getHours() !== currentTime.getHours() || newTime.getMinutes() !== currentTime.getMinutes() || newTime.getDate() !== currentTime.getDate() || newTime.getMonth() !== currentTime.getMonth() || newTime.getFullYear() !== currentTime.getFullYear()) {
+          setCurrentTime(newTime);
+        }
+      } else if (activeView === "month") {
+        const newTime = new Date(date);
+        if (currentTime) {
+          newTime.setHours(
+            currentTime.getHours(),
+            currentTime.getMinutes(),
+            currentTime.getSeconds(),
+            currentTime.getMilliseconds()
+          );
+        }
+        if (!currentTime || newTime.getDate() !== currentTime.getDate() || newTime.getMonth() !== currentTime.getMonth() || newTime.getFullYear() !== currentTime.getFullYear()) {
+          setCurrentTime(newTime);
+        }
+      }
+    }
+  };
+  const handleDragEnd = (event) => {
+    const { active, over } = event;
+    if (!over || !activeEvent || !currentTime) {
+      setActiveEvent(null);
+      setActiveId(null);
+      setActiveView(null);
+      setCurrentTime(null);
+      setEventHeight(null);
+      setIsMultiDay(false);
+      setMultiDayWidth(null);
+      setDragHandlePosition(null);
+      return;
+    }
+    try {
+      if (!active.data.current || !over.data.current) {
+        throw new Error("Missing data in drag event");
+      }
+      const activeData = active.data.current;
+      const overData = over.data.current;
+      if (!activeData.event || !overData.date) {
+        throw new Error("Missing required event data");
+      }
+      const calendarEvent = activeData.event;
+      const date = overData.date;
+      const time = overData.time;
+      const newStart = new Date(date);
+      if (time !== void 0) {
+        const hours = Math.floor(time);
+        const fractionalHour = time - hours;
+        let minutes = 0;
+        if (fractionalHour < 0.125) minutes = 0;
+        else if (fractionalHour < 0.375) minutes = 15;
+        else if (fractionalHour < 0.625) minutes = 30;
+        else minutes = 45;
+        newStart.setHours(hours, minutes, 0, 0);
+      } else {
+        newStart.setHours(
+          currentTime.getHours(),
+          currentTime.getMinutes(),
+          currentTime.getSeconds(),
+          currentTime.getMilliseconds()
+        );
+      }
+      if (!calendarEvent.start || !calendarEvent.end) {
+        console.error("Cannot compute duration: event start or end is null", calendarEvent);
+        return;
+      }
+      const originalStart = new Date(calendarEvent.start);
+      const originalEnd = new Date(calendarEvent.end);
+      const durationMinutes = (0, import_date_fns17.differenceInMinutes)(originalEnd, originalStart);
+      const newEnd = (0, import_date_fns17.addMinutes)(newStart, durationMinutes);
+      const hasStartTimeChanged = originalStart.getFullYear() !== newStart.getFullYear() || originalStart.getMonth() !== newStart.getMonth() || originalStart.getDate() !== newStart.getDate() || originalStart.getHours() !== newStart.getHours() || originalStart.getMinutes() !== newStart.getMinutes();
+      if (hasStartTimeChanged) {
+        onEventUpdate({
+          ...calendarEvent,
+          end: newEnd,
+          start: newStart
+        });
+      }
+    } catch (error) {
+      console.error("Error in drag end handler:", error);
+    } finally {
+      setActiveEvent(null);
+      setActiveId(null);
+      setActiveView(null);
+      setCurrentTime(null);
+      setEventHeight(null);
+      setIsMultiDay(false);
+      setMultiDayWidth(null);
+      setDragHandlePosition(null);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+    import_core4.DndContext,
+    {
+      id: dndContextId,
+      onDragEnd: handleDragEnd,
+      onDragOver: handleDragOver,
+      onDragStart: handleDragStart,
+      sensors,
+      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+        CalendarDndContext2.Provider,
+        {
+          value: {
+            activeEvent,
+            activeId,
+            activeView,
+            currentTime,
+            dragHandlePosition,
+            eventHeight,
+            isMultiDay,
+            multiDayWidth
+          },
+          children: [
+            children,
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_core4.DragOverlay, { adjustScale: false, dropAnimation: null, children: activeEvent && activeView && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+              "div",
+              {
+                style: {
+                  height: eventHeight ? `${eventHeight}px` : "auto",
+                  width: isMultiDay && multiDayWidth ? `${multiDayWidth}%` : "100%"
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                  EventItemAgenda,
+                  {
+                    currentTime: currentTime || void 0,
+                    event: activeEvent,
+                    isDragging: true,
+                    isFirstDay: dragHandlePosition?.data?.isFirstDay !== false,
+                    isLastDay: dragHandlePosition?.data?.isLastDay !== false,
+                    showTime: activeView !== "month",
+                    view: activeView
+                  }
+                )
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/event-calendar-view/constants.ts
+var EventHeightAgenda = 24;
+var EventGapAgenda = 4;
+var WeekCellsHeightAgenda = 64;
+var AgendaDaysToShowAgenda = 30;
+var StartHourAgenda = 0;
+var EndHourAgenda = 24;
+var DefaultStartHourAgenda = 9;
+var DefaultEndHourAgenda = 10;
+
+// src/components/event-calendar-view/DayView.tsx
+var import_date_fns22 = require("date-fns");
+var import_react80 = require("react");
+
+// src/components/event-calendar-view/utils.ts
+var import_date_fns18 = require("date-fns");
+var import_date_fns19 = require("date-fns");
+function getEventColorClassesAgenda(color) {
+  const eventColor = color || "sky";
+  switch (eventColor) {
+    case "sky":
+      return "bg-sky-200/50 hover:bg-sky-200/40 text-sky-950/80 dark:bg-sky-400/25 dark:hover:bg-sky-400/20 dark:text-sky-200 shadow-sky-700/8";
+    case "amber":
+      return "bg-amber-200/50 hover:bg-amber-200/40 text-amber-950/80 dark:bg-amber-400/25 dark:hover:bg-amber-400/20 dark:text-amber-200 shadow-amber-700/8";
+    case "violet":
+      return "bg-violet-200/50 hover:bg-violet-200/40 text-violet-950/80 dark:bg-violet-400/25 dark:hover:bg-violet-400/20 dark:text-violet-200 shadow-violet-700/8";
+    case "rose":
+      return "bg-rose-200/50 hover:bg-rose-200/40 text-rose-950/80 dark:bg-rose-400/25 dark:hover:bg-rose-400/20 dark:text-rose-200 shadow-rose-700/8";
+    case "emerald":
+      return "bg-emerald-200/50 hover:bg-emerald-200/40 text-emerald-950/80 dark:bg-emerald-400/25 dark:hover:bg-emerald-400/20 dark:text-emerald-200 shadow-emerald-700/8";
+    case "orange":
+      return "bg-orange-200/50 hover:bg-orange-200/40 text-orange-950/80 dark:bg-orange-400/25 dark:hover:bg-orange-400/20 dark:text-orange-200 shadow-orange-700/8";
+    default:
+      return "bg-sky-200/50 hover:bg-sky-200/40 text-sky-950/80 dark:bg-sky-400/25 dark:hover:bg-sky-400/20 dark:text-sky-200 shadow-sky-700/8";
+  }
+}
+function getBorderRadiusClassesAgenda(isFirstDay, isLastDay) {
+  if (isFirstDay && isLastDay) {
+    return "rounded";
+  }
+  if (isFirstDay) {
+    return "rounded-l rounded-r-none";
+  }
+  if (isLastDay) {
+    return "rounded-r rounded-l-none";
+  }
+  return "rounded-none";
+}
+function isMultiDayEventAgenda(event) {
+  const eventStart = isValidDate3(event.start) ? new Date(event.start) : void 0;
+  const eventEnd = isValidDate3(event.end) ? new Date(event.end) : void 0;
+  if (!eventStart || !eventEnd) return !!event.allDay;
+  return event.allDay || eventStart.getDate() !== eventEnd.getDate();
+}
+function getEventsForDayAgenda(events, day) {
+  return events.filter((event) => {
+    const eventStart = isValidDate3(event.start) ? new Date(event.start) : isValidDate3(event.attend_date) ? normalizeAttendDate(event.attend_date) : void 0;
+    return eventStart ? (0, import_date_fns18.isSameDay)(day, eventStart) : false;
+  }).sort((a, b) => getEventStartTimestamp2(a) - getEventStartTimestamp2(b));
+}
+function sortEventsAgenda(events) {
+  return [...events].sort((a, b) => {
+    const aIsMultiDay = isMultiDayEventAgenda(a);
+    const bIsMultiDay = isMultiDayEventAgenda(b);
+    if (aIsMultiDay && !bIsMultiDay) return -1;
+    if (!aIsMultiDay && bIsMultiDay) return 1;
+    return getEventStartTimestamp2(a) - getEventStartTimestamp2(b);
+  });
+}
+function getSpanningEventsForDayAgenda(events, day) {
+  return events.filter((event) => {
+    if (!isMultiDayEventAgenda(event)) return false;
+    const eventStart = isValidDate3(event.start) ? new Date(event.start) : void 0;
+    const eventEnd = isValidDate3(event.end) ? new Date(event.end) : void 0;
+    if (!eventStart || !eventEnd) return false;
+    return !(0, import_date_fns18.isSameDay)(day, eventStart) && ((0, import_date_fns18.isSameDay)(day, eventEnd) || day > eventStart && day < eventEnd);
+  });
+}
+function getAllEventsForDayAgenda(events, day) {
+  return events.filter((event) => {
+    const eventStart = isValidDate3(event.start) ? new Date(event.start) : void 0;
+    const eventEnd = isValidDate3(event.end) ? new Date(event.end) : void 0;
+    if (!eventStart) return false;
+    return (0, import_date_fns18.isSameDay)(day, eventStart) || (eventEnd ? (0, import_date_fns18.isSameDay)(day, eventEnd) : false) || (eventEnd ? day > eventStart && day < eventEnd : false);
+  });
+}
+function getAgendaEventsForDayAgenda(events, day) {
+  return events.filter((event) => {
+    const eventStart = isValidDate3(event.start) ? new Date(event.start) : isValidDate3(event.attend_date) ? normalizeAttendDate(event.attend_date) : void 0;
+    const eventEnd = isValidDate3(event.end) ? new Date(event.end) : isValidDate3(event.attend_date) ? (() => {
+      const dt = normalizeAttendDate(event.attend_date);
+      return dt ? (0, import_date_fns19.addHours)(dt, 1) : void 0;
+    })() : void 0;
+    if (!eventStart) return false;
+    return (0, import_date_fns18.isSameDay)(day, eventStart) || (eventEnd ? (0, import_date_fns18.isSameDay)(day, eventEnd) : false) || (eventEnd ? day > eventStart && day < eventEnd : false);
+  }).sort((a, b) => getEventStartTimestamp2(a) - getEventStartTimestamp2(b));
+}
+function isValidDate3(d) {
+  try {
+    const t = d instanceof Date ? d.getTime() : new Date(String(d)).getTime();
+    return !isNaN(t);
+  } catch {
+    return false;
+  }
+}
+function getEventStartTimestamp2(e) {
+  if (isValidDate3(e.start)) return new Date(e.start).getTime();
+  if (isValidDate3(e.attend_date))
+    return normalizeAttendDate(e.attend_date).getTime();
+  return Number.MAX_SAFE_INTEGER;
+}
+function normalizeAttendDate(d) {
+  if (d === void 0 || d === null) return void 0;
+  try {
+    const dt = d instanceof Date ? d : new Date(String(d));
+    if (isNaN(dt.getTime())) return void 0;
+    if (dt.getHours() !== 0 || dt.getMinutes() !== 0 || dt.getSeconds() !== 0 || dt.getMilliseconds() !== 0) {
+      return dt;
+    }
+    return new Date(dt.getFullYear(), dt.getMonth(), dt.getDate());
+  } catch {
+    return void 0;
+  }
+}
+function addHoursToDateAgenda(date, hours) {
+  const result = new Date(date);
+  result.setHours(result.getHours() + hours);
+  return result;
+}
+
+// src/components/event-calendar-view/hooks/use-current-time-indicator.ts
+var import_date_fns20 = require("date-fns");
+var import_locale10 = require("date-fns/locale");
+var import_react77 = require("react");
+function useCurrentTimeIndicatorAgenda(currentDate, view) {
+  const [currentTimePosition, setCurrentTimePosition] = (0, import_react77.useState)(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = (0, import_react77.useState)(false);
+  (0, import_react77.useEffect)(() => {
+    const calculateTimePosition = () => {
+      const now = /* @__PURE__ */ new Date();
+      const hours = now.getHours();
+      const minutes = now.getMinutes();
+      const totalMinutes = (hours - StartHourAgenda) * 60 + minutes;
+      const dayStartMinutes = 0;
+      const dayEndMinutes = (EndHourAgenda - StartHourAgenda) * 60;
+      const position = (totalMinutes - dayStartMinutes) / (dayEndMinutes - dayStartMinutes) * 100;
+      let isCurrentTimeVisible = false;
+      if (view === "day") {
+        isCurrentTimeVisible = (0, import_date_fns20.isSameDay)(now, currentDate);
+      } else if (view === "week") {
+        const startOfWeekDate = (0, import_date_fns20.startOfWeek)(currentDate, { locale: import_locale10.ptBR });
+        const endOfWeekDate = (0, import_date_fns20.endOfWeek)(currentDate, { locale: import_locale10.ptBR });
+        isCurrentTimeVisible = (0, import_date_fns20.isWithinInterval)(now, {
+          end: endOfWeekDate,
+          start: startOfWeekDate
+        });
+      }
+      setCurrentTimePosition(position);
+      setCurrentTimeVisible(isCurrentTimeVisible);
+    };
+    calculateTimePosition();
+    const interval = setInterval(calculateTimePosition, 6e4);
+    return () => clearInterval(interval);
+  }, [currentDate, view]);
+  return { currentTimePosition, currentTimeVisible };
+}
+
+// src/components/event-calendar-view/EventItemAgenda.tsx
+var import_date_fns21 = require("date-fns");
+var import_react78 = require("react");
+var import_react79 = require("@phosphor-icons/react");
+var import_jsx_runtime88 = require("react/jsx-runtime");
+var formatTimeWithOptionalMinutes2 = (date) => {
+  return (0, import_date_fns21.format)(date, "HH:mm");
+};
+var isValidDate4 = (d) => {
+  try {
+    const dt = d instanceof Date ? d : new Date(String(d));
+    return !isNaN(dt.getTime());
+  } catch {
+    return false;
+  }
+};
+function EventWrapper2({
+  event,
+  isFirstDay = true,
+  isLastDay = true,
+  isDragging,
+  onClick,
+  className,
+  children,
+  currentTime,
+  dndListeners,
+  dndAttributes,
+  onMouseDown,
+  onTouchStart,
+  ariaLabel
+}) {
+  const hasValidTimeForWrapper = isValidDate4(event.start) && isValidDate4(event.end) || isValidDate4(event.attend_date);
+  const displayEnd = (() => {
+    if (isValidDate4(event.start) && isValidDate4(event.end)) {
+      return currentTime ? new Date(
+        new Date(currentTime).getTime() + (new Date(event.end).getTime() - new Date(event.start).getTime())
+      ) : new Date(event.end);
+    }
+    if (isValidDate4(event.attend_date)) {
+      const start = normalizeAttendDate(event.attend_date);
+      return start ? addHoursToDateAgenda(start, 1) : void 0;
+    }
+    return void 0;
+  })();
+  const isEventInPast = displayEnd ? (0, import_date_fns21.isPast)(displayEnd) : false;
+  const colorClasses = hasValidTimeForWrapper ? getEventColorClassesAgenda(event.color) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none";
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    "button",
+    {
+      className: cn(
+        "flex w-full select-none overflow-hidden px-3 py-1 text-left font-medium outline-none transition-transform duration-150 ease-out backdrop-blur-sm focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-dragging:cursor-grabbing data-past-event:line-through data-dragging:shadow-lg sm:px-3 rounded-lg shadow-sm hover:shadow-md ",
+        colorClasses,
+        getBorderRadiusClassesAgenda(isFirstDay, isLastDay),
+        className
+      ),
+      "data-dragging": isDragging || void 0,
+      "data-past-event": isEventInPast || void 0,
+      onClick,
+      onMouseDown,
+      onTouchStart,
+      "aria-label": ariaLabel,
+      type: "button",
+      ...dndListeners,
+      ...dndAttributes,
+      children
+    }
+  );
+}
+function EventItemAgenda({
+  event,
+  view,
+  onClick,
+  showTime,
+  currentTime,
+  isFirstDay = true,
+  isLastDay = true,
+  children,
+  className,
+  dndListeners,
+  dndAttributes,
+  onMouseDown,
+  onTouchStart,
+  agendaOnly = false
+}) {
+  const eventColor = event.color;
+  const hasValidTime = isValidDate4(event.start) && isValidDate4(event.end) || isValidDate4(event.attend_date);
+  const colorClasses = hasValidTime ? getEventColorClassesAgenda(eventColor) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none";
+  const displayStart = (0, import_react78.useMemo)(() => {
+    if (!hasValidTime) return void 0;
+    if (isValidDate4(event.start))
+      return currentTime || new Date(event.start);
+    if (isValidDate4(event.attend_date))
+      return currentTime || normalizeAttendDate(event.attend_date);
+    return void 0;
+  }, [currentTime, event.start, event.attend_date, hasValidTime]);
+  const displayEnd = (0, import_react78.useMemo)(() => {
+    if (!hasValidTime) return void 0;
+    if (isValidDate4(event.end)) {
+      return currentTime ? new Date(
+        new Date(currentTime).getTime() + (new Date(event.end).getTime() - new Date(event.start).getTime())
+      ) : new Date(event.end);
+    }
+    if (isValidDate4(event.attend_date)) {
+      const start = normalizeAttendDate(event.attend_date);
+      return start ? addHoursToDateAgenda(start, 1) : void 0;
+    }
+    return void 0;
+  }, [currentTime, event.start, event.end, event.attend_date, hasValidTime]);
+  const durationMinutes = (0, import_react78.useMemo)(() => {
+    if (!hasValidTime || !displayStart || !displayEnd) return 0;
+    return (0, import_date_fns21.differenceInMinutes)(displayEnd, displayStart);
+  }, [displayStart, displayEnd, hasValidTime]);
+  const getEventTime = () => {
+    if (!hasValidTime) return "";
+    if (event.allDay) return "All day";
+    if (durationMinutes < 45) {
+      return formatTimeWithOptionalMinutes2(displayStart);
+    }
+    return `${formatTimeWithOptionalMinutes2(
+      displayStart
+    )} - ${formatTimeWithOptionalMinutes2(displayEnd)}`;
+  };
+  let ariaLabel;
+  if (!hasValidTime) {
+    ariaLabel = event.title;
+  } else if (event.allDay) {
+    ariaLabel = `${event.title}, All day`;
+  } else if (durationMinutes < 45) {
+    ariaLabel = `${event.title}, ${formatTimeWithOptionalMinutes2(
+      displayStart
+    )}`;
+  } else {
+    ariaLabel = `${event.title}, ${formatTimeWithOptionalMinutes2(
+      displayStart
+    )} - ${formatTimeWithOptionalMinutes2(displayEnd)}`;
+  }
+  if (view === "month") {
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+      EventWrapper2,
+      {
+        className: cn(
+          "mt-[var(--event-gap)] h-[var(--event-height)] items-center text-[10px] sm:text-xs",
+          className
+        ),
+        currentTime,
+        dndAttributes,
+        dndListeners,
+        event,
+        ariaLabel,
+        isFirstDay,
+        isLastDay,
+        onClick,
+        children: children || /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "flex items-center gap-2 truncate", children: [
+          !event.allDay && hasValidTime && displayStart && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "truncate font-normal opacity-80 sm:text-[11px] bg-white/10 px-2 py-0.5 rounded-full text-[11px]", children: formatTimeWithOptionalMinutes2(displayStart) }),
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+            "span",
+            {
+              className: cn(
+                "truncate",
+                agendaOnly ? "font-bold text-lg" : "font-medium"
+              ),
+              children: event.title
+            }
+          )
+        ] })
+      }
+    );
+  }
+  if (view === "week" || view === "day") {
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+      EventWrapper2,
+      {
+        className: cn(
+          "py-1",
+          durationMinutes < 45 ? "items-center" : "flex-col",
+          view === "week" ? "text-[10px] sm:text-xs" : "text-xs",
+          className
+        ),
+        currentTime,
+        dndAttributes,
+        dndListeners,
+        event,
+        ariaLabel,
+        isFirstDay,
+        isLastDay,
+        children: durationMinutes < 45 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: cn("truncate text-lg"), children: event.title }),
+          showTime && hasValidTime && displayStart && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "ml-2 inline-block bg-white/10 px-2 py-0.5 rounded-full text-[11px] opacity-90", children: formatTimeWithOptionalMinutes2(displayStart) })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: cn("truncate font-medium text-lg"), children: event.title }),
+          showTime && hasValidTime && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "truncate font-normal opacity-70 sm:text-[15px]", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "inline-block bg-white/5 px-0.5 py-0.5 rounded-full", children: getEventTime() }) })
+        ] })
+      }
+    );
+  }
+  if (!hasValidTime) {
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+      "button",
+      {
+        className: cn(
+          "flex w-full flex-col gap-2 rounded-lg p-3 text-left outline-none transition-shadow duration-150 ease-out hover:bg-white/3 focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring",
+          getEventColorClassesAgenda(eventColor),
+          className
+        ),
+        "aria-label": ariaLabel,
+        onClick,
+        onMouseDown,
+        onTouchStart,
+        type: "button",
+        ...dndListeners,
+        ...dndAttributes,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: cn("font-medium", agendaOnly ? "text-lg" : "text-sm"), children: event.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+            "div",
+            {
+              className: cn(
+                "opacity-70 flex items-center gap-2",
+                agendaOnly ? "text-sm" : "text-xs"
+              ),
+              children: event.location && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "opacity-80 flex items-center gap-1", children: [
+                "-",
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "truncate", children: event.location })
+              ] })
+            }
+          ),
+          event.description && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+            "div",
+            {
+              className: cn(
+                "my-1 opacity-90",
+                agendaOnly ? "text-md" : "text-xs"
+              ),
+              style: {
+                display: "-webkit-box",
+                WebkitLineClamp: 2,
+                WebkitBoxOrient: "vertical",
+                overflow: "hidden"
+              },
+              children: event.description
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    "button",
+    {
+      className: cn(
+        "flex w-full flex-col gap-2 rounded-lg p-3 text-left outline-none transition-shadow duration-150 ease-out hover:bg-white/3 focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-past-event:line-through data-past-event:opacity-90 border-2 border-border",
+        colorClasses,
+        className
+      ),
+      "data-past-event": (0, import_date_fns21.isPast)(displayEnd) || void 0,
+      "aria-label": ariaLabel,
+      onClick,
+      onMouseDown,
+      onTouchStart,
+      type: "button",
+      ...dndListeners,
+      ...dndAttributes,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex w-full justify-between ", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: cn("font-bold text-lg"), children: event.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: cn("opacity-90 flex items-center gap-2 text-lg"), children: event.allDay ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: "Dia todo" }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "uppercase font-semibold flex items-center gap-2", children: [
+            formatTimeWithOptionalMinutes2(displayStart),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "opacity-70", children: "-" }),
+            formatTimeWithOptionalMinutes2(displayEnd),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react79.ClockUserIcon, {})
+          ] }) })
+        ] }),
+        event.description && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+          "div",
+          {
+            className: cn("my-1 opacity-90 flex text-md"),
+            style: {
+              display: "-webkit-box",
+              WebkitLineClamp: 2,
+              WebkitBoxOrient: "vertical",
+              overflow: "hidden"
+            },
+            children: event.description
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/event-calendar-view/DroppableCell.tsx
+var import_core5 = require("@dnd-kit/core");
+var import_jsx_runtime89 = require("react/jsx-runtime");
+function DroppableCellAgenda({
+  id,
+  date,
+  time,
+  children,
+  className,
+  onClick
+}) {
+  const { activeEvent } = useCalendarDndAgenda();
+  const { setNodeRef, isOver } = (0, import_core5.useDroppable)({
+    data: {
+      date,
+      time
+    },
+    id
+  });
+  const formattedTime = time !== void 0 ? `${Math.floor(time)}:${Math.round((time - Math.floor(time)) * 60).toString().padStart(2, "0")}` : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    "div",
+    {
+      className: cn(
+        "flex h-full flex-col overflow-hidden px-0.5 py-1 data-dragging:bg-accent sm:px-1",
+        className
+      ),
+      "data-dragging": isOver && activeEvent ? true : void 0,
+      onClick,
+      ref: setNodeRef,
+      title: formattedTime ? `${formattedTime}` : void 0,
+      children
+    }
+  );
+}
+
+// src/components/event-calendar-view/DayView.tsx
+var import_jsx_runtime90 = require("react/jsx-runtime");
+function DayViewAgenda({
+  currentDate,
+  events,
+  onEventSelect,
+  showUndatedEvents
+}) {
+  const hours = (0, import_react80.useMemo)(() => {
+    const dayStart = (0, import_date_fns22.startOfDay)(currentDate);
+    return (0, import_date_fns22.eachHourOfInterval)({
+      end: (0, import_date_fns22.addHours)(dayStart, EndHourAgenda - 1),
+      start: (0, import_date_fns22.addHours)(dayStart, StartHourAgenda)
+    });
+  }, [currentDate]);
+  const dayEvents = (0, import_react80.useMemo)(() => {
+    const dayStart = (0, import_date_fns22.startOfDay)(currentDate);
+    const dayEnd = (0, import_date_fns22.endOfDay)(currentDate);
+    return events.map((event) => {
+      let eventStart = event.start != null ? new Date(event.start) : void 0;
+      let eventEnd = event.end != null ? new Date(event.end) : void 0;
+      if ((!eventStart || !eventEnd) && event.attend_date) {
+        try {
+          const ad = new Date(event.attend_date);
+          const hasTime = ad.getHours() !== 0 || ad.getMinutes() !== 0 || ad.getSeconds() !== 0 || ad.getMilliseconds() !== 0;
+          if (hasTime) {
+            if (!eventStart) eventStart = ad;
+            if (!eventEnd) eventEnd = (0, import_date_fns22.addHours)(ad, 1);
+          }
+        } catch {
+        }
+      }
+      return { event, eventStart, eventEnd };
+    }).filter(({ eventStart, eventEnd }) => !!eventStart && !!eventEnd).filter(
+      ({ eventStart, eventEnd }) => (0, import_date_fns22.areIntervalsOverlapping)(
+        { start: eventStart, end: eventEnd },
+        { start: dayStart, end: dayEnd }
+      )
+    ).map(({ event }) => event).sort((a, b) => {
+      const aStart = a.start ? new Date(a.start).getTime() : a.attend_date ? new Date(a.attend_date).getTime() : 0;
+      const bStart = b.start ? new Date(b.start).getTime() : b.attend_date ? new Date(b.attend_date).getTime() : 0;
+      return aStart - bStart;
+    });
+  }, [currentDate, events]);
+  const allDayEvents = (0, import_react80.useMemo)(() => {
+    return dayEvents.filter((event) => {
+      return event.allDay || isMultiDayEventAgenda(event);
+    });
+  }, [dayEvents]);
+  const timeEvents = (0, import_react80.useMemo)(() => {
+    return dayEvents.filter((event) => {
+      return !event.allDay && !isMultiDayEventAgenda(event);
+    });
+  }, [dayEvents]);
+  const positionedEvents = (0, import_react80.useMemo)(() => {
+    const result = [];
+    const dayStart = (0, import_date_fns22.startOfDay)(currentDate);
+    const sortedEvents = [...timeEvents].sort((a, b) => {
+      const aStart = new Date(a.start);
+      const bStart = new Date(b.start);
+      const aEnd = new Date(a.end);
+      const bEnd = new Date(b.end);
+      if (aStart < bStart) return -1;
+      if (aStart > bStart) return 1;
+      const aDuration = (0, import_date_fns22.differenceInMinutes)(aEnd, aStart);
+      const bDuration = (0, import_date_fns22.differenceInMinutes)(bEnd, bStart);
+      return bDuration - aDuration;
+    });
+    const columns = [];
+    for (const event of sortedEvents) {
+      let eventStart = event.start != null ? new Date(event.start) : void 0;
+      let eventEnd = event.end != null ? new Date(event.end) : void 0;
+      if ((!eventStart || !eventEnd) && event.attend_date) {
+        try {
+          const ad = new Date(event.attend_date);
+          const hasTime = ad.getHours() !== 0 || ad.getMinutes() !== 0 || ad.getSeconds() !== 0 || ad.getMilliseconds() !== 0;
+          if (hasTime) {
+            if (!eventStart) eventStart = ad;
+            if (!eventEnd) eventEnd = (0, import_date_fns22.addHours)(ad, 1);
+          }
+        } catch {
+        }
+      }
+      if (!eventStart || !eventEnd) continue;
+      const adjustedStart = (0, import_date_fns22.isSameDay)(currentDate, eventStart) ? eventStart : dayStart;
+      const adjustedEnd = (0, import_date_fns22.isSameDay)(currentDate, eventEnd) ? eventEnd : (0, import_date_fns22.addHours)(dayStart, 24);
+      const startHour = (0, import_date_fns22.getHours)(adjustedStart) + (0, import_date_fns22.getMinutes)(adjustedStart) / 60;
+      const endHour = (0, import_date_fns22.getHours)(adjustedEnd) + (0, import_date_fns22.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) => (0, import_date_fns22.areIntervalsOverlapping)(
+              { end: adjustedEnd, start: adjustedStart },
+              { end: c.end, start: c.start }
+            )
+          );
+          if (!overlaps) {
+            placed = true;
+          } else {
+            columnIndex++;
+          }
+        }
+      }
+      const currentColumn = columns[columnIndex] || [];
+      columns[columnIndex] = currentColumn;
+      currentColumn.push({ start: adjustedStart, end: adjustedEnd, event });
+      const width = columnIndex === 0 ? 1 : 0.9;
+      const left = columnIndex === 0 ? 0 : columnIndex * 0.1;
+      result.push({
+        event,
+        height,
+        left,
+        top,
+        width,
+        zIndex: 10 + columnIndex
+      });
+    }
+    return result;
+  }, [currentDate, timeEvents]);
+  const handleEventClick = (event, e) => {
+    e.stopPropagation();
+    onEventSelect(event);
+  };
+  const showAllDaySection = allDayEvents.length > 0;
+  const { currentTimePosition, currentTimeVisible } = useCurrentTimeIndicatorAgenda(
+    currentDate,
+    "day"
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "contents", "data-slot": "day-view", children: [
+    showAllDaySection && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "border-border/70 border-t bg-muted/50", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "grid grid-cols-[3rem_1fr] sm:grid-cols-[4rem_1fr]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime90.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: "All day" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "relative border-border/70 border-r p-1 last:border-r-0", children: allDayEvents.map((event) => {
+        const eventStart = new Date(
+          event.start ?? event.attend_date ?? event.end ?? Date.now()
+        );
+        const eventEnd = new Date(
+          event.end ?? event.attend_date ?? event.start ?? Date.now()
+        );
+        const isFirstDay = (0, import_date_fns22.isSameDay)(currentDate, eventStart);
+        const isLastDay = (0, import_date_fns22.isSameDay)(currentDate, eventEnd);
+        return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          EventItemAgenda,
+          {
+            event,
+            isFirstDay,
+            isLastDay,
+            onClick: (e) => handleEventClick(event, e),
+            view: "month",
+            children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { children: event.title })
+          },
+          `spanning-${event.id}`
+        );
+      }) })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "grid flex-1 grid-cols-[3rem_1fr] overflow-hidden border-border/70 border-t sm:grid-cols-[4rem_1fr]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { children: hours.map((hour, index) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        "div",
+        {
+          className: "relative h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
+          children: index > 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "-top-3 absolute left-0 flex h-6 w-16 max-w-full items-center justify-end bg-background pe-2 text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: (0, import_date_fns22.format)(hour, "HH:mm") })
+        },
+        hour.toString()
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "relative", children: [
+        positionedEvents.map((positionedEvent) => {
+          const evt = positionedEvent.event;
+          const eventStart = new Date(
+            evt.start ?? evt.attend_date ?? evt.end ?? Date.now()
+          );
+          const eventEnd = new Date(
+            evt.end ?? evt.attend_date ?? evt.start ?? Date.now()
+          );
+          const isFirstDay = (0, import_date_fns22.isSameDay)(currentDate, eventStart);
+          const isLastDay = (0, import_date_fns22.isSameDay)(currentDate, eventEnd);
+          return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+            "div",
+            {
+              className: "absolute z-10 px-0.5",
+              style: {
+                height: `${positionedEvent.height}px`,
+                left: `${positionedEvent.left * 100}%`,
+                top: `${positionedEvent.top}px`,
+                width: `${positionedEvent.width * 100}%`,
+                zIndex: positionedEvent.zIndex
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+                EventItemAgenda,
+                {
+                  event: evt,
+                  view: "day",
+                  isFirstDay,
+                  isLastDay,
+                  onClick: (e) => handleEventClick(evt, e),
+                  showTime: true
+                }
+              )
+            },
+            positionedEvent.event.id
+          );
+        }),
+        currentTimeVisible && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          "div",
+          {
+            className: "pointer-events-none absolute right-0 left-0 z-20",
+            style: { top: `${currentTimePosition}%` },
+            children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "relative flex items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "-left-1 absolute h-2 w-2 rounded-full bg-primary" }),
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "h-[2px] w-full bg-primary" })
+            ] })
+          }
+        ),
+        hours.map((hour) => {
+          const hourValue = (0, import_date_fns22.getHours)(hour);
+          return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+            "div",
+            {
+              className: "relative 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__ */ (0, import_jsx_runtime90.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: currentDate,
+                    id: `day-cell-${currentDate.toISOString()}-${quarterHourTime}`,
+                    onClick: () => {
+                      const startTime = new Date(currentDate);
+                      startTime.setHours(hourValue);
+                      startTime.setMinutes(quarter * 15);
+                    },
+                    time: quarterHourTime
+                  },
+                  `${hour.toString()}-${quarter}`
+                );
+              })
+            },
+            hour.toString()
+          );
+        })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+      UndatedEvents,
+      {
+        events,
+        onEventSelect,
+        show: showUndatedEvents
+      }
+    )
+  ] });
+}
+
+// src/components/event-calendar-view/EventAgenda.tsx
+var import_date_fns23 = require("date-fns");
+var import_locale11 = require("date-fns/locale");
+var import_react81 = require("react");
+var import_sonner4 = require("sonner");
+var import_react82 = require("@phosphor-icons/react");
+var import_jsx_runtime91 = require("react/jsx-runtime");
+function EventAgenda({
+  events = [],
+  onEventUpdate,
+  className,
+  initialView = "month",
+  mode,
+  initialDate
+}) {
+  const [currentDate, setCurrentDate] = (0, import_react81.useState)(
+    initialDate && new Date(initialDate) || /* @__PURE__ */ new Date()
+  );
+  const [view, setView] = (0, import_react81.useState)(initialView);
+  const [isFading, setIsFading] = (0, import_react81.useState)(false);
+  const FADE_DURATION = 220;
+  const changeView = (0, import_react81.useCallback)(
+    (next) => {
+      if (mode === "agenda-only") return;
+      if (next === view) return;
+      setIsFading(true);
+      window.setTimeout(() => {
+        setView(next);
+        requestAnimationFrame(() => setIsFading(false));
+      }, FADE_DURATION);
+    },
+    [view, mode]
+  );
+  const [isPaging, setIsPaging] = (0, import_react81.useState)(false);
+  const [pageDirection, setPageDirection] = (0, import_react81.useState)(
+    null
+  );
+  const PAGE_DURATION = 200;
+  const pageTransition = (0, import_react81.useCallback)(
+    (applyDateChange, direction) => {
+      setIsPaging(true);
+      setPageDirection(direction);
+      window.setTimeout(() => {
+        applyDateChange();
+        requestAnimationFrame(() => {
+          setIsPaging(false);
+          setPageDirection(null);
+        });
+      }, PAGE_DURATION);
+    },
+    []
+  );
+  const [isEventDialogOpen, setIsEventDialogOpen] = (0, import_react81.useState)(false);
+  (0, import_react81.useEffect)(() => {
+    const handleKeyDown = (e) => {
+      if (isEventDialogOpen || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLElement && e.target.isContentEditable) {
+        return;
+      }
+      if (mode === "agenda-only") return;
+      switch (e.key.toLowerCase()) {
+        case "m":
+          changeView("month");
+          break;
+        case "w":
+        case "s":
+          changeView("week");
+          break;
+        case "d":
+          changeView("day");
+          break;
+        case "a":
+          changeView("agenda");
+          break;
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [isEventDialogOpen, changeView, mode]);
+  (0, import_react81.useEffect)(() => {
+    if (mode === "agenda-only") setView("agenda");
+  }, [mode]);
+  const handlePrevious = () => {
+    pageTransition(() => {
+      if (view === "month") {
+        setCurrentDate((0, import_date_fns23.subMonths)(currentDate, 1));
+      } else if (view === "week") {
+        setCurrentDate((0, import_date_fns23.subWeeks)(currentDate, 1));
+      } else if (view === "day") {
+        setCurrentDate((0, import_date_fns23.addDays)(currentDate, -1));
+      } else if (view === "agenda") {
+        setCurrentDate((0, import_date_fns23.addDays)(currentDate, -AgendaDaysToShowAgenda));
+      }
+    }, "right");
+  };
+  const handleNext = () => {
+    pageTransition(() => {
+      if (view === "month") {
+        setCurrentDate((0, import_date_fns23.addMonths)(currentDate, 1));
+      } else if (view === "week") {
+        setCurrentDate((0, import_date_fns23.addWeeks)(currentDate, 1));
+      } else if (view === "day") {
+        setCurrentDate((0, import_date_fns23.addDays)(currentDate, 1));
+      } else if (view === "agenda") {
+        setCurrentDate((0, import_date_fns23.addDays)(currentDate, AgendaDaysToShowAgenda));
+      }
+    }, "left");
+  };
+  const handleToday = () => {
+    setCurrentDate(/* @__PURE__ */ new Date());
+  };
+  const handleEventSelect = (event) => {
+    console.log("Event selected:", event);
+    setIsEventDialogOpen(true);
+  };
+  const handleEventUpdate = (updatedEvent) => {
+    onEventUpdate?.(updatedEvent);
+    const startDate = updatedEvent.start ?? /* @__PURE__ */ new Date();
+    (0, import_sonner4.toast)(`Evento "${updatedEvent.title}" movido`, {
+      description: (0, import_date_fns23.format)(startDate, "d 'de' MMMM 'de' yyyy", { locale: import_locale11.ptBR }),
+      position: "bottom-left"
+    });
+  };
+  const viewTitle = (0, import_react81.useMemo)(() => {
+    const capitalize = (s) => s && s.length > 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s;
+    if (view === "month") {
+      return capitalize((0, import_date_fns23.format)(currentDate, "MMMM yyyy", { locale: import_locale11.ptBR }));
+    }
+    if (view === "week") {
+      const start = (0, import_date_fns23.startOfWeek)(currentDate, { weekStartsOn: 1 });
+      const end = (0, import_date_fns23.endOfWeek)(currentDate, { weekStartsOn: 1 });
+      if ((0, import_date_fns23.isSameMonth)(start, end)) {
+        return capitalize((0, import_date_fns23.format)(start, "MMMM yyyy", { locale: import_locale11.ptBR }));
+      }
+      const s1 = capitalize((0, import_date_fns23.format)(start, "MMM", { locale: import_locale11.ptBR }));
+      const s2 = capitalize((0, import_date_fns23.format)(end, "MMM yyyy", { locale: import_locale11.ptBR }));
+      return `${s1} - ${s2}`;
+    }
+    if (view === "day") {
+      const dayNum = (0, import_date_fns23.format)(currentDate, "d", { locale: import_locale11.ptBR });
+      const month = capitalize((0, import_date_fns23.format)(currentDate, "MMMM", { locale: import_locale11.ptBR }));
+      const year = (0, import_date_fns23.format)(currentDate, "yyyy", { locale: import_locale11.ptBR });
+      const short = `${dayNum} de ${month} de ${year}`;
+      return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { "aria-hidden": "true", className: "min-[480px]:hidden", children: short }),
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { "aria-hidden": "true", className: "max-[479px]:hidden min-md:hidden", children: short })
+      ] });
+    }
+    if (view === "agenda") {
+      const start = currentDate;
+      const end = (0, import_date_fns23.addDays)(currentDate, AgendaDaysToShowAgenda - 1);
+      if ((0, import_date_fns23.isSameMonth)(start, end)) {
+        return capitalize((0, import_date_fns23.format)(start, "MMMM yyyy", { locale: import_locale11.ptBR }));
+      }
+      const s1 = capitalize((0, import_date_fns23.format)(start, "MMMM", { locale: import_locale11.ptBR }));
+      const s2 = capitalize((0, import_date_fns23.format)(end, "MMMM yyyy", { locale: import_locale11.ptBR }));
+      return `${s1} - ${s2}`;
+    }
+    return capitalize((0, import_date_fns23.format)(currentDate, "MMMM yyyy", { locale: import_locale11.ptBR }));
+  }, [currentDate, view]);
+  const calendarContent = /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex items-center justify-between p-2 sm:p-4",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-1 sm:gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+              ButtonBase,
+              {
+                className: "max-[479px]:aspect-square max-[479px]:p-0!",
+                onClick: handleToday,
+                variant: "outline",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+                    import_react82.CalendarIcon,
+                    {
+                      "aria-hidden": "true",
+                      className: "min-[480px]:hidden",
+                      size: 16
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "max-[479px]:sr-only", children: "Hoje" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center sm:gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+                ButtonBase,
+                {
+                  "aria-label": "Anterior",
+                  onClick: handlePrevious,
+                  size: "icon",
+                  variant: "ghost",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react82.CaretLeftIcon, { "aria-hidden": "true", size: 16 })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+                ButtonBase,
+                {
+                  "aria-label": "Pr\xF3ximo",
+                  onClick: handleNext,
+                  size: "icon",
+                  variant: "ghost",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react82.CaretRightIcon, { "aria-hidden": "true", size: 16 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("h2", { className: "font-semibold text-xl", children: viewTitle })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_jsx_runtime91.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(DropDownMenuBase, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+              ButtonBase,
+              {
+                className: "gap-2 px-3 py-1.5 max-[479px]:h-8",
+                variant: "outline",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "hidden min-[480px]:inline-block", children: (() => {
+                      const labels = {
+                        month: "M\xEAs",
+                        week: "Semana",
+                        day: "Dia",
+                        agenda: "Agenda"
+                      };
+                      return labels[view] || view;
+                    })() }),
+                    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "min-[480px]:hidden", children: (() => {
+                      const labels = {
+                        month: "M",
+                        week: "S",
+                        day: "D",
+                        agenda: "A"
+                      };
+                      return labels[view] || view;
+                    })() })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+                    import_react82.CaretDownIcon,
+                    {
+                      "aria-hidden": "true",
+                      className: "-me-1 opacity-60",
+                      size: 16
+                    }
+                  )
+                ]
+              }
+            ) }),
+            mode === "agenda-only" ? null : /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+              DropDownMenuContentBase,
+              {
+                align: "end",
+                className: "min-w-32 rounded-md p-1",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+                    DropDownMenuItemBase,
+                    {
+                      onClick: () => changeView("month"),
+                      className: cn(
+                        "flex items-center justify-between gap-2 px-3 py-2 rounded",
+                        view === "month"
+                      ),
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: " M\xEAs " }) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: view === "month" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react82.Check, { "aria-hidden": true, className: "opacity-80", size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DropDownMenuShortcutBase, { children: "M" }) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+                    DropDownMenuItemBase,
+                    {
+                      onClick: () => changeView("week"),
+                      className: cn(
+                        "flex items-center justify-between gap-2 px-3 py-2 rounded",
+                        view === "week"
+                      ),
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: "Semana" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: view === "week" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react82.Check, { "aria-hidden": true, className: "opacity-80", size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DropDownMenuShortcutBase, { children: "S" }) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+                    DropDownMenuItemBase,
+                    {
+                      onClick: () => changeView("day"),
+                      className: cn(
+                        "flex items-center justify-between gap-2 px-3 py-2 rounded",
+                        view === "day"
+                      ),
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: "Dia" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: view === "day" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react82.Check, { "aria-hidden": true, className: "opacity-80", size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DropDownMenuShortcutBase, { children: "D" }) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+                    DropDownMenuItemBase,
+                    {
+                      onClick: () => changeView("agenda"),
+                      className: cn(
+                        "flex items-center justify-between gap-2 px-3 py-2 rounded",
+                        view === "agenda"
+                      ),
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: "Agenda" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2", children: view === "agenda" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react82.Check, { "aria-hidden": true, className: "opacity-80", size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DropDownMenuShortcutBase, { children: "A" }) })
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ] }) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex flex-1 flex-col transition-all duration-200 ease-in-out",
+          isFading ? "opacity-0 -translate-y-2 pointer-events-none" : isPaging ? pageDirection === "left" ? "-translate-x-4 opacity-0 pointer-events-none" : "translate-x-4 opacity-0 pointer-events-none" : "opacity-100 translate-y-0"
+        ),
+        "aria-live": "polite",
+        children: [
+          view === "month" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+            MonthViewAgenda,
+            {
+              currentDate,
+              events,
+              onEventSelect: handleEventSelect
+            }
+          ),
+          view === "week" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+            WeekViewAgenda,
+            {
+              currentDate,
+              events,
+              onEventSelect: handleEventSelect
+            }
+          ),
+          view === "day" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+            DayViewAgenda,
+            {
+              currentDate,
+              events,
+              onEventSelect: handleEventSelect
+            }
+          ),
+          view === "agenda" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+            Agenda,
+            {
+              currentDate,
+              events,
+              onEventSelect: handleEventSelect
+            }
+          )
+        ]
+      }
+    )
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    "div",
+    {
+      className: "flex flex-col rounded-lg border has-data-[slot=month-view]:flex-1 px-6",
+      style: {
+        "--event-gap": `${EventGapAgenda}px`,
+        "--event-height": `${EventHeightAgenda}px`,
+        "--week-cells-height": `${WeekCellsHeightAgenda}px`
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CalendarDndProviderAgenda, { onEventUpdate: handleEventUpdate, children: calendarContent })
+    }
+  );
+}
+
+// src/components/event-calendar-view/UndatedEvents.tsx
+var import_react83 = require("react");
+var import_jsx_runtime92 = require("react/jsx-runtime");
+var isValidDate5 = (d) => {
+  try {
+    const t = d instanceof Date ? d.getTime() : new Date(String(d)).getTime();
+    return !isNaN(t);
+  } catch {
+    return false;
+  }
+};
+function UndatedEvents({
+  events,
+  onEventSelect,
+  className,
+  title = "Data de Atendimento n\xE3o Prevista",
+  show = true
+}) {
+  const undatedEvents = (0, import_react83.useMemo)(
+    () => events.filter(
+      (e) => !(isValidDate5(e.start) && isValidDate5(e.end)) && !isValidDate5(e.attend_date)
+    ),
+    [events]
+  );
+  if (!show || undatedEvents.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "relative border-border/70 border-t", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "-top-3 absolute left-0 flex h-6 items-center bg-background pe-4 uppercase sm:pe-4 text-lg", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "mt-6 space-y-2", children: undatedEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+      EventItemAgenda,
+      {
+        event,
+        onClick: onEventSelect ? () => onEventSelect(event) : void 0,
+        view: "agenda",
+        agendaOnly: true,
+        className: "cursor-default hover:shadow-none hover:scale-100 bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none "
+      },
+      event.id
+    )) })
+  ] }) });
+}
+
+// src/components/event-calendar-view/hooks/use-event-visibility.ts
+var import_react84 = require("react");
+function useEventVisibilityAgenda({
+  eventHeight,
+  eventGap
+}) {
+  const contentRef = (0, import_react84.useRef)(null);
+  const observerRef = (0, import_react84.useRef)(null);
+  const [contentHeight, setContentHeight] = (0, import_react84.useState)(null);
+  (0, import_react84.useLayoutEffect)(() => {
+    if (!contentRef.current) return;
+    const updateHeight = () => {
+      if (contentRef.current) {
+        setContentHeight(contentRef.current.clientHeight);
+      }
+    };
+    updateHeight();
+    if (!observerRef.current) {
+      observerRef.current = new ResizeObserver(() => {
+        updateHeight();
+      });
+    }
+    observerRef.current.observe(contentRef.current);
+    return () => {
+      if (observerRef.current) {
+        observerRef.current.disconnect();
+      }
+    };
+  }, []);
+  const getVisibleEventCount = (0, import_react84.useMemo)(() => {
+    return (totalEvents) => {
+      if (!contentHeight) return totalEvents;
+      const maxEvents = Math.floor(contentHeight / (eventHeight + eventGap));
+      if (totalEvents <= maxEvents) {
+        return totalEvents;
+      }
+      return maxEvents > 0 ? maxEvents - 1 : 0;
+    };
+  }, [contentHeight, eventHeight, eventGap]);
+  return {
+    contentHeight,
+    contentRef,
+    getVisibleEventCount
+  };
+}
+
+// src/components/event-calendar-view/MonthView.tsx
+var import_date_fns24 = require("date-fns");
+var import_locale12 = require("date-fns/locale");
+var import_react85 = require("react");
+var import_tailwind_merge3 = require("tailwind-merge");
+var import_jsx_runtime93 = require("react/jsx-runtime");
+function MonthViewAgenda({
+  currentDate,
+  events,
+  onEventSelect,
+  showUndatedEvents
+}) {
+  const days = (0, import_react85.useMemo)(() => {
+    const monthStart = (0, import_date_fns24.startOfMonth)(currentDate);
+    const monthEnd = (0, import_date_fns24.endOfMonth)(monthStart);
+    const calendarStart = (0, import_date_fns24.startOfWeek)(monthStart, { weekStartsOn: 0 });
+    const calendarEnd = (0, import_date_fns24.endOfWeek)(monthEnd, { weekStartsOn: 0 });
+    return (0, import_date_fns24.eachDayOfInterval)({ end: calendarEnd, start: calendarStart });
+  }, [currentDate]);
+  const weekdays = (0, import_react85.useMemo)(() => {
+    return Array.from({ length: 7 }).map((_, i) => {
+      const date = (0, import_date_fns24.addDays)((0, import_date_fns24.startOfWeek)(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
+      const short = (0, import_date_fns24.format)(date, "EEE", { locale: import_locale12.ptBR });
+      return short.charAt(0).toUpperCase() + short.slice(1);
+    });
+  }, []);
+  const weeks = (0, import_react85.useMemo)(() => {
+    const result = [];
+    let week = [];
+    for (let i = 0; i < days.length; i++) {
+      week.push(days[i]);
+      if (week.length === 7 || i === days.length - 1) {
+        result.push(week);
+        week = [];
+      }
+    }
+    return result;
+  }, [days]);
+  const handleEventClick = (event, e) => {
+    e.stopPropagation();
+    onEventSelect(event);
+  };
+  const [isMounted, setIsMounted] = (0, import_react85.useState)(false);
+  const { contentRef, getVisibleEventCount } = useEventVisibilityAgenda({
+    eventGap: EventGapAgenda,
+    eventHeight: EventHeightAgenda
+  });
+  (0, import_react85.useEffect)(() => {
+    setIsMounted(true);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "contents", "data-slot": "month-view", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "grid grid-cols-7 border-border/70 border-b", children: weekdays.map((day) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      "div",
+      {
+        className: "py-2 text-center text-muted-foreground/70 text-sm uppercase tracking-wide bg-muted/5",
+        children: day
+      },
+      day
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "grid flex-1 auto-rows-fr", children: weeks.map((week, weekIndex) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      "div",
+      {
+        className: "grid grid-cols-7 [&:last-child>*]:border-b-0",
+        children: week.map((day, dayIndex) => {
+          if (!day) return null;
+          const dayEvents = getEventsForDayAgenda(events, day);
+          const spanningEvents = getSpanningEventsForDayAgenda(events, day);
+          const isCurrentMonth = (0, import_date_fns24.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__ */ (0, import_jsx_runtime93.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-2 ",
+              "data-outside-cell": !isCurrentMonth || void 0,
+              "data-today": (0, import_date_fns24.isToday)(day) || void 0,
+              children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+                DroppableCellAgenda,
+                {
+                  date: day,
+                  id: cellId,
+                  onClick: () => {
+                    const startTime = new Date(day);
+                    startTime.setHours(DefaultStartHourAgenda, 0, 0);
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                      "div",
+                      {
+                        className: (0, import_tailwind_merge3.twMerge)(
+                          `mt-1 inline-flex w-7 h-7 items-center justify-center rounded-full text-sm font-semibold text-muted-foreground`,
+                          (0, import_date_fns24.isToday)(day) ? "bg-blue-500 text-white" : ""
+                        ),
+                        children: (0, import_date_fns24.format)(day, "d")
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime93.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-1",
+                        ref: isReferenceCell ? contentRef : null,
+                        children: [
+                          sortEventsAgenda(allDayEvents).map((event, index) => {
+                            const eventStart = new Date(
+                              event.start ?? event.attend_date ?? event.end ?? Date.now()
+                            );
+                            const eventEnd = new Date(
+                              event.end ?? event.attend_date ?? event.start ?? Date.now()
+                            );
+                            const isFirstDay = (0, import_date_fns24.isSameDay)(day, eventStart);
+                            const isLastDay = (0, import_date_fns24.isSameDay)(day, eventEnd);
+                            const isHidden = isMounted && visibleCount && index >= visibleCount;
+                            if (!visibleCount) return null;
+                            if (!isFirstDay) {
+                              return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                                "div",
+                                {
+                                  "aria-hidden": isHidden ? "true" : void 0,
+                                  className: "aria-hidden:hidden",
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                                    EventItemAgenda,
+                                    {
+                                      event,
+                                      isFirstDay,
+                                      isLastDay,
+                                      onClick: (e) => handleEventClick(event, e),
+                                      view: "month",
+                                      children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { "aria-hidden": true, className: "invisible", children: [
+                                        !event.allDay && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { children: [
+                                          (0, import_date_fns24.format)(eventStart, "HH:mm"),
+                                          " "
+                                        ] }),
+                                        event.title
+                                      ] })
+                                    }
+                                  )
+                                },
+                                `spanning-${event.id}-${day.toISOString().slice(0, 10)}`
+                              );
+                            }
+                            return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                              "div",
+                              {
+                                "aria-hidden": isHidden ? "true" : void 0,
+                                className: "aria-hidden:hidden",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                                  EventItemAgenda,
+                                  {
+                                    className: "cursor-default",
+                                    event,
+                                    isFirstDay,
+                                    isLastDay,
+                                    onClick: (e) => handleEventClick(event, e),
+                                    view: "month",
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "flex items-center gap-2 truncate", children: [
+                                      !event.allDay && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "truncate font-normal opacity-80 sm:text-[11px] bg-white/10 px-2 py-0.5 rounded-full text-[11px]", children: (0, import_date_fns24.format)(eventStart, "HH:mm") }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "truncate font-medium", children: event.title })
+                                    ] })
+                                  }
+                                )
+                              },
+                              event.id
+                            );
+                          }),
+                          hasMore && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(PopoverBase, { modal: true, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.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 ${(0, import_date_fns24.format)(
+                                  day,
+                                  "PPP",
+                                  { locale: import_locale12.ptBR }
+                                )}`,
+                                children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "font-medium", children: [
+                                    "+ ",
+                                    remainingCount
+                                  ] }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "sr-only", children: " more" })
+                                ]
+                              }
+                            ) }),
+                            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                              PopoverContentBase,
+                              {
+                                align: "center",
+                                className: "max-w-52 p-3",
+                                style: {
+                                  "--event-height": `${EventHeightAgenda}px`
+                                },
+                                children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "space-y-2", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "font-medium text-sm", children: (0, import_date_fns24.format)(day, "EEE d", { locale: import_locale12.ptBR }) }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "space-y-1", children: sortEventsAgenda(allEvents).map((event) => {
+                                    const eventStart = new Date(
+                                      event.start ?? event.end ?? Date.now()
+                                    );
+                                    const eventEnd = new Date(
+                                      event.end ?? event.start ?? Date.now()
+                                    );
+                                    const isFirstDay = (0, import_date_fns24.isSameDay)(day, eventStart);
+                                    const isLastDay = (0, import_date_fns24.isSameDay)(day, eventEnd);
+                                    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                                      EventItemAgenda,
+                                      {
+                                        event,
+                                        isFirstDay,
+                                        isLastDay,
+                                        onClick: (e) => handleEventClick(event, e),
+                                        view: "month"
+                                      },
+                                      event.id
+                                    );
+                                  }) })
+                                ] })
+                              }
+                            )
+                          ] })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            },
+            day.toString()
+          );
+        })
+      },
+      `week-${week}`
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      UndatedEvents,
+      {
+        events,
+        onEventSelect,
+        className: "my-12",
+        show: showUndatedEvents
+      }
+    )
+  ] });
+}
+
+// src/components/event-calendar-view/WeekView.tsx
+var import_date_fns26 = require("date-fns");
+var import_date_fns27 = require("date-fns");
+var import_locale13 = require("date-fns/locale");
+var import_react87 = require("react");
+
+// src/components/event-calendar-view/DraggablaEvent.tsx
+var import_core6 = require("@dnd-kit/core");
+var import_utilities2 = require("@dnd-kit/utilities");
+var import_date_fns25 = require("date-fns");
+var import_react86 = require("react");
+var import_jsx_runtime94 = require("react/jsx-runtime");
+function DraggableEvent2({
+  event,
+  view,
+  showTime,
+  onClick,
+  height,
+  isMultiDay,
+  multiDayWidth,
+  isFirstDay = true,
+  isLastDay = true,
+  "aria-hidden": ariaHidden
+}) {
+  const { activeId } = useCalendarDndAgenda();
+  const elementRef = (0, import_react86.useRef)(null);
+  const [dragHandlePosition, setDragHandlePosition] = (0, import_react86.useState)(null);
+  const eventStart = new Date(event.start ?? Date.now());
+  const eventEnd = new Date(event.end ?? Date.now());
+  const isMultiDayEvent2 = isMultiDay || event.allDay || (0, import_date_fns25.differenceInDays)(eventEnd, eventStart) >= 1;
+  const { attributes, listeners, setNodeRef, transform, isDragging } = (0, import_core6.useDraggable)({
+    data: {
+      dragHandlePosition,
+      event,
+      height: height || elementRef.current?.offsetHeight || null,
+      isFirstDay,
+      isLastDay,
+      isMultiDay: isMultiDayEvent2,
+      multiDayWidth,
+      view
+    },
+    id: `${event.id}-${view}`
+  });
+  const handleMouseDown = (e) => {
+    if (elementRef.current) {
+      const rect = elementRef.current.getBoundingClientRect();
+      setDragHandlePosition({
+        x: e.clientX - rect.left,
+        y: e.clientY - rect.top
+      });
+    }
+  };
+  if (isDragging || activeId === `${event.id}-${view}`) {
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      "div",
+      {
+        className: "opacity-0",
+        ref: setNodeRef,
+        style: { height: height || "auto" }
+      }
+    );
+  }
+  const style = transform ? {
+    height: height || "auto",
+    transform: import_utilities2.CSS.Translate.toString(transform),
+    width: isMultiDayEvent2 && multiDayWidth ? `${multiDayWidth}%` : void 0
+  } : {
+    height: height || "auto",
+    width: isMultiDayEvent2 && multiDayWidth ? `${multiDayWidth}%` : void 0
+  };
+  const handleTouchStart = (e) => {
+    if (elementRef.current) {
+      const rect = elementRef.current.getBoundingClientRect();
+      const touch = e.touches[0];
+      if (touch) {
+        setDragHandlePosition({
+          x: touch.clientX - rect.left,
+          y: touch.clientY - rect.top
+        });
+      }
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    "div",
+    {
+      className: "touch-none",
+      ref: (node) => {
+        setNodeRef(node);
+        if (elementRef) elementRef.current = node;
+      },
+      style,
+      children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        EventItemAgenda,
+        {
+          "aria-hidden": ariaHidden,
+          dndAttributes: attributes,
+          dndListeners: listeners,
+          event,
+          isDragging,
+          isFirstDay,
+          isLastDay,
+          onClick,
+          onMouseDown: handleMouseDown,
+          onTouchStart: handleTouchStart,
+          showTime,
+          view
+        }
+      )
+    }
+  );
+}
+
+// src/components/event-calendar-view/WeekView.tsx
+var import_jsx_runtime95 = require("react/jsx-runtime");
+function WeekViewAgenda({
+  currentDate,
+  events,
+  onEventSelect,
+  onEventCreate
+}) {
+  const days = (0, import_react87.useMemo)(() => {
+    const weekStart2 = (0, import_date_fns26.startOfWeek)(currentDate, { weekStartsOn: 0 });
+    const weekEnd = (0, import_date_fns26.endOfWeek)(currentDate, { weekStartsOn: 0 });
+    return (0, import_date_fns26.eachDayOfInterval)({ end: weekEnd, start: weekStart2 });
+  }, [currentDate]);
+  const weekStart = (0, import_react87.useMemo)(
+    () => (0, import_date_fns26.startOfWeek)(currentDate, { weekStartsOn: 0 }),
+    [currentDate]
+  );
+  const hours = (0, import_react87.useMemo)(() => {
+    const dayStart = (0, import_date_fns26.startOfDay)(currentDate);
+    return (0, import_date_fns26.eachHourOfInterval)({
+      end: (0, import_date_fns26.addHours)(dayStart, EndHour - 1),
+      start: (0, import_date_fns26.addHours)(dayStart, StartHour)
+    });
+  }, [currentDate]);
+  const allDayEvents = (0, import_react87.useMemo)(() => {
+    return events.filter((event) => {
+      return event.allDay || isMultiDayEventAgenda(event);
+    }).filter((event) => {
+      const eventStart = event.start ? new Date(event.start) : void 0;
+      const eventEnd = event.end ? new Date(event.end) : void 0;
+      return days.some((day) => {
+        if (eventStart && (0, import_date_fns26.isSameDay)(day, eventStart)) return true;
+        if (eventEnd && (0, import_date_fns26.isSameDay)(day, eventEnd)) return true;
+        if (eventStart && eventEnd && day > eventStart && day < eventEnd) return true;
+        return false;
+      });
+    });
+  }, [events, days]);
+  const processedDayEvents = (0, import_react87.useMemo)(() => {
+    const result = days.map((day) => {
+      const dayEventsWithIntervals = events.filter((event) => !event.allDay && !isMultiDayEventAgenda(event)).map((event) => {
+        let eventStart = event.start != null ? new Date(event.start) : void 0;
+        let eventEnd = event.end != null ? new Date(event.end) : void 0;
+        if ((!eventStart || !eventEnd) && event.attend_date) {
+          try {
+            const ad = new Date(event.attend_date);
+            const hasTime = ad.getHours() !== 0 || ad.getMinutes() !== 0 || ad.getSeconds() !== 0 || ad.getMilliseconds() !== 0;
+            if (hasTime) {
+              if (!eventStart) eventStart = ad;
+              if (!eventEnd) eventEnd = (0, import_date_fns26.addHours)(ad, 1);
+            }
+          } catch {
+          }
+        }
+        return { event, eventStart, eventEnd };
+      }).filter(({ eventStart, eventEnd }) => !!eventStart && !!eventEnd).filter(({ eventStart, eventEnd }) => {
+        const dayStart2 = (0, import_date_fns26.startOfDay)(day);
+        const dayEnd = (0, import_date_fns27.endOfDay)(day);
+        return (0, import_date_fns26.areIntervalsOverlapping)(
+          { start: eventStart, end: eventEnd },
+          { start: dayStart2, end: dayEnd }
+        );
+      });
+      const sortedEvents = [...dayEventsWithIntervals].sort((a, b) => {
+        const aStart = a.eventStart.getTime();
+        const bStart = b.eventStart.getTime();
+        if (aStart < bStart) return -1;
+        if (aStart > bStart) return 1;
+        const aDuration = (0, import_date_fns26.differenceInMinutes)(
+          a.eventEnd,
+          a.eventStart
+        );
+        const bDuration = (0, import_date_fns26.differenceInMinutes)(
+          b.eventEnd,
+          b.eventStart
+        );
+        return bDuration - aDuration;
+      });
+      const positionedEvents = [];
+      const dayStart = (0, import_date_fns26.startOfDay)(day);
+      const columns = [];
+      for (const item of sortedEvents) {
+        const event = item.event;
+        const eventStart = item.eventStart;
+        const eventEnd = item.eventEnd;
+        const adjustedStart = (0, import_date_fns26.isSameDay)(day, eventStart) ? eventStart : dayStart;
+        const adjustedEnd = (0, import_date_fns26.isSameDay)(day, eventEnd) ? eventEnd : (0, import_date_fns26.addHours)(dayStart, 24);
+        const startHour = (0, import_date_fns26.getHours)(adjustedStart) + (0, import_date_fns26.getMinutes)(adjustedStart) / 60;
+        const endHour = (0, import_date_fns26.getHours)(adjustedEnd) + (0, import_date_fns26.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) => (0, import_date_fns26.areIntervalsOverlapping)(
+                { end: adjustedEnd, start: adjustedStart },
+                { end: c.end, start: c.start }
+              )
+            );
+            if (!overlaps) {
+              placed = true;
+            } else {
+              columnIndex++;
+            }
+          }
+        }
+        const currentColumn = columns[columnIndex] || [];
+        columns[columnIndex] = currentColumn;
+        currentColumn.push({ start: adjustedStart, end: adjustedEnd, event });
+        const width = columnIndex === 0 ? 1 : 0.7;
+        const left = columnIndex === 0 ? 0 : columnIndex * 0.3;
+        positionedEvents.push({
+          event,
+          height,
+          left,
+          top,
+          width,
+          zIndex: 10 + columnIndex
+        });
+      }
+      return positionedEvents;
+    });
+    return result;
+  }, [days, events]);
+  const handleEventClick = (event, e) => {
+    e.stopPropagation();
+    onEventSelect(event);
+  };
+  const showAllDaySection = allDayEvents.length > 0;
+  const { currentTimePosition, currentTimeVisible } = useCurrentTimeIndicatorAgenda(
+    currentDate,
+    "week"
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex h-full flex-col", "data-slot": "week-view", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "sticky top-0 z-30 grid grid-cols-8 border-border/70 border-b bg-background", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "py-2 text-center text-muted-foreground/70 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "max-[479px]:sr-only", children: (0, import_date_fns26.format)(/* @__PURE__ */ new Date(), "O") }) }),
+      days.map((day) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+        "div",
+        {
+          className: "py-2 text-center text-muted-foreground/70 text-sm data-today:font-medium data-today:text-foreground",
+          "data-today": (0, import_date_fns26.isToday)(day) || void 0,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { "aria-hidden": "true", className: "sm:hidden", children: [
+              (0, import_date_fns26.format)(day, "EEE", { locale: import_locale13.ptBR })[0],
+              " ",
+              (0, import_date_fns26.format)(day, "d", { locale: import_locale13.ptBR })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "max-sm:hidden", children: (0, import_date_fns26.format)(day, "EEE dd", { locale: import_locale13.ptBR }) })
+          ]
+        },
+        day.toString()
+      ))
+    ] }),
+    showAllDaySection && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "border-border/70 border-b bg-muted/50", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "grid grid-cols-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ (0, import_jsx_runtime95.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: "All day" }) }),
+      days.map((day, dayIndex) => {
+        const dayAllDayEvents = allDayEvents.filter((event) => {
+          const eventStart = event.start ? new Date(event.start) : void 0;
+          const eventEnd = event.end ? new Date(event.end) : void 0;
+          if (!eventStart && !eventEnd) return false;
+          return eventStart && (0, import_date_fns26.isSameDay)(day, eventStart) || eventStart && eventEnd && day > eventStart && day < eventEnd || eventEnd && (0, import_date_fns26.isSameDay)(day, eventEnd);
+        });
+        return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+          "div",
+          {
+            className: "relative border-border/70 border-r p-1 last:border-r-0",
+            "data-today": (0, import_date_fns26.isToday)(day) || void 0,
+            children: dayAllDayEvents.map((event) => {
+              const eventStart = event.start ? new Date(event.start) : void 0;
+              const eventEnd = event.end ? new Date(event.end) : void 0;
+              const isFirstDay = eventStart ? (0, import_date_fns26.isSameDay)(day, eventStart) : false;
+              const isLastDay = eventEnd ? (0, import_date_fns26.isSameDay)(day, eventEnd) : false;
+              const isFirstVisibleDay = eventStart ? dayIndex === 0 && (0, import_date_fns26.isBefore)(eventStart, weekStart) : false;
+              const shouldShowTitle = isFirstDay || isFirstVisibleDay;
+              return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+                EventItemAgenda,
+                {
+                  event,
+                  isFirstDay,
+                  isLastDay,
+                  onClick: (e) => handleEventClick(event, e),
+                  view: "month",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+                    "div",
+                    {
+                      "aria-hidden": !shouldShowTitle,
+                      className: cn(
+                        "truncate",
+                        !shouldShowTitle && "invisible"
+                      ),
+                      children: event.title
+                    }
+                  )
+                },
+                `spanning-${event.id}`
+              );
+            })
+          },
+          day.toString()
+        );
+      })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "grid flex-1 grid-cols-8 overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "grid auto-cols-fr border-border/70 border-r", children: hours.map((hour, index) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        "div",
+        {
+          className: "relative min-h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
+          children: index > 0 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "-top-3 absolute left-0 flex h-6 w-16 max-w-full items-center justify-end bg-background pe-2 text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: (0, import_date_fns26.format)(hour, "HH:mm") })
+        },
+        hour.toString()
+      )) }),
+      days.map((day, dayIndex) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+        "div",
+        {
+          className: "relative grid auto-cols-fr border-border/70 border-r last:border-r-0",
+          "data-today": (0, import_date_fns26.isToday)(day) || void 0,
+          children: [
+            (processedDayEvents[dayIndex] ?? []).map((positionedEvent) => /* @__PURE__ */ (0, import_jsx_runtime95.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__ */ (0, import_jsx_runtime95.jsx)("div", { className: "size-full", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+                  DraggableEvent2,
+                  {
+                    event: positionedEvent.event,
+                    height: positionedEvent.height,
+                    onClick: (e) => handleEventClick(positionedEvent.event, e),
+                    showTime: true,
+                    view: "week"
+                  }
+                ) })
+              },
+              positionedEvent.event.id
+            )),
+            currentTimeVisible && (0, import_date_fns26.isToday)(day) && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+              "div",
+              {
+                className: "pointer-events-none absolute right-0 left-0 z-20",
+                style: { top: `${currentTimePosition}%` },
+                children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "relative flex items-center", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "-left-1 absolute h-2 w-2 rounded-full bg-primary" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "h-[2px] w-full bg-primary" })
+                ] })
+              }
+            ),
+            hours.map((hour) => {
+              const hourValue = (0, import_date_fns26.getHours)(hour);
+              return /* @__PURE__ */ (0, import_jsx_runtime95.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__ */ (0, import_jsx_runtime95.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*)]"
+                        ),
+                        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()
+      ))
+    ] })
+  ] });
+}
+
+// src/components/ui/data/Banner.tsx
+var import_react88 = require("@phosphor-icons/react");
+var import_react89 = __toESM(require("react"));
+var import_jsx_runtime96 = require("react/jsx-runtime");
+
+// src/hooks/use-drag.tsx
+var import_react90 = require("react");
+var useDrag = (options = {}) => {
+  const [isDragging, setIsDragging] = (0, import_react90.useState)(null);
+  const [positions, setPositions] = (0, import_react90.useState)({});
+  const dragStartPos = (0, import_react90.useRef)(null);
+  const dragId = (0, import_react90.useRef)(null);
+  const handleMouseDown = (0, import_react90.useCallback)((id, e) => {
+    e.preventDefault();
+    const currentPosition = positions[id] || { top: 0, left: 0 };
+    dragStartPos.current = {
+      x: e.clientX,
+      y: e.clientY,
+      elementX: currentPosition.left,
+      elementY: currentPosition.top
+    };
+    dragId.current = id;
+    setIsDragging(id);
+    options.onDragStart?.(id);
+  }, [positions, options]);
+  const handleMouseMove = (0, import_react90.useCallback)((e) => {
+    if (!isDragging || !dragStartPos.current || !dragId.current) return;
+    const deltaX = e.clientX - dragStartPos.current.x;
+    const deltaY = e.clientY - dragStartPos.current.y;
+    const newPosition = {
+      left: dragStartPos.current.elementX + deltaX,
+      top: dragStartPos.current.elementY + deltaY
+    };
+    newPosition.left = Math.max(0, Math.min(window.innerWidth - 300, newPosition.left));
+    newPosition.top = Math.max(0, Math.min(window.innerHeight - 200, newPosition.top));
+    setPositions((prev) => ({
+      ...prev,
+      [dragId.current]: newPosition
+    }));
+    options.onDrag?.(dragId.current, newPosition);
+  }, [isDragging, options]);
+  const handleMouseUp = (0, import_react90.useCallback)(() => {
+    if (dragId.current) {
+      options.onDragEnd?.(dragId.current);
+    }
+    setIsDragging(null);
+    dragStartPos.current = null;
+    dragId.current = null;
+  }, [options]);
+  (0, import_react90.useEffect)(() => {
     if (isDragging) {
       document.addEventListener("mousemove", handleMouseMove);
       document.addEventListener("mouseup", handleMouseUp);
@@ -15624,16 +17885,16 @@ var useDrag = (options = {}) => {
       };
     }
   }, [isDragging, handleMouseMove, handleMouseUp]);
-  const setPosition = (0, import_react72.useCallback)((id, position) => {
+  const setPosition = (0, import_react90.useCallback)((id, position) => {
     setPositions((prev) => ({
       ...prev,
       [id]: position
     }));
   }, []);
-  const getPosition = (0, import_react72.useCallback)((id) => {
+  const getPosition = (0, import_react90.useCallback)((id) => {
     return positions[id] || { top: 0, left: 0 };
   }, [positions]);
-  const isElementDragging = (0, import_react72.useCallback)((id) => {
+  const isElementDragging = (0, import_react90.useCallback)((id) => {
     return isDragging === id;
   }, [isDragging]);
   return {