@mlw-packages/react-components 1.8.8 → 1.8.10

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, ArrowRightIcon as ArrowRightIcon$1, FolderIcon, ArrowsOutIcon, DownloadIcon, CalendarBlankIcon, CalendarIcon, CaretLeft, CaretRight, ArrowDownIcon, ClockUserIcon, EyeSlash, Eye, ArrowUpRightIcon, ArrowDownRightIcon, 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, InfoIcon, WarningIcon, XCircleIcon, CheckCircleIcon, SunIcon, MoonIcon, CaretLeftIcon, DownloadSimpleIcon, UploadSimpleIcon, CopyIcon, ArrowClockwiseIcon, ArrowLeftIcon, GearIcon, BellIcon, DotsThreeIcon, FunnelIcon, HeartIcon, StarIcon, EyeIcon, EyeSlashIcon, LockIcon, LockOpenIcon, ArrowRightIcon as ArrowRightIcon$1, FolderIcon, ArrowsOutIcon, DownloadIcon, CalendarBlankIcon, CalendarIcon, CaretLeft, CaretRight, ArrowDownIcon, ClockUserIcon, EyeSlash, Eye, ArrowRight, ArrowUpRightIcon, ArrowDownRightIcon, 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';
@@ -645,7 +645,7 @@ var DialogContentBase = React33.forwardRef(
         {
           ref,
           className: cn(
-            "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg max-h-[100dvh] overflow-auto rounded-md border-border",
+            "fixed left-[50%] top-[50%] z-50 w-lg grid translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg max-h-[100dvh] overflow-auto rounded-md border-border",
             className
           ),
           "data-testid": dataTestId,
@@ -654,7 +654,7 @@ var DialogContentBase = React33.forwardRef(
           children: [
             children,
             /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-3 top-3 sm:right-4 sm:top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground z-10 touch-manipulation", children: [
-              /* @__PURE__ */ jsx(XIcon, { className: "h-5 w-5 sm:h-4 sm:w-4" }),
+              /* @__PURE__ */ jsx(XIcon, { className: "h-6 w-6 sm:h-4 sm:w-4 hover:text-red-500 font-extrabold" }),
               /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
             ] })
           ]
@@ -1027,7 +1027,7 @@ var ProgressBase = React33.forwardRef(
                 ]
               }
             ),
-            showValue && valuePosition === "right" && /* @__PURE__ */ jsxs("div", { className: "w-12 text-sm font-extrabold text-left", children: [
+            showValue && valuePosition === "right" && /* @__PURE__ */ jsxs("div", { className: " text-sm font-bold text-left", children: [
               Math.round(value || 0),
               "%"
             ] }),
@@ -1289,35 +1289,55 @@ var useDrag = (options = {}) => {
   const [positions, setPositions] = useState({});
   const dragStartPos = useRef(null);
   const dragId = useRef(null);
-  const handleMouseDown = useCallback((id, e) => {
-    e.preventDefault();
-    const currentPosition = positions[id] || { top: 0, left: 0 };
-    dragStartPos.current = {
-      x: e.clientX,
-      y: e.clientY,
-      elementX: currentPosition.left,
-      elementY: currentPosition.top
-    };
-    dragId.current = id;
-    setIsDragging(id);
-    options.onDragStart?.(id);
-  }, [positions, options]);
-  const handleMouseMove = useCallback((e) => {
-    if (!isDragging || !dragStartPos.current || !dragId.current) return;
-    const deltaX = e.clientX - dragStartPos.current.x;
-    const deltaY = e.clientY - dragStartPos.current.y;
-    const newPosition = {
-      left: dragStartPos.current.elementX + deltaX,
-      top: dragStartPos.current.elementY + deltaY
-    };
-    newPosition.left = Math.max(0, Math.min(window.innerWidth - 300, newPosition.left));
-    newPosition.top = Math.max(0, Math.min(window.innerHeight - 200, newPosition.top));
-    setPositions((prev) => ({
-      ...prev,
-      [dragId.current]: newPosition
-    }));
-    options.onDrag?.(dragId.current, newPosition);
-  }, [isDragging, options]);
+  const handleDragStart = useCallback(
+    (id, e) => {
+      const isTouchEvent = "touches" in e;
+      const clientX = isTouchEvent ? e.touches[0].clientX : e.clientX;
+      const clientY = isTouchEvent ? e.touches[0].clientY : e.clientY;
+      if (!isTouchEvent) {
+        e.preventDefault();
+      }
+      const currentPosition = positions[id] || { top: 0, left: 0 };
+      dragStartPos.current = {
+        x: clientX,
+        y: clientY,
+        elementX: currentPosition.left,
+        elementY: currentPosition.top
+      };
+      dragId.current = id;
+      setIsDragging(id);
+      options.onDragStart?.(id);
+    },
+    [positions, options]
+  );
+  const handleMouseMove = useCallback(
+    (e) => {
+      if (!isDragging || !dragStartPos.current || !dragId.current) return;
+      const isTouchEvent = "touches" in e;
+      const clientX = isTouchEvent ? e.touches[0].clientX : e.clientX;
+      const clientY = isTouchEvent ? e.touches[0].clientY : e.clientY;
+      const deltaX = clientX - dragStartPos.current.x;
+      const deltaY = clientY - dragStartPos.current.y;
+      const newPosition = {
+        left: dragStartPos.current.elementX + deltaX,
+        top: dragStartPos.current.elementY + deltaY
+      };
+      newPosition.left = Math.max(
+        0,
+        Math.min(window.innerWidth - 300, newPosition.left)
+      );
+      newPosition.top = Math.max(
+        0,
+        Math.min(window.innerHeight - 200, newPosition.top)
+      );
+      setPositions((prev) => ({
+        ...prev,
+        [dragId.current]: newPosition
+      }));
+      options.onDrag?.(dragId.current, newPosition);
+    },
+    [isDragging, options]
+  );
   const handleMouseUp = useCallback(() => {
     if (dragId.current) {
       options.onDragEnd?.(dragId.current);
@@ -1330,10 +1350,16 @@ var useDrag = (options = {}) => {
     if (isDragging) {
       document.addEventListener("mousemove", handleMouseMove);
       document.addEventListener("mouseup", handleMouseUp);
+      document.addEventListener("touchmove", handleMouseMove, {
+        passive: false
+      });
+      document.addEventListener("touchend", handleMouseUp);
       document.body.style.userSelect = "none";
       return () => {
         document.removeEventListener("mousemove", handleMouseMove);
         document.removeEventListener("mouseup", handleMouseUp);
+        document.removeEventListener("touchmove", handleMouseMove);
+        document.removeEventListener("touchend", handleMouseUp);
         document.body.style.userSelect = "";
       };
     }
@@ -1344,14 +1370,20 @@ var useDrag = (options = {}) => {
       [id]: position
     }));
   }, []);
-  const getPosition = useCallback((id) => {
-    return positions[id] || { top: 0, left: 0 };
-  }, [positions]);
-  const isElementDragging = useCallback((id) => {
-    return isDragging === id;
-  }, [isDragging]);
+  const getPosition = useCallback(
+    (id) => {
+      return positions[id] || { top: 0, left: 0 };
+    },
+    [positions]
+  );
+  const isElementDragging = useCallback(
+    (id) => {
+      return isDragging === id;
+    },
+    [isDragging]
+  );
   return {
-    handleMouseDown,
+    handleMouseDown: handleDragStart,
     getPosition,
     setPosition,
     isElementDragging,
@@ -1392,7 +1424,8 @@ var TooltipBase = ({ children, delayDuration = TOOLTIP_DELAY_DURATION, ...props
   ) });
 };
 TooltipBase.displayName = "TooltipBase";
-var TooltipTriggerBase = React33.forwardRef(({ children, onPointerDown, ...props }, ref) => {
+var TooltipTriggerBase = React33.forwardRef(({ children, onPointerDown, onClick: propOnClick, ...props }, ref) => {
+  const { setOpen, isMobile } = React33.useContext(TooltipClickContext);
   const handlePointerDown = React33.useCallback(
     (e) => {
       if (onPointerDown) {
@@ -1403,11 +1436,26 @@ var TooltipTriggerBase = React33.forwardRef(({ children, onPointerDown, ...props
   );
   const onClick = React33.useCallback(
     (e) => {
+      if (propOnClick) {
+        propOnClick(e);
+      }
       if (onPointerDown) {
         onPointerDown(e);
       }
+      if (isMobile && setOpen) {
+        e.preventDefault();
+        setOpen((prev) => !prev);
+      }
     },
-    [onPointerDown]
+    [onPointerDown, isMobile, setOpen, propOnClick]
+  );
+  const preventDefaultOnMobile = React33.useCallback(
+    (e) => {
+      if (isMobile) {
+        e.preventDefault();
+      }
+    },
+    [isMobile]
   );
   return /* @__PURE__ */ jsx(
     TooltipPrimitive.Trigger,
@@ -1416,6 +1464,9 @@ var TooltipTriggerBase = React33.forwardRef(({ children, onPointerDown, ...props
       tabIndex: -1,
       onPointerDown: onPointerDown ? handlePointerDown : void 0,
       onClick,
+      onFocus: preventDefaultOnMobile,
+      onMouseEnter: preventDefaultOnMobile,
+      onMouseLeave: preventDefaultOnMobile,
       "data-tooltip-trigger": true,
       "aria-describedby": "tooltip-content",
       ...props,
@@ -3118,9 +3169,13 @@ function ModeToggleBase({
   className,
   variant = "ghost"
 }) {
+  const [mounted, setMounted] = useState(false);
   const { setTheme, theme: currentTheme } = useTheme();
   const buttonRef = useRef(null);
-  const isDark = currentTheme?.includes("dark") || currentTheme === "system" && typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches;
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  const isDark = mounted && (currentTheme?.includes("dark") || currentTheme === "system" && typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches);
   const toggleTheme = async (newTheme) => {
     if (!buttonRef.current || !document.startViewTransition) {
       setTheme(newTheme);
@@ -3161,7 +3216,7 @@ function ModeToggleBase({
         variant,
         size: "icon",
         className: cn(
-          "relative overflow-hidden border-transparent group",
+          "relative overflow-hidden group",
           className
         ),
         children: [
@@ -3187,7 +3242,7 @@ function ModeToggleBase({
       DropDownMenuContentBase,
       {
         align: "end",
-        className: "border-border bg-popover text-popover-foreground min-w-[140px]",
+        className: "border-border bg-popover text-popover-foreground min-w-[140px] ",
         children: themes.map((theme) => {
           const isActive = currentTheme === theme;
           return /* @__PURE__ */ jsxs(
@@ -3195,8 +3250,8 @@ function ModeToggleBase({
             {
               onClick: () => toggleTheme(theme),
               className: cn(
-                "gap-3 transition-all duration-200",
-                isActive ? "bg-accent/80 text-accent-foreground border-l-2 border-primary font-medium pl-1.5" : "hover:bg-accent hover:text-accent-foreground"
+                "gap-2 transition-all duration-200",
+                isActive ? "bg-accent/80 text-accent-foreground border-l-2 border-primary font-medium pl-1.5 my-0.5" : "hover:bg-accent hover:text-accent-foreground"
               ),
               children: [
                 /* @__PURE__ */ jsx(ThemeIcon, { theme }),
@@ -7428,18 +7483,17 @@ function ScrollColumn({ value, onChange, max, label }) {
       }
     }, 100);
   };
-  const handleMouseDown = (e) => {
+  const handleStart = (pageY) => {
     if (!containerRef.current) return;
     setIsDragging(true);
-    setStartY(e.pageY);
+    setStartY(pageY);
     setScrollTop(containerRef.current.scrollTop);
   };
-  const handleMouseMove = (e) => {
+  const handleMove = (pageY) => {
     if (!isDragging || !containerRef.current) return;
-    e.preventDefault();
-    containerRef.current.scrollTop = scrollTop + (startY - e.pageY) * 2;
+    containerRef.current.scrollTop = scrollTop + (startY - pageY) * 2;
   };
-  const handleMouseUp = () => {
+  const handleEnd = () => {
     if (!containerRef.current) return;
     setIsDragging(false);
     requestAnimationFrame(() => {
@@ -7451,8 +7505,32 @@ function ScrollColumn({ value, onChange, max, label }) {
       }
     });
   };
+  const handleMouseDown = (e) => {
+    handleStart(e.pageY);
+  };
+  const handleMouseMove = (e) => {
+    if (isDragging) {
+      e.preventDefault();
+      handleMove(e.pageY);
+    }
+  };
+  const handleMouseUp = () => {
+    handleEnd();
+  };
   const handleMouseLeave = () => {
-    if (isDragging) handleMouseUp();
+    if (isDragging) handleEnd();
+  };
+  const handleTouchStart = (e) => {
+    handleStart(e.touches[0].pageY);
+  };
+  const handleTouchMove = (e) => {
+    if (isDragging) {
+      if (e.cancelable) e.preventDefault();
+      handleMove(e.touches[0].pageY);
+    }
+  };
+  const handleTouchEnd = () => {
+    handleEnd();
   };
   const handleWheel = (e) => {
     e.stopPropagation();
@@ -7470,6 +7548,9 @@ function ScrollColumn({ value, onChange, max, label }) {
         onMouseMove: handleMouseMove,
         onMouseUp: handleMouseUp,
         onMouseLeave: handleMouseLeave,
+        onTouchStart: handleTouchStart,
+        onTouchMove: handleTouchMove,
+        onTouchEnd: handleTouchEnd,
         style: {
           height: `${containerHeight}px`,
           paddingTop: `${centerIndex * itemHeight}px`,
@@ -13783,7 +13864,7 @@ function MultiSelect({
 
 // src/components/ui/charts/utils/helpers.ts
 var formatFieldName = (fieldName) => {
-  return fieldName.split(/[/_-]/).filter(Boolean).map((word) => {
+  return (fieldName.match(/[^/_-]+/g) || []).map((word) => {
     return word.charAt(0).toUpperCase() + word.slice(1);
   }).join(" ").trim();
 };
@@ -14510,7 +14591,7 @@ var DraggableTooltipComponent = ({
   highlightedSeries,
   toggleHighlight,
   showOnlyHighlighted,
-  valueFormatter: valueFormatter2,
+  valueFormatter,
   categoryFormatter
 }) => {
   const visibleKeys = useMemo(
@@ -14926,7 +15007,7 @@ var DraggableTooltipComponent = ({
               {
                 data,
                 visibleKeys,
-                valueFormatter: valueFormatter2
+                valueFormatter
               }
             ) })
           ] }) }),
@@ -14945,7 +15026,7 @@ var DraggableTooltipComponent = ({
                 );
                 const val = typeof value === "number" ? value : Number(value) || 0;
                 const defaultFormatted = val.toLocaleString("pt-BR");
-                const displayValue = valueFormatter2 ? valueFormatter2({
+                const displayValue = valueFormatter ? valueFormatter({
                   value,
                   formattedValue: defaultFormatted,
                   dataKey: key,
@@ -15026,7 +15107,7 @@ var DraggableTooltipComponent = ({
                 highlightedSeries,
                 toggleHighlight,
                 finalColors,
-                valueFormatter2
+                valueFormatter
               ]
             ),
             /* @__PURE__ */ jsx("div", { className: "mt-3 pt-2 border-t", children: /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [
@@ -15060,7 +15141,7 @@ var RechartTooltipWithTotal = ({
   finalColors = {},
   periodLabel = "Per\xEDodo",
   totalLabel = "Total",
-  valueFormatter: valueFormatter2,
+  valueFormatter,
   categoryFormatter,
   yAxisMap,
   isBiaxial = false
@@ -15084,7 +15165,7 @@ var RechartTooltipWithTotal = ({
     }
     return total.toLocaleString("pt-BR");
   })();
-  const displayTotal = valueFormatter2 ? valueFormatter2({
+  const displayTotal = valueFormatter ? valueFormatter({
     value: total,
     formattedValue: defaultTotalFormatted,
     dataKey: "total",
@@ -15147,7 +15228,7 @@ var RechartTooltipWithTotal = ({
             }
             return value.toLocaleString("pt-BR");
           })();
-          const displayValue = valueFormatter2 ? valueFormatter2({
+          const displayValue = valueFormatter ? valueFormatter({
             value: entry.value,
             formattedValue: defaultFormatted,
             dataKey: entry.dataKey,
@@ -15212,7 +15293,7 @@ var TooltipSimple = ({
   label,
   finalColors = {},
   periodLabel = "Per\xEDodo",
-  valueFormatter: valueFormatter2,
+  valueFormatter,
   categoryFormatter,
   yAxisMap,
   isBiaxial = false
@@ -15260,7 +15341,7 @@ var TooltipSimple = ({
             }
             return value.toLocaleString("pt-BR");
           })();
-          const displayValue = valueFormatter2 ? valueFormatter2({
+          const displayValue = valueFormatter ? valueFormatter({
             value: entry.value,
             formattedValue: defaultFormatted,
             dataKey: entry.dataKey,
@@ -15302,6 +15383,210 @@ var TooltipSimple = ({
   );
 };
 var TooltipSimple_default = TooltipSimple;
+var tooltipVariants2 = {
+  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 SystemTooltip = ({
+  id,
+  data,
+  position,
+  title = "Conex\xF5es",
+  onMouseDown,
+  onClose,
+  onPositionChange
+}) => {
+  const [localPos, setLocalPos] = useState(position);
+  const [dragging, setDragging] = useState(false);
+  const offsetRef = useRef({ x: 0, y: 0 });
+  const lastMouse = useRef({ x: 0, y: 0 });
+  useEffect(() => setLocalPos(position), [position]);
+  useEffect(() => {
+    let rafId = null;
+    const handleMouseMove = (e) => {
+      if (!dragging) return;
+      lastMouse.current = { x: e.clientX, y: e.clientY };
+      if (rafId) cancelAnimationFrame(rafId);
+      rafId = requestAnimationFrame(() => {
+        const newLeft = lastMouse.current.x - offsetRef.current.x;
+        const newTop = lastMouse.current.y - offsetRef.current.y;
+        const rawPosition = {
+          top: Math.max(0, Math.min(newTop, window.innerHeight - 200)),
+          left: Math.max(0, Math.min(newLeft, window.innerWidth - 320))
+        };
+        setLocalPos(rawPosition);
+        if (onPositionChange) onPositionChange(id, rawPosition);
+      });
+    };
+    const handleMouseUp = () => {
+      if (dragging) {
+        setDragging(false);
+        if (rafId) cancelAnimationFrame(rafId);
+      }
+    };
+    if (dragging) {
+      document.addEventListener("mousemove", handleMouseMove, {
+        passive: true
+      });
+      document.addEventListener("mouseup", handleMouseUp);
+      document.body.style.cursor = "grabbing";
+      document.body.style.userSelect = "none";
+    }
+    return () => {
+      if (rafId) cancelAnimationFrame(rafId);
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+    };
+  }, [dragging, id, onPositionChange]);
+  const handleMouseDownLocal = useCallback(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      const rect = e.currentTarget.closest(".fixed")?.getBoundingClientRect();
+      if (!rect) return;
+      offsetRef.current = { x: e.clientX - rect.left, y: e.clientY - rect.top };
+      setDragging(true);
+      onMouseDown?.(id, e);
+    },
+    [id, onMouseDown]
+  );
+  const handleTouchStartLocal = useCallback(
+    (e) => {
+      e.stopPropagation();
+      const touch = e.touches[0];
+      if (!touch) return;
+      const rect = e.currentTarget.closest(".fixed")?.getBoundingClientRect();
+      if (!rect) return;
+      offsetRef.current = {
+        x: touch.clientX - rect.left,
+        y: touch.clientY - rect.top
+      };
+      setDragging(true);
+      onMouseDown?.(id, e);
+    },
+    [id, onMouseDown]
+  );
+  const entries = useMemo(
+    () => data.connections.filter((c) => c.type === "entrada"),
+    [data.connections]
+  );
+  const exits = useMemo(
+    () => data.connections.filter((c) => c.type === "saida"),
+    [data.connections]
+  );
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      className: "fixed bg-card/95 backdrop-blur-md border border-border/50 rounded-xl shadow-2xl z-50 w-80 overflow-hidden",
+      variants: tooltipVariants2,
+      initial: "hidden",
+      animate: "visible",
+      exit: "exit",
+      style: {
+        top: localPos.top,
+        left: localPos.left
+      },
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center justify-between py-1 border-b border-border/10 bg-muted/30 ",
+            onMouseDown: handleMouseDownLocal,
+            onTouchStart: handleTouchStartLocal,
+            style: {
+              touchAction: "none",
+              cursor: dragging ? "grabbing" : "grab"
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3", children: [
+                /* @__PURE__ */ jsx("div", { className: "rounded", children: /* @__PURE__ */ jsx(DotsSixVerticalIcon, { size: 16, className: "text-primary" }) }),
+                /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: title })
+              ] }),
+              /* @__PURE__ */ jsx(
+                ButtonBase,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: () => onClose(id),
+                  className: "text-muted-foreground hover:text-destructive transition-colors hover:bg-destructive/10 mr-1",
+                  style: { cursor: "pointer" },
+                  children: /* @__PURE__ */ jsx(XIcon$1, { size: 16 })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "px-4 pt-4 pb-3", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold text-foreground tracking-tight truncate", children: data.name }),
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-bold 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__ */ jsx(SeparatorBase, { className: "w-full" }),
+          entries.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-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: "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",
+                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"
+                    }
+                  )
+                ]
+              },
+              conn.id
+            )) })
+          ] }),
+          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: "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",
+                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" })
+                ]
+              },
+              conn.id
+            )) })
+          ] }),
+          data.connections.length === 0 && /* @__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" }) })
+        ] })
+      ]
+    },
+    id
+  ) });
+};
+var SystemTooltip_default = SystemTooltip;
 var Brush = ({
   data,
   legend,
@@ -15556,11 +15841,11 @@ var parseNumber = (v) => {
     return Number(v);
   return void 0;
 };
-var renderPillLabel = (color, variant, valueFormatter2) => {
+var renderPillLabel = (color, variant, valueFormatter) => {
   return (props) => {
     const { x, y, value } = props;
     const defaultFormatted = typeof value === "number" ? formatCompactNumber(value) : String(value ?? "");
-    const text = valueFormatter2 ? valueFormatter2({
+    const text = valueFormatter ? valueFormatter({
       value,
       formattedValue: defaultFormatted,
       ...props
@@ -15649,11 +15934,11 @@ var renderPillLabel = (color, variant, valueFormatter2) => {
   };
 };
 var pillLabelRenderer_default = renderPillLabel;
-var renderInsideBarLabel = (color, valueFormatter2) => {
+var renderInsideBarLabel = (color, valueFormatter) => {
   return (props) => {
     const { x, y, value, width, height, viewBox, cx, cy, index } = props;
     const defaultFormatted = typeof value === "number" ? formatCompactNumber(value) : String(value ?? "");
-    const text = valueFormatter2 ? valueFormatter2({ value, formattedValue: defaultFormatted, ...props }) : defaultFormatted;
+    const text = valueFormatter ? valueFormatter({ value, formattedValue: defaultFormatted, ...props }) : defaultFormatted;
     const parseNumberLocal = (v) => {
       if (typeof v === "number") return v;
       if (typeof v === "string" && v.trim() !== "" && !Number.isNaN(Number(v)))
@@ -15798,7 +16083,7 @@ var NoData = ({
     "div",
     {
       className: cn(
-        "rounded-xl bg-card relative overflow-hidden w-full border border-border/50 shadow-sm",
+        "rounded-xl bg-card relative overflow-hidden w-full border border-border/50 shadow-sm h-full",
         className
       ),
       style: {
@@ -16255,6 +16540,128 @@ function useTimeSeriesRange({
     handleMouseDown
   };
 }
+var filtersOrder = (mapperConfig, series) => {
+  const seriesOrder = [];
+  if (series) {
+    if (series.bar)
+      series.bar.forEach((k) => seriesOrder.push({ type: "bar", key: k }));
+    if (series.line)
+      series.line.forEach((k) => seriesOrder.push({ type: "line", key: k }));
+    if (series.area)
+      series.area.forEach((k) => seriesOrder.push({ type: "area", key: k }));
+  } else {
+    Object.keys(mapperConfig).forEach(
+      (k) => seriesOrder.push({ type: "bar", key: k })
+    );
+  }
+  return seriesOrder;
+};
+var fnOpenTooltipForPeriod = (enableDraggableTooltips, processedData, periodName, activeTooltips, setActiveTooltips, maxTooltips, effectiveChartWidth) => {
+  if (!enableDraggableTooltips) return;
+  const row = processedData.find((r) => String(r.name) === periodName);
+  if (!row) return;
+  const tooltipId = String(periodName);
+  const existingIndex = activeTooltips.findIndex((t) => t.id === tooltipId);
+  if (existingIndex !== -1) {
+    setActiveTooltips((prev) => prev.filter((t) => t.id !== tooltipId));
+    return;
+  }
+  if (activeTooltips.length >= maxTooltips) {
+    toast$1.warning(
+      `Limite de ${maxTooltips} janelas de informa\xE7\xE3o atingido. A mais antiga ser\xE1 substitu\xEDda.`
+    );
+  }
+  const offsetIndex = activeTooltips.length;
+  const availableWidth = effectiveChartWidth;
+  const gap = 28;
+  const leftGap = 28;
+  const newTooltip = {
+    id: tooltipId,
+    data: row,
+    position: {
+      top: 48 + offsetIndex * gap,
+      left: Math.max(120, availableWidth - 280 - offsetIndex * leftGap)
+    }
+  };
+  setActiveTooltips((prev) => {
+    const next = [...prev, newTooltip];
+    return next.length > maxTooltips ? next.slice(1) : next;
+  });
+};
+var fnSmartConfig = ({ xAxis, data, labelMap }) => {
+  const resolvedXAxisKey = typeof xAxis === "string" ? xAxis : xAxis && xAxis.dataKey || detectXAxis(data);
+  const xAxisConfig = typeof xAxis === "string" ? {
+    dataKey: resolvedXAxisKey,
+    label: formatFieldName(resolvedXAxisKey),
+    autoLabel: true
+  } : {
+    dataKey: resolvedXAxisKey,
+    label: xAxis?.label ?? formatFieldName(resolvedXAxisKey),
+    valueFormatter: xAxis?.valueFormatter,
+    autoLabel: xAxis?.autoLabel ?? true
+  };
+  const detectedFields = detectDataFields(data, xAxisConfig.dataKey);
+  const mapperConfig = detectedFields.reduce((acc, field) => {
+    acc[field] = {
+      label: labelMap?.[field] ?? formatFieldName(field),
+      type: "number",
+      visible: true
+    };
+    return acc;
+  }, {});
+  return { xAxisConfig, mapperConfig };
+};
+var fnConfigRightKeys = (biaxialConfigNormalized, yTickFormatter, finalColors) => {
+  const decimals = typeof biaxialConfigNormalized?.decimals === "number" ? Math.max(0, Math.floor(biaxialConfigNormalized.decimals)) : 2;
+  const rightTickFormatter = (v) => {
+    if (biaxialConfigNormalized?.percentage) {
+      const num = Number(String(v));
+      const nf = new Intl.NumberFormat("pt-BR", {
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals
+      });
+      const out = Number.isNaN(num) ? String(v ?? "") : nf.format(num);
+      return `${out}%`;
+    }
+    return yTickFormatter(v);
+  };
+  const firstRightKey = biaxialConfigNormalized?.key && biaxialConfigNormalized.key[0];
+  const defaultRightColor = firstRightKey && finalColors[firstRightKey] || "hsl(var(--muted-foreground))";
+  const rightAxisColor = (() => {
+    if (!biaxialConfigNormalized) return defaultRightColor;
+    if (typeof biaxialConfigNormalized.stroke === "string")
+      return biaxialConfigNormalized.stroke;
+    if (biaxialConfigNormalized.stroke && firstRightKey && typeof biaxialConfigNormalized.stroke === "object")
+      return biaxialConfigNormalized.stroke[firstRightKey] || defaultRightColor;
+    return defaultRightColor;
+  })();
+  return { rightAxisColor, rightTickFormatter };
+};
+var fnFormatterValueLegend = (value, mapperConfig, labelMap, legendUppercase) => {
+  const key = String(value);
+  const label = mapperConfig[key]?.label ?? labelMap?.[key] ?? formatFieldName(key);
+  return legendUppercase ? label.toUpperCase() : label;
+};
+var fnBuildConfigData = (s, mapperConfig, labelMap, finalColors, rightKeys, biaxialConfigNormalized) => {
+  const key = s.key;
+  const label = mapperConfig[key]?.label ?? labelMap?.[key] ?? formatFieldName(key);
+  let color = finalColors[key];
+  if (rightKeys.includes(key) && biaxialConfigNormalized?.stroke) {
+    if (typeof biaxialConfigNormalized.stroke === "string") {
+      color = biaxialConfigNormalized.stroke;
+    } else {
+      color = biaxialConfigNormalized.stroke[key] ?? color;
+    }
+  }
+  return { label, color, key };
+};
+var fnContentLabelList = (p) => {
+  const barHeight = typeof p.height === "number" ? p.height : typeof p.height === "string" ? Number(p.height) : 0;
+  const barWidth = typeof p.width === "number" ? p.width : typeof p.width === "string" ? Number(p.width) : 0;
+  const smallThreshold = 14;
+  const needsOutside = barHeight > 0 && barHeight < smallThreshold || barWidth > 0 && barWidth < smallThreshold;
+  return needsOutside ? null : true;
+};
 var DEFAULT_COLORS2 = ["#55af7d", "#8e68ff", "#2273e1"];
 var Chart = ({
   data,
@@ -16276,7 +16683,7 @@ var Chart = ({
   xAxisLabel,
   yAxisLabel,
   labelMap,
-  valueFormatter: valueFormatter2,
+  valueFormatter,
   categoryFormatter,
   enableHighlights = false,
   enableShowOnly = false,
@@ -16293,30 +16700,9 @@ var Chart = ({
   timeSeriesLegend,
   customLegend
 }) => {
-  const smartConfig = useMemo(() => {
-    const resolvedXAxisKey = typeof xAxis === "string" ? xAxis : xAxis && xAxis.dataKey || detectXAxis(data);
-    const xAxisConfig2 = typeof xAxis === "string" ? {
-      dataKey: resolvedXAxisKey,
-      label: formatFieldName(resolvedXAxisKey),
-      autoLabel: true
-    } : {
-      dataKey: resolvedXAxisKey,
-      label: xAxis?.label ?? formatFieldName(resolvedXAxisKey),
-      valueFormatter: xAxis?.valueFormatter,
-      autoLabel: xAxis?.autoLabel ?? true
-    };
-    const detectedFields = detectDataFields(data, xAxisConfig2.dataKey);
-    const mapperConfig2 = detectedFields.reduce((acc, field) => {
-      acc[field] = {
-        label: labelMap?.[field] ?? formatFieldName(field),
-        type: "number",
-        visible: true
-      };
-      return acc;
-    }, {});
-    return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
+  const { xAxisConfig, mapperConfig } = useMemo(() => {
+    return fnSmartConfig({ xAxis, data, labelMap });
   }, [data, xAxis, labelMap]);
-  const { xAxisConfig, mapperConfig } = smartConfig;
   const {
     highlightedSeries,
     showOnlyHighlighted,
@@ -16358,19 +16744,7 @@ var Chart = ({
     }
     return mapped;
   }, [data, xAxisConfig.dataKey, timeSeriesConfig, startIndex, endIndex]);
-  const seriesOrder = [];
-  if (series) {
-    if (series.bar)
-      series.bar.forEach((k) => seriesOrder.push({ type: "bar", key: k }));
-    if (series.line)
-      series.line.forEach((k) => seriesOrder.push({ type: "line", key: k }));
-    if (series.area)
-      series.area.forEach((k) => seriesOrder.push({ type: "area", key: k }));
-  } else {
-    Object.keys(mapperConfig).forEach(
-      (k) => seriesOrder.push({ type: "bar", key: k })
-    );
-  }
+  const seriesOrder = filtersOrder(mapperConfig, series);
   const allKeys = seriesOrder.map((s) => s.key).filter(Boolean);
   const finalColors = useMemo(
     () => generateColorMap(allKeys, colors2, mapperConfig),
@@ -16453,8 +16827,8 @@ var Chart = ({
     [highlightedSeries]
   );
   const finalValueFormatter = useMemo(
-    () => createValueFormatter(valueFormatter2, formatBR),
-    [valueFormatter2, formatBR]
+    () => createValueFormatter(valueFormatter, formatBR),
+    [valueFormatter, formatBR]
   );
   const yTickFormatter = useMemo(
     () => createYTickFormatter(finalValueFormatter),
@@ -16489,36 +16863,15 @@ var Chart = ({
   const rightYAxisLabelDx = Math.max(12, Math.round(finalChartRightMargin / 2));
   const openTooltipForPeriod = useCallback(
     (periodName) => {
-      if (!enableDraggableTooltips) return;
-      const row = processedData.find((r) => String(r.name) === periodName);
-      if (!row) return;
-      const tooltipId = String(periodName);
-      const existingIndex = activeTooltips.findIndex((t) => t.id === tooltipId);
-      if (existingIndex !== -1) {
-        setActiveTooltips((prev) => prev.filter((t) => t.id !== tooltipId));
-        return;
-      }
-      if (activeTooltips.length >= maxTooltips) {
-        toast$1.warning(
-          `Limite de ${maxTooltips} janelas de informa\xE7\xE3o atingido. A mais antiga ser\xE1 substitu\xEDda.`
-        );
-      }
-      const offsetIndex = activeTooltips.length;
-      const availableWidth = effectiveChartWidth;
-      const gap = 28;
-      const leftGap = 28;
-      const newTooltip = {
-        id: tooltipId,
-        data: row,
-        position: {
-          top: 48 + offsetIndex * gap,
-          left: Math.max(120, availableWidth - 280 - offsetIndex * leftGap)
-        }
-      };
-      setActiveTooltips((prev) => {
-        const next = [...prev, newTooltip];
-        return next.length > maxTooltips ? next.slice(1) : next;
-      });
+      fnOpenTooltipForPeriod(
+        enableDraggableTooltips,
+        processedData,
+        periodName,
+        activeTooltips,
+        setActiveTooltips,
+        maxTooltips,
+        effectiveChartWidth
+      );
     },
     [
       enableDraggableTooltips,
@@ -16757,29 +17110,7 @@ var Chart = ({
                 }
               ),
               rightKeys.length > 0 && (() => {
-                const decimals = typeof biaxialConfigNormalized?.decimals === "number" ? Math.max(0, Math.floor(biaxialConfigNormalized.decimals)) : 2;
-                const rightTickFormatter = (v) => {
-                  if (biaxialConfigNormalized?.percentage) {
-                    const num = Number(String(v));
-                    const nf = new Intl.NumberFormat("pt-BR", {
-                      minimumFractionDigits: decimals,
-                      maximumFractionDigits: decimals
-                    });
-                    const out = Number.isNaN(num) ? String(v ?? "") : nf.format(num);
-                    return `${out}%`;
-                  }
-                  return yTickFormatter(v);
-                };
-                const firstRightKey = biaxialConfigNormalized?.key && biaxialConfigNormalized.key[0];
-                const defaultRightColor = firstRightKey && finalColors[firstRightKey] || "hsl(var(--muted-foreground))";
-                const rightAxisColor = (() => {
-                  if (!biaxialConfigNormalized) return defaultRightColor;
-                  if (typeof biaxialConfigNormalized.stroke === "string")
-                    return biaxialConfigNormalized.stroke;
-                  if (biaxialConfigNormalized.stroke && firstRightKey && typeof biaxialConfigNormalized.stroke === "object")
-                    return biaxialConfigNormalized.stroke[firstRightKey] || defaultRightColor;
-                  return defaultRightColor;
-                })();
+                const { rightAxisColor, rightTickFormatter } = fnConfigRightKeys(biaxialConfigNormalized, yTickFormatter, finalColors);
                 return /* @__PURE__ */ jsx(
                   YAxis,
                   {
@@ -16837,38 +17168,26 @@ var Chart = ({
                 {
                   iconSize: 12,
                   formatter: (value) => {
-                    const key = String(value);
-                    const label = mapperConfig[key]?.label ?? labelMap?.[key] ?? formatFieldName(key);
-                    const displayLabel = legendUppercase ? label.toUpperCase() : label;
-                    return /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        className: "inline-flex items-center gap-2 px-1 py-1.5",
-                        style: {
-                          fontSize: "13px",
-                          fontWeight: 600,
-                          letterSpacing: "0.01em",
-                          color: "hsl(var(--foreground))"
-                        },
-                        children: displayLabel
-                      }
-                    );
+                    return /* @__PURE__ */ jsx("span", { className: "tracking-[0]", children: fnFormatterValueLegend(
+                      value,
+                      mapperConfig,
+                      labelMap,
+                      legendUppercase
+                    ) });
                   }
                 }
               ),
               seriesOrder.map((s) => {
-                const key = s.key;
-                if (showOnlyHighlighted && !highlightedSeries.has(key))
+                if (showOnlyHighlighted && !highlightedSeries.has(s.key))
                   return null;
-                const label = mapperConfig[key]?.label ?? labelMap?.[key] ?? formatFieldName(key);
-                let color = finalColors[key];
-                if (rightKeys.includes(key) && biaxialConfigNormalized?.stroke) {
-                  if (typeof biaxialConfigNormalized.stroke === "string") {
-                    color = biaxialConfigNormalized.stroke;
-                  } else {
-                    color = biaxialConfigNormalized.stroke[key] ?? color;
-                  }
-                }
+                const { label, color, key } = fnBuildConfigData(
+                  s,
+                  mapperConfig,
+                  labelMap,
+                  finalColors,
+                  rightKeys,
+                  biaxialConfigNormalized
+                );
                 if (s.type === "bar") {
                   return /* @__PURE__ */ jsx(
                     Bar,
@@ -16895,14 +17214,8 @@ var Chart = ({
                         {
                           dataKey: key,
                           content: (props) => {
-                            const p = props;
-                            const barHeight = typeof p.height === "number" ? p.height : typeof p.height === "string" ? Number(p.height) : 0;
-                            const barWidth = typeof p.width === "number" ? p.width : typeof p.width === "string" ? Number(p.width) : 0;
-                            const smallThreshold = 14;
-                            const needsOutside = barHeight > 0 && barHeight < smallThreshold || barWidth > 0 && barWidth < smallThreshold;
-                            if (needsOutside) {
+                            if (!fnContentLabelList(props))
                               return null;
-                            }
                             const inside = renderInsideBarLabel(
                               color,
                               finalValueFormatter
@@ -18426,8 +18739,7 @@ function Leaderboard({
   title = "LeaderBoard",
   className,
   isLoading = false,
-  legend,
-  best = false
+  legend
 }) {
   const [order, setOrder] = useState(initialOrder);
   const [searchTerm, setSearchTerm] = useState("");
@@ -18459,55 +18771,54 @@ function Leaderboard({
     if (typeof aValue === "number") return order === "desc" ? -1 : 1;
     return order === "desc" ? 1 : -1;
   });
-  const getBadgeColor = (value, index, total) => {
-    if (best) {
-      const third = total / 3;
-      if (best) {
-        if (index < third) return "green";
-        if (index < 2 * third) return "yellow";
-        return "red";
-      }
-    }
+  const getBadgeColor = (value) => {
     const numValue = typeof value === "string" ? parseFloat(value) : value;
     if (isNaN(numValue)) return "green";
-    if (numValue >= 75) return "red";
-    if (numValue >= 25) return "yellow";
-    return "green";
+    if (numValue > 100) return "green";
+    if (numValue >= 95) return "yellow";
+    return "red";
   };
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `border rounded-xl flex flex-col max-h-80 w-96  ${className}`,
+      className: `border rounded-xl flex flex-col max-h-80 w-[52rem]  ${className}`,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2 px-4 border-b flex-shrink-0 gap-3 ", children: [
           /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold px-1 whitespace-nowrap", children: title }),
-          /* @__PURE__ */ jsx("div", { className: "flex-1 max-w-[200px]", children: /* @__PURE__ */ jsx(
-            InputBase,
-            {
-              value: searchTerm,
-              onChange: (e) => setSearchTerm(e.target.value),
-              placeholder: "Pesquisar...",
-              leftIcon: /* @__PURE__ */ jsx(MagnifyingGlassIcon, { size: 16 }),
-              className: "h-8 py-1"
-            }
-          ) }),
-          /* @__PURE__ */ jsx(
-            ButtonBase,
-            {
-              size: "icon",
-              variant: "outline",
-              onClick: () => setOrder(order === "desc" ? "asc" : "desc"),
-              disabled: isLoading || sortedData.length === 0,
-              children: /* @__PURE__ */ jsx(
-                motion.div,
-                {
-                  animate: { rotate: order === "asc" ? 180 : 0 },
-                  transition: { type: "spring", stiffness: 300, damping: 20 },
-                  children: /* @__PURE__ */ jsx(CaretUpDownIcon, {})
-                }
-              )
-            }
-          )
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              InputBase,
+              {
+                value: searchTerm,
+                onChange: (e) => {
+                  const value = e.target.value;
+                  if (/^[a-zA-Z0-9\s()À-ÿ~^´`]*$/.test(value)) {
+                    setSearchTerm(value);
+                  }
+                },
+                placeholder: "Pesquisar...",
+                leftIcon: /* @__PURE__ */ jsx(MagnifyingGlassIcon, { size: 16 }),
+                className: "h-8 py-1 w-24"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ButtonBase,
+              {
+                size: "icon",
+                variant: "outline",
+                onClick: () => setOrder(order === "desc" ? "asc" : "desc"),
+                disabled: isLoading || sortedData.length === 0,
+                children: /* @__PURE__ */ jsx(
+                  motion.div,
+                  {
+                    animate: { rotate: order === "asc" ? 180 : 0 },
+                    transition: { type: "spring", stiffness: 300, damping: 20 },
+                    children: /* @__PURE__ */ jsx(CaretUpDownIcon, {})
+                  }
+                )
+              }
+            )
+          ] })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "overflow-y-auto flex-1 [&::-webkit-scrollbar]:w-1.5 [&::-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__ */ jsx("div", { className: "p-4 space-y-3", children: Array.from({ length: 5 }).map((_, idx) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-1", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-1", children: [
@@ -18534,7 +18845,7 @@ function Leaderboard({
                 /* @__PURE__ */ jsx(
                   Badge,
                   {
-                    color: getBadgeColor(item.value, idx, sortedData.length),
+                    color: getBadgeColor(item.value),
                     size: "md",
                     className: "font-bold",
                     children: item.value
@@ -18550,4 +18861,4 @@ function Leaderboard({
   );
 }
 
-export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, BarChart_default as BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart_default as Chart, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, 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, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileUploader, FilterButton, HideButton, Highlights_default as Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase_default as LabelBase, Leaderboard, LikeButton, LineChart_default as LineChart, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, PeriodsDropdown_default as PeriodsDropdown, PieChart_default as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, 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, 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, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, 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, BarChart_default as BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart_default as Chart, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, 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, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileUploader, FilterButton, HideButton, Highlights_default as Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase_default as LabelBase, Leaderboard, LikeButton, LineChart_default as LineChart, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, PeriodsDropdown_default as PeriodsDropdown, PieChart_default as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, 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, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useTheme, useTimeSeriesRange, visualForItem };