@mlw-packages/react-components 1.10.1 → 1.10.3

package/dist/index.js

@@ -3689,6 +3689,15 @@ var CardFooterBase = React32__namespace.forwardRef(({ className, testid: dataTes
   }
 ));
 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;
@@ -3755,8 +3764,8 @@ var createImagePreview = (file) => {
 var FileUploader = React32__namespace.forwardRef(
   ({
     className,
-    accept,
-    maxSize,
+    accept = FileTypes.All,
+    maxSize = 10,
     maxFiles = 1,
     disabled = false,
     value = [],
@@ -3786,8 +3795,9 @@ var FileUploader = React32__namespace.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)}`;
@@ -3897,22 +3907,32 @@ var FileUploader = React32__namespace.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__ */ jsxRuntime.jsx("div", { ref, className: cn("w-full", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
       framerMotion.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))`,
@@ -3972,7 +3992,7 @@ var FileUploader = React32__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx(
             framerMotion.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 },
@@ -3982,63 +4002,29 @@ var FileUploader = React32__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx(
             framerMotion.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__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: files.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
-            framerMotion.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__ */ jsxRuntime.jsx("div", { className: "h-4 w-4 text-primary flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(react.CheckIcon, { size: 16, className: "text-emerald-500" }) }),
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  framerMotion.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__ */ jsxRuntime.jsx(
             framerMotion.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__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("h4", { className: "mb-3 text-sm font-medium text-muted-foreground", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h4", { className: "text-xs font-medium text-muted-foreground pb-0.5", children: [
                   "Arquivos selecionados (",
                   files.length,
                   "/",
                   maxFiles,
                   ")"
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2 overflow-y-auto max-h-44", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "popLayout", children: files.map((file, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2 overflow-y-auto max-h-36", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "popLayout", children: files.map((file, index) => /* @__PURE__ */ jsxRuntime.jsxs(
                   framerMotion.motion.div,
                   {
                     layout: true,
@@ -4054,24 +4040,18 @@ var FileUploader = React32__namespace.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-md bg-muted overflow-hidden", children: file.preview ? /* @__PURE__ */ jsxRuntime.jsx(
+                        "img",
+                        {
+                          src: file.preview,
+                          alt: file.name,
+                          className: "h-full w-full object-cover rounded-md"
+                        }
+                      ) : getFileTypeIcon(file) }),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
                         /* @__PURE__ */ jsxRuntime.jsx(
                           "p",
@@ -4101,14 +4081,14 @@ var FileUploader = React32__namespace.forwardRef(
                       /* @__PURE__ */ jsxRuntime.jsx(
                         ButtonBase,
                         {
-                          variant: "destructive",
                           size: "icon",
+                          variant: "ghost",
                           onClick: (e) => {
                             e?.stopPropagation();
                             handleRemoveFile(file.id);
                           },
-                          className: "",
-                          children: /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { size: 12 })
+                          className: "opacity-0 transition-opacity group-hover:opacity-100",
+                          children: /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { size: 12, className: "text-red-500" })
                         }
                       )
                     ]
@@ -9741,7 +9721,7 @@ function DayViewAgenda({
   const { currentTimePosition, currentTimeVisible } = useCurrentTimeIndicatorAgenda(currentDate, "day");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "contents", "data-slot": "day-view", children: [
     showAllDaySection && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border/70 border-t bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[3rem_1fr] sm:grid-cols-[4rem_1fr]", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "relative border-border/70 border-r flex items-center justify-center p-1", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-center text-[10px] text-muted-foreground/70 sm:text-xs", children: "Todo Dia" }) }),
       /* @__PURE__ */ jsxRuntime.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);
@@ -10129,7 +10109,8 @@ function EventAgenda({
   className,
   initialView = "month",
   initialDate,
-  onClick
+  onClick,
+  showYearView = false
 }) {
   const [currentDate, setCurrentDate] = React32.useState(
     initialDate && new Date(initialDate) || /* @__PURE__ */ new Date()
@@ -10142,6 +10123,7 @@ function EventAgenda({
     else if (view === "day") setCurrentDate((d) => dateFns.addDays(d, -1));
     else if (view === "agenda")
       setCurrentDate((d) => dateFns.addDays(d, -AgendaDaysToShowAgenda));
+    else if (view === "year") setCurrentDate((d) => dateFns.subYears(d, 1));
   };
   const goNext = () => {
     if (view === "month") setCurrentDate((d) => dateFns.addMonths(d, 1));
@@ -10149,6 +10131,7 @@ function EventAgenda({
     else if (view === "day") setCurrentDate((d) => dateFns.addDays(d, 1));
     else if (view === "agenda")
       setCurrentDate((d) => dateFns.addDays(d, AgendaDaysToShowAgenda));
+    else if (view === "year") setCurrentDate((d) => dateFns.addYears(d, 1));
   };
   const handleEventSelect = (event, e) => {
     try {
@@ -10186,7 +10169,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;
@@ -10210,12 +10194,18 @@ function EventAgenda({
       const start = currentDate;
       return capitalize2(dateFns.format(start, "MMMM yyyy", { locale: locale.ptBR }));
     }
+    if (view === "year") {
+      return dateFns.format(currentDate, "yyyy");
+    }
     return capitalize2(dateFns.format(currentDate, "MMMM yyyy", { locale: 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__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -10270,46 +10260,51 @@ function EventAgenda({
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: "flex flex-col transition-all duration-200 ease-in-out",
-              children: [
-                view === "month" && /* @__PURE__ */ jsxRuntime.jsx(
-                  MonthViewAgenda,
-                  {
-                    currentDate,
-                    events,
-                    onEventSelect: handleEventSelect
-                  }
-                ),
-                view === "week" && /* @__PURE__ */ jsxRuntime.jsx(
-                  WeekViewAgenda,
-                  {
-                    currentDate,
-                    events,
-                    onEventSelect: handleEventSelect
-                  }
-                ),
-                view === "day" && /* @__PURE__ */ jsxRuntime.jsx(
-                  DayViewAgenda,
-                  {
-                    currentDate,
-                    events,
-                    onEventSelect: handleEventSelect
-                  }
-                ),
-                view === "agenda" && /* @__PURE__ */ jsxRuntime.jsx(
-                  Agenda,
-                  {
-                    currentDate,
-                    events,
-                    onEventSelect: handleEventSelect
-                  }
-                )
-              ]
-            }
-          )
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col transition-all duration-200 ease-in-out", children: [
+            view === "month" && /* @__PURE__ */ jsxRuntime.jsx(
+              MonthViewAgenda,
+              {
+                currentDate,
+                events,
+                onEventSelect: handleEventSelect
+              }
+            ),
+            view === "week" && /* @__PURE__ */ jsxRuntime.jsx(
+              WeekViewAgenda,
+              {
+                currentDate,
+                events,
+                onEventSelect: handleEventSelect
+              }
+            ),
+            view === "day" && /* @__PURE__ */ jsxRuntime.jsx(
+              DayViewAgenda,
+              {
+                currentDate,
+                events,
+                onEventSelect: handleEventSelect
+              }
+            ),
+            view === "agenda" && /* @__PURE__ */ jsxRuntime.jsx(
+              Agenda,
+              {
+                currentDate,
+                events,
+                onEventSelect: handleEventSelect
+              }
+            ),
+            view === "year" && /* @__PURE__ */ jsxRuntime.jsx(
+              YearViewAgenda,
+              {
+                currentDate,
+                events,
+                onMonthSelect: (monthDate) => {
+                  setCurrentDate(monthDate);
+                  setView("month");
+                }
+              }
+            )
+          ] })
         ] }),
         selectedEvent && React32__namespace.default.isValidElement(onClick) ? React32__namespace.default.cloneElement(onClick, {
           event: selectedEvent,
@@ -10384,11 +10379,13 @@ function useEventVisibilityAgenda({
   const getVisibleEventCount = React32.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 {
@@ -10705,7 +10702,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__ */ jsxRuntime.jsx(
@@ -10766,7 +10763,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__ */ jsxRuntime.jsxs("span", { className: "font-semibold", children: [
                                 "+ ",
                                 remainingCount,
@@ -11109,7 +11106,7 @@ function WeekViewAgenda({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col overflow-hidden", "data-slot": "week-view", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-[600px] sm:min-w-full flex flex-col h-full", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 z-30 grid grid-cols-8 border-border/70 border-b bg-background", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2 text-center text-muted-foreground/70 text-[10px] sm:text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-[479px]:sr-only", children: dateFns.format(/* @__PURE__ */ new Date(), "O") }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2 text-center text-muted-foreground/70 text-[10px] sm:text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "", children: "Hor\xE1rios" }) }),
         days.map((day) => /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
@@ -11122,7 +11119,7 @@ function WeekViewAgenda({
                 dateFns.format(day, "d", { locale: locale.ptBR })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline md:hidden", children: dateFns.format(day, "EEE d", { locale: locale.ptBR }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-md:hidden", children: dateFns.format(day, "EEE dd", { locale: locale.ptBR }) })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden md:inline", children: dateFns.format(day, "EEE dd", { locale: locale.ptBR }) })
             ]
           },
           day.toString()
@@ -11130,7 +11127,7 @@ function WeekViewAgenda({
       ] }),
       showAllDaySection && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border/70 border-b bg-muted/50", children: [
         trueAllDayEvents.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-8", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "relative border-border/70 border-r flex items-center justify-center p-1", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-center text-[10px] text-muted-foreground/70 sm:text-xs", children: "Todo dia" }) }),
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -11210,7 +11207,7 @@ function WeekViewAgenda({
               trueAllDayEvents.length > 0 && "border-t border-border/40"
             ),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "relative border-border/70 border-r flex items-center justify-center p-1", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-center text-[10px] text-muted-foreground/70 sm:text-xs", children: "Evento" }) }),
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
@@ -11429,6 +11426,86 @@ function WeekViewAgenda({
     )
   ] });
 }
+function YearViewAgenda({
+  currentDate,
+  events,
+  onMonthSelect
+}) {
+  const start = dateFns.startOfYear(currentDate);
+  const end = dateFns.endOfYear(currentDate);
+  const months = React32.useMemo(() => {
+    return dateFns.eachMonthOfInterval({ start, end });
+  }, [start, end]);
+  const eventDates = React32.useMemo(() => {
+    return new Set(
+      events.map((e) => getEventStartDate(e)).filter((d) => !!d).map((d) => dateFns.format(d, "yyyy-MM-dd"))
+    );
+  }, [events]);
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-sm capitalize text-foreground group-hover:text-primary transition-colors", children: dateFns.format(month, "MMMM", { locale: locale.ptBR }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground/50 uppercase tracking-wider opacity-0 group-hover:opacity-100 transition-opacity", children: "Detalhes" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(MonthMiniGrid, { month, eventDates })
+      ]
+    },
+    month.toString()
+  )) });
+}
+function MonthMiniGrid({
+  month,
+  eventDates
+}) {
+  const days = React32.useMemo(() => {
+    const monthStart = dateFns.startOfMonth(month);
+    const calendarStart = dateFns.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__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-7 gap-y-1 text-[11px]", children: [
+    weekdays.map((wd, i) => /* @__PURE__ */ jsxRuntime.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 = dateFns.format(day, "yyyy-MM-dd");
+      const hasEvent = eventDates.has(dateStr);
+      const isDayToday = dateFns.isToday(day);
+      return /* @__PURE__ */ jsxRuntime.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 && dateFns.format(day, "d"),
+            isCurrentMonth && hasEvent && !isDayToday && /* @__PURE__ */ jsxRuntime.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",
@@ -14802,8 +14879,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}`;
     }
@@ -14828,8 +14905,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") {
@@ -16481,8 +16558,578 @@ var SystemTooltip = ({
   ) });
 };
 var SystemTooltip_default = SystemTooltip;
+var useIsTruncated = (ref) => {
+  const [truncated, setTruncated] = React32.useState(false);
+  React32.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 = React32.useRef(null);
+  const descRef = React32.useRef(null);
+  const isNameTruncated = useIsTruncated(nameRef);
+  const isDescTruncated = useIsTruncated(descRef);
+  const showTooltip = isNameTruncated || isDescTruncated;
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cursor-default", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "h3",
+        {
+          ref: nameRef,
+          className: "text-xl font-bold text-foreground tracking-tight truncate",
+          children: name
+        }
+      ),
+      description && /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          ref: descRef,
+          className: "text-xs text-foreground/70 truncate mt-0.5",
+          children: description
+        }
+      )
+    ] }) }),
+    showTooltip && /* @__PURE__ */ jsxRuntime.jsxs(TooltipContentBase, { sideOffset: 8, className: "z-[10001]", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: name }),
+      description && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "w-[76px] h-[76px] rounded-full bg-primary flex items-center justify-center shrink-0 z-10 cursor-default", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: circle }),
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipContentBase, { sideOffset: 8, className: "z-[10001]", children: label })
+  ] }) });
+};
+var Beam = ({ isInput, containerRef, leftRef, rightRef }) => {
+  const gradientId = React32.useId();
+  const [pathD, setPathD] = React32.useState("");
+  const [svgSize, setSvgSize] = React32.useState({ w: 0, h: 0 });
+  React32.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__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      className: "pointer-events-none absolute left-0 top-0",
+      width: svgSize.w,
+      height: svgSize.h,
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: pathD,
+            className: "stroke-primary",
+            strokeWidth: 2,
+            strokeOpacity: 0.2,
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.path,
+          {
+            d: pathD,
+            stroke: `url(#${gradientId})`,
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            initial: { strokeOpacity: 0 },
+            animate: { strokeOpacity: 1 },
+            transition: { duration: 1 }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+          framerMotion.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__ */ jsxRuntime.jsx("stop", { stopColor: "hsl(var(--primary))", stopOpacity: "0" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "hsl(var(--primary))" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "32.5%", stopColor: "hsl(var(--primary))" }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: "hsl(var(--primary))", stopOpacity: "0" })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+};
+var SystemsDiagram = ({ isInput, currentSystem, externalSystem }) => {
+  const containerRef = React32.useRef(null);
+  const leftRef = React32.useRef(null);
+  const rightRef = React32.useRef(null);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: "relative flex items-center justify-between py-1 px-3",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: leftRef, children: /* @__PURE__ */ jsxRuntime.jsx(SystemNode, { label: isInput ? externalSystem : currentSystem }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: rightRef, children: /* @__PURE__ */ jsxRuntime.jsx(SystemNode, { label: isInput ? currentSystem : externalSystem }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Beam,
+          {
+            isInput,
+            containerRef,
+            leftRef,
+            rightRef
+          }
+        )
+      ]
+    }
+  );
+};
+var CopyData = ({ value }) => {
+  const [copied, setCopied] = React32.useState(false);
+  const handleCopy = React32.useCallback(() => {
+    navigator.clipboard.writeText(value).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    });
+  }, [value]);
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M3 8l3.5 3.5L13 4.5",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "rect",
+            {
+              x: "5",
+              y: "5",
+              width: "8",
+              height: "9",
+              rx: "1.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M3 11V3.5A1.5 1.5 0 0 1 4.5 2H11",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round"
+            }
+          )
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.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 = React32.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__ */ jsxRuntime.jsxs("div", { className: "rounded-sm border border-border/40 bg-muted/20 overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-border/30", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            ref: titleRef,
+            className: "text-sm font-bold text-foreground truncate flex-1 cursor-default",
+            children: title
+          }
+        ) }),
+        isTitleTruncated && /* @__PURE__ */ jsxRuntime.jsx(TooltipContentBase, { sideOffset: 6, className: "z-[10001]", children: title })
+      ] }) }),
+      entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+        CopyData,
+        {
+          value: entries.map(([k, v]) => `${propertyLabels[k] || k}: ${String(v)}`).join("\n")
+        }
+      )
+    ] }),
+    entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border/20", children: entries.map(([key, value]) => {
+      const label = propertyLabels[key] || key;
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-semibold text-muted-foreground shrink-0 w-[40%] sm:w-[38%]", children: [
+          label,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-foreground break-all flex-1", children: String(value) })
+      ] }, key);
+    }) })
+  ] });
+};
+var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSystem }) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "h-6 w-3/4" }),
+    /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "h-3.5 w-1/2" })
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx(NameTooltip, { name: data.name, description: data.description }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/20" }),
+  isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between py-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "w-[76px] h-[76px] rounded-full" }),
+      /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "w-[76px] h-[76px] rounded-full" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/20" }),
+    [1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "rounded-lg border border-border/20 overflow-hidden",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "h-8 w-full" }),
+          [1, 2, 3].map((j) => /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "h-7 w-full mt-px" }, j))
+        ]
+      },
+      i
+    ))
+  ] }) : connections.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground text-center py-4", children: "Nenhuma conex\xE3o encontrada" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SystemsDiagram,
+      {
+        isInput,
+        currentSystem: data.name,
+        externalSystem
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/20" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: connections.map((conn) => /* @__PURE__ */ jsxRuntime.jsx(
+      IntegrationCard,
+      {
+        title: conn.name,
+        details: conn.integration
+      },
+      conn.id
+    )) })
+  ] })
+] });
+var TooltipBody = React32__namespace.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] = React32.useState(position);
+  const [dragging, setDragging] = React32.useState(false);
+  const offsetRef = React32.useRef({ x: 0, y: 0 });
+  const lastMouse = React32.useRef({ x: 0, y: 0 });
+  React32.useEffect(() => setLocalPos(position), [position]);
+  React32.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 = React32.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 = React32.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 = React32.useMemo(
+    () => data.connections.filter((c) => c.type === "entrada"),
+    [data.connections]
+  );
+  const outputConnections = React32.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(react.DotsSixVerticalIcon, { size: 16, className: "text-primary" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: title })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.XIcon, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+  const bodyProps = { data, isLoading, connections, isInput, externalSystem };
+  if (isMobile) {
+    return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.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__ */ jsxRuntime.jsxs(
+        framerMotion.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__ */ jsxRuntime.jsx("div", { className: "flex justify-center pt-2.5 pb-1 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-1 rounded-full bg-border" }) }),
+            header,
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-y-auto flex-1 pb-[env(safe-area-inset-bottom)]", children: /* @__PURE__ */ jsxRuntime.jsx(TooltipBody, { ...bodyProps }) })
+          ]
+        },
+        `sheet-${id}`
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.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__ */ jsxRuntime.jsx("div", { className: "max-h-[60vh] sm:max-h-[520px] overflow-hidden flex flex-col", children: /* @__PURE__ */ jsxRuntime.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) => {
@@ -19647,6 +20294,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__ */ jsxRuntime.jsx("div", { className: cn("w-full h-full lg:p-10 sm:p-4 p-2", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3 h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative overflow-hidden rounded-lg h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full min-h-[300px] bg-muted rounded-lg overflow-hidden relative", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -19726,7 +20411,8 @@ function CarouselBase({
   autoPlayInterval = 3e3,
   zoomEffect = null,
   download = false,
-  isLoading = false
+  isLoading = false,
+  onChange
 }) {
   const isMobile = useIsMobile();
   const [index, setIndex] = React32.useState(0);
@@ -19737,7 +20423,9 @@ function CarouselBase({
   React32.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);
@@ -19745,7 +20433,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;
   React32.useEffect(() => {
     if (!autoPlay || items.length <= 1 || !emblaApi) return;
     const interval = setInterval(() => {
@@ -19757,14 +20448,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);
@@ -19798,7 +20489,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__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3 h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative h-full", containerClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -19933,8 +20629,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__ */ jsxRuntime.jsx(
                 "svg",
                 {
@@ -19963,8 +20663,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__ */ jsxRuntime.jsx(
                 "svg",
                 {
@@ -19993,7 +20697,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
         )) })
@@ -20385,6 +21096,7 @@ exports.AvatarFallbackBase = AvatarFallbackBase;
 exports.AvatarImageBase = AvatarImageBase;
 exports.BackButton = BackButton;
 exports.Badge = Badge;
+exports.Beam = Beam;
 exports.BreadcrumbBase = BreadcrumbBase;
 exports.BreadcrumbEllipsisBase = BreadcrumbEllipsisBase;
 exports.BreadcrumbItemBase = BreadcrumbItemBase;
@@ -20448,6 +21160,7 @@ exports.ContextMenuSubTriggerBase = ContextMenuSubTriggerBase;
 exports.ContextMenuTriggerBase = ContextMenuTriggerBase;
 exports.ControlledCombobox = ControlledCombobox;
 exports.CopyButton = CopyButton;
+exports.CopyData = CopyData;
 exports.DateTimePicker = DateTimePicker;
 exports.DayView = DayView;
 exports.DayViewAgenda = DayViewAgenda;
@@ -20513,6 +21226,7 @@ exports.EventItem = EventItem;
 exports.EventItemAgenda = EventItemAgenda;
 exports.EventsPopup = EventsPopup;
 exports.FavoriteButton = FavoriteButton;
+exports.FileTypes = FileTypes;
 exports.FileUploader = FileUploader;
 exports.FilterButton = FilterButton;
 exports.HideButton = HideButton;
@@ -20528,6 +21242,8 @@ exports.InputOTPBase = InputOTPBase;
 exports.InputOTPGroupBase = InputOTPGroupBase;
 exports.InputOTPSeparatorBase = InputOTPSeparatorBase;
 exports.InputOTPSlotBase = InputOTPSlotBase;
+exports.IntegrationCard = IntegrationCard;
+exports.IntegrationTooltip = IntegrationTooltip_default;
 exports.LabelBase = LabelBase_default;
 exports.Leaderboard = Leaderboard;
 exports.LikeButton = LikeButton;
@@ -20557,6 +21273,7 @@ exports.MultiSelectItemBase = MultiSelectItemBase;
 exports.MultiSelectSeparatorBase = MultiSelectSeparatorBase;
 exports.MultiSelectTriggerBase = MultiSelectTriggerBase;
 exports.MultiSelectValueBase = MultiSelectValueBase;
+exports.NameTooltip = NameTooltip;
 exports.NavigationMenuBase = NavigationMenuBase;
 exports.NavigationMenuContentBase = NavigationMenuContentBase;
 exports.NavigationMenuIndicatorBase = NavigationMenuIndicatorBase;
@@ -20638,7 +21355,9 @@ exports.StartHour = StartHour;
 exports.StartHourAgenda = StartHourAgenda;
 exports.StatusIndicator = StatusIndicator;
 exports.SwitchBase = SwitchBase;
+exports.SystemNode = SystemNode;
 exports.SystemTooltip = SystemTooltip_default;
+exports.SystemsDiagram = SystemsDiagram;
 exports.TableBase = TableBase;
 exports.TableBodyBase = TableBodyBase;
 exports.TableCaptionBase = TableCaptionBase;
@@ -20658,6 +21377,7 @@ exports.TimePickerInput = TimePickerInput;
 exports.TimeSeries = TimeSeries_default;
 exports.Toaster = Toaster;
 exports.TooltipBase = TooltipBase;
+exports.TooltipBody = TooltipBody;
 exports.TooltipContentBase = TooltipContentBase;
 exports.TooltipProviderBase = TooltipProviderBase;
 exports.TooltipSimple = TooltipSimple_default;
@@ -20675,6 +21395,7 @@ exports.WeekCellsHeight = WeekCellsHeight;
 exports.WeekCellsHeightAgenda = WeekCellsHeightAgenda;
 exports.WeekView = WeekView;
 exports.WeekViewAgenda = WeekViewAgenda;
+exports.YearViewAgenda = YearViewAgenda;
 exports.adaptDataForTooltip = adaptDataForTooltip;
 exports.addHoursToDate = addHoursToDate;
 exports.addHoursToDateAgenda = addHoursToDateAgenda;
@@ -20732,6 +21453,7 @@ exports.isValidHour = isValidHour;
 exports.isValidMinuteOrSecond = isValidMinuteOrSecond;
 exports.niceCeil = niceCeil;
 exports.normalizeAttendDate = normalizeAttendDate;
+exports.processIntegrationData = processIntegrationData;
 exports.processNeo4jData = processNeo4jData;
 exports.renderInsideBarLabel = renderInsideBarLabel;
 exports.renderPillLabel = pillLabelRenderer_default;
@@ -20760,6 +21482,7 @@ exports.useDrag = useDrag;
 exports.useEventVisibility = useEventVisibility;
 exports.useEventVisibilityAgenda = useEventVisibilityAgenda;
 exports.useIsMobile = useIsMobile;
+exports.useIsTruncated = useIsTruncated;
 exports.useOpenTooltipForPeriod = useOpenTooltipForPeriod;
 exports.useProcessedData = useProcessedData;
 exports.useSeriesOpacity = useSeriesOpacity;