@mlw-packages/react-components 1.10.0 → 1.10.2

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import './index.css';
 import * as React32 from 'react';
-import React32__default, { forwardRef, useState, useEffect, createContext, useMemo, useRef, useCallback, useContext, useId, useLayoutEffect } from 'react';
+import React32__default, { forwardRef, useState, useEffect, createContext, useMemo, useRef, useCallback, useId, useContext, useLayoutEffect } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
@@ -35,7 +35,7 @@ import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import { Drawer } from 'vaul';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import { Prism } from 'react-syntax-highlighter';
-import { format, startOfMonth, endOfMonth, eachDayOfInterval, isToday, isSameDay, differenceInMinutes, isPast, startOfDay, eachHourOfInterval, addHours, getHours, getMinutes, areIntervalsOverlapping, startOfWeek, endOfWeek, isSameMonth, differenceInCalendarDays, addDays, differenceInDays, isBefore, addMinutes, subMonths, subWeeks, addMonths, addWeeks, isWithinInterval, add, max, min } from 'date-fns';
+import { format, startOfMonth, endOfMonth, eachDayOfInterval, isToday, isSameDay, differenceInCalendarDays, differenceInMinutes, isPast, startOfDay, eachHourOfInterval, addHours, getHours, getMinutes, areIntervalsOverlapping, startOfWeek, endOfWeek, isSameMonth, addDays, startOfYear, endOfYear, eachMonthOfInterval, differenceInDays, isBefore, addMinutes, subMonths, subWeeks, subYears, addMonths, addWeeks, addYears, isWithinInterval, add, max, min } from 'date-fns';
 import { ptBR } from 'date-fns/locale';
 import ptBR3 from 'date-fns/locale/pt-BR';
 import { useSensors, useSensor, MouseSensor, TouchSensor, PointerSensor, DndContext, DragOverlay, useDroppable, useDraggable } from '@dnd-kit/core';
@@ -8979,8 +8979,40 @@ var StartHourAgenda = 0;
 var EndHourAgenda = 24;
 var DefaultStartHourAgenda = 9;
 var DefaultEndHourAgenda = 10;
-function getEventColorClassesAgenda(color) {
-  const eventColor = color || "sky";
+function getAutoColorAgenda(id) {
+  const colors2 = [
+    "sky",
+    "amber",
+    "violet",
+    "rose",
+    "emerald",
+    "orange",
+    "green",
+    "blue",
+    "red",
+    "purple",
+    "indigo",
+    "teal",
+    "pink",
+    "cyan",
+    "lime",
+    "fuchsia"
+  ];
+  let hash = 0;
+  for (let i = 0; i < id.length; i++) {
+    hash = id.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  const index = Math.abs(hash) % colors2.length;
+  return colors2[index];
+}
+function getEventColorClassesAgenda(color, eventId) {
+  let eventColor = color;
+  if (!eventColor && eventId) {
+    eventColor = getAutoColorAgenda(eventId);
+  }
+  if (!eventColor) {
+    eventColor = "sky";
+  }
   switch (eventColor) {
     case "sky":
       return "bg-sky-100 hover:bg-sky-200/80 text-sky-900 border border-sky-200/70 dark:bg-sky-500/25 dark:hover:bg-sky-500/35 dark:text-sky-50 dark:border-sky-400/30 transition-colors duration-150";
@@ -9125,6 +9157,28 @@ function addMinutesToDateAgenda(date, minutes) {
 function addHoursToDateAgenda(date, hours) {
   return addMinutesToDateAgenda(date, Math.round(hours * 60));
 }
+function formatDurationAgenda(event) {
+  const start = getEventStartDate(event);
+  const end = getEventEndDate(event);
+  if (!start) return "";
+  const fmt = (d) => format(d, "d 'de' MMM", { locale: ptBR });
+  if (!end || isSameDay(start, end)) {
+    return fmt(start) + (event.allDay ? " \xB7 Dia todo" : " \xB7 " + format(start, "HH:mm"));
+  }
+  const days = differenceInCalendarDays(end, start) + 1;
+  return `${fmt(start)} \u2192 ${fmt(end)} \xB7 ${days} dias`;
+}
+function formatDurationAgendaDays(event) {
+  const start = getEventStartDate(event);
+  const end = getEventEndDate(event);
+  if (!start) return "";
+  const fmt = (d) => format(d, "d 'de' MMM", { locale: ptBR });
+  if (!end || isSameDay(start, end)) {
+    return fmt(start) + (event.allDay ? " \xB7 Dia todo" : " \xB7 " + format(start, "HH:mm"));
+  }
+  const days = differenceInCalendarDays(end, start) + 1;
+  return `${days} dias`;
+}
 function useCurrentTimeIndicatorAgenda(currentDate, view) {
   const [currentTimePosition, setCurrentTimePosition] = useState(0);
   const [currentTimeVisible, setCurrentTimeVisible] = useState(false);
@@ -9193,7 +9247,7 @@ function EventWrapper({
     return void 0;
   })();
   const isEventInPast = displayEnd ? isPast(displayEnd) : false;
-  const colorClasses = hasValidTimeForWrapper ? getEventColorClassesAgenda(event.color) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none ";
+  const colorClasses = hasValidTimeForWrapper ? getEventColorClassesAgenda(event.color, event.id) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none ";
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -9238,7 +9292,7 @@ function EventItemAgenda({
   const startDate = getEventStartDate(event);
   const endDate = getEventEndDate(event);
   const hasValidTime = !!startDate || !!endDate;
-  const colorClasses = hasValidTime ? getEventColorClassesAgenda(eventColor) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none";
+  const colorClasses = hasValidTime ? getEventColorClassesAgenda(eventColor, event.id) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none";
   const displayStart = useMemo(() => {
     if (!hasValidTime) return void 0;
     if (startDate) return currentTime || startDate;
@@ -9398,7 +9452,7 @@ function EventItemAgenda({
       {
         className: cn(
           "flex w-full flex-col gap-2 rounded-lg p-3 text-left outline-none transition-shadow duration-150 ease-out hover:bg-white/3 focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-past-event:line-through data-past-event:opacity-90 border-2 border-border",
-          getEventColorClassesAgenda(eventColor),
+          getEventColorClassesAgenda(eventColor, event.id),
           className
         ),
         "aria-label": ariaLabel,
@@ -9644,21 +9698,38 @@ function DayViewAgenda({
   const { currentTimePosition, currentTimeVisible } = useCurrentTimeIndicatorAgenda(currentDate, "day");
   return /* @__PURE__ */ jsxs("div", { className: "contents", "data-slot": "day-view", children: [
     showAllDaySection && /* @__PURE__ */ jsx("div", { className: "border-border/70 border-t bg-muted/50", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[3rem_1fr] sm:grid-cols-[4rem_1fr]", children: [
-      /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx("span", { className: "absolute bottom-0 left-0 h-6 w-16 max-w-full pe-2 text-right text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: "All day" }) }),
+      /* @__PURE__ */ jsx("div", { className: "relative border-border/70 border-r flex items-center justify-center p-1", children: /* @__PURE__ */ jsx("span", { className: "text-center text-[10px] text-muted-foreground/70 sm:text-xs", children: "Todo Dia" }) }),
       /* @__PURE__ */ jsx("div", { className: "relative border-border/70 border-r p-1 last:border-r-0", children: allDayEvents.map((event) => {
         const eventStart = getEventStartDate(event);
         const eventEnd = getEventEndDate(event) ?? getEventStartDate(event);
         const isFirstDay = eventStart ? isSameDay(currentDate, eventStart) : false;
         const isLastDay = eventEnd ? isSameDay(currentDate, eventEnd) : false;
         return /* @__PURE__ */ jsx(
-          EventItemAgenda,
+          TooltipProviderBase,
           {
-            event,
-            isFirstDay,
-            isLastDay,
-            onClick: (e) => handleEventClick(event, e),
-            view: "month",
-            children: /* @__PURE__ */ jsx("div", { children: event.title })
+            delayDuration: 400,
+            children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+              /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
+                EventItemAgenda,
+                {
+                  event,
+                  isFirstDay,
+                  isLastDay,
+                  onClick: (e) => handleEventClick(event, e),
+                  view: "month",
+                  children: /* @__PURE__ */ jsx("div", { children: event.title })
+                }
+              ) }) }),
+              /* @__PURE__ */ jsxs(TooltipContentBase, { side: "top", children: [
+                /* @__PURE__ */ jsx("p", { className: "font-semibold truncate max-w-[200px]", children: event.title }),
+                /* @__PURE__ */ jsx("p", { className: "opacity-80 mt-0.5 leading-snug", children: formatDurationAgenda(event) }),
+                event.location && /* @__PURE__ */ jsxs("p", { className: "opacity-60 mt-0.5 truncate text-[11px] max-w-[200px] flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsx(MapPinIcon, { size: 14 }),
+                  " ",
+                  event.location
+                ] })
+              ] })
+            ] })
           },
           `spanning-${event.id}`
         );
@@ -9691,17 +9762,37 @@ function DayViewAgenda({
                 width: `${positionedEvent.width * 100}%`,
                 zIndex: positionedEvent.zIndex
               },
-              children: /* @__PURE__ */ jsx(
-                EventItemAgenda,
-                {
-                  event: evt,
-                  view: "day",
-                  isFirstDay,
-                  isLastDay,
-                  onClick: (e) => handleEventClick(evt, e),
-                  showTime: true
-                }
-              )
+              children: /* @__PURE__ */ jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+                /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "size-full", children: /* @__PURE__ */ jsx(
+                  EventItemAgenda,
+                  {
+                    event: evt,
+                    view: "day",
+                    isFirstDay,
+                    isLastDay,
+                    onClick: (e) => handleEventClick(evt, e),
+                    showTime: true
+                  }
+                ) }) }),
+                /* @__PURE__ */ jsxs(
+                  TooltipContentBase,
+                  {
+                    side: "top",
+                    sideOffset: 6,
+                    className: "max-w-[220px] space-y-0.5",
+                    children: [
+                      /* @__PURE__ */ jsx("p", { className: "font-semibold text-sm leading-snug", children: evt.title }),
+                      /* @__PURE__ */ jsx("p", { className: "text-xs opacity-90", children: formatDurationAgenda(evt) }),
+                      evt.location && /* @__PURE__ */ jsxs("p", { className: "text-xs flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsx(MapPinIcon, { size: 15 }),
+                        " ",
+                        evt.location
+                      ] }),
+                      evt.description && /* @__PURE__ */ jsx("p", { className: "text-xs opacity-75 line-clamp-2", children: evt.description })
+                    ]
+                  }
+                )
+              ] }) })
             },
             positionedEvent.event.id
           );
@@ -9995,7 +10086,8 @@ function EventAgenda({
   className,
   initialView = "month",
   initialDate,
-  onClick
+  onClick,
+  showYearView = false
 }) {
   const [currentDate, setCurrentDate] = useState(
     initialDate && new Date(initialDate) || /* @__PURE__ */ new Date()
@@ -10008,6 +10100,7 @@ function EventAgenda({
     else if (view === "day") setCurrentDate((d) => addDays(d, -1));
     else if (view === "agenda")
       setCurrentDate((d) => addDays(d, -AgendaDaysToShowAgenda));
+    else if (view === "year") setCurrentDate((d) => subYears(d, 1));
   };
   const goNext = () => {
     if (view === "month") setCurrentDate((d) => addMonths(d, 1));
@@ -10015,6 +10108,7 @@ function EventAgenda({
     else if (view === "day") setCurrentDate((d) => addDays(d, 1));
     else if (view === "agenda")
       setCurrentDate((d) => addDays(d, AgendaDaysToShowAgenda));
+    else if (view === "year") setCurrentDate((d) => addYears(d, 1));
   };
   const handleEventSelect = (event, e) => {
     try {
@@ -10052,7 +10146,8 @@ function EventAgenda({
       month: { full: "M\xEAs", short: "M" },
       week: { full: "Semana", short: "S" },
       day: { full: "Dia", short: "D" },
-      agenda: { full: "Agenda", short: "A" }
+      agenda: { full: "Agenda", short: "A" },
+      year: { full: "Ano", short: "An" }
     };
     const entry = labels[v] || { full: v, short: v };
     return condensed ? entry.short : entry.full;
@@ -10076,12 +10171,18 @@ function EventAgenda({
       const start = currentDate;
       return capitalize2(format(start, "MMMM yyyy", { locale: ptBR }));
     }
+    if (view === "year") {
+      return format(currentDate, "yyyy");
+    }
     return capitalize2(format(currentDate, "MMMM yyyy", { locale: ptBR }));
   }, [currentDate, view]);
-  const selectItems = ["month", "week", "day", "agenda"].map((v) => ({
-    label: viewLabel(v),
-    value: v
-  }));
+  const availableViews = showYearView ? ["year", "month", "week", "day", "agenda"] : ["month", "week", "day", "agenda"];
+  const selectItems = availableViews.map(
+    (v) => ({
+      label: viewLabel(v),
+      value: v
+    })
+  );
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -10136,46 +10237,51 @@ function EventAgenda({
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "flex flex-col transition-all duration-200 ease-in-out",
-              children: [
-                view === "month" && /* @__PURE__ */ jsx(
-                  MonthViewAgenda,
-                  {
-                    currentDate,
-                    events,
-                    onEventSelect: handleEventSelect
-                  }
-                ),
-                view === "week" && /* @__PURE__ */ jsx(
-                  WeekViewAgenda,
-                  {
-                    currentDate,
-                    events,
-                    onEventSelect: handleEventSelect
-                  }
-                ),
-                view === "day" && /* @__PURE__ */ jsx(
-                  DayViewAgenda,
-                  {
-                    currentDate,
-                    events,
-                    onEventSelect: handleEventSelect
-                  }
-                ),
-                view === "agenda" && /* @__PURE__ */ jsx(
-                  Agenda,
-                  {
-                    currentDate,
-                    events,
-                    onEventSelect: handleEventSelect
-                  }
-                )
-              ]
-            }
-          )
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col transition-all duration-200 ease-in-out", children: [
+            view === "month" && /* @__PURE__ */ jsx(
+              MonthViewAgenda,
+              {
+                currentDate,
+                events,
+                onEventSelect: handleEventSelect
+              }
+            ),
+            view === "week" && /* @__PURE__ */ jsx(
+              WeekViewAgenda,
+              {
+                currentDate,
+                events,
+                onEventSelect: handleEventSelect
+              }
+            ),
+            view === "day" && /* @__PURE__ */ jsx(
+              DayViewAgenda,
+              {
+                currentDate,
+                events,
+                onEventSelect: handleEventSelect
+              }
+            ),
+            view === "agenda" && /* @__PURE__ */ jsx(
+              Agenda,
+              {
+                currentDate,
+                events,
+                onEventSelect: handleEventSelect
+              }
+            ),
+            view === "year" && /* @__PURE__ */ jsx(
+              YearViewAgenda,
+              {
+                currentDate,
+                events,
+                onMonthSelect: (monthDate) => {
+                  setCurrentDate(monthDate);
+                  setView("month");
+                }
+              }
+            )
+          ] })
         ] }),
         selectedEvent && React32__default.isValidElement(onClick) ? React32__default.cloneElement(onClick, {
           event: selectedEvent,
@@ -10250,11 +10356,13 @@ function useEventVisibilityAgenda({
   const getVisibleEventCount = useMemo(() => {
     return (totalEvents) => {
       if (!contentHeight) return totalEvents;
-      const maxEvents = Math.floor(contentHeight / (eventHeight + eventGap));
-      if (totalEvents <= maxEvents) {
+      const availableHeight = contentHeight + eventGap + 4;
+      const slotHeight = eventHeight + eventGap;
+      const maxSlots = Math.floor(availableHeight / slotHeight);
+      if (totalEvents <= maxSlots) {
         return totalEvents;
       }
-      return maxEvents > 0 ? maxEvents - 1 : 0;
+      return maxSlots > 0 ? maxSlots - 1 : 0;
     };
   }, [contentHeight, eventHeight, eventGap]);
   return {
@@ -10326,17 +10434,6 @@ function computeMultiDayBars(events, weekDays) {
   }
   return bars;
 }
-function formatDuration(event) {
-  const start = getEventStartDate(event);
-  const end = getEventEndDate(event);
-  if (!start) return "";
-  const fmt = (d) => format(d, "d 'de' MMM", { locale: ptBR });
-  if (!end || isSameDay(start, end)) {
-    return fmt(start) + (event.allDay ? " \xB7 Dia todo" : " \xB7 " + format(start, "HH:mm"));
-  }
-  const days = differenceInCalendarDays(end, start) + 1;
-  return `${fmt(start)} \u2192 ${fmt(end)} \xB7 ${days} dias`;
-}
 function MultiDayOverlay({
   bars,
   weekIndex,
@@ -10359,7 +10456,7 @@ function MultiDayOverlay({
           /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx(
             "div",
             {
-              className: "absolute pointer-events-auto px-1.5",
+              className: "absolute pointer-events-auto px-[5px]",
               style: {
                 left: continuesFromPrev ? `${colStart / 7 * 100}%` : `calc(${colStart / 7 * 100}% + 3px)`,
                 right: continuesToNext ? `${100 - (colStart + colSpan) / 7 * 100}%` : `calc(${100 - (colStart + colSpan) / 7 * 100}% + 3px)`,
@@ -10379,7 +10476,10 @@ function MultiDayOverlay({
                     onEventSelect(event, e);
                   },
                   view: "month",
-                  className: cn("w-full", isHovered && "[filter:brightness(0.92)]"),
+                  className: cn(
+                    "w-full",
+                    isHovered && "[filter:brightness(0.92)]"
+                  ),
                   children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-0.5 w-full min-w-0", children: [
                     continuesFromPrev && /* @__PURE__ */ jsx("span", { className: "shrink-0 opacity-50 leading-none mr-0.5 flex items-center", children: /* @__PURE__ */ jsx(CaretLeftIcon, { size: 10, weight: "bold" }) }),
                     !event.allDay && isFirstDay && /* @__PURE__ */ jsx("span", { className: "shrink-0 font-normal opacity-75 text-[10px] bg-white/15 px-1 py-0.5 rounded-full leading-none", children: format(eventStart, "HH:mm") }),
@@ -10403,7 +10503,7 @@ function MultiDayOverlay({
           ) }),
           /* @__PURE__ */ jsxs(TooltipContentBase, { side: "top", children: [
             /* @__PURE__ */ jsx("p", { className: "font-semibold truncate max-w-[200px]", children: event.title }),
-            /* @__PURE__ */ jsx("p", { className: "opacity-80 mt-0.5 leading-snug", children: formatDuration(event) }),
+            /* @__PURE__ */ jsx("p", { className: "opacity-80 mt-0.5 leading-snug", children: formatDurationAgenda(event) }),
             event.location && /* @__PURE__ */ jsxs("p", { className: "opacity-60 mt-0.5 truncate text-[11px] max-w-[200px]", children: [
               /* @__PURE__ */ jsx(MapPinIcon, { size: 15 }),
               " ",
@@ -10579,7 +10679,7 @@ function MonthViewAgenda({
                           "div",
                           {
                             ref: isReferenceCell ? contentRef : null,
-                            className: "min-h-[calc((var(--event-height)+var(--event-gap))*2)] sm:min-h-[calc((var(--event-height)+var(--event-gap))*3)] lg:min-h-[calc((var(--event-height)+var(--event-gap))*4)] px-1 py-0.5 sm:py-1",
+                            className: "flex-1 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",
                             children: [
                               Array.from({ length: dayMultiDayRowCount }).map(
                                 (_, si) => /* @__PURE__ */ jsx(
@@ -10601,20 +10701,31 @@ function MonthViewAgenda({
                                   {
                                     "aria-hidden": isHidden ? "true" : void 0,
                                     className: "aria-hidden:hidden",
-                                    children: /* @__PURE__ */ jsx(
-                                      EventItemAgenda,
-                                      {
-                                        event,
-                                        isFirstDay: true,
-                                        isLastDay: true,
-                                        onClick: (e) => handleEventClick(event, e),
-                                        view: "month",
-                                        children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 sm:gap-1.5 truncate text-[11px] relative z-10", children: [
-                                          !event.allDay && /* @__PURE__ */ jsx("span", { className: "font-normal opacity-80 text-[10px] sm:text-[11px] bg-white/10 px-1 py-0.5 rounded-full", children: format(eventStart, "HH:mm") }),
-                                          /* @__PURE__ */ jsx("span", { className: "font-semibold truncate", children: event.title })
+                                    children: /* @__PURE__ */ jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+                                      /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
+                                        EventItemAgenda,
+                                        {
+                                          event,
+                                          isFirstDay: true,
+                                          isLastDay: true,
+                                          onClick: (e) => handleEventClick(event, e),
+                                          view: "month",
+                                          children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 sm:gap-1.5 truncate text-[11px] relative z-10", children: [
+                                            !event.allDay && /* @__PURE__ */ jsx("span", { className: "font-normal opacity-80 text-[10px] sm:text-[11px] bg-white/10 px-1 py-0.5 rounded-full", children: format(eventStart, "HH:mm") }),
+                                            /* @__PURE__ */ jsx("span", { className: "font-semibold truncate", children: event.title })
+                                          ] })
+                                        }
+                                      ) }) }),
+                                      /* @__PURE__ */ jsxs(TooltipContentBase, { side: "top", children: [
+                                        /* @__PURE__ */ jsx("p", { className: "font-semibold truncate max-w-[200px]", children: event.title }),
+                                        /* @__PURE__ */ jsx("p", { className: "opacity-80 mt-0.5 leading-snug", children: formatDurationAgenda(event) }),
+                                        event.location && /* @__PURE__ */ jsxs("p", { className: "opacity-60 mt-0.5 truncate text-[11px] max-w-[200px] flex items-center gap-1", children: [
+                                          /* @__PURE__ */ jsx(MapPinIcon, { size: 14 }),
+                                          " ",
+                                          event.location
                                         ] })
-                                      }
-                                    )
+                                      ] })
+                                    ] }) })
                                   },
                                   event.id
                                 );
@@ -10629,7 +10740,7 @@ function MonthViewAgenda({
                               type: "button",
                               onClick: (e) => e.stopPropagation(),
                               "aria-label": `Mostrar mais ${remainingCount} eventos`,
-                              className: "mt-[var(--event-gap)] flex h-[var(--event-height)] w-full select-none items-center overflow-hidden px-2 text-left text-[10px] text-muted-foreground outline-none rounded-md transition hover:bg-muted/60 hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 sm:text-xs",
+                              className: "mt-auto flex h-[var(--event-height)] w-full select-none items-center overflow-hidden px-2 text-left text-[10px] text-muted-foreground outline-none rounded-md transition hover:bg-muted/60 hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 sm:text-xs",
                               children: /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
                                 "+ ",
                                 remainingCount,
@@ -10972,7 +11083,7 @@ function WeekViewAgenda({
   return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col overflow-hidden", "data-slot": "week-view", children: [
     /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsxs("div", { className: "min-w-[600px] sm:min-w-full flex flex-col h-full", children: [
       /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-30 grid grid-cols-8 border-border/70 border-b bg-background", children: [
-        /* @__PURE__ */ jsx("div", { className: "py-2 text-center text-muted-foreground/70 text-[10px] sm:text-sm", children: /* @__PURE__ */ jsx("span", { className: "max-[479px]:sr-only", children: format(/* @__PURE__ */ new Date(), "O") }) }),
+        /* @__PURE__ */ jsx("div", { className: "py-2 text-center text-muted-foreground/70 text-[10px] sm:text-sm", children: /* @__PURE__ */ jsx("span", { className: "", children: "Hor\xE1rios" }) }),
         days.map((day) => /* @__PURE__ */ jsxs(
           "div",
           {
@@ -10985,7 +11096,7 @@ function WeekViewAgenda({
                 format(day, "d", { locale: ptBR })
               ] }),
               /* @__PURE__ */ jsx("span", { className: "hidden sm:inline md:hidden", children: format(day, "EEE d", { locale: ptBR }) }),
-              /* @__PURE__ */ jsx("span", { className: "max-md:hidden", children: format(day, "EEE dd", { locale: ptBR }) })
+              /* @__PURE__ */ jsx("span", { className: "hidden md:inline", children: format(day, "EEE dd", { locale: ptBR }) })
             ]
           },
           day.toString()
@@ -10993,7 +11104,7 @@ function WeekViewAgenda({
       ] }),
       showAllDaySection && /* @__PURE__ */ jsxs("div", { className: "border-border/70 border-b bg-muted/50", children: [
         trueAllDayEvents.length > 0 && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-8", children: [
-          /* @__PURE__ */ jsx("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ jsx("span", { className: "absolute bottom-0 left-0 h-6 w-16 max-w-full pe-2 text-right text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: "Todo dia" }) }),
+          /* @__PURE__ */ jsx("div", { className: "relative border-border/70 border-r flex items-center justify-center p-1", children: /* @__PURE__ */ jsx("span", { className: "text-center text-[10px] text-muted-foreground/70 sm:text-xs", children: "Todo dia" }) }),
           /* @__PURE__ */ jsxs(
             "div",
             {
@@ -11018,38 +11129,48 @@ function WeekViewAgenda({
                     slot
                   } = bar;
                   const showTitle = isFirstDay || !isFirstDay && colStart === 0;
-                  return /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "absolute px-0.5",
-                      style: {
-                        left: `calc(${colStart / 7 * 100}% + 2px)`,
-                        width: `calc(${colSpan / 7 * 100}% - 4px)`,
-                        top: EventGapAgenda + slot * rowH,
-                        height: EventHeightAgenda
-                      },
-                      children: /* @__PURE__ */ jsx(
-                        EventItemAgenda,
-                        {
-                          event,
-                          isFirstDay,
-                          isLastDay,
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            handleEventClick(event, e);
-                          },
-                          view: "month",
-                          className: "h-full",
-                          children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 min-w-0 w-full", children: [
-                            !isFirstDay && colStart === 0 && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsx(CaretLeftIcon$1, {}) }),
-                            showTitle && /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-medium", children: event.title }),
-                            !isLastDay && colStart + colSpan === 7 && /* @__PURE__ */ jsx("span", { className: "shrink-0 ml-auto text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsx(CaretRightIcon$1, {}) })
-                          ] })
-                        }
-                      )
-                    },
-                    event.id
-                  );
+                  return /* @__PURE__ */ jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+                    /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "absolute px-0.5",
+                        style: {
+                          left: `calc(${colStart / 7 * 100}% + 2px)`,
+                          width: `calc(${colSpan / 7 * 100}% - 4px)`,
+                          top: EventGapAgenda + slot * rowH,
+                          height: EventHeightAgenda
+                        },
+                        children: /* @__PURE__ */ jsx(
+                          EventItemAgenda,
+                          {
+                            event,
+                            isFirstDay,
+                            isLastDay,
+                            onClick: (e) => {
+                              e.stopPropagation();
+                              handleEventClick(event, e);
+                            },
+                            view: "month",
+                            className: "h-full",
+                            children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 min-w-0 w-full", children: [
+                              !isFirstDay && colStart === 0 && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsx(CaretLeftIcon$1, {}) }),
+                              showTitle && /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-medium", children: event.title }),
+                              !isLastDay && colStart + colSpan === 7 && /* @__PURE__ */ jsx("span", { className: "shrink-0 ml-auto text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsx(CaretRightIcon$1, {}) })
+                            ] })
+                          }
+                        )
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxs(TooltipContentBase, { side: "top", children: [
+                      /* @__PURE__ */ jsx("p", { className: "font-semibold truncate max-w-[200px]", children: event.title }),
+                      /* @__PURE__ */ jsx("p", { className: "opacity-80 mt-0.5 leading-snug", children: formatDurationAgenda(event) }),
+                      event.location && /* @__PURE__ */ jsxs("p", { className: "opacity-60 mt-0.5 truncate text-[11px] max-w-[200px] flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsx(MapPinIcon$1, { size: 14 }),
+                        " ",
+                        event.location
+                      ] })
+                    ] })
+                  ] }) }, event.id);
                 })
               ]
             }
@@ -11063,7 +11184,7 @@ function WeekViewAgenda({
               trueAllDayEvents.length > 0 && "border-t border-border/40"
             ),
             children: [
-              /* @__PURE__ */ jsx("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ jsx("span", { className: "absolute bottom-0 left-0 h-6 w-16 max-w-full px-1 text-muted-foreground/70 sm:text-xs", children: "Evento" }) }),
+              /* @__PURE__ */ jsx("div", { className: "relative border-border/70 border-r flex items-center justify-center p-1", children: /* @__PURE__ */ jsx("span", { className: "text-center text-[10px] text-muted-foreground/70 sm:text-xs", children: "Evento" }) }),
               /* @__PURE__ */ jsxs(
                 "div",
                 {
@@ -11089,54 +11210,64 @@ function WeekViewAgenda({
                       } = bar;
                       const eventStart = getEventStartDate(event) ?? /* @__PURE__ */ new Date();
                       const showTitle = isFirstDay || !isFirstDay && colStart === 0;
-                      return /* @__PURE__ */ jsx(
-                        "div",
-                        {
-                          className: "absolute px-0.5",
-                          style: {
-                            left: `calc(${colStart / 7 * 100}% + 2px)`,
-                            width: `calc(${colSpan / 7 * 100}% - 4px)`,
-                            top: EventGapAgenda + slot * rowH,
-                            height: EventHeightAgenda
-                          },
-                          children: /* @__PURE__ */ jsx(
-                            EventItemAgenda,
-                            {
-                              event,
-                              isFirstDay,
-                              isLastDay,
-                              onClick: (e) => {
-                                e.stopPropagation();
-                                handleEventClick(event, e);
-                              },
-                              view: "month",
-                              className: "h-full border-dashed",
-                              children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 min-w-0 w-full", children: [
-                                !isFirstDay && colStart === 0 && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsx(CaretLeftIcon$1, {}) }),
-                                showTitle && /* @__PURE__ */ jsxs(Fragment, { children: [
-                                  isFirstDay && /* @__PURE__ */ jsx("span", { className: "font-normal opacity-80 text-[10px] sm:text-[11px] bg-white/10 px-1 py-0.5 rounded-full", children: format(eventStart, "HH:mm") }),
-                                  /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-medium", children: event.title }),
-                                  isFirstDay && (() => {
-                                    const evStart = getEventStartDate(event);
-                                    const evEnd = getEventEndDate(event);
-                                    if (!evStart || !evEnd) return null;
-                                    const d = Math.round(
-                                      (evEnd.getTime() - evStart.getTime()) / 864e5
-                                    ) + 1;
-                                    if (d < 2) return null;
-                                    return /* @__PURE__ */ jsxs("span", { className: "shrink-0 inline-flex items-end font-bold leading-none px-1 py-0.5 text-[10px]", children: [
-                                      d,
-                                      "d"
-                                    ] });
-                                  })()
-                                ] }),
-                                !isLastDay && colStart + colSpan === 7 && /* @__PURE__ */ jsx("span", { className: "shrink-0 ml-auto text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsx(CaretRightIcon$1, {}) })
-                              ] })
-                            }
-                          )
-                        },
-                        event.id
-                      );
+                      return /* @__PURE__ */ jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+                        /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            className: "absolute px-0.5",
+                            style: {
+                              left: `calc(${colStart / 7 * 100}% + 2px)`,
+                              width: `calc(${colSpan / 7 * 100}% - 4px)`,
+                              top: EventGapAgenda + slot * rowH,
+                              height: EventHeightAgenda
+                            },
+                            children: /* @__PURE__ */ jsx(
+                              EventItemAgenda,
+                              {
+                                event,
+                                isFirstDay,
+                                isLastDay,
+                                onClick: (e) => {
+                                  e.stopPropagation();
+                                  handleEventClick(event, e);
+                                },
+                                view: "month",
+                                className: "h-full border-dashed",
+                                children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 min-w-0 w-full", children: [
+                                  !isFirstDay && colStart === 0 && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsx(CaretLeftIcon$1, {}) }),
+                                  showTitle && /* @__PURE__ */ jsxs(Fragment, { children: [
+                                    isFirstDay && /* @__PURE__ */ jsx("span", { className: "font-normal opacity-80 text-[10px] sm:text-[11px] bg-white/10 px-1 py-0.5 rounded-full", children: format(eventStart, "HH:mm") }),
+                                    /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-medium", children: event.title }),
+                                    isFirstDay && (() => {
+                                      const evStart = getEventStartDate(event);
+                                      const evEnd = getEventEndDate(event);
+                                      if (!evStart || !evEnd) return null;
+                                      const d = Math.round(
+                                        (evEnd.getTime() - evStart.getTime()) / 864e5
+                                      ) + 1;
+                                      if (d < 2) return null;
+                                      return /* @__PURE__ */ jsxs("span", { className: "shrink-0 inline-flex items-end font-bold leading-none px-1 py-0.5 text-[10px]", children: [
+                                        d,
+                                        "d"
+                                      ] });
+                                    })()
+                                  ] }),
+                                  !isLastDay && colStart + colSpan === 7 && /* @__PURE__ */ jsx("span", { className: "shrink-0 ml-auto text-[11px] font-bold opacity-60", children: /* @__PURE__ */ jsx(CaretRightIcon$1, {}) })
+                                ] })
+                              }
+                            )
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsxs(TooltipContentBase, { side: "top", children: [
+                          /* @__PURE__ */ jsx("p", { className: "font-semibold truncate max-w-[200px]", children: event.title }),
+                          /* @__PURE__ */ jsx("p", { className: "opacity-80 mt-0.5 leading-snug", children: formatDurationAgenda(event) }),
+                          event.location && /* @__PURE__ */ jsxs("p", { className: "opacity-60 mt-0.5 truncate text-[11px] max-w-[200px] flex items-center gap-1", children: [
+                            /* @__PURE__ */ jsx(MapPinIcon$1, { size: 14 }),
+                            " ",
+                            event.location
+                          ] })
+                        ] })
+                      ] }) }, event.id);
                     })
                   ]
                 }
@@ -11161,9 +11292,7 @@ function WeekViewAgenda({
             "data-today": isToday(day) || void 0,
             children: [
               (processedDayEvents[dayIndex] ?? []).map((positionedEvent) => {
-                const evStart = getEventStartDate(positionedEvent.event);
-                const evEnd = getEventEndDate(positionedEvent.event);
-                const timeLabel = evStart ? evEnd ? `${format(evStart, "HH:mm")} \u2013 ${format(evEnd, "HH:mm")}` : format(evStart, "HH:mm") : void 0;
+                const timeLabel = formatDurationAgenda(positionedEvent.event);
                 return /* @__PURE__ */ jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxs(TooltipBase, { delayDuration: 250, children: [
                   /* @__PURE__ */ jsx(
                     "div",
@@ -11199,7 +11328,7 @@ function WeekViewAgenda({
                       className: "max-w-[220px] space-y-0.5",
                       children: [
                         /* @__PURE__ */ jsx("p", { className: "font-semibold text-sm leading-snug", children: positionedEvent.event.title }),
-                        timeLabel && /* @__PURE__ */ jsx("p", { className: "text-xs opacity-90", children: timeLabel }),
+                        /* @__PURE__ */ jsx("p", { className: "text-xs opacity-90", children: timeLabel }),
                         positionedEvent.event.location && /* @__PURE__ */ jsxs("p", { className: "text-xs flex items-center gap-2", children: [
                           /* @__PURE__ */ jsx(MapPinIcon$1, { size: 15 }),
                           " ",
@@ -11274,25 +11403,105 @@ function WeekViewAgenda({
     )
   ] });
 }
+function YearViewAgenda({
+  currentDate,
+  events,
+  onMonthSelect
+}) {
+  const start = startOfYear(currentDate);
+  const end = endOfYear(currentDate);
+  const months = useMemo(() => {
+    return eachMonthOfInterval({ start, end });
+  }, [start, end]);
+  const eventDates = useMemo(() => {
+    return new Set(
+      events.map((e) => getEventStartDate(e)).filter((d) => !!d).map((d) => format(d, "yyyy-MM-dd"))
+    );
+  }, [events]);
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-1 overflow-y-auto max-h-[calc(100vh-200px)] lg:max-h-[750px] scrollbar-thin scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent", children: months.map((month) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex flex-col p-4 rounded-lg border border-border/70 bg-card hover:bg-muted/5 transition-colors cursor-pointer group",
+      onClick: () => onMonthSelect(month),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm capitalize text-foreground group-hover:text-primary transition-colors", children: format(month, "MMMM", { locale: ptBR }) }),
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground/50 uppercase tracking-wider opacity-0 group-hover:opacity-100 transition-opacity", children: "Detalhes" })
+        ] }),
+        /* @__PURE__ */ jsx(MonthMiniGrid, { month, eventDates })
+      ]
+    },
+    month.toString()
+  )) });
+}
+function MonthMiniGrid({
+  month,
+  eventDates
+}) {
+  const days = useMemo(() => {
+    const monthStart = startOfMonth(month);
+    const calendarStart = startOfWeek(monthStart, { weekStartsOn: 0 });
+    const daysArr = [];
+    const curr = new Date(calendarStart);
+    for (let i = 0; i < 42; i++) {
+      daysArr.push(new Date(curr));
+      curr.setDate(curr.getDate() + 1);
+    }
+    return daysArr;
+  }, [month]);
+  const weekdays = ["D", "S", "T", "Q", "Q", "S", "S"];
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-7 gap-y-1 text-[11px]", children: [
+    weekdays.map((wd, i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "text-center font-medium text-muted-foreground/70 py-1",
+        children: wd
+      },
+      `${wd}-${i}`
+    )),
+    days.map((day) => {
+      const isCurrentMonth = day.getMonth() === month.getMonth();
+      const dateStr = format(day, "yyyy-MM-dd");
+      const hasEvent = eventDates.has(dateStr);
+      const isDayToday = isToday(day);
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "relative flex items-center justify-center p-1 rounded-sm aspect-square transition-colors",
+            !isCurrentMonth && "opacity-0 pointer-events-none",
+            isDayToday && "bg-blue-500 text-white font-semibold rounded-lg",
+            isCurrentMonth && !isDayToday && "hover:bg-muted/50 text-foreground"
+          ),
+          children: [
+            isCurrentMonth && format(day, "d"),
+            isCurrentMonth && hasEvent && !isDayToday && /* @__PURE__ */ jsx("div", { className: "absolute bottom-0.5 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full bg-blue-500" })
+          ]
+        },
+        day.toString()
+      );
+    })
+  ] });
+}
 var colorBannerMap = {
-  sky: "from-sky-400 to-sky-500",
-  amber: "from-amber-400 to-amber-500",
-  violet: "from-violet-400 to-violet-500",
-  rose: "from-rose-400 to-rose-500",
-  emerald: "from-emerald-400 to-emerald-500",
-  orange: "from-orange-400 to-orange-500",
-  green: "from-green-400 to-green-500",
-  blue: "from-blue-400 to-blue-500",
-  red: "from-red-400 to-red-500",
-  purple: "from-purple-400 to-purple-500",
-  indigo: "from-indigo-400 to-indigo-500",
-  teal: "from-teal-400 to-teal-500",
-  pink: "from-pink-400 to-pink-500",
-  cyan: "from-cyan-400 to-cyan-500",
-  lime: "from-lime-400 to-lime-500",
-  fuchsia: "from-fuchsia-400 to-fuchsia-500"
+  sky: "from-sky-400 via-sky-500 to-cyan-500",
+  amber: "from-amber-400 via-amber-500 to-orange-400",
+  violet: "from-violet-400 via-violet-500 to-purple-600",
+  rose: "from-rose-400 via-rose-500 to-pink-500",
+  emerald: "from-emerald-400 via-emerald-500 to-teal-500",
+  orange: "from-orange-400 via-orange-500 to-amber-500",
+  green: "from-green-400 via-green-500 to-emerald-500",
+  blue: "from-blue-400 via-blue-500 to-indigo-500",
+  red: "from-red-400 via-red-500 to-rose-500",
+  purple: "from-purple-400 via-purple-500 to-violet-600",
+  indigo: "from-indigo-400 via-indigo-500 to-blue-600",
+  teal: "from-teal-400 via-teal-500 to-cyan-500",
+  pink: "from-pink-400 via-pink-500 to-rose-400",
+  cyan: "from-cyan-400 via-cyan-500 to-sky-500",
+  lime: "from-lime-400 via-lime-500 to-green-500",
+  fuchsia: "from-fuchsia-400 via-fuchsia-500 to-purple-500"
 };
-function formatDuration2(minutes) {
+function formatDuration(minutes) {
   if (minutes <= 0) return "";
   const h = Math.floor(minutes / 60);
   const m = minutes % 60;
@@ -11312,7 +11521,7 @@ function EventDetailModalAgenda({
 }) {
   const [open, setOpen] = useState(true);
   if (!event) return null;
-  const color = event.color ?? "sky";
+  const color = event.color ?? getAutoColorAgenda(event.id);
   const bannerGradient = colorBannerMap[color] ?? colorBannerMap.sky;
   const startDate = getEventStartDate(event);
   const endDate = getEventEndDate(event);
@@ -11357,83 +11566,60 @@ function EventDetailModalAgenda({
         setOpen(v);
         if (!v) onClose?.();
       },
-      children: /* @__PURE__ */ jsxs(DialogContentBase, { className: "p-0 overflow-hidden gap-0 border-none shadow-xl sm:max-w-md", children: [
+      children: /* @__PURE__ */ jsxs(DialogContentBase, { className: "p-0 overflow-hidden gap-0 border-none shadow-2xl sm:max-w-md rounded-2xl", children: [
         /* @__PURE__ */ jsxs(
           "div",
           {
             className: cn(
-              "relative bg-gradient-to-tl w-full flex flex-col justify-end px-6 pt-12 pb-8 select-none transition-all duration-300",
+              "relative bg-gradient-to-br w-full flex flex-col justify-end px-7 pt-14 pb-7 select-none overflow-hidden",
               bannerGradient
             ),
             children: [
-              /* @__PURE__ */ jsx("div", { className: "absolute top-4 left-6 flex items-center gap-2", children: dateSection.isAllDay ? /* @__PURE__ */ jsxs(Badge, { className: "bg-white/20 text-white  backdrop-blur-md", children: [
-                /* @__PURE__ */ jsx(SunIcon, { size: 12, weight: "bold" }),
+              /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-br from-white/20 via-transparent to-black/10" }),
+              /* @__PURE__ */ jsx("div", { className: "absolute top-4 left-5 flex items-center gap-2 z-10", children: dateSection.isAllDay ? /* @__PURE__ */ jsxs(Badge, { className: "bg-black/20 text-white border border-white/20 backdrop-blur-sm shadow-none gap-1 text-[11px] font-medium", children: [
+                /* @__PURE__ */ jsx(SunIcon, { size: 11, weight: "bold" }),
                 "Dia todo"
-              ] }) : isMultiDay ? /* @__PURE__ */ jsxs(Badge, { className: "bg-white/20 text-white  backdrop-blur-md", children: [
-                /* @__PURE__ */ jsx(CalendarDotsIcon, { size: 12, weight: "bold" }),
-                "Multi-dia"
-              ] }) : durationMinutes > 0 ? /* @__PURE__ */ jsxs(Badge, { className: "bg-white/20 text-white  backdrop-blur-md", children: [
-                /* @__PURE__ */ jsx(ClockIcon, { size: 12, weight: "bold" }),
-                formatDuration2(durationMinutes)
+              ] }) : isMultiDay ? /* @__PURE__ */ jsxs(Badge, { className: "bg-black/20 text-white border border-white/20 backdrop-blur-sm shadow-none gap-1 text-[11px] font-medium", children: [
+                /* @__PURE__ */ jsx(CalendarDotsIcon, { size: 11, weight: "bold" }),
+                formatDurationAgendaDays(event)
+              ] }) : durationMinutes > 0 ? /* @__PURE__ */ jsxs(Badge, { className: "bg-black/20 text-white border border-white/20 backdrop-blur-sm shadow-none gap-1 text-[11px] font-medium", children: [
+                /* @__PURE__ */ jsx(ClockIcon, { size: 11, weight: "bold" }),
+                formatDuration(durationMinutes)
               ] }) : null }),
-              /* @__PURE__ */ jsx("h2", { className: "text-2xl sm:text-3xl font-bold text-white leading-tight tracking-tight drop-shadow-md", children: event.title })
+              /* @__PURE__ */ jsx("h2", { className: "relative z-10 text-2xl sm:text-[1.75rem] font-bold text-white leading-tight tracking-tight drop-shadow-sm", children: event.title })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 px-6 py-8 bg-background", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
-            /* @__PURE__ */ jsx("div", { className: "p-2 rounded-lg bg-muted/50 border border-border", children: /* @__PURE__ */ jsx(
-              CalendarDotsIcon,
-              {
-                size: 20,
-                weight: "duotone",
-                className: "text-primary"
-              }
-            ) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground leading-none", children: dateSection.primary }),
-              dateSection.secondary && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 text-sm text-muted-foreground mt-0.5", children: isMultiDay && !event.allDay || isMultiDay && dateSection.isAllDay ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(
-                  ArrowRightIcon$1,
-                  {
-                    size: 12,
-                    className: "shrink-0 opacity-70"
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "font-medium", children: dateSection.secondary })
-              ] }) : /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground/70", children: dateSection.secondary }) })
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col px-7 py-6 bg-background", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 py-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "mt-0.5 p-2 rounded-xl bg-muted border border-border shrink-0", children: /* @__PURE__ */ jsx(CalendarDotsIcon, { size: 18, weight: "duotone", className: "text-primary" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-[13px] font-semibold text-foreground leading-snug", children: dateSection.primary }),
+              dateSection.secondary && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 mt-0.5", children: isMultiDay && !event.allDay || isMultiDay && dateSection.isAllDay ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(ArrowRightIcon$1, { size: 11, className: "shrink-0 text-muted-foreground/60" }),
+                /* @__PURE__ */ jsx("span", { className: "text-[12px] font-medium text-muted-foreground", children: dateSection.secondary })
+              ] }) : /* @__PURE__ */ jsx("span", { className: "text-[12px] font-medium text-muted-foreground", children: dateSection.secondary }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsx(SeparatorBase, { className: "opacity-50" }),
-          event.location && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
-            /* @__PURE__ */ jsx("div", { className: "p-2 rounded-lg bg-muted/50 border border-border", children: /* @__PURE__ */ jsx(
-              MapPinIcon,
-              {
-                size: 20,
-                weight: "duotone",
-                className: "text-primary"
-              }
-            ) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "Localiza\xE7\xE3o" }),
-              /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground font-medium", children: event.location })
-            ] })
+          (event.location || event.description) && /* @__PURE__ */ jsx(SeparatorBase, { className: "opacity-40" }),
+          event.location && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 py-4", children: [
+              /* @__PURE__ */ jsx("div", { className: "mt-0.5 p-2 rounded-xl bg-muted border border-border shrink-0", children: /* @__PURE__ */ jsx(MapPinIcon, { size: 18, weight: "duotone", className: "text-primary" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium uppercase tracking-widest text-muted-foreground/60", children: "Localiza\xE7\xE3o" }),
+                /* @__PURE__ */ jsx("span", { className: "text-[13px] font-medium text-foreground leading-snug", children: event.location })
+              ] })
+            ] }),
+            event.description && /* @__PURE__ */ jsx(SeparatorBase, { className: "opacity-40" })
           ] }),
-          event.description && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
-            /* @__PURE__ */ jsx("div", { className: "p-2 rounded-lg bg-muted/50 border border-border", children: /* @__PURE__ */ jsx(
-              AlignLeftIcon,
-              {
-                size: 20,
-                weight: "duotone",
-                className: "text-primary"
-              }
-            ) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "Descri\xE7\xE3o" }),
-              /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground leading-relaxed font-normal", children: event.description })
+          event.description && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 py-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "mt-0.5 p-2 rounded-xl bg-muted border border-border shrink-0", children: /* @__PURE__ */ jsx(AlignLeftIcon, { size: 18, weight: "duotone", className: "text-primary" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium uppercase tracking-widest text-muted-foreground/60", children: "Descri\xE7\xE3o" }),
+              /* @__PURE__ */ jsx("p", { className: "text-[13px] text-muted-foreground leading-relaxed font-normal", children: event.description })
             ] })
           ] }),
-          !event.location && !event.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/60 italic text-center py-2 border border-dashed border-border rounded-lg", children: "Nenhum detalhe adicional dispon\xEDvel." })
+          !event.location && !event.description && /* @__PURE__ */ jsx("p", { className: "py-4 text-[11px] text-muted-foreground/40 italic text-center", children: "Nenhum detalhe adicional dispon\xEDvel." })
         ] })
       ] })
     }
@@ -14670,8 +14856,8 @@ var createValueFormatter = (customFormatter, formatBR) => {
   });
   const prefixFormats = ["R$", "$", "\u20AC", "\xA3"];
   const suffixFormats = ["%", "kg", "km", "m", "L", "un", "t", "h", "min", "s"];
-  const getFormattedValue = (baseValue, format19) => {
-    const trimmedFormat = format19.trim();
+  const getFormattedValue = (baseValue, format21) => {
+    const trimmedFormat = format21.trim();
     if (prefixFormats.includes(trimmedFormat)) {
       return `${trimmedFormat} ${baseValue}`;
     }
@@ -14696,8 +14882,8 @@ var createValueFormatter = (customFormatter, formatBR) => {
           num = Number.isNaN(parsed) ? NaN : parsed;
         }
         const baseFormatted = formatBR && !Number.isNaN(num) ? nf.format(num) : String(formattedValue ?? value ?? "");
-        const format19 = propsDataKey && formatterMap[propsDataKey] ? formatterMap[propsDataKey] : "";
-        return format19 ? getFormattedValue(baseFormatted, format19) : baseFormatted;
+        const format21 = propsDataKey && formatterMap[propsDataKey] ? formatterMap[propsDataKey] : "";
+        return format21 ? getFormattedValue(baseFormatted, format21) : baseFormatted;
       };
     }
     if (typeof customFormatter === "function") {
@@ -16349,8 +16535,578 @@ var SystemTooltip = ({
   ) });
 };
 var SystemTooltip_default = SystemTooltip;
+var useIsTruncated = (ref) => {
+  const [truncated, setTruncated] = useState(false);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const check = () => setTruncated(el.scrollWidth > el.offsetWidth);
+    check();
+    const ro = new ResizeObserver(check);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [ref]);
+  return truncated;
+};
+var NameTooltip = ({
+  name,
+  description
+}) => {
+  const nameRef = useRef(null);
+  const descRef = useRef(null);
+  const isNameTruncated = useIsTruncated(nameRef);
+  const isDescTruncated = useIsTruncated(descRef);
+  const showTooltip = isNameTruncated || isDescTruncated;
+  return /* @__PURE__ */ jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+    /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "cursor-default", children: [
+      /* @__PURE__ */ jsx(
+        "h3",
+        {
+          ref: nameRef,
+          className: "text-xl font-bold text-foreground tracking-tight truncate",
+          children: name
+        }
+      ),
+      description && /* @__PURE__ */ jsx(
+        "p",
+        {
+          ref: descRef,
+          className: "text-xs text-foreground/70 truncate mt-0.5",
+          children: description
+        }
+      )
+    ] }) }),
+    showTooltip && /* @__PURE__ */ jsxs(TooltipContentBase, { sideOffset: 8, className: "z-[10001]", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-semibold", children: name }),
+      description && /* @__PURE__ */ jsx("p", { className: "text-xs text-foreground/70 mt-0.5", children: description })
+    ] })
+  ] }) });
+};
+var SystemNode = ({ label }) => {
+  const truncated = label.length > 9 ? label.substring(0, 9) + "\u2026" : label;
+  const needsTooltip = label.length > 9;
+  const circle = /* @__PURE__ */ jsx("div", { className: "w-[76px] h-[76px] rounded-full bg-primary flex items-center justify-center shrink-0 z-10 cursor-default", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-primary-foreground text-center px-2 leading-tight select-none", children: truncated }) });
+  if (!needsTooltip) return circle;
+  return /* @__PURE__ */ jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+    /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: circle }),
+    /* @__PURE__ */ jsx(TooltipContentBase, { sideOffset: 8, className: "z-[10001]", children: label })
+  ] }) });
+};
+var Beam = ({ isInput, containerRef, leftRef, rightRef }) => {
+  const gradientId = useId();
+  const [pathD, setPathD] = useState("");
+  const [svgSize, setSvgSize] = useState({ w: 0, h: 0 });
+  useEffect(() => {
+    let rafId;
+    const update = () => {
+      const container = containerRef.current;
+      const left = leftRef.current;
+      const right = rightRef.current;
+      if (!container || !left || !right) return;
+      const cr = container.getBoundingClientRect();
+      const lr = left.getBoundingClientRect();
+      const rr = right.getBoundingClientRect();
+      const cx1 = lr.left - cr.left + lr.width / 2;
+      const cy1 = lr.top - cr.top + lr.height / 2;
+      const cx2 = rr.left - cr.left + rr.width / 2;
+      const cy2 = rr.top - cr.top + rr.height / 2;
+      const dx = cx2 - cx1, dy = cy2 - cy1;
+      const dist = Math.sqrt(dx * dx + dy * dy);
+      if (dist === 0) return;
+      const ux = dx / dist, uy = dy / dist;
+      const r1 = lr.width / 2;
+      const r2 = rr.width / 2;
+      setSvgSize({ w: cr.width, h: cr.height });
+      setPathD(
+        `M ${cx1 + ux * r1},${cy1 + uy * r1} L ${cx2 - ux * r2},${cy2 - uy * r2}`
+      );
+    };
+    const schedule = () => {
+      cancelAnimationFrame(rafId);
+      rafId = requestAnimationFrame(update);
+    };
+    requestAnimationFrame(() => requestAnimationFrame(update));
+    schedule();
+    const ro = new ResizeObserver(schedule);
+    if (containerRef.current) ro.observe(containerRef.current);
+    if (leftRef.current) ro.observe(leftRef.current);
+    if (rightRef.current) ro.observe(rightRef.current);
+    const mo = new MutationObserver(schedule);
+    mo.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class", "style"]
+    });
+    mo.observe(document.body, {
+      attributes: true,
+      attributeFilter: ["class", "style"]
+    });
+    return () => {
+      cancelAnimationFrame(rafId);
+      ro.disconnect();
+      mo.disconnect();
+    };
+  }, [containerRef, leftRef, rightRef]);
+  const animX1 = isInput ? ["90%", "-10%"] : ["10%", "110%"];
+  const animX2 = isInput ? ["100%", "0%"] : ["0%", "100%"];
+  if (!pathD) return null;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: "pointer-events-none absolute left-0 top-0",
+      width: svgSize.w,
+      height: svgSize.h,
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: pathD,
+            className: "stroke-primary",
+            strokeWidth: 2,
+            strokeOpacity: 0.2,
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          motion.path,
+          {
+            d: pathD,
+            stroke: `url(#${gradientId})`,
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            initial: { strokeOpacity: 0 },
+            animate: { strokeOpacity: 1 },
+            transition: { duration: 1 }
+          }
+        ),
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+          motion.linearGradient,
+          {
+            id: gradientId,
+            gradientUnits: "userSpaceOnUse",
+            initial: { x1: "0%", x2: "0%", y1: "0%", y2: "0%" },
+            animate: {
+              x1: animX1,
+              x2: animX2,
+              y1: ["0%", "0%"],
+              y2: ["0%", "0%"]
+            },
+            transition: {
+              duration: 4,
+              ease: [0.16, 1, 0.3, 1],
+              repeat: Infinity,
+              repeatDelay: 0
+            },
+            children: [
+              /* @__PURE__ */ jsx("stop", { stopColor: "hsl(var(--primary))", stopOpacity: "0" }),
+              /* @__PURE__ */ jsx("stop", { stopColor: "hsl(var(--primary))" }),
+              /* @__PURE__ */ jsx("stop", { offset: "32.5%", stopColor: "hsl(var(--primary))" }),
+              /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "hsl(var(--primary))", stopOpacity: "0" })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+};
+var SystemsDiagram = ({ isInput, currentSystem, externalSystem }) => {
+  const containerRef = useRef(null);
+  const leftRef = useRef(null);
+  const rightRef = useRef(null);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: "relative flex items-center justify-between py-1 px-3",
+      children: [
+        /* @__PURE__ */ jsx("div", { ref: leftRef, children: /* @__PURE__ */ jsx(SystemNode, { label: isInput ? externalSystem : currentSystem }) }),
+        /* @__PURE__ */ jsx("div", { ref: rightRef, children: /* @__PURE__ */ jsx(SystemNode, { label: isInput ? currentSystem : externalSystem }) }),
+        /* @__PURE__ */ jsx(
+          Beam,
+          {
+            isInput,
+            containerRef,
+            leftRef,
+            rightRef
+          }
+        )
+      ]
+    }
+  );
+};
+var CopyData = ({ value }) => {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = useCallback(() => {
+    navigator.clipboard.writeText(value).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    });
+  }, [value]);
+  return /* @__PURE__ */ jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+    /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: handleCopy,
+        className: "shrink-0 p-0.5 rounded transition-colors text-muted-foreground/40 hover:text-foreground hover:bg-muted",
+        style: { cursor: "pointer" },
+        children: copied ? /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M3 8l3.5 3.5L13 4.5",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ) }) : /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", children: [
+          /* @__PURE__ */ jsx(
+            "rect",
+            {
+              x: "5",
+              y: "5",
+              width: "8",
+              height: "9",
+              rx: "1.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M3 11V3.5A1.5 1.5 0 0 1 4.5 2H11",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round"
+            }
+          )
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContentBase, { sideOffset: 6, className: "z-[10001]", children: copied ? "Copiado!" : "Copiar" })
+  ] }) });
+};
+var propertyLabels = {
+  Nome: "Nome",
+  tipo: "Tipo",
+  Tipo: "Tipo",
+  Protocolos: "Protocolos",
+  Ambiente: "Ambiente",
+  Setor: "Setor",
+  Contato: "Contato",
+  Sustentacao: "Sustenta\xE7\xE3o",
+  Destino: "Destino",
+  Origem: "Origem"
+};
+var IntegrationCard = ({ title, details }) => {
+  const titleRef = useRef(null);
+  const isTitleTruncated = useIsTruncated(titleRef);
+  const blackList = ["id", "elementId", "identity"];
+  const entries = details ? Object.entries(details).filter(
+    ([key, value]) => value !== void 0 && value !== null && value !== "" && !blackList.includes(key)
+  ) : [];
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-sm border border-border/40 bg-muted/20 overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-border/30", children: [
+      /* @__PURE__ */ jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+        /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            ref: titleRef,
+            className: "text-sm font-bold text-foreground truncate flex-1 cursor-default",
+            children: title
+          }
+        ) }),
+        isTitleTruncated && /* @__PURE__ */ jsx(TooltipContentBase, { sideOffset: 6, className: "z-[10001]", children: title })
+      ] }) }),
+      entries.length > 0 && /* @__PURE__ */ jsx(
+        CopyData,
+        {
+          value: entries.map(([k, v]) => `${propertyLabels[k] || k}: ${String(v)}`).join("\n")
+        }
+      )
+    ] }),
+    entries.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/20", children: entries.map(([key, value]) => {
+      const label = propertyLabels[key] || key;
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-xs font-semibold text-muted-foreground shrink-0 w-[40%] sm:w-[38%]", children: [
+          label,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground break-all flex-1", children: String(value) })
+      ] }, key);
+    }) })
+  ] });
+};
+var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSystem }) => /* @__PURE__ */ jsxs("div", { className: "px-3 py-3 space-y-3 overflow-y-auto flex-1 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/40 transition-colors", children: [
+  isLoading ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsx(SkeletonBase, { className: "h-6 w-3/4" }),
+    /* @__PURE__ */ jsx(SkeletonBase, { className: "h-3.5 w-1/2" })
+  ] }) : /* @__PURE__ */ jsx(NameTooltip, { name: data.name, description: data.description }),
+  /* @__PURE__ */ jsx("div", { className: "border-t border-border/20" }),
+  isLoading ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-1", children: [
+      /* @__PURE__ */ jsx(SkeletonBase, { className: "w-[76px] h-[76px] rounded-full" }),
+      /* @__PURE__ */ jsx(SkeletonBase, { className: "w-[76px] h-[76px] rounded-full" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "border-t border-border/20" }),
+    [1, 2].map((i) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "rounded-lg border border-border/20 overflow-hidden",
+        children: [
+          /* @__PURE__ */ jsx(SkeletonBase, { className: "h-8 w-full" }),
+          [1, 2, 3].map((j) => /* @__PURE__ */ jsx(SkeletonBase, { className: "h-7 w-full mt-px" }, j))
+        ]
+      },
+      i
+    ))
+  ] }) : connections.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground text-center py-4", children: "Nenhuma conex\xE3o encontrada" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SystemsDiagram,
+      {
+        isInput,
+        currentSystem: data.name,
+        externalSystem
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "border-t border-border/20" }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-muted-foreground uppercase", children: isInput ? "Informa\xE7\xF5es de Entrada" : "Informa\xE7\xF5es de Sa\xEDda" }) }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-2", children: connections.map((conn) => /* @__PURE__ */ jsx(
+      IntegrationCard,
+      {
+        title: conn.name,
+        details: conn.integration
+      },
+      conn.id
+    )) })
+  ] })
+] });
+var TooltipBody = React32__default.memo(TooltipBodyComponent);
+var tooltipVariants3 = {
+  hidden: {
+    opacity: 0,
+    scale: 0.96,
+    transition: { type: "spring", stiffness: 400, damping: 28 }
+  },
+  visible: {
+    opacity: 1,
+    scale: 1,
+    transition: { type: "spring", stiffness: 300, damping: 28 }
+  },
+  exit: {
+    opacity: 0,
+    scale: 0.96,
+    transition: { type: "spring", stiffness: 400, damping: 28 }
+  }
+};
+var IntegrationTooltip = ({
+  id,
+  data,
+  position,
+  title = "Conex\xF5es",
+  isLoading = false,
+  systemName,
+  onMouseDown,
+  onClose,
+  onPositionChange
+}) => {
+  const isMobile = useIsMobile();
+  const [localPos, setLocalPos] = useState(position);
+  const [dragging, setDragging] = useState(false);
+  const offsetRef = useRef({ x: 0, y: 0 });
+  const lastMouse = useRef({ x: 0, y: 0 });
+  useEffect(() => setLocalPos(position), [position]);
+  useEffect(() => {
+    let rafId = null;
+    const handleMouseMove = (e) => {
+      if (!dragging) return;
+      lastMouse.current = { x: e.clientX, y: e.clientY };
+      if (rafId) cancelAnimationFrame(rafId);
+      rafId = requestAnimationFrame(() => {
+        const newLeft = lastMouse.current.x - offsetRef.current.x;
+        const newTop = lastMouse.current.y - offsetRef.current.y;
+        const p = {
+          top: Math.max(0, Math.min(newTop, window.innerHeight - 200)),
+          left: Math.max(0, Math.min(newLeft, window.innerWidth - 320))
+        };
+        setLocalPos(p);
+        onPositionChange?.(id, p);
+      });
+    };
+    const handleMouseUp = () => {
+      if (dragging) {
+        setDragging(false);
+        if (rafId) cancelAnimationFrame(rafId);
+      }
+    };
+    if (dragging) {
+      document.addEventListener("mousemove", handleMouseMove, {
+        passive: true
+      });
+      document.addEventListener("mouseup", handleMouseUp);
+      document.body.style.cursor = "grabbing";
+      document.body.style.userSelect = "none";
+    }
+    return () => {
+      if (rafId) cancelAnimationFrame(rafId);
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+    };
+  }, [dragging, id, onPositionChange]);
+  const handleMouseDownLocal = useCallback(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      const rect = e.currentTarget.closest(".fixed")?.getBoundingClientRect();
+      if (!rect) return;
+      offsetRef.current = { x: e.clientX - rect.left, y: e.clientY - rect.top };
+      setDragging(true);
+      onMouseDown?.(id, e);
+    },
+    [id, onMouseDown]
+  );
+  const handleTouchStartLocal = useCallback(
+    (e) => {
+      e.stopPropagation();
+      const touch = e.touches[0];
+      if (!touch) return;
+      const rect = e.currentTarget.closest(".fixed")?.getBoundingClientRect();
+      if (!rect) return;
+      offsetRef.current = {
+        x: touch.clientX - rect.left,
+        y: touch.clientY - rect.top
+      };
+      setDragging(true);
+      onMouseDown?.(id, e);
+    },
+    [id, onMouseDown]
+  );
+  const inputConnections = useMemo(
+    () => data.connections.filter((c) => c.type === "entrada"),
+    [data.connections]
+  );
+  const outputConnections = useMemo(
+    () => data.connections.filter((c) => c.type === "saida"),
+    [data.connections]
+  );
+  const isInput = inputConnections.length > 0;
+  const connections = isInput ? inputConnections : outputConnections;
+  const externalSystem = systemName ?? connections[0]?.name ?? "Sistema";
+  const header = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center justify-between py-1 border-b border-border/10 bg-muted/30 shrink-0",
+      onMouseDown: handleMouseDownLocal,
+      onTouchStart: handleTouchStartLocal,
+      style: {
+        touchAction: "none",
+        cursor: dragging ? "grabbing" : "grab"
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3", children: [
+          /* @__PURE__ */ jsx(DotsSixVerticalIcon, { size: 16, className: "text-primary" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: title })
+        ] }),
+        /* @__PURE__ */ jsx(
+          ButtonBase,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: () => onClose(id),
+            className: "text-muted-foreground hover:text-destructive transition-colors hover:bg-destructive/10 mr-1",
+            style: { cursor: "pointer" },
+            children: /* @__PURE__ */ jsx(XIcon, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+  const bodyProps = { data, isLoading, connections, isInput, externalSystem };
+  if (isMobile) {
+    return /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          className: "fixed inset-0 z-[9999] bg-black/40 backdrop-blur-[2px]",
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0 },
+          onClick: () => onClose(id)
+        },
+        `overlay-${id}`
+      ),
+      /* @__PURE__ */ jsxs(
+        motion.div,
+        {
+          className: "fixed bottom-0 left-0 right-0 z-[10000] bg-card border-t border-border/50 rounded-t-2xl shadow-2xl flex flex-col",
+          style: { maxHeight: "85dvh" },
+          initial: { y: "100%" },
+          animate: { y: 0 },
+          exit: { y: "100%" },
+          transition: { type: "spring", stiffness: 320, damping: 36 },
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "flex justify-center pt-2.5 pb-1 shrink-0", children: /* @__PURE__ */ jsx("div", { className: "w-10 h-1 rounded-full bg-border" }) }),
+            header,
+            /* @__PURE__ */ jsx("div", { className: "overflow-y-auto flex-1 pb-[env(safe-area-inset-bottom)]", children: /* @__PURE__ */ jsx(TooltipBody, { ...bodyProps }) })
+          ]
+        },
+        `sheet-${id}`
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      className: "fixed bg-card/95 backdrop-blur-md border border-border/50 rounded-lg shadow-2xl z-[10000] w-[calc(100vw-32px)] max-w-sm sm:w-80 overflow-hidden flex flex-col",
+      variants: tooltipVariants3,
+      initial: "hidden",
+      animate: "visible",
+      exit: "exit",
+      style: { top: localPos.top, left: localPos.left },
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        header,
+        /* @__PURE__ */ jsx("div", { className: "max-h-[60vh] sm:max-h-[520px] overflow-hidden flex flex-col", children: /* @__PURE__ */ jsx(TooltipBody, { ...bodyProps }) })
+      ]
+    },
+    id
+  ) });
+};
+var IntegrationTooltip_default = IntegrationTooltip;
+
+// src/components/ui/charts/components/tooltips/utils/integrationTooltipUtils.ts
+function processIntegrationData(integrations, targetSystemName) {
+  const connections = [];
+  integrations.forEach((integration) => {
+    const origemNome = integration.origem.properties.nome;
+    const destinoNome = integration.destino.properties.nome;
+    if (origemNome === targetSystemName) {
+      connections.push({
+        id: integration.r.elementId,
+        name: destinoNome,
+        type: "saida",
+        integration: integration.r.properties
+      });
+    }
+    if (destinoNome === targetSystemName) {
+      connections.push({
+        id: integration.r.elementId,
+        name: origemNome,
+        type: "entrada",
+        integration: integration.r.properties
+      });
+    }
+  });
+  return {
+    name: targetSystemName,
+    connections
+  };
+}
 
-// src/components/ui/charts/components/tooltips/systemTooltipUtils.ts
+// src/components/ui/charts/components/tooltips/utils/systemTooltipUtils.ts
 function processNeo4jData(integrations, targetSystemName) {
   const connections = [];
   integrations.forEach((integration) => {
@@ -20231,4 +20987,4 @@ function ControlledCombobox({
   );
 }
 
-export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, ChangeButton, Chart_default as Chart, ChartControls, ChartHeader, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, CommandBase, CommandDebouncedInputBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, ControlledCombobox, CopyButton, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, DefaultEndHour, DefaultEndHourAgenda, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent2 as DraggableEvent, DraggableTooltip_default as DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, DroppableCellAgenda, EditButton, EndHour, EndHourAgenda, ErrorMessage_default as ErrorMessage, EventAgenda, EventCalendar, EventDetailModalAgenda, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileUploader, FilterButton, HideButton, Highlights_default as Highlights, HorizontalChart_default as HorizontalChart, HorizontalLegend_default as HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase_default as LabelBase, Leaderboard, LikeButton, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiDayOverlay, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, NumericInput, PeriodsDropdown_default as PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RadialMenu, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly_default as ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, StartHour, StartHourAgenda, StatusIndicator, SwitchBase, SystemTooltip_default as SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, ThemeProviderBase, TimePicker, TimePickerInput, TimeSeries_default as TimeSeries, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple_default as TooltipSimple, TooltipTriggerBase, TooltipWithTotal_default as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatFieldName, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, processNeo4jData, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useOpenTooltipForPeriod, useProcessedData, useSeriesOpacity, useTheme, useTimeSeriesRange, visualForItem };
+export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, Beam, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, ChangeButton, Chart_default as Chart, ChartControls, ChartHeader, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, CommandBase, CommandDebouncedInputBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, ControlledCombobox, CopyButton, CopyData, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, DefaultEndHour, DefaultEndHourAgenda, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent2 as DraggableEvent, DraggableTooltip_default as DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, DroppableCellAgenda, EditButton, EndHour, EndHourAgenda, ErrorMessage_default as ErrorMessage, EventAgenda, EventCalendar, EventDetailModalAgenda, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileUploader, FilterButton, HideButton, Highlights_default as Highlights, HorizontalChart_default as HorizontalChart, HorizontalLegend_default as HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, IntegrationCard, IntegrationTooltip_default as IntegrationTooltip, LabelBase_default as LabelBase, Leaderboard, LikeButton, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiDayOverlay, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NameTooltip, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, NumericInput, PeriodsDropdown_default as PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RadialMenu, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly_default as ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, StartHour, StartHourAgenda, StatusIndicator, SwitchBase, SystemNode, SystemTooltip_default as SystemTooltip, SystemsDiagram, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, ThemeProviderBase, TimePicker, TimePickerInput, TimeSeries_default as TimeSeries, Toaster, TooltipBase, TooltipBody, TooltipContentBase, TooltipProviderBase, TooltipSimple_default as TooltipSimple, TooltipTriggerBase, TooltipWithTotal_default as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, YearViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatDurationAgenda, formatDurationAgendaDays, formatFieldName, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getAutoColorAgenda, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, processIntegrationData, processNeo4jData, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useIsTruncated, useOpenTooltipForPeriod, useProcessedData, useSeriesOpacity, useTheme, useTimeSeriesRange, visualForItem };