@mlw-packages/react-components 1.10.4 → 1.10.5

package/dist/index.mjs

@@ -5,7 +5,7 @@ import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { XIcon, CircleNotchIcon, MagnifyingGlassIcon, CaretUpIcon, CaretDownIcon, CheckIcon, CaretRightIcon, CircleIcon, CloudArrowUpIcon, MinusIcon, CaretUpDownIcon, PencilSimpleIcon, ArrowsLeftRightIcon, FloppyDiskIcon, PlusIcon, TrashIcon, SidebarSimpleIcon, FilePdfIcon, FileDocIcon, FileXlsIcon, FilePptIcon, FileCsvIcon, FileTextIcon, FileImageIcon, FileVideoIcon, FileAudioIcon, FileZipIcon, FileIcon, DotsSixVerticalIcon, InfoIcon, WarningIcon, XCircleIcon, CheckCircleIcon, SunIcon, MoonIcon, CaretLeftIcon, DownloadSimpleIcon, UploadSimpleIcon, CopyIcon, ArrowClockwiseIcon, ArrowLeftIcon, GearIcon, BellIcon, DotsThreeIcon, FunnelIcon, HeartIcon, StarIcon, EyeIcon, EyeSlashIcon, LockIcon, LockOpenIcon, FolderIcon, ArrowRightIcon as ArrowRightIcon$1, ArrowsOutIcon, DownloadIcon, CalendarBlankIcon, CalendarIcon, MapPinIcon, CalendarDotsIcon, ClockIcon, AlignLeftIcon, CaretLeft, CaretRight, ArrowDownIcon, ClockUserIcon, EyeSlash, Eye, ArrowRight, ArrowUpRightIcon, ArrowDownRightIcon, FunnelSimpleIcon, PencilIcon, FileArchiveIcon, TerminalIcon, CodeIcon, CalendarDotIcon as CalendarDotIcon$1, DesktopIcon } from '@phosphor-icons/react';
+import { XIcon, CircleNotchIcon, MagnifyingGlassIcon, CaretUpIcon, CaretDownIcon, CheckIcon, CaretRightIcon, CircleIcon, CloudArrowUpIcon, MinusIcon, CaretUpDownIcon, PencilSimpleIcon, ArrowsLeftRightIcon, FloppyDiskIcon, PlusIcon, TrashIcon, SidebarSimpleIcon, FilePdfIcon, FileDocIcon, FileXlsIcon, FilePptIcon, FileCsvIcon, FileTextIcon, FileImageIcon, FileVideoIcon, FileAudioIcon, FileZipIcon, FileIcon, DotsSixVerticalIcon, CopyIcon, InfoIcon, WarningIcon, XCircleIcon, CheckCircleIcon, SunIcon, MoonIcon, CaretLeftIcon, DownloadSimpleIcon, UploadSimpleIcon, ArrowClockwiseIcon, ArrowLeftIcon, GearIcon, BellIcon, DotsThreeIcon, FunnelIcon, HeartIcon, StarIcon, EyeIcon, EyeSlashIcon, LockIcon, LockOpenIcon, FolderIcon, ArrowRightIcon as ArrowRightIcon$1, ArrowsOutIcon, DownloadIcon, CalendarBlankIcon, CalendarIcon, MapPinIcon, CalendarDotsIcon, ClockIcon, AlignLeftIcon, CaretLeft, CaretRight, ArrowDownIcon, ClockUserIcon, EyeSlash, Eye, ArrowUpRightIcon, ArrowDownRightIcon, FunnelSimpleIcon, PencilIcon, FileArchiveIcon, TerminalIcon, CodeIcon, CalendarDotIcon as CalendarDotIcon$1, DesktopIcon } from '@phosphor-icons/react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -1519,20 +1519,20 @@ var TooltipContentBase = React32.forwardRef(
         id: "tooltip-content",
         role: "tooltip",
         className: cn(
-          "z-50 overflow-hidden rounded-lg bg-primary px-3 py-2 text-sm text-primary-foreground",
-          "shadow-lg border border-primary/20",
-          "animate-in fade-in-0 zoom-in-95 duration-200 ease-out",
-          "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:duration-150",
-          "data-[side=bottom]:slide-in-from-top-2",
-          "data-[side=left]:slide-in-from-right-2",
-          "data-[side=right]:slide-in-from-left-2",
-          "data-[side=top]:slide-in-from-bottom-2",
+          "z-50 rounded-lg bg-popover px-3 py-1.5 text-sm leading-snug text-popover-foreground",
+          "[filter:drop-shadow(0_0_0.5px_hsl(var(--border)))_drop-shadow(0_4px_12px_hsl(var(--foreground)/0.08))]",
+          "animate-in fade-in-0 zoom-in-95 duration-150 ease-out",
+          "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:duration-100",
+          "data-[side=bottom]:slide-in-from-top-1.5",
+          "data-[side=left]:slide-in-from-right-1.5",
+          "data-[side=right]:slide-in-from-left-1.5",
+          "data-[side=top]:slide-in-from-bottom-1.5",
           className
         ),
         ...props,
         children: [
           props.children,
-          /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "fill-primary h-1.5 w-3" })
+          /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "fill-popover h-2 w-3.5" })
         ]
       }
     ) });
@@ -2749,7 +2749,7 @@ function MultiSelectValueBase({
       ...props,
       ref: handleResize,
       className: cn(
-        "flex w-full gap-1.5 overflow-hidden",
+        "flex flex-1 w-full gap-1.5 overflow-hidden min-w-0",
         shouldWrap && "h-full flex-wrap",
         className
       ),
@@ -16199,11 +16199,12 @@ var SystemTooltip = ({
   isLoading = false,
   onMouseDown,
   onClose,
-  onPositionChange
+  onPositionChange,
+  onConnectionClick,
+  onProcessClick
 }) => {
   const [localPos, setLocalPos] = useState(position);
   const [dragging, setDragging] = useState(false);
-  const [expandedId, setExpandedId] = useState(null);
   const offsetRef = useRef({ x: 0, y: 0 });
   const lastMouse = useRef({ x: 0, y: 0 });
   useEffect(() => setLocalPos(position), [position]);
@@ -16274,6 +16275,19 @@ var SystemTooltip = ({
     },
     [id, onMouseDown]
   );
+  const handleConnClick = useCallback(
+    (e, conn) => {
+      e.stopPropagation();
+      const rect = e.currentTarget.getBoundingClientRect();
+      const pos = { x: rect.right + 8, y: rect.top };
+      if (conn.integration?.Nome) {
+        onProcessClick?.(conn, pos);
+      } else {
+        onConnectionClick?.(conn, pos);
+      }
+    },
+    [onConnectionClick, onProcessClick]
+  );
   const entries = useMemo(
     () => data.connections.filter((c) => c.type === "entrada"),
     [data.connections]
@@ -16282,6 +16296,28 @@ var SystemTooltip = ({
     () => data.connections.filter((c) => c.type === "saida"),
     [data.connections]
   );
+  const renderConnections = (connections, color) => {
+    const isEmerald = color === "emerald";
+    return connections.map((conn) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `group flex items-center justify-between p-2 rounded-lg cursor-pointer transition-all
+          ${isEmerald ? "bg-emerald-500/5 border border-emerald-500/10 hover:border-emerald-500/30" : "bg-blue-500/5 border border-blue-500/10 hover:border-blue-500/30"}`,
+        onClick: (e) => handleConnClick(e, conn),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: conn.name }) }),
+          /* @__PURE__ */ jsx(
+            ArrowRightIcon$1,
+            {
+              size: 14,
+              className: `shrink-0 ${isEmerald ? "text-emerald-500 rotate-180" : "text-blue-500"}`
+            }
+          )
+        ]
+      },
+      conn.id
+    ));
+  };
   return /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsxs(
     motion.div,
     {
@@ -16299,7 +16335,7 @@ var SystemTooltip = ({
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: "flex items-center justify-between py-1 border-b border-border/10 bg-muted/30 ",
+            className: "flex items-center justify-between py-1 border-b border-border/10 bg-muted/30",
             onMouseDown: handleMouseDownLocal,
             onTouchStart: handleTouchStartLocal,
             style: {
@@ -16319,7 +16355,7 @@ var SystemTooltip = ({
                   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$1, { size: 16 })
+                  children: /* @__PURE__ */ jsx(XIcon, { size: 16 })
                 }
               )
             ]
@@ -16332,7 +16368,7 @@ var SystemTooltip = ({
           /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold text-foreground tracking-tight truncate", children: data.name }),
           data.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground tracking-tight truncate", children: data.description })
         ] }) }),
-        /* @__PURE__ */ jsxs("div", { className: "px-3 pb-4 space-y-4 max-h-[300px] overflow-y-auto [&::-webkit-scrollbar]:w- [&::-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: [
+        /* @__PURE__ */ jsxs("div", { className: "px-3 pb-4 space-y-4 max-h-[300px] overflow-y-auto [&::-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: [
           /* @__PURE__ */ jsx(SeparatorBase, { className: "w-full" }),
           isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
@@ -16355,128 +16391,14 @@ var SystemTooltip = ({
                 /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500" }),
                 /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-muted-foreground uppercase", children: "Entradas" })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: "space-y-1", children: entries.map((conn) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    className: "group flex items-center justify-between p-2 rounded-lg bg-emerald-500/5 border border-emerald-500/10 hover:border-emerald-500/30 transition-all cursor-pointer",
-                    onClick: () => setExpandedId(
-                      expandedId === conn.id ? null : conn.id
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: conn.name }) }),
-                      /* @__PURE__ */ jsx(
-                        ArrowRight,
-                        {
-                          size: 14,
-                          className: "text-emerald-500 shrink-0 rotate-180"
-                        }
-                      )
-                    ]
-                  }
-                ),
-                expandedId === conn.id && conn.integration && /* @__PURE__ */ jsxs("div", { className: "ml-2 p-2 rounded-lg bg-muted/30 border border-border/20 text-xs space-y-1", children: [
-                  conn.integration.Nome && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Nome:" }),
-                    " ",
-                    conn.integration.Nome
-                  ] }),
-                  (conn.integration.tipo || conn.integration.Tipo) && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Tipo:" }),
-                    " ",
-                    conn.integration.tipo || conn.integration.Tipo
-                  ] }),
-                  conn.integration.Protocolos && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Protocolos:" }),
-                    " ",
-                    conn.integration.Protocolos
-                  ] }),
-                  conn.integration.Ambiente && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Ambiente:" }),
-                    " ",
-                    conn.integration.Ambiente
-                  ] }),
-                  conn.integration.Setor && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Setor:" }),
-                    " ",
-                    conn.integration.Setor
-                  ] }),
-                  conn.integration.Contato && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Contato:" }),
-                    " ",
-                    conn.integration.Contato
-                  ] }),
-                  conn.integration.Sustentacao && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Sustenta\xE7\xE3o:" }),
-                    " ",
-                    conn.integration.Sustentacao
-                  ] })
-                ] })
-              ] }, conn.id)) })
+              /* @__PURE__ */ jsx("div", { className: "space-y-1", children: renderConnections(entries, "emerald") })
             ] }),
             exits.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-1", children: [
                 /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-blue-500" }),
                 /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-muted-foreground uppercase", children: "Sa\xEDdas" })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: "space-y-1", children: exits.map((conn) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    className: "group flex items-center justify-between p-2 rounded-lg bg-blue-500/5 border border-blue-500/10 hover:border-blue-500/30 transition-all cursor-pointer",
-                    onClick: () => setExpandedId(
-                      expandedId === conn.id ? null : conn.id
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: conn.name }) }),
-                      /* @__PURE__ */ jsx(
-                        ArrowRight,
-                        {
-                          size: 14,
-                          className: "text-blue-500 shrink-0"
-                        }
-                      )
-                    ]
-                  }
-                ),
-                expandedId === conn.id && conn.integration && /* @__PURE__ */ jsxs("div", { className: "ml-2 p-2 rounded-lg bg-muted/30 border border-border/20 text-xs space-y-1", children: [
-                  conn.integration.Nome && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Nome:" }),
-                    " ",
-                    conn.integration.Nome
-                  ] }),
-                  (conn.integration.tipo || conn.integration.Tipo) && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Tipo:" }),
-                    " ",
-                    conn.integration.tipo || conn.integration.Tipo
-                  ] }),
-                  conn.integration.Protocolos && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Protocolos:" }),
-                    " ",
-                    conn.integration.Protocolos
-                  ] }),
-                  conn.integration.Ambiente && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Ambiente:" }),
-                    " ",
-                    conn.integration.Ambiente
-                  ] }),
-                  conn.integration.Setor && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Setor:" }),
-                    " ",
-                    conn.integration.Setor
-                  ] }),
-                  conn.integration.Contato && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Contato:" }),
-                    " ",
-                    conn.integration.Contato
-                  ] }),
-                  conn.integration.Sustentacao && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Sustenta\xE7\xE3o:" }),
-                    " ",
-                    conn.integration.Sustentacao
-                  ] })
-                ] })
-              ] }, conn.id)) })
+              /* @__PURE__ */ jsx("div", { className: "space-y-1", children: renderConnections(exits, "blue") })
             ] }),
             data.connections.length === 0 && !isLoading && /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center p-6 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Nenhuma conex\xE3o encontrada" }) })
           ] })
@@ -16500,6 +16422,78 @@ var useIsTruncated = (ref) => {
   }, [ref]);
   return truncated;
 };
+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(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {})
+      }
+    ) }),
+    /* @__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-lg 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 min-w-0 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 px-0.5", 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 min-w-0", children: String(value) })
+      ] }, key);
+    }) })
+  ] });
+};
 var NameTooltip = ({
   name,
   description
@@ -16510,7 +16504,7 @@ var NameTooltip = ({
   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(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "cursor-default min-w-0", children: [
       /* @__PURE__ */ jsx(
         "h3",
         {
@@ -16537,7 +16531,7 @@ var NameTooltip = ({
 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 }) });
+  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 max-w-xs", 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 }),
@@ -16584,14 +16578,13 @@ var Beam = ({ isInput, containerRef, leftRef, rightRef }) => {
     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"]
-    });
+    if (containerRef.current) {
+      mo.observe(containerRef.current, {
+        attributes: true,
+        attributeFilter: ["class", "style"],
+        subtree: true
+      });
+    }
     return () => {
       cancelAnimationFrame(rafId);
       ro.disconnect();
@@ -16604,7 +16597,7 @@ var Beam = ({ isInput, containerRef, leftRef, rightRef }) => {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
-      className: "pointer-events-none absolute left-0 top-0",
+      className: "pointer-events-none absolute left-0 top-0 right-0",
       width: svgSize.w,
       height: svgSize.h,
       fill: "none",
@@ -16669,7 +16662,7 @@ var SystemsDiagram = ({ isInput, currentSystem, externalSystem }) => {
     "div",
     {
       ref: containerRef,
-      className: "relative flex items-center justify-between py-1 px-3",
+      className: "relative flex items-center justify-between py-1 px-6 max-w-xs",
       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 }) }),
@@ -16686,110 +16679,7 @@ var SystemsDiagram = ({ isInput, currentSystem, externalSystem }) => {
     }
   );
 };
-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__ */ jsx(ScrollAreaBase, { className: "flex-1", children: /* @__PURE__ */ jsxs("div", { className: "px-3 py-3 space-y-3", children: [
+var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSystem }) => /* @__PURE__ */ jsx(ScrollAreaBase, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxs("div", { className: "px-3 py-3 space-y-3 max-w-xs", 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" })
@@ -16812,7 +16702,7 @@ var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSys
       },
       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: [
+  ] }) : connections.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground text-center", children: "Nenhuma conex\xE3o encontrada" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       SystemsDiagram,
       {
@@ -16822,8 +16712,8 @@ var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSys
       }
     ),
     /* @__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(
+    /* @__PURE__ */ jsx("div", { className: "flex items-center ", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-muted-foreground uppercase -mb-2", children: isInput ? "Informa\xE7\xF5es de Entrada" : "Informa\xE7\xF5es de Sa\xEDda" }) }),
+    /* @__PURE__ */ jsx("div", { children: connections.map((conn) => /* @__PURE__ */ jsx(
       IntegrationCard,
       {
         title: conn.name,
@@ -16867,7 +16757,12 @@ var IntegrationTooltip = ({
   const [dragging, setDragging] = useState(false);
   const offsetRef = useRef({ x: 0, y: 0 });
   const lastMouse = useRef({ x: 0, y: 0 });
-  useEffect(() => setLocalPos(position), [position]);
+  const tooltipRef = useRef(null);
+  const currentPosRef = useRef(position);
+  useEffect(() => {
+    currentPosRef.current = position;
+    setLocalPos(position);
+  }, [position]);
   useEffect(() => {
     let rafId = null;
     const handleMouseMove = (e) => {
@@ -16881,13 +16776,18 @@ var IntegrationTooltip = ({
           top: Math.max(0, Math.min(newTop, window.innerHeight - 200)),
           left: Math.max(0, Math.min(newLeft, window.innerWidth - 320))
         };
-        setLocalPos(p);
+        currentPosRef.current = p;
+        if (tooltipRef.current) {
+          tooltipRef.current.style.top = `${p.top}px`;
+          tooltipRef.current.style.left = `${p.left}px`;
+        }
         onPositionChange?.(id, p);
       });
     };
     const handleMouseUp = () => {
       if (dragging) {
         setDragging(false);
+        setLocalPos(currentPosRef.current);
         if (rafId) cancelAnimationFrame(rafId);
       }
     };
@@ -16949,7 +16849,7 @@ var IntegrationTooltip = ({
   const header = /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "flex items-center justify-between py-1 border-b border-border/10 bg-muted/30 shrink-0",
+      className: "flex items-center justify-between py-1 border-b border-border/10 bg-muted/30 shrink-0 max-w-lg",
       onMouseDown: handleMouseDownLocal,
       onTouchStart: handleTouchStartLocal,
       style: {
@@ -16992,7 +16892,7 @@ var IntegrationTooltip = ({
       /* @__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",
+          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 min-h-0",
           style: { maxHeight: "85dvh" },
           initial: { y: "100%" },
           animate: { y: 0 },
@@ -17002,7 +16902,7 @@ var IntegrationTooltip = ({
           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 }) })
+            /* @__PURE__ */ jsx("div", { className: "overflow-y-auto flex-1 min-h-0 pb-[env(safe-area-inset-bottom)] max-w-xs", children: /* @__PURE__ */ jsx(TooltipBody, { ...bodyProps }) })
           ]
         },
         `sheet-${id}`
@@ -17012,6 +16912,7 @@ var IntegrationTooltip = ({
   return /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsxs(
     motion.div,
     {
+      ref: tooltipRef,
       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",
@@ -17021,7 +16922,7 @@ var IntegrationTooltip = ({
       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 }) })
+        /* @__PURE__ */ jsx("div", { className: "max-h-[60vh] sm:max-h-[520px] overflow-hidden flex flex-col min-h-0", children: /* @__PURE__ */ jsx(TooltipBody, { ...bodyProps }) })
       ]
     },
     id
@@ -19948,11 +19849,9 @@ var ZoomImage = React32.forwardRef(
     const mouseY = useMotionValue(50);
     const zoomLevel = useMotionValue(1);
     const springConfig = { damping: 20, stiffness: 150, mass: 0.5 };
-    const smoothMouseX = useSpring(mouseX, springConfig);
-    const smoothMouseY = useSpring(mouseY, springConfig);
     const smoothZoomLevel = useSpring(zoomLevel, springConfig);
     const transformOrigin = useTransform(
-      [smoothMouseX, smoothMouseY],
+      [mouseX, mouseY],
       ([latestX, latestY]) => `${latestX}% ${latestY}%`
     );
     const touchStartDist = React32.useRef(0);
@@ -20054,7 +19953,7 @@ var ZoomImage = React32.forwardRef(
           {
             src,
             alt,
-            className: cn("w-full h-full object-cover", imageClassName),
+            className: cn("w-full h-full object-contain", imageClassName),
             style: {
               borderRadius: `${borderRadius}px`,
               transformOrigin,
@@ -20405,7 +20304,7 @@ function CarouselBase({
                 src: item.url,
                 alt: item.title,
                 className: cn(
-                  "w-full h-full object-cover rounded-lg select-none pointer-events-none",
+                  "w-full h-full object-contain rounded-lg select-none pointer-events-none",
                   imageClassName
                 ),
                 draggable: false
@@ -20416,7 +20315,7 @@ function CarouselBase({
                 src: item.url,
                 alt: item.title,
                 className: cn(
-                  "w-full h-full object-cover rounded-lg select-none pointer-events-none",
+                  "w-full h-full object-contain rounded-lg select-none pointer-events-none",
                   imageClassName
                 ),
                 draggable: false
@@ -20433,8 +20332,7 @@ function CarouselBase({
             onMouseDown: (e) => e.stopPropagation(),
             className: cn(
               "absolute top-4 right-4 z-50 p-2 rounded-full text-white transition-colors border border-white/10",
-              downloadSuccess ? "bg-green-500 hover:bg-green-600" : "bg-black/50 hover:bg-black/70",
-              className
+              downloadSuccess ? "bg-green-500 hover:bg-green-600" : "bg-black/50 hover:bg-black/70"
             ),
             title: "Download image",
             initial: false,
@@ -20520,8 +20418,7 @@ function CarouselBase({
               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",
-                "bg-primary text-primary-foreground",
-                className
+                "bg-primary text-primary-foreground"
               ),
               style: fernando ? { backgroundColor: fernando } : void 0,
               children: /* @__PURE__ */ jsx(
@@ -20555,8 +20452,7 @@ function CarouselBase({
               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",
-                "bg-primary text-primary-foreground",
-                className
+                "bg-primary text-primary-foreground"
               ),
               style: fernando ? { backgroundColor: fernando } : void 0,
               children: /* @__PURE__ */ jsx(
@@ -20589,8 +20485,7 @@ function CarouselBase({
             onMouseDown: (e) => e.stopPropagation(),
             className: cn(
               "h-2 rounded-full transition-all duration-300",
-              i === index ? cn("w-8 bg-primary") : cn("w-2 hover:opacity-80 bg-primary opacity-40"),
-              className
+              i === index ? cn("w-8 bg-primary") : cn("w-2 hover:opacity-80 bg-primary opacity-40")
             ),
             style: fernando ? { backgroundColor: fernando } : void 0
           },
@@ -20834,12 +20729,13 @@ function ControlledCombobox({
                       "aria-disabled": disabled || void 0,
                       disabled,
                       className: cn(
-                        `flex items-center gap-2 justify-between [&>div]:line-clamp-1 relative h-9 no-active-animation`,
-                        error && "border-red-500"
+                        `flex items-center gap-2 justify-between [&>div]:line-clamp-1 relative h-9 no-active-animation font-light`,
+                        error && "border-red-500",
+                        placeholder && !hasSelected && "text-muted-foreground"
                       ),
                       "data-testid": testIds.trigger ?? "combobox-trigger",
                       children: [
-                        renderSelected,
+                        /* @__PURE__ */ jsx("div", { className: "truncate min-w-0", children: renderSelected }),
                         /* @__PURE__ */ jsx(motion.span, { className: "flex items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-0 items-center ", children: [
                           hasSelected && onClear && !disabled && !hideClear && /* @__PURE__ */ jsx(
                             ClearButton,
@@ -20911,9 +20807,9 @@ function ControlledCombobox({
                                   {
                                     keywords: [item.label],
                                     value: item.value,
-                                    onSelect: (v) => {
+                                    onSelect: () => {
                                       if (disabled) return;
-                                      handleSelection(v);
+                                      handleSelection(item.value);
                                       if (!keepOpen) setOpen(false);
                                     },
                                     disabled,
@@ -20966,4 +20862,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, 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, FileAccept, 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 };
+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, FileAccept, 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, 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, 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, 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, useOpenTooltipForPeriod, useProcessedData, useSeriesOpacity, useTheme, useTimeSeriesRange, visualForItem };