@mlw-packages/react-components 1.7.17 → 1.7.18

package/dist/index.css

@@ -559,6 +559,9 @@ body {
 .top-\[calc\(var\(--week-cells-height\)\/4\)\] {
   top: calc(var(--week-cells-height) / 4);
 }
+.top-\[calc\(var\(--week-cells-height\)\/4\*\)\] {
+  top: calc(var(--week-cells-height) / 4 *);
+}
 .top-\[calc\(var\(--week-cells-height\)\/4\*2\)\] {
   top: calc(var(--week-cells-height) / 4 * 2);
 }
@@ -1946,6 +1949,9 @@ body {
 .border-black\/40 {
   border-color: rgb(0 0 0 / 0.4);
 }
+.border-black\/5 {
+  border-color: rgb(0 0 0 / 0.05);
+}
 .border-blue-200 {
   --tw-border-opacity: 1;
   border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
@@ -3604,6 +3610,9 @@ body {
 .ease-out {
   animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.running {
+  animation-play-state: running;
+}
 :root {
   --white: #ffffff;
   --purple: #8e68ff;
@@ -5660,6 +5669,9 @@ body {
   }
 }
 @media (min-width: 480px) {
+  .min-\[480px\]\:inline-block {
+    display: inline-block;
+  }
   .min-\[480px\]\:hidden {
     display: none;
   }
@@ -5837,6 +5849,9 @@ body {
   .sm\:text-\[11px\] {
     font-size: 11px;
   }
+  .sm\:text-\[15px\] {
+    font-size: 15px;
+  }
   .sm\:text-\[clamp\(0\.65rem\,1\.1vw\,0\.825rem\)\] {
     font-size: clamp(0.65rem, 1.1vw, 0.825rem);
   }

package/dist/index.d.mts

@@ -1504,9 +1504,8 @@ interface EventCalendarProps {
     onEventDelete?: (eventId: string) => void;
     className?: string;
     initialView?: CalendarView;
-    mode?: "agenda-only" | "default";
 }
-declare function EventCalendar({ events, onEventAdd, onEventUpdate, onEventDelete, className, initialView, mode, }: EventCalendarProps): react_jsx_runtime.JSX.Element;
+declare function EventCalendar({ events, onEventAdd, onEventUpdate, onEventDelete, className, initialView, }: EventCalendarProps): react_jsx_runtime.JSX.Element;
 
 interface EventDialogProps {
     event: CalendarEvent | null;
@@ -1534,7 +1533,7 @@ interface EventItemProps {
     onMouseDown?: (e: React.MouseEvent) => void;
     onTouchStart?: (e: React.TouchEvent) => void;
 }
-declare function EventItem({ event, view, isDragging, onClick, showTime, currentTime, isFirstDay, isLastDay, children, className, dndListeners, dndAttributes, onMouseDown, onTouchStart, agendaOnly, }: EventItemProps): react_jsx_runtime.JSX.Element;
+declare function EventItem({ event, view, onClick, showTime, currentTime, isFirstDay, isLastDay, children, className, dndListeners, dndAttributes, onMouseDown, onTouchStart, agendaOnly, }: EventItemProps): react_jsx_runtime.JSX.Element;
 
 interface EventsPopupProps {
     date: Date;

package/dist/index.d.ts

@@ -1504,9 +1504,8 @@ interface EventCalendarProps {
     onEventDelete?: (eventId: string) => void;
     className?: string;
     initialView?: CalendarView;
-    mode?: "agenda-only" | "default";
 }
-declare function EventCalendar({ events, onEventAdd, onEventUpdate, onEventDelete, className, initialView, mode, }: EventCalendarProps): react_jsx_runtime.JSX.Element;
+declare function EventCalendar({ events, onEventAdd, onEventUpdate, onEventDelete, className, initialView, }: EventCalendarProps): react_jsx_runtime.JSX.Element;
 
 interface EventDialogProps {
     event: CalendarEvent | null;
@@ -1534,7 +1533,7 @@ interface EventItemProps {
     onMouseDown?: (e: React.MouseEvent) => void;
     onTouchStart?: (e: React.TouchEvent) => void;
 }
-declare function EventItem({ event, view, isDragging, onClick, showTime, currentTime, isFirstDay, isLastDay, children, className, dndListeners, dndAttributes, onMouseDown, onTouchStart, agendaOnly, }: EventItemProps): react_jsx_runtime.JSX.Element;
+declare function EventItem({ event, view, onClick, showTime, currentTime, isFirstDay, isLastDay, children, className, dndListeners, dndAttributes, onMouseDown, onTouchStart, agendaOnly, }: EventItemProps): react_jsx_runtime.JSX.Element;
 
 interface EventsPopupProps {
     date: Date;

package/dist/index.js

@@ -13090,19 +13090,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 +13105,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 +13135,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 +13155,7 @@ function EventCalendar({
     return () => {
       window.removeEventListener("keydown", handleKeyDown);
     };
-  }, [isEventDialogOpen, changeView, isAgendaOnly]);
+  }, [isEventDialogOpen, changeView]);
   const handlePrevious = () => {
     pageTransition(() => {
       if (view === "month") {
@@ -13192,13 +13186,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 +13217,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 +13232,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 +13251,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 +13265,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 +13325,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 +13368,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 +13413,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 +13421,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 +13493,7 @@ function EventCalendar({
             {
               currentDate,
               events,
-              onEventSelect: isAgendaOnly ? void 0 : handleEventSelect,
-              showUndatedEvents: isAgendaOnly
+              onEventSelect: handleEventSelect
             }
           )
         ]
@@ -13523,7 +13522,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 +13992,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 +14020,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 +14060,6 @@ function EventWrapper({
 function EventItem({
   event,
   view,
-  isDragging,
   onClick,
   showTime,
   currentTime,
@@ -14130,12 +14138,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 +14172,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 +14228,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 +14247,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 +14260,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 +14300,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 +14311,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 +14323,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 +14338,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 +14382,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 +14419,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 +14454,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 +14482,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 +14502,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 +14510,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 +14540,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 +14821,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 +14829,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 +14856,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 +15102,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 +15117,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 +15136,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 +15166,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 +15252,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 +15266,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 +15286,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 +15343,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 +15358,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 +15385,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 +15448,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 +15508,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 +15532,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 +15549,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"
@@ -15569,13 +15566,13 @@ function debounce(func, wait) {
 }
 
 // src/hooks/use-drag.tsx
-var import_react72 = require("react");
+var import_react73 = 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) => {
+  const [isDragging, setIsDragging] = (0, import_react73.useState)(null);
+  const [positions, setPositions] = (0, import_react73.useState)({});
+  const dragStartPos = (0, import_react73.useRef)(null);
+  const dragId = (0, import_react73.useRef)(null);
+  const handleMouseDown = (0, import_react73.useCallback)((id, e) => {
     e.preventDefault();
     const currentPosition = positions[id] || { top: 0, left: 0 };
     dragStartPos.current = {
@@ -15588,7 +15585,7 @@ var useDrag = (options = {}) => {
     setIsDragging(id);
     options.onDragStart?.(id);
   }, [positions, options]);
-  const handleMouseMove = (0, import_react72.useCallback)((e) => {
+  const handleMouseMove = (0, import_react73.useCallback)((e) => {
     if (!isDragging || !dragStartPos.current || !dragId.current) return;
     const deltaX = e.clientX - dragStartPos.current.x;
     const deltaY = e.clientY - dragStartPos.current.y;
@@ -15604,7 +15601,7 @@ var useDrag = (options = {}) => {
     }));
     options.onDrag?.(dragId.current, newPosition);
   }, [isDragging, options]);
-  const handleMouseUp = (0, import_react72.useCallback)(() => {
+  const handleMouseUp = (0, import_react73.useCallback)(() => {
     if (dragId.current) {
       options.onDragEnd?.(dragId.current);
     }
@@ -15612,7 +15609,7 @@ var useDrag = (options = {}) => {
     dragStartPos.current = null;
     dragId.current = null;
   }, [options]);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (isDragging) {
       document.addEventListener("mousemove", handleMouseMove);
       document.addEventListener("mouseup", handleMouseUp);
@@ -15624,16 +15621,16 @@ var useDrag = (options = {}) => {
       };
     }
   }, [isDragging, handleMouseMove, handleMouseUp]);
-  const setPosition = (0, import_react72.useCallback)((id, position) => {
+  const setPosition = (0, import_react73.useCallback)((id, position) => {
     setPositions((prev) => ({
       ...prev,
       [id]: position
     }));
   }, []);
-  const getPosition = (0, import_react72.useCallback)((id) => {
+  const getPosition = (0, import_react73.useCallback)((id) => {
     return positions[id] || { top: 0, left: 0 };
   }, [positions]);
-  const isElementDragging = (0, import_react72.useCallback)((id) => {
+  const isElementDragging = (0, import_react73.useCallback)((id) => {
     return isDragging === id;
   }, [isDragging]);
   return {

package/dist/index.mjs

@@ -12900,19 +12900,14 @@ function EventCalendar({
   onEventUpdate,
   onEventDelete,
   className,
-  initialView = "month",
-  mode = "default"
+  initialView = "month"
 }) {
-  const isAgendaOnly = mode === "agenda-only";
   const [currentDate, setCurrentDate] = useState24(/* @__PURE__ */ new Date());
-  const [view, setView] = useState24(
-    isAgendaOnly ? "agenda" : initialView
-  );
+  const [view, setView] = useState24(initialView);
   const [isFading, setIsFading] = useState24(false);
   const FADE_DURATION = 220;
   const changeView = useCallback12(
     (next) => {
-      if (isAgendaOnly) return;
       if (next === view) return;
       setIsFading(true);
       window.setTimeout(() => {
@@ -12920,7 +12915,7 @@ function EventCalendar({
         requestAnimationFrame(() => setIsFading(false));
       }, FADE_DURATION);
     },
-    [view, isAgendaOnly]
+    [view]
   );
   const [isPaging, setIsPaging] = useState24(false);
   const [pageDirection, setPageDirection] = useState24(
@@ -12950,7 +12945,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");
@@ -12971,7 +12965,7 @@ function EventCalendar({
     return () => {
       window.removeEventListener("keydown", handleKeyDown);
     };
-  }, [isEventDialogOpen, changeView, isAgendaOnly]);
+  }, [isEventDialogOpen, changeView]);
   const handlePrevious = () => {
     pageTransition(() => {
       if (view === "month") {
@@ -13002,13 +12996,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;
@@ -13035,9 +13027,13 @@ function EventCalendar({
     if (event.id) {
       onEventUpdate?.(event);
       toast3(`Evento "${event.title}" atualizado`, {
-        description: format5(new Date(event.start), "d 'de' MMMM 'de' yyyy", {
-          locale: ptBR4
-        }),
+        description: format5(
+          new Date(event.start ?? event.attend_date ?? event.end ?? Date.now()),
+          "d 'de' MMMM 'de' yyyy",
+          {
+            locale: ptBR4
+          }
+        ),
         position: "bottom-left"
       });
     } else {
@@ -13046,9 +13042,11 @@ function EventCalendar({
         id: Math.random().toString(36).substring(2, 11)
       });
       toast3(`Evento "${event.title}" adicionado`, {
-        description: format5(new Date(event.start), "d 'de' MMMM 'de' yyyy", {
-          locale: ptBR4
-        }),
+        description: format5(
+          new Date(event.start ?? event.attend_date ?? event.end ?? Date.now()),
+          "d 'de' MMMM 'de' yyyy",
+          { locale: ptBR4 }
+        ),
         position: "bottom-left"
       });
     }
@@ -13063,7 +13061,9 @@ function EventCalendar({
     if (deletedEvent) {
       toast3(`Evento "${deletedEvent.title}" exclu\xEDdo`, {
         description: format5(
-          new Date(deletedEvent.start),
+          new Date(
+            deletedEvent.start ?? deletedEvent.attend_date ?? deletedEvent.end ?? Date.now()
+          ),
           "d 'de' MMMM 'de' yyyy",
           { locale: ptBR4 }
         ),
@@ -13075,7 +13075,9 @@ function EventCalendar({
     onEventUpdate?.(updatedEvent);
     toast3(`Evento "${updatedEvent.title}" movido`, {
       description: format5(
-        new Date(updatedEvent.start),
+        new Date(
+          updatedEvent.start ?? updatedEvent.attend_date ?? updatedEvent.end ?? Date.now()
+        ),
         "d 'de' MMMM 'de' yyyy",
         { locale: ptBR4 }
       ),
@@ -13133,7 +13135,7 @@ function EventCalendar({
         ),
         children: [
           /* @__PURE__ */ jsxs58("div", { className: "flex items-center gap-1 sm:gap-4", children: [
-            !isAgendaOnly && /* @__PURE__ */ jsxs58(
+            /* @__PURE__ */ jsxs58(
               ButtonBase,
               {
                 className: "max-[479px]:aspect-square max-[479px]:p-0!",
@@ -13176,7 +13178,7 @@ function EventCalendar({
             ] }),
             /* @__PURE__ */ jsx78("h2", { className: "font-semibold text-sm sm:text-lg md:text-xl", children: viewTitle })
           ] }),
-          /* @__PURE__ */ jsx78("div", { className: "flex items-center gap-2", children: !isAgendaOnly && /* @__PURE__ */ jsxs58(Fragment11, { children: [
+          /* @__PURE__ */ jsx78("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs58(Fragment11, { children: [
             /* @__PURE__ */ jsxs58(DropDownMenuBase, { children: [
               /* @__PURE__ */ jsx78(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs58(
                 ButtonBase,
@@ -13221,8 +13223,7 @@ function EventCalendar({
                   /* @__PURE__ */ jsx78(DropDownMenuShortcutBase, { children: "M" })
                 ] }),
                 /* @__PURE__ */ jsxs58(DropDownMenuItemBase, { onClick: () => changeView("week"), children: [
-                  "Semana",
-                  " ",
+                  "Semana ",
                   /* @__PURE__ */ jsx78(DropDownMenuShortcutBase, { children: "S" })
                 ] }),
                 /* @__PURE__ */ jsxs58(DropDownMenuItemBase, { onClick: () => changeView("day"), children: [
@@ -13230,8 +13231,7 @@ function EventCalendar({
                   /* @__PURE__ */ jsx78(DropDownMenuShortcutBase, { children: "D" })
                 ] }),
                 /* @__PURE__ */ jsxs58(DropDownMenuItemBase, { onClick: () => changeView("agenda"), children: [
-                  "Agenda",
-                  " ",
+                  "Agenda ",
                   /* @__PURE__ */ jsx78(DropDownMenuShortcutBase, { children: "A" })
                 ] })
               ] })
@@ -13303,8 +13303,7 @@ function EventCalendar({
             {
               currentDate,
               events,
-              onEventSelect: isAgendaOnly ? void 0 : handleEventSelect,
-              showUndatedEvents: isAgendaOnly
+              onEventSelect: handleEventSelect
             }
           )
         ]
@@ -13333,7 +13332,7 @@ function EventCalendar({
         "--event-height": `${EventHeight}px`,
         "--week-cells-height": `${WeekCellsHeight}px`
       },
-      children: isAgendaOnly ? calendarContent : /* @__PURE__ */ jsx78(CalendarDndProvider, { onEventUpdate: handleEventUpdate, children: calendarContent })
+      children: /* @__PURE__ */ jsx78(CalendarDndProvider, { onEventUpdate: handleEventUpdate, children: calendarContent })
     }
   );
 }
@@ -13803,6 +13802,9 @@ function EventDialog({
 // src/components/event-calendar/EventItem.tsx
 import { differenceInMinutes as differenceInMinutes3, format as format7, isPast } from "date-fns";
 import { useMemo as useMemo13 } from "react";
+import {
+  ClockUserIcon
+} from "@phosphor-icons/react";
 import { Fragment as Fragment12, jsx as jsx80, jsxs as jsxs60 } from "react/jsx-runtime";
 var formatTimeWithOptionalMinutes = (date) => {
   return format7(date, "HH:mm");
@@ -13830,17 +13832,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 ? 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__ */ jsx80(
     "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
@@ -13861,7 +13872,6 @@ function EventWrapper({
 function EventItem({
   event,
   view,
-  isDragging,
   onClick,
   showTime,
   currentTime,
@@ -13940,12 +13950,9 @@ function EventItem({
         dndListeners,
         event,
         ariaLabel,
-        isDragging,
         isFirstDay,
         isLastDay,
         onClick,
-        onMouseDown,
-        onTouchStart,
         children: children || /* @__PURE__ */ jsxs60("span", { className: "flex items-center gap-2 truncate", children: [
           !event.allDay && hasValidTime && displayStart && /* @__PURE__ */ jsx80("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__ */ jsx80(
@@ -13977,27 +13984,22 @@ function EventItem({
         dndListeners,
         event,
         ariaLabel,
-        isDragging,
         isFirstDay,
         isLastDay,
-        onClick,
-        onMouseDown,
-        onTouchStart,
         children: durationMinutes < 45 ? /* @__PURE__ */ jsxs60("div", { className: "flex items-center justify-between w-full", children: [
-          /* @__PURE__ */ jsx80("div", { className: cn("truncate", agendaOnly ? "text-lg" : ""), children: event.title }),
+          /* @__PURE__ */ jsx80("div", { className: cn("truncate text-lg"), children: event.title }),
           showTime && hasValidTime && displayStart && /* @__PURE__ */ jsx80("span", { className: "ml-2 inline-block bg-white/10 px-2 py-0.5 rounded-full text-[11px] opacity-90", children: formatTimeWithOptionalMinutes(displayStart) })
         ] }) : /* @__PURE__ */ jsxs60(Fragment12, { children: [
           /* @__PURE__ */ jsx80(
             "div",
             {
               className: cn(
-                "truncate font-medium",
-                agendaOnly ? "text-lg" : ""
+                "truncate font-medium text-lg"
               ),
               children: event.title
             }
           ),
-          showTime && hasValidTime && /* @__PURE__ */ jsx80("div", { className: "truncate font-normal opacity-70 sm:text-[11px]", children: /* @__PURE__ */ jsx80("span", { className: "inline-block bg-white/5 px-2 py-0.5 rounded-full", children: getEventTime() }) })
+          showTime && hasValidTime && /* @__PURE__ */ jsx80("div", { className: "truncate font-normal opacity-70 sm:text-[15px]", children: /* @__PURE__ */ jsx80("span", { className: "inline-block bg-white/5 px-0.5 py-0.5 rounded-full", children: getEventTime() }) })
         ] })
       }
     );
@@ -14038,7 +14040,7 @@ function EventItem({
             {
               className: cn(
                 "my-1 opacity-90",
-                agendaOnly ? "text-sm" : "text-xs"
+                agendaOnly ? "text-md" : "text-xs"
               ),
               style: {
                 display: "-webkit-box",
@@ -14057,7 +14059,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
       ),
@@ -14070,32 +14072,29 @@ function EventItem({
       ...dndListeners,
       ...dndAttributes,
       children: [
-        /* @__PURE__ */ jsx80("div", { className: cn("font-medium", agendaOnly ? "text-lg" : "text-sm"), children: event.title }),
-        /* @__PURE__ */ jsxs60(
-          "div",
-          {
-            className: cn(
-              "opacity-70 flex items-center gap-2",
-              agendaOnly ? "text-sm" : "text-xs"
-            ),
-            children: [
-              event.allDay ? /* @__PURE__ */ jsx80("span", { className: "uppercase", children: "All day" }) : /* @__PURE__ */ jsxs60("span", { className: "uppercase", children: [
+        /* @__PURE__ */ jsxs60("div", { className: "flex w-full justify-between border-b-2 border-black/5 ", children: [
+          /* @__PURE__ */ jsx80("div", { className: cn("font-bold text-lg"), children: event.title }),
+          /* @__PURE__ */ jsx80(
+            "div",
+            {
+              className: cn(
+                "opacity-90 flex items-center gap-2 text-lg"
+              ),
+              children: event.allDay ? /* @__PURE__ */ jsx80("span", { children: "Dia todo" }) : /* @__PURE__ */ jsxs60("span", { className: "uppercase font-semibold flex items-center gap-2", children: [
                 formatTimeWithOptionalMinutes(displayStart),
-                " -",
-                " ",
-                formatTimeWithOptionalMinutes(displayEnd)
-              ] }),
-              event.location && /* @__PURE__ */ jsxs60("span", { className: "opacity-80 flex items-center gap-1", children: [
-                "-",
-                /* @__PURE__ */ jsx80("span", { className: "truncate", children: event.location })
+                /* @__PURE__ */ jsx80("span", { className: "opacity-70", children: "-" }),
+                formatTimeWithOptionalMinutes(displayEnd),
+                /* @__PURE__ */ jsx80(ClockUserIcon, {})
               ] })
-            ]
-          }
-        ),
+            }
+          )
+        ] }),
         event.description && /* @__PURE__ */ jsx80(
           "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,

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.7.17",
+  "version": "1.7.18",
   "homepage": "https://main--68e80310a069c2f10b546ef3.chromatic.com/",
   "repository": {
     "type": "git",