@mlw-packages/react-components 1.10.1 → 1.10.3

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, differenceInCalendarDays, differenceInMinutes, isPast, startOfDay, eachHourOfInterval, addHours, getHours, getMinutes, areIntervalsOverlapping, startOfWeek, endOfWeek, isSameMonth, addDays, differenceInDays, isBefore, addMinutes, subMonths, subWeeks, addMonths, addWeeks, isWithinInterval, add, max, min } from 'date-fns';
+import { 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';
@@ -3646,6 +3646,15 @@ var CardFooterBase = React32.forwardRef(({ className, testid: dataTestId = "card
   }
 ));
 CardFooterBase.displayName = "CardFooter";
+var FileTypes = {
+  Image: ["image/*", ".jpeg", ".jpg", ".png", ".gif", ".webp", ".svg"],
+  Document: [".pdf", ".doc", ".docx", ".txt", ".rtf"],
+  Spreadsheet: [".xls", ".xlsx", ".csv"],
+  Presentation: [".ppt", ".pptx"],
+  Video: ["video/*", ".mp4", ".webm", ".mkv", ".avi"],
+  Audio: ["audio/*", ".mp3", ".wav", ".ogg"],
+  All: []
+};
 var formatFileSize = (bytes) => {
   if (bytes === 0) return "0 Bytes";
   const k = 1024;
@@ -3712,8 +3721,8 @@ var createImagePreview = (file) => {
 var FileUploader = React32.forwardRef(
   ({
     className,
-    accept,
-    maxSize,
+    accept = FileTypes.All,
+    maxSize = 10,
     maxFiles = 1,
     disabled = false,
     value = [],
@@ -3743,8 +3752,9 @@ var FileUploader = React32.forwardRef(
       };
     }, [files]);
     const validateFile = (file) => {
-      if (file.size > maxSize) {
-        return `Arquivo muito grande. M\xE1ximo: ${formatFileSize(maxSize)}`;
+      const maxSizeBytes = maxSize * 1024 * 1024;
+      if (file.size > maxSizeBytes) {
+        return `Arquivo muito grande. M\xE1ximo: ${maxSize} MB`;
       }
       if (accept.length > 0) {
         const fileExtension = `.${getFileExtension(file.name)}`;
@@ -3854,22 +3864,32 @@ var FileUploader = React32.forwardRef(
       }
     };
     const acceptString = accept.join(",");
-    const defaultSubtext = dropzoneSubtext || `Formatos: ${accept.join(", ")}. M\xE1ximo: ${formatFileSize(maxSize)}`;
+    const getFormatText = () => {
+      if (accept === FileTypes.All || accept.length === 0)
+        return "Qualquer formato";
+      if (accept === FileTypes.Image) return "Apenas imagens";
+      if (accept === FileTypes.Document) return "Apenas documentos";
+      if (accept === FileTypes.Video) return "Apenas v\xEDdeos";
+      if (accept === FileTypes.Audio) return "Apenas \xE1udio";
+      if (accept === FileTypes.Spreadsheet) return "Apenas planilhas";
+      if (accept === FileTypes.Presentation) return "Apenas apresenta\xE7\xF5es";
+      return "Formatos espec\xEDficos v\xE1lidos";
+    };
+    const defaultSubtext = dropzoneSubtext || `${getFormatText()} (M\xE1x: ${maxSize}MB)`;
     return /* @__PURE__ */ jsx("div", { ref, className: cn("w-full", className), ...props, children: /* @__PURE__ */ jsxs(
       motion.div,
       {
         className: cn(
-          "relative flex cursor-pointer flex-col items-center justify-center rounded-xl border-2 border-dashed p-10 transition-all duration-300 dark:shadow-black/20",
+          "relative flex cursor-pointer flex-col items-center justify-center rounded-xl border-2 border-dashed p-5 transition-all duration-300 dark:shadow-black/20",
           isDragging && "border-primary bg-primary/10 scale-[1.02]",
           !isDragging && "border-border hover:border-primary/60 hover:bg-muted/50",
-          disabled && "cursor-not-allowed opacity-50 hover:scale-100"
+          disabled && "cursor-not-allowed opacity-50"
         ),
         onDragEnter: handleDragEnter,
         onDragOver: handleDragOver,
         onDragLeave: handleDragLeave,
         onDrop: handleDrop,
         onClick: handleClick,
-        whileHover: !disabled ? { scale: 1.01 } : void 0,
         whileTap: !disabled ? { scale: 0.99 } : void 0,
         animate: isDragging ? {
           borderColor: `hsl(var(--primary))`,
@@ -3929,7 +3949,7 @@ var FileUploader = React32.forwardRef(
           /* @__PURE__ */ jsx(
             motion.p,
             {
-              className: "mb-2 text-base font-semibold text-foreground",
+              className: "mb-2 text-xs font-semibold text-foreground",
               initial: animate ? { opacity: 0, y: -10 } : false,
               animate: { opacity: 1, y: 0 },
               transition: { delay: 0.1 },
@@ -3939,63 +3959,29 @@ var FileUploader = React32.forwardRef(
           /* @__PURE__ */ jsx(
             motion.p,
             {
-              className: "text-sm text-muted-foreground",
+              className: "text-xs text-muted-foreground",
               initial: animate ? { opacity: 0, y: -10 } : false,
               animate: { opacity: 1, y: 0 },
               transition: { delay: 0.2 },
               children: defaultSubtext
             }
           ),
-          /* @__PURE__ */ jsx(AnimatePresence, { children: files.length > 0 && /* @__PURE__ */ jsxs(
-            motion.div,
-            {
-              initial: { opacity: 0, scale: 0.8, y: 10 },
-              animate: {
-                opacity: 1,
-                scale: 1,
-                y: 0,
-                backgroundColor: `hsl(var(--primary) / 0.1)`,
-                borderColor: `hsl(var(--primary) / 0.2)`
-              },
-              exit: { opacity: 0, scale: 0.8, y: 10 },
-              className: cn(
-                "mt-4 flex items-center gap-2 rounded-full border px-4 py-2 backdrop-blur-sm bg-primary/20 border-primary/30 shadow-lg"
-              ),
-              transition: { duration: 0.3 },
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "h-4 w-4 text-primary flex items-center justify-center", children: /* @__PURE__ */ jsx(CheckIcon, { size: 16, className: "text-emerald-500" }) }),
-                /* @__PURE__ */ jsxs(
-                  motion.span,
-                  {
-                    className: "text-sm font-semibold text-primary",
-                    animate: { color: `hsl(var(--primary))` },
-                    transition: { duration: 0.3 },
-                    children: [
-                      files.length,
-                      " ",
-                      files.length === 1 ? "arquivo selecionado" : "arquivos selecionados"
-                    ]
-                  }
-                )
-              ]
-            }
-          ) }),
           showPreview && files.length > 0 && /* @__PURE__ */ jsx(
             motion.div,
             {
-              className: "mt-6 w-full",
+              className: "py-2 w-full",
               initial: animate ? { opacity: 0, y: 10 } : false,
               animate: { opacity: 1, y: 0 },
               transition: { delay: 0.3 },
               children: /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsxs("h4", { className: "mb-3 text-sm font-medium text-muted-foreground", children: [
+                /* @__PURE__ */ jsxs("h4", { className: "text-xs font-medium text-muted-foreground pb-0.5", children: [
                   "Arquivos selecionados (",
                   files.length,
                   "/",
                   maxFiles,
                   ")"
                 ] }),
-                /* @__PURE__ */ jsx("div", { className: "space-y-2 overflow-y-auto max-h-44", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: files.map((file, index) => /* @__PURE__ */ jsxs(
+                /* @__PURE__ */ jsx("div", { className: "space-y-2 overflow-y-auto max-h-36", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: files.map((file, index) => /* @__PURE__ */ jsxs(
                   motion.div,
                   {
                     layout: true,
@@ -4011,24 +3997,18 @@ var FileUploader = React32.forwardRef(
                       layout: { duration: 0.2 }
                     },
                     className: cn(
-                      "flex items-center gap-3 rounded-md border p-3 transition-all duration-300",
+                      "group flex items-center gap-3 rounded-md border p-2 transition-all duration-300",
                       file.error ? "border-destructive/50 bg-destructive/5" : "border-border bg-background/80 hover:bg-muted/50 hover:shadow-md hover:shadow-primary/10 hover:border-primary/30"
                     ),
                     children: [
-                      /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-md bg-muted overflow-hidden", children: file.preview ? (
-                        // Preview de imagem
-                        /* @__PURE__ */ jsx(
-                          "img",
-                          {
-                            src: file.preview,
-                            alt: file.name,
-                            className: "h-full w-full object-cover rounded-md"
-                          }
-                        )
-                      ) : (
-                        // Ícone baseado no tipo de arquivo
-                        getFileTypeIcon(file)
-                      ) }),
+                      /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-md bg-muted overflow-hidden", children: file.preview ? /* @__PURE__ */ jsx(
+                        "img",
+                        {
+                          src: file.preview,
+                          alt: file.name,
+                          className: "h-full w-full object-cover rounded-md"
+                        }
+                      ) : getFileTypeIcon(file) }),
                       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
                         /* @__PURE__ */ jsx(
                           "p",
@@ -4058,14 +4038,14 @@ var FileUploader = React32.forwardRef(
                       /* @__PURE__ */ jsx(
                         ButtonBase,
                         {
-                          variant: "destructive",
                           size: "icon",
+                          variant: "ghost",
                           onClick: (e) => {
                             e?.stopPropagation();
                             handleRemoveFile(file.id);
                           },
-                          className: "",
-                          children: /* @__PURE__ */ jsx(XIcon, { size: 12 })
+                          className: "opacity-0 transition-opacity group-hover:opacity-100",
+                          children: /* @__PURE__ */ jsx(XIcon, { size: 12, className: "text-red-500" })
                         }
                       )
                     ]
@@ -9698,7 +9678,7 @@ 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);
@@ -10086,7 +10066,8 @@ function EventAgenda({
   className,
   initialView = "month",
   initialDate,
-  onClick
+  onClick,
+  showYearView = false
 }) {
   const [currentDate, setCurrentDate] = useState(
     initialDate && new Date(initialDate) || /* @__PURE__ */ new Date()
@@ -10099,6 +10080,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));
@@ -10106,6 +10088,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 {
@@ -10143,7 +10126,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;
@@ -10167,12 +10151,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",
     {
@@ -10227,46 +10217,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,
@@ -10341,11 +10336,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 {
@@ -10662,7 +10659,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(
@@ -10723,7 +10720,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,
@@ -11066,7 +11063,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",
           {
@@ -11079,7 +11076,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()
@@ -11087,7 +11084,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",
             {
@@ -11167,7 +11164,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",
                 {
@@ -11386,6 +11383,86 @@ 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 via-sky-500 to-cyan-500",
   amber: "from-amber-400 via-amber-500 to-orange-400",
@@ -14759,8 +14836,8 @@ var createValueFormatter = (customFormatter, formatBR) => {
   });
   const prefixFormats = ["R$", "$", "\u20AC", "\xA3"];
   const suffixFormats = ["%", "kg", "km", "m", "L", "un", "t", "h", "min", "s"];
-  const getFormattedValue = (baseValue, format20) => {
-    const trimmedFormat = format20.trim();
+  const getFormattedValue = (baseValue, format21) => {
+    const trimmedFormat = format21.trim();
     if (prefixFormats.includes(trimmedFormat)) {
       return `${trimmedFormat} ${baseValue}`;
     }
@@ -14785,8 +14862,8 @@ var createValueFormatter = (customFormatter, formatBR) => {
           num = Number.isNaN(parsed) ? NaN : parsed;
         }
         const baseFormatted = formatBR && !Number.isNaN(num) ? nf.format(num) : String(formattedValue ?? value ?? "");
-        const format20 = propsDataKey && formatterMap[propsDataKey] ? formatterMap[propsDataKey] : "";
-        return format20 ? getFormattedValue(baseFormatted, format20) : baseFormatted;
+        const format21 = propsDataKey && formatterMap[propsDataKey] ? formatterMap[propsDataKey] : "";
+        return format21 ? getFormattedValue(baseFormatted, format21) : baseFormatted;
       };
     }
     if (typeof customFormatter === "function") {
@@ -16438,8 +16515,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) => {
@@ -19604,6 +20251,44 @@ var Lens = ({
     }
   );
 };
+var carouselThemes = {
+  malwee: {
+    foreground: "text-[#222222]",
+    primary: "bg-[#0b5430]",
+    primaryForeground: "text-white",
+    muted: "bg-[#f0eacc]",
+    mutedForeground: "text-[#6b665c]",
+    border: "!border-[#0b5430]",
+    font: "font-[family-name:var(--font-playfair)]"
+  },
+  enfim: {
+    foreground: "text-black",
+    primary: "bg-black",
+    primaryForeground: "text-white",
+    muted: "bg-gray-100",
+    mutedForeground: "text-gray-600",
+    border: "!border-black",
+    font: "font-[family-name:var(--font-libre-caslon)]"
+  },
+  carinhoso: {
+    foreground: "text-[#222222]",
+    primary: "bg-[#d9d0c0]",
+    primaryForeground: "text-[#222222]",
+    muted: "bg-[#e2ddd6]",
+    mutedForeground: "text-[#5e5b56]",
+    border: "!border-[#d9d0c0]",
+    font: "font-[family-name:var(--font-josefin)]"
+  },
+  "malwee-kids": {
+    foreground: "text-[#005bbf]",
+    primary: "bg-[#005bbf]",
+    primaryForeground: "text-white",
+    muted: "bg-[#fcf5c2]",
+    mutedForeground: "text-[#004a9e]",
+    border: "!border-[#005bbf]",
+    font: "font-[family-name:var(--font-poppins)]"
+  }
+};
 function CarouselSkeleton({ className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("w-full h-full lg:p-10 sm:p-4 p-2", className), children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 h-full", children: /* @__PURE__ */ jsx("div", { className: "relative overflow-hidden rounded-lg h-full", children: /* @__PURE__ */ jsxs("div", { className: "w-full h-full min-h-[300px] bg-muted rounded-lg overflow-hidden relative", children: [
     /* @__PURE__ */ jsx(
@@ -19683,7 +20368,8 @@ function CarouselBase({
   autoPlayInterval = 3e3,
   zoomEffect = null,
   download = false,
-  isLoading = false
+  isLoading = false,
+  onChange
 }) {
   const isMobile = useIsMobile();
   const [index, setIndex] = useState(0);
@@ -19694,7 +20380,9 @@ function CarouselBase({
   useEffect(() => {
     if (!emblaApi) return;
     const onSelect = () => {
-      setIndex(emblaApi.selectedScrollSnap());
+      const newIndex = emblaApi.selectedScrollSnap();
+      setIndex(newIndex);
+      onChange?.(newIndex);
     };
     emblaApi.on("select", onSelect);
     emblaApi.on("reInit", onSelect);
@@ -19702,7 +20390,10 @@ function CarouselBase({
       emblaApi.off("select", onSelect);
       emblaApi.off("reInit", onSelect);
     };
-  }, [emblaApi]);
+  }, [emblaApi, onChange]);
+  const currentItem = items[index];
+  const themeKey = currentItem?.theme || "malwee";
+  const currentTheme = carouselThemes[themeKey] || carouselThemes.malwee;
   useEffect(() => {
     if (!autoPlay || items.length <= 1 || !emblaApi) return;
     const interval = setInterval(() => {
@@ -19714,14 +20405,14 @@ function CarouselBase({
     if (isDownloading) return;
     setIsDownloading(true);
     setDownloadSuccess(false);
-    const currentItem = items[index];
+    const currentItem2 = items[index];
     try {
-      const response = await fetch(currentItem.url);
+      const response = await fetch(currentItem2.url);
       const blob = await response.blob();
       const url = window.URL.createObjectURL(blob);
       const link = document.createElement("a");
       link.href = url;
-      link.download = currentItem.title || "image";
+      link.download = currentItem2.title || "image";
       document.body.appendChild(link);
       link.click();
       document.body.removeChild(link);
@@ -19755,7 +20446,12 @@ function CarouselBase({
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: { duration: 0.4 },
-      className: cn("w-full lg:p-10 sm:p-4 p-2", className),
+      className: cn(
+        "w-full lg:p-10 sm:p-4 p-2 transition-colors duration-500",
+        currentTheme.foreground,
+        currentTheme.font,
+        className
+      ),
       style: { width },
       children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 h-full", children: /* @__PURE__ */ jsxs("div", { className: cn("relative h-full", containerClassName), children: [
         /* @__PURE__ */ jsx(
@@ -19890,8 +20586,12 @@ function CarouselBase({
               onPointerDown: (e) => e.stopPropagation(),
               onTouchStart: (e) => e.stopPropagation(),
               onMouseDown: (e) => e.stopPropagation(),
-              className: `absolute left-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full flex items-center justify-center shadow-lg transition-transform z-50
-                    ${!emblaApi?.canScrollPrev() ? "opacity-40 cursor-not-allowed" : "bg-secondary hover:scale-110 hover:opacity-100 opacity-70"}`,
+              className: cn(
+                "absolute left-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full flex items-center justify-center shadow-lg transition-all z-50",
+                !emblaApi?.canScrollPrev() ? "opacity-40 cursor-not-allowed" : "hover:scale-110 hover:opacity-100 opacity-70",
+                currentTheme.primary,
+                currentTheme.primaryForeground
+              ),
               children: /* @__PURE__ */ jsx(
                 "svg",
                 {
@@ -19920,8 +20620,12 @@ function CarouselBase({
               onPointerDown: (e) => e.stopPropagation(),
               onTouchStart: (e) => e.stopPropagation(),
               onMouseDown: (e) => e.stopPropagation(),
-              className: `absolute right-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full flex items-center justify-center shadow-lg transition-transform z-50
-                    ${!emblaApi?.canScrollNext() ? "opacity-40 cursor-not-allowed" : "bg-secondary hover:scale-110 hover:opacity-100 opacity-70"}`,
+              className: cn(
+                "absolute right-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full flex items-center justify-center shadow-lg transition-all z-50",
+                !emblaApi?.canScrollNext() ? "opacity-40 cursor-not-allowed" : "hover:scale-110 hover:opacity-100 opacity-70",
+                currentTheme.primary,
+                currentTheme.primaryForeground
+              ),
               children: /* @__PURE__ */ jsx(
                 "svg",
                 {
@@ -19950,7 +20654,14 @@ function CarouselBase({
             onPointerDown: (e) => e.stopPropagation(),
             onTouchStart: (e) => e.stopPropagation(),
             onMouseDown: (e) => e.stopPropagation(),
-            className: `h-2 rounded-full transition-all ${i === index ? "w-8 bg-white" : "w-2 bg-white/50"}`
+            className: cn(
+              "h-2 rounded-full transition-all duration-300",
+              i === index ? cn("w-8", currentTheme.primary) : cn(
+                "w-2 hover:opacity-80",
+                currentTheme.primary,
+                "opacity-40"
+              )
+            )
           },
           i
         )) })
@@ -20320,4 +21031,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, formatDurationAgenda, formatDurationAgendaDays, formatFieldName, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getAutoColorAgenda, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, processNeo4jData, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useOpenTooltipForPeriod, useProcessedData, useSeriesOpacity, useTheme, useTimeSeriesRange, visualForItem };
+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, FileTypes, 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 };